@charset "UTF-8";/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
#growls-bc,#growls-bl,#growls-br,#growls-cc,#growls-cl,#growls-cr,#growls-default,#growls-tc,#growls-tl,#growls-tr,.ontop {
    z-index: 50000;
    position: fixed
}

#growls-default {
    top: 50px;
    right: 10px
}

#growls-tl {
    top: 10px;
    left: 10px
}

#growls-tr {
    top: 10px;
    right: 10px
}

#growls-bl {
    bottom: 10px;
    left: 10px
}

#growls-br {
    bottom: 10px;
    right: 10px
}

#growls-tc {
    top: 10px;
    right: 10px;
    left: 10px
}

#growls-bc {
    bottom: 10px;
    right: 10px;
    left: 10px
}

#growls-cc {
    top: 50%;
    left: 50%;
    margin-left: -125px
}

#growls-cl {
    top: 50%;
    left: 10px
}

#growls-cr {
    top: 50%;
    right: 10px
}

#growls-bc .growl,#growls-tc .growl {
    margin-left: auto;
    margin-right: auto
}

.growl {
    box-shadow: 0 0 10px rgba(0,0,0,1);
    position: relative;
    background-color: rgba(0,0,0,.8)!important;
    border-radius: 4px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.growl.growl-incoming {
    opacity: 0
}

.growl.growl-outgoing {
    opacity: 0
}

.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px
}

.growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px
}

.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px
}

.growl.growl-x-large {
    width: 350px;
    padding: 15px;
    margin: 15px
}

.growl.growl-default {
    color: #fff!important
}

.growl.growl-error {
    color: #c0392b!important
}

.growl.growl-notice {
    color: #2ecc71!important
}

.growl.growl-message {
    color: #2ecc71!important
}

.growl.growl-warning {
    color: #f39c12!important
}

.growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: helvetica,verdana,sans-serif
}

.growl .growl-title {
    font-size: 20px;
    line-height: 26px
}

.growl .growl-message {
    font-size: 16px;
    line-height: 20px
}

@media screen and (max-width: 767px) {
    .growl {
        max-width:35rem!important
    }
}

@media screen and (max-width: 479px) {
    .growl {
        max-width:33rem!important
    }
}

@media screen and (max-width: 400px) {
    .growl {
        max-width:28rem!important
    }
}

html {
    font-family: "PT Sans",sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

.input-file .input-fake,.input-file-wrapper .input-fake,button,input,optgroup,select,textarea {
    line-height: 1.15;
    font-family: "PT Sans",sans-serif;
    font-size: 100%;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.input-file .input-fake,.input-file-wrapper .input-fake,input {
    overflow: visible
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    src: url(../../fonts/OpenSans_Regular.eot?) format("eot"),url(../../fonts/OpenSans_Regular.woff2) format("woff2"),url(../../fonts/OpenSans_Regular.woff) format("woff"),url(../../fonts/OpenSans_Regular.ttf) format("truetype"),url(../../fonts/OpenSans_Regular.svg#Open_Sans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url(../../fonts/OpenSans_Italic.eot?) format("eot"),url(../../fonts/OpenSans_Italic.woff2) format("woff2"),url(../../fonts/OpenSans_Italic.woff) format("woff"),url(../../fonts/OpenSans_Italic.ttf) format("truetype"),url(../../fonts/OpenSans_Italic.svg#Open_Sans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    src: url(../../fonts/OpenSans_Bold.eot?) format("eot"),url(../../fonts/OpenSans_Bold.woff2) format("woff2"),url(../../fonts/OpenSans_Bold.woff) format("woff"),url(../../fonts/OpenSans_Bold.ttf) format("truetype"),url(../../fonts/OpenSans_Bold.svg#Open_Sans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    src: url(../../fonts/OpenSans_BoldItalic.eot?) format("eot"),url(../../fonts/OpenSans_BoldItalic.woff2) format("woff2"),url(../../fonts/OpenSans_BoldItalic.woff) format("woff"),url(../../fonts/OpenSans_BoldItalic.ttf) format("truetype"),url(../../fonts/OpenSans_BoldItalic.svg#Open_Sans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    src: url(../../fonts/OpenSans_Semibold.eot?) format("eot"),url(../../fonts/OpenSans_Semibold.woff2) format("woff2"),url(../../fonts/OpenSans_Semibold.woff) format("woff"),url(../../fonts/OpenSans_Semibold.ttf) format("truetype"),url(../../fonts/OpenSans_Semibold.svg#Open_Sans) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    src: url(../../fonts/OpenSans_Light.eot?) format("eot"),url(../../fonts/OpenSans_Light.woff2) format("woff2"),url(../../fonts/OpenSans_Light.woff) format("woff"),url(../../fonts/OpenSans_Light.ttf) format("truetype"),url(../../fonts/OpenSans_Light.svg#Open_Sans) format("svg")
}

@font-face {
    font-family: "Open Sans Semibold";
    font-weight: 600;
    src: url(../../fonts/OpenSans_Semibold.eot?) format("eot"),url(../../fonts/OpenSans_Semibold.woff2) format("woff2"),url(../../fonts/OpenSans_Semibold.woff) format("woff"),url(../../fonts/OpenSans_Semibold.ttf) format("truetype"),url(../../fonts/OpenSans_Semibold.svg#Open_Sans_Semibold) format("svg")
}

@font-face {
    font-family: "Open Sans Light";
    font-weight: 300;
    src: url(../../fonts/OpenSans_Light.eot?) format("eot"),url(../../fonts/OpenSans_Light.woff2) format("woff2"),url(../../fonts/OpenSans_Light.woff) format("woff"),url(../../fonts/OpenSans_Light.ttf) format("truetype"),url(../../fonts/OpenSans_Light.svg#Open_Sans_Light) format("svg")
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: url(../../fonts/Roboto_Regular.eot?) format("eot"),url(../../fonts/Roboto_Regular.woff2) format("woff2"),url(../../fonts/Roboto_Regular.woff) format("woff"),url(../../fonts/Roboto_Regular.ttf) format("truetype"),url(../../fonts/Roboto_Regular.svg#Roboto) format("svg")
}

@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(../../fonts/Roboto_Light.eot?) format("eot"),url(../../fonts/Roboto_Light.woff2) format("woff2"),url(../../fonts/Roboto_Light.woff) format("woff"),url(../../fonts/Roboto_Light.ttf) format("truetype"),url(../../fonts/Roboto_Light.svg#Roboto) format("svg")
}

@font-face {
    font-family: FontAwesome;
    src: url(../../fonts/fontawesome.eot?) format("eot"),url(../../fonts/fontawesome.woff2) format("woff2"),url(../../fonts/fontawesome.woff) format("woff"),url(../../fonts/fontawesome.ttf) format("truetype"),url(../../fonts/fontawesome.svg#FontAwesome) format("svg")
}

@font-face {
    font-family: icomoon;
    src: url(../../fonts/icomoon2.eot?) format("eot"),url(../../fonts/icomoon2.woff2) format("woff2"),url(../../fonts/icomoon2.woff) format("woff"),url(../../fonts/icomoon2.ttf) format("truetype"),url(../../fonts/icomoon2.svg#icomoon) format("svg")
}

@font-face {
    font-family: Material-Design-Iconic-Font;
    src: url(../../fonts/Material-Design-Iconic-Font.eot?) format("eot"),url(../../fonts/Material-Design-Iconic-Font.woff2) format("woff2"),url(../../fonts/Material-Design-Iconic-Font.woff) format("woff"),url(../../fonts/Material-Design-Iconic-Font.ttf) format("truetype"),url(../../fonts/Material-Design-Iconic-Font.svg#Material-Design-Iconic-Font) format("svg")
}

body,html {
    height: 100%;
    font-size: 10px!important;
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    font-family: "Open Sans",sans-serif;
    color: #000
}

body {
    min-height: 100%;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    position: relative
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body.__noscroll {
    position: fixed;
    width: 100%
}

body.category-modal-open {
    overflow: hidden
}

.container-outer {
    width: 100%;
    min-width: 320px
}

.container-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.block-scroll {
    overflow: hidden
}

.blur {
    -webkit-filter: blur(5px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='blur5'><feGaussianBlur in='SourceGraphic' stdDeviation='5' /></filter></svg>#blur5");
    filter: blur(5px);
    -webkit-transition: -webkit-filter .3s ease-in;
    transition: -webkit-filter .3s ease-in;
    -o-transition: filter .3s ease-in;
    transition: filter .3s ease-in;
    transition: filter .3s ease-in,-webkit-filter .3s ease-in
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.main-content {
    height: 100%;
    width: 100%;
    min-width: 320px;
    overflow-x: hidden
}

a {
    text-decoration: none
}

hr {
    color: #d8e2e6;
    background-color: #d8e2e6;
    width: 100%;
    height: 1px;
    border: 0;
    margin: 30px 0
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.to-top {
    position: fixed;
    z-index: 90;
    right: 5%;
    bottom: 20%;
    width: 70px;
    height: 70px;
    border-radius: 6px;
    background-color: #0072ce;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-transition: background-color .2s ease-in,-webkit-transform .5s cubic-bezier(0,1.2,1,1.2);
    transition: background-color .2s ease-in,-webkit-transform .5s cubic-bezier(0,1.2,1,1.2);
    -o-transition: transform .5s cubic-bezier(0,1.2,1,1.2),background-color .2s ease-in;
    transition: transform .5s cubic-bezier(0,1.2,1,1.2),background-color .2s ease-in;
    transition: transform .5s cubic-bezier(0,1.2,1,1.2),background-color .2s ease-in,-webkit-transform .5s cubic-bezier(0,1.2,1,1.2)
}

.to-top.is-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0,1.2,1,1.2);
    transition: -webkit-transform .5s cubic-bezier(0,1.2,1,1.2);
    -o-transition: transform .5s cubic-bezier(0,1.2,1,1.2);
    transition: transform .5s cubic-bezier(0,1.2,1,1.2);
    transition: transform .5s cubic-bezier(0,1.2,1,1.2),-webkit-transform .5s cubic-bezier(0,1.2,1,1.2)
}

.to-top:hover {
    background-color: #0064b5;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.to-top:after {
    content: '';
    font: 3.6rem FontAwesome;
    color: #fff
}

.marquee {
    overflow: hidden;
    white-space: nowrap
}

.marquee>* {
    position: relative
}

@-webkit-keyframes spin {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.create_time,.dislikes,.favorite,.likes,.views {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding-left: 20px
}

.create_time span,.dislikes span,.favorite span,.likes span,.views span {
    font: 1.3rem/1em "Open Sans",sans-serif;
    color: #97a7ab
}

.create_time span:before,.dislikes span:before,.favorite span:before,.likes span:before,.views span:before {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    display: block;
    font: 1.5rem/1em FontAwesome;
    color: #97a7ab
}

.create_time.loading span:before,.dislikes.loading span:before,.favorite.loading span:before,.likes.loading span:before,.views.loading span:before {
    content: "\f110";
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}

.dislikes span:before {
    content: "\f088"
}

.likes span:before {
    content: '';
    font-family: FontAwesome
}

.likes.active span {
    color: #0f90e5
}

.likes.active span:before {
    color: #0f90e5
}

.views {
    cursor: default
}

.views span:before {
    content: ''
}

.favorite span:before {
    content: "\f004"
}

.create_time span:before {
    content: "\f017"
}

.message-block {
    border: 2px solid #cecece;
    border-radius: 5px;
    background: #f0f0f0;
    margin: 20px 0;
    padding: 10px 20px;
    font: 1.4rem/1.4em "Open Sans",sans-serif
}

.message-block.error {
    background-color: #f2dede;
    color: #b94a48
}

.message-block.success {
    background-color: #cce5ff;
    border-color: #b8daff;
    color: #004085
}

.notice-block {
    font: 1.6rem "Open Sans",sans-serif!important;
    color: #5a5a5a!important;
    background: #e2ecf2;
    padding: 20px 20px 20px 60px;
    max-width: 900px;
    margin: 0 auto;
    position: relative
}

.notice-block.notice_indentation {
    text-align: start!important;
    max-width: 770px
}

.notice-block:before {
    content: '\f071';
    font: 1.6rem FontAwesome;
    color: #ff8746;
    position: absolute;
    top: 25px;
    left: 25px
}

.alert {
    border: 2px solid #cecece;
    border-radius: 5px;
    background: #f0f0f0;
    margin: 20px 0;
    padding: 10px 20px;
    font: 1.4rem/1.4em "Open Sans",sans-serif
}

.alert-danger,.alert-error {
    background-color: #f2dede;
    color: #b94a48
}

.error-page-outer {
    opacity: 0;
    min-height: 400px
}

.error-page-outer .container-inner {
    height: 100%
}

.error-wrapper {
    height: 100%;
    position: relative;
    background-image: url(/images/404-background.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain
}

.error-text {
    position: absolute;
    bottom: 350px;
    right: 0;
    text-align: center;
    font: lighter 2.4rem Roboto,sans-serif;
    max-width: 400px
}

.error-text a {
    color: #0072ce;
    font-weight: 400;
    text-decoration: underline
}

.error-text a:hover {
    text-decoration: none
}

.sitemap:after,.sitemap:before {
    content: " ";
    display: table
}

.sitemap:after {
    clear: both
}

.sitemap .sitemap__column {
    width: 50%;
    float: left
}

.sitemap .sitemap-title {
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font: 2rem "Open Sans Semibold",sans-serif
}

.sitemap ul ul {
    margin-left: 20px
}

.sitemap>ul>li>a {
    font-weight: 700;
    text-transform: uppercase
}

.sitemap a {
    display: inline-block;
    color: #000;
    margin-bottom: 5px;
    font: 1.4rem "Open Sans",sans-serif
}

.sitemap a:hover {
    text-decoration: underline
}

.sitemap .sitemap-course__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-left: 0
}

.sitemap .sitemap-course__list>li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    background: #f9f9f9
}

.sitemap .sitemap-course__list>li:nth-child(2n) {
    margin-right: 0
}

.sitemap .sitemap-course__list.combined {
    background: #f9f9f9;
    padding: 10px
}

.sitemap .sitemap-course__list.combined>li {
    width: 100%;
    margin: 0;
    padding: 0;
    background: 0 0
}

.sitemap a.more {
    color: #2daafc;
    margin-top: 15px
}

.report-about-error {
    position: fixed;
    z-index: 999;
    top: 50%;
    margin-top: -40px;
    right: 0;
    -webkit-transition: right .2s ease-in;
    -o-transition: right .2s ease-in;
    transition: right .2s ease-in
}

.report-about-error .__icon {
    width: 80px;
    min-width: 80px;
    min-height: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    background-color: #f28e00;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.report-about-error .__icon:after {
    content: '';
    display: inline-block;
    font: 4.2rem FontAwesome;
    color: #fff
}

.report-about-error .__text {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -121px;
    height: 100%;
    width: 201px;
    font: 1.4rem/1.25em "Open Sans",sans-serif;
    color: #000;
    background-color: #e2ecf2;
    padding: 20px;
    -webkit-transition: right .2s ease-in;
    -o-transition: right .2s ease-in;
    transition: right .2s ease-in
}

.report-about-error .__text strong {
    font-weight: 400;
    font-family: "Open Sans Semibold",sans-serif
}

.report-about-error:hover .__text {
    right: 100%;
    -webkit-transition: right .2s ease-in;
    -o-transition: right .2s ease-in;
    transition: right .2s ease-in
}

ul.social-list {
    display: block
}

ul.social-list:after {
    content: '';
    display: table;
    clear: both
}

ul.social-list li {
    display: block;
    float: left;
    margin-right: 10px
}

ul.social-list li:last-child {
    margin-right: 0
}

ul.social-list li.social-list__twitter a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #00aced;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__twitter a:hover:after {
    color: #00aced;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__odnoklassniki a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #ed812b;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__odnoklassniki a:hover:after {
    color: #ed812b;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__google a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #dd4b39;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__google a:hover:after {
    color: #dd4b39;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__vkontakte a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #45668e;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__vkontakte a:hover:after {
    color: #45668e;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__facebook a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #3b5998;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__facebook a:hover:after {
    color: #3b5998;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__instagram a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #517fa4;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__instagram a:hover:after {
    color: #517fa4;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__youtube a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #b00;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li.social-list__youtube a:hover:after {
    color: #b00;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

ul.social-list li a {
    display: block
}

.tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tabs-nav .tabs-nav__item {
    width: 100%;
    margin-right: 2px
}

.tabs-nav .tabs-nav__item:last-child {
    margin-right: 0
}

.tabs-nav .tabs-nav__item.is-active .tabs-nav__link {
    background-color: #0072ce;
    color: #fff
}

.tabs-nav .tabs-nav__link {
    display: block;
    background-color: #e2ecf2;
    color: #353839;
    font: 1.8rem/1.3 "Open Sans",sans-serif;
    padding: 14px 16px 13px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    position: relative
}

.tabs-content {
    border: 1px solid #e2ecf2;
    padding: 20px
}

.tabs-content .tabs-content__panel {
    display: none
}

.tabs-content .tabs-content__panel.is-active {
    display: block
}

.tabs-content .tabs-content__title {
    display: none
}

.hidden,.is-hidden {
    display: none!important
}

.is-loading {
    position: relative
}

.is-loading:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(/images/loading.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.is-loading.wh:before {
    background-image: url(/images/loading_white.svg)
}

.is-loading>* {
    opacity: .2
}

.tags-wrapper {
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    color: #000;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #dcdcdc
}

.tags-wrapper:after,.tags-wrapper:before {
    content: " ";
    display: table
}

.tags-wrapper:after {
    clear: both
}

.tags-wrapper .tags__label {
    float: left;
    font: 1.5rem "Open Sans Semibold",sans-serif;
    color: #000;
    margin-right: 15px;
    padding: 3px 0
}

.tags-wrapper .tag {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    background: #0072ce;
    color: #fff;
    vertical-align: middle;
    margin-right: 5px
}

.tags-wrapper .tag:last-child {
    margin-right: 0
}

.tags-wrapper .tag:hover {
    background: #0064b5
}

@media screen and (max-width: 1240px) {
    .container-inner {
        padding-left:20px;
        padding-right: 20px
    }

    .container-inner.container-inner-platform {
        padding: 0
    }
}

@media screen and (min-width: 1000px) {
    .main-content {
        display:table;
        table-layout: fixed
    }

    .main-content-wrapper {
        display: table-row;
        height: 100%
    }

    .footer-outer {
        height: 1px
    }
}

@media screen and (max-width: 999px) {
    .main-content {
        padding-top:60px
    }

    .to-top {
        right: 0;
        bottom: 0
    }
}

@media screen and (max-width: 900px) {
    .error-text {
        right:20px;
        font-size: 2.2rem
    }
}

@media screen and (max-width: 768px) {
    .to-top {
        width:50px;
        height: 50px;
        right: 0;
        bottom: 0
    }

    .to-top:after {
        font-size: 2rem
    }

    .error-page-outer {
        opacity: 1;
        min-height: auto
    }

    .error-wrapper {
        padding: 30px 0;
        background: 0 0
    }

    .error-text {
        max-width: 100%;
        position: static;
        font-size: 2rem
    }

    .sitemap .sitemap__column {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }

    .sitemap .sitemap-course__list {
        display: block
    }

    .sitemap .sitemap-course__list>li {
        width: 100%
    }

    .sitemap ul ul {
        margin-left: 10px
    }

    .report-about-error .__icon {
        width: 60px;
        min-width: 60px;
        min-height: 60px;
        height: 60px
    }

    .report-about-error .__icon:after {
        font: 3rem FontAwesome
    }

    .report-about-error .__text {
        display: none
    }

    .notice-block {
        font-size: 1.4rem!important;
        padding: 15px
    }

    .notice-block:before {
        position: static;
        display: block;
        text-align: center;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 670px) {
    .error-text {
        bottom:50px;
        right: 20px;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 599px) {
    .error-wrapper {
        height:100%;
        min-height: auto
    }

    .error-inner {
        padding: 30px 15px;
        background: 0 0;
        min-height: auto
    }

    .error-text {
        position: static;
        font-size: 1.8rem
    }

    .tabs-nav .tabs-nav__item.is-active .tabs-nav__link {
        padding: 12px
    }

    .tabs-nav .tabs-nav__link {
        font-size: 1.4rem;
        padding: 10px 10px 10px
    }
}

@media screen and (max-width: 576px) {
    .tabs-nav .tabs-nav__link span {
        display:none
    }

    .tabs-nav .tabs-nav__link:before {
        content: '\f016';
        font-family: FontAwesome
    }

    .tabs-nav .tabs-nav__link.online_school_sharing span {
        display: block
    }

    .tabs-nav .tabs-nav__link.online_school_sharing:before {
        content: none
    }

    .tabs-content {
        padding: 10px
    }

    .tabs-nav_button .button-radius {
        min-width: 130px
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

@-webkit-keyframes ld {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1.1);
        transform: rotate(180deg) scale(1.1)
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes ld {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1.1);
        transform: rotate(180deg) scale(1.1)
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@-webkit-keyframes a-flashing-online-school {
    0% {
        background-color: #0072ce
    }

    50% {
        background-color: #279347
    }

    100% {
        background-color: #0072ce
    }
}

@keyframes a-flashing-online-school {
    0% {
        background-color: #0072ce
    }

    50% {
        background-color: #279347
    }

    100% {
        background-color: #0072ce
    }
}

.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;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.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: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.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 {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    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(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,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: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 260px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),to(#eee));
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#ccc));
    background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(white),color-stop(50%,#eee));
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(white));
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .7
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:after,.modal-header:before {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after,.modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

/*!
 * Datepicker v0.6.4
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-11-24T14:38:19.628Z
 */
.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.datepicker-container::after,.datepicker-container::before {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left,.datepicker-top-right {
    border-top-color: #39f
}

.datepicker-top-left::after,.datepicker-top-left::before,.datepicker-top-right::after,.datepicker-top-right::before {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left::before,.datepicker-top-right::before {
    border-bottom-color: #39f
}

.datepicker-top-left::after,.datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px
}

.datepicker-bottom-left,.datepicker-bottom-right {
    border-bottom-color: #39f
}

.datepicker-bottom-left::after,.datepicker-bottom-left::before,.datepicker-bottom-right::after,.datepicker-bottom-right::before {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left::before,.datepicker-bottom-right::before {
    border-top-color: #39f
}

.datepicker-bottom-left::after,.datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px
}

.datepicker-bottom-right::after,.datepicker-bottom-right::before,.datepicker-top-right::after,.datepicker-top-right::before {
    left: auto;
    right: 10px
}

.datepicker-panel>ul {
    margin: 0;
    padding: 0;
    width: 102%
}

.datepicker-panel>ul::after,.datepicker-panel>ul::before {
    content: " ";
    display: table
}

.datepicker-panel>ul::after {
    clear: both
}

.datepicker-panel>ul>li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px
}

.datepicker-panel>ul>li:hover {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover {
    color: #999
}

.datepicker-panel>ul>li.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.highlighted:hover {
    background-color: #cce5ff
}

.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover {
    color: #39f
}

.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next] {
    font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"] {
    width: 150px
}

.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px
}

.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover {
    background-color: #fff;
    cursor: default
}

.datepicker-hide {
    display: none
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0);
    src: url(../../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before,.fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before,.fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,.fa-users:before {
    content: ""
}

.fa-chain:before,.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,.fa-scissors:before {
    content: ""
}

.fa-copy:before,.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before,.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,.fa-undo:before {
    content: ""
}

.fa-gavel:before,.fa-legal:before {
    content: ""
}

.fa-dashboard:before,.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before,.fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before,.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: ""
}

.fa-eur:before,.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,.fa-usd:before {
    content: ""
}

.fa-inr:before,.fa-rupee:before {
    content: ""
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: ""
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: ""
}

.fa-krw:before,.fa-won:before {
    content: ""
}

.fa-bitcoin:before,.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,.fa-car:before {
    content: ""
}

.fa-cab:before,.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
    content: ""
}

.fa-empire:before,.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before,.fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
    content: ""
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before,.fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,.fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before,.fa-vcard:before {
    content: ""
}

.fa-address-card-o:before,.fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before,.fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before,.fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

[class^=controls__button] {
    width: 4rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: 3rem/1em Material-Design-Iconic-Font;
    color: #717171;
    cursor: pointer
}

[class^=controls__button]:hover {
    color: #bebebe
}

.controls__button-action::after {
    content: '\F3AA'
}

.controls__button-prev::after {
    content: '\F3B5'
}

.controls__button-next::after {
    content: '\F3B4'
}

.controls__button-volume::after {
    content: '\F3BC'
}

.controls__button-fullscreen::after {
    content: '\F16D'
}

.controls__button-settings {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.controls__button-settings::after {
    content: '\F1C6';
    font-size: 2.2rem;
    line-height: 1rem
}

.controls__button-playlist::after {
    content: '\F247'
}

.__playing .controls__button-action::after {
    content: '\F3A7'
}

.__fullscreen .controls__button-fullscreen::after {
    content: '\F16C'
}

.__volume-middle .controls__button-volume::after {
    content: '\F3B9'
}

.__volume-zero .controls__button-volume::after {
    content: '\F3BA'
}

.__volume-muted .controls__button-volume::after {
    content: '\F3BB'
}

.video-player__wrapper {
    position: relative;
    display: table;
    width: 100%;
    height: 90%;
    overflow: hidden;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.video-player__wrapper.__fullscreen {
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    display: block;
    max-width: 100%;
    height: 100%
}

.__video_loading .video-player__screen-wrapper:after {
    content: url(/upload/new_player/loader.svg);
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    margin-top: -3.2rem;
    margin-left: -3.2rem
}

.__video_loading .video-player__screen-play {
    display: none
}

.__settings .controls__button-settings {
    color: #bebebe;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.video-player__screen-wrapper {
    width: 100%;
    padding-top: 56.25%;
    background-color: #000;
    position: relative;
    z-index: 1
}

.video-player__screen-wrapper video {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.video-player__screen-title {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 1.5rem 2rem;
    font: 2rem/1.2em sans-serif;
    color: #fff;
    text-shadow: 0 0 10px rgba(0,0,0,.5);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.video-player__screen-volume {
    position: absolute;
    z-index: 9;
    top: 5%;
    right: 5%;
    font: 3rem/1.2em sans-serif;
    color: #fff;
    text-shadow: 0 0 10px rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.video-player__screen-play {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    margin-top: -4rem;
    margin-left: -4rem;
    display: block;
    font: 8rem/1em Material-Design-Iconic-Font;
    color: #121212;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in;
    cursor: pointer
}

.video-player__screen-play::after {
    content: '\F3A9'
}

.video-player__screen-play:hover {
    color: #1f1f1f;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.__playing .video-player__screen-play {
    display: none
}

.__screen-title .video-player__screen-title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.video-player__controls-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.controls__progress-cell {
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 0;
    display: block;
    width: 100%
}

.controls__progress-wrapper {
    display: block;
    width: 100%;
    height: .5rem;
    background-color: #464646;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: height .2s ease-in 1s;
    -o-transition: height .2s ease-in 1s;
    transition: height .2s ease-in 1s
}

.controls__progress-wrapper:hover {
    height: 1rem;
    -webkit-transition: height .2s ease-in 0s;
    -o-transition: height .2s ease-in 0s;
    transition: height .2s ease-in 0s
}

.controls__progress-buffered,.controls__progress-timeline {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%
}

.controls__progress-buffered {
    z-index: 2;
    background-color: #6b6b6b
}

.controls__progress-timeline {
    z-index: 3;
    background-color: #ffdb4d
}

.video-player__controls {
    width: 100%;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #121212
}

.controls__left-cell,.controls__right-cell {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.controls__left-cell {
    width: 65%
}

.controls__right-cell {
    width: 35%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.controls__volume-wrapper {
    width: 100%;
    max-width: 4rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: max-width .2s ease-in;
    -o-transition: max-width .2s ease-in;
    transition: max-width .2s ease-in
}

.controls__volume-wrapper:hover {
    max-width: 14rem;
    -webkit-transition: max-width .2s ease-in;
    -o-transition: max-width .2s ease-in;
    transition: max-width .2s ease-in
}

.controls__volume-wrapper:hover .controls__button-volume {
    color: #bebebe
}

.controls__volume-wrapper .controls__button-volume {
    min-width: 4rem
}

.__volume-muted .controls__volume-wrapper:hover {
    max-width: 4rem
}

.controls__progress-volume-wrapper {
    width: 10rem;
    padding: 1rem
}

.controls__progress-volume-back {
    width: 8rem;
    height: .8rem;
    background-color: #717171;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.controls__progress-volume-front {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #efd56f
}

.controls__time-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: 1.4rem/1.2em sans-serif;
    color: #8b8b8b;
    padding-right: 1rem;
    padding-left: 1rem
}

.controls__time-current::after {
    content: '/';
    margin-right: .5rem;
    margin-left: .5rem
}

.controls__settings-menu-wrapper {
    position: absolute;
    z-index: 3;
    bottom: 100%;
    right: 0;
    display: block
}

.controls__settings-menu-wrapper.__general .controls__settings-general {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-menu-wrapper.__general .controls__settings-quality,.controls__settings-menu-wrapper.__general .controls__settings-rates,.controls__settings-menu-wrapper.__general .controls__settings-subtitles {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-menu-wrapper.__rates .controls__settings-rates {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-menu-wrapper.__rates .controls__settings-general,.controls__settings-menu-wrapper.__rates .controls__settings-quality,.controls__settings-menu-wrapper.__rates .controls__settings-subtitles {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-menu-wrapper.__subtitles .controls__settings-subtitles {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-menu-wrapper.__subtitles .controls__settings-general,.controls__settings-menu-wrapper.__subtitles .controls__settings-quality,.controls__settings-menu-wrapper.__subtitles .controls__settings-rates {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-menu-wrapper.__quality .controls__settings-quality {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-menu-wrapper.__quality .controls__settings-general,.controls__settings-menu-wrapper.__quality .controls__settings-rates,.controls__settings-menu-wrapper.__quality .controls__settings-subtitles {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-general,.controls__settings-quality,.controls__settings-rates,.controls__settings-subtitles {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 100%;
    display: block;
    background-color: rgba(51,51,51,.7);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.controls__settings-general li,.controls__settings-quality li,.controls__settings-rates li,.controls__settings-subtitles li {
    font: 1.4rem/1.2em sans-serif;
    color: #e6e6e6;
    padding: 1rem 2rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.controls__settings-general li:hover,.controls__settings-quality li:hover,.controls__settings-rates li:hover,.controls__settings-subtitles li:hover {
    background-color: rgba(255,255,255,.1)
}

.controls__settings-general li:last-child,.controls__settings-quality li:last-child,.controls__settings-rates li:last-child,.controls__settings-subtitles li:last-child {
    border-bottom: 0
}

.controls__settings-general {
    width: 25rem
}

.controls__settings-general li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 3rem;
    position: relative
}

.controls__settings-general li::after {
    content: '\F2FB';
    position: absolute;
    z-index: 2;
    right: 2rem;
    top: 50%;
    margin-top: -1.1rem;
    font: 2.2rem/1em Material-Design-Iconic-Font
}

.controls__settings-general li span {
    display: block;
    width: 50%
}

.controls__settings-general li i {
    display: block;
    width: 50%;
    font-style: normal;
    text-align: center
}

.controls__settings-quality li,.controls__settings-rates li,.controls__settings-subtitles li {
    padding-left: 3rem;
    position: relative
}

.controls__settings-quality li.__current,.controls__settings-rates li.__current,.controls__settings-subtitles li.__current {
    background-color: rgba(255,255,255,.1)
}

.controls__settings-quality li.__current::before,.controls__settings-rates li.__current::before,.controls__settings-subtitles li.__current::before {
    content: '\F26B';
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -.9rem;
    left: 1rem;
    font: 1.8rem/1em Material-Design-Iconic-Font
}

.screen-warnings__wrapper {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    display: block;
    padding: 2rem 2rem 2.5rem;
    overflow: auto;
    overflow-x: hidden
}

.screen-warnings__wrapper li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: rgba(51,51,51,.6);
    border-radius: 6px;
    padding: 1rem 4rem 1rem 1rem;
    margin-top: 1rem;
    font: 1.4rem/1.2em sans-serif;
    color: #fff;
    position: relative;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.screen-warnings__wrapper li:hover {
    background-color: #333;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.screen-warnings__wrapper li:first-child {
    margin-top: 0
}

.screen-warnings__wrapper li .screen-warnings__close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 3.6rem;
    height: 3.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.screen-warnings__wrapper li .screen-warnings__close::after {
    content: '\F136';
    font: 1.6rem/1em Material-Design-Iconic-Font;
    color: #fff
}

.screen-warnings__wrapper li span {
    font-weight: 700;
    margin-right: .5rem
}

.screen-warnings__wrapper li i {
    font-style: normal
}

.__fullscreen.__no-cursor {
    cursor: none!important
}

.__fullscreen.__screen-volume .video-player__screen-volume {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.__fullscreen.__panel-level-1 .video-player__controls-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.__fullscreen.__panel-level-1 .controls__progress-wrapper {
    height: 1.5rem;
    -webkit-transition: height .2s ease-in 0s;
    -o-transition: height .2s ease-in 0s;
    transition: height .2s ease-in 0s
}

.__fullscreen.__panel-level-2 .controls__progress-wrapper {
    height: 1rem;
    -webkit-transition: height .2s ease-in 0s;
    -o-transition: height .2s ease-in 0s;
    transition: height .2s ease-in 0s
}

.__fullscreen.__panel-level-2 .video-player__controls-wrapper {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.__fullscreen .controls__progress-wrapper {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.__fullscreen .video-player__controls-wrapper {
    -webkit-transform: translateY(.5rem);
    -ms-transform: translateY(.5rem);
    transform: translateY(.5rem);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.__fullscreen .video-player__controls-wrapper:hover {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.__fullscreen .video-player__screen-title {
    font-size: 2.4rem
}

.__playlist .controls__playlist-menu-wrapper {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.__playlist .controls__button-playlist {
    color: #bebebe
}

.controls__playlist-menu-wrapper {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    max-width: 64rem;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    background-color: rgba(51,51,51,.8);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    padding-top: .8rem;
    padding-bottom: .8rem
}

.controls__playlist-menu-wrapper>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1.2rem 2rem;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.controls__playlist-menu-wrapper>li.__current,.controls__playlist-menu-wrapper>li:hover {
    background-color: #464646;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.playlist__cover {
    width: 12rem;
    min-width: 12rem;
    height: 9rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.playlist__description {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 1.5rem
}

.playlist__text,.playlist__title {
    width: 100%;
    max-height: 2.8rem;
    overflow: hidden
}

.playlist__title {
    font: 1.3rem/1.1em sans-serif;
    color: #f2f2f2;
    margin-bottom: .7rem
}

.playlist__text {
    font: 1.2rem/1.2em sans-serif;
    color: #bfbfbf
}

.playlist__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto
}

ul.playlist__src-files,ul.playlist__subtitles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ul.playlist__src-files li,ul.playlist__subtitles li {
    display: block;
    width: 4rem;
    background-color: #717171;
    border-radius: 3px;
    padding: .4rem 1rem;
    margin-right: .5rem;
    font: bold 1rem/1em sans-serif;
    color: #121212;
    text-align: center;
    text-transform: uppercase
}

ul.playlist__src-files li:last-child,ul.playlist__subtitles li:last-child {
    margin-right: 0
}

ul.playlist__subtitles {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

ul.playlist__src-files {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bilimland-theme .controls__progress-timeline {
    background-color: #27ae60
}

.bilimland-theme .controls__progress-volume-front {
    background-color: #27ae60
}

.bilimland-theme .video-player__screen-play {
    width: 8rem;
    height: 8rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(/upload/new_player/button_play.svg);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.bilimland-theme .video-player__screen-play::after {
    content: '';
    display: none
}

.bilimland-theme .video-player__screen-play:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

@keyframes bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.Player {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative
}

.Player.__playing .player__play:after {
    content: '\F04C'
}

.Player.__playing .player__playlist li.__current:after {
    content: '';
    margin-top: -.8rem;
    left: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: #ffdb4d;
    -webkit-animation: bounce 1.8s ease-in infinite;
    animation: bounce 1.8s ease-in infinite
}

.Player.__playing .player__play-on-video {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.Player.__playing .player__play-on-video:after {
    content: '\F04C'
}

.Player.__volume-middle .player__volume:after {
    content: '\F027'
}

.Player.__muted .player__volume:after {
    content: '\F026';
    color: #ffdb4d
}

.Player.__random .player__random:after {
    color: #ffdb4d
}

.Player.__repeat-track .player__repeat:after {
    color: #ffdb4d
}

.Player.__repeat-playlist .player__repeat:after {
    content: '\F122';
    color: #ffdb4d
}

.Player.__subtitles .player__subtitles:after {
    color: #ffdb4d
}

.Player.__rate .player__rate {
    color: #ffdb4d
}

.Player.__fullscreen {
    max-width: 100%;
    height: 100%
}

.Player.__fullscreen video {
    width: auto;
    height: 100%
}

.Player.__fullscreen .player__control-wrapper {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in,-webkit-transform .3s ease-in
}

.Player.__fullscreen .player__control-wrapper:hover {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in,-webkit-transform .3s ease-in
}

.Player.__fullscreen .player__window-maximize:after {
    color: #ffdb4d
}

.Player video {
    width: 100%
}

.Player video::cue {
    line-height: 1.5em
}

.player__control-wrapper {
    position: relative;
    width: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in,-webkit-transform .3s ease-in
}

.player__control-wrapper:hover .player__time-scale {
    height: 1.6rem;
    -webkit-transition: height .2s ease-in;
    -o-transition: height .2s ease-in;
    transition: height .2s ease-in
}

.player__control-wrapper:hover .time-scale__current-time,.player__control-wrapper:hover .time-scale__duration-time {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in .2s;
    -o-transition: opacity .2s ease-in .2s;
    transition: opacity .2s ease-in .2s
}

.player__time-scale {
    width: 100%;
    height: .5rem;
    background-color: #464646;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: height .2s ease-in;
    -o-transition: height .2s ease-in;
    transition: height .2s ease-in
}

.time-scale__buffered,.time-scale__progress {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: #6b6b6b
}

.time-scale__progress {
    z-index: 2;
    width: 0;
    background-color: #ffdb4d
}

.time-scale__current-time,.time-scale__duration-time {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 1rem;
    font: 1rem/1.6em sans-serif;
    color: #000;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in 0s;
    -o-transition: opacity .2s ease-in 0s;
    transition: opacity .2s ease-in 0s
}

.time-scale__duration-time {
    left: auto;
    right: 1rem
}

.player__control-panel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #121212;
    position: relative;
    z-index: 2
}

.player__buttons-control-panel,.player__buttons-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.player__buttons-control-panel {
    width: 15rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.player__buttons-panel {
    width: 20rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.player__volume-panel {
    width: 5rem;
    position: relative
}

.player__volume-panel:hover .player__volume-scale-wrapper {
    display: block
}

.player__next,.player__play,.player__prev,.player__random,.player__repeat,.player__subtitles,.player__volume,.player__window-maximize {
    display: block;
    width: 5rem;
    cursor: pointer;
    font: 2rem/3em FontAwesome;
    color: #717171;
    text-align: center
}

.player__next:hover,.player__play:hover,.player__prev:hover,.player__random:hover,.player__repeat:hover,.player__subtitles:hover,.player__volume:hover,.player__window-maximize:hover {
    color: #bebebe
}

.player__prev:after {
    content: '\F049'
}

.player__play:after {
    content: '\F04B'
}

.player__next:after {
    content: '\F050'
}

.player__random:after {
    content: '\F074'
}

.player__repeat:after {
    content: '\F112'
}

.player__volume:after {
    content: '\F028'
}

.player__window-maximize:after {
    content: '\F2D0'
}

.player__subtitles:after {
    content: '\F20A'
}

.player__rate-panel,.player__subtitles-panel {
    width: 5rem;
    position: relative
}

.player__rate-menu,.player__subtitles-menu {
    display: none;
    position: absolute;
    z-index: 4;
    bottom: 100%;
    right: 0;
    width: 100%;
    background-color: #222
}

.player__rate-menu:before,.player__subtitles-menu:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -.4rem;
    left: 50%;
    margin-left: -.4rem;
    width: .8rem;
    height: .8rem;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #222
}

.player__rate-menu li,.player__subtitles-menu li {
    font: 1.4rem/1.2em sans-serif;
    color: #717171;
    text-align: center;
    padding: .5rem .5rem;
    cursor: pointer
}

.player__rate-menu li.__current,.player__rate-menu li:hover,.player__subtitles-menu li.__current,.player__subtitles-menu li:hover {
    background-color: #717171;
    color: #bebebe
}

.player__subtitles-menu {
    width: auto
}

.player__subtitles-menu li {
    text-align: left
}

.player__rate {
    display: block;
    width: 5rem;
    cursor: pointer;
    font: 1.6rem/3.75em sans-serif;
    color: #717171;
    text-align: center
}

.player__rate:hover {
    color: #bebebe
}

.player__volume-scale-wrapper {
    display: none;
    position: absolute;
    z-index: 4;
    bottom: 100%;
    right: .5rem;
    background-color: #222;
    padding: 1rem 1.5rem
}

.player__volume-scale-wrapper:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -.4rem;
    left: 50%;
    margin-left: -.4rem;
    width: .8rem;
    height: .8rem;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #222
}

.player__volume-scale {
    display: block;
    width: 1rem;
    height: 10rem;
    background-color: #fff;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.player__volume-scale:after,.player__volume-scale:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    width: .3rem;
    height: .1rem;
    background-color: #e0e0e0
}

.player__volume-scale:before {
    left: -.6rem
}

.player__volume-scale:after {
    right: -.6rem
}

.volume-scale__progress {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background-color: #efd56f
}

.player__playlist {
    display: block;
    width: 100%;
    background-color: #181818;
    counter-reset: li;
    margin-bottom: .5rem
}

.player__playlist.__playing li.__current:after {
    content: '';
    margin-top: -.8rem;
    left: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: #ffdb4d;
    -webkit-animation: bounce 1.8s ease-in infinite;
    animation: bounce 1.8s ease-in infinite
}

.player__playlist li {
    font: 1.4rem/1.2em sans-serif;
    color: #f8f8f8;
    padding: 2rem;
    cursor: pointer;
    border-bottom: 1px dashed #323232;
    position: relative;
    background-color: #181818;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.player__playlist li:before {
    counter-increment: li;
    content: counter(li);
    color: #777;
    margin-right: 2rem
}

.player__playlist li:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -1rem;
    left: 2rem;
    content: '\F04B';
    font: 2rem/1em FontAwesome;
    color: #717171;
    opacity: 0
}

.player__playlist li.__current {
    background-color: #202020;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.player__playlist li.__current:after {
    opacity: 1
}

.player__playlist li.__play:after {
    content: '';
    margin-top: -.8rem;
    left: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: #ffdb4d;
    -webkit-animation: bounce 1.8s ease-in infinite;
    animation: bounce 1.8s ease-in infinite
}

.player__playlist li:hover {
    background-color: #202020;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.player__playlist li:hover:after {
    opacity: 1
}

.player__playlist li span {
    display: inline-block
}

.player__playlist li i {
    color: #777;
    font-style: normal
}

.player__play-on-video {
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -7rem;
    left: 50%;
    margin-left: -4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 8rem;
    height: 8rem;
    background-color: #121212;
    border-radius: 50%;
    opacity: .8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .2s ease-in,-webkit-transform .2s ease-in;
    transition: opacity .2s ease-in,-webkit-transform .2s ease-in;
    -o-transition: opacity .2s ease-in,transform .2s ease-in;
    transition: opacity .2s ease-in,transform .2s ease-in;
    transition: opacity .2s ease-in,transform .2s ease-in,-webkit-transform .2s ease-in;
    cursor: pointer
}

.player__play-on-video:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .9;
    -webkit-transition: opacity .2s ease-in,-webkit-transform .2s ease-in;
    transition: opacity .2s ease-in,-webkit-transform .2s ease-in;
    -o-transition: opacity .2s ease-in,transform .2s ease-in;
    transition: opacity .2s ease-in,transform .2s ease-in;
    transition: opacity .2s ease-in,transform .2s ease-in,-webkit-transform .2s ease-in
}

.player__play-on-video:after {
    content: '\F04B';
    display: block;
    font: 3.6rem/1em FontAwesome;
    color: #717171;
    padding-left: .5rem
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes plyr-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    direction: ltr;
    font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease
}

.plyr audio,.plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.input-file .plyr--full-ui .input-fake,.input-file-wrapper .plyr--full-ui .input-fake,.plyr--full-ui .input-file .input-fake,.plyr--full-ui .input-file-wrapper .input-fake,.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5764;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    width: 100%
}

.plyr__captions .plyr__caption {
    background: rgba(0,0,0,.8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__captions .plyr__caption div {
    display: inline
}

.plyr__captions span:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size:16px;
        padding: 20px
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size:18px
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px)
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    -webkit-box-shadow: 0 0 0 5px rgba(0,179,255,.5);
    box-shadow: 0 0 0 5px rgba(0,179,255,.5);
    outline: 0
}

a.plyr__control {
    text-decoration: none
}

a.plyr__control::after,a.plyr__control::before {
    display: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none
}

.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    color: #fff
}

.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    color: #fff
}

.plyr__control--overlaid {
    background: rgba(0,179,255,.8);
    border: 0;
    border-radius: 100%;
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,.plyr__control--overlaid:hover {
    background: #00b3ff
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr__controls .plyr__controls__item.plyr__volume {
    padding-right: 5px
}

.plyr__controls .plyr__controls__item.plyr__volume:first-child {
    padding-right: 0
}

.plyr__controls:empty {
    display: none
}

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4a5764;
    padding: 10px
}

.plyr--video .plyr__controls {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    z-index: 3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding:35px 10px 10px
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip] {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: rgba(255,255,255,.9);
    border-radius: 4px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    color: #4a5764;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    -webkit-transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);
    -o-transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);
    transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255,255,255,.9);
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px
}

.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5764;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(74,87,100,.8);
    right: 5px
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px)
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(74,87,100,.8);
    left: 7px
}

.plyr__menu__container .plyr__control--back::before {
    background: #c1c9d1;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    content: '';
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0,0,0,.1);
    content: '';
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    -o-transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #00b3ff
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(0,0,0,.1)
}

.plyr__menu__container .plyr__menu__value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none
}

.input-file .plyr--full-ui .input-fake[type=range],.input-file-wrapper .plyr--full-ui .input-fake[type=range],.plyr--full-ui .input-file .input-fake[type=range],.plyr--full-ui .input-file-wrapper .input-fake[type=range],.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    color: #00b3ff;
    display: block;
    height: 19px;
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    width: 100%
}

.input-file .plyr--full-ui .input-fake[type=range]::-webkit-slider-runnable-track,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui .input-file .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: -webkit-gradient(linear,left top,right top,from(currentColor),to(transparent));
    background-image: linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))
}

.input-file .plyr--full-ui .input-fake[type=range]::-webkit-slider-thumb,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-webkit-slider-thumb,.plyr--full-ui .input-file .input-fake[type=range]::-webkit-slider-thumb,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-webkit-slider-thumb,.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height: 13px;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    -webkit-appearance: none;
    margin-top: -4px
}

.input-file .plyr--full-ui .input-fake[type=range]::-moz-range-track,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-moz-range-track,.plyr--full-ui .input-file .input-fake[type=range]::-moz-range-track,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-moz-range-track,.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.input-file .plyr--full-ui .input-fake[type=range]::-moz-range-thumb,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-moz-range-thumb,.plyr--full-ui .input-file .input-fake[type=range]::-moz-range-thumb,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-moz-range-thumb,.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height: 13px;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px
}

.input-file .plyr--full-ui .input-fake[type=range]::-moz-range-progress,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-moz-range-progress,.plyr--full-ui .input-file .input-fake[type=range]::-moz-range-progress,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-moz-range-progress,.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    height: 5px
}

.input-file .plyr--full-ui .input-fake[type=range]::-ms-track,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-ms-track,.plyr--full-ui .input-file .input-fake[type=range]::-ms-track,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-ms-track,.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent
}

.input-file .plyr--full-ui .input-fake[type=range]::-ms-fill-upper,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-ms-fill-upper,.plyr--full-ui .input-file .input-fake[type=range]::-ms-fill-upper,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.input-file .plyr--full-ui .input-fake[type=range]::-ms-fill-lower,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-ms-fill-lower,.plyr--full-ui .input-file .input-fake[type=range]::-ms-fill-lower,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-ms-fill-lower,.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor
}

.input-file .plyr--full-ui .input-fake[type=range]::-ms-thumb,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-ms-thumb,.plyr--full-ui .input-file .input-fake[type=range]::-ms-thumb,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-ms-thumb,.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height: 13px;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    margin-top: 0
}

.input-file .plyr--full-ui .input-fake[type=range]::-ms-tooltip,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-ms-tooltip,.plyr--full-ui .input-file .input-fake[type=range]::-ms-tooltip,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-ms-tooltip,.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.input-file .plyr--full-ui .input-fake[type=range]:focus,.input-file-wrapper .plyr--full-ui .input-fake[type=range]:focus,.plyr--full-ui .input-file .input-fake[type=range]:focus,.plyr--full-ui .input-file-wrapper .input-fake[type=range]:focus,.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.input-file .plyr--full-ui .input-fake[type=range]::-moz-focus-outer,.input-file-wrapper .plyr--full-ui .input-fake[type=range]::-moz-focus-outer,.plyr--full-ui .input-file .input-fake[type=range]::-moz-focus-outer,.plyr--full-ui .input-file-wrapper .input-fake[type=range]::-moz-focus-outer,.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.input-file .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.input-file-wrapper .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui .input-file .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui .input-file-wrapper .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    -webkit-box-shadow: 0 0 0 5px rgba(0,179,255,.5);
    box-shadow: 0 0 0 5px rgba(0,179,255,.5);
    outline: 0
}

.input-file .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-moz-range-track,.input-file-wrapper .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-moz-range-track,.plyr--full-ui .input-file .input-fake[type=range].plyr__tab-focus::-moz-range-track,.plyr--full-ui .input-file-wrapper .input-fake[type=range].plyr__tab-focus::-moz-range-track,.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 5px rgba(0,179,255,.5);
    outline: 0
}

.input-file .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-ms-track,.input-file-wrapper .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-ms-track,.plyr--full-ui .input-file .input-fake[type=range].plyr__tab-focus::-ms-track,.plyr--full-ui .input-file-wrapper .input-fake[type=range].plyr__tab-focus::-ms-track,.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(0,179,255,.5);
    outline: 0
}

.input-file .plyr--full-ui.plyr--video .input-fake[type=range]::-webkit-slider-runnable-track,.input-file-wrapper .plyr--full-ui.plyr--video .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui.plyr--video .input-file .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui.plyr--video .input-file-wrapper .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255,255,255,.25)
}

.input-file .plyr--full-ui.plyr--video .input-fake[type=range]::-moz-range-track,.input-file-wrapper .plyr--full-ui.plyr--video .input-fake[type=range]::-moz-range-track,.plyr--full-ui.plyr--video .input-file .input-fake[type=range]::-moz-range-track,.plyr--full-ui.plyr--video .input-file-wrapper .input-fake[type=range]::-moz-range-track,.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255,255,255,.25)
}

.input-file .plyr--full-ui.plyr--video .input-fake[type=range]::-ms-track,.input-file-wrapper .plyr--full-ui.plyr--video .input-fake[type=range]::-ms-track,.plyr--full-ui.plyr--video .input-file .input-fake[type=range]::-ms-track,.plyr--full-ui.plyr--video .input-file-wrapper .input-fake[type=range]::-ms-track,.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255,255,255,.25)
}

.input-file .plyr--full-ui.plyr--video .input-fake[type=range]:active::-webkit-slider-thumb,.input-file-wrapper .plyr--full-ui.plyr--video .input-fake[type=range]:active::-webkit-slider-thumb,.plyr--full-ui.plyr--video .input-file .input-fake[type=range]:active::-webkit-slider-thumb,.plyr--full-ui.plyr--video .input-file-wrapper .input-fake[type=range]:active::-webkit-slider-thumb,.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5);
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)
}

.input-file .plyr--full-ui.plyr--video .input-fake[type=range]:active::-moz-range-thumb,.input-file-wrapper .plyr--full-ui.plyr--video .input-fake[type=range]:active::-moz-range-thumb,.plyr--full-ui.plyr--video .input-file .input-fake[type=range]:active::-moz-range-thumb,.plyr--full-ui.plyr--video .input-file-wrapper .input-fake[type=range]:active::-moz-range-thumb,.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)
}

.input-file .plyr--full-ui.plyr--video .input-fake[type=range]:active::-ms-thumb,.input-file-wrapper .plyr--full-ui.plyr--video .input-fake[type=range]:active::-ms-thumb,.plyr--full-ui.plyr--video .input-file .input-fake[type=range]:active::-ms-thumb,.plyr--full-ui.plyr--video .input-file-wrapper .input-fake[type=range]:active::-ms-thumb,.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)
}

.input-file .plyr--full-ui.plyr--audio .input-fake[type=range]::-webkit-slider-runnable-track,.input-file-wrapper .plyr--full-ui.plyr--audio .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui.plyr--audio .input-file .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui.plyr--audio .input-file-wrapper .input-fake[type=range]::-webkit-slider-runnable-track,.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193,201,209,.66)
}

.input-file .plyr--full-ui.plyr--audio .input-fake[type=range]::-moz-range-track,.input-file-wrapper .plyr--full-ui.plyr--audio .input-fake[type=range]::-moz-range-track,.plyr--full-ui.plyr--audio .input-file .input-fake[type=range]::-moz-range-track,.plyr--full-ui.plyr--audio .input-file-wrapper .input-fake[type=range]::-moz-range-track,.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193,201,209,.66)
}

.input-file .plyr--full-ui.plyr--audio .input-fake[type=range]::-ms-track,.input-file-wrapper .plyr--full-ui.plyr--audio .input-fake[type=range]::-ms-track,.plyr--full-ui.plyr--audio .input-file .input-fake[type=range]::-ms-track,.plyr--full-ui.plyr--audio .input-file-wrapper .input-fake[type=range]::-ms-track,.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193,201,209,.66)
}

.input-file .plyr--full-ui.plyr--audio .input-fake[type=range]:active::-webkit-slider-thumb,.input-file-wrapper .plyr--full-ui.plyr--audio .input-fake[type=range]:active::-webkit-slider-thumb,.plyr--full-ui.plyr--audio .input-file .input-fake[type=range]:active::-webkit-slider-thumb,.plyr--full-ui.plyr--audio .input-file-wrapper .input-fake[type=range]:active::-webkit-slider-thumb,.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}

.input-file .plyr--full-ui.plyr--audio .input-fake[type=range]:active::-moz-range-thumb,.input-file-wrapper .plyr--full-ui.plyr--audio .input-fake[type=range]:active::-moz-range-thumb,.plyr--full-ui.plyr--audio .input-file .input-fake[type=range]:active::-moz-range-thumb,.plyr--full-ui.plyr--audio .input-file-wrapper .input-fake[type=range]:active::-moz-range-thumb,.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}

.input-file .plyr--full-ui.plyr--audio .input-fake[type=range]:active::-ms-thumb,.input-file-wrapper .plyr--full-ui.plyr--audio .input-fake[type=range]:active::-ms-thumb,.plyr--full-ui.plyr--audio .input-file .input-fake[type=range]:active::-ms-thumb,.plyr--full-ui.plyr--audio .input-file-wrapper .input-fake[type=range]:active::-ms-thumb,.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 14px
}

.plyr__time+.plyr__time::before {
    content: '\2044';
    margin-right: 10px
}

@media (max-width: 767px) {
    .plyr__time+.plyr__time {
        display:none
    }
}

.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0,0,0,.15)
}

.plyr__tooltip {
    background: rgba(255,255,255,.9);
    border-radius: 3px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    color: #4a5764;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%,10px) scale(.8);
    -ms-transform: translate(-50%,10px) scale(.8);
    transform: translate(-50%,10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    -o-transition: transform .2s .1s ease,opacity .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255,255,255,.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%,0) scale(1);
    -ms-transform: translate(-50%,0) scale(1);
    transform: translate(-50%,0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translate(0,10px) scale(.8);
    -ms-transform: translate(0,10px) scale(.8);
    transform: translate(0,10px) scale(.8);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: 16px
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translate(0,10px) scale(.8);
    -ms-transform: translate(0,10px) scale(.8);
    transform: translate(0,10px) scale(.8);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0,0) scale(1);
    -ms-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1)
}

.plyr--video {
    background: #000;
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    -ms-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%)
}

.plyr__progress {
    left: 6.5px;
    margin-right: 13px;
    position: relative
}

.input-file .plyr__progress .input-fake[type=range],.input-file-wrapper .plyr__progress .input-fake[type=range],.plyr__progress .input-file .input-fake[type=range],.plyr__progress .input-file-wrapper .input-fake[type=range],.plyr__progress input[type=range],.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-right: -6.5px;
    width: calc(100% + 13px)
}

.input-file .plyr__progress .input-fake[type=range],.input-file-wrapper .plyr__progress .input-fake[type=range],.plyr__progress .input-file .input-fake[type=range],.plyr__progress .input-file-wrapper .input-fake[type=range],.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    left: 0;
    margin-top: -2.5px;
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--video .plyr__progress__buffer {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    color: rgba(255,255,255,.25)
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193,201,209,.66)
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: -o-linear-gradient(135deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255,255,255,.25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193,201,209,.66)
}

.plyr__volume {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.input-file .plyr__volume .input-fake[type=range],.input-file-wrapper .plyr__volume .input-fake[type=range],.plyr__volume .input-file .input-fake[type=range],.plyr__volume .input-file-wrapper .input-fake[type=range],.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index: 2
}

@media (min-width: 480px) {
    .plyr__volume {
        max-width:90px
    }
}

@media (min-width: 768px) {
    .plyr__volume {
        max-width:110px
    }
}

.plyr--is-ios .plyr__volume {
    display: none!important
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
    display: none!important
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size:21px
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size:21px
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size:21px
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size:21px
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size:21px
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads::after {
    background: rgba(35,41,47,.8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3
}

.plyr__ads::after:empty {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    left: 0;
    margin: -2.5px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: rgba(255,255,255,.9);
    border-radius: 3px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    margin-bottom: 10px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(0,10px) scale(.8);
    -ms-transform: translate(0,10px) scale(.8);
    transform: translate(0,10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    -o-transition: transform .2s .1s ease,opacity .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease;
    transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    -webkit-transform: translate(0,0) scale(1);
    -ms-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255,255,255,.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c9d1;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0,0,0,.55);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 3px 6px
}

.plyr__preview-scrubbing {
    bottom: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    border: 0!important;
    height: 1px!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.plyr [hidden] {
    display: none!important
}

/*!
 * vue-treeselect v0.3.0 | (c) 2017-2019 Riophae Lee
 * Released under the MIT License.
 * https://vue-treeselect.js.org/
 */
.vue-treeselect-helper-hide {
    display: none
}

.vue-treeselect-helper-zoom-effect-off {
    -ms-transform: none!important;
    -webkit-transform: none!important;
    transform: none!important
}

@-webkit-keyframes vue-treeselect-animation-fade-in {
    0% {
        opacity: 0
    }
}

@keyframes vue-treeselect-animation-fade-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes vue-treeselect-animation-bounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes vue-treeselect-animation-bounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes vue-treeselect-animation-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes vue-treeselect-animation-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.vue-treeselect__multi-value-item--transition-enter-active,.vue-treeselect__multi-value-item--transition-leave-active {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform
}

.vue-treeselect__multi-value-item--transition-enter-active {
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -o-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1)
}

.vue-treeselect__multi-value-item--transition-leave-active {
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    position: absolute
}

.vue-treeselect__multi-value-item--transition-enter,.vue-treeselect__multi-value-item--transition-leave-to {
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

.vue-treeselect__multi-value-item--transition-move {
    -webkit-transition: .2s -webkit-transform cubic-bezier(.165,.84,.44,1);
    transition: .2s -webkit-transform cubic-bezier(.165,.84,.44,1);
    -o-transition: .2s transform cubic-bezier(.165,.84,.44,1);
    transition: .2s transform cubic-bezier(.165,.84,.44,1);
    transition: .2s transform cubic-bezier(.165,.84,.44,1),.2s -webkit-transform cubic-bezier(.165,.84,.44,1)
}

.vue-treeselect {
    position: relative;
    text-align: left
}

[dir=rtl] .vue-treeselect {
    text-align: right
}

.vue-treeselect div,.vue-treeselect span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vue-treeselect svg {
    fill: currentColor
}

.vue-treeselect__control {
    padding-left: 10px;
    padding-right: 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 45px;
    border: 1px solid #e2ecf2;
    border-radius: 3px;
    background: #fff;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: border-color,width,height,background-color,opacity,-webkit-box-shadow;
    transition-property: border-color,width,height,background-color,opacity,-webkit-box-shadow;
    -o-transition-property: border-color,box-shadow,width,height,background-color,opacity;
    transition-property: border-color,box-shadow,width,height,background-color,opacity;
    transition-property: border-color,box-shadow,width,height,background-color,opacity,-webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.has-error .vue-treeselect__control {
    border-color: #e52811
}

.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
    border-color: #e2ecf2
}

.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
    border-color: #039be5;
    -webkit-box-shadow: 0 0 0 3px rgba(3,155,229,.1);
    box-shadow: 0 0 0 3px rgba(3,155,229,.1)
}

.vue-treeselect--disabled .vue-treeselect__control {
    background-color: #f9f9f9
}

.vue-treeselect--open .vue-treeselect__control {
    border-color: #e2ecf2
}

.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vue-treeselect__multi-value,.vue-treeselect__value-container {
    width: 100%;
    vertical-align: middle
}

.vue-treeselect__value-container {
    display: table-cell;
    position: relative
}

.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
    cursor: text
}

.vue-treeselect__multi-value {
    display: inline-block
}

.vue-treeselect--has-value .vue-treeselect__multi-value {
    margin-bottom: 5px
}

.vue-treeselect__placeholder,.vue-treeselect__single-value {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 45px;
    font-size: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.vue-treeselect__placeholder {
    color: #bdbdbd
}

.vue-treeselect__single-value {
    color: #333
}

.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
    color: #bdbdbd
}

.vue-treeselect--disabled .vue-treeselect__single-value {
    position: static
}

.vue-treeselect__multi-value-item-container {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top
}

[dir=rtl] .vue-treeselect__multi-value-item-container {
    padding-right: 0;
    padding-left: 5px
}

.vue-treeselect__multi-value-item {
    cursor: pointer;
    display: inline-table;
    background: #e3f2fd;
    padding: 2px 0;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #039be5;
    font-size: 12px;
    vertical-align: top
}

.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover {
    cursor: pointer;
    background: #e3f2fd;
    color: #039be5
}

.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
    cursor: default;
    background: #f5f5f5;
    color: #757575
}

.vue-treeselect--disabled .vue-treeselect__multi-value-item {
    cursor: default;
    background: #fff;
    border-color: #e5e5e5;
    color: #555
}

.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new {
    background: #e8f5e9
}

.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
    background: #e8f5e9
}

.vue-treeselect__multi-value-label,.vue-treeselect__value-remove {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle
}

.vue-treeselect__value-remove {
    color: #039be5;
    padding-left: 5px;
    border-left: 1px solid #fff;
    line-height: 0
}

[dir=rtl] .vue-treeselect__value-remove {
    border-left: 0 none;
    border-right: 1px solid #fff
}

.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
    color: #e53935
}

.vue-treeselect--disabled .vue-treeselect__value-remove,.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
    display: none
}

.vue-treeselect__value-remove>svg {
    width: 6px;
    height: 6px
}

.vue-treeselect__multi-value-label {
    padding-right: 5px;
    white-space: pre-line;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vue-treeselect__limit-tip {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top
}

[dir=rtl] .vue-treeselect__limit-tip {
    padding-right: 0;
    padding-left: 5px
}

.vue-treeselect__limit-tip-text {
    cursor: default;
    display: block;
    margin: 2px 0;
    padding: 1px 0;
    color: #bdbdbd;
    font-size: 12px;
    font-weight: 600
}

.vue-treeselect__input-container {
    display: block;
    max-width: 100%;
    outline: 0
}

.vue-treeselect--single .vue-treeselect__input-container {
    font-size: inherit;
    height: 100%
}

.vue-treeselect--multi .vue-treeselect__input-container {
    display: inline-block;
    font-size: 12px;
    vertical-align: top
}

.vue-treeselect--searchable .vue-treeselect__input-container {
    padding-left: 5px;
    padding-right: 5px
}

.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
    padding-top: 5px;
    padding-left: 0
}

[dir=rtl] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
    padding-left: 5px;
    padding-right: 0
}

.vue-treeselect--disabled .vue-treeselect__input-container {
    display: none
}

.vue-treeselect__input,.vue-treeselect__sizer {
    margin: 0;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit
}

.vue-treeselect__input {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none transparent;
    line-height: 1;
    font-size: 1.6rem;
    vertical-align: middle
}

.vue-treeselect__input::-ms-clear {
    display: none
}

.vue-treeselect--single .vue-treeselect__input {
    width: 100%;
    height: 100%
}

.has-error .input-file .vue-treeselect__input.input-fake,.has-error .input-file-wrapper .vue-treeselect__input.input-fake,.has-error input.vue-treeselect__input,.input-file .has-error .vue-treeselect__input.input-fake,.input-file-wrapper .has-error .vue-treeselect__input.input-fake {
    border: inherit
}

.vue-treeselect--multi .vue-treeselect__input {
    padding-top: 3px;
    padding-bottom: 3px
}

.vue-treeselect--has-value .vue-treeselect__input {
    line-height: inherit;
    vertical-align: top
}

.vue-treeselect__sizer {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    height: 0;
    overflow: scroll;
    white-space: pre
}

.vue-treeselect__x-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
    cursor: pointer;
    color: #ccc;
    -webkit-animation: .2s vue-treeselect-animation-fade-in cubic-bezier(.075,.82,.165,1);
    animation: .2s vue-treeselect-animation-fade-in cubic-bezier(.075,.82,.165,1)
}

.vue-treeselect__x-container:hover {
    color: #e53935
}

.vue-treeselect__x {
    width: 8px;
    height: 8px
}

.vue-treeselect__control-arrow-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
    cursor: pointer
}

.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
    cursor: default
}

.vue-treeselect__control-arrow {
    width: 9px;
    height: 9px;
    color: #ccc
}

.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
    color: #616161
}

.vue-treeselect--disabled .vue-treeselect__control-arrow {
    opacity: .35
}

.vue-treeselect__control-arrow--rotated {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.vue-treeselect__menu-container {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: visible;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
    top: 100%
}

.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
    bottom: 100%
}

.vue-treeselect__menu {
    cursor: default;
    display: block;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    border: 1px solid #e2ecf2;
    background: #fff;
    line-height: 180%;
    -webkit-overflow-scrolling: touch
}

.vue-treeselect--open-below .vue-treeselect__menu {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: 0;
    margin-top: -1px;
    border-top-color: #f2f2f2;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.vue-treeselect--open-above .vue-treeselect__menu {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 0;
    margin-bottom: -1px;
    border-bottom-color: #f2f2f2
}

.vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-left: 5px
}

[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 5px
}

.vue-treeselect__indent-level-0 .vue-treeselect__tip {
    padding-left: 25px
}

[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 25px
}

.vue-treeselect__indent-level-1 .vue-treeselect__option {
    padding-left: 25px
}

[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 25px
}

.vue-treeselect__indent-level-1 .vue-treeselect__tip {
    padding-left: 45px
}

[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 45px
}

.vue-treeselect__indent-level-2 .vue-treeselect__option {
    padding-left: 45px
}

[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 45px
}

.vue-treeselect__indent-level-2 .vue-treeselect__tip {
    padding-left: 65px
}

[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 65px
}

.vue-treeselect__indent-level-3 .vue-treeselect__option {
    padding-left: 65px
}

[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 65px
}

.vue-treeselect__indent-level-3 .vue-treeselect__tip {
    padding-left: 85px
}

[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 85px
}

.vue-treeselect__indent-level-4 .vue-treeselect__option {
    padding-left: 85px
}

[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 85px
}

.vue-treeselect__indent-level-4 .vue-treeselect__tip {
    padding-left: 105px
}

[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 105px
}

.vue-treeselect__indent-level-5 .vue-treeselect__option {
    padding-left: 105px
}

[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 105px
}

.vue-treeselect__indent-level-5 .vue-treeselect__tip {
    padding-left: 125px
}

[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 125px
}

.vue-treeselect__indent-level-6 .vue-treeselect__option {
    padding-left: 125px
}

[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 125px
}

.vue-treeselect__indent-level-6 .vue-treeselect__tip {
    padding-left: 145px
}

[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 145px
}

.vue-treeselect__indent-level-7 .vue-treeselect__option {
    padding-left: 145px
}

[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 145px
}

.vue-treeselect__indent-level-7 .vue-treeselect__tip {
    padding-left: 165px
}

[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 165px
}

.vue-treeselect__indent-level-8 .vue-treeselect__option {
    padding-left: 165px
}

[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 165px
}

.vue-treeselect__indent-level-8 .vue-treeselect__tip {
    padding-left: 185px
}

[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 185px
}

.vue-treeselect__option {
    padding-left: 5px;
    padding-right: 5px;
    display: table;
    table-layout: fixed;
    width: 100%
}

.vue-treeselect__option--highlight {
    background: #e2ecf2
}

.vue-treeselect--single .vue-treeselect__option--selected {
    background: #e2ecf2;
    font-weight: 600
}

.vue-treeselect--single .vue-treeselect__option--selected:hover {
    background: #e2ecf2
}

.vue-treeselect__option--hide {
    display: none
}

.vue-treeselect__option-arrow-container,.vue-treeselect__option-arrow-placeholder {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0
}

.vue-treeselect__option-arrow-container {
    cursor: pointer
}

.vue-treeselect__option-arrow {
    display: inline-block;
    width: 9px;
    height: 9px;
    color: #ccc;
    vertical-align: middle;
    -webkit-transition: .2s -webkit-transform cubic-bezier(.19,1,.22,1);
    transition: .2s -webkit-transform cubic-bezier(.19,1,.22,1);
    -o-transition: .2s transform cubic-bezier(.19,1,.22,1);
    transition: .2s transform cubic-bezier(.19,1,.22,1);
    transition: .2s transform cubic-bezier(.19,1,.22,1),.2s -webkit-transform cubic-bezier(.19,1,.22,1);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}

[dir=rtl] .vue-treeselect__option-arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow,.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow {
    color: #616161
}

.vue-treeselect__option-arrow--rotated {
    -ms-transform: rotate(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0)
}

[dir=rtl] .vue-treeselect__option-arrow--rotated {
    -ms-transform: rotate(0);
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0)
}

.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
    -ms-transform: rotate(-90deg)!important;
    -webkit-transform: rotateZ(-90deg)!important;
    transform: rotateZ(-90deg)!important
}

[dir=rtl] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
    -ms-transform: rotate(90deg)!important;
    -webkit-transform: rotateZ(90deg)!important;
    transform: rotateZ(90deg)!important
}

.vue-treeselect__label-container {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    display: table;
    width: 100%;
    table-layout: fixed;
    color: inherit
}

.vue-treeselect__option--disabled .vue-treeselect__label-container {
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.vue-treeselect__checkbox-container {
    display: table-cell;
    width: 20px;
    min-width: 20px;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.vue-treeselect__checkbox {
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    position: relative;
    -webkit-transition: .2s all cubic-bezier(.075,.82,.165,1);
    -o-transition: .2s all cubic-bezier(.075,.82,.165,1);
    transition: .2s all cubic-bezier(.075,.82,.165,1)
}

.vue-treeselect__check-mark,.vue-treeselect__minus-mark {
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease
}

.vue-treeselect__minus-mark {
    width: 8px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
    background-size: 8px 8px
}

@media (-webkit-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx) {
    .vue-treeselect__minus-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi) {
    .vue-treeselect__minus-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(-o-min-device-pixel-ratio:3/1),(min-resolution:288dpi) {
    .vue-treeselect__minus-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==)
    }
}

.vue-treeselect__checkbox--indeterminate>.vue-treeselect__minus-mark {
    opacity: 1
}

.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(-o-min-device-pixel-ratio:3/1),(min-resolution:288dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==)
    }
}

.vue-treeselect__check-mark {
    width: 8px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
    background-size: 8px 8px;
    -ms-transform: scaleY(.125);
    -webkit-transform: scaleY(.125);
    transform: scaleY(.125)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx) {
    .vue-treeselect__check-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi) {
    .vue-treeselect__check-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(-o-min-device-pixel-ratio:3/1),(min-resolution:288dpi) {
    .vue-treeselect__check-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC)
    }
}

.vue-treeselect__checkbox--checked>.vue-treeselect__check-mark {
    opacity: 1;
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(-o-min-device-pixel-ratio:3/1),(min-resolution:288dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=)
    }
}

.vue-treeselect__checkbox--unchecked {
    border-color: #e0e0e0;
    background: #fff
}

.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
    border-color: #039be5;
    background: #fff
}

.vue-treeselect__checkbox--indeterminate {
    border-color: #039be5;
    background: #039be5
}

.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
    border-color: #039be5;
    background: #039be5
}

.vue-treeselect__checkbox--checked {
    border-color: #039be5;
    background: #039be5
}

.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
    border-color: #039be5;
    background: #039be5
}

.vue-treeselect__checkbox--disabled {
    border-color: #e0e0e0;
    background-color: #f7f7f7
}

.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
    border-color: #e0e0e0;
    background-color: #f7f7f7
}

.vue-treeselect__label {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 100%;
    vertical-align: middle;
    cursor: inherit;
    font-size: 1.5rem;
    margin-bottom: 0!important
}

[dir=rtl] .vue-treeselect__label {
    padding-left: 0;
    padding-right: 5px
}

.vue-treeselect__count {
    margin-left: 5px;
    font-weight: 400;
    opacity: .6
}

[dir=rtl] .vue-treeselect__count {
    margin-left: 0;
    margin-right: 5px
}

.vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #757575
}

.vue-treeselect__tip-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 12px
}

.vue-treeselect__error-tip .vue-treeselect__retry {
    cursor: pointer;
    margin-left: 5px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    color: #039be5
}

[dir=rtl] .vue-treeselect__error-tip .vue-treeselect__retry {
    margin-left: 0;
    margin-right: 5px
}

.vue-treeselect__icon-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0
}

.vue-treeselect--single .vue-treeselect__icon-container {
    padding-left: 5px
}

[dir=rtl] .vue-treeselect--single .vue-treeselect__icon-container {
    padding-left: 0;
    padding-right: 5px
}

.vue-treeselect__icon-warning {
    display: block;
    margin: auto;
    border-radius: 50%;
    position: relative;
    width: 12px;
    height: 12px;
    background: #fb8c00
}

.vue-treeselect__icon-warning::after {
    display: block;
    position: absolute;
    content: "";
    left: 5px;
    top: 2.5px;
    width: 2px;
    height: 1px;
    border: 0 solid #fff;
    border-top-width: 5px;
    border-bottom-width: 1px
}

.vue-treeselect__icon-error {
    display: block;
    margin: auto;
    border-radius: 50%;
    position: relative;
    width: 12px;
    height: 12px;
    background: #e53935
}

.vue-treeselect__icon-error::after,.vue-treeselect__icon-error::before {
    display: block;
    position: absolute;
    content: "";
    background: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.vue-treeselect__icon-error::before {
    width: 6px;
    height: 2px;
    left: 3px;
    top: 5px
}

.vue-treeselect__icon-error::after {
    width: 2px;
    height: 6px;
    left: 5px;
    top: 3px
}

.vue-treeselect__icon-loader {
    display: block;
    margin: auto;
    position: relative;
    width: 12px;
    height: 12px;
    text-align: center;
    -webkit-animation: 1.6s vue-treeselect-animation-rotate linear infinite;
    animation: 1.6s vue-treeselect-animation-rotate linear infinite
}

.vue-treeselect__icon-loader::after,.vue-treeselect__icon-loader::before {
    border-radius: 50%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .6;
    -webkit-animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite;
    animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite
}

.vue-treeselect__icon-loader::before {
    background: #039be5
}

.vue-treeselect__icon-loader::after {
    background: #b3e5fc;
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.vue-treeselect__menu-placeholder {
    display: none
}

.vue-treeselect__portal-target {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/*!
 * 
 * Super simple wysiwyg editor v0.8.12
 * https://summernote.org
 * 
 * 
 * Copyright 2013- Alan Hong. and other contributors
 * summernote may be freely distributed under the MIT license.
 * 
 * Date: 2019-07-30T07:32Z
 * 
 */
@font-face {
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(/fonts/summernote/summernote.eot);
    src: url(/fonts/summernote/summernote.eot?#iefix) format("embedded-opentype"),url(/fonts/summernote/summernote.woff2) format("woff2"),url(/fonts/summernote/summernote.woff) format("woff"),url(/fonts/summernote/summernote.ttf) format("truetype")
}

[class*=" note-icon"]:before,[class^=note-icon]:before {
    display: inline-block;
    font: normal normal normal 11px/1 summernote;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.note-icon-fw {
    text-align: center;
    width: 1.25em
}

.note-icon-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.note-icon-pull-left {
    float: left
}

.note-icon-pull-right {
    float: right
}

.note-icon.note-icon-pull-left {
    margin-right: .3em
}

.note-icon.note-icon-pull-right {
    margin-left: .3em
}

.note-icon-align::before {
    content: "\ea01"
}

.note-icon-align-center::before {
    content: "\ea02"
}

.note-icon-align-indent::before {
    content: "\ea03"
}

.note-icon-align-justify::before {
    content: "\ea04"
}

.note-icon-align-left::before {
    content: "\ea05"
}

.note-icon-align-outdent::before {
    content: "\ea06"
}

.note-icon-align-right::before {
    content: "\ea07"
}

.note-icon-arrow-circle-down::before {
    content: "\ea08"
}

.note-icon-arrow-circle-left::before {
    content: "\ea09"
}

.note-icon-arrow-circle-right::before {
    content: "\ea0a"
}

.note-icon-arrow-circle-up::before {
    content: "\ea0b"
}

.note-icon-arrows-alt::before {
    content: "\ea0c"
}

.note-icon-arrows-h::before {
    content: "\ea0d"
}

.note-icon-arrows-v::before {
    content: "\ea0e"
}

.note-icon-bold::before {
    content: "\ea0f"
}

.note-icon-caret::before {
    content: "\ea10"
}

.note-icon-chain-broken::before {
    content: "\ea11"
}

.note-icon-circle::before {
    content: "\ea12"
}

.note-icon-close::before {
    content: "\ea13"
}

.note-icon-code::before {
    content: "\ea14"
}

.note-icon-col-after::before {
    content: "\ea15"
}

.note-icon-col-before::before {
    content: "\ea16"
}

.note-icon-col-remove::before {
    content: "\ea17"
}

.note-icon-eraser::before {
    content: "\ea18"
}

.note-icon-float-left::before {
    content: "\ea19"
}

.note-icon-float-none::before {
    content: "\ea1a"
}

.note-icon-float-right::before {
    content: "\ea1b"
}

.note-icon-font::before {
    content: "\ea1c"
}

.note-icon-frame::before {
    content: "\ea1d"
}

.note-icon-italic::before {
    content: "\ea1e"
}

.note-icon-link::before {
    content: "\ea1f"
}

.note-icon-magic::before {
    content: "\ea20"
}

.note-icon-menu-check::before {
    content: "\ea21"
}

.note-icon-minus::before {
    content: "\ea22"
}

.note-icon-orderedlist::before {
    content: "\ea23"
}

.note-icon-pencil::before {
    content: "\ea24"
}

.note-icon-picture::before {
    content: "\ea25"
}

.note-icon-question::before {
    content: "\ea26"
}

.note-icon-redo::before {
    content: "\ea27"
}

.note-icon-rollback::before {
    content: "\ea28"
}

.note-icon-row-above::before {
    content: "\ea29"
}

.note-icon-row-below::before {
    content: "\ea2a"
}

.note-icon-row-remove::before {
    content: "\ea2b"
}

.note-icon-special-character::before {
    content: "\ea2c"
}

.note-icon-square::before {
    content: "\ea2d"
}

.note-icon-strikethrough::before {
    content: "\ea2e"
}

.note-icon-subscript::before {
    content: "\ea2f"
}

.note-icon-summernote::before {
    content: "\ea30"
}

.note-icon-superscript::before {
    content: "\ea31"
}

.note-icon-table::before {
    content: "\ea32"
}

.note-icon-text-height::before {
    content: "\ea33"
}

.note-icon-trash::before {
    content: "\ea34"
}

.note-icon-underline::before {
    content: "\ea35"
}

.note-icon-undo::before {
    content: "\ea36"
}

.note-icon-unorderedlist::before {
    content: "\ea37"
}

.note-icon-video::before {
    content: "\ea38"
}

.note-frame {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000
}

.note-toolbar {
    padding: 10px 5px;
    border-bottom: 1px solid #e2e2e2;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.note-btn-group {
    position: relative;
    display: inline-block
}

.note-btn-group>.note-btn-group {
    margin-right: 0
}

.note-btn-group>.note-btn:first-child {
    margin-left: 0
}

.note-btn-group .note-btn+.note-btn,.note-btn-group .note-btn+.note-btn-group,.note-btn-group .note-btn-group+.note-btn,.note-btn-group .note-btn-group+.note-btn-group {
    margin-left: -1px
}

.note-btn-group>.note-btn-group:not(:first-child)>.note-btn,.note-btn-group>.note-btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.note-btn-group>.note-btn-group:not(:last-child)>.note-btn,.note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.note-btn-group.open>.note-dropdown {
    display: block
}

.note-btn {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #dae0e5;
    white-space: nowrap;
    outline: 0;
    color: #333;
    background-color: #fff;
    border-color: #dae0e5;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.note-btn.focus,.note-btn:focus {
    color: #333;
    background-color: #ebebeb;
    border-color: #dae0e5
}

.note-btn:hover {
    color: #333;
    background-color: #ebebeb;
    border-color: #dae0e5
}

.note-btn.disabled.focus,.note-btn.disabled:focus,.note-btn[disabled].focus,.note-btn[disabled]:focus,fieldset[disabled] .note-btn.focus,fieldset[disabled] .note-btn:focus {
    background-color: #fff;
    border-color: #dae0e5
}

.note-btn.focus,.note-btn:focus,.note-btn:hover {
    color: #333;
    text-decoration: none;
    border: 1px solid #dae0e5;
    background-color: #ebebeb;
    outline: 0;
    border-radius: 1px
}

.note-btn.active,.note-btn:active {
    outline: 0;
    background-image: none
}

.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn {
    cursor: not-allowed;
    -webkit-opacity: .65;
    -khtml-opacity: .65;
    -moz-opacity: .65;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.note-btn-primary {
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color: #fff
}

.note-btn-primary.focus,.note-btn-primary:focus,.note-btn-primary:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius: 1px
}

.note-btn-block {
    display: block;
    width: 100%
}

.note-btn-block+.note-btn-block {
    margin-top: 5px
}

.input-file .input-fake[type=button].note-btn-block,.input-file .input-fake[type=reset].note-btn-block,.input-file .input-fake[type=submit].note-btn-block,.input-file-wrapper .input-fake[type=button].note-btn-block,.input-file-wrapper .input-fake[type=reset].note-btn-block,.input-file-wrapper .input-fake[type=submit].note-btn-block,input[type=button].note-btn-block,input[type=reset].note-btn-block,input[type=submit].note-btn-block {
    width: 100%
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    opacity: .2
}

.close:hover {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.note-dropdown {
    position: relative
}

.note-dropdown-menu {
    display: none;
    min-width: 100px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    text-align: left;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 5px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.06);
    box-shadow: 0 1px 1px rgba(0,0,0,.06)
}

.note-btn-group.open .note-dropdown-menu {
    display: block
}

.note-dropdown-item {
    display: block
}

.note-dropdown-item:hover {
    background-color: #ebebeb
}

a.note-dropdown-item,a.note-dropdown-item:hover {
    margin: 5px 0;
    color: #000;
    text-decoration: none
}

.note-modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1050;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    display: none
}

.note-modal.open {
    display: block
}

.note-modal-content {
    position: relative;
    width: auto;
    margin: 30px 20px;
    border: 1px solid rgba(0,0,0,.2);
    background: #fff;
    background-clip: border-box;
    outline: 0
}

.note-modal-content .note-group-image-url {
    display: none
}

.note-modal-header {
    padding: 30px 20px 20px 20px;
    border: 1px solid #ededef
}

.note-modal-header .close {
    margin-top: -10px
}

.note-modal-body {
    position: relative;
    padding: 20px 30px
}

.note-modal-body kbd {
    border-radius: 2px;
    background-color: #000;
    color: #fff;
    padding: 3px 5px;
    font-weight: 700;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.note-modal-footer {
    padding: 10px;
    text-align: center
}

.note-modal-footer a {
    color: #337ab7;
    text-decoration: none
}

.note-modal-footer a:focus,.note-modal-footer a:hover {
    color: #23527c;
    text-decoration: underline
}

.note-modal-footer .note-btn {
    height: 45px
}

.note-modal-title {
    font-size: 26px;
    color: #42515f;
    margin: 0;
    line-height: 1.4
}

.note-modal-backdrop {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1040;
    background: #000;
    -webkit-opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    display: none
}

.note-modal-backdrop.open {
    display: block
}

@media (min-width: 768px) {
    .note-modal-content {
        width:600px;
        margin: 30px auto
    }
}

@media (min-width: 992px) {
    .note-modal-content-large {
        width:900px
    }
}

.note-form-group {
    padding-bottom: 20px;
    margin-bottom: 0!important
}

.note-form-group:last-child {
    padding-bottom: 0
}

.note-form-label {
    display: block;
    font-size: 16px;
    color: #42515f;
    margin-bottom: 10px;
    font-weight: 700
}

.note-input {
    width: 100%;
    height: 40px;
    display: block;
    border: 1px solid #ededef;
    background: #fff;
    outline: 0;
    padding: 6px 10px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.note-input::-webkit-input-placeholder {
    color: #eee
}

.note-input:-moz-placeholder {
    color: #eee
}

.note-input::-moz-placeholder {
    color: #eee
}

.note-input:-ms-input-placeholder {
    color: #eee
}

.note-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 13px;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.note-tooltip.in {
    -webkit-opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9
}

.note-tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.note-tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.note-tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.note-tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.note-tooltip.bottom .note-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.note-tooltip.top .note-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.note-tooltip.right .note-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.note-tooltip.left .note-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.note-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.note-tooltip-content {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000
}

.note-popover {
    position: absolute;
    z-index: 1060;
    display: block;
    font-size: 13px;
    display: none;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border: 1px solid #ccc
}

.note-popover.in {
    display: block
}

.note-popover.top {
    margin-top: -3px;
    padding: 5 0
}

.note-popover.right {
    margin-left: 3px;
    padding: 0 5
}

.note-popover.bottom {
    margin-top: 3px;
    padding: 5 0
}

.note-popover.left {
    margin-left: -3px;
    padding: 0 5
}

.note-popover.bottom .note-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25)
}

.note-popover.bottom .note-popover-arrow::after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.note-popover.top .note-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25)
}

.note-popover.top .note-popover-arrow::after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-bottom-width: 0;
    border-top-color: #fff
}

.note-popover.right .note-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -10px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.note-popover.right .note-popover-arrow::after {
    left: 1px;
    margin-top: -10px;
    content: " ";
    border-left-width: 0;
    border-right-color: #fff
}

.note-popover.left .note-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -10px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.note-popover.left .note-popover-arrow::after {
    right: 1px;
    margin-top: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.note-popover-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid transparent
}

.note-popover-arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 10px
}

.note-popover-content {
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #fff;
    min-width: 100px;
    min-height: 30px
}

.note-editor {
    position: relative
}

.note-editor .note-dropzone {
    position: absolute;
    display: none;
    z-index: 100;
    color: #87cefa;
    background-color: #fff;
    opacity: .95;
    pointer-events: none
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 28px;
    font-weight: 700
}

.note-editor .note-dropzone.hover {
    color: #098ddf
}

.note-editor.dragover .note-dropzone {
    display: table
}

.note-editor .note-editing-area {
    position: relative
}

.note-editor .note-editing-area .note-editable {
    outline: 0
}

.note-editor .note-editing-area .note-editable sup {
    vertical-align: super
}

.note-editor .note-editing-area .note-editable sub {
    vertical-align: sub
}

.note-editor .note-editing-area .note-editable img.note-float-left {
    margin-right: 10px
}

.note-editor .note-editing-area .note-editable img.note-float-right {
    margin-left: 10px
}

.note-editor.note-frame {
    border: 1px solid #a9a9a9
}

.note-editor.note-frame.codeview .note-editing-area .note-editable {
    display: none
}

.note-editor.note-frame.codeview .note-editing-area .note-codable {
    display: block
}

.note-editor.note-frame .note-editing-area {
    overflow: hidden
}

.note-editor.note-frame .note-editing-area .note-editable {
    background-color: #fff;
    color: #000;
    padding: 10px;
    overflow: auto;
    word-wrap: break-word;
    text-align: left;
    font-size: 16px
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: #e5e5e5
}

.note-editor.note-frame .note-editing-area .note-editable p {
    margin-top: 0;
    margin-bottom: 5px
}

.note-editor.note-frame .note-editing-area .note-editable ul {
    list-style: disc;
    padding-left: 20px;
    margin: 10px 0
}

.note-editor.note-frame .note-editing-area .note-editable ol {
    padding-left: 20px;
    margin: 10px 0
}

.note-editor.note-frame .note-editing-area .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Menlo,Monaco,monospace,sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    resize: none;
    outline: 0;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    margin-bottom: 0
}

.note-editor.note-frame.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%!important;
    z-index: 1050
}

.note-editor.note-frame.fullscreen .note-editable {
    background-color: #fff
}

.note-editor.note-frame.fullscreen .note-resizebar {
    display: none
}

.note-editor.note-frame .note-status-output {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    height: 20px;
    margin-bottom: 0;
    color: #000;
    border: 0;
    border-top: 1px solid #e2e2e2
}

.note-editor.note-frame .note-status-output:empty {
    height: 0;
    border-top: 0 solid transparent
}

.note-editor.note-frame .note-status-output .pull-right {
    float: right!important
}

.note-editor.note-frame .note-status-output .text-muted {
    color: #777
}

.note-editor.note-frame .note-status-output .text-primary {
    color: #286090
}

.note-editor.note-frame .note-status-output .text-success {
    color: #3c763d
}

.note-editor.note-frame .note-status-output .text-info {
    color: #31708f
}

.note-editor.note-frame .note-status-output .text-warning {
    color: #8a6d3b
}

.note-editor.note-frame .note-status-output .text-danger {
    color: #a94442
}

.note-editor.note-frame .note-status-output .alert {
    margin: -7px 0 0 0;
    padding: 7px 10px 2px 10px;
    border-radius: 0;
    color: #000;
    background-color: #f5f5f5
}

.note-editor.note-frame .note-status-output .alert .note-icon {
    margin-right: 5px
}

.note-editor.note-frame .note-status-output .alert-success {
    color: #3c763d!important;
    background-color: #dff0d8!important
}

.note-editor.note-frame .note-status-output .alert-info {
    color: #31708f!important;
    background-color: #d9edf7!important
}

.note-editor.note-frame .note-status-output .alert-warning {
    color: #8a6d3b!important;
    background-color: #fcf8e3!important
}

.note-editor.note-frame .note-status-output .alert-danger {
    color: #a94442!important;
    background-color: #f2dede!important
}

.note-editor.note-frame .note-statusbar {
    background-color: #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #ddd
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    padding-top: 1px;
    height: 9px;
    width: 100%;
    cursor: ns-resize
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #a9a9a9
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar {
    cursor: default
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
    display: none
}

.note-editor.note-frame .note-placeholder {
    padding: 10px;
    font-size: 16px
}

.note-popover.popover {
    display: none;
    max-width: none
}

.note-popover.popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.note-popover.popover .arrow {
    left: 20px!important
}

.note-toolbar {
    position: relative;
    text-align: left
}

.note-popover .popover-content,.note-toolbar {
    margin: 0;
    padding: 0 0 5px 5px
}

.note-popover .popover-content>.note-btn-group,.note-toolbar>.note-btn-group {
    margin-top: 5px;
    margin-left: 0;
    margin-right: 5px
}

.note-popover .popover-content .note-btn-group .note-table,.note-toolbar .note-btn-group .note-table {
    min-width: 0;
    padding: 5px
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker,.note-toolbar .note-btn-group .note-table .note-dimension-picker {
    font-size: 18px
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute!important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative!important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute!important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}

.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.note-toolbar .note-style .dropdown-style blockquote,.note-toolbar .note-style .dropdown-style pre {
    margin: 0;
    padding: 5px 10px
}

.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p,.note-toolbar .note-style .dropdown-style h1,.note-toolbar .note-style .dropdown-style h2,.note-toolbar .note-style .dropdown-style h3,.note-toolbar .note-style .dropdown-style h4,.note-toolbar .note-style .dropdown-style h5,.note-toolbar .note-style .dropdown-style h6,.note-toolbar .note-style .dropdown-style p {
    margin: 0;
    padding: 0
}

.note-popover .popover-content .note-color-all .note-dropdown-menu,.note-toolbar .note-color-all .note-dropdown-menu {
    min-width: 342px
}

.note-popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,.note-toolbar .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    margin: 0;
    width: 160px
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child,.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 5px
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
    font-size: 12px;
    margin: 2px 7px;
    text-align: center;
    border-bottom: 1px solid #eee
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
    font-size: 11px;
    margin: 3px;
    padding: 0 3px;
    cursor: pointer;
    border-radius: 5px
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
    height: 20px
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover {
    background: #eee
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
    display: none
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border: 1px solid #eee
}

.note-popover .popover-content .note-para .note-dropdown-menu,.note-toolbar .note-para .note-dropdown-menu {
    min-width: 210px;
    padding: 5px
}

.note-popover .popover-content .note-para .note-dropdown-menu>div:first-child,.note-toolbar .note-para .note-dropdown-menu>div:first-child {
    margin-right: 5px
}

.note-popover .popover-content .note-dropdown-menu,.note-toolbar .note-dropdown-menu {
    min-width: 160px
}

.note-popover .popover-content .note-dropdown-menu.right,.note-toolbar .note-dropdown-menu.right {
    right: 0;
    left: auto
}

.note-popover .popover-content .note-dropdown-menu.right::before,.note-toolbar .note-dropdown-menu.right::before {
    right: 9px;
    left: auto!important
}

.note-popover .popover-content .note-dropdown-menu.right::after,.note-toolbar .note-dropdown-menu.right::after {
    right: 10px;
    left: auto!important
}

.note-popover .popover-content .note-dropdown-menu.note-check a i,.note-toolbar .note-dropdown-menu.note-check a i {
    color: #00bfff;
    visibility: hidden
}

.note-popover .popover-content .note-dropdown-menu.note-check a.checked i,.note-toolbar .note-dropdown-menu.note-check a.checked i {
    visibility: visible
}

.note-popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 {
    font-size: 10px
}

.note-popover .popover-content .note-color-palette,.note-toolbar .note-color-palette {
    line-height: 1
}

.note-popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff
}

.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover {
    border: 1px solid #000
}

.note-dialog>div {
    display: none
}

.note-dialog .form-group {
    margin-left: 0;
    margin-right: 0
}

.note-dialog .note-modal-form {
    margin: 0
}

.note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    font-size: 30px;
    line-height: 4;
    color: #d3d3d3;
    text-align: center;
    border: 4px dashed #d3d3d3;
    margin-bottom: 10px
}

@-moz-document url-prefix() {
    .note-dialog .note-image-input {
        height: auto
    }
}

.note-placeholder {
    position: absolute;
    display: none;
    color: gray
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #000
}

.note-handle .note-control-selection>div {
    position: absolute
}

.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3
}

.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    border: 1px solid #000
}

.note-handle .note-control-selection .note-control-sizing {
    background-color: #000
}

.note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: none;
    border-bottom: none
}

.note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: none;
    border-left: none
}

.note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: none;
    border-right: none
}

.note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
    cursor: default;
    border-top: none;
    border-left: none
}

.note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    color: #fff;
    background-color: #000;
    font-size: 12px;
    border-radius: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}

.note-hint-popover {
    min-width: 100px;
    padding: 2px
}

.note-hint-popover .popover-content {
    padding: 3px;
    max-height: 150px;
    overflow: auto
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
    display: block!important;
    padding: 3px
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
    cursor: pointer
}

.note-editor .note-editing-area .note-editable table {
    width: 100%;
    border-collapse: collapse
}

.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th {
    border: 1px solid #ececec;
    padding: 5px 3px
}

.note-editor .note-editing-area .note-editable a {
    background-color: inherit;
    text-decoration: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: #337ab7
}

.note-editor .note-editing-area .note-editable a:focus,.note-editor .note-editing-area .note-editable a:hover {
    color: #23527c;
    text-decoration: underline;
    outline: 0
}

.note-editor .note-editing-area .note-editable figure {
    margin: 0
}

.note-modal .note-modal-body label {
    margin-bottom: 2px;
    padding: 2px 5px;
    display: inline-block
}

.note-modal .note-modal-body .help-list-item:hover {
    background-color: #e0e0e0
}

@-moz-document url-prefix() {
    .note-modal .note-image-input {
        height: auto
    }
}

.help-list-item label {
    margin-bottom: 5px;
    display: inline-block
}

[class^=button] {
    outline: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

[class*=button_theme_] {
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

[class*=button_theme_]:hover {
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button,.button-block,.button-radius {
    display: inline-block;
    font: 1.6rem "Open Sans",sans-serif;
    padding: 11px 35px;
    cursor: pointer
}

.button.is-disabled,.is-disabled.button-block,.is-disabled.button-radius {
    color: #b2b2b2!important;
    background-color: #ebebeb!important;
    cursor: default
}

.button-radius {
    border-radius: 3px;
    min-width: 192px;
    padding: 11px 16px 12px;
    cursor: pointer
}

.button-block {
    display: block;
    margin: 5px 0;
    border-radius: 3px
}

.button-icon {
    display: inline-block;
    font: 1.6rem "Open Sans",sans-serif;
    padding: 11px 20px 12px;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button-icon span {
    margin-left: 35px
}

.button-icon span:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -12px;
    display: block;
    font: 2.4rem/1em FontAwesome;
    color: #fff
}

.button-icon_theme_download {
    background-color: #2daafc
}

.button-icon_theme_download:hover {
    background-color: #14a0fc;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button-icon_theme_download span {
    color: #fff
}

.button-icon_theme_download span:before {
    content: ''
}

.button-icon_theme_favorite {
    background-color: #0072ce
}

.button-icon_theme_favorite:hover {
    background-color: #0064b5;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button-icon_theme_favorite.__delete span:before {
    content: '\f068'
}

.button-icon_theme_favorite span {
    color: #fff
}

.button-icon_theme_favorite span:before {
    content: ''
}

.button-icon_theme_blocked {
    background-color: #758b91;
    cursor: default
}

.button-icon_theme_blocked:hover {
    background-color: #758b91
}

.button-icon_theme_blocked span {
    color: #fff
}

.button-icon_theme_blocked span:before {
    content: '\f023'!important
}

.button-icon_theme_setting {
    background-color: #2daafc;
    color: #fff
}

.button-icon_theme_setting:hover {
    background-color: #14a0fc
}

.button-icon_theme_setting span {
    color: #fff
}

.button-icon_theme_setting span:before {
    content: '\f013'
}

.button-icon_theme_person {
    background-color: #2daafc;
    color: #fff
}

.button-icon_theme_person:hover {
    background-color: #14a0fc
}

.button-icon_theme_person span {
    color: #fff
}

.button-icon_theme_person span:before {
    content: '\f007'
}

.button-icon_theme_send {
    background-color: #0072ce
}

.button-icon_theme_send:hover {
    background-color: #0064b5;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button-icon_theme_send span {
    color: #fff
}

.button-icon_theme_send span:before {
    content: ''
}

.button-icon_theme_back {
    background-color: #e2ecf2;
    color: #000
}

.button-icon_theme_back:hover {
    background-color: #d0e0ea
}

.button-icon_theme_back span:before {
    content: '\f177';
    font-size: 2rem;
    margin-top: -10px;
    color: #000
}

.button-func {
    display: inline-block;
    min-width: 200px;
    font: 1.6rem/1em "Open Sans",sans-serif;
    color: #000;
    text-align: left;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background-color: #e2ecf2;
    padding: 16px 24px 17px 65px;
    cursor: pointer
}

.button-func.locked {
    cursor: not-allowed
}

.button-func span.icon {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 49px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #a0b5c2;
    border-radius: 5px 0 0 5px;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button-func span.icon:after,.button-func span.icon:before {
    content: '';
    display: block;
    color: #fff
}

.button-func span.icon:before {
    font: 2.1rem FontAwesome
}

.button-func span.icon:after {
    font: bold 1rem/1em "Open Sans",sans-serif;
    text-transform: uppercase;
    margin-top: 2px
}

.button-func i {
    font-style: normal;
    color: #a0b5c2
}

.button-footnote {
    position: relative;
    overflow: visible
}

.button-footnote .footnote {
    position: absolute;
    z-index: 9;
    top: 100%;
    margin-top: 15px;
    right: 0;
    display: block;
    width: 100%;
    font: 1.2rem/1em "Open Sans",sans-serif;
    color: #a0b5c2;
    text-align: right
}

.form-search__button {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 43px;
    height: 100%;
    background-color: #0072ce;
    border-radius: 0 3px 3px 0;
    cursor: pointer
}

.form-search__button:after {
    content: '';
    display: block;
    font: 2.2rem FontAwesome;
    color: #fff
}

.button-nav {
    width: 137px;
    display: table;
    font: 1.6rem "Open Sans",sans-serif;
    color: #fff;
    position: relative;
    padding: 16px 17px;
    background-color: #2daafc;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    border-radius: 5px;
    cursor: pointer
}

.button-nav:before {
    position: absolute;
    z-index: 3;
    top: 50%;
    margin-top: -24px;
    font: 4.8rem/1em FontAwesome;
    color: #e2ecf2
}

.button-nav:hover {
    background-color: #14a0fc;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button-nav.is-disabled {
    background-color: #a0b5c2;
    color: #fff;
    cursor: default
}

.button-nav.is-disabled:before {
    display: none
}

.button-nav_theme_prev:before {
    content: '';
    left: -30px
}

.button-nav_theme_next:before {
    content: '';
    right: -30px
}

.button_theme_pdf span.icon:before {
    content: ''
}

.button_theme_pdf span.icon:after {
    content: 'PDF'
}

.button_theme_pdf:hover {
    background-color: #d0e0ea
}

.button_theme_doc span.icon:before {
    content: ''
}

.button_theme_doc span.icon:after {
    content: 'DOC'
}

.button_theme_doc:hover {
    background-color: #d0e0ea
}

.button_theme_print:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 49px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: 2.1rem FontAwesome;
    color: #fff;
    background-color: #a0b5c2;
    border-radius: 5px 0 0 5px
}

.button_theme_print:hover {
    background-color: #d0e0ea
}

.button_theme_talim {
    background-color: #27ae60;
    color: #fff
}

.button_theme_talim:hover {
    background-color: #0064b5
}

.button_theme_orange {
    background-color: #ff9000;
    color: #fff
}

.button_theme_orange:hover {
    background-color: #e68200
}

.button_theme_red {
    background-color: #e74c3c;
    color: #fff
}

.button_theme_red:hover {
    background-color: #e43725
}

.button_theme_yellow {
    background-color: #ffdb4d;
    color: #fff
}

.button_theme_yellow:hover {
    background-color: #ffd634
}

.button_theme_blue {
    background-color: #2daafc;
    color: #fff
}

.button_theme_blue:hover {
    background-color: #14a0fc
}

.button_theme_darkblue {
    background-color: #1c8fc9;
    color: #fff
}

.button_theme_darkblue:hover {
    background-color: #197fb3
}

.button_theme_grey {
    background-color: #e2ecf2;
    color: #000
}

.button_theme_grey:hover {
    background-color: #d7e5ed
}

.button_theme_green {
    background-color: #27ae60;
    color: #fff
}

.button_theme_green:hover {
    background-color: #24a259
}

.button_theme_import {
    background-color: #2daafc;
    color: #fff
}

.button_theme_import:hover {
    background-color: #14a0fc
}

.button_theme_import span.icon:before {
    content: '\f1c3'
}

.button_theme_reg {
    background-color: #0072bc;
    color: #fff
}

.button_theme_reg:hover {
    background-color: #0063a3
}

.button_theme_ent {
    font: 1.6rem/1.3em "Open Sans Semibold",sans-serif;
    color: #fff;
    background-color: #cf6fbf;
    border-radius: 3px;
    padding: 12px 30px 13px
}

.button_theme_ent:hover {
    background-color: #c95cb7
}

.button_theme_conspect {
    background-color: #2daafc;
    color: #fff
}

.button_theme_conspect:hover {
    background-color: #0781d1
}

.button_theme_test {
    background-color: #295ca0;
    font: 1.6rem "Open Sans",sans-serif;
    color: #fff;
    border-radius: 3px
}

.button_theme_test:hover {
    background-color: #0d3871
}

.button_theme_control {
    font: 1.8rem/1.2em "Open Sans",sans-serif;
    color: #fff;
    background-color: #214e89
}

.button_theme_control.is-active {
    background-color: #2daafc
}

.button_theme_control.is-active:hover {
    background-color: #2daafc
}

.button_theme_control:hover {
    background-color: #173760
}

.button__all--blog,.button_theme_lightgreen {
    background-color: #1bbbb4;
    color: #fff
}

.button__all--blog:hover,.button_theme_lightgreen:hover {
    background-color: #19aea7
}

.button__all--articles,.button_theme_deepblue {
    background-color: #2d91e8;
    color: #fff
}

.button__all--articles:hover,.button_theme_deepblue:hover {
    background-color: #1f8ae6
}

.button__all--news,.button_theme_ligthred {
    background-color: #f1707a;
    color: #fff
}

.button__all--news:hover,.button_theme_ligthred:hover {
    background-color: #f0626d
}

.button_theme_bordo {
    background-color: #e2005e;
    color: #fff
}

.button_theme_bordo:hover {
    background-color: #d30058
}

.button_theme_favorite span.icon:before {
    content: '\f006'
}

.button_theme_favorite:hover {
    background-color: #d0e0ea
}

.button_theme_favorite.active {
    background-color: #ff9000;
    color: #fff
}

.button_theme_favorite.active span.icon {
    background-color: #e68200
}

.button_theme_favorite.active span.icon:before {
    content: '\f005'
}

.button_theme_favorite.loading span.icon:before {
    content: "\f110";
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}

.button_theme_like span.icon:before {
    content: '\f087'
}

.button_theme_like:hover {
    background-color: #d0e0ea
}

.button_theme_like.active {
    background-color: #80c4f7;
    color: #fff
}

.button_theme_like.active span.icon {
    background-color: #50aef4
}

.button_theme_like.active span.icon:before {
    content: '\f164'
}

.button_theme_like.loading span.icon:before {
    content: "\f110";
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}

[class*=button-group] {
    display: inline-block;
    white-space: nowrap;
    background-color: #fff
}

[class*=button-group]>* {
    display: inline-block;
    border-right: 2px solid #fff
}

[class*=button-group]>:first-child {
    border-radius: 4px 0 0 4px
}

[class*=button-group]>:last-child {
    border-radius: 0 4px 4px 0;
    border-right: 0
}

[class*=button-group] .__invis {
    visibility: hidden;
    cursor: default
}

.button-wrapper {
    text-align: left
}

.button-wrapper>* {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px
}

.button-wrapper>:last-child {
    margin-right: 0
}

.button-wrapper .button-func {
    padding: 17px 24px 17px 70px
}

.button-wrapper .button-func .footnote {
    margin-top: 7px
}

.button-wrapper .button,.button-wrapper .button-block,.button-wrapper .button-radius {
    padding: 14px 53px;
    font-size: 1.8rem
}

button[disabled] {
    cursor: not-allowed;
    background-color: #ccc!important
}

@media screen and (max-width: 1199px) {
    .button,.button-block,.button-func,.button-radius {
        font-size:1.6rem
    }

    .button-radius {
        padding-top: 10px;
        padding-bottom: 12px
    }
}

@media screen and (max-width: 999px) {
    .button_theme_print {
        display:none!important
    }
}

.title-outer {
    overflow: hidden
}

.title-outer .title-inner {
    padding-top: 35px;
    padding-bottom: 35px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.title-outer .title-inner.no-pt {
    padding-top: 0
}

.title-outer .title-inner.no-p {
    padding: 0
}

.title {
    font: 3.2rem/1.2em "Open Sans Light",sans-serif;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin: 0
}

.title span {
    position: relative;
    display: inline-block
}

.title span:after,.title span:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 3000px;
    height: 1px;
    background-color: #d7dde1
}

.title span:before {
    right: 100%;
    margin-right: 25px
}

.title span:after {
    left: 100%;
    margin-left: 25px
}

.title.long-title {
    font-size: 2.8rem
}

.page-outer .page-inner {
    padding-top: 25px;
    padding-bottom: 25px
}

.content-text {
    font: 1.6rem "Open Sans",sans-serif;
    color: #000
}

.content-text h2 {
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 20px
}

.content-text h3 {
    font-weight: 400;
    font-size: 2.2rem;
    color: #000;
    margin-bottom: 15px
}

.content-text p {
    margin-top: 0
}

.content-text img {
    max-width: 100%
}

.content-text ul {
    padding-left: 40px
}

.content-text ul li {
    position: relative
}

.content-text ul li:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 9px;
    left: -12px;
    width: 5px;
    height: 5px;
    background-color: #2c3e50;
    border-radius: 50%
}

.content-text blockquote {
    display: table;
    background-color: #f7f7f7;
    padding: 15px 20px
}

@media screen and (max-width: 1240px) {
    .page-outer .page-inner,.page-outer .title-inner,.title-outer .page-inner,.title-outer .title-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 768px) {
    .title-outer .title-inner {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 599px) {
    .title-outer .title-inner .title {
        font-weight:700;
        font-family: "Open Sans",sans-serif
    }

    .title-outer .title-inner .title span:after,.title-outer .title-inner .title span:before {
        display: none
    }

    .content-text blockquote {
        margin-right: 0;
        margin-left: 0
    }

    .title {
        font-size: 2.2rem
    }

    .title br {
        display: none
    }
}

[class*=form__button] {
    cursor: pointer
}

form {
    display: block;
    width: 100%
}

label {
    font: 1.4rem/1.2em "Open Sans Light",sans-serif;
    color: #000
}

label i {
    font-style: normal;
    font: .9rem FontAwesome;
    color: #ff6969;
    vertical-align: 4px
}

.input-file .input-fake,.input-file-wrapper .input-fake,input,textarea {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #e2ecf2;
    border-radius: 3px;
    font: 1.6rem "Open Sans Light",sans-serif;
    color: #000;
    padding-right: 15px;
    padding-left: 15px
}

.input-file .input-fake::-webkit-input-placeholder,.input-file-wrapper .input-fake::-webkit-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.input-file .input-fake::-moz-placeholder,.input-file-wrapper .input-fake::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.input-file .input-fake:-moz-placeholder,.input-file-wrapper .input-fake:-moz-placeholder,input:-moz-placeholder,textarea:-moz-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.input-file .input-fake:-ms-input-placeholder,.input-file-wrapper .input-fake:-ms-input-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.input-file .input-fake:focus,.input-file-wrapper .input-fake:focus,input:focus,textarea:focus {
    outline: 0
}

textarea {
    height: auto;
    min-height: 150px;
    max-height: 250px;
    resize: vertical;
    padding-top: 5px;
    padding-bottom: 5px
}

button {
    border: 0
}

select {
    width: 100%;
    height: 45px;
    background: #e2ecf2;
    border-radius: 6px;
    font: 1.6rem/1.2em "Open Sans Light",sans-serif;
    color: #000;
    text-align: center;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 40px;
    padding-left: 40px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin: 8px 0
}

.checkbox label,.radio label {
    display: inline-block;
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox .input-file .input-fake[type=checkbox],.checkbox .input-file .input-fake[type=radio],.checkbox .input-file-wrapper .input-fake[type=checkbox],.checkbox .input-file-wrapper .input-fake[type=radio],.checkbox input[type=checkbox],.checkbox input[type=radio],.input-file .checkbox .input-fake[type=checkbox],.input-file .checkbox .input-fake[type=radio],.input-file .radio .input-fake[type=checkbox],.input-file .radio .input-fake[type=radio],.input-file-wrapper .checkbox .input-fake[type=checkbox],.input-file-wrapper .checkbox .input-fake[type=radio],.input-file-wrapper .radio .input-fake[type=checkbox],.input-file-wrapper .radio .input-fake[type=radio],.radio .input-file .input-fake[type=checkbox],.radio .input-file .input-fake[type=radio],.radio .input-file-wrapper .input-fake[type=checkbox],.radio .input-file-wrapper .input-fake[type=radio],.radio input[type=checkbox],.radio input[type=radio] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: auto;
    height: auto
}

.form-group {
    margin-bottom: 15px
}

.form-group .form__string {
    margin-bottom: 0
}

.form-group:last-child {
    margin-bottom: 0
}

.form__label {
    font: bold 1.6rem/1.2em "Open Sans",sans-serif;
    color: #000;
    margin-bottom: 15px
}

.form__string {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.form__string label {
    display: block;
    margin-bottom: 10px;
    text-align: left
}

.form__string .double-inputs:after,.form__string .double-inputs:before {
    content: " ";
    display: table
}

.form__string .double-inputs:after {
    clear: both
}

.form__string .double-inputs .form__string {
    width: 50%;
    float: left
}

.form__string:last-child {
    margin-bottom: 0
}

.form__string.inline label {
    display: inline-block;
    margin: 0 10px 0 0
}

.form__string.inline .input-file .input-fake,.form__string.inline .input-file-wrapper .input-fake,.form__string.inline input,.input-file .form__string.inline .input-fake,.input-file-wrapper .form__string.inline .input-fake {
    display: inline-block;
    width: auto
}

.form__string.required>label:after {
    content: '\f069';
    font-family: FontAwesome;
    font-size: 10px;
    font-style: normal;
    color: #ff6969;
    vertical-align: 4px;
    margin-left: 5px
}

.form__string.captcha {
    text-align: center;
    width: 38%;
    margin-right: 30px
}

.form__string.captcha>* {
    display: inline-block
}

.form__string.has-error .form__string-control {
    border-color: #e52811
}

.form__string-help {
    display: block;
    font: 1.2rem "Open Sans",sans-serif;
    color: #758b91;
    margin: 10px 0 0 0
}

.form__string-warning {
    font: 1.2rem/1em "Open Sans",sans-serif;
    color: #e52811;
    margin: 10px 0 0 0
}

.form__string-children {
    margin-top: 10px
}

.form__string-wrapper {
    margin-bottom: 20px
}

.form__string-wrapper:last-child {
    margin-bottom: 0
}

.form__switcher-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.form__switcher-group>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form__switcher-group>:first-of-type {
    border-radius: 6px 0 0 6px
}

.form__switcher-group>:last-of-type {
    border-radius: 0 6px 6px 0
}

.form__button-switch {
    display: none
}

.form__button-switch:checked+label {
    background-color: #0072ce;
    color: #fff
}

.form__button-switch+label {
    font: 1.6rem/.9em "Open Sans Light",sans-serif;
    color: #a0b5c2;
    text-align: center;
    background-color: #e2ecf2;
    white-space: nowrap;
    padding: 15px 5px 16px;
    margin-bottom: 0;
    cursor: pointer
}

.form__button-end,.form__button-step {
    display: table;
    margin: 67px auto;
    font: bold 1.6rem/.9em "Open Sans",sans-serif;
    color: #fff;
    text-align: center;
    padding: 33px 71px;
    border-radius: 6px
}

.form__button-end {
    line-height: 1.2em;
    padding: 17px 30px
}

.form-footer {
    margin-top: 30px;
    text-align: right
}

.form-section {
    margin-bottom: 20px
}

.form-section__title {
    margin: 0 0 20px 0;
    font: 1.6rem "Open Sans Semibold",sans-serif;
    border-bottom: 1px solid #b3c6d2;
    padding-bottom: 20px
}

.form-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-section__content .form-section__column {
    width: 100%;
    margin-right: 20px
}

.form-section__content .form-section__column:last-child {
    margin-right: 0
}

.select2-container {
    font: 1.6rem/1.2em "Open Sans Light",sans-serif;
    z-index: 998
}

.select2-container .select2-selection--single {
    height: 45px;
    background: #e2ecf2;
    border-radius: 6px;
    padding-top: 10px;
    text-align: center;
    color: #000;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 40px;
    padding-left: 40px
}

.select2-container .select2-selection--single:focus {
    outline: 0!important
}

.select2-container .select2-selection--single .select2-selection__placeholder {
    color: #444
}

.select2-container .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 100%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0
}

.select2-container .select2-selection--single .select2-selection__arrow b:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -5px;
    font: 1.6rem FontAwesome;
    color: #000
}

.select2-container .select2-dropdown {
    background: #0f90e5;
    overflow: hidden;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-file .select2-container .select2-search--dropdown .input-fake,.input-file-wrapper .select2-container .select2-search--dropdown .input-fake,.select2-container .select2-search--dropdown .input-file .input-fake,.select2-container .select2-search--dropdown .input-file-wrapper .input-fake,.select2-container .select2-search--dropdown input {
    height: 45px;
    padding-right: 10px;
    padding-left: 10px;
    font: 1.6rem "Open Sans Light",sans-serif;
    color: #000
}

.select2-container .select2-results__options {
    margin: 0;
    padding: 0;
    font: 1.6rem/1.2em "Open Sans Light",sans-serif;
    color: #fff;
    text-align: center
}

.select2-container .select2-results__options li {
    border-top: 1px solid #047ac7;
    padding: 14px 6px
}

.select2-container .select2-results__options li[aria-selected=true] {
    background: #047ac7
}

.select2-container--open .select2-selection--single {
    background: #2daafc;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.select2-container--open .select2-selection--single .select2-selection__rendered {
    color: #fff
}

.select2-container--open .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #fff
}

.select2-container--open .select2-selection--single .select2-selection__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    color: #fff
}

.chosen-container {
    font: 1.6rem/1.2em "Open Sans Light",sans-serif
}

.chosen-container .chosen-single {
    height: 45px;
    background: #e2ecf2;
    border-radius: 6px;
    padding-top: 10px;
    text-align: center;
    color: #000;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 40px;
    padding-left: 40px
}

.chosen-container .chosen-single div {
    width: 40px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.chosen-container .chosen-single div b {
    position: relative
}

.chosen-container .chosen-single div b:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -5px;
    font: 1.6rem FontAwesome;
    color: #000
}

.chosen-container .chosen-drop {
    background: #0f90e5;
    overflow: hidden;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.chosen-container .chosen-search .input-file .input-fake[type=text],.chosen-container .chosen-search .input-file-wrapper .input-fake[type=text],.chosen-container .chosen-search input[type=text],.input-file .chosen-container .chosen-search .input-fake[type=text],.input-file-wrapper .chosen-container .chosen-search .input-fake[type=text] {
    height: 45px;
    padding-right: 10px;
    padding-left: 10px;
    font: 1.6rem "Open Sans Light",sans-serif;
    color: #000
}

.chosen-container .chosen-results {
    margin: 0;
    padding: 0;
    font: 1.6rem/1.2em "Open Sans Light",sans-serif;
    color: #fff;
    text-align: center
}

.chosen-container .chosen-results li {
    border-top: 1px solid #047ac7;
    padding: 14px 6px
}

.chosen-container .chosen-results li.highlighted {
    background: #047ac7
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: #2daafc;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after {
    color: #fff
}

.form__class-list {
    display: block;
    width: 100%
}

.form__class-list:after {
    content: '';
    display: table;
    clear: both
}

.form__class-list li {
    display: block;
    float: left;
    width: 22.5%;
    margin-right: 3.33333%;
    margin-bottom: 2.77778%
}

.form__class-list li:nth-child(4n+4) {
    margin-right: 0
}

.form__class-list li .input-file .input-fake[type=checkbox],.form__class-list li .input-file .input-fake[type=radio],.form__class-list li .input-file-wrapper .input-fake[type=checkbox],.form__class-list li .input-file-wrapper .input-fake[type=radio],.form__class-list li input[type=checkbox],.form__class-list li input[type=radio],.input-file .form__class-list li .input-fake[type=checkbox],.input-file .form__class-list li .input-fake[type=radio],.input-file-wrapper .form__class-list li .input-fake[type=checkbox],.input-file-wrapper .form__class-list li .input-fake[type=radio] {
    display: none
}

.form__class-list li .input-file .input-fake[type=checkbox]:checked+label,.form__class-list li .input-file .input-fake[type=radio]:checked+label,.form__class-list li .input-file-wrapper .input-fake[type=checkbox]:checked+label,.form__class-list li .input-file-wrapper .input-fake[type=radio]:checked+label,.form__class-list li input[type=checkbox]:checked+label,.form__class-list li input[type=radio]:checked+label,.input-file .form__class-list li .input-fake[type=checkbox]:checked+label,.input-file .form__class-list li .input-fake[type=radio]:checked+label,.input-file-wrapper .form__class-list li .input-fake[type=checkbox]:checked+label,.input-file-wrapper .form__class-list li .input-fake[type=radio]:checked+label {
    background-color: #0072ce;
    font-weight: 700;
    color: #fff
}

.form__class-list li .input-file .input-fake[type=checkbox]+label,.form__class-list li .input-file .input-fake[type=radio]+label,.form__class-list li .input-file-wrapper .input-fake[type=checkbox]+label,.form__class-list li .input-file-wrapper .input-fake[type=radio]+label,.form__class-list li input[type=checkbox]+label,.form__class-list li input[type=radio]+label,.input-file .form__class-list li .input-fake[type=checkbox]+label,.input-file .form__class-list li .input-fake[type=radio]+label,.input-file-wrapper .form__class-list li .input-fake[type=checkbox]+label,.input-file-wrapper .form__class-list li .input-fake[type=radio]+label {
    margin-bottom: 0;
    font: 2.2rem/1em "Open Sans Light",sans-serif;
    color: #000;
    background-color: #e2ecf2;
    width: 100%;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.form__class-list li .input-file .input-fake[type=checkbox]+label:before,.form__class-list li .input-file .input-fake[type=radio]+label:before,.form__class-list li .input-file-wrapper .input-fake[type=checkbox]+label:before,.form__class-list li .input-file-wrapper .input-fake[type=radio]+label:before,.form__class-list li input[type=checkbox]+label:before,.form__class-list li input[type=radio]+label:before,.input-file .form__class-list li .input-fake[type=checkbox]+label:before,.input-file .form__class-list li .input-fake[type=radio]+label:before,.input-file-wrapper .form__class-list li .input-fake[type=checkbox]+label:before,.input-file-wrapper .form__class-list li .input-fake[type=radio]+label:before {
    content: '';
    display: table;
    margin-top: 74.07407%
}

.form__class-list li .input-file .input-fake[type=checkbox]+label span,.form__class-list li .input-file .input-fake[type=radio]+label span,.form__class-list li .input-file-wrapper .input-fake[type=checkbox]+label span,.form__class-list li .input-file-wrapper .input-fake[type=radio]+label span,.form__class-list li input[type=checkbox]+label span,.form__class-list li input[type=radio]+label span,.input-file .form__class-list li .input-fake[type=checkbox]+label span,.input-file .form__class-list li .input-fake[type=radio]+label span,.input-file-wrapper .form__class-list li .input-fake[type=checkbox]+label span,.input-file-wrapper .form__class-list li .input-fake[type=radio]+label span {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.help-block {
    display: block;
    font: 1.2rem "Open Sans",sans-serif;
    color: #758b91;
    margin: 10px 0 0 0
}

.form__upload-photo {
    width: 100%;
    display: block
}

.form__upload-photo:after {
    content: '';
    display: table;
    clear: both
}

.upload-photo__description {
    width: 50%;
    display: block;
    float: left;
    padding-top: 17px
}

.upload-photo__upload {
    width: 50%;
    display: block;
    float: right;
    position: relative;
    text-align: right
}

.upload-photo__upload .__photo {
    display: inline-block;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background-color: #a0b5c2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.input-file .upload-photo__upload .input-fake[type=file],.input-file-wrapper .upload-photo__upload .input-fake[type=file],.upload-photo__upload .input-file .input-fake[type=file],.upload-photo__upload .input-file-wrapper .input-fake[type=file],.upload-photo__upload input[type=file] {
    display: none
}

.input-file .upload-photo__upload .input-fake[type=file]+label,.input-file-wrapper .upload-photo__upload .input-fake[type=file]+label,.upload-photo__upload .input-file .input-fake[type=file]+label,.upload-photo__upload .input-file-wrapper .input-fake[type=file]+label,.upload-photo__upload input[type=file]+label {
    position: absolute;
    z-index: 9;
    bottom: 4px;
    right: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-bottom: 0;
    background-color: #0072ce
}

.input-file .upload-photo__upload .input-fake[type=file]+label:after,.input-file-wrapper .upload-photo__upload .input-fake[type=file]+label:after,.upload-photo__upload .input-file .input-fake[type=file]+label:after,.upload-photo__upload .input-file-wrapper .input-fake[type=file]+label:after,.upload-photo__upload input[type=file]+label:after {
    content: '';
    font: 1.6rem/1em FontAwesome;
    color: #fff
}

.upload-photo__text {
    font: 1.4rem/1.2em "Open Sans Light",sans-serif;
    color: #a7bac6
}

.input-file .input-fake[type=file],.input-file input[type=file],.input-file-wrapper .input-fake[type=file],.input-file-wrapper input[type=file] {
    display: none
}

.input-file .input-fake,.input-file-wrapper .input-fake {
    position: relative;
    font: 1.6rem/1em "Open Sans",sans-serif;
    color: #000;
    text-align: left;
    padding-top: 13px;
    padding-right: 135px;
    white-space: nowrap;
    overflow: hidden;
    background: #fff
}

.input-file .input-fake:after,.input-file-wrapper .input-fake:after {
    content: '';
    display: table;
    clear: both
}

.input-file .input-fake .button,.input-file .input-fake .button-block,.input-file .input-fake .button-radius,.input-file-wrapper .input-fake .button,.input-file-wrapper .input-fake .button-block,.input-file-wrapper .input-fake .button-radius {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%
}

.input-file .input-fake.is-disabled,.input-file-wrapper .input-fake.is-disabled {
    opacity: .7;
    cursor: not-allowed
}

.input-file-wrapper.input-file-image:after,.input-file-wrapper.input-file-image:before,.input-file.input-file-image:after,.input-file.input-file-image:before {
    content: " ";
    display: table
}

.input-file-wrapper.input-file-image:after,.input-file.input-file-image:after {
    clear: both
}

.input-file-wrapper.input-file-image form:after,.input-file-wrapper.input-file-image form:before,.input-file.input-file-image form:after,.input-file.input-file-image form:before {
    content: " ";
    display: table
}

.input-file-wrapper.input-file-image form:after,.input-file.input-file-image form:after {
    clear: both
}

.input-file-wrapper.input-file-image .input-file__preview,.input-file.input-file-image .input-file__preview {
    width: 150px;
    height: 150px;
    float: left;
    background-color: #e2ecf2;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.input-file-wrapper.input-file-image .input-file__form,.input-file.input-file-image .input-file__form {
    width: calc(100% - 150px);
    float: left;
    padding-left: 20px
}

.progress-bar {
    display: block;
    height: 10px;
    margin: 20px 0;
    position: relative;
    background: #555;
    border-radius: 10px;
    overflow: hidden
}

.progress-bar .progress-bar__line {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 10px;
    background-color: #0072ce;
    position: relative;
    overflow: hidden
}

.progress-bar .progress-bar__label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff
}

@media screen and (max-width: 999px) {
    .lk-panel__right .form__button-end,.lk-panel__right .form__button-step {
        margin-top:30px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .form__button-end,.form__button-step {
        margin-top:40px;
        margin-bottom: 40px
    }

    .form-section__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-section__column {
        margin-right: 0;
        margin-bottom: 15px
    }
}

.owl-carousel {
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity ease-in .2s;
    -o-transition: opacity ease-in .2s;
    transition: opacity ease-in .2s
}

.owl-carousel.owl-loaded {
    opacity: 1;
    height: auto!important;
    overflow: visible
}

.owl-carousel .owl-dots {
    text-align: center
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #758b91
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: #0072ce
}

.owl-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.owl-carousel .owl-dots .owl-dot:focus {
    outline: 0
}

.owl-carousel .owl-nav {
    text-align: center;
    padding: 20px 0
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
    background: #eee;
    text-align: center;
    border-radius: 4px;
    margin: 0 5px
}

.owl-carousel .owl-nav button.owl-next:before,.owl-carousel .owl-nav button.owl-prev:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    font: 14px FontAwesome;
    line-height: 30px
}

.owl-carousel .owl-nav button.owl-next:focus,.owl-carousel .owl-nav button.owl-prev:focus {
    outline: 0
}

.owl-carousel .owl-nav button.owl-next:before {
    content: '\f054'
}

.owl-carousel .owl-nav button.owl-prev:before {
    content: '\f053'
}

#growls-default .growl {
    color: #fff
}

#growls-default .growl-error {
    background-color: #ea503f
}

#growls-default .growl-warning {
    background-color: #fb9003
}

#growls-default .growl-bilimland,#growls-default .growl-default,#growls-default .growl-message.growl {
    background-color: #0072ce
}

#growls-default .growl-itest {
    background-color: #2daafc
}

#growls-default .growl-close {
    font-size: 22px
}

.plyr-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ecf0f1
}

.plyr-wrapper .plyr {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.plyr-wrapper.has-control .plyr__controls {
    padding-left: 0
}

.plyr-wrapper.has-control .plyr__controls .plyr__control[data-plyr=play] {
    position: relative;
    left: -32px
}

.plyr-extensions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 19px;
    color: #4a5663;
    width: 74px;
    padding-left: 10px
}

.plyr-extensions .plyr__control {
    width: 32px;
    height: 32px
}

.plyr-extensions .plyr__control:hover {
    background: #0072ce;
    color: #fff
}

.plyr-extensions .plyr__control-play {
    display: inline-block;
    width: 32px;
    height: 32px
}

.plyr-extensions .plyr__control#next-btn {
    position: relative;
    right: -32px;
    z-index: 1
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #0072ce
}

.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
    background: #0072ce;
    color: #fff
}

.form__study-subject-list .plyr--full-ui li[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.input-file .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.input-file-wrapper .plyr--full-ui .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui .form__study-subject-list li[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui .input-file .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui .input-file-wrapper .input-fake[type=range].plyr__tab-focus::-webkit-slider-runnable-track,.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    -webkit-box-shadow: 0 0 0 5px rgba(41,174,96,.5);
    box-shadow: 0 0 0 5px rgba(41,174,96,.5)
}

.input-file .plyr--full-ui .input-fake[type=range],.input-file-wrapper .plyr--full-ui .input-fake[type=range],.plyr--full-ui .input-file .input-fake[type=range],.plyr--full-ui .input-file-wrapper .input-fake[type=range],.plyr--full-ui input[type=range] {
    color: #0072ce
}

.plyr__control.plyr__tab-focus {
    -webkit-box-shadow: 0 0 0 5px rgba(41,174,96,.5);
    box-shadow: 0 0 0 5px rgba(41,174,96,.5)
}

.plyr-playlist {
    width: 100%;
    list-style: none;
    padding: 0;
    font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: .95;
    color: #565d64
}

.plyr-playlist li {
    margin: 0;
    cursor: pointer;
    padding: 15px 10px;
    background: #fff;
    border: 1px solid #ecf0f1;
    border-top: none;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.plyr-playlist li:first-child {
    border-top: 1px solid #ecf0f1
}

.plyr-playlist li:hover {
    background-color: #ecf0f1
}

.plyr-playlist li.active {
    background-color: #ecf0f1;
    color: #565d64
}

.header-outer {
    position: relative;
    z-index: 999;
    -webkit-transition: -webkit-filter .3s ease-in;
    transition: -webkit-filter .3s ease-in;
    -o-transition: filter .3s ease-in;
    transition: filter .3s ease-in;
    transition: filter .3s ease-in,-webkit-filter .3s ease-in
}

.header-top {
    display: block;
    width: 100%
}

.header-top .header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px
}

.header-top .header-inner .header__telephone {
    margin-right: 20px;
    float: left
}

.header-top .header-inner .header__feedback {
    float: left
}

.header-top__left {
    padding-left: 130px
}

.header-top__right .header__form-search,.header-top__right .header__language-switch {
    display: inline-block;
    vertical-align: middle
}

.header-top__right .header__form-search .form-search_input {
    height: 43px
}

.header-bottom {
    background-color: #0072ce;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2);
    box-shadow: 0 3px 7px rgba(0,0,0,.2);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header-bottom.is-fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%
}

.header-bottom.is-fixed .logotype {
    min-width: 103px;
    padding-top: 10px
}

.header-bottom.is-fixed .logotype img.standart {
    display: none
}

.header-bottom.is-fixed .logotype img.fixed {
    display: block;
    margin-top: 0
}

.header-bottom.is-fixed .header-bottom__right .header__form-search {
    display: block
}

.header-bottom.is-fixed .header-bottom__right .alarm-notify {
    top: 50%;
    margin-top: -12px;
    -webkit-transition: top .2s ease-in;
    -o-transition: top .2s ease-in;
    transition: top .2s ease-in
}

.header-bottom.is-fixed ul.nav-menu li.is-new span.new {
    left: 75px;
    display: none
}

.header-bottom .header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.header-bottom__left,.header-bottom__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-bottom__left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-bottom__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-bottom__right .header__form-search {
    display: none
}

.header-bottom__right .header__form-search .form-search_input {
    height: 50px;
    border: none;
    border-radius: 0
}

.header-bottom__right .header__form-search .form-search__button {
    width: 64px;
    border-radius: 0
}

.header-bottom__right .header__form-search .header__form-search-button {
    padding-top: 14px;
    width: 64px;
    height: 50px;
    background: 0 0
}

.header-bottom__right .header__form-search .header__form-search-button:after {
    color: #fff
}

.header__telephone {
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    font-size: 2rem;
    color: #0072ce;
    white-space: nowrap;
    position: relative;
    padding-left: 48px
}

.header__telephone:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -20px;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(/images/tel-circle-green-big.png);
    background-size: 40px 40px
}

.header__telephone a {
    display: block;
    color: #0072ce
}

.header__telephone a i {
    font-style: normal;
    font-weight: 400;
    margin-right: 5px
}

.header__feedback {
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    font-size: 1.8rem;
    color: #0072ce;
    white-space: nowrap;
    position: relative;
    padding: 2px 0 2px 35px
}

.header__feedback:before {
    content: '\f003';
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    font-family: FontAwesome;
    font-size: 25px;
    text-align: center;
    border-radius: 50%
}

.header__feedback a {
    display: block;
    color: #0072ce
}

.header__form-search {
    position: relative
}

.header__form-search .form-search {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    height: 100%;
    display: block;
    width: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: width .2s ease-in,opacity .2s ease-in;
    -o-transition: width .2s ease-in,opacity .2s ease-in;
    transition: width .2s ease-in,opacity .2s ease-in
}

.header__form-search .form-search.is-active {
    width: 300px;
    opacity: 1;
    -webkit-transition: width .2s ease-in,opacity .2s ease-in;
    -o-transition: width .2s ease-in,opacity .2s ease-in;
    transition: width .2s ease-in,opacity .2s ease-in
}

.header__form-search .form-search.is-empty {
    z-index: 500
}

.header__form-search-button {
    display: block;
    width: 43px;
    height: 43px;
    background-color: #e8f1f7;
    border-radius: 3px;
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.header__form-search-button:hover {
    background-color: #d5e5f0;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.header__form-search-button:after {
    content: '\f002';
    display: block;
    font: 2.2rem FontAwesome;
    color: #0072ce
}

.header__form-search-button.is-active {
    position: relative;
    z-index: 9;
    background-color: #0072ce;
    border-radius: 0 3px 3px 0
}

.header__form-search-button.is-active:after {
    color: #fff
}

.logotype {
    display: block;
    float: left;
    height: 50px;
    position: relative;
    z-index: 10
}

.logotype embed,.logotype img {
    max-width: 102px;
    margin-top: -52px
}

.logotype embed.standart,.logotype img.standart {
    display: block
}

.logotype embed.fixed,.logotype img.fixed {
    display: none
}

.language-switch {
    display: inline-block;
    font: 16px "Open Sans",sans-serif;
    color: #000;
    position: relative
}

.language-switch__list {
    display: none;
    min-width: 100%;
    background-color: #ecf0f1;
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    border-radius: 0 0 3px 3px;
    overflow: hidden
}

.language-switch__list li a {
    display: block;
    padding: 11px 15px 11px 56px;
    color: #848f99;
    background-color: #e8f1f7;
    -webkit-transition: background-color .2s ease-in,color .2s ease-in;
    -o-transition: background-color .2s ease-in,color .2s ease-in;
    transition: background-color .2s ease-in,color .2s ease-in
}

.language-switch__list li a:hover {
    background-color: #d5e5f0;
    color: #000;
    -webkit-transition: background-color .2s ease-in,color .2s ease-in;
    -o-transition: background-color .2s ease-in,color .2s ease-in;
    transition: background-color .2s ease-in,color .2s ease-in
}

.language-switch__current {
    padding: 11px 46px 11px 10px;
    border-radius: 3px;
    background-color: #e8f1f7;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.language-switch__current:hover {
    background-color: #d5e5f0;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.language-switch__current[data-lang] {
    padding-left: 56px
}

.language-switch__current.is-active {
    border-radius: 3px 3px 0 0
}

.language-switch__current span {
    position: relative
}

.language-switch__current span:after {
    content: '';
    position: absolute;
    z-index: 9;
    top: 10px;
    right: -31px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #000 transparent transparent transparent
}

[data-lang] {
    padding-left: 44px;
    position: relative;
    cursor: pointer
}

[data-lang]:before {
    content: '';
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -16px;
    left: 10px
}

[data-lang=ru]:before {
    background-image: url(sprite_flags.png);
    background-position: 0 -37px;
    width: 32px;
    height: 32px
}

[data-lang=kk]:before {
    background-image: url(sprite_flags.png);
    background-position: -37px 0;
    width: 32px;
    height: 32px
}

[data-lang=en]:before {
    background-image: url(sprite_flags.png);
    background-position: 0 0;
    width: 32px;
    height: 32px
}

[data-lang=uz]:before {
    background-image: url(sprite_flags.png);
    background-position: -37px 32px;
    width: 32px;
    height: 32px
}

.nav-menu {
    display: block;
    float: left;
    font-size: 0;
    position: relative;
    z-index: 10
}

.nav-menu>li.is-active>a span,.nav-menu>li:hover>a span {
    border-bottom: 1px solid #fcfcfc
}

.nav-menu li {
    word-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    font: 1.6rem "Open Sans",sans-serif;
    color: #fff
}

.nav-menu li:last-child {
    margin-right: 0
}

.nav-menu li.nav-menu__dropmenu {
    position: relative;
    cursor: pointer;
    padding-right: 30px
}

.nav-menu li.nav-menu__dropmenu.is-active {
    background-color: #085836
}

.nav-menu li.nav-menu__dropmenu.is-active a,.nav-menu li.nav-menu__dropmenu.is-active span {
    color: #fff
}

.nav-menu li.nav-menu__dropmenu.is-active a:after,.nav-menu li.nav-menu__dropmenu.is-active span:after {
    top: 8px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .1s ease-in;
    transition: -webkit-transform .1s ease-in;
    -o-transition: transform .1s ease-in;
    transition: transform .1s ease-in;
    transition: transform .1s ease-in,-webkit-transform .1s ease-in
}

.nav-menu li.nav-menu__dropmenu>a,.nav-menu li.nav-menu__dropmenu>span {
    position: relative
}

.nav-menu li.nav-menu__dropmenu>a:after,.nav-menu li.nav-menu__dropmenu>span:after {
    content: '';
    position: absolute;
    top: 2px;
    right: -18px;
    display: block;
    font: 1.8rem FontAwesome;
    color: #fff;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .1s ease-in;
    transition: -webkit-transform .1s ease-in;
    -o-transition: transform .1s ease-in;
    transition: transform .1s ease-in;
    transition: transform .1s ease-in,-webkit-transform .1s ease-in
}

.nav-menu li.is-special {
    background-color: #07609b;
    position: relative
}

.nav-menu li.is-special:hover a,.nav-menu li.is-special:hover span {
    background-color: #07609b
}

.nav-menu li.is-special:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    display: block;
    font: 1.7rem/1em FontAwesome;
    color: #fff
}

.nav-menu li.is-pulse {
    background-color: #0072ce
}

.nav-menu li.is-new {
    position: relative
}

.nav-menu li.is-new span.new {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 1.4rem;
    color: #fff;
    background: #e55050;
    border-radius: 30px;
    padding: 3px 8px;
    line-height: 1;
    text-transform: lowercase
}

.nav-menu li a {
    color: #fff;
    padding: 13px 16px;
    display: inline-block
}

.header__nav-menu>li {
    margin-bottom: -1px
}

.nav-menu__submenu,.nav-menu__submenu-wrapper {
    display: none;
    min-width: 250px;
    position: absolute;
    z-index: 9;
    width: auto;
    background-color: rgba(7,79,37,.9);
    overflow-x: visible
}

.nav-menu__submenu ul,.nav-menu__submenu-wrapper ul {
    display: block;
    width: 100%
}

.nav-menu__submenu ul li,.nav-menu__submenu-wrapper ul li {
    display: block;
    padding: 0
}

.nav-menu__submenu ul li.is-active>a,.nav-menu__submenu ul li.is-active>span,.nav-menu__submenu ul li:hover>a,.nav-menu__submenu ul li:hover>span,.nav-menu__submenu-wrapper ul li.is-active>a,.nav-menu__submenu-wrapper ul li.is-active>span,.nav-menu__submenu-wrapper ul li:hover>a,.nav-menu__submenu-wrapper ul li:hover>span {
    background-color: #0072ce
}

.nav-menu__submenu ul li:last-child,.nav-menu__submenu-wrapper ul li:last-child {
    margin-bottom: 0
}

.nav-menu__submenu ul li a,.nav-menu__submenu ul li span,.nav-menu__submenu-wrapper ul li a,.nav-menu__submenu-wrapper ul li span {
    display: block;
    padding-top: 5px;
    padding-bottom: 6px;
    color: #fff;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.nav-menu__submenu-wrapper {
    overflow: hidden;
    display: none;
    width: 100%;
    max-width: 320px;
    font-size: 0;
    white-space: nowrap;
    background-color: rgba(0,57,24,.9);
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in,-webkit-transform .3s ease-in
}

.nav-menu__submenu-wrapper.__show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in,-webkit-transform .3s ease-in
}

.nav-menu__submenu-wrapper.__hide {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in,-webkit-transform .3s ease-in
}

.nav-menu__submenu {
    top: 100%;
    left: 0
}

.nav-menu__submenu ul>li>a {
    padding-right: 15px;
    padding-left: 15px
}

.nav-menu__submenu-column {
    width: 50%;
    min-width: 310px;
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.nav-menu__submenu-column:nth-child(even) {
    border-left: 1px solid #0072ce
}

.nav-menu__submenu-column ul li {
    font: 1.7rem "Open Sans",sans-serif
}

.nav-menu__submenu-column ul li a,.nav-menu__submenu-column ul li span {
    display: block;
    padding: 5px 15px 6px 20px;
    color: #fff;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.login-panel {
    text-align: left;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px
}

.login-panel__link,.login-panel__menu {
    padding: 14px 20px 13px;
    color: #fff;
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    background-color: #0f90e5
}

.login-panel__link.is-active,.login-panel__menu.is-active {
    background-color: rgba(0,69,117,.9);
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.login-panel__link i,.login-panel__link span,.login-panel__menu i,.login-panel__menu span {
    display: inline-block;
    vertical-align: middle
}

.login-panel__link i,.login-panel__menu i {
    font-style: normal;
    font: 2.2rem FontAwesome;
    margin-right: 20px
}

.login-panel__link span,.login-panel__menu span {
    font: 1.6rem "Open Sans",sans-serif
}

.login-panel__link--login,.login-panel__menu--login {
    background-color: #0f90e5;
    border: 1px solid #0f90e5
}

.login-panel__link--register,.login-panel__menu--register {
    background-color: #e2005e;
    border: 1px solid #e2005e
}

.login-panel__form-auth,.login-panel__form-recovery,.login-panel__form-reg {
    display: none;
    width: auto!important;
    position: absolute;
    z-index: 98;
    top: 100%;
    right: 0;
    padding: 20px;
    cursor: default;
    background-color: rgba(0,69,117,.9)
}

.login-panel__form-auth .form__string,.login-panel__form-recovery .form__string,.login-panel__form-reg .form__string {
    position: relative
}

.login-panel__form-auth .form__string.__login:after,.login-panel__form-auth .form__string.__password:after,.login-panel__form-recovery .form__string.__login:after,.login-panel__form-recovery .form__string.__password:after,.login-panel__form-reg .form__string.__login:after,.login-panel__form-reg .form__string.__password:after {
    content: '';
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    display: block
}

.input-file .login-panel__form-auth .form__string .input-fake,.input-file .login-panel__form-recovery .form__string .input-fake,.input-file .login-panel__form-reg .form__string .input-fake,.input-file-wrapper .login-panel__form-auth .form__string .input-fake,.input-file-wrapper .login-panel__form-recovery .form__string .input-fake,.input-file-wrapper .login-panel__form-reg .form__string .input-fake,.login-panel__form-auth .form__string .input-file .input-fake,.login-panel__form-auth .form__string .input-file-wrapper .input-fake,.login-panel__form-auth .form__string input,.login-panel__form-recovery .form__string .input-file .input-fake,.login-panel__form-recovery .form__string .input-file-wrapper .input-fake,.login-panel__form-recovery .form__string input,.login-panel__form-reg .form__string .input-file .input-fake,.login-panel__form-reg .form__string .input-file-wrapper .input-fake,.login-panel__form-reg .form__string input {
    width: 100%;
    min-width: 280px;
    height: 45px;
    border: 0;
    background-color: #fff;
    font: 1.4rem "Open Sans",sans-serif;
    color: #000;
    padding-right: 35px;
    padding-left: 15px
}

.login-panel__form-auth .form__string .button,.login-panel__form-auth .form__string .button-block,.login-panel__form-auth .form__string .button-radius,.login-panel__form-recovery .form__string .button,.login-panel__form-recovery .form__string .button-block,.login-panel__form-recovery .form__string .button-radius,.login-panel__form-reg .form__string .button,.login-panel__form-reg .form__string .button-block,.login-panel__form-reg .form__string .button-radius {
    width: 100%
}

.login-panel__form-auth .form__line,.login-panel__form-recovery .form__line,.login-panel__form-reg .form__line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.input-file .login-panel__form-auth .form__checkbox .input-fake[type=checkbox],.input-file .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox],.input-file .login-panel__form-reg .form__checkbox .input-fake[type=checkbox],.input-file-wrapper .login-panel__form-auth .form__checkbox .input-fake[type=checkbox],.input-file-wrapper .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox],.input-file-wrapper .login-panel__form-reg .form__checkbox .input-fake[type=checkbox],.login-panel__form-auth .form__checkbox .input-file .input-fake[type=checkbox],.login-panel__form-auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox],.login-panel__form-auth .form__checkbox input[type=checkbox],.login-panel__form-recovery .form__checkbox .input-file .input-fake[type=checkbox],.login-panel__form-recovery .form__checkbox .input-file-wrapper .input-fake[type=checkbox],.login-panel__form-recovery .form__checkbox input[type=checkbox],.login-panel__form-reg .form__checkbox .input-file .input-fake[type=checkbox],.login-panel__form-reg .form__checkbox .input-file-wrapper .input-fake[type=checkbox],.login-panel__form-reg .form__checkbox input[type=checkbox] {
    display: none
}

.input-file .login-panel__form-auth .form__checkbox .input-fake[type=checkbox]:checked+label:before,.input-file .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox]:checked+label:before,.input-file .login-panel__form-reg .form__checkbox .input-fake[type=checkbox]:checked+label:before,.input-file-wrapper .login-panel__form-auth .form__checkbox .input-fake[type=checkbox]:checked+label:before,.input-file-wrapper .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox]:checked+label:before,.input-file-wrapper .login-panel__form-reg .form__checkbox .input-fake[type=checkbox]:checked+label:before,.login-panel__form-auth .form__checkbox .input-file .input-fake[type=checkbox]:checked+label:before,.login-panel__form-auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox]:checked+label:before,.login-panel__form-auth .form__checkbox input[type=checkbox]:checked+label:before,.login-panel__form-recovery .form__checkbox .input-file .input-fake[type=checkbox]:checked+label:before,.login-panel__form-recovery .form__checkbox .input-file-wrapper .input-fake[type=checkbox]:checked+label:before,.login-panel__form-recovery .form__checkbox input[type=checkbox]:checked+label:before,.login-panel__form-reg .form__checkbox .input-file .input-fake[type=checkbox]:checked+label:before,.login-panel__form-reg .form__checkbox .input-file-wrapper .input-fake[type=checkbox]:checked+label:before,.login-panel__form-reg .form__checkbox input[type=checkbox]:checked+label:before {
    content: "\f046"
}

.input-file .login-panel__form-auth .form__checkbox .input-fake[type=checkbox]+label,.input-file .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox]+label,.input-file .login-panel__form-reg .form__checkbox .input-fake[type=checkbox]+label,.input-file-wrapper .login-panel__form-auth .form__checkbox .input-fake[type=checkbox]+label,.input-file-wrapper .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox]+label,.input-file-wrapper .login-panel__form-reg .form__checkbox .input-fake[type=checkbox]+label,.login-panel__form-auth .form__checkbox .input-file .input-fake[type=checkbox]+label,.login-panel__form-auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label,.login-panel__form-auth .form__checkbox input[type=checkbox]+label,.login-panel__form-recovery .form__checkbox .input-file .input-fake[type=checkbox]+label,.login-panel__form-recovery .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label,.login-panel__form-recovery .form__checkbox input[type=checkbox]+label,.login-panel__form-reg .form__checkbox .input-file .input-fake[type=checkbox]+label,.login-panel__form-reg .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label,.login-panel__form-reg .form__checkbox input[type=checkbox]+label {
    padding-left: 20px;
    position: relative;
    font: 1.5rem "Open Sans",sans-serif;
    color: #fff;
    cursor: pointer
}

.input-file .login-panel__form-auth .form__checkbox .input-fake[type=checkbox]+label:before,.input-file .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox]+label:before,.input-file .login-panel__form-reg .form__checkbox .input-fake[type=checkbox]+label:before,.input-file-wrapper .login-panel__form-auth .form__checkbox .input-fake[type=checkbox]+label:before,.input-file-wrapper .login-panel__form-recovery .form__checkbox .input-fake[type=checkbox]+label:before,.input-file-wrapper .login-panel__form-reg .form__checkbox .input-fake[type=checkbox]+label:before,.login-panel__form-auth .form__checkbox .input-file .input-fake[type=checkbox]+label:before,.login-panel__form-auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label:before,.login-panel__form-auth .form__checkbox input[type=checkbox]+label:before,.login-panel__form-recovery .form__checkbox .input-file .input-fake[type=checkbox]+label:before,.login-panel__form-recovery .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label:before,.login-panel__form-recovery .form__checkbox input[type=checkbox]+label:before,.login-panel__form-reg .form__checkbox .input-file .input-fake[type=checkbox]+label:before,.login-panel__form-reg .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label:before,.login-panel__form-reg .form__checkbox input[type=checkbox]+label:before {
    content: "\f096";
    position: absolute;
    z-index: 9;
    top: 4px;
    left: 0;
    display: block;
    font: 1.5rem FontAwesome;
    color: #fff
}

.login-panel__form-auth .form__link,.login-panel__form-recovery .form__link,.login-panel__form-reg .form__link {
    font: 1.5rem "Open Sans",sans-serif;
    color: #fff;
    padding-left: 20px;
    text-align: right
}

.login-panel__form-auth .form__link a,.login-panel__form-recovery .form__link a,.login-panel__form-reg .form__link a {
    color: #fff
}

.login-panel__form-auth .form__link a:hover,.login-panel__form-recovery .form__link a:hover,.login-panel__form-reg .form__link a:hover {
    border-bottom: 1px solid #fcfcfc
}

.login-panel__form-auth .recovery_hint,.login-panel__form-recovery .recovery_hint,.login-panel__form-reg .recovery_hint {
    color: #fff;
    line-height: 1.5;
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 10px
}

.login-panel__user-menu {
    display: none;
    position: absolute;
    z-index: 98;
    top: 100%;
    right: 0;
    background-color: rgba(0,69,117,.9);
    white-space: nowrap;
    min-width: 100%
}

.login-panel__user-menu a {
    display: block;
    width: 100%;
    padding: 10px 20px;
    font: 1.5rem "Open Sans",sans-serif;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #0b79c0;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.login-panel__user-menu a:hover {
    background-color: rgba(255,255,255,.1);
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.login-panel__user-menu a:last-child {
    border-bottom: 0
}

.device-menu__login-switcher,.device-menu__switcher {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 60px
}

.device-menu__login-switcher:after,.device-menu__switcher:after {
    content: '';
    font: 4.2rem/1em FontAwesome;
    color: #fff
}

.device-logotype {
    display: none
}

.device-menu__login-switcher:after {
    content: ''
}

.header-title-outer {
    width: 100%;
    min-height: 120px;
    background-color: transparent;
    background-repeat: repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url(header_title_bg.png);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: table
}

.header-title-outer.long-title h1,.header-title-outer.long-title span {
    font-size: 2.4rem;
    line-height: 1.2em
}

.header-title-outer .header-title-inner {
    display: block;
    vertical-align: middle;
    padding: 35px 15px;
    width: 100%;
    max-width: 937px;
    margin: 0 auto
}

.header-title-outer h1,.header-title-outer span {
    margin: 0;
    padding: 0;
    font: 3.6rem "Open Sans Light",sans-serif
}

.header-title-outer h1 i,.header-title-outer span i {
    text-transform: lowercase
}

.header-banner .header-banner__image {
    height: 560px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.header-banner+.header-title-outer {
    display: none
}

@media screen and (max-width: 1240px) {
    .header-top .header-inner {
        padding-right:20px;
        padding-left: 20px
    }

    .header-bottom.is-fixed .logotype {
        min-width: 75px
    }

    .header-bottom.is-fixed .login-panel {
        min-width: 50px
    }

    .header-bottom.is-fixed .login-panel .login-panel__enter i {
        margin-right: 0
    }

    .header-bottom .login-panel .login-panel__enter span {
        width: 100%;
        overflow: hidden
    }

    .header-bottom .header-inner {
        padding-left: 20px;
        padding-right: 20px
    }

    .nav-menu li a {
        padding: 13px 12px
    }
}

@media screen and (max-width: 1115px) {
    .login-panel__enter {
        padding:13px 10px 14px
    }

    .nav-menu li {
        font-size: 1.5rem
    }

    .nav-menu li a {
        padding: 13px 7px
    }

    .header-bottom.is-fixed .logotype {
        min-width: 75px
    }
}

@media screen and (max-width: 999px) {
    .main-content__top-wrapper {
        padding-top:60px
    }

    .header-bottom__wrapper {
        display: none
    }

    .header-bottom {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%
    }

    .header-bottom.is-fixed .header-bottom__right .header__form-search {
        display: none
    }

    .header-bottom .header-inner {
        padding-left: 0;
        padding-right: 0
    }

    .header-bottom__right .header__form-search {
        display: none
    }

    .header-title-outer {
        min-height: auto
    }

    .header-title-outer .header-title-inner {
        padding: 25px 15px
    }

    .header-title-outer h1 {
        font-size: 3.2rem
    }

    .header-banner {
        display: none
    }

    .header-banner+.header-title-outer {
        display: block
    }

    .device-menu__login-switcher,.device-menu__switcher {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .device-logotype {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 124px;
        height: 60px
    }

    .header-top,.login-panel,.logotype,.nav-menu {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .header-title-outer .header-title-inner {
        padding:20px 15px
    }

    .header-title-outer h1 {
        font-size: 3rem
    }
}

@media screen and (max-width: 599px) {
    .header-title-outer.long-title h1,.header-title-outer.long-title span {
        font-size:2rem
    }

    .header-title-outer h1 {
        font-size: 2.4rem
    }

    .header-title-outer .header-title-inner {
        padding: 15px
    }
}

@media screen and (max-width: 420px) {
    .header-title-outer.long-title h1 {
        font-size:1.8rem
    }

    .header-title-outer h1 {
        font-size: 2.2rem
    }
}

.footer-top {
    background-color: #0072ce
}

.footer-top .footer-inner {
    padding-top: 28px;
    padding-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-bottom {
    background-color: #133c58
}

.footer-bottom .footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 25px
}

.footer__logotype {
    margin-right: 20px;
    max-width: 150px
}

.footer__logotype img {
    width: 80%
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__menu-col {
    margin-right: 10rem
}

.footer__menu-col:last-of-type {
    margin-right: 0
}

.footer__menu-list {
    display: block
}

.footer__menu-list li {
    display: block;
    vertical-align: middle;
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #fff;
    margin-bottom: 10px
}

.footer__menu-list li:last-child {
    margin-bottom: 0
}

.footer__menu-list li a {
    color: #fff
}

.footer__menu-list li a:hover {
    border-bottom: 1px solid #fcfcfc
}

.footer__menu-title {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
    font-family: "Open Sans Semibold",sans-serif;
    display: block
}

.footer__copyright {
    margin-right: 3rem;
    font: 1.4rem "Open Sans",sans-serif;
    color: #fff;
    min-width: 210px
}

.footer__group-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 50px;
    width: 100%
}

.footer__award-block {
    position: relative;
    display: block;
    width: 112px;
    height: 20px;
    margin-right: 15px
}

.footer__award-block:last-child {
    margin-right: 0
}

.footer__award-block img {
    position: absolute;
    bottom: 0
}

.footer__social {
    min-width: 170px
}

.footer__social:after {
    content: '';
    display: table;
    clear: both
}

.footer__social li {
    display: block;
    float: left;
    margin-right: 10px
}

.footer__social li:last-child {
    margin-right: 0
}

.footer__social li a {
    display: block
}

.footer__social li.social-list__twitter a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #fff;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__twitter a:hover:after {
    color: #00aced;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__odnoklassniki a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #fff;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__odnoklassniki a:hover:after {
    color: #ed812b;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__google a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #fff;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__google a:hover:after {
    color: #dd4b39;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__vkontakte a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #fff;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__vkontakte a:hover:after {
    color: #45668e;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__facebook a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #fff;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__facebook a:hover:after {
    color: #3b5998;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__instagram a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #fff;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__instagram a:hover:after {
    color: #517fa4;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__youtube a:after {
    content: "";
    font: 3.5rem/1em icomoon;
    color: #fff;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__social li.social-list__youtube a:hover:after {
    color: #b00;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.footer__counters {
    min-width: 200px;
    text-align: right;
    margin-left: 10px
}

@media screen and (max-width: 1240px) {
    .footer-bottom .footer-inner,.footer-top .footer-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 1199px) {
    .footer__award-block {
        height:auto
    }

    .footer__award-block img {
        position: relative
    }
}

@media screen and (max-width: 920px) {
    .footer-bottom .footer-inner {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__group-wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0
    }

    .footer__group-wrapper .footer__award-block {
        margin: 0 15px
    }

    .footer__social {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 20px;
        text-align: center
    }

    .footer__social li {
        display: inline-block;
        margin: 0 5px;
        float: none
    }

    .footer__copyright {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0 0;
        text-align: center
    }

    .footer__counters {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin: 20px 0 0 0
    }
}

@media screen and (max-width: 768px) {
    .footer-top .footer-inner {
        display:block
    }

    .footer__logotype {
        display: none;
        margin-bottom: 20px;
        text-align: center
    }

    .footer__menu-col {
        margin-right: 5rem
    }
}

@media screen and (max-width: 480px) {
    .footer__menu {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__menu-col {
        margin-right: 0;
        text-align: center
    }

    .footer__menu-col:last-child .footer__menu-list {
        margin-bottom: 0
    }

    .footer__menu-list {
        margin-bottom: 2.5rem
    }

    .footer__menu-list li {
        display: inline-block;
        margin-bottom: 0
    }

    .footer__menu-list li a {
        margin-right: .5rem
    }

    .footer__menu-list li a:after {
        content: '|';
        margin-left: .5rem;
        color: #fff;
        display: inline-block;
        vertical-align: middle
    }

    .footer__menu-list li:last-of-type a:after {
        display: none
    }
}

.breadcrumbs-outer {
    width: 100%;
    min-width: 320px
}

.breadcrumbs-outer .breadcrumbs-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 0
}

ul.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    font: 1.4rem "Open Sans",sans-serif;
    color: #0072ce;
    position: relative;
    margin-right: 34px
}

ul.breadcrumbs li:last-child {
    margin-right: 0;
    color: #333
}

ul.breadcrumbs li:last-child:after {
    display: none
}

ul.breadcrumbs li:last-child a {
    color: #333
}

ul.breadcrumbs li:last-child a:hover {
    border-bottom: 0
}

ul.breadcrumbs li.home a:before {
    content: '\f015';
    font: 2.4rem/1em FontAwesome;
    color: #0072ce
}

ul.breadcrumbs li.home a:hover {
    border-bottom: 0
}

ul.breadcrumbs li:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -4px;
    right: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 5px;
    border-color: transparent transparent transparent #0072ce
}

ul.breadcrumbs li a {
    color: #0072ce
}

ul.breadcrumbs li a:hover {
    border-bottom: 1px solid #0075d3
}

ul.breadcrumbs li span {
    color: #666
}

@media screen and (max-width: 1240px) {
    .breadcrumbs-outer .breadcrumbs-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 768px) {
    .breadcrumbs-wrapper {
        position:relative;
        padding-bottom: 10px;
        overflow: auto
    }

    .breadcrumbs-wrapper ul.breadcrumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .breadcrumbs-wrapper ul.breadcrumbs li {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.media-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.media-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.media-block:hover .media-block__video:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.media-block__bottom,.media-block__wrapper {
    display: block;
    width: 100%
}

.media-block__bottom {
    border-top: 1px solid #d7dde1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 20px
}

.media-block__video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 240px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.media-block__video:after {
    content: '';
    display: block;
    width: 118px;
    height: 118px;
    background: url(/images/play.png) no-repeat center center/contain;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.media-block__description {
    font: 2.2rem "Open Sans",sans-serif;
    color: #000;
    text-align: center;
    padding: 13px 40px
}

.media-block__viewed {
    display: block;
    font: 1.4rem "Open Sans",sans-serif;
    color: #d7dde1;
    padding-left: 28px;
    position: relative
}

.media-block__viewed:before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: '';
    font: 1.8rem FontAwesome;
    color: #d7dde1
}

@media screen and (max-width: 999px) {
    .media-block__video:after {
        width:80px;
        height: 80px
    }

    .media-block__description {
        font-size: 1.8rem;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 599px) {
    .media-block__video {
        height:200px
    }
}

.study-additional-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.study-additional-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.study-additional-block.bilimland .study-additional-block__button {
    background-color: #25b468
}

.study-additional-block.bilimland .study-additional-block__button:hover {
    background-color: #29c974
}

.study-additional-block.itest .study-additional-block__button {
    background-color: #2daafc
}

.study-additional-block.itest .study-additional-block__button:hover {
    background-color: #46b4fc
}

.study-additional-block.twigbilim .study-additional-block__button {
    background-color: #e2005e
}

.study-additional-block.twigbilim .study-additional-block__button:hover {
    background-color: #fc0069
}

.study-additional-block.imektep .study-additional-block__button {
    background-color: #ef7a1b
}

.study-additional-block.imektep .study-additional-block__button:hover {
    background-color: #f18833
}

.study-additional-block__wrapper {
    width: 100%;
    padding-top: 39px;
    min-height: 416px
}

.study-additional-block__image {
    width: 100%;
    text-align: center
}

.study-additional-block__image img {
    max-width: 100%
}

.study-additional-block__description {
    width: 100%;
    padding: 22px 25px;
    font: 1.6rem "Open Sans",sans-serif;
    color: #63656a;
    text-align: center
}

.study-additional-block__button {
    display: block;
    width: 100%;
    font: 1.8rem "Open Sans",sans-serif;
    color: #fff;
    text-align: center;
    padding: 13px;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.study-additional-block__button:hover {
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.rate-plan-block {
    border: 1px solid #d6dfe5;
    border-radius: 15px;
    text-align: center;
    font-family: "Open Sans Light",sans-serif;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.rate-plan-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.rate-plan-block.is-active {
    background-color: #0072ce;
    position: relative;
    top: -10px;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.rate-plan-block.is-active:after {
    content: '';
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 50%;
    margin-left: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11px 0 11px;
    border-color: #0072ce transparent transparent transparent
}

.rate-plan-block.is-active .rate-plan-block__discount {
    border-top: 1px solid #56be82;
    color: #fff
}

.rate-plan-block.is-active .rate-plan-block__discount span {
    color: #fff
}

.rate-plan-block.is-active .rate-plan-block__discount span:before {
    color: #fff
}

.rate-plan-block.is-active .rate-plan-block__period,.rate-plan-block.is-active .rate-plan-block__period .rate-plan-block__discount,.rate-plan-block.is-active .rate-plan-block__price {
    color: #fff
}

.rate-plan-block__period {
    font-size: 2.4rem;
    line-height: 1em;
    color: #2c3e50;
    padding: 24px 0 21px
}

.rate-plan-block__price {
    font-weight: 700;
    font-family: "Open Sans",sans-serif;
    font-size: 3.6rem;
    line-height: 1.2em;
    white-space: nowrap;
    color: #0072ce
}

.rate-plan-block__price+.rate-plan-block__period {
    font-size: 1.6rem;
    line-height: 1.2em;
    color: #a0b5c2;
    padding: 0 0 20px
}

.rate-plan-block__discount {
    font-size: 1.6rem;
    line-height: 1.2em;
    color: #2c3e50;
    border-top: 1px solid #d7dde1;
    padding-top: 14px;
    padding-bottom: 18px
}

.rate-plan-block__discount span {
    color: #ff6969;
    font-family: "Open Sans",sans-serif
}

.rate-plan-block__discount span:before {
    content: '';
    font: 1.6rem/1em FontAwesome;
    color: #ff6969;
    margin-right: 10px
}

.ss_payment_list {
    display: none
}

.ss_payment_list.__opened {
    display: block
}

.ssi_product {
    max-width: 200px;
    width: 100%;
    height: 100px;
    margin: 10px auto;
    border: 2px dashed #0072ce;
    border-radius: 7px;
    text-align: center
}

.ssi_product .ssip_period {
    color: #ffa904;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 22px 0 0
}

.ssi_product .ssip_price {
    color: #0072ce;
    font-size: 28px;
    line-height: 30px;
    padding: 10px 0 0;
    font-weight: 700
}

@media screen and (max-width: 560px) {
    .rate-plan-block__period {
        font-size:1.8rem;
        padding: 25px 0 10px
    }

    .rate-plan-block__price {
        font-size: 3rem
    }

    .rate-plan-block__price+.rate-plan-block__period {
        font-size: 1.4rem;
        margin-top: 5px
    }

    .rate-plan-block__discount {
        font-size: 1.4rem
    }
}

.payment-block {
    width: 100%;
    min-width: 135px;
    text-align: center;
    margin-bottom: 28px;
    cursor: pointer
}

.payment-block.is-active .payment-block__image,.payment-block.is-active .payment-help-block__image {
    position: relative;
    top: -10px;
    background-color: #0072ce;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.payment-block.is-active .payment-block__image_payme svg path[id=path0_fill],.payment-block.is-active .payment-block__image_payme svg path[id=path2_fill] {
    fill: #fff!important
}

.payment-block.is-active .payment-block__image_payme svg path[id=path1_fill] {
    fill: #0072ce!important
}

.payment-block.is-active .payment-block__image:before,.payment-block.is-active .payment-help-block__image:before {
    content: '';
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 50%;
    margin-left: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11px 0 11px;
    border-color: #0072ce transparent transparent transparent
}

.payment-block.is-disabled .payment-block__image,.payment-block.is-disabled .payment-help-block__image {
    border-color: #d6dfe5
}

.payment-block.is-disabled .payment-block__image:after,.payment-block.is-disabled .payment-help-block__image:after {
    color: #d6dfe5
}

.payment-block__image,.payment-help-block__image {
    width: 100%;
    height: 148px;
    border-radius: 24px;
    border: 1px solid #0072ce;
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    background-color: transparent;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.payment-block__image img,.payment-help-block__image img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

.payment-block__title {
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #000;
    text-align: center
}

.payment-help-block {
    width: 100%;
    display: block;
    position: relative
}

.payment-help-block:last-child:after {
    display: none!important
}

.payment-help-block:after {
    content: '';
    position: absolute;
    z-index: 9;
    top: 47px;
    right: -17px;
    display: block;
    font: 4.8rem/1em FontAwesome;
    color: #0072ce
}

.payment-help-block .payment-block__title {
    color: #2c3e50
}

.payment-help-block__image {
    overflow: hidden
}

[data-pay-type] .payment-block__image:after,[data-pay-type] .payment-help-block__image:after {
    font: 10rem icomoon;
    color: #0072ce
}

[data-pay-help] {
    display: none
}

[data-pay-type=paycom] .payment-block__image:after,[data-pay-type=paycom] .payment-help-block__image:after {
    content: '\e905'
}

[data-pay-type=paycom] .payment-block__image_payme svg {
    width: 80%
}

[data-pay-type=paycom] .payment-block__image_payme svg path[id=path0_fill],[data-pay-type=paycom] .payment-block__image_payme svg path[id=path2_fill] {
    fill: #0072ce
}

[data-pay-type=paycom] .payment-block__image_payme:after {
    display: none
}

[data-pay-type=qiwi_terminal] .payment-block__image:after,[data-pay-type=qiwi_terminal] .payment-help-block__image:after {
    content: '\e902'
}

[data-pay-type=qiwi_wallet] .payment-block__image:after,[data-pay-type=qiwi_wallet] .payment-help-block__image:after {
    content: '\e903'
}

[data-pay-type=kaspi] .payment-block__image:after,[data-pay-type=kaspi] .payment-help-block__image:after {
    content: '\e901'
}

[data-pay-type=kassa24] .payment-block__image:after,[data-pay-type=kassa24] .payment-help-block__image:after {
    content: '\e904'
}

[data-pay-type=balance] .payment-block__image:after,[data-pay-type=balance] .payment-help-block__image:after {
    content: '\e906'
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

.panel-body {
    padding: 20px;
    border-top: 1px solid #ddd
}

.panel-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    background-color: #f5f5f5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font: 1.5rem "Open Sans Semibold",sans-serif;
    color: #333
}

.panel-heading .panel-heading__icon {
    margin-right: 10px
}

.panel-heading .panel-heading__button {
    color: inherit;
    cursor: pointer
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font: 1.5rem "Open Sans Semibold",sans-serif;
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-footer:after,.panel-footer:before {
    content: " ";
    display: table
}

.panel-footer:after {
    clear: both
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.faq-block {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e2ecf2;
    background-color: #fff;
    font: 1.6rem "Open Sans",sans-serif;
    color: #000;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.faq-block:before {
    content: '·';
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 14px;
    display: block;
    font: 4.8rem/1em "Open Sans",sans-serif;
    color: #e2ecf2
}

.faq-block.is-active .faq-block__head {
    background-color: #0072ce;
    color: #fff;
    font-weight: 700;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.faq-block.is-active .faq-block__head:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.faq-block.is-active .faq-block__body {
    background-color: #f3f7fa;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.faq-block__head {
    padding: 17px 50px 17px 40px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.faq-block__head:after {
    content: '';
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -18px;
    right: 20px;
    font: 3.6rem FontAwesome;
    color: #e2ecf2;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.faq-block__body {
    display: none;
    overflow: hidden;
    padding: 30px 70px
}

.faq-block__body ol,.faq-block__body p,.faq-block__body ul {
    margin-top: 0
}

.faq-block__body ol,.faq-block__body ul {
    padding-left: 20px
}

.faq-block__body a {
    color: #0072ce
}

.faq-block__body a:hover {
    border-bottom: 1px solid #006fc9
}

@media screen and (max-width: 768px) {
    .faq-block:before {
        top:5px
    }

    .faq-block__body {
        padding: 20px
    }
}

@media screen and (max-width: 576px) {
    .faq-block:before {
        display:none
    }

    .faq-block__head {
        padding: 10px 25px 10px 10px
    }

    .faq-block__head:after {
        right: 10px;
        margin-top: -12px;
        font-size: 2.6rem
    }
}

ul.pagination {
    width: 100%;
    display: block;
    text-align: right
}

ul.pagination li {
    display: inline-block;
    vertical-align: middle;
    font: 1.8rem/.9em "Open Sans",sans-serif;
    margin-right: 6px
}

ul.pagination li.__hidden {
    display: none
}

ul.pagination li.__prev a:before {
    content: '';
    font-family: FontAwesome
}

ul.pagination li.__next a:before {
    content: '';
    font-family: FontAwesome
}

ul.pagination li.__more>span {
    background-color: #bcc2c7
}

ul.pagination li.__more>span:hover {
    background-color: #bcc2c7
}

ul.pagination li.active a,ul.pagination li.active span {
    background-color: #ffc000
}

ul.pagination li.active a:hover,ul.pagination li.active span:hover {
    background-color: #ffc000
}

ul.pagination li:last-child {
    margin-right: 0
}

ul.pagination li.disabled span {
    cursor: not-allowed;
    background-color: #ccc!important
}

ul.pagination li a,ul.pagination li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background-color: #0072ce;
    color: #fff;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}

ul.pagination li a:hover,ul.pagination li span:hover {
    background-color: #00569b;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}

@media screen and (max-width: 399px) {
    ul.pagination {
        text-align:center
    }

    ul.pagination li {
        display: none
    }

    ul.pagination li.__more,ul.pagination li.__next,ul.pagination li.__prev,ul.pagination li.active,ul.pagination li.is-active,ul.pagination li:first-child,ul.pagination li:last-child {
        display: inline-block
    }
}

.directory-block {
    width: 100%;
    max-width: 320px;
    min-height: 340px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.directory-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.directory-block__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    background-color: #ffdb4d;
    border-radius: 12px 12px 0 0;
    position: relative
}

.directory-block__head-title {
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    color: #000;
    padding: 10px 75px 10px 15px
}

.directory-block__head-distance {
    position: absolute;
    z-index: 2;
    right: 0;
    font: bold 1.4rem/1.2em "Open Sans",sans-serif;
    color: #000;
    white-space: nowrap;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 12px 12px 0 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.directory-block__body {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.directory-block__body-logotype {
    width: 100%;
    height: 160px;
    padding-right: 20px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.directory-block__body-logotype img {
    max-width: 100%;
    max-height: 160px
}

.directory-block__body-name {
    font: bold 1.8rem/1.2em "Open Sans",sans-serif;
    color: #000;
    text-align: center;
    padding: 15px 20px 0
}

.directory-block__foot {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #d7dde1;
    padding: 13px 15px
}

.directory-block__foot .likes {
    margin-right: 25px
}

.recognition-block {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px
}

.recognition-block:last-child .recognition-block__description {
    border-right: 0
}

.recognition-block__image {
    width: 100%;
    height: 152px;
    min-height: 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px
}

.recognition-block__image img {
    display: block;
    width: auto!important;
    max-width: 100%;
    max-height: 100%
}

.recognition-block__description {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font: 1.8rem/1.2em "Open Sans",sans-serif;
    color: #000;
    padding-right: 40px;
    padding-left: 40px;
    border-right: 1px solid #d7dde1
}

@media screen and (max-width: 1240px) {
    .recognition-block__description {
        padding-right:15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 768px) {
    .recognition-block__description {
        text-align:center;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 576px) {
    .recognition-block__image {
        height:150px;
        min-height: 150px;
        margin-bottom: 10px
    }

    .recognition-block__description {
        max-width: 280px
    }
}

.advantage-block {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 35px;
    padding-right: 15px;
    padding-left: 15px
}

.advantage-block__image {
    width: 100%;
    height: 170px;
    min-height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.advantage-block__image img {
    display: block;
    width: auto!important;
    max-width: 100%;
    max-height: 100%
}

.advantage-block__description {
    width: 100%;
    max-width: 200px;
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #000;
    text-align: center
}

@media screen and (max-width: 768px) {
    .advantage-block__image {
        height:190px;
        min-height: 190px
    }

    .advantage-block__description {
        font-size: 1.6rem;
        max-width: 280px
    }
}

.study-block {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative
}

.study-block.is-active .study-block__image {
    top: -13px;
    -webkit-transition: top .2s ease-in,background-color .2s ease-in;
    -o-transition: top .2s ease-in,background-color .2s ease-in;
    transition: top .2s ease-in,background-color .2s ease-in
}

.study-block.is-active .study-block__image .__triangle {
    bottom: -13px;
    -webkit-transition: bottom .2s ease-in;
    -o-transition: bottom .2s ease-in;
    transition: bottom .2s ease-in
}

.study-block.is-active .study-block__labels {
    top: -33px
}

.study-block.is-active:hover .study-block__image {
    -webkit-box-shadow: none;
    box-shadow: none
}

.study-block.is-active:hover .study-block__labels {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.study-block.is-active:hover .study-block__labels span {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5)
}

.study-block.is-deactive .study-block__image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.study-block:hover .study-block__image {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.study-block:hover .study-block__labels {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.study-block:hover .study-block__labels span {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.study-block__image {
    width: 100%;
    display: inline-block;
    position: relative;
    border-radius: 16px;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: top .2s ease-in,background-color .2s ease-in,-webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in;
    transition: top .2s ease-in,background-color .2s ease-in,-webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in;
    -o-transition: top .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in,transform .2s ease-in;
    transition: top .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in,transform .2s ease-in;
    transition: top .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in,transform .2s ease-in,-webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in
}

.study-block__image:before {
    content: '';
    margin-top: 100%;
    display: table
}

.study-block__image img,.study-block__image object,.study-block__image svg {
    display: block;
    max-width: 90%;
    max-height: 90%;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.study-block__image .__triangle {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 12.5px 0 12.5px;
    border-color: transparent;
    -webkit-transition: bottom .2s ease-in;
    -o-transition: bottom .2s ease-in;
    transition: bottom .2s ease-in
}

.study-block__image .__title {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font: 1.6rem/1.2em "Open Sans Semibold",sans-serif;
    color: #fff;
    padding: 20px
}

.study-block__image.dark .__title {
    color: #000
}

.study-block__image.__person {
    border-radius: 20px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.study-block__image.__person:before {
    content: '';
    margin-top: 100%;
    display: table
}

.study-block__image.__person .__title {
    position: absolute;
    z-index: 2;
    top: auto;
    bottom: 0;
    left: 0;
    display: block;
    width: 50%;
    height: auto;
    font: 1.4rem/1.2em Roboto,sans-serif;
    color: #fff;
    text-align: left;
    padding: 1.8rem 1.6rem
}

.study-block__image.__person .person-image {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: right bottom -10px;
    background-repeat: no-repeat;
    opacity: .2;
    border-radius: 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.study-block__image.__person .__triangle {
    display: none
}

.study-block__image.__person img {
    display: none
}

.study-block__image.__person:hover .person-image {
    opacity: 1
}

.study-block__title {
    font: 1.8rem/1.2em "Open Sans",sans-serif;
    color: #000;
    margin-top: 15px
}

.study-block__labels {
    position: absolute;
    top: -17px;
    left: 10px;
    z-index: 3;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.study-block__labels span {
    display: inline-block;
    margin: 0 3px;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    border-radius: 50%;
    background-color: #e0e0dd;
    background-position: center center;
    background-size: contain;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.study-block__labels .label-new {
    background-color: #ff4700;
    background-image: url(/images/common/label_new_n.svg)
}

.study-block__labels .label-free {
    background-color: #1cb306;
    background-image: url(/images/common/label_free_n.svg)
}

.study-block__lesson-counter {
    position: absolute;
    width: 100%;
    max-width: 80%;
    bottom: 5px;
    right: 10%;
    z-index: 3;
    font: 1.5rem/1em "Open Sans",sans-serif;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    background: rgba(0,0,0,.1);
    border-radius: 10px;
    padding: 3px
}

@media screen and (max-width: 599px) {
    .study-block__labels {
        top:-15px
    }

    .study-block__labels span {
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width: 375px) {
    .study-block__lesson-counter {
        font-size:1.3rem
    }
}

.lesson-block {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: top;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 14px rgba(0,31,51,.19);
    box-shadow: 0 0 14px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.lesson-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.lesson-block:hover .lesson-block__image:after {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.lesson-block:hover .lesson-block__image .button-radius {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .2s ease-in,-webkit-transform .1s ease-in;
    transition: opacity .2s ease-in,-webkit-transform .1s ease-in;
    -o-transition: opacity .2s ease-in,transform .1s ease-in;
    transition: opacity .2s ease-in,transform .1s ease-in;
    transition: opacity .2s ease-in,transform .1s ease-in,-webkit-transform .1s ease-in
}

.lesson-block.__error .button-radius {
    display: none
}

.lesson-block.__error:hover .lesson-block__image:after {
    display: none;
    opacity: 0
}

.lesson-block.__error:hover .button-radius {
    opacity: 0;
    display: none
}

.lesson-block__image {
    width: 100%;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 1px solid #dbe2e8;
    border-radius: 16px 16px 0 0;
    position: relative;
    overflow: hidden
}

.lesson-block__image:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.22);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    border-radius: 16px 16px 0 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lesson-block__image .button-radius {
    position: relative;
    z-index: 3;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .2s ease-in,-webkit-transform .1s ease-in;
    transition: opacity .2s ease-in,-webkit-transform .1s ease-in;
    -o-transition: opacity .2s ease-in,transform .1s ease-in;
    transition: opacity .2s ease-in,transform .1s ease-in;
    transition: opacity .2s ease-in,transform .1s ease-in,-webkit-transform .1s ease-in
}

.lesson-block__description {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #000;
    text-align: left;
    background-color: #fff;
    border-radius: 0 0 16px 16px;
    padding: 15px 20px
}

.lesson-block__loader {
    color: #fff;
    text-align: center;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    background-color: rgba(0,0,0,.8);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lesson-block__loader .lesson-block__loader_notify {
    display: block
}

.lesson-block__loader .lesson_loader_error {
    display: block;
    overflow: hidden;
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    padding: 35px 15px 15px 15px
}

.lesson-block__labels {
    position: absolute;
    z-index: 12
}

.lesson-block__labels.type-labels {
    top: -22px;
    right: 10px
}

.lesson-block__labels.status-labels {
    top: -17px;
    left: 10px
}

.lesson-block__labels span {
    display: inline-block;
    margin: 0 3px;
    width: 45px;
    height: 45px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    border-radius: 50%;
    background-color: #e0e0dd;
    background-position: center center;
    background-size: contain
}

.lesson-block__labels.status-labels span {
    width: 35px;
    height: 35px
}

.lesson-block__labels .label-flash {
    background-image: url(/images/common/label_flash.svg);
    background-color: #cf1c1c
}

.lesson-block__labels .label-jar {
    background-image: url(/images/common/label_jar.svg);
    background-color: #5382a0
}

.lesson-block__labels .label-html {
    background-image: url(/images/common/label_html5.svg);
    background-color: #f16529
}

.lesson-block__labels .label-java {
    background-image: url(/images/common/label_java.svg);
    background-color: #5382a1
}

.lesson-block__labels .label-video {
    background-image: url(/images/common/label_video.svg);
    background-color: #5382a1
}

.lesson-block__labels .label-audio {
    background-image: url(/images/common/label_audio.svg);
    background-color: #5382a1
}

.lesson-block__labels .label-new {
    background-color: #ff4700;
    background-image: url(/images/common/label_new_n.svg)
}

.lesson-block__labels .label-free {
    background-color: #1cb306;
    background-image: url(/images/common/label_free_n.svg)
}

.lesson-block__labels .label-top {
    background-color: #ff002a;
    background-image: url(/images/common/label_top_n.svg)
}

.lesson-block__labels .label-approved {
    background-color: #fced03;
    background-image: url(/images/common/label_approved.svg)
}

.lesson-block__progress {
    display: block;
    position: absolute;
    z-index: 12;
    top: 10px;
    right: 10px;
    font-size: 1.4rem;
    color: #f36518;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2)
}

.lesson-approved {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 350px;
    padding: 20px 20px;
    margin: 30px auto 15px auto;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dde2e6;
    font-size: 1.5rem;
    text-align: center
}

.lesson-approved .lesson-approved__link {
    margin-top: 15px
}

.lesson-approved__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 250px;
    background-color: #0f90e5;
    border-radius: 3px;
    font-size: 1.4rem;
    padding: 8px 15px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.lesson-approved__link:hover {
    background-color: #0d81cd
}

.lesson-approved__link .lesson-approved__icon {
    background-image: url(/images/common/label_approved.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

@media screen and (max-width: 1024px) {
    .lesson-block__image {
        position:static
    }

    .lesson-block__image:after {
        border-radius: 16px
    }

    .lesson-block__image .button-radius {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .lesson-block:hover .lesson-block__image .button-radius {
        display: block;
        opacity: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .lesson-block__loader {
        border-radius: 16px;
        z-index: 13
    }
}

@media screen and (max-width: 599px) {
    .lesson-block__labels.type-labels {
        top:-17px
    }

    .lesson-block__labels.status-labels {
        top: -15px
    }

    .lesson-block__labels.status-labels span {
        width: 30px;
        height: 30px
    }

    .lesson-block__labels span {
        width: 35px;
        height: 35px
    }

    .lesson-approved__link {
        margin-bottom: 15px
    }
}

.teacher-block,.teacher-block-video {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    vertical-align: top;
    width: 100%;
    max-width: 470px;
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    color: #000;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.teacher-block-video:hover,.teacher-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.teacher-block-video .teacher-block__video-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40.42553%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    background-clip: content-box;
    border-right: 1px solid #e0e4e8;
    border-radius: 6px 0 0 6px
}

.teacher-block-video .teacher-block__video-prev:after {
    content: '';
    width: 54px;
    height: 54px;
    display: block;
    background: url(/images/play.png) no-repeat center center/contain;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear
}

.teacher-block-video .teacher-block__video-prev:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,1.5,1,1.5);
    transition: -webkit-transform .3s cubic-bezier(0,1.5,1,1.5);
    -o-transition: transform .3s cubic-bezier(0,1.5,1,1.5);
    transition: transform .3s cubic-bezier(0,1.5,1,1.5);
    transition: transform .3s cubic-bezier(0,1.5,1,1.5),-webkit-transform .3s cubic-bezier(0,1.5,1,1.5)
}

.teacher-block-video .teacher-block__desc {
    width: 59.57447%;
    padding-left: 10px;
    padding-right: 10px
}

.teacher-block-video .teacher-block__desc-head {
    min-height: 100px
}

.teacher-block-video .teacher-block__desc-theme-title {
    font-size: 1.5rem
}

.teacher-block__teacher-info {
    width: 34.04255%;
    border-right: 1px solid #e0e4e8;
    padding: 12px;
    text-align: center
}

.teacher-block__desc {
    width: 65.95745%;
    padding: 0 10px
}

.teacher-info__photo {
    width: 100%;
    padding: 5px;
    border: 1px solid #e0e4e8;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-clip: content-box;
    display: inline-block;
    margin-bottom: 15px
}

.teacher-info__photo:before {
    content: '';
    display: table;
    margin-top: 100%
}

.teacher-info__name {
    font-weight: 700;
    margin-bottom: 20px
}

.teacher-info__bottom {
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.teacher-block__desc {
    position: relative;
    padding-bottom: 40px
}

.teacher-block__desc-head {
    width: 100%;
    min-height: 135px;
    padding: 20px 0;
    border-bottom: 1px solid #e0e4e8
}

.teacher-block__desc-course {
    font-weight: 700
}

.teacher-block__desc-grade {
    margin-top: 3px;
    font-weight: 700;
    color: #60767c
}

.teacher-block__desc-grade.divide:before {
    content: '|';
    font-weight: 700;
    color: #000;
    margin: 0 3px
}

.teacher-block__desc-grade.block {
    display: block
}

.teacher-block__desc-subject {
    margin-top: 3px
}

.teacher-block__desc-subject.divide:before {
    content: '|';
    font-weight: 700;
    color: #000;
    margin: 0 3px
}

.teacher-block__desc-subject.block {
    display: block
}

.teacher-block__desc-theme {
    padding-top: 15px;
    display: block;
    width: 100%
}

.teacher-block__desc-theme span {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    color: #97a7ab
}

.teacher-block__desc-theme-title {
    font-weight: 700;
    font-size: 1.6rem
}

.teacher-block__desc-body {
    max-height: 95px;
    overflow: hidden;
    margin: 20px 0;
    line-height: 1.4em
}

.teacher-block__desc-name,.teacher-block__desc-place {
    font-size: 1.3rem;
    line-height: 1.4em
}

.teacher-block__desc-place {
    color: #97a7ab
}

.teacher-block__desc_bottom {
    padding: 0 10px 15px 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-align: right
}

.teacher-block__desc_bottom .likes {
    margin-left: 20px
}

.teacher-block__desc_bottom .views {
    margin: 0 20px
}

.teacher-block__desc-contest {
    display: inline-block;
    margin-bottom: 15px;
    color: #fff;
    font: bold 1.2rem/1em "Open Sans",sans-serif;
    text-transform: uppercase;
    padding: 9px 20px;
    border-radius: 3px;
    background-color: #8983cf
}

.teacher-block__labels {
    position: absolute;
    z-index: 5;
    top: -15px;
    right: 10px
}

.teacher-block__labels .label {
    display: inline-block;
    color: #fff;
    font: bold 1.2rem/1em "Open Sans",sans-serif;
    text-transform: uppercase;
    padding: 9px 20px;
    border-radius: 3px
}

.teacher-block__labels .label.label-new {
    background-color: #fd8a25
}

.teacher-block__labels .label.label-contest {
    background-color: #8983cf
}

.section-title {
    display: block;
    width: 100%;
    font: 1.8rem/1.2em "Open Sans",sans-serif;
    color: #000;
    padding: 0 30px;
    margin-bottom: 30px
}

.section-title:before {
    content: '';
    display: inline-block;
    vertical-align: 0;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    margin-right: 10px;
    background: #34bec3
}

@media screen and (max-width: 639px) {
    .teacher-block,.teacher-block-video {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .teacher-block-video .teacher-block__video-prev {
        width: 100%;
        min-height: 200px
    }

    .teacher-block-video .teacher-block__desc {
        width: 100%;
        padding-bottom: 20px
    }

    .teacher-block-video .teacher-block__desc-head {
        min-height: 0
    }

    .teacher-block__desc,.teacher-block__teacher-info {
        width: 100%
    }

    .teacher-block__desc-head {
        min-height: 0
    }

    .teacher-info__photo {
        max-width: 170px
    }

    .teacher-block__desc {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 420px) {
    .teacher-block,.teacher-block-video {
        width:100%
    }

    .section-title {
        padding: 0 15px
    }
}

.review-wrapper {
    max-width: 900px;
    margin: 0 auto
}

.review-form {
    margin-bottom: 40px
}

.review-form__top {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.review-form__profile {
    margin-right: 30px;
    width: 15%
}

.review-form__profile .profile__image {
    width: 10rem;
    height: 10rem;
    background: #f3f6f8;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

.review-form__profile .profile__image img {
    border-radius: 50%;
    max-width: 100%
}

.review-form__profile .profile__name {
    text-align: center;
    color: #2c3e50;
    font-size: 1.6rem
}

.review-form__input {
    width: 100%;
    max-width: calc(90% - 30px)
}

.review-form__textarea {
    width: 100%;
    padding: 1.5rem 3rem;
    display: block;
    height: 100px;
    min-height: 100px;
    color: #000;
    font-size: 1.6rem;
    border: 1px solid #e8ecee;
    border-radius: 5px;
    margin-bottom: 30px
}

.review-form__textarea::-webkit-input-placeholder {
    color: #9aa6ad;
    font-family: "Open Sans",sans-serif
}

.review-form__textarea::-moz-placeholder {
    color: #9aa6ad;
    font-family: "Open Sans",sans-serif
}

.review-form__textarea::-ms-input-placeholder {
    color: #9aa6ad;
    font-family: "Open Sans",sans-serif
}

.review-form__textarea::placeholder {
    color: #9aa6ad;
    font-family: "Open Sans",sans-serif
}

.review-form__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px
}

.review-form__rating .form__string.captcha {
    width: 55%;
    margin-right: 0
}

.review-form__rating .form__string.captcha .g-recaptcha {
    float: right
}

.form__string.captcha {
    width: 100%
}

.review-submit .review-form__submit {
    float: right
}

.review-empty {
    font-size: 1.6rem
}

.review-notify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #7d9cb1;
    font: 1.6rem "Open Sans",sans-serif;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px
}

.review-notify .notify-text {
    max-width: 500px;
    margin-right: 30px
}

.review-notify .button_authorize {
    display: inline-block;
    border-radius: 5px;
    background-color: #2daafc;
    color: #fff
}

.form-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-rating__text {
    margin-right: 2rem;
    color: #9aa6ad;
    font-size: 1.6rem
}

.form-rating__stars:after,.form-rating__stars:before {
    content: " ";
    display: table
}

.form-rating__stars:after {
    clear: both
}

.form-rating__stars .rating-star__ico {
    margin: 0 2px;
    font-size: 1.4rem;
    line-height: 1;
    color: #cac8c8;
    cursor: pointer;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
    display: inline-block;
    float: right
}

.form-rating__stars .rating-star__ico.active {
    color: #fbc509
}

.form-rating__stars .rating-star__ico:before {
    content: "\f005";
    font-size: 2rem;
    font-family: FontAwesome
}

.form-rating__stars .rating-star__ico:hover {
    color: #fbc509;
    cursor: pointer;
    -webkit-animation: stretch-bounce 1s ease-in-out;
    animation: stretch-bounce 1s ease-in-out
}

.form-rating__stars .rating-star__input {
    display: none
}

.form-rating__stars .rating-star__ico:hover:before,.form-rating__stars .rating-star__ico:hover~.rating-star__ico:before,.form-rating__stars .rating-star__input:checked~.rating-star__ico:before {
    color: #fbc509
}

.review__item {
    margin-bottom: 3rem;
    padding: 2rem 3rem;
    border-radius: 5px;
    border: 1px solid #dde2e6
}

.review__item:last-of-type {
    margin-bottom: 0
}

.review__item.child {
    border: none;
    margin-top: 30px
}

.review__info {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.review__name {
    display: none
}

.review__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review__author-img {
    margin-right: 2rem;
    width: 7rem;
    height: 7rem;
    background: #85c0b6;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.review__author-img img {
    border-radius: 50%;
    max-width: 100%
}

.review__author-name {
    margin-bottom: 1.5rem;
    display: block;
    color: #0b65ab;
    font-size: 1.6rem
}

.review__author-name .admin {
    color: #000;
    font-size: 1.1rem;
    margin-left: 15px
}

.review__author-date {
    display: block;
    color: #b7bec3;
    font-size: 1.4rem
}

.review__author-date:before {
    content: "\F133";
    margin-right: 10px;
    font-size: 1.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.review__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review-rating__label {
    margin-right: 2rem;
    color: #859199;
    font-size: 1.6rem
}

.review-rating__point {
    margin-left: 1.5rem;
    font-size: 1.6rem;
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-weight: 700
}

.review__text {
    color: #2c3e50;
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
    padding-right: 40px
}

.review__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.review__reply-btn {
    display: inline-block;
    font-size: 1.6rem;
    color: #000
}

w .review__reply-btn:hover {
    text-decoration: underline
}

.review-reply-form {
    display: none;
    position: relative;
    padding-top: 35px;
    margin-top: 30px
}

.review-reply-form .close-btn {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    padding: 3px
}

.review-reply-form .close-btn:before {
    content: "\f00d";
    font: 1.6rem FontAwesome;
    color: #000
}

.review-children {
    margin-bottom: 3rem;
    padding-left: 50px
}

.review-children:last-of-type {
    margin-bottom: 0
}

.review-load-btn {
    display: block;
    width: 100%;
    margin: 30px 0 0 0
}

@media screen and (max-width: 1085px) {
    .review-form__rating {
        display:block
    }

    .review-form__rating .form-rating {
        float: right;
        margin-right: 0;
        margin-bottom: 20px
    }

    .review-form__rating .form__string.captcha {
        float: right;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .review-form__rating .form__string.captcha .g-recaptcha {
        float: right
    }
}

@media screen and (max-width: 599px) {
    .review-form__top {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .review-form__profile {
        width: 100%;
        margin: 0 0 15px 0
    }

    .review-form__profile .profile__image {
        display: none;
        margin: 0
    }

    .review-form__profile .profile__name {
        text-align: left
    }

    .review-form__input {
        max-width: 100%
    }

    .review-form__textarea {
        padding: 1.5rem;
        margin-bottom: 20px
    }

    .review-form__rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: -webkit-center
    }

    .review-form__rating .form-rating {
        float: right;
        margin-right: 0
    }

    .review-form__rating .form__string.captcha {
        float: right;
        width: 100%;
        margin-right: 0
    }

    .review-form__rating .form__string.captcha .g-recaptcha {
        float: none
    }

    .review-submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-rating {
        margin: 0 0 15px 0
    }

    .review-form__submit {
        max-width: 260px
    }

    .review__item {
        padding: 15px 20px
    }

    .review__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .review__author {
        margin-bottom: 15px
    }

    .review__author-img {
        display: none
    }

    .review-rating__label {
        display: none
    }

    .review__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .review__text {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px
    }

    .review__reply {
        text-align: right
    }

    .review-notify .notify-text {
        margin-right: 0
    }
}

@media screen and (max-width: 479px) {
    .review__item {
        margin-bottom:-1px;
        border-radius: 0;
        border-left: none;
        border-right: none
    }

    .review-notify {
        padding: 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .review-notify .button_authorize {
        margin-top: 10px
    }

    .review-children {
        padding-left: 20px;
        margin-bottom: 0
    }

    .review-children .review__item:last-of-type {
        border-bottom: none
    }

    .review-empty {
        padding: 0 20px
    }

    .review__info {
        margin-bottom: 10px
    }

    .review__text {
        margin-bottom: 0
    }

    .review-load-btn {
        max-width: 90%;
        margin: 30px auto 0 auto
    }
}

.comment-outer {
    min-width: 100%
}

.comment-block .button-block {
    border-radius: 5px
}

.comment-block .more_comments {
    width: 100%
}

.comment-block .more_comments.is-loading {
    background-color: #ccc
}

.comment-block__head {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 30px
}

.comment-block__head.notify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comment-block__head.notify .comment-block__title {
    margin: 0
}

.comment-block__title {
    font: bold 1.5rem/1.2em "Open Sans",sans-serif;
    color: #000;
    margin-bottom: 30px
}

.comment-block__title span {
    display: inline-block;
    color: #0072ce
}

.comment-block__title span.margin-right {
    margin-right: 8px
}

.comment-block__title span.margin-left {
    margin-left: 8px
}

.comment-block__notify {
    color: #7d9cb1;
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    text-align: right;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 30px
}

.comment-block__notify .notify-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 450px
}

.comment-block__notify span {
    padding-right: 15px;
    -ms-flex-item-align: center;
    align-self: center
}

.comment-block__notify .button_register {
    display: inline-block;
    background-color: #0f90e5;
    color: #fff;
    font: 1.4rem/1em "Open Sans",sans-serif;
    border-radius: 5px;
    min-width: 180px;
    padding: 13px 15px 13px 15px;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    height: 40px;
    -ms-flex-item-align: center;
    align-self: center
}

.comment-block__notify .button_register:hover {
    background-color: #0d81cd
}

.comment-block__form,.reply-block__form {
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.comment-block__form .comment-form-flex,.reply-block__form .comment-form-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-block__form .reply-block__close,.reply-block__form .reply-block__close {
    position: absolute;
    z-index: 5;
    top: -32px;
    right: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    padding: 5px
}

.comment-block__form .reply-block__close:after,.reply-block__form .reply-block__close:after {
    content: "\f00d";
    font: 1.6rem FontAwesome;
    color: #000
}

.comment-block__form .account-info,.reply-block__form .account-info {
    text-align: center;
    width: 100%;
    max-width: 120px
}

.comment-block__form .account-info .account-info__image,.reply-block__form .account-info .account-info__image {
    width: 100%;
    max-width: 105px;
    overflow: hidden;
    border-radius: 50%;
    line-height: 0;
    margin: 0 auto 15px auto
}

.comment-block__form .account-info .account-info__image img,.reply-block__form .account-info .account-info__image img {
    width: 100%;
    border-radius: 50%
}

.comment-block__form .account-info .account-info__name,.reply-block__form .account-info .account-info__name {
    color: #7d9cb1;
    font: 1.4rem/1.4em "Open Sans",sans-serif
}

.comment-block__form .comment-form,.comment-block__form .reply-form,.reply-block__form .comment-form,.reply-block__form .reply-form {
    padding-left: 20px
}

.comment-form textarea,.reply-form textarea {
    min-height: 85px;
    border-radius: 5px
}

.comment-form .form__string.error,.reply-form .form__string.error {
    outline: 1px solid red
}

.comment-form .help-text,.reply-form .help-text {
    color: #7d9cb1;
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    text-align: right;
    padding-right: 15px;
    -ms-flex-item-align: center;
    align-self: center
}

.comment-form .help-text a,.reply-form .help-text a {
    color: #7d9cb1;
    text-decoration: underline
}

.comment-form .help-text a:hover,.reply-form .help-text a:hover {
    text-decoration: none
}

.comment-form .help-text a:focus,.reply-form .help-text a:focus {
    outline: 0
}

.comment-form .form__bottom,.reply-form .form__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.comment-form .button_submit,.reply-form .button_submit {
    background-color: #0f90e5;
    color: #fff;
    font: 1.4rem/1em "Open Sans",sans-serif;
    border-radius: 5px;
    min-width: 155px;
    padding: 13px 15px 13px 15px;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    height: 40px;
    -ms-flex-item-align: center;
    align-self: center
}

.comment-form .button_submit:hover,.reply-form .button_submit:hover {
    background-color: #0d81cd
}

.comment-form .button_submit[disabled],.reply-form .button_submit[disabled] {
    background-color: #ccc
}

.reply-block__form {
    display: none;
    margin-bottom: 50px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cedee9
}

.comment-item-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 50px
}

.comment-item__image {
    width: 80px;
    margin-right: 20px
}

.comment-item__image .comment-item__author-image {
    border-radius: 50%;
    border: 1px solid #d6dfe4;
    overflow: hidden
}

.comment-item__image .comment-item__author-image img {
    width: 100%;
    display: block
}

.comment-item__body {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #cedee9
}

.comment-item__author-name {
    font: bold 1.4rem/1em "Open Sans",sans-serif;
    margin-bottom: 5px
}

.comment-item__author-name .admin {
    font-weight: 100;
    margin-left: 10px;
    font-size: 1.2rem;
    color: #9e9e9e
}

.comment-item__date {
    font: 1.4rem/1em "Open Sans",sans-serif
}

.comment-item__text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    font: 1.6rem/1.3em "Open Sans",sans-serif
}

.comment-text {
    width: 100%
}

.comment-reply {
    min-width: 150px;
    text-align: right;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.comment-reply__btn {
    display: inline-block;
    color: #000;
    margin-left: 15px;
    cursor: pointer
}

.comment-reply__btn:hover {
    text-decoration: underline
}

.comment-reply__likes {
    cursor: pointer;
    display: inline-block;
    font: 1.6rem/1em "Open Sans Light",sans-serif;
    color: #000;
    white-space: nowrap
}

.comment-reply__likes span {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.comment-reply__likes span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    font-size: 1.8rem;
    color: #a0b5c2;
    margin-right: 5px;
    margin-bottom: 3px
}

.comment-reply__likes.loading span:before {
    content: "\f110";
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}

.comment-reply__likes.active span {
    color: #0f90e5
}

.comment-reply__likes.active span:before {
    color: #0f90e5
}

.comment-reply__likes.disabled {
    cursor: not-allowed
}

.comment-item__children {
    padding-left: 90px
}

.comment-item__children .comment-item-block {
    border-bottom: 1px solid #cedee9
}

.comment-item__children .comment-item__body {
    border-bottom: none
}

@media screen and (max-width: 499px) {
    .comment-block__form .comment-form-flex,.reply-block__form .comment-form-flex {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-block__form .account-info,.reply-block__form .account-info {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .comment-block__form .account-info .account-info__image,.reply-block__form .account-info .account-info__image {
        display: none
    }

    .comment-block__form .account-info .account-info__name,.reply-block__form .account-info .account-info__name {
        text-align: left
    }

    .comment-block__form .comment-form,.comment-block__form .reply-form,.reply-block__form .comment-form,.reply-block__form .reply-form {
        padding-left: 0
    }

    .comment-form .help-text,.reply-form .help-text {
        font: 1.2rem/1.2em "Open Sans",sans-serif;
        text-align: right;
        padding-right: 0;
        margin-bottom: 5px
    }

    .comment-form .form__bottom,.reply-form .form__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .comment-form .button_submit,.reply-form .button_submit {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .comment-item-block {
        margin-bottom: 30px
    }

    .comment-item__image {
        display: none
    }

    .comment-item__text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-text {
        margin-bottom: 10px
    }

    .comment-item__children {
        padding-left: 15px
    }

    .comment-block__head.notify {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-block__head.notify .comment-block__title {
        margin-bottom: 15px
    }

    .comment-block__notify {
        color: #7d9cb1;
        font: 1.4rem/1.2em "Open Sans",sans-serif;
        text-align: right;
        -ms-flex-item-align: center;
        align-self: center
    }

    .comment-block__notify .notify-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comment-block__notify span {
        padding-right: 0;
        text-align: right;
        margin-bottom: 10px
    }

    .comment-block__notify .button_register {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.about-courses-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.about-courses-block {
    width: 100%;
    padding-bottom: 40px;
    margin-bottom: 30px;
    position: relative
}

.about-courses-block:after {
    content: '';
    display: table;
    clear: both
}

.about-courses-block:before {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 10000px;
    margin-left: -5000px;
    height: 1px;
    background-color: #e0e0e0
}

.about-courses-block.__reverse .__image {
    float: right;
    text-align: left;
    padding-right: 0;
    padding-left: 40px
}

.about-courses-block .__image {
    float: left;
    text-align: right;
    padding-right: 40px
}

.about-courses-block .__image img {
    max-width: 100%
}

.about-courses-block .__description {
    font-family: "Open Sans",sans-serif;
    color: #2c3e50;
    overflow: hidden
}

.about-courses-block .__description .__title {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2em;
    text-transform: uppercase;
    padding-bottom: 8px
}

.about-courses-block .__description .__text {
    font-size: 1.4rem;
    line-height: 1.4em;
    padding-bottom: 15px;
    text-align: justify
}

.about-courses-block .__description .__text strong {
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .about-courses-block.__reverse .__image {
        float:none;
        padding-left: 0
    }

    .about-courses-block .__image {
        float: none;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
        padding-right: 0
    }
}

.anketa-outer {
    padding-top: 25px;
    padding-bottom: 85px
}

.anketa-outer .title-outer .title-inner {
    padding-bottom: 25px
}

.anketa-outer .title span {
    display: inline-block;
    max-width: 615px
}

.anketa-outer ul.pagination {
    text-align: center
}

.anketa-outer ul.pagination li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background-color: #a0b5c2;
    color: #fff;
    position: relative;
    z-index: 9
}

.anketa-outer ul.pagination li:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 3px;
    background-color: #a0b5c2
}

.anketa-outer ul.pagination li:last-child:after {
    display: none
}

.anketa-outer ul.pagination li.is-active {
    background-color: #ffc000
}

.anketa-outer ul.pagination li a:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 3px;
    background-color: #2daafc
}

.anketa__description {
    font: 1.6rem/1.2em "Open Sans Light",sans-serif;
    color: #000;
    text-align: center;
    margin-bottom: 65px
}

.anketa__description p {
    margin-top: 0;
    margin-bottom: 25px
}

.anketa__description i {
    font-style: normal;
    font: .9em FontAwesome;
    color: #ff6969
}

form.form-anketa {
    max-width: 360px;
    margin: 0 auto
}

.anketa-inner .cc_control {
    text-align: center;
    padding: 40px 0
}

.anketa-inner .cc_control .button,.anketa-inner .cc_control .button-block,.anketa-inner .cc_control .button-radius {
    margin: 0 10px
}

.anketa-inner .cc_control .form__button-end,.anketa-inner .cc_control .form__button-step {
    margin: 0 auto
}

@media screen and (max-width: 1240px) {
    .anketa-outer .anketa-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

.article-categories-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.article-categories__item {
    margin-right: 2.5%;
    width: 31.66667%;
    text-decoration: none;
    text-align: left;
    padding: 15px 20px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: color .3s,background .3s;
    -o-transition: color .3s,background .3s;
    transition: color .3s,background .3s
}

.article-categories__item.news {
    background: #1bbbb4
}

.article-categories__item.news:hover {
    background: #18a59f
}

.article-categories__item.articles {
    background: #2d91e8
}

.article-categories__item.articles:hover {
    background: #1985e3
}

.article-categories__item.blog {
    background: #f1707a
}

.article-categories__item.blog:hover {
    background: #ef5964
}

.article-categories__item:last-child {
    margin-right: 0
}

.article-categories__item-title {
    display: block;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 15px
}

.article-categories__item-subtitle {
    display: block;
    font-size: 1.6rem
}

.articles-page-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.articles-page-nav .column-left {
    width: 52.5%;
    padding-right: 2.5%
}

.articles-page-nav .column-right {
    width: 47.5%
}

.articles-page-nav .article-categories-nav {
    margin-bottom: 0;
    height: 100%
}

.articles-page-nav .article-categories__item-subtitle {
    font-size: 1.4rem
}

.articles-page-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.articles-page-top .column-left {
    width: 68.33333%;
    padding-right: 2.5%
}

.articles-page-top .column-right {
    width: 31.66667%
}

.articles-banner {
    display: block;
    color: #000;
    text-decoration: none
}

.articles-banner img {
    display: block;
    max-width: 100%
}

.social-subscriber {
    margin-bottom: 15px
}

.social-subscriber:last-child {
    margin-bottom: 0
}

.social-subscriber iframe {
    display: block
}

.articles-list-wrapper {
    margin-bottom: 20px
}

.articles-list-bottom {
    text-align: right;
    margin-top: 30px
}

.articles-list__title {
    margin: 0;
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 15px;
    color: #000;
    font-size: 1.8rem;
    text-transform: uppercase
}

.articles-list__title span {
    position: relative;
    padding-right: 15px
}

.articles-list__title span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    height: 1px;
    width: 2000%;
    background: #d1d8dc
}

.articles-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.articles-list .article-block {
    width: 31.66667%;
    margin-right: 2.5%;
    margin-bottom: 30px
}

.articles-list .article-block:last-child,.articles-list .article-block:nth-child(3n) {
    margin-right: 0
}

.articles-list.articles .article-block__published {
    background: #2d91e8
}

.articles-list.news .article-block__published {
    background: #1bbbb4
}

.articles-list.blog .article-block__published {
    background: #f1707a
}

.article-block {
    display: block;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    position: relative;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,31,51,.25);
    box-shadow: 0 0 10px 0 rgba(0,31,51,.25);
    -webkit-transition: color .3s,-webkit-box-shadow .3s;
    transition: color .3s,-webkit-box-shadow .3s;
    -o-transition: box-shadow .3s,color .3s;
    transition: box-shadow .3s,color .3s;
    transition: box-shadow .3s,color .3s,-webkit-box-shadow .3s
}

.article-block:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0,31,51,.4);
    box-shadow: 0 0 15px 0 rgba(0,31,51,.4)
}

.article-block.mini {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 20px
}

.article-block.mini:hover .article-block__title {
    text-decoration: underline
}

.article-block.mini .article-block__author,.article-block.mini .article-block__preview {
    display: none
}

.article-block.mini .article-block__description {
    border-top: none;
    padding: 0 20px
}

.article-block.mini .article-block__title {
    font-size: 1.6rem;
    margin-bottom: 5px;
    min-height: auto
}

.article-block.mini .article-block__bottom {
    border-top: none;
    padding-top: 0
}

.article-block.mini .article-block__bottom .date {
    float: none
}

.article-block.special .article-block__preview img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 310px
}

.article-block.special .article-block__title {
    min-height: 50px
}

.article-block.special .article-block__description {
    padding-top: 25px
}

.article-block__preview {
    position: relative
}

.article-block__preview img {
    display: block;
    max-width: 100%
}

.article-block__description {
    padding: 15px 20px;
    border-top: 1px solid #dee7ed
}

.article-block__title {
    font: 1.8rem "Open Sans Semibold",sans-serif;
    color: #000;
    margin-bottom: 20px
}

.article-block__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.article-block__author .author__avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #dee7ed;
    margin-right: 15px;
    overflow: hidden
}

.article-block__author .author__avatar img {
    display: block;
    max-width: 100%;
    border-radius: 50%
}

.article-block__author .author__name {
    color: #9aaab4;
    font-size: 1.4rem
}

.article-block__author .author__name span {
    display: block;
    margin-bottom: 3px
}

.article-block__author .author__name span:last-child {
    margin-bottom: 0
}

.article-block__bottom {
    padding-top: 15px;
    font-size: 1.3rem;
    border-top: 1px solid #dee7ed;
    color: #9aaab4
}

.article-block__bottom:after,.article-block__bottom:before {
    content: " ";
    display: table
}

.article-block__bottom:after {
    clear: both
}

.article-block__bottom span {
    display: inline-block;
    position: relative
}

.article-block__bottom span:before {
    display: inline-block;
    margin-right: 5px;
    font-family: FontAwesome
}

.article-block__bottom .visit {
    float: left;
    margin-right: 10px
}

.article-block__bottom .visit:before {
    content: '\f06e'
}

.article-block__bottom .comment {
    float: left;
    margin-right: 10px
}

.article-block__bottom .comment:before {
    content: '\f075'
}

.article-block__bottom .like {
    float: left
}

.article-block__bottom .like:before {
    content: ''
}

.article-block__bottom .like.active {
    color: #0f90e5
}

.article-block__bottom .date {
    float: right
}

.article-block__bottom .date:before {
    content: '\f073'
}

.article-block__labels {
    position: absolute;
    bottom: -15px;
    left: 15px;
    z-index: 1
}

.article-block__labels .article-block__label {
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    background: #0072ce;
    margin-right: 10px;
    border-radius: 5px;
    padding: 7px 10px
}

.article-block__labels .article-block__label:last-child {
    margin-right: 0
}

.article-block__labels .article-block__label.special {
    background: #ff7e00
}

.article-block__labels .article-block__label.articles {
    background: #2d91e8
}

.article-block__labels .article-block__label.blog {
    background: #f1707a
}

.article-block__labels .article-block__label.news {
    background: #1bbbb4
}

.article-block__published {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    color: #fff;
    background: #0072ce;
    font-size: 1.6rem;
    border-radius: 5px;
    padding: 7px 10px
}

.article-block__published:before {
    content: '\f017';
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px
}

.article-page {
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: 25px
}

.article-header {
    margin-bottom: 30px
}

.article-preview {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.article-preview img {
    border-radius: 10px;
    display: block;
    max-width: 100%;
    width: 100%
}

.article-header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.article-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9aaab4;
    font-size: 1.4rem
}

.article-author__avatar {
    display: inline-block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    margin-right: 10px
}

.article-author__avatar img {
    border-radius: 50%;
    display: block;
    max-width: 100%
}

.article-author__title {
    display: inline-block
}

.article-info {
    color: #9aaab4;
    font-size: 1.6rem;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.article-info span {
    display: inline-block;
    position: relative;
    margin-right: 15px
}

.article-info span:last-child {
    margin-right: 0
}

.article-info span:before {
    display: inline-block;
    margin-right: 5px;
    font-family: FontAwesome
}

.article-info .visit {
    float: left
}

.article-info .visit:before {
    content: '\f06e'
}

.article-info .comment {
    float: left
}

.article-info .comment:before {
    content: '\f075'
}

.article-info .date {
    float: right
}

.article-info .date:before {
    content: '\f073'
}

.article-info .like {
    float: left;
    cursor: pointer
}

.article-info .like:before {
    content: ''
}

.article-info .like.active {
    color: #0f90e5
}

.article-social {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 15px
}

.article-text {
    font-size: 1.6rem;
    line-height: 1.4
}

.article-text .teacher_contests {
    text-align: center;
    -webkit-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}

@-webkit-keyframes glowing {
    0% {
        background-color: #ff9000;
        -webkit-box-shadow: 0 0 2px #ff9000;
        box-shadow: 0 0 2px #ff9000
    }

    50% {
        background-color: #ffb000;
        -webkit-box-shadow: 0 0 9px #ffb000;
        box-shadow: 0 0 9px #ffb000
    }

    100% {
        background-color: #ff9000;
        -webkit-box-shadow: 0 0 2px #ff9000;
        box-shadow: 0 0 2px #ff9000
    }
}

@keyframes glowing {
    0% {
        background-color: #ff9000;
        -webkit-box-shadow: 0 0 2px #ff9000;
        box-shadow: 0 0 2px #ff9000
    }

    50% {
        background-color: #ffb000;
        -webkit-box-shadow: 0 0 9px #ffb000;
        box-shadow: 0 0 9px #ffb000
    }

    100% {
        background-color: #ff9000;
        -webkit-box-shadow: 0 0 2px #ff9000;
        box-shadow: 0 0 2px #ff9000
    }
}

.article-text ul {
    padding-left: 20px;
    list-style: disc
}

.article-text img {
    display: inline-block;
    max-width: 100%
}

.article-text table {
    font-size: 1.4rem
}

.article-text table p {
    margin: 0 0 5px 0
}

.article-text table p:last-child {
    margin-bottom: 0
}

.article-text table td,.article-text table th {
    padding: 10px
}

.article-text table td {
    border: 1px solid #d4d4d4
}

.related-article-inner {
    padding-bottom: 40px
}

.related-article-inner.home-articles-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 999px) {
    .article-categories__item {
        padding:10px
    }

    .article-categories__item-title {
        font-size: 1.6rem;
        margin-bottom: 5px
    }

    .article-block__title {
        font-size: 1.6rem
    }

    .article-block__description {
        padding: 10px 10px
    }

    .article-block__author .author__avatar {
        width: 30px;
        height: 30px
    }

    .article-block.mini .article-block__description {
        padding: 0 10px
    }
}

@media screen and (max-width: 767px) {
    .articles-page-nav {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .articles-page-nav .column-left,.articles-page-nav .column-right {
        width: 100%;
        padding: 0
    }

    .articles-page-nav .column-right {
        margin-bottom: 20px
    }

    .articles-banner {
        text-align: center
    }

    .articles-banner img {
        margin: 0 auto
    }

    .articles-list .article-block {
        width: 48.0055%;
        margin-right: 3.91134%
    }

    .articles-list .article-block:nth-child(3n) {
        width: 48.0055%;
        margin-right: 3.91134%
    }

    .articles-list .article-block:nth-child(2n) {
        margin-right: 0
    }

    .article-header-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .article-author {
        width: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px
    }

    .article-info {
        margin-bottom: 20px
    }

    .article-text table {
        word-break: break-all
    }
}

@media screen and (max-width: 599px) {
    .social-subscriber {
        display:none
    }

    .articles-page-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .articles-page-top .column-left,.articles-page-top .column-right {
        width: 100%;
        padding: 0
    }

    .article-block.special .article-block__preview img {
        height: 250px
    }
}

@media screen and (max-width: 468px) {
    .article-categories__item-title {
        font-size:1.4rem
    }

    .article-categories__item-subtitle {
        font-size: 1.2rem
    }

    .articles-list .article-block {
        width: 100%;
        margin-right: 0
    }

    .articles-list .article-block:nth-child(2n),.articles-list .article-block:nth-child(3n) {
        width: 100%;
        margin-right: 0
    }

    .article-block__title {
        min-height: auto
    }

    .article-block__labels .article-block__label {
        font-size: 1.2rem;
        padding: 3px 5px 5px 5px
    }

    .article-block__published {
        font-size: 1.2rem;
        padding: 3px 5px 5px 5px
    }
}

@media screen and (max-width: 360px) {
    .article-categories-nav {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .article-categories__item {
        width: 100%;
        margin: 0 0 15px 0
    }

    .article-categories__item:last-child {
        margin-bottom: 0
    }

    .article-block.special .article-block__preview img {
        height: 150px
    }
}

.auth-outer .auth-inner {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.auth-panel,.promo-block,.social-networks-block {
    width: 100%;
    max-width: 512px;
    margin: 0 auto 2.6rem
}

.auth-head-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.auth-head-wrapper-recovery {
    display: none;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 5px solid #0072ce
}

.auth-body-wrapper {
    border: 1px solid #0072ce;
    border-radius: 0 0 10px 10px
}

.auth-head__tab {
    width: 100%;
    cursor: pointer
}

.auth-head__tab.is-active {
    cursor: default
}

.auth-head__tab.is-active a,.auth-head__tab.is-active span {
    background-color: #0072ce
}

.auth-head__tab a,.auth-head__tab span {
    display: block;
    width: 100%;
    background-color: #d1dde4;
    font: 1.6rem/1.2em "Open Sans Semibold",sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    padding: 1.5rem
}

.auth-body__tab {
    display: none;
    padding: 4rem 9rem 3rem
}

.auth-body__tab.is-active {
    display: block
}

.form__auth {
    width: 100%
}

.form__auth .form__line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.form__auth .form__checkbox .input-file .input-fake[type=checkbox],.form__auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox],.form__auth .form__checkbox input[type=checkbox],.input-file .form__auth .form__checkbox .input-fake[type=checkbox],.input-file-wrapper .form__auth .form__checkbox .input-fake[type=checkbox] {
    display: none
}

.form__auth .form__checkbox .input-file .input-fake[type=checkbox]:checked+label:before,.form__auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox]:checked+label:before,.form__auth .form__checkbox input[type=checkbox]:checked+label:before,.input-file .form__auth .form__checkbox .input-fake[type=checkbox]:checked+label:before,.input-file-wrapper .form__auth .form__checkbox .input-fake[type=checkbox]:checked+label:before {
    content: "\f046"
}

.form__auth .form__checkbox .input-file .input-fake[type=checkbox]+label,.form__auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label,.form__auth .form__checkbox input[type=checkbox]+label,.input-file .form__auth .form__checkbox .input-fake[type=checkbox]+label,.input-file-wrapper .form__auth .form__checkbox .input-fake[type=checkbox]+label {
    padding-left: 20px;
    position: relative;
    font: 1.5rem "Open Sans",sans-serif;
    color: #000;
    cursor: pointer
}

.form__auth .form__checkbox .input-file .input-fake[type=checkbox]+label:before,.form__auth .form__checkbox .input-file-wrapper .input-fake[type=checkbox]+label:before,.form__auth .form__checkbox input[type=checkbox]+label:before,.input-file .form__auth .form__checkbox .input-fake[type=checkbox]+label:before,.input-file-wrapper .form__auth .form__checkbox .input-fake[type=checkbox]+label:before {
    content: "\f096";
    position: absolute;
    z-index: 9;
    top: 4px;
    left: 0;
    display: block;
    font: 1.5rem FontAwesome;
    color: #000
}

.form__auth .form__link {
    font: 1.5rem "Open Sans",sans-serif;
    color: #000;
    padding-left: 20px;
    text-align: right
}

.form__auth .form__link a {
    color: #000
}

.form__auth .form__link a:hover {
    border-bottom: 1px solid #000
}

.form__auth .form__string.error {
    color: red
}

.form__auth .form__string.error .input-file .input-fake,.form__auth .form__string.error .input-file-wrapper .input-fake,.form__auth .form__string.error input,.input-file .form__auth .form__string.error .input-fake,.input-file-wrapper .form__auth .form__string.error .input-fake {
    border-color: red
}

.form__auth .input-error {
    display: block;
    padding-top: 5px
}

.form__auth button {
    width: 100%;
    background-color: #0f90e5
}

.form__auth button:hover {
    background-color: #0d81cd
}

.recovery-hint {
    line-height: 1.5;
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 10px
}

.register-success {
    font: 2em "Open Sans",sans-serif
}

.auth-social__title,.promo-block__title,.social-networks__title {
    color: #000;
    text-align: center;
    margin-bottom: 2rem
}

.auth-panel__agreement {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.auth-panel__agreement-check .input-file .input-fake[type=checkbox],.auth-panel__agreement-check .input-file-wrapper .input-fake[type=checkbox],.auth-panel__agreement-check input[type=checkbox],.input-file .auth-panel__agreement-check .input-fake[type=checkbox],.input-file-wrapper .auth-panel__agreement-check .input-fake[type=checkbox] {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 2px
}

.auth-panel__agreement-text a {
    color: #0a8dbd;
    text-decoration: underline
}

.auth-social {
    width: 100%;
    display: table;
    font-size: 0;
    text-align: center
}

.auth-social li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    margin-bottom: 3rem;
    margin-left: 1rem
}

.auth-social li.auth-social__google a {
    background-image: url(/images/auth-social-google.png)
}

.auth-social li.auth-social__vkontakte a {
    background-image: url(/images/auth-social-vkontakte.png)
}

.auth-social li.auth-social__facebook a {
    background-image: url(/images/auth-social-facebook.png)
}

.auth-social li a {
    display: block;
    width: 4.7rem;
    height: 4.7rem;
    border-radius: 6px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.register-notice {
    margin: 0 auto 45px;
    max-width: 770px
}

.promo-block {
    font-size: 1.4rem
}

.social-networks__title {
    font-size: 2rem
}

.promo-block__list {
    width: 100%;
    display: table;
    font-size: 0;
    text-align: center
}

.promo-block__list li {
    display: inline-block;
    vertical-align: middle;
    margin-right: .8rem;
    margin-left: .8rem;
    width: 60px;
    height: 60px
}

.promo-block__list li img {
    max-width: 100%
}

.social-networks__list {
    width: 100%;
    display: table;
    font-size: 0;
    text-align: center
}

.social-networks__list li {
    display: inline-block;
    vertical-align: middle;
    margin-right: .8rem;
    margin-left: .8rem
}

.social-networks__list-item a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #d1dde4;
    text-align: center;
    line-height: 60px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.social-networks__list-item a:after {
    font-family: FontAwesome;
    font-size: 2.2rem;
    color: #fff
}

.social-networks__list-item.google a:after {
    content: '\f1a0'
}

.social-networks__list-item.google a:hover {
    background-color: #dd4b39
}

.social-networks__list-item.facebook a:after {
    content: '\f09a'
}

.social-networks__list-item.facebook a:hover {
    background-color: #3b5998
}

.social-networks__list-item.vkontakte a:after {
    content: '\f189'
}

.social-networks__list-item.vkontakte a:hover {
    background-color: #45668e
}

@media screen and (max-width: 768px) {
    .auth-outer .auth-inner {
        padding-top:3rem;
        padding-right: 1.5rem;
        padding-bottom: 3rem;
        padding-left: 1.5rem
    }

    .auth-body__tab {
        padding: 2rem 1.5rem 2rem
    }

    .form__auth .form__line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .form__auth .form__checkbox {
        margin-bottom: 1.5rem
    }

    .form__auth .form__link {
        padding-left: 0
    }

    .register-notice {
        margin: 0 auto 45px;
        max-width: 770px;
        padding: 10px 15px 15px 15px;
        font-size: 1.2rem
    }

    .register-notice:before {
        position: static;
        display: block;
        width: 10px;
        margin: 0 auto 10px auto
    }
}

.banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    color: #000;
    text-decoration: none;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(0,31,51,.19);
    box-shadow: 0 0 6px rgba(0,31,51,.19);
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
}

.banner__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 30px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.banner__title {
    margin: 0 0 20px 0;
    font: 2rem/1 "Open Sans Semibold",sans-serif
}

.banner__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font: 1.4rem/1 "Open Sans Semibold",sans-serif;
    min-height: 30px
}

.banner__image {
    width: 50%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-right: 1px solid #e8e8e8
}

.banner__image img {
    display: block;
    max-width: 100%
}

.banner__play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer
}

.banner__play img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.banner__play:hover img {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1)
}

.banner__link {
    min-width: 160px;
    padding: 10px 15px
}

.banner .banner__description--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner .banner__description--centered .banner__title {
    margin: 0
}

@media (max-width: 900px) {
    .banner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: inherit
    }

    .banner__description,.banner__image,.banner__link {
        width: 100%
    }

    .banner__description {
        padding: 20px 20px
    }

    .banner__title {
        font-size: 1.8rem;
        height: inherit;
        margin-bottom: 10px
    }

    .banner__image {
        border-right: none;
        border-bottom: 1px solid #e8e8e8
    }
}

.blog-inner-outer .blog-inner,.blog-inner-outer .blog-inner-inner,.blog-outer .blog-inner,.blog-outer .blog-inner-inner {
    padding-top: 45px;
    padding-bottom: 45px
}

.blog-inner-outer .blog-inner-inner .blog-block {
    border-bottom: 0;
    margin-bottom: 0
}

.blog-inner-outer .blog-inner-inner .blog-block__head {
    max-width: 955px;
    margin: 0 auto 20px
}

.blog-inner-outer .blog-inner-inner .blog-block__title {
    width: 100%
}

.blog-inner-outer .blog-inner-inner .blog-block__body {
    max-width: 955px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.blog-inner-outer .blog-inner-inner .blog-block__body .blog-block__image {
    width: 100%;
    margin-bottom: 20px
}

.blog-inner-outer .blog-inner-inner .blog-block__body .blog-block__description {
    padding-left: 0;
    width: 100%
}

.blog-inner-outer .blog-inner-inner .blog-block__body .blog-block__bottom-line {
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog-inner-outer .blog-inner-inner .blog-block__likes,.blog-inner-outer .blog-inner-inner .blog-block__preview {
    display: inline-block;
    margin-right: 15px
}

.blog-block {
    width: 100%;
    margin-bottom: 40px
}

.blog-block:last-child {
    border-bottom: 0
}

.blog-block__head {
    width: 100%;
    margin-bottom: 10px
}

.blog-block__float-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-block__inform {
    display: block;
    min-width: 240px;
    padding-right: 44px;
    position: relative;
    text-align: right
}

.blog-block__inform:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 20px;
    width: 1px;
    height: 100%;
    background-color: #a0b5c2
}

.blog-block__date {
    font: 2.4rem/1.2em "Open Sans Semibold",sans-serif;
    color: #0072ce
}

.blog-block__date span {
    font-size: 1.8rem
}

.blog-block__category {
    font: 1.8rem "Open Sans",sans-serif;
    color: #a0b5c2
}

.blog-block__title {
    width: 63.55511%;
    font: bold 2.4rem/1.2em "Open Sans",sans-serif;
    color: #000;
    text-transform: uppercase
}

.blog-block__body {
    padding-left: 240px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.blog-block__image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 63.55511%;
    display: inline-block;
    border: 1px solid #d1dde4
}

.blog-block__image:before {
    content: '';
    display: table;
    margin-top: 62.5%
}

.blog-block__description {
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 36.44489%
}

.blog-block__text {
    width: 100%;
    font: 1.6rem "Open Sans",sans-serif;
    color: #000;
    margin-bottom: 20px
}

.blog-block__bottom-line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog-block__comments,.blog-block__likes,.blog-block__preview {
    font: 1.6rem/1em "Open Sans Light",sans-serif;
    color: #000;
    white-space: nowrap;
    margin-right: 30px
}

.blog-block__comments span,.blog-block__likes span,.blog-block__preview span {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.blog-block__comments span:before,.blog-block__likes span:before,.blog-block__preview span:before {
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    font-size: 1.8rem;
    color: #a0b5c2;
    margin-right: 5px;
    margin-bottom: 3px
}

.blog-block__preview span:before {
    content: ''
}

.blog-block__comments span:before {
    content: ''
}

.blog-block__likes {
    cursor: pointer
}

.blog-block__likes span:before {
    content: ''
}

.blog-block__likes.loading span:before {
    content: "\f110";
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}

.blog-block__likes.active span {
    color: #0f90e5
}

.blog-block__likes.active span:before {
    color: #0f90e5
}

.blog-gallery a:focus {
    outline: 0
}

.blog-gallery .owl-carousel {
    padding: 20px 0 60px
}

.blog-gallery .owl-carousel .owl-stage-outer {
    min-width: 100%
}

.blog-gallery .owl-carousel .owl-dots {
    position: absolute;
    z-index: 9;
    bottom: 10px;
    left: 0;
    display: block;
    width: 100%;
    text-align: center
}

.blog-gallery .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #a0b5c2
}

.blog-gallery .owl-carousel .owl-dots .owl-dot.active {
    background-color: #0072ce
}

.blog-gallery .owl-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.blog-gallery .owl-carousel .owl-nav [class*=owl-] {
    position: absolute;
    width: 20px;
    height: 40px;
    top: 50%;
    margin-top: -15px;
    text-align: center
}

.blog-gallery .owl-carousel .owl-nav [class*=owl-]:before {
    font-family: FontAwesome;
    color: #0072ce;
    font-size: 4rem
}

.blog-gallery .owl-carousel .owl-nav .owl-prev {
    left: 5px
}

.blog-gallery .owl-carousel .owl-nav .owl-prev:before {
    content: '\f104'
}

.blog-gallery .owl-carousel .owl-nav .owl-next {
    right: 5px
}

.blog-gallery .owl-carousel .owl-nav .owl-next:before {
    content: '\f105'
}

@media screen and (max-width: 1240px) {
    .blog-inner-outer .blog-inner,.blog-inner-outer .blog-inner-inner,.blog-outer .blog-inner,.blog-outer .blog-inner-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 1065px) {
    .blog-block__body {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blog-block__image {
        width: 100%;
        margin-bottom: 20px
    }

    .blog-block__description {
        padding-left: 0;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .blog-block__head {
        margin-bottom:20px
    }

    .blog-block__inform {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }

    .blog-block__title {
        width: auto
    }

    .blog-block__body {
        padding-left: 0
    }
}

@media screen and (max-width: 699px) {
    .blog-block__date {
        font-size:2rem
    }

    .blog-block__category {
        font-size: 1.4rem
    }

    .blog-block__title {
        font-size: 2rem
    }
}

@media screen and (max-width: 499px) {
    .blog-block__float-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .blog-block__inform {
        text-align: left;
        padding-right: 0;
        margin-bottom: 15px
    }

    .blog-block__inform:after {
        display: none
    }

    .blog-block__inform br {
        display: none
    }

    .blog-block__title {
        font-size: 1.8rem
    }

    .blog-block__likes,.blog-block__preview {
        display: inline-block
    }

    .blog-block__social-wrapper {
        width: 100%;
        margin-top: 15px
    }

    .blog-inner-inner .blog-block__bottom-line {
        display: block
    }

    .blog-inner-inner .social-list {
        margin-top: 15px
    }

    .blog-gallery .owl-carousel {
        padding: 20px 0 20px
    }

    .blog-gallery .owl-dots {
        display: none
    }
}

.books-list-wrapper {
    margin-bottom: 45px
}

.books-list__row {
    padding: 40px 40px 15px 40px;
    margin-bottom: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-image: url(/images/module/books/books-wrapper-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.book-list__item {
    text-decoration: none;
    position: relative;
    -webkit-box-shadow: 0 -3px 15px 3px rgba(0,0,0,.3);
    box-shadow: 0 -3px 15px 3px rgba(0,0,0,.3);
    margin-right: 4.46429%;
    width: 12.94643%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.book-list__item:nth-child(6) {
    margin-right: 0
}

.book-list__item img {
    display: block;
    width: 100%
}

.book-list__item:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.book-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.book-page .book-content {
    width: 75%;
    padding-right: 30px
}

.book-page .book-qr {
    width: 25%;
    background: #e0dfe3;
    padding: 30px
}

.book-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-preview {
    width: 300px;
    margin-right: 40px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.book-preview img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.book-description {
    width: 100%
}

.book-description__text {
    font-size: 1.4rem;
    margin-bottom: 30px
}

.book-description__text p {
    margin-top: 0
}

.book-description__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.book-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.book-buttons .button,.book-buttons .button-block,.book-buttons .button-icon,.book-buttons .button-radius {
    margin-bottom: 10px
}

.book-buttons .button-block:last-child,.book-buttons .button-icon:last-child,.book-buttons .button-radius:last-child,.book-buttons .button:last-child {
    margin-bottom: 0
}

.book-share {
    max-width: 150px
}

.book-share .book-share__text {
    margin-bottom: 10px;
    font-size: 1.2rem;
    text-align: right
}

.book-share ul.social-list {
    float: right
}

.book-share ul.social-list li {
    display: block;
    float: left;
    margin-right: 10px;
    font: 3.5rem/1em icomoon;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.book-share ul.social-list li:last-child {
    margin-right: 0
}

.book-share ul.social-list li.social-list__twitter a:after {
    content: "";
    color: #00aced
}

.book-share ul.social-list li.social-list__vkontakte a:after {
    content: "";
    color: #45668e
}

.book-share ul.social-list li.social-list__facebook a:after {
    content: "";
    color: #3b5998
}

.book-share ul.social-list li.social-list__telegram a:after {
    content: url(/images/online-lessons/icon-telegram.svg)
}

.book-share ul.social-list li.social-list__whatsapp a:after {
    content: url(/images/online-lessons/icon-whatsapp.svg)
}

.book-share ul.social-list li.social-list__mail-ru a:after {
    content: url(/images/online-lessons/icon-mail_ru.svg)
}

.book-qr__code img {
    display: block;
    max-width: 100%
}

.book-qr__text {
    font-size: 1.4rem
}

.book-qr__text ol {
    margin: 0;
    padding-left: 15px
}

.book-qr__text ol li {
    margin-bottom: 10px
}

.book-qr__text ol li:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 999px) {
    .books-list__row {
        padding:20px 20px 10px 20px;
        margin-bottom: -10px
    }

    .book-page .book-qr {
        padding: 20px
    }

    .book-preview {
        width: 270px;
        margin-right: 30px
    }

    .book-description__bottom {
        display: block
    }

    .book-buttons {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .books-list-wrapper {
        margin-bottom:0
    }

    .books-list__row {
        background: 0 0;
        margin-bottom: 0;
        padding: 0
    }

    .book-list__item {
        margin-bottom: 15px;
        margin-right: 1.95567%;
        width: 23.45502%
    }

    .book-list__item:nth-child(6) {
        margin-right: 5%
    }

    .book-list__item:nth-child(4) {
        margin-right: 0
    }

    .book-page {
        display: block
    }

    .book-page .book-content {
        width: 100%;
        padding: 0;
        margin-bottom: 40px
    }

    .book-page .book-qr {
        width: 100%;
        max-width: 300px;
        margin: 0 auto
    }

    .book-preview {
        width: 220px;
        margin-right: 20px
    }
}

@media screen and (max-width: 599px) {
    .books-list__row {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .book-list__item {
        margin: 0 10px 15px 10px;
        width: 40%;
        max-width: 150px
    }

    .book-list__item:nth-child(4),.book-list__item:nth-child(6) {
        margin: 0 10px 15px 10px
    }

    .book-content {
        display: block;
        max-width: 300px;
        margin: 0 auto 30px auto
    }

    .book-preview {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .book-share {
        text-align: center;
        max-width: 100%
    }

    .book-share .book-share__text {
        text-align: center
    }

    .book-share .social-list {
        display: inline-block;
        float: none
    }
}

.career_header-outer {
    padding: 15rem 0 16rem;
    background: url(/images/module/career/career-header-bg-current.jpg) no-repeat center;
    background-size: cover;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}

.career_vacancies-inner .message-inform {
    max-width: 70%;
    margin: 20px auto
}

.career_header-text {
    margin: 0 auto;
    max-width: 46rem
}

.career_header-title {
    padding-bottom: 1.7rem;
    margin-bottom: 1.7rem;
    text-align: center;
    font-size: 4.8rem;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #fff;
    text-transform: uppercase
}

.career_header-subtitle {
    margin: 0;
    font-size: 2.4rem;
    text-align: center;
    color: #fff;
    font-family: "Open Sans Light",sans-serif;
    text-transform: uppercase
}

.career_info-top {
    margin-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.career_info__img {
    margin-right: 3rem
}

.career_info__img img {
    width: 168px;
    border-radius: 15px
}

.career_info__img:last-of-type {
    margin-right: 0
}

.career_info-info {
    margin: 0 auto 7rem;
    color: #2c3e50;
    font-size: 1.8rem;
    line-height: 1.2em;
    text-align: center;
    max-width: 70%
}

.career_info-info ol,.career_info-info ul {
    list-style: none
}

.career_vacancies-info {
    margin: 0 auto 2.4rem;
    color: #2c3e50;
    font-size: 1.8rem;
    line-height: 1.2em;
    text-align: center;
    max-width: 70%
}

.career_vacancies-info:last-of-type {
    margin-bottom: 7rem
}

.vacancies-list {
    margin: 0 auto 30px;
    max-width: 70%;
    background-color: #fff
}

.vacancy-item {
    border-bottom: 1px solid #c9cfd5
}

.vacancy-item.active .vacancy-item__header {
    background: #e6ebf1;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2)
}

.vacancy-item.active .vacancy-item__header:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    color: #d6150b
}

.vacancy-item.active .vacancy-item__header:before {
    background: #dd3b34
}

.vacancy-item__header {
    position: relative;
    font-size: 1.8rem;
    color: #2c3e50;
    display: block;
    text-decoration: none;
    padding: 20px 40px;
    -webkit-transition: ease background .2s;
    -o-transition: ease background .2s;
    transition: ease background .2s
}

.vacancy-item__header.active {
    color: #02afe1!important
}

.vacancy-item__header:before {
    content: '';
    top: 50%;
    left: 15px;
    margin-top: -4px;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #e5e9ed;
    border-radius: 50%
}

.vacancy-item__header:after {
    content: '\F105';
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 30px;
    margin-top: -15px;
    font: 3rem/1 FontAwesome;
    color: #e5e9ed;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    text-align: center
}

.vacancy-item__header:hover {
    cursor: pointer;
    background-color: #f9f9f9
}

.vacancy-item__info {
    display: none;
    background-color: #edf1f5;
    overflow: hidden;
    padding: 30px 30px
}

.vacancy-item__text {
    padding-left: 30px;
    border-left: 1px solid #c9cfd5;
    font-size: 1.8rem;
    color: #2c3e50;
    margin-bottom: 20px
}

.vacancy-item__text ul {
    list-style: disc;
    padding-left: 20px
}

.vacancy-item__bottom {
    text-align: right
}

.vacancy-item__btn {
    min-width: 180px;
    padding: 15px 30px
}

.career_vacancies-date {
    margin: 0 auto 7rem;
    max-width: 70%;
    color: #2c3e50;
    font-size: 1.6rem;
    display: block;
    text-align: right
}

.career_vacancies-date span {
    font-family: "Open Sans Semibold",sans-serif
}

.career_vacancies-phone {
    margin: 0 auto 7rem;
    max-width: 70%;
    color: #2c3e50;
    font-size: 1.6rem;
    display: block;
    text-align: center
}

.career_vacancies-phone span {
    margin-top: 1.7rem;
    font-family: "Open Sans Semibold",sans-serif;
    display: block
}

@media screen and (max-width: 768px) {
    .career_info-top {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .career_vacancies-info {
        max-width: 90%
    }
}

@media screen and (max-width: 650px) {
    .career_info__img {
        margin-bottom:1rem
    }
}

@media screen and (max-width: 480px) {
    .career_header-outer {
        padding:5rem 0
    }

    .career_header-subtitle {
        font-size: 1.8rem
    }

    .career_header-title {
        font-size: 3.8rem
    }

    .career_info-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .career_info__img {
        margin-right: 0
    }

    .career_info-info {
        margin-bottom: 3rem;
        max-width: 100%;
        padding: 0 20px;
        font-size: 1.6rem
    }

    .career_vacancies-date,.career_vacancies-phone {
        max-width: 100%;
        padding: 0 20px
    }

    .career_vacancies-info {
        font-size: 1.6rem;
        max-width: 100%;
        padding: 0 20px
    }

    .vacancies-list {
        max-width: 100%
    }
}

.centers_header-outer {
    padding: 15rem 0 16rem;
    background: url(/images/centers.jpg) no-repeat 0 0;
    background-size: cover;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}

.centers_header-text {
    margin: 0 auto;
    max-width: 58rem
}

.centers_header-title {
    padding-bottom: 1.7rem;
    margin-bottom: 1.7rem;
    text-align: center;
    font-size: 4.8rem;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #fff;
    text-transform: uppercase
}

.centers_header-subtitle {
    margin: 0;
    font-size: 2.4rem;
    line-height: 1.3em;
    text-align: center;
    color: #fff;
    font-family: "Open Sans Light",sans-serif;
    text-transform: uppercase
}

.centers_contacts-wrapper {
    padding-top: 3.5rem;
    width: 100%;
    height: 52.6rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.centers_contacts-wrapper:nth-child(even) .centers_contacts-block__photo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 15rem;
    margin-right: 0
}

.centers_contacts-wrapper:nth-child(even) .centers_contacts-description {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.centers_contacts-wrapper:nth-child(even) .centers_contacts-photo-img {
    margin-left: 3rem;
    margin-right: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.centers_contacts-wrapper:nth-child(even) .centers_contacts-photo-text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: right
}

.centers_contacts-wrapper:nth-child(3) {
    margin-bottom: 7rem
}

.centers_contacts__wrapper-inner {
    max-width: 960px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.centers_contacts-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.centers_contacts-block__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 15rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.centers_contacts-block__photo img {
    max-width: 100%;
    display: block
}

.centers_contacts-description {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: block;
    max-width: 28rem
}

.centers_contacts-description-photo {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.centers_contacts-photo-img {
    margin-right: 3rem
}

.centers_contacts-description-title {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    display: block;
    font-family: "Open Sans Semibold",sans-serif;
    color: #fff;
    text-align: center
}

.centers_contacts-description-text {
    font-size: 1.8rem;
    display: block;
    text-align: center;
    color: #fff
}

.centers_contacts-photo-text {
    margin-bottom: 8rem;
    font-size: 1.8rem;
    color: #fff
}

.centers_contacts-photo-text a {
    font-size: 1.8rem;
    color: #fff
}

.centers_contacts-photo-text-bold {
    display: block;
    font-family: "Open Sans Semibold",sans-serif
}

.centers_contacts-photo-text-regular {
    margin-bottom: 2.5rem;
    display: block
}

.centers_phone-text {
    margin: 0 auto 7rem;
    max-width: 70%;
    color: #2c3e50;
    font-size: 1.6rem;
    display: block;
    text-align: center
}

.centers_phone-text__bold {
    margin-top: 1.7rem;
    font-family: "Open Sans Semibold",sans-serif;
    display: block;
    color: #2c3e50;
    font-size: 1.6rem;
    text-align: center
}

.centers_resourcess-row {
    margin: 0 auto;
    max-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.centers_resources-col {
    padding: 0 2rem;
    width: 50%
}

.centers_resources__img {
    margin-bottom: 3rem;
    text-align: center
}

.centers_resources__img img {
    max-width: 100%
}

.centers_resources-text {
    margin: 0 auto;
    color: #2c3e50;
    font-size: 1.8rem;
    display: block;
    text-align: left
}

.centers_resources-link {
    color: #2c3e50;
    text-decoration: none
}

.centers_tasks-row {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 80%
}

.centers_task-col {
    width: 50%
}

.centers_task__img {
    margin-bottom: 4rem;
    text-align: center
}

.centers_task__img img {
    max-width: 100%
}

.centers_task-text {
    margin: 0 auto;
    max-width: 35rem;
    color: #2c3e50;
    font-size: 1.8rem;
    line-height: 1.2em;
    display: block;
    text-align: center
}

.centers_task-link {
    color: #2c3e50;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .centers_contacts-block__photo {
        margin-right:5rem
    }

    .centers_contacts-block {
        max-width: 90%
    }

    .centers_contacts__wrapper-inner {
        padding-top: 2rem;
        height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 900px) {
    .centers_contacts-wrapper {
        padding-top:2rem;
        height: auto
    }

    .centers_contacts-wrapper:nth-child(even) .centers_contacts-block__photo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 0;
        margin-right: 0
    }

    .centers_contacts-wrapper:nth-child(even) .centers_contacts-description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .centers_contacts-wrapper:nth-child(even) .centers_contacts-photo-img {
        margin-left: 0;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .centers_contacts-wrapper:nth-child(even) .centers_contacts-photo-text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center
    }

    .centers_contacts-wrapper:nth-child(even) .centers_contacts-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .centers_contacts-wrapper:nth-child(even) .centers_contacts-block__photo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .centers_contacts-block {
        width: 90%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .centers_contacts-block__photo {
        margin-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .centers_contacts-photo-img {
        margin-right: 0
    }

    .centers_contacts-description {
        margin-bottom: 2rem;
        max-width: 100%
    }

    .centers_contacts-description-photo {
        display: none
    }

    .centers_contacts-photo-text {
        margin-bottom: 3rem;
        text-align: center
    }

    .centers_contacts-block__photo img {
        max-width: 350px
    }
}

@media screen and (max-width: 767px) {
    .centers_resourcess-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .centers_resources-col {
        margin-bottom: 3rem;
        width: 100%
    }

    .centers_resources-col:last-of-type {
        margin-bottom: 0
    }

    .centers_tasks-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .centers_task-col {
        margin-bottom: 3rem;
        width: 80%
    }

    .centers_task-col:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (max-width: 480px) {
    .centers_resourcess-row {
        max-width:90%
    }

    .centers_resources-col {
        width: 100%
    }

    .centers_header-outer {
        padding: 5rem 0
    }

    .centers_header-subtitle {
        font-size: 1.8rem
    }

    .centers_header-title {
        font-size: 3.8rem
    }

    .centers_tasks-row {
        max-width: 90%
    }

    .centers_task-col {
        width: 100%
    }
}

.contacts-outer {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto auto
}

.contacts-outer .contacts-inner {
    max-width: 1000px;
    padding-top: 40px;
    padding-bottom: 40px
}

.contacts-outer .contacts-inner:after {
    content: '';
    display: table;
    clear: both
}

.contacts-column {
    width: 50%;
    display: block;
    float: left;
    padding-left: 40px
}

.contacts-column:first-child {
    border-right: 1px solid #e2ecf2;
    padding-right: 40px;
    padding-left: 0
}

.contacts-form {
    display: block;
    width: 100%
}

.contacts-form .form__string {
    width: 100%;
    display: block;
    margin-bottom: 20px
}

.contacts-form .form__string:after {
    content: '';
    display: table;
    clear: both
}

.contacts-form .form__string .input-file .input-fake,.contacts-form .form__string .input-file-wrapper .input-fake,.contacts-form .form__string input,.contacts-form .form__string textarea,.input-file .contacts-form .form__string .input-fake,.input-file-wrapper .contacts-form .form__string .input-fake {
    width: 100%;
    border: 1px solid #e2ecf2;
    border-radius: 4px;
    font: 1.6rem "Open Sans Light",sans-serif;
    color: #333;
    padding-right: 14px;
    padding-left: 14px
}

.contacts-form .form__string .input-file .input-fake::-webkit-input-placeholder,.contacts-form .form__string .input-file-wrapper .input-fake::-webkit-input-placeholder,.contacts-form .form__string input::-webkit-input-placeholder,.contacts-form .form__string textarea::-webkit-input-placeholder,.input-file .contacts-form .form__string .input-fake::-webkit-input-placeholder,.input-file-wrapper .contacts-form .form__string .input-fake::-webkit-input-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.contacts-form .form__string .input-file .input-fake::-moz-placeholder,.contacts-form .form__string .input-file-wrapper .input-fake::-moz-placeholder,.contacts-form .form__string input::-moz-placeholder,.contacts-form .form__string textarea::-moz-placeholder,.input-file .contacts-form .form__string .input-fake::-moz-placeholder,.input-file-wrapper .contacts-form .form__string .input-fake::-moz-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.contacts-form .form__string .input-file .input-fake:-moz-placeholder,.contacts-form .form__string .input-file-wrapper .input-fake:-moz-placeholder,.contacts-form .form__string input:-moz-placeholder,.contacts-form .form__string textarea:-moz-placeholder,.input-file .contacts-form .form__string .input-fake:-moz-placeholder,.input-file-wrapper .contacts-form .form__string .input-fake:-moz-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.contacts-form .form__string .input-file .input-fake:-ms-input-placeholder,.contacts-form .form__string .input-file-wrapper .input-fake:-ms-input-placeholder,.contacts-form .form__string input:-ms-input-placeholder,.contacts-form .form__string textarea:-ms-input-placeholder,.input-file .contacts-form .form__string .input-fake:-ms-input-placeholder,.input-file-wrapper .contacts-form .form__string .input-fake:-ms-input-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.contacts-form .form__string .input-file .input-fake,.contacts-form .form__string .input-file-wrapper .input-fake,.contacts-form .form__string input,.input-file .contacts-form .form__string .input-fake,.input-file-wrapper .contacts-form .form__string .input-fake {
    height: 45px
}

.contacts-form .form__string textarea {
    min-height: 200px;
    resize: vertical;
    padding-top: 10px;
    padding-bottom: 10px
}

.contacts-form .form__string button {
    float: right;
    border-radius: 3px;
    font: 1.9rem "Open Sans Light",sans-serif;
    padding: 12px 57px
}

.contacts-column__logotype {
    margin-bottom: 40px;
    max-width: 160px
}

.contacts-column__logotype img {
    max-width: 100%
}

.contacts-column__title {
    font: 1.6rem "Open Sans Semibold",sans-serif;
    color: #000;
    margin-bottom: 8px
}

.contacts-column__text {
    font: 1.7rem "Open Sans Light",sans-serif;
    color: #000;
    margin-bottom: 20px
}

.contacts-column__text a {
    border-bottom: 1px solid #a3a3a3;
    color: #000
}

.contacts-column__tel {
    display: block;
    font: 3rem "Open Sans Light",sans-serif;
    color: #000;
    line-height: .9em;
    margin-bottom: 20px
}

.contacts-column__tel i {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-size: 1.7rem;
    line-height: 1.2em;
    margin-right: 5px
}

@media screen and (max-width: 1240px) {
    .contacts-outer .contacts-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 999px) {
    .contacts-outer {
        background-position:60% bottom
    }
}

@media screen and (max-width: 767px) {
    .contacts-outer {
        background:0 0!important
    }

    .contacts-column {
        padding-left: 20px
    }

    .contacts-column:first-child {
        padding-right: 20px
    }
}

@media screen and (max-width: 499px) {
    .contacts-outer .contacts-inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts-outer .contacts-inner .contacts-column {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px
    }

    .contacts-outer .contacts-inner .contacts-column:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border-right: 0;
        padding-right: 0;
        margin-bottom: 0
    }

    .contacts-column__logotype {
        margin-bottom: 20px
    }
}

.course-page-outer {
    padding-bottom: 50px
}

.course-page__top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.course-page__top .button-radius {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    min-width: 170px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in,-webkit-transform .2s ease-in;
    transition: opacity .2s ease-in,-webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in,opacity .2s ease-in;
    transition: transform .2s ease-in,opacity .2s ease-in;
    transition: transform .2s ease-in,opacity .2s ease-in,-webkit-transform .2s ease-in
}

.course-page__top .study-block {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 130px;
    min-width: 130px;
    margin-top: -65px;
    margin-right: 30px
}

.course-page__top .study-block:hover {
    cursor: default
}

.course-page__top .breadcrumbs-wrapper {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.breadcrumbs-outer.course-filter-wrapper {
    height: auto;
    overflow: visible;
    visibility: visible
}

.breadcrumbs-outer.course-filter-wrapper .breadcrumbs-inner:after,.breadcrumbs-outer.course-filter-wrapper .breadcrumbs-inner:before {
    content: " ";
    display: table
}

.breadcrumbs-outer.course-filter-wrapper .breadcrumbs-inner:after {
    clear: both
}

.breadcrumbs-outer.course-filter-wrapper .breadcrumbs {
    float: left
}

.breadcrumbs-outer.course-filter-wrapper .filter-wrapper {
    float: right
}

#study-cat-wrapper {
    display: none
}

.filter {
    position: relative;
    width: 300px
}

.filter__toggle {
    border: 1px solid #d7dde1;
    border-radius: 3px;
    text-align: left;
    padding: 11px 35px 11px 15px;
    width: 100%;
    position: relative;
    background: #fff
}

.filter__toggle:after {
    content: '\f0d7';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.filter__toggle.is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.filter-list {
    display: none;
    min-width: 100%;
    position: absolute;
    z-index: 99;
    top: calc(100% - 1px);
    left: 0;
    overflow: hidden;
    background: #fff;
    font-size: 1.6rem;
    border: 1px solid #d7dde1;
    -webkit-box-shadow: 0 5px 5px rgba(0,31,51,.3);
    box-shadow: 0 5px 5px rgba(0,31,51,.3);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.filter-list .filter-list__link {
    display: block;
    text-decoration: none;
    padding: 10px 10px;
    color: #000
}

.filter-list .filter-list__link:hover {
    background: #e8f1f7
}

.course-lessons-inner.on-bottom {
    padding-bottom: 60px
}

.lesson-array {
    width: 102.30956%;
    margin-left: -1.15478%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 0;
    text-align: center
}

.lesson-array .lesson-block {
    width: 22.69044%;
    margin-right: 1.15478%;
    margin-left: 1.15478%;
    margin-bottom: 30px
}

.lesson-array.array_column_three {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 880px;
    margin: 0 auto
}

.lesson-array.array_column_three .lesson-block {
    width: 31.02273%
}

.lesson-array-control.array_column_three {
    margin: 0 auto;
    max-width: 900px
}

.course-page__description {
    max-width: 980px;
    margin: 0 auto;
    color: #2c3e50;
    font: 1.8rem/1.5em "Open Sans",sans-serif
}

.course-page__description ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 20px
}

.course-page__description p {
    margin: 0 0 20px 0
}

.course-page__description h2 {
    font-size: 2.2rem
}

.course-page__description a {
    color: #00aced
}

.course-page__description a:hover {
    text-decoration: underline
}

@media screen and (max-width: 1240px) {
    .breadcrumbs-outer.course-filter-wrapper .breadcrumbs {
        float:none
    }
}

@media screen and (max-width: 1115px) {
    .course-page__top .study-block {
        width:90px;
        min-width: 90px;
        margin-top: -35px;
        margin-right: 20px
    }
}

@media screen and (max-width: 992px) {
    .lesson-array {
        width:104.03226%;
        margin-left: -2.01613%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lesson-array .lesson-block {
        width: 28.80305%;
        margin-right: 2.01613%;
        margin-left: 2.01613%
    }

    .lesson-array.array_column_three {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 100%;
        margin: auto
    }

    .lesson-array.array_column_three .lesson-block {
        width: 28.80305%
    }
}

@media screen and (max-width: 768px) {
    .course-page__top {
        display:block;
        padding-top: 30px
    }

    .course-page__top .study-block {
        display: none;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0
    }

    .breadcrumbs-outer.course-filter-wrapper {
        margin-bottom: 0
    }

    .breadcrumbs-outer.course-filter-wrapper .breadcrumbs,.breadcrumbs-outer.course-filter-wrapper .filter-wrapper {
        float: none;
        margin: 0 auto
    }

    .breadcrumbs-outer.course-filter-wrapper .filter {
        margin-top: 15px;
        width: 100%
    }

    .lesson-array {
        width: 103.71094%;
        margin-left: -1.85547%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lesson-array .lesson-block {
        width: 45.80468%;
        margin-right: 1.85547%;
        margin-left: 1.85547%
    }

    .lesson-array.array_column_three .lesson-block {
        width: 45.80468%
    }

    .course-page__description {
        font-size: 1.4rem
    }

    .course-page__description h2 {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 576px) {
    .course-lessons-inner {
        padding-left:0;
        padding-right: 0
    }

    .lesson-array-carousel {
        display: block;
        height: 350px;
        width: 100%
    }

    .lesson-array-carousel .owl-stage-outer {
        padding: 20px 0
    }

    .lesson-array-carousel .owl-dots {
        margin-top: 20px
    }

    .lesson-array-carousel .lesson-block {
        width: 100%;
        height: 100%;
        max-width: 300px;
        margin-bottom: 0
    }

    .lesson-array-carousel .lesson-block__description {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 479px) {
    .course-page-outer .course-page-inner .study-block .study-block__image img {
        max-width:60%
    }

    .lesson-array {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lesson-array .lesson-block {
        width: 100%;
        max-width: 280px;
        min-width: 205px;
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 375px) {
    .course-filter-wrapper .filter {
        width:100%
    }
}

.contest-outer .contest-inner {
    padding-top: 20px;
    padding-bottom: 40px
}

.contest-groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contest-group-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px;
    width: 100%;
    max-width: 250px;
    margin: 20px 30px 30px 30px;
    padding: 10px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(0,31,51,.19);
    box-shadow: 0 0 6px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s;
    color: #000;
    font: 1.8rem "Open Sans Semibold",sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center
}

.contest-group-block img {
    max-width: 100%;
    max-height: 100%
}

.contest-group-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.3);
    box-shadow: 0 0 29px rgba(0,31,51,.3)
}

.contest-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(0,31,51,.19);
    box-shadow: 0 0 6px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
}

.contest-block__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 30px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.contest-block__title {
    margin: 0 0 20px 0;
    font: 2rem/1 "Open Sans Semibold",sans-serif
}

.contest-block__text {
    height: 100%;
    font: 1.6rem "Open Sans",sans-serif
}

.contest-block__text p {
    margin-top: 0
}

.contest-block__image {
    width: 50%;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #e8e8e8;
    padding: 30px;
    height: 250px
}

.contest-block__image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.contest-block__link {
    margin-top: 15px
}

.contest-block__status {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase
}

.contest-block__status.active {
    background: #2daafc
}

.contest-block__status.finished {
    background: #ffdb4d;
    color: #000
}

.contest-block__status.soon {
    background: #e2ecf2;
    color: #000
}

.contest-title {
    text-align: center;
    text-transform: uppercase;
    font: 2rem "Open Sans Semibold",sans-serif;
    margin: 0 0 30px 0;
    padding: 0
}

.contest-logo {
    max-width: 500px;
    margin: 0 auto 50px auto
}

.contest-logo img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.contest-logo.contest-logo--banner {
    display: none
}

.contest-tabs-nav .tabs-nav__item.is-active .tabs-nav__link {
    padding: 16px 15px 15px
}

.contest-content.tabs-content {
    padding: 40px
}

.contest-content .contest-content__block {
    max-width: 920px;
    margin: 0 auto;
    font: 1.6rem "Open Sans",sans-serif;
    line-height: 2
}

.contest-participation {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.contest-participation .checkbox {
    padding-left: 0
}

.contest-participation .checkbox label {
    font: 1.4rem "Open Sans Semibold",sans-serif
}

.contest-participation .button,.contest-participation .button-block,.contest-participation .button-radius {
    margin-top: 15px
}

.contest-participation .message-block {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

.contest-form-wrapper {
    max-width: 900px;
    margin: 0 auto
}

.contest-form-wrapper .notice-block {
    max-width: 100%;
    margin-bottom: 30px
}

.contest-form-confirmation {
    margin-top: 30px;
    text-align: center
}

.contest-form-confirmation .checkbox label {
    padding-left: 0;
    font: 1.4rem "Open Sans Semibold",sans-serif
}

.contest-form-confirmation .button,.contest-form-confirmation .button-block,.contest-form-confirmation .button-radius {
    margin-top: 15px
}

.contest-articles-outer .contest-articles-inner {
    padding-bottom: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contest_button_warning {
    margin-top: 15px
}

.contest_button_warning span {
    float: right;
    font-size: 11px
}

.tabs-nav_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5rem
}

#button-next {
    -webkit-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}

.contest-rating-table {
    width: 100%
}

.contest-rating-table .contest-rating-count {
    color: #363839;
    font: 1.8rem/1.2em "Open Sans",sans-serif;
    margin-bottom: 2rem;
    font-weight: 600
}

.contest-rating-table .contest-rating-count span {
    color: #0072ce;
    font-weight: 600
}

.contest-rating-table .contest-rating-refresh {
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    margin-bottom: 3rem;
    color: #363839
}

.contest-rating-table thead {
    background: #f0f3f6;
    border-radius: 4px
}

.contest-rating-table thead th {
    font: 600 1.6rem/1.2em "Open Sans",sans-serif;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: left;
    color: #363839
}

.contest-rating-table thead th:nth-child(odd) {
    text-align: center
}

.contest-rating-table thead th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.contest-rating-table thead th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.contest-rating-table tbody tr {
    border-bottom: 1px solid #ccdef0
}

.contest-rating-table tbody tr.current {
    background-color: #fff8cd
}

.contest-rating-table tbody td {
    padding: 10px 20px
}

.contest-rating-table tbody td:nth-child(odd) {
    text-align: center
}

.tabs-content__panel.online_school {
    max-width: 1014px
}

.tabs-content__panel.online_school ul {
    padding-left: 40px;
    list-style: disc
}

@keyframes glowing {
    0% {
        background-color: #ff9000;
        -webkit-box-shadow: 0 0 2px #ff9000;
        box-shadow: 0 0 2px #ff9000
    }

    50% {
        background-color: #ffb000;
        -webkit-box-shadow: 0 0 9px #ffb000;
        box-shadow: 0 0 9px #ffb000
    }

    100% {
        background-color: #ff9000;
        -webkit-box-shadow: 0 0 2px #ff9000;
        box-shadow: 0 0 2px #ff9000
    }
}

@media screen and (max-width: 999px) {
    .contest-logo.contest-logo--banner {
        display:block
    }
}

@media screen and (max-width: 992px) {
    .contest-block__description {
        width:60%
    }

    .contest-block__image {
        width: 40%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 768px) {
    .contest-tabs-nav .tabs-nav__item.is-active .tabs-nav__link {
        padding:10px 10px 10px
    }

    .contest-tabs-nav .tabs-nav__link {
        font-size: 1.4rem;
        padding: 10px 10px 10px
    }
}

@media screen and (max-width: 576px) {
    .contest-content.tabs-content {
        padding:10px
    }

    .contest-content .contest-content__block {
        font-size: 1.4rem;
        line-height: 2.4
    }

    .contest-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }

    .contest-block .contest-block__image {
        width: 100%;
        padding: 15px 10px;
        height: 150px;
        border-right: none;
        border-bottom: 1px solid #e8e8e8
    }

    .contest-block .contest-block__description {
        width: 100%;
        padding: 20px
    }

    .contest-participation {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .contest-articles-outer .contest-articles-inner {
        padding-bottom: 0
    }

    .contest-rating-table .contest-rating-count {
        margin-top: 2rem;
        font: 600 1.4rem/1.2em "Open Sans",sans-serif
    }

    .contest-rating-table .contest-rating-refresh {
        font: 1.2rem/1.2em "Open Sans",sans-serif
    }

    .contest-rating-table tbody td {
        padding: 5px;
        font-size: 1.2rem
    }

    .contest-rating-table tbody td:last-child {
        display: none
    }

    .contest-rating-table thead th {
        padding: 5px;
        font-size: 1.2rem
    }

    .contest-rating-table thead th:last-child {
        display: none
    }
}

.lesson-page-outer .lesson-page-inner {
    padding-bottom: 50px
}

.lesson-study {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    border-radius: 22px;
    background-color: #fff;
    padding: 10px
}

.lesson-control {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px
}

.lesson-control .button-wrapper>* {
    margin-right: 15px
}

.lesson-control .button-wrapper>:last-child {
    margin-right: 0
}

.lesson-control.lesson-control--has-approve {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lesson-description {
    font: 1.6rem/1.4em "Open Sans",sans-serif;
    margin-bottom: 30px;
    text-align: justify
}

.lesson-description a {
    text-decoration: underline
}

.lesson-video-description:after,.lesson-video-description:before {
    content: " ";
    display: table
}

.lesson-video-description:after {
    clear: both
}

.lesson-video-description .lesson-description {
    float: left
}

.lesson-video-description .lesson-share {
    float: right
}

.lesson-video {
    width: 100%
}

.lesson-video__footer {
    padding: 15px 0
}

.lesson-video__footer>* {
    margin-right: 15px
}

.lesson-video__footer>:last-child {
    margin-right: 0
}

.lesson-info {
    margin: 20px 0 0 0;
    background-color: #ecf0f1;
    clear: both;
    color: #829192;
    padding: 10px 15px;
    font: 1.2rem/1em "Open Sans",sans-serif
}

.lesson-info>* {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 27px
}

.lesson-info>.icon {
    font-size: 1.4rem;
    margin: 0 10px 0 0
}

.lesson-info>.icon:before {
    font-family: FontAwesome;
    margin-right: 5px
}

.lesson-info>.icon.icon_view:before {
    content: '\f06e'
}

.lesson-info>.icon.icon_favorite:before {
    content: '\f004'
}

.lesson-info .lesson_tag_title {
    font-weight: 700;
    margin: 0 5px 0 20px
}

.lesson-info .lesson_tag_item {
    margin: 0 5px 0 0
}

.lesson-info .lesson_report_btn {
    cursor: pointer;
    float: right;
    text-decoration: underline
}

.lesson-preview-wrapper:after,.lesson-preview-wrapper:before {
    content: " ";
    display: table
}

.lesson-preview-wrapper:after {
    clear: both
}

.lesson-preview {
    float: left;
    margin: 0 15px 15px 0;
    position: relative
}

.lesson-preview>img {
    display: block;
    background-color: #f0f0f0;
    color: #f0f0f0;
    width: 100%;
    max-width: 400px
}

.lesson-preview .lesson_error {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7) url(/images/module/content/lock_icon.png) no-repeat center center;
    text-align: center
}

.lesson-preview .lesson_error .lesson_error_message {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    padding: 70px 0 0
}

.lesson-preview .lesson_error .button,.lesson-preview .lesson_error .button-block,.lesson-preview .lesson_error .button-radius {
    margin: 20px 0 0
}

.lesson-scorm iframe {
    border: none;
    width: 100%;
    min-height: 700px
}

.lesson-audio {
    border: 1px solid #e1e1e1;
    padding: 40px
}

.lesson-audio__content {
    max-width: 600px;
    margin: 0 auto
}

.lesson-audio__slider {
    position: relative;
    max-width: 600px
}

.lesson-audio__slider .owl-dots {
    padding: 20px 0
}

.lesson-audio__slider .owl-dots .owl-dot {
    width: 10px;
    height: 10px
}

.lesson-audio__description {
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 0;
    font-size: 1.6rem;
    line-height: 1.4
}

.lesson-audio__preview img {
    display: block;
    max-width: 100%;
    width: 100%
}

@media screen and (max-width: 1240px) {
    .lesson-page-outer .lesson-page-inner {
        padding-right:20px;
        padding-left: 20px
    }

    .lesson-preview {
        float: none;
        max-width: 400px;
        margin: 0 auto 15px auto
    }

    .lesson-preview .lesson_error .lesson_error_message {
        font-size: 1.4rem;
        padding: 20px 0 0
    }

    .lesson-preview .lesson_error .button,.lesson-preview .lesson_error .button-block,.lesson-preview .lesson_error .button-radius {
        margin: 20px 0 0
    }
}

@media screen and (max-width: 768px) {
    .lesson-audio {
        padding:20px
    }

    .lesson-control {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .lesson-info .lesson_report_btn {
        float: none
    }

    .lesson-info .lesson_tag_title {
        display: block;
        margin: 0
    }

    .lesson-video-description .lesson-description,.lesson-video-description .lesson-share {
        float: none
    }

    .lesson-video-description .lesson-share {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 576px) {
    .lesson-audio {
        padding:0;
        border: none
    }

    .lesson-audio__slider {
        display: none
    }

    .lesson-audio__slider .owl-dots {
        padding: 15px 0
    }

    .lesson-audio__slider .owl-dots .owl-dot {
        width: 5px;
        height: 5px;
        margin-right: 5px
    }

    .lesson-audio__description {
        padding: 10px 0;
        font-size: 1.4rem
    }

    .lesson-control--has-approve {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lesson-control--has-approve .lesson-approved--link {
        margin-bottom: 10px
    }
}

.device-menu__login-switcher.is-active,.device-menu__study-switcher.is-active,.device-menu__switcher.is-active {
    background-color: #0080d2
}



.device-modal__enter,.device-modal__login-menu,.device-modal__menu,.device-modal__study {
    position: fixed;
    z-index: 98;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    max-width: 360px;
    max-height: 0;
    padding-top: 60px;
    overflow: hidden;
    background: rgba(0,69,117,.9);
    transition: max-height 0.3s ease-out;
}

.device-modal__enter:after,.device-modal__login-menu:after,.device-modal__menu:after,.device-modal__study:after {
    content: '';
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 70px;
    height: 160px;
    background-color: rgba(0,69,117,.7)
}

.device-modal__enter .lk-panel__account,.device-modal__login-menu .lk-panel__account,.device-modal__menu .lk-panel__account,.device-modal__study .lk-panel__account {
    padding: 15px 75px 15px 15px;
    margin-bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.device-modal__enter .lk-panel__account:after,.device-modal__login-menu .lk-panel__account:after,.device-modal__menu .lk-panel__account:after,.device-modal__study .lk-panel__account:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 70px;
    height: 100px;
    background: rgba(0,69,117,.7)
}

.device-modal__enter .lk-panel__account-photo,.device-modal__login-menu .lk-panel__account-photo,.device-modal__menu .lk-panel__account-photo,.device-modal__study .lk-panel__account-photo {
    min-width: 100px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 15px
}

.device-modal__enter .account-description__name,.device-modal__login-menu .account-description__name,.device-modal__menu .account-description__name,.device-modal__study .account-description__name {
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 7px;
    max-width: 160px
}

.device-modal__enter .account-description__email,.device-modal__login-menu .account-description__email,.device-modal__menu .account-description__email,.device-modal__study .account-description__email {
    font-size: 1.4rem;
    color: #a0b5c2;
    max-width: 160px
}

.device-modal__close {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 18px
}

.device-modal__close:after,.device-modal__close:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 5px;
    background-color: #fff;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    border-radius: 4px
}

.device-modal__close:after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.category-modal-open .device-modal__enter {
    z-index: 10151;
    max-width: 100%;
    height: 100%;
    width: 100%;
    padding-bottom: 30px
}

.category-modal-open .device-modal__enter>div:not(.device-modal__close) {
    max-width: 400px;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.category-modal-open .device-modal__enter>div:not(.device-modal__close) form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: 0 0
}

.category-modal-open .device-modal__enter .device-modal__close {
    display: block
}

ul.device-modal__smart-menu li {
    font: 1.9rem/1.2em "Open Sans",sans-serif;
    color: #fff;
    padding-right: 70px;
    border-top: 1px solid #0b79c0;
    position: relative
}

ul.device-modal__smart-menu li.is-active {
    background-color: rgba(45,170,252,.5)
}

ul.device-modal__smart-menu li:first-child {
    height: 62px;
    margin-bottom: -1px
}

ul.device-modal__smart-menu li>a,ul.device-modal__smart-menu li>div {
    display: block;
    color: #fff;
    padding: 20px 10px 20px 45px
}

ul.device-modal__smart-menu li>a:hover {
    background-color: rgba(0,134,220,.4)
}

ul.device-modal__smart-menu li .language-list__wrapper {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #004575;
    padding: 0
}

ul.device-modal__smart-menu li .language-list__wrapper div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    color: #fff;
    border-bottom: 1px solid #0b79c0
}

ul.device-modal__smart-menu li .language-list__wrapper div.is-active {
    background-color: rgba(45,170,252,.5)
}

ul.device-modal__smart-menu li .language-list__wrapper div a {
    color: #fff
}

ul.device-modal__smart-menu li .language-list__wrapper div [class*=icon-lang-] {
    position: relative;
    width: 50px
}

ul.device-modal__smart-menu li [class*=icon-] {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 100%;
    background: rgba(0,69,117,.7);
    border: 0
}

ul.device-modal__smart-menu li [class*=icon-]:after {
    display: block;
    font: 2.4rem/1em FontAwesome;
    color: #fff
}

ul.device-modal__smart-menu li .icon-home:after {
    content: '\f015'
}

ul.device-modal__smart-menu li .icon-info:after {
    content: '\f05a'
}

ul.device-modal__smart-menu li .icon-career:after {
    content: '\f0f2'
}

ul.device-modal__smart-menu li .icon-anketa:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-subscribe:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-balance:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-statistics:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-history:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-lessons:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-notify:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-integration:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-exit:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-contacts:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-blog:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-teacher:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-directory:after {
    content: ''
}

ul.device-modal__smart-menu li .icon-lang-ru:after {
    content: '';
    background-image: url(sprite_flags.png);
    background-position: 0 -37px;
    width: 32px;
    height: 32px
}

ul.device-modal__smart-menu li .icon-lang-kk:after {
    content: '';
    background-image: url(sprite_flags.png);
    background-position: -37px 0;
    width: 32px;
    height: 32px
}

ul.device-modal__smart-menu li .icon-lang-en:after {
    content: '';
    background-image: url(sprite_flags.png);
    background-position: 0 0;
    width: 32px;
    height: 32px
}

ul.device-modal__smart-menu li .icon-lang-uz:after {
    content: '';
    background-image: url(sprite_flags.png);
    background-position: -37px 32px;
    width: 32px;
    height: 32px
}

ul.device-modal__smart-menu li .icon-search:after {
    content: '';
    font-size: 2.2rem
}

ul.device-modal__smart-menu li .icon-courses:after {
    content: '\f02d'
}

ul.device-modal__smart-menu li .icon-contests:after {
    content: '\f091'
}

ul.device-modal__smart-menu li .icon-news:after {
    content: '\f1ea'
}

ul.device-modal__smart-menu li .icon-user:after {
    content: ''
}

.device-modal__search .input-file .input-fake,.device-modal__search .input-file-wrapper .input-fake,.device-modal__search input,.input-file .device-modal__search .input-fake,.input-file-wrapper .device-modal__search .input-fake {
    height: 62px;
    background: 0 0;
    border: 0;
    font: 1.9rem/1.2em "Open Sans",sans-serif;
    color: #fff;
    padding-right: 10px;
    padding-left: 45px
}

.device-modal__search .input-file .input-fake::-webkit-input-placeholder,.device-modal__search .input-file-wrapper .input-fake::-webkit-input-placeholder,.device-modal__search input::-webkit-input-placeholder,.input-file .device-modal__search .input-fake::-webkit-input-placeholder,.input-file-wrapper .device-modal__search .input-fake::-webkit-input-placeholder {
    color: #fff;
    text-overflow: ellipsis
}

.device-modal__search .input-file .input-fake::-moz-placeholder,.device-modal__search .input-file-wrapper .input-fake::-moz-placeholder,.device-modal__search input::-moz-placeholder,.input-file .device-modal__search .input-fake::-moz-placeholder,.input-file-wrapper .device-modal__search .input-fake::-moz-placeholder {
    color: #fff;
    text-overflow: ellipsis
}

.device-modal__search .input-file .input-fake:-moz-placeholder,.device-modal__search .input-file-wrapper .input-fake:-moz-placeholder,.device-modal__search input:-moz-placeholder,.input-file .device-modal__search .input-fake:-moz-placeholder,.input-file-wrapper .device-modal__search .input-fake:-moz-placeholder {
    color: #fff;
    text-overflow: ellipsis
}

.device-modal__search .input-file .input-fake:-ms-input-placeholder,.device-modal__search .input-file-wrapper .input-fake:-ms-input-placeholder,.device-modal__search input:-ms-input-placeholder,.input-file .device-modal__search .input-fake:-ms-input-placeholder,.input-file-wrapper .device-modal__search .input-fake:-ms-input-placeholder {
    color: #fff;
    text-overflow: ellipsis
}

.device__login-panel.login-panel {
    display: block
}

.device-modal__enter {
    display: none
}

.device-modal__enter:after {
    display: none
}

.device-modal__enter [data-submenu=recovery] {
    display: block!important
}

.device-modal__enter .login-panel__form-auth,.device-modal__enter .login-panel__form-recovery,.device-modal__enter .login-panel__form-reg {
    display: block;
    position: relative;
    z-index: 10;
    top: 0;
    right: 0
}

.device-modal__enter .login-panel__form-reg {
    z-index: 2
}

.device-modal__study {
    right: auto;
    left: 0;
    overflow: scroll
}

.device-modal__study:after {
    display: none
}

.device-modal__study-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.device-modal__study-wrapper .device-modal__study-column {
    position: relative;
    display: block;
    width: 19.44444%;
    min-width: 70px;
    white-space: normal;
    overflow: hidden;
    background-color: #004575;
    -webkit-transition: width .15s ease-out;
    -o-transition: width .15s ease-out;
    transition: width .15s ease-out
}

.device-modal__study-wrapper .device-modal__study-column:after {
    content: '';
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.device-modal__study-wrapper .device-modal__study-column .study-block {
    border-bottom: 1px solid #05578f
}

.device-modal__study-wrapper .device-modal__study-column .study-block .study-block__image {
    border-radius: 6px
}

.device-modal__study-wrapper .device-modal__study-column .study-block .study-block__image img {
    max-width: 90%
}

.device-modal__study-wrapper .device-modal__study-column.is-active {
    width: 80.55556%;
    background-color: transparent;
    -webkit-transition: width .15s ease-out;
    -o-transition: width .15s ease-out;
    transition: width .15s ease-out
}

.device-modal__study-wrapper .device-modal__study-column.is-active:after {
    display: none
}

.device-modal__study-wrapper .device-modal__study-column.is-active .study-block {
    border-bottom: 1px solid #0b79c0
}

.device-modal__study-wrapper .study-subject__list .study-block,.device-modal__study-wrapper .study-subject__list .study-block-mini {
    width: 100%;
    padding: 7px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.device-modal__study-wrapper .study-subject__list .study-block .study-block__image,.device-modal__study-wrapper .study-subject__list .study-block-mini .study-block__image {
    width: 100%;
    max-width: 50px;
    min-width: 50px;
    margin-bottom: 0;
    margin-right: 15px
}

.device-modal__study-wrapper .study-subject__list .study-block .study-block__image .study-block__image-wrapper,.device-modal__study-wrapper .study-subject__list .study-block-mini .study-block__image .study-block__image-wrapper {
    padding: 7px
}

.device-modal__study-wrapper .study-subject__list .study-block .study-block__image .study-block__image-wrapper img,.device-modal__study-wrapper .study-subject__list .study-block-mini .study-block__image .study-block__image-wrapper img {
    height: 30px
}

.device-modal__study-wrapper .study-subject__list .study-block .study-block__title,.device-modal__study-wrapper .study-subject__list .study-block-mini .study-block__title {
    max-height: 50px;
    overflow: hidden;
    margin-top: 0;
    font-size: 1.4rem;
    color: #fff;
    text-transform: none
}

@media screen and (max-width: 667px) {
    body.device-auth-open {
        width:100vw;
        height: 100vh;
        position: fixed;
        overflow: hidden
    }

    .device-modal__enter {
        z-index: 10151;
        max-width: 100%;
        height: 100%;
        width: 100%;
        padding-bottom: 30px;
        background: #004575
    }

    .device-modal__enter>div:not(.device-modal__close) {
        max-width: 400px;
        min-height: 100%;
        width: 100%;
        margin: 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .device-modal__enter>div:not(.device-modal__close) form {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background: 0 0
    }

    .device-modal__enter .device-modal__close {
        display: block
    }
}

@media screen and (max-width: 479px) {
    .device-modal__login-menu .lk-panel__account-photo {
        min-width:70px;
        width: 70px;
        height: 70px
    }
}




@media screen and (max-height: 400px) {
    .device-modal__enter,.device-modal__login-menu,.device-modal__menu {
        bottom:0;
        overflow: scroll
    }
}

@media screen and (max-width: 359px) {
    .device-modal__login-menu .account-description__email,.device-modal__login-menu .account-description__name {
        max-width:145px
    }

    .device-modal__study-wrapper .device-modal__study-column {
        width: 20.625%;
        min-width: 66px
    }

    .device-modal__study-wrapper .device-modal__study-column.is-active {
        width: 79.375%
    }

    .device-modal__study-wrapper .study-subject__list .study-block,.device-modal__study-wrapper .study-subject__list .study-block-mini {
        padding: 7px 8px
    }

    .device-modal__study-wrapper .study-subject__list .study-block .study-block__image,.device-modal__study-wrapper .study-subject__list .study-block-mini .study-block__image {
        max-width: 46px;
        min-width: 46px;
        margin-right: 10px
    }

    .device-modal__study-wrapper .study-subject__list .study-block .study-block__image .study-block__image-wrapper,.device-modal__study-wrapper .study-subject__list .study-block-mini .study-block__image .study-block__image-wrapper {
        padding: 5px
    }
}

.directory-inner-outer,.directory-page-outer {
    padding-bottom: 60px
}

.directory-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px
}

.directory-filters-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.directory-filters-col:first-child {
    width: 60%
}

.directory-filters-col:last-child {
    width: 40%
}

.directory-filters-col .directory-filters__select {
    margin-right: 30px
}

.directory-filters__submit {
    min-width: 155px
}

.directory-filters__select {
    width: 100%
}

.directory-filters__select .select2-container .select2-selection--single {
    padding-right: 20px;
    padding-left: 20px
}

.directory-filters__search {
    position: relative;
    width: 100%;
    margin-right: 30px
}

.directory-filters__search .directory-filters__search-input {
    display: block;
    border: 1px solid #e2ecf2;
    border-radius: 5px;
    font: 1.6rem/1em "Open Sans Light",sans-serif;
    color: #a0b5c2;
    padding-right: 45px;
    padding-left: 20px
}

.directory-filters__search .directory-filters__search-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0
}

.directory-filters__search .directory-filters__search-icon:after {
    content: '\f002';
    display: block;
    font: 2.2rem/1em FontAwesome;
    color: #e2ecf2
}

.directory-map {
    width: 100%
}

.directory-map .map-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f1c40f;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.directory-map .map-address {
    width: 100%;
    font: 1.5rem/1.2em "Open Sans Light",sans-serif
}

.directory-map .map-address__label {
    font-weight: 700
}

.directory-map .map-address__text {
    display: inline-block
}

.directory-map .map-address__clean {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff
}

.directory-map .map-body {
    display: none;
    height: 400px
}

.directory-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: right;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font: 1.6rem/1.2em "Open Sans Light",sans-serif
}

.directory-sort .directory-sort__label {
    margin-right: 50px
}

.directory-sort .directory-sort__item {
    margin-right: 50px;
    color: #9fadb1;
    cursor: pointer
}

.directory-sort .directory-sort__item:last-child {
    margin-right: 0
}

.directory-sort .directory-sort__item.is-active {
    font-family: "Open Sans Semibold",sans-serif;
    color: #010101;
    border-bottom: 1px solid #040404
}

.directory-array {
    max-width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.directory-array .directory-block {
    width: 29.09091%;
    min-width: 250px;
    margin-right: 2.09091%;
    margin-left: 2.09091%;
    margin-bottom: 45px
}

.directory-array .message-block {
    width: 100%
}

.directory-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-family: "Open Sans",sans-serif
}

.directory-columns__left {
    width: 26.45833%;
    min-width: 250px;
    padding-right: 15px;
    text-align: right
}

.directory-columns__left .views span {
    font-size: 1.6rem
}

.directory-columns__left .views span:before {
    font-size: 1.5rem
}

.directory-columns__right {
    width: calc(100% - 254px);
    border-left: 1px solid #dedede;
    padding-left: 15px
}

.directory-item__logotype {
    width: 100%;
    margin-bottom: 20px
}

.directory-item__logotype img {
    max-width: 100%;
    display: block
}

.directory-item__info {
    display: table
}

.directory-item__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.3em
}

.directory-item__description {
    font-size: 1.6rem;
    line-height: 1.3em;
    margin-bottom: 15px
}

.directory-item__rating-wrapper .dislikes span,.directory-item__rating-wrapper .likes span {
    font-size: 1.6rem
}

.directory-item__rating-wrapper .dislikes span:before,.directory-item__rating-wrapper .likes span:before {
    font-size: 1.6rem
}

.directory-item__rating-wrapper .likes {
    margin-right: 25px
}

.directory-item__telephone-array {
    padding: 30px 0
}

.directory-item__telephone-array a {
    display: block;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.2em;
    color: #000;
    white-space: nowrap
}

.directory-item__telephone-array a span {
    font-weight: 400;
    color: #0072ce
}

.directory-item__text-title {
    font-size: 1.6rem;
    line-height: 1.2em
}

.directory-item__text {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2em;
    margin-bottom: 15px
}

.directory-item__text a {
    color: #0072ce
}

.directory-item__adding {
    font-size: 1.4rem;
    line-height: 1.2em;
    margin-bottom: 15px
}

.directory-item__album-wrapper {
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.directory-item__album-wrapper .owl-carousel .owl-nav {
    padding-bottom: 0
}

.directory-item__album {
    height: 100%
}

.directory-item__album li {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.directory-item__album-thumbs {
    display: table;
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.directory-item__album-thumbs a {
    display: inline-block;
    width: 120px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-right: 10px;
    position: relative
}

.directory-item__album-thumbs a:last-child {
    margin-right: 0
}

.directory-item__album-thumbs a:before {
    content: '';
    margin-top: 67.03911px;
    display: table
}

.directory-item__album-thumbs a:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,114,206,.3);
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.directory-item__album-thumbs a.active:after {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.directory-item__tabs {
    width: 100%;
    display: block
}

.directory-item__tabs-head .button-radius {
    padding-right: 30px;
    padding-left: 30px;
    min-width: 200px
}

.directory-item__tabs-body {
    padding-top: 30px
}

.directory-item__content-text {
    position: relative;
    margin-bottom: 20px;
    padding: 15px;
    text-align: justify;
    border: 1px solid #0072ce;
    font: 1.4rem/1.4em "Open Sans",sans-serif;
    color: #000
}

.directory-item__content-text:after,.directory-item__content-text:before {
    position: absolute;
    left: 85px;
    width: 0;
    height: 0;
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent
}

.directory-item__content-text:before {
    z-index: 1;
    top: -14px;
    border-bottom: 15px solid #fff
}

.directory-item__content-text:after {
    top: -15px;
    border-bottom: 15px solid #0072ce
}

.directory-item__map {
    display: block;
    width: 100%;
    height: 400px
}

@media screen and (max-width: 1200px) {
    .directory-filters__select .select2-container .select2-selection--single {
        padding-right:10px;
        padding-left: 10px
    }

    .directory-filters-col .directory-filters__select {
        margin-right: 15px
    }
}

@media screen and (max-width: 1000px) {
    .directory-filters {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .directory-filters-col {
        width: 100%
    }

    .directory-filters-col:first-child {
        width: 100%;
        margin-bottom: 20px
    }

    .directory-filters-col:last-child {
        width: 100%
    }

    .directory-filters__select:last-child {
        margin-right: 0
    }

    .directory-array .directory-block {
        width: 40%
    }
}

@media screen and (max-width: 768px) {
    .directory-columns {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .directory-columns__left {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        text-align: left
    }

    .directory-columns__right {
        width: 100%;
        padding-left: 0;
        border-left: 0
    }

    .directory-array {
        padding-right: 0;
        padding-left: 0
    }

    .directory-item__logotype {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 20px;
        float: none
    }

    .directory-item__info {
        margin-bottom: 20px
    }

    .directory-item__telephone-array {
        padding: 10px 0
    }
}

@media screen and (max-width: 576px) {
    .directory-inner-outer,.directory-page-outer {
        padding-bottom:30px
    }

    .directory-array .directory-block {
        width: 100%;
        max-width: 280px
    }

    .directory-filters {
        padding-top: 0
    }

    .directory-filters-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }

    .directory-filters-col:first-child {
        margin-bottom: 0
    }

    .directory-filters__select {
        margin-bottom: 15px
    }

    .directory-filters__search {
        margin-right: 0;
        margin-bottom: 20px
    }

    .directory-sort {
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding: 15px 0
    }

    .directory-sort .directory-sort__label {
        margin-right: 0;
        margin-bottom: 15px
    }

    .directory-map .map-header {
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .directory-map .map-address {
        font-size: 1.4rem;
        text-align: center;
        margin-bottom: 15px
    }

    .directory-map .map-address__clean {
        display: inline-block;
        text-align: center;
        cursor: pointer;
        color: #fff
    }

    .directory-map .map-body {
        height: 200px
    }

    .directory-pagination ul.pagination {
        text-align: center
    }

    .directory-pagination ul.pagination .page-item {
        display: none
    }

    .directory-pagination ul.pagination .page-item.active,.directory-pagination ul.pagination .page-item:first-child,.directory-pagination ul.pagination .page-item:last-child {
        display: inline-block
    }
}

.faq-outer .faq-inner {
    padding-top: 50px;
    padding-bottom: 50px
}

.faq-array {
    display: block;
    width: 100%;
    border-top: 1px solid #e2ecf2
}

.faq-manual {
    font-size: 1.8rem;
    margin-bottom: 30px;
    text-align: center
}

.faq-manual a {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .faq-outer .faq-inner {
        padding-top:0;
        padding-bottom: 0
    }
}

.forum-outer .forum-inner {
    padding: 0 0 60px 0
}

.forum-categories-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #0072ce;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font: 1.6rem/1.6rem "Open Sans Semibold",sans-serif;
    margin-bottom: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.forum-categories-head__col {
    padding: 20px 20px;
    border-right: 1px solid #1d8c4b;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.forum-categories-head__col:nth-child(1) {
    width: 40%
}

.forum-categories-head__col:nth-child(1)>span {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.forum-categories-head__col>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.forum-category-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;
    margin-bottom: 20px;
    font: 1.6rem/2rem "Open Sans",sans-serif;
    color: #000;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.forum-category-block__col {
    border-right: 1px solid #dadada;
    padding: 20px 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.forum-category-block__title {
    display: inline-block;
    color: #000;
    font: 1.8rem/2.2rem "Open Sans Semibold",sans-serif;
    text-decoration: underline;
    margin-bottom: 10px
}

.forum-category-block__title:hover {
    text-decoration: none
}

.forum-category-block__description {
    color: #7c7c7c;
    font-size: 1.4rem;
    margin: 0
}

.forum-category-block__link {
    color: #000;
    text-decoration: underline;
    font-size: 1.5rem
}

.forum-category-block__link:hover {
    text-decoration: none
}

.forum-category-block__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.forum-categories-head__col:last-child,.forum-category-block__col:last-child {
    border-right: none
}

.forum-categories-head__col:nth-child(1),.forum-category-block__col:nth-child(1) {
    width: 40%
}

.forum-categories-head__col:nth-child(2),.forum-category-block__col:nth-child(2) {
    width: 10%
}

.forum-categories-head__col:nth-child(3),.forum-category-block__col:nth-child(3) {
    width: 12%
}

.forum-categories-head__col:nth-child(4),.forum-category-block__col:nth-child(4) {
    width: 18%
}

.forum-categories-head__col:nth-child(5),.forum-category-block__col:nth-child(5) {
    width: 20%
}

.forum-header {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.forum-header__info {
    width: 100%
}

.forum-header__title {
    margin: 0 0 15px 0;
    font: 2.4rem/2.2rem "Open Sans Semibold",sans-serif
}

.forum-header__description {
    font-size: 1.6rem;
    color: #7c7c7c
}

.forum-header__action {
    min-width: 150px;
    text-align: right
}

.forum-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.forum-threads-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #0072ce;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font: 1.6rem/1.8rem "Open Sans Semibold",sans-serif;
    margin-bottom: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.forum-threads-head__col {
    padding: 20px 20px;
    border-right: 1px solid #1d8c4b;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.forum-threads-head__col:last-child {
    border-right: none
}

.forum-threads-head__col:first-child>span {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.forum-threads-head__col>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.forum-threads-head .forum-admin-checkbox {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    cursor: pointer
}

.forum-thread-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;
    margin-bottom: 20px;
    font: 1.6rem/2rem "Open Sans",sans-serif;
    color: #000;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.forum-thread-block__col {
    border-right: 1px solid #dadada;
    padding: 20px 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.forum-thread-block__title {
    display: inline-block;
    color: #000;
    font: 1.8rem/2.2rem "Open Sans Semibold",sans-serif;
    text-decoration: underline;
    margin-bottom: 10px
}

.forum-thread-block__title:hover {
    text-decoration: none
}

.forum-thread-block__description {
    color: #7c7c7c;
    font-size: 1.4rem;
    margin: 0
}

.forum-thread-block__reply-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.forum-thread-block__reply-author {
    margin-bottom: 10px
}

.forum-thread-block__reply-date {
    color: #7c7c7c;
    font-size: 1.4rem
}

.forum-thread-block.deleted {
    background-color: #ffefed
}

.forum-thread-block .forum-admin-checkbox {
    position: absolute;
    top: 0;
    right: 0
}

.forum-thread-block__col:last-child,.forum-threads-head__col:last-child {
    border-right: none
}

.forum-thread-block__col:nth-child(1),.forum-threads-head__col:nth-child(1) {
    width: 62%;
    text-align: left
}

.forum-thread-block__col:nth-child(2),.forum-threads-head__col:nth-child(2) {
    width: 12%
}

.forum-thread-block__col:nth-child(3),.forum-threads-head__col:nth-child(3) {
    width: 26%
}

.forum-thread-content {
    margin: 20px 0;
    position: relative
}

.forum-thread-content .forum-admin-checkbox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.forum-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px solid #0072ce;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.forum-post:last-child {
    border-bottom: 2px solid #0072ce
}

.forum-post__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.forum-post__bottom {
    padding: 15px 20px;
    background-color: #ebeff1;
    border-top: 1px solid #d9d9d9
}

.forum-post__col {
    padding: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.forum-post__col:first-child {
    width: 25%;
    background-color: #f2f6f8
}

.forum-post__col:last-child {
    width: 75%
}

.forum-post__label {
    font: 1.6rem/2rem "Open Sans Semibold",sans-serif;
    color: #7c7c7c
}

.forum-post.deleted {
    background-color: #ffefed
}

.forum-post__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9
}

.forum-post__author-avatar {
    width: 60px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #eaeaea;
    background: #eaeaea
}

.forum-post__author-avatar img {
    max-width: 100%;
    display: block
}

.forum-post__author-name {
    font: 1.6rem "Open Sans Semibold",sans-serif;
    color: #000
}

.forum-post__content {
    font: 1.6rem "Open Sans",sans-serif;
    color: #000;
    min-height: 160px;
    position: relative
}

.forum-post__content-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.forum-post__content-parent {
    margin-bottom: 15px
}

.forum-post__content-parent__label {
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: 700
}

.forum-post__content-parent__blockquote {
    padding: 5px 0 5px 20px;
    border-left: 5px solid #d9d9d9;
    color: #7c7c7c
}

.forum-post__content-text ol,.forum-post__content-text ul {
    padding-left: 20px;
    margin: 10px 0
}

.forum-post__content-text ul {
    list-style: disc
}

.forum-post__content .forum-admin-checkbox {
    position: absolute;
    top: 0;
    right: 0
}

.forum-post__actions {
    text-align: right
}

.forum-post__actions .forum-post__button {
    margin-right: 5px
}

.forum-post__actions .forum-post__button:last-child {
    margin-right: 0
}

.forum-post__button {
    font: 1.4rem "Open Sans",sans-serif;
    padding: 7px 15px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #b7b7b7;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    color: #fff
}

.forum-post__button:hover {
    background-color: #aaa
}

.forum-post__button--edit {
    background-color: #0f90e5
}

.forum-post__button--edit:hover {
    background-color: #0d81cd
}

.forum-post__button--edit .icon:before {
    content: '\f040'
}

.forum-post__button--reply {
    background-color: #0072ce
}

.forum-post__button--reply:hover {
    background-color: #0064b5
}

.forum-post__button--reply .icon:before {
    content: '\f27b'
}

.forum-post__button .icon {
    display: inline-block;
    margin-right: 10px
}

.forum-post__button .icon:before {
    font-family: FontAwesome
}

.forum-post__attachments {
    margin-top: 15px
}

.forum-post__attachments .forum-post__label {
    font: 1.4rem "Open Sans",sans-serif
}

.forum-post__attachments .forum-post__attachment {
    display: inline-block;
    color: #000;
    text-decoration: underline
}

.forum-section-title {
    margin: 40px 0;
    font: 2.4rem/2rem "Open Sans Semibold",sans-serif;
    color: #000
}

.forum-form-wrapper {
    margin-top: 20px
}

.forum-form__title {
    font: 2.4rem/2rem "Open Sans Semibold",sans-serif;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9
}

.forum-form__bottom {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.forum-form__bottom .button,.forum-form__bottom .button-block,.forum-form__bottom .button-radius {
    margin-right: 10px
}

.forum-form__bottom .button-block:last-child,.forum-form__bottom .button-radius:last-child,.forum-form__bottom .button:last-child {
    margin-right: 0
}

.forum-form-reply {
    margin-bottom: 15px
}

.forum-form-reply__title {
    font: 1.8rem/1.6rem "Open Sans Semibold",sans-serif
}

.forum-reply-table {
    margin-bottom: 15px;
    font: 1.4rem "Open Sans",sans-serif;
    word-wrap: break-word;
    table-layout: fixed
}

.forum-reply-table td,.forum-reply-table th {
    border: 1px solid #d9e3ea;
    background: #fff;
    text-align: left;
    padding: 8px;
    vertical-align: top
}

.forum-reply-table thead>tr>th {
    background: #e2ecf2
}

.forum-reply-table thead>tr>th:first-child {
    width: 20%
}

.forum-label {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1;
    background-color: #e2ecf2
}

.forum-label.warning {
    background-color: #ffdb4d
}

.forum-label.danger {
    background-color: #e52811;
    color: #fff
}

.forum-label.info {
    background-color: #0f90e5;
    color: #fff
}

.forum-admin-checkbox {
    margin: 0;
    cursor: pointer
}

.forum-admin-checkbox .input-file .input-fake[type=checkbox],.forum-admin-checkbox .input-file-wrapper .input-fake[type=checkbox],.forum-admin-checkbox input[type=checkbox],.input-file .forum-admin-checkbox .input-fake[type=checkbox],.input-file-wrapper .forum-admin-checkbox .input-fake[type=checkbox] {
    margin: 0;
    width: 15px;
    height: 15px
}

@media screen and (max-width: 1200px) {
    .forum-outer .forum-inner {
        padding-left:20px;
        padding-right: 20px
    }

    .forum-categories-head {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 992px) {
    .forum-categories-head__col:nth-child(1),.forum-category-block__col:nth-child(1) {
        width:45%
    }

    .forum-categories-head__col:nth-child(2),.forum-category-block__col:nth-child(2) {
        width: 15%
    }

    .forum-categories-head__col:nth-child(3),.forum-category-block__col:nth-child(3) {
        width: 15%
    }

    .forum-categories-head__col:nth-child(4),.forum-category-block__col:nth-child(4) {
        width: 25%;
        border-right: none
    }

    .forum-categories-head__col:nth-child(5),.forum-category-block__col:nth-child(5) {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .forum-categories-head__col,.forum-category-block__col {
        padding:15px
    }

    .forum-categories-head__col:nth-child(1),.forum-category-block__col:nth-child(1) {
        width: 60%
    }

    .forum-categories-head__col:nth-child(2),.forum-category-block__col:nth-child(2) {
        width: 20%
    }

    .forum-categories-head__col:nth-child(3),.forum-category-block__col:nth-child(3) {
        width: 20%;
        border-right: none
    }

    .forum-categories-head__col:nth-child(4),.forum-category-block__col:nth-child(4) {
        display: none
    }

    .forum-thread-block__col,.forum-threads-head__col {
        padding: 15px
    }

    .forum-header__action {
        display: none
    }

    .forum-post__content-top {
        display: block
    }

    .forum-post__author-avatar {
        display: none
    }

    .forum-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .forum-footer .forum-pagination {
        margin-top: 15px
    }
}

@media screen and (max-width: 576px) {
    .forum-admin-control .panel .panel-heading {
        padding:10px 15px
    }

    .forum-categories-head,.forum-threads-head {
        display: none
    }

    .forum-categories-head__col,.forum-category-block__col {
        padding: 10px
    }

    .forum-categories-head__col:nth-child(1),.forum-category-block__col:nth-child(1) {
        width: 100%
    }

    .forum-categories-head__col:nth-child(2),.forum-categories-head__col:nth-child(3),.forum-category-block__col:nth-child(2),.forum-category-block__col:nth-child(3) {
        display: none
    }

    .forum-thread-block__col,.forum-threads-head__col {
        padding: 10px
    }

    .forum-thread-block__col:nth-child(1),.forum-threads-head__col:nth-child(1) {
        width: 80%
    }

    .forum-thread-block__col:nth-child(2),.forum-threads-head__col:nth-child(2) {
        width: 20%
    }

    .forum-thread-block__col:nth-child(3),.forum-threads-head__col:nth-child(3) {
        display: none
    }

    .forum-header__title {
        font-size: 1.8rem
    }

    .forum-header__description {
        font-size: 1.4rem
    }

    .forum-post__top {
        display: block
    }

    .forum-post__bottom {
        padding: 10px
    }

    .forum-post__col {
        padding: 10px
    }

    .forum-post__col:first-child,.forum-post__col:last-child {
        width: 100%
    }

    .forum-post__label {
        font-size: 1.4rem
    }

    .forum-post__author {
        padding-bottom: 0;
        border-bottom: none
    }

    .forum-post__author-avatar {
        display: block;
        width: 50px
    }

    .forum-post__content {
        font-size: 1.5rem;
        border: 1px solid #f2f6f8
    }

    .forum-post__content-top .forum-post__label:first-child {
        display: none
    }

    .forum-form__title {
        font-size: 1.8rem
    }
}

.summernote-wrap {
    position: relative
}

.forum-authorization-bg {
    background-color: #0b8be612;
    padding: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.forum-authorization {
    max-width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.forum-authorization-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    padding: 0 20px
}

.forum-authorization-text:before {
    content: '\f13e';
    font: 25px FontAwesome;
    color: #000;
    display: block;
    margin-right: 40px;
    margin-left: 20px
}

.forum-authorization-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.forum-authorization-block-or {
    font-size: 16px;
    margin: 0 10px
}

.forum-authorization-block-link {
    width: 170px
}

.forum-authorization-block-link .forum-authorization-btn {
    width: 100%;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px
}

.forum-authorization-block-link-login {
    background-color: #0f90e5
}

.forum-authorization-block-link-registration {
    background-color: #e2005e
}

@media screen and (max-width: 992px) {
    .forum-authorization {
        width:60%
    }
}

@media screen and (max-width: 768px) {
    .forum-authorization {
        width:70%
    }

    .forum-authorization-text {
        font-size: 16px
    }

    .forum-authorization-block-or {
        margin: 10px
    }
}

@media screen and (max-width: 576px) {
    .summernote-wrap .note-editor {
        display:none
    }

    .forum-authorization-bg {
        position: static
    }

    .forum-authorization {
        position: static;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .forum-authorization-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 0 10px
    }

    .forum-authorization-text:before {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0
    }

    .forum-authorization-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .forum-authorization-block-link {
        width: 170px
    }
}

.home-advantage-outer .home-advantage-inner {
    padding: 30px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-advantage-outer .home-advantage-inner .advantage-block {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1240px) {
    .home-advantage-outer .home-advantage-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 768px) {
    .home-advantage-outer .home-advantage-inner {
        padding:0
    }

    .home-advantage-outer .home-advantage-inner .advantage-block {
        width: 33.333333333333%
    }
}

@media screen and (max-width: 576px) {
    .home-advantage-outer {
        display:block;
        padding-bottom: 30px
    }

    .home-advantage-outer .home-advantage-inner {
        height: 305px
    }

    .home-advantage-outer .home-advantage-inner .owl-dots {
        margin-top: 20px
    }

    .home-advantage-outer .home-advantage-inner .advantage-block {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

.home-articles-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-article-block {
    display: inline-block;
    width: 31.5%;
    margin-right: 2.75%;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px
}

.home-article-block:last-child,.home-article-block:nth-child(3n+3) {
    margin-right: 0
}

.home-article-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.home-article-block__image {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dbe2e8;
    min-height: 240px
}

.home-article-block__image img {
    width: 100%;
    display: block
}

.home-article-block__description {
    display: block;
    font: bold 1.6rem "Open Sans",sans-serif;
    color: #2c3e50;
    padding: 20px
}

.home-article-block__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.home-article-block__bottom .views {
    margin-right: 15px
}

.home-article-block__bottom-date {
    display: inline-block;
    font: 1.6rem "Open Sans",sans-serif;
    color: #2c3e50
}

.home-article-block__bottom-date:before {
    content: '\f073';
    display: inline-block;
    margin-right: 5px;
    font-family: FontAwesome
}

.home-article-block__bottom-date strong {
    font-weight: 700;
    margin-right: 5px
}

@media screen and (max-width: 1240px) {
    .home-articles-outer .home-articles-inner {
        padding-right:20px;
        padding-left: 20px
    }

    .home-article-block__image {
        min-height: auto
    }
}

@media screen and (max-width: 768px) {
    .home-article-block__description {
        padding:10px
    }

    .home-article-block__bottom {
        padding: 0 10px 10px
    }
}

@media screen and (max-width: 576px) {
    .home-articles-outer {
        display:block;
        padding-bottom: 30px
    }

    .home-articles-outer .home-articles-inner {
        height: 305px;
        padding-right: 0;
        padding-left: 0
    }

    .home-articles-outer .owl-stage-outer {
        padding: 20px 0 30px 0
    }

    .home-article-block {
        display: block;
        width: 100%;
        max-width: 300px;
        margin: 0 auto!important;
        padding: 0
    }

    .home-article-block__bottom {
        position: static
    }

    .home-article-block__description {
        padding: 10px
    }
}

.home-training-steps-outer .home-training-steps-inner {
    width: 100%;
    height: 650px;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.training-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 95%;
    margin: auto
}

.training-steps .step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    margin: 30px 0;
    z-index: 5
}

.training-steps .step-item__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    margin-bottom: 8px
}

.training-steps .step-item__image>img {
    height: 100%
}

.training-steps .step-item__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    width: 50%;
    text-align: center;
    font: 1.8rem/1.2em "Open Sans",sans-serif
}

.training-steps .step-item__text>span>span:first-child {
    color: #0072ce
}

.training-steps .step-item--3 {
    margin-top: 100px
}

.training-steps .step-item--4 {
    margin-top: 100px
}

.training-arrow {
    position: relative
}

.training-arrow--2 {
    top: -485px;
    left: 140px
}

.training-arrow--2>img {
    width: 912px
}

.training-arrow__css {
    display: block;
    position: relative;
    height: 1px;
    border: 0;
    border-top: 3px solid #0072ce;
    margin: auto;
    padding: 0
}

.training-arrow__css--1 {
    top: -822px;
    width: 25%
}

.training-arrow__css--1::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 1px;
    top: -9px;
    left: 100%;
    border-left: solid 10px #0072ce;
    border-bottom: solid 7px transparent;
    border-top: solid 7px transparent
}

.training-arrow__css--2 {
    display: none
}

.training-arrow__css--3 {
    top: -507px;
    width: 25%
}

.training-arrow__css--3::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 1px;
    top: -9px;
    left: 100%;
    border-left: solid 10px #0072ce;
    border-bottom: solid 7px transparent;
    border-top: solid 7px transparent
}

@media screen and (max-width: 1200px) {
    .training-arrow {
        display:none
    }

    .training-arrow__css {
        display: block;
        position: relative;
        height: 1px;
        border: 0;
        border-top: 3px solid #0072ce;
        margin: auto;
        padding: 0
    }

    .training-arrow__css--1 {
        top: -490px;
        width: 20%
    }

    .training-arrow__css--1::before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 1px;
        top: -9px;
        left: 100%;
        border-left: solid 10px #0072ce;
        border-bottom: solid 7px transparent;
        border-top: solid 7px transparent
    }

    .training-arrow__css--2 {
        top: -290px;
        width: 47%
    }

    .training-arrow__css--2_1 {
        top: -314px;
        left: 23.5%;
        width: 45px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .training-arrow__css--2_2 {
        top: -277px;
        left: -23.5%;
        width: 40px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .training-arrow__css--2_2::before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 1px;
        top: -9px;
        left: 100%;
        border-left: solid 10px #0072ce;
        border-bottom: solid 7px transparent;
        border-top: solid 7px transparent
    }

    .training-arrow__css--3 {
        top: -170px;
        width: 20%
    }

    .training-arrow__css--3::before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 1px;
        top: -9px;
        left: 100%;
        border-left: solid 10px #0072ce;
        border-bottom: solid 7px transparent;
        border-top: solid 7px transparent
    }

    .step-item__text {
        height: 60px
    }
}

@media screen and (max-width: 1088px) {
    .training-arrow__css--1 {
        top:-510px
    }

    .training-arrow__css--2 {
        top: -315px
    }

    .training-arrow__css--2_1 {
        top: -339px
    }

    .training-arrow__css--2_2 {
        top: -302px
    }

    .training-arrow__css--3 {
        top: -195px
    }
}

@media screen and (max-width: 840px) {
    .training-arrow__css--1 {
        top:-530px
    }

    .training-arrow__css--2 {
        top: -335px
    }

    .training-arrow__css--2_1 {
        top: -359px
    }

    .training-arrow__css--2_2 {
        top: -322px
    }

    .training-arrow__css--3 {
        top: -215px
    }

    .step-item__text {
        height: 70px
    }
}

@media screen and (max-width: 797px) {
    .home-training-steps-outer .home-training-steps-inner {
        height:630px
    }

    .training-arrow__css--1 {
        top: -555px
    }

    .training-steps .step-item__text {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 707px) {
    .training-arrow__css--1 {
        top:-540px
    }

    .training-arrow__css--2 {
        top: -355px
    }

    .training-arrow__css--2_1 {
        top: -379px
    }

    .training-arrow__css--2_2 {
        top: -342px
    }

    .training-arrow__css--3 {
        top: -190px
    }
}

@media screen and (max-width: 599px) {
    .home-training-title-outer {
        display:none
    }

    .home-training-steps-outer {
        display: none
    }

    .home-training-steps-outer .home-training-steps-inner {
        height: auto
    }

    .training-steps .step-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin: 20px 0
    }

    .training-steps .step-item__text {
        font: 1.6rem/1.2em "Open Sans",sans-serif;
        height: auto
    }

    .training-steps .step-item--3,.training-steps .step-item--4 {
        margin: 20px 0
    }

    .training-arrow {
        display: none
    }

    .training-arrow__css {
        display: none
    }
}

.events-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 40px 0 20px 0;
    margin: 0 -10px
}

.event-item {
    width: 280px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.event-item a {
    display: inline-block
}

.event-item:first-child a {
    display: block;
    max-width: 190px;
    margin: 0 auto
}

.event-item:hover {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

html[lang=kk] .event-item {
    width: 300px
}

.event-item__link {
    display: inline-block
}

.event-item__image {
    padding: 0 10px
}

.event-item__image img {
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .events-wrap {
        padding:20px 0 0 0;
        margin: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .events-wrap .event-item {
        margin-bottom: 0
    }

    .event-item {
        max-width: 200px;
        margin-bottom: 30px
    }

    .event-item:first-child a {
        max-width: 150px
    }
}

@media screen and (max-width: 600px) {
    .events-wrap {
        display:none
    }
}

@media screen and (max-width: 499px) {
    .events-wrap {
        padding:20px 0 0 0;
        margin: 0
    }

    .events-wrap .event-item {
        display: none;
        margin-bottom: 0
    }
}

.home-instructions-outer .home-instructions-inner {
    padding: 30px 0;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-instructions-outer .home-instructions-inner .media-block {
    display: inline-block;
    width: 31.5%;
    margin-right: 2.75%
}

.home-instructions-outer .home-instructions-inner .media-block:last-child {
    margin-right: 0
}

@media screen and (max-width: 1240px) {
    .home-instructions-outer .home-instructions-inner {
        padding-right:20px;
        padding-left: 20px
    }

    .home-instructions-outer .home-instructions-inner .media-block {
        width: 30%;
        margin-right: 3%
    }
}

@media screen and (max-width: 767px) {
    .home-instructions-outer {
        overflow:hidden
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel {
        max-width: 80%;
        padding: 20px 0 60px;
        position: relative
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel .owl-stage-outer {
        overflow: visible;
        min-width: 200px
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel .media-block {
        width: 100%;
        height: 100%
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel .owl-dots {
        position: absolute;
        z-index: 9;
        bottom: 10px;
        left: 0;
        display: block;
        width: 100%;
        text-align: center
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #758b91
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel .owl-dots .owl-dot.active {
        background-color: #0072ce
    }

    .home-instructions-outer .home-instructions-inner.owl-carousel .owl-dots .owl-dot:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 599px) {
    .home-instructions-outer .home-instructions-inner.owl-carousel {
        max-width:280px;
        margin: 0 auto 50px auto
    }

    .home-instructions-outer .home-instructions-inner .media-block__description {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media screen and (max-width: 479px) {
    .home-instructions-outer .home-instructions-inner.owl-carousel {
        max-width:250px
    }
}

.home-our-resourses-outer {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto auto
}

.home-our-resourses-outer .home-our-resourses-inner {
    padding-top: 35px;
    padding-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-our-resourses-outer .home-our-resourses-inner .study-additional-block {
    width: 26.66667%;
    margin-right: 6.66667%
}

.home-our-resourses-outer .home-our-resourses-inner .study-additional-block:last-child {
    margin-right: 0
}

@media screen and (max-width: 1240px) {
    .home-our-resourses-outer .home-our-resourses-inner {
        padding-right:20px;
        padding-left: 20px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-our-resourses-outer .home-our-resourses-inner .study-additional-block {
        margin-right: 0;
        margin-bottom: 20px;
        min-width: 330px
    }
}

@media screen and (max-width: 767px) {
    .home-our-resourses-outer .home-our-resourses-inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-our-resourses-outer .home-our-resourses-inner .study-additional-block {
        width: 100%;
        max-width: 310px;
        min-width: 280px;
        margin-right: 0;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 599px) {
    .home-our-resourses-outer .home-our-resourses-inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-our-resourses-outer .home-our-resourses-inner .study-additional-block {
        width: 100%;
        max-width: 310px;
        min-width: 280px;
        margin-right: 0;
        margin-bottom: 40px
    }
}

.home-recognition-outer .home-recognition-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0 0 50px
}

.home-recognition-outer .recognition-block {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .home-recognition-outer .recognition-block {
        width:50%
    }

    .home-recognition-outer .recognition-block:nth-child(even) .recognition-block__description {
        border-right: none
    }
}

@media screen and (max-width: 576px) {
    .home-recognition-outer {
        display:block;
        height: 305px
    }

    .home-recognition-outer .home-recognition-inner {
        padding-top: 0;
        padding-bottom: 0
    }

    .home-recognition-outer .home-recognition-inner .owl-dots {
        margin-top: 20px
    }

    .home-recognition-outer .recognition-block {
        width: 100%;
        margin: 0
    }

    .home-recognition-outer .recognition-block .recognition-block__description {
        border: none
    }
}

.home-reviews-outer {
    padding-bottom: 50px
}

.home-reviews-outer .home-reviews-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-review-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 31.5%;
    margin-right: 2.75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 15px 40px 0 40px
}

.home-review-block:last-child,.home-review-block:nth-child(3n+3) {
    margin-right: 0
}

.home-review-block__photo {
    margin: 10px auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #a0b5c2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 1px solid #d6dfe4
}

.home-review-block__name {
    padding-bottom: 15px;
    text-align: center
}

.home-review-block__name>span {
    font-size: 1.3em
}

.home-review-block__name>span:first-child {
    font: bold 1.8rem "Open Sans",sans-serif
}

.home-review-block__description {
    display: block;
    font: 1.25rem "Open Sans",sans-serif;
    margin-bottom: auto
}

.home-review-block__date {
    font: 1.25rem "Open Sans",sans-serif;
    margin: 30px 0;
    text-align: right;
    color: #999
}

.home-review-block__date strong {
    font-weight: 700;
    margin-right: 5px
}

.home-reviews-give {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 0 auto;
    text-align: center
}

.home-reviews-link {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    padding: 0 20px;
    font-size: 1.25rem;
    background-color: #fff;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home-reviews-link>a {
    color: #999
}

.home-reviews-link>a:visited {
    color: #999
}

.home-reviews-link>a:link {
    color: #999
}

.home-reviews-link>a:active {
    color: #999
}

.home-reviews-link>a:hover {
    color: #999
}

.home-reviews-title-outer .title-inner {
    position: relative
}

@media screen and (max-width: 1240px) {
    .home-reviews-outer .home-reviews-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 992px) {
    .home-reviews-block {
        width:100%
    }

    .home-review-block {
        padding: 15px 20px 0 20px
    }
}

@media screen and (max-width: 768px) {
    .home-reviews-outer {
        display:block
    }

    .home-reviews-outer .home-reviews-inner {
        display: block;
        padding-right: 0;
        padding-left: 0
    }

    .home-reviews-outer .owl-stage-outer {
        padding: 20px 0 30px 0
    }

    .home-reviews-link {
        display: none
    }

    .home-review-block {
        display: block;
        width: 100%;
        max-width: 350px;
        margin: 0 auto!important
    }
}

@font-face {
    font-family: 'Neuropol X';
    src: url(/fonts/neuropolxrg-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.main-slider-outer {
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2);
    box-shadow: 0 3px 7px rgba(0,0,0,.2);
    background-image: url(/images/banner-bg.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 1px;
    margin-bottom: 30px
}

.slider-without-video {
    padding-left: 60px;
    margin-bottom: 20px
}

.slider-without-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 6rem;
    padding-left: 13rem
}

@media screen and (max-width: 1110px) {
    .slider-without-start {
        padding-top:3rem;
        padding-left: 0
    }
}

.start-lesson {
    background: #ff3a52;
    color: #fff;
    padding: 2rem 4rem;
    font-size: 3.6rem
}

.start-lesson:hover {
    background: #ff213c
}

.slider-desc {
    font-family: Neuropol X;
    color: #ffff;
    margin: 20px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 90.5%
}

.slider-title {
    font-family: Open Sans Light;
    color: #fff;
    margin: 15px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 95.5%
}

.main-slider-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.slider-slide {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.slider-slide:nth-child(2n-1) {
    padding-right: 10px
}

.slider-slide:nth-child(2n) {
    padding-left: 10px
}

.slider-slide:nth-child(3):last-child,.slider-slide:only-child {
    padding-right: 0
}

.slider-slide__inner {
    position: relative;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    background: #0072ce;
    background-image: url(/images/online-lessons/banner_bg.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 14px
}

.slider-slide__inner:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.slider-slide__inner:hover .slider-slide__image:after {
    opacity: 1
}

.slider-slide__inner:hover .slider-slide__description {
    top: 0;
    opacity: 1
}

.slider-slide__inner:hover .slider-slide__play img {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1)
}

.slider-slide__play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
    z-index: 1
}

.slider-slide__play img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 70px
}

.slider-slide__image {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,.25);
    box-shadow: 0 3px 5px 1px rgba(0,0,0,.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.slider-slide__image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 5px;
    background: rgba(0,104,171,.8);
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: 0
}

.slider-slide__image img {
    max-width: 100%;
    width: 100%;
    height: 100%
}

.slider-slide__description {
    opacity: 0;
    position: absolute;
    top: 10%;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px 15px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.slider-slide__title {
    font: 2rem "Open Sans Semibold",sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px
}

.slider-slide__text {
    font: 1.6rem "Open Sans",sans-serif;
    height: 100%
}

.slider-slide__link {
    max-width: 200px;
    margin: 10px auto 0 auto;
    padding: 10px 15px;
    min-width: 150px
}

.slider-slide__inner--center .slider-slide__description {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slider-slide__inner--center .slider-slide__title {
    margin: 0
}

.slider-slide__inner--advert {
    background: #fff;
    height: 100%
}

.slider-slide__inner--advert .slider-slide__image {
    overflow: hidden
}

.slider-slide__inner--advert .slider-slide__image:after {
    display: none
}

.slider-slide__inner--advert:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.main-slider__link-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: -20px;
    margin-top: 10px
}

.main-slider__link-wrapper .button,.main-slider__link-wrapper .button-block,.main-slider__link-wrapper .button-radius {
    min-width: auto;
    padding: 8px 15px;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2);
    box-shadow: 0 3px 7px rgba(0,0,0,.2)
}

.modal-slider-video .modal-content {
    background-color: rgba(255,255,255,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal-slider-video .modal-body {
    padding: 0
}

.modal-slider-video video {
    width: 100%
}

@media screen and (max-width: 1240px) {
    .main-slider-inner {
        padding-right:20px;
        padding-left: 20px
    }

    .slider-slide__inner {
        background-size: 40%
    }
}

@media screen and (max-width: 1110px) {
    .slider-slide__inner {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        background-image: none
    }
}

@media screen and (max-width: 999px) {
    .slider-slide__title {
        font-size:1.8rem
    }

    .slider-slide__text {
        font: 1.4rem "Open Sans",sans-serif
    }

    .slider-slide__link {
        padding: 8px 10px;
        font-size: 1.6rem
    }
}

@media screen and (max-width: 900px) {
    .slider-without-video {
        padding:0
    }

    .main-slider__link-wrapper {
        display: none
    }

    .main-slider-outer {
        opacity: 0;
        overflow: hidden;
        -webkit-transition: opacity ease-in .2s;
        -o-transition: opacity ease-in .2s;
        transition: opacity ease-in .2s
    }

    .main-slider-outer.initialized {
        opacity: 1;
        height: auto;
        overflow: visible
    }

    .main-slider-outer .main-slider-inner {
        padding: 0 0 20px 0
    }

    .slider-slide:nth-child(2n-1) {
        padding-right: 0
    }

    .slider-slide:nth-child(2n) {
        padding-left: 0
    }

    .slider-slide:nth-child(3):last-child,.slider-slide:only-child {
        padding-right: 0
    }

    .slider-slide__inner {
        height: auto;
        position: relative
    }

    .slider-slide__inner:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .slider-slide__image {
        display: block;
        height: auto
    }

    .slider-slide__image img {
        -o-object-fit: inherit;
        object-fit: inherit
    }

    .slider-slide__image:after {
        display: none
    }

    .slider-slide__description {
        display: none
    }

    .slider-slide__play {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        cursor: pointer;
        z-index: 1;
        width: 60px
    }
}

@media screen and (max-width: 768px) {
    .slider-desc {
        font-size:30px
    }

    .slider-title {
        font-size: 24px
    }

    .slider-without-video iframe {
        width: 330px;
        height: 190px;
        border-radius: 10px
    }

    .main-slider-outer {
        height: 220px
    }

    .main-slider-outer .owl-dots .owl-dot {
        margin-right: 5px;
        width: 10px;
        height: 10px
    }

    .main-slider-outer .main-slider-inner {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 576px) {
    .main-slider-outer {
        height:190px
    }
}

@media screen and (max-width: 420px) {
    .main-slider-outer {
        height:150px;
        margin-bottom: 0
    }

    .main-slider-outer .owl-dots .owl-dot {
        margin-right: 5px;
        width: 5px;
        height: 5px
    }

    .main-slider__link-wrapper {
        display: none
    }
}

.iframe-youtube {
    position: relative;
    display: inline-block;
    width: 100%!important;
    max-width: 64rem
}

.iframe-youtube::before {
    display: table;
    margin-top: 56.25%;
    content: ''
}

.iframe-youtube iframe,.iframe-youtube video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%!important;
    height: 100%!important
}

.webinar-mod .slider-desc {
    font-family: Neuropol X;
    color: #0072ce;
    font-style: normal;
    font-weight: 400;
    font-size: 7.5rem;
    line-height: 90.5%;
    margin: 3rem 0 2rem 0;
    text-shadow: 0 6px 4px rgba(150,174,193,.3)
}

.webinar-mod .slider-title {
    font-family: Open Sans,sans-serif;
    color: #535b61;
    margin: 10px 0 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    line-height: 95.5%
}

.webinar-mod .slider-additional-text {
    color: #0072ce;
    font-weight: 700;
    font-size: 3.5rem
}

.webinar-mod .slider-slide__inner {
    padding: 15px 15px 25px;
    height: 50rem;
    background-position: right bottom;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-image: url(/images/webinar_banner.png);
    background-size: cover
}

.webinar-mod .slider-slide__inner:hover {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

@media screen and (max-width: 850px) {
    .webinar-mod .slider-slide__inner {
        height:auto
    }
}

.webinar-mod .slider-without-start {
    max-width: 61rem;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 2rem
}

.webinar-mod .slider-without-video {
    margin-bottom: 0;
    margin-top: 3rem;
    max-width: 74rem;
    padding-left: 2.5rem
}

.webinar-mod .start-lesson {
    font-family: Helvetica Neue;
    font-weight: 700;
    font-size: 2.2rem;
    text-align: center;
    width: 35rem;
    background-color: #f53146;
    border-radius: 10px;
    -webkit-box-shadow: 0 7px 8px rgba(0,0,0,.25);
    box-shadow: 0 7px 8px rgba(0,0,0,.25);
    margin-top: 2.5rem
}

.webinar-mod span {
    color: #f53146;
    text-decoration: none;
    font-weight: 700
}

@media screen and (max-width: 1172px) {
    .webinar-mod .slider-desc {
        font-size:6.5rem
    }

    .webinar-mod .slider-title {
        font-size: 3rem
    }
}

@media screen and (max-width: 1068px) {
    .webinar-mod .slider-desc {
        font-size:5rem
    }

    .webinar-mod .slider-title {
        font-size: 2.5rem
    }
}

@media screen and (max-width: 900px) {
    .webinar-mod .slider-without-video {
        padding-left:1rem
    }

    .webinar-mod .slider-without-video {
        max-width: 56rem
    }
}

@media screen and (max-width: 770px) {
    .webinar-mod .slider-slide__inner {
        background-image:url(/images/webinar_banner_medium_bg.png);
        background-size: contain;
        background-color: #fff
    }

    .webinar-mod .start-lesson {
        font-size: 1.8rem
    }

    .webinar-mod .slider-without-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width: 680px) {
    .webinar-mod .slider-desc {
        font-size:4.5rem
    }

    .webinar-mod .slider-without-video {
        max-width: 48rem
    }

    .webinar-mod .slider-title {
        font-size: 2.5rem
    }

    .webinar-mod .slider-without-video {
        margin-top: 0
    }

    .webinar-mod .start-lesson {
        font-size: 1.4rem;
        width: 20rem;
        padding: 1rem 2rem
    }
}

@media screen and (max-width: 600px) {
    .webinar-mod .slider-without-video {
        width:100%
    }

    .webinar-mod .slider-without-start {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .webinar-mod .slider-desc {
        font-size: 3.5rem
    }

    .webinar-mod .slider-title {
        font-size: 2rem
    }
}

@media screen and (max-width: 400px) {
    .webinar-mod .slider-desc {
        font-size:2.2rem;
        text-align: center;
        margin: 0
    }

    .webinar-mod .slider-title {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 8rem
    }
}

@media screen and (max-width: 580px) {
    .webinar-mod .slider-without-video {
        max-width:30rem
    }

    .webinar-mod .slider-additional-text {
        display: none
    }
}

@media screen and (max-width: 850px) {
    .webinar-mod .slider-additional-text {
        font-size:2.5rem
    }
}

.olessons-mod .slider-desc {
    font-family: Neuropol X;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 7.5rem;
    line-height: 90.5%;
    margin: 4rem 0
}

.olessons-mod .slider-title {
    font-family: Open Sans Light,sans-serif;
    color: #fff;
    margin: 10px 0 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 5rem;
    line-height: 95.5%
}

.olessons-mod .slider-slide__inner {
    padding: 15px 15px 25px;
    height: 50rem;
    background-position: right bottom;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-image: url(/images/online-lessons/banner_bg.svg)
}

.olessons-mod .slider-slide__inner:hover {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

@media screen and (max-width: 850px) {
    .olessons-mod .slider-slide__inner {
        height:auto
    }
}

.olessons-mod .slider-without-start {
    max-width: 61rem;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.olessons-mod .slider-without-video {
    margin-bottom: 0
}

@media screen and (max-width: 1070px) {
    .olessons-mod .slider-without-video {
        padding-left:0
    }
}

@media screen and (max-width: 1023px) {
    .olessons-mod .slider-slide__inner {
        border-radius:unset
    }

    .olessons-mod .slider-without-video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .olessons-mod .slider-slide {
        padding-top: 3px;
        padding-bottom: 0
    }

    .olessons-mod .main-slider-inner {
        padding-bottom: 0
    }
}

@media screen and (max-width: 900px) {
    .olessons-mod .slider-slide__inner {
        background-image:url(/images/banner_bg_mob.svg);
        background-position: calc(100% - 2rem) bottom;
        background-size: auto 90%
    }

    .olessons-mod .slider-without-video {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 39rem
    }

    .olessons-mod .slider-desc {
        margin: 0 0 2rem;
        line-height: 1em
    }

    .olessons-mod .slider-title {
        margin: 0 0 3rem;
        line-height: 1.2em
    }

    .olessons-mod .slider-without-start {
        padding-top: 0
    }
}

@media screen and (max-width: 639px) {
    .olessons-mod .slider-desc {
        font-size:6rem
    }

    .olessons-mod .slider-title {
        font-size: 4rem;
        max-width: 30rem
    }

    .olessons-mod .start-lesson {
        font-size: 2.6rem
    }
}

@media screen and (max-width: 539px) {
    .olessons-mod .slider-desc {
        font-size:5rem
    }

    .olessons-mod .slider-title {
        font-size: 4rem;
        max-width: 30rem
    }
}

@media screen and (max-width: 480px) {
    .olessons-mod .slider-desc {
        font-size:4rem
    }

    .olessons-mod .slider-title {
        font-size: 3rem
    }

    .olessons-mod .slider-without-video {
        width: 100%;
        max-width: 22rem
    }

    .olessons-mod .start-lesson {
        padding: 1.5rem 2rem;
        font-size: 2rem
    }
}

@media screen and (max-width: 389px) {
    .olessons-mod .slider-slide__inner {
        background-position:calc(100% - 1.5rem) bottom;
        background-size: auto 80%
    }

    .olessons-mod .slider-desc {
        font-size: 3rem
    }

    .olessons-mod .slider-title {
        font-size: 2.5rem
    }

    .olessons-mod .slider-without-video {
        max-width: 17rem
    }

    .olessons-mod .start-lesson {
        min-width: 16rem;
        padding: 1rem 1.5rem;
        font-size: 1.6rem
    }
}

.home-study-outer {
    position: relative
}

.home-study-outer .home-study-inner {
    padding-top: 30px;
    padding-bottom: 30px
}

.study-catalog-wrapper {
    width: 102.91262%;
    margin-left: -1.45631%;
    display: table;
    font-size: 0;
    text-align: center;
    will-change: transform
}

.study-catalog-wrapper .study-block {
    width: 13.75405%;
    min-width: 50px;
    margin-right: 1.45631%;
    margin-left: 1.45631%;
    margin-bottom: 3.23625%
}

.study-catalog-wrapper .study-block .study_soon {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 15px;
    font-size: 1.4rem;
    color: #fff;
    background: #e55050;
    border-radius: 30px;
    padding: 3px 8px;
    line-height: 1;
    z-index: 1
}

.study-catalog-wrapper .study-block .study-block__title {
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in
}

.study-catalog-wrapper .study-block:hover .study-block__image {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition: top .2s ease-in,background-color .2s ease-in,-webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in;
    transition: top .2s ease-in,background-color .2s ease-in,-webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in;
    -o-transition: top .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in,transform .2s ease-in;
    transition: top .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in,transform .2s ease-in;
    transition: top .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in,transform .2s ease-in,-webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in
}

.study-catalog-wrapper .study-block:hover .study-block__image+.study-block__title {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.study-catalog-wrapper .window-slide__study-array .study-block__image .__title {
    font-size: 1.4rem
}

.nolink {
    pointer-events: none
}

.is-active>.study-block:hover>.study-block__image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-active>.study-block:hover>.study-block__image+.study-block__title {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-active>.study-block:hover>.study-block__labels {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.is-active>.study-block.is-active>.study-block__image {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: -webkit-filter .3s ease-in;
    transition: -webkit-filter .3s ease-in;
    -o-transition: filter .3s ease-in;
    transition: filter .3s ease-in;
    transition: filter .3s ease-in,-webkit-filter .3s ease-in
}

.is-active>.study-block.is-active>.study-block__image .__title {
    color: #fff
}

.is-active>.study-block.is-active>.study-block__image.dark .__title {
    color: #000
}

.is-active>.study-block.is-active>.study-block__labels {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.is-active>.study-block>.study-block__image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .3s ease-in,-webkit-box-shadow .2s ease-in;
    transition: -webkit-filter .3s ease-in,-webkit-box-shadow .2s ease-in;
    -o-transition: filter .3s ease-in,box-shadow .2s ease-in;
    transition: filter .3s ease-in,box-shadow .2s ease-in;
    transition: filter .3s ease-in,box-shadow .2s ease-in,-webkit-filter .3s ease-in,-webkit-box-shadow .2s ease-in
}

.is-active>.study-block>.study-block__image .__title {
    color: #eaeaea
}

.is-active>.study-block>.study-block__image.dark .__title {
    color: #444
}

.is-active>.study-block>.study-block__labels {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.study-catalog-wrapper .study-category__window-slide {
    display: none;
    position: relative
}

.study-catalog-wrapper .study-category__window-slide.is-loading {
    padding: 40px 0
}

.study-catalog-wrapper .study-category__window-slide.multiline:after {
    content: '';
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 50%;
    margin-left: -2500px;
    width: 5000px;
    height: 1px;
    background-color: #d7dde1
}

.study-catalog-wrapper .study-category__window-slide .study-block .study-block__image img,.study-catalog-wrapper .study-category__window-slide .study-block .study-block__image object,.study-catalog-wrapper .study-category__window-slide .study-block .study-block__image svg {
    display: inline-block;
    opacity: .2;
    width: 80%;
    height: 80%
}

.study-catalog-wrapper .study-category__window-slide .window-slide__lesson-array .lesson-block {
    width: 22.69044%;
    margin-right: 1.15478%;
    margin-bottom: 30px;
    margin-left: 1.15478%
}

.study-catalog-wrapper .study-category__window-slide .window-slide__lesson-array .lesson_message {
    font-size: 2rem;
    margin-bottom: 30px
}

.study-catalog-wrapper .window-slide__title {
    margin-bottom: 45px
}

.study-catalog-wrapper .window-slide__title .study-block {
    display: none
}

.study-catalog-wrapper .window-slide__title span {
    font: 300 3.6rem/1.2em Roboto,sans-serif;
    color: #000;
    text-transform: uppercase;
    position: relative
}

.study-catalog-wrapper .window-slide__title span:after,.study-catalog-wrapper .window-slide__title span:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 3000px;
    height: 1px;
    background-color: #d7dde1
}

.study-catalog-wrapper .window-slide__title span:before {
    right: 100%;
    margin-right: 25px
}

.study-catalog-wrapper .window-slide__title span:after {
    left: 100%;
    margin-left: 25px
}

.study-catalog-wrapper .window-slide__title .title-link {
    right: 20px
}

.study-catalog-wrapper .window-slide__title.longtitle span {
    font: 300 3rem/1.2em Roboto,sans-serif
}

.title-link {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -14px;
    right: 0;
    background-color: #fff;
    display: inline-block;
    padding: 5px 25px 5px 15px;
    font: 1.6rem/1em "Open Sans",sans-serif;
    color: #aab3b6;
    text-transform: none
}

.title-link:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 10px;
    font: 1.6rem/1em FontAwesome;
    color: #aab3b6
}

@media screen and (max-width: 1240px) {
    .home-study-outer .home-study-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (min-width: 1025px) {
    .home-study-outer {
        overflow:hidden
    }
}

@media screen and (max-width: 1024px) {
    .study-catalog-wrapper {
        width:102.8463%;
        margin-left: -1.42315%
    }

    .study-catalog-wrapper .study-block {
        width: 16.39469%;
        min-width: 50px;
        margin-right: 1.42315%;
        margin-left: 1.42315%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 959px) {
    .study-catalog-wrapper .study-block .study-block__title {
        font-size:1.5rem
    }

    .study-catalog-wrapper .window-slide__study-array .study-block__image .__title {
        font-size: 1.3rem
    }

    .study-catalog-wrapper .window-slide__title {
        margin-bottom: 30px
    }

    .study-catalog-wrapper .window-slide__title span {
        font-size: 2.6rem
    }
}

@media screen and (max-width: 799px) {
    .home-study-outer {
        position:relative
    }

    .home-study-outer .home-study-inner {
        padding-top: 0;
        padding-bottom: 0
    }

    .study-catalog-wrapper {
        width: 102.63852%;
        margin-left: -1.31926%
    }

    .study-catalog-wrapper .study-block {
        width: 22.36148%;
        margin-right: 1.31926%;
        margin-left: 1.31926%;
        margin-bottom: 30px
    }

    .study-catalog-wrapper .window-slide__study-array .study-block__image .__title {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 639px) {
    .study-catalog-wrapper {
        width:103.3389%;
        margin-left: -1.66945%
    }

    .study-catalog-wrapper .study-block {
        width: 21.53589%;
        margin-right: 1.66945%;
        margin-left: 1.66945%;
        margin-bottom: 30px
    }

    .study-catalog-wrapper .window-slide__study-array .study-block {
        width: 29.88314%
    }
}

@media screen and (max-width: 479px) {
    .home-study-outer .home-study-inner {
        padding-right:15px;
        padding-left: 15px
    }

    .study-catalog-wrapper .window-slide__title span {
        font-size: 2rem
    }

    .study-catalog-wrapper .window-slide__title span:after,.study-catalog-wrapper .window-slide__title span:before {
        display: none
    }

    .study-catalog-wrapper {
        width: 103.34076%;
        margin-left: -1.67038%
    }

    .study-catalog-wrapper .study-block {
        width: 29.8441%;
        margin-right: 1.67038%;
        margin-left: 1.67038%;
        margin-bottom: 20px
    }

    .study-catalog-wrapper .window-slide__study-array .study-block {
        width: 43.20713%
    }
}

@media screen and (max-width: 359px) {
    .study-catalog-wrapper {
        width:104.55927%;
        margin-left: -2.27964%
    }

    .study-catalog-wrapper .study-block {
        width: 45.28875%;
        margin-right: 2.27964%;
        margin-left: 2.27964%;
        margin-bottom: 20px
    }

    .study-catalog-wrapper .window-slide__study-array .study-block {
        width: 45.28875%
    }

    .study-catalog-wrapper .window-slide__study-array .study-block__image .__title {
        font-size: 1.1rem
    }
}

.page-banner-outer {
    height: 300px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.content-page-outer {
    overflow: hidden
}

.content-page-outer .content-page-inner {
    padding-top: 50px;
    padding-bottom: 50px
}

.payment-page-outer {
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (max-width: 1240px) {
    .content-page-outer .content-page-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@font-face {
    font-family: Comfortaa;
    font-weight: 700;
    src: url(/fonts/Comfortaa_Bold.eot?) format("eot"),url(/fonts/Comfortaa_Bold.woff2) format("woff2"),url(/fonts/Comfortaa_Bold.woff) format("woff"),url(/fonts/Comfortaa_Bold.ttf) format("truetype"),url(/fonts/Comfortaa_Bold.svg#Comfortaa) format("svg")
}

@font-face {
    font-family: Comfortaa;
    font-weight: 400;
    src: url(/fonts/Comfortaa_Regular.eot?) format("eot"),url(/fonts/Comfortaa_Regular.woff2) format("woff2"),url(/fonts/Comfortaa_Regular.woff) format("woff"),url(/fonts/Comfortaa_Regular.ttf) format("truetype"),url(/fonts/Comfortaa_Regular.svg#Comfortaa) format("svg")
}

@font-face {
    font-family: Comfortaa;
    font-weight: 300;
    src: url(/fonts/Comfortaa_Light.eot?) format("eot"),url(/fonts/Comfortaa_Light.woff2) format("woff2"),url(/fonts/Comfortaa_Light.woff) format("woff"),url(/fonts/Comfortaa_Light.ttf) format("truetype"),url(/fonts/Comfortaa_Light.svg#Comfortaa) format("svg")
}

.products-header-outer {
    background: #2ca3ca url(/images/module/products/products-header-bg.jpg) no-repeat center center
}

.products-header-outer .products-header-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 653px
}

.products-header__text {
    width: 390px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 4.1rem;
    font-weight: 300;
    text-transform: uppercase;
    margin-left: 32rem;
    margin-bottom: 23rem;
    margin-top: 0
}

.products-blockline-outer {
    border-bottom: 1px solid #e0e0e0
}

.products-blockline-outer.products-odd .products-blockline__left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 5rem;
    z-index: 10
}

.products-blockline-outer.products-odd .products-blockline__right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.products-blockline-outer.products-even .products-blockline__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.products-blockline-outer.products-even .products-blockline__right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 5rem;
    z-index: 10
}

.products-blockline-outer .products-blockline-inner {
    padding: 5rem 2rem;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.products-blockline-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.products-blockline__left,.products-blockline__right {
    position: relative;
    width: 50%
}

.products-blockline__left img,.products-blockline__right img {
    max-width: 100%
}

.products-blockline__product-title {
    color: #2c3e50;
    font-family: Comfortaa,sans-serif;
    font-size: 2.7rem;
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 0
}

.products-blockline__title {
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 4.5rem;
    margin-top: 0
}

.products-blockline__desc {
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-size: 1.8rem;
    font-weight: 400
}

.products-blockline__details {
    margin-top: 30px;
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

.products-blockline__details td {
    padding: 2px 5px;
    vertical-align: top
}

.products-blockline__details td:first-child {
    min-width: 270px
}

.products-blockline__details tr td:first-child {
    text-align: right;
    font-weight: 900
}

.products-blockline__details-price {
    margin-top: 30px;
    display: inline-block;
    position: relative;
    padding: 15px;
    border-radius: 10px;
    border: 2px solid #0072ce;
    color: #0072ce;
    font-size: 2.2rem;
    font-weight: 700;
    width: auto;
    min-width: 150px;
    text-align: center
}

.products-blockline__details-price span {
    position: absolute;
    top: -10px;
    left: 10px;
    background: #fff;
    font-size: 1.6rem;
    font-weight: lighter;
    padding: 0 10px
}

.products-blockline--big {
    width: 56.8rem
}

.products-blockline--medium {
    width: 42rem
}

.products-blockline--small {
    width: 36.5rem
}

.products-part-1 .products-blockline__left {
    width: 46rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-1 .products-blockline__left .products-blockline__desc,.products-part-1 .products-blockline__left .products-blockline__product-title,.products-part-1 .products-blockline__left .products-blockline__title {
    width: 56.8rem
}

.products-part-1 .products-blockline__left .products-blockline__details {
    width: 43rem
}

.products-part-1 .products-blockline__right {
    width: auto
}

.products-part-1 .products-blockline__right img {
    max-width: 75.3rem
}

.products-part-2 .products-blockline__left {
    width: 50rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-2 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-part-3 .products-blockline__left {
    width: 60rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-3 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-part-4 .products-blockline__left {
    width: 56rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-4 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-part-5 .products-blockline__left {
    width: 60rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-5 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-part-6 .products-blockline__left {
    width: 60rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-6 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-part-7 .products-blockline__left {
    width: 55rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-7 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-part-7 .products-blockline__details tr td:first-child {
    min-width: 282px
}

.products-part-8 .products-blockline__left {
    width: 60rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-8 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-part-9 .products-blockline__left {
    width: 56rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.products-part-9 .products-blockline__right {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.products-promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 56.5rem;
    margin: 10rem auto;
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-size: 29px;
    font-weight: 400
}

.products-promo .button,.products-promo .button-block,.products-promo .button-radius {
    border-radius: 5px;
    background-color: #0072ce;
    font-family: "Open Sans - Semi Bold",sans-serif;
    font-size: 18px;
    padding: 16px 35px
}

.products-promo__title {
    color: #2c3e50;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-size: 29px;
    font-weight: 400;
    margin-bottom: 4rem
}

@media screen and (max-width: 999px) {
    .products-header-outer {
        width:100%;
        min-height: 120px;
        background-color: transparent;
        background-repeat: repeat;
        background-position: center center;
        background-size: 100% auto;
        background-image: url(header_title_bg.png);
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        display: table;
        height: auto
    }

    .products-header-outer .products-header-inner {
        display: table-cell;
        vertical-align: middle;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-right: 100px;
        padding-left: 100px;
        height: auto
    }

    .products-header__text {
        font-size: 3.6rem;
        margin: 0;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .products-blockline-outer.products-odd .products-blockline__left {
        padding:0;
        width: 100%!important
    }

    .products-blockline-outer.products-even .products-blockline__left {
        width: 100%!important
    }

    .products-blockline-outer.products-even .products-blockline__right {
        padding: 0;
        width: 100%!important
    }

    .products-blockline-outer .products-blockline-inner {
        padding: 3rem 2rem
    }

    .products-blockline__left,.products-blockline__right {
        width: 100%!important
    }

    .products-blockline__left img,.products-blockline__right img {
        display: none
    }

    .products-blockline__left .products-blockline__desc,.products-blockline__left .products-blockline__product-title,.products-blockline__left .products-blockline__title,.products-blockline__right .products-blockline__desc,.products-blockline__right .products-blockline__product-title,.products-blockline__right .products-blockline__title {
        width: 100%!important
    }

    .products-blockline__product-title {
        font-size: 2.2rem;
        margin-bottom: 2rem
    }

    .products-blockline__title {
        font-size: 2.5rem;
        margin-bottom: 2rem
    }

    .products-blockline__desc {
        font-size: 1.8rem
    }

    .products-promo {
        max-width: 100%;
        margin: 15px auto;
        font-size: 2rem
    }

    .products-promo__title {
        font-size: 2rem;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 599px) {
    .products-header-outer {
        min-height:auto
    }

    .products-header-outer .products-header-inner {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 15px;
        padding-left: 15px
    }

    .products-header__text {
        font-size: 2.4rem
    }

    .products-blockline-outer .products-blockline-inner {
        padding: 2rem 1rem
    }

    .products-blockline__product-title {
        font-size: 1.8rem;
        margin-bottom: 1rem
    }

    .products-blockline__title {
        font-size: 2rem;
        margin-bottom: 2rem
    }

    .products-blockline__desc {
        font-size: 1.6rem
    }

    .products-promo {
        font-size: 1.6rem;
        padding: 15px 15px
    }

    .products-promo__title {
        font-size: 2rem;
        margin-bottom: 2rem
    }

    .products-blockline__details td:first-child {
        min-width: 100%
    }

    .products-part-4 .products-blockline__details tr td:first-child {
        min-width: auto
    }
}

.rates-outer .rates-inner {
    padding-top: 45px;
    padding-bottom: 45px
}

.rates-outer .rates-inner .button-radius,.rates-outer .rates-inner>.button,.rates-outer .rates-inner>.button-block,.rates-outer .rates-inner>.button-radius {
    display: table;
    min-width: 200px;
    margin: 50px auto
}

.rates-outer .rates-inner .content-text {
    text-align: center;
    margin-bottom: 40px
}

.rates-outer .rates-inner .balance-block__label {
    text-align: center
}

.rates-outer .rates-inner .payment-help__wrapper,.rates-outer .rates-inner .payment-instruction__wrapper,.rates-outer .rates-inner .payment__wrapper {
    max-width: 1060px;
    margin-right: auto;
    margin-left: auto
}

.rates-outer .rates-inner .payment-help__wrapper,.rates-outer .rates-inner .payment-instruction__wrapper {
    max-width: 955px;
    margin-right: auto;
    margin-left: auto
}

.rates__title {
    width: 100%;
    font: 3.2rem/1.2em "Open Sans Light",sans-serif;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px
}

.rates__label {
    font: 1.6rem/1em "Open Sans",sans-serif;
    color: #000;
    text-align: center;
    margin-bottom: 25px
}

.rates__wrapper {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 30px
}

.rates__wrapper .rate-plan-block {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    width: 16.83333%;
    min-width: 160px;
    margin-right: 2.5%
}

.rates__wrapper .rate-plan-block:last-child {
    margin-right: 0
}

.rate-plan-status__selected .rate-plan-block .rate-plan-block__period,.rate-plan-status__selected .rate-plan-block .rate-plan-block__period .rate-plan-block__discount,.rate-plan-status__selected .rate-plan-block .rate-plan-block__price {
    color: #a0b5c2
}

.rate-plan-status__selected .rate-plan-block.is-active .rate-plan-block__period,.rate-plan-status__selected .rate-plan-block.is-active .rate-plan-block__period .rate-plan-block__discount,.rate-plan-status__selected .rate-plan-block.is-active .rate-plan-block__price {
    color: #fff!important
}

.lk-account__preview {
    width: 100%;
    max-width: 690px;
    margin: 0 auto 40px;
    padding: 40px 50px;
    border: 1px solid #e2ecf2;
    border-radius: 6px
}

.lk-account__preview:after {
    content: '';
    display: table;
    clear: both
}

.lk-account__balance,.lk-account__info {
    width: 50%;
    float: left;
    display: block
}

.lk-account__info:after {
    content: '';
    display: table;
    clear: both
}

.lk-account__info .lk-panel__account-photo {
    float: left;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.lk-account__info .lk-panel__account-description {
    padding-left: 125px
}

.lk-account__balance {
    text-align: center
}

.lk-account__balance .button,.lk-account__balance .button-block,.lk-account__balance .button-radius {
    margin-top: 25px!important;
    margin-bottom: 50px!important
}

.rate__selected .rates__wrapper {
    margin-bottom: 0
}

.rate__selected .rate-plan-block {
    width: 202px;
    margin: 0 auto!important;
    float: none
}

ul.payment-icons {
    width: 100%;
    text-align: center
}

ul.payment-icons li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 20px
}

ul.payment-icons li:last-child {
    margin-right: 0
}

ul.payment-icons li img {
    max-width: 100%
}

.balance_confirm .blp_block {
    width: 100%
}

.balance_confirm .bc_content {
    max-width: 600px;
    margin: 10px auto 15px auto;
    padding: 10px;
    text-align: center
}

.balance_confirm .bc_text {
    font: 1.6rem/1.6em "Open Sans",sans-serif;
    margin: 0 0 10px 0
}

.balance_confirm .button,.balance_confirm .button-block,.balance_confirm .button-radius {
    width: 130px;
    margin: 0 5px
}

@media screen and (max-width: 1240px) {
    .rates-outer .rates-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 767px) {
    .rates-outer .rates-inner .lk-account__preview {
        padding:30px 20px
    }

    .rates-outer .rates-inner .lk-account__balance,.rates-outer .rates-inner .lk-account__info {
        width: 100%;
        float: none
    }

    .rates-outer .rates-inner .lk-account__info {
        margin-bottom: 40px
    }

    .rates-outer .rates-inner .lk-panel__account-photo {
        width: 150px!important;
        height: 150px!important;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px!important;
        float: none!important
    }

    .rates-outer .rates-inner .lk-panel__account-description {
        text-align: center;
        padding-left: 0
    }
}

@media screen and (max-width: 700px) {
    .rates__wrapper .rate-plan-block:nth-child(3n+3) {
        margin-right:0
    }
}

@media screen and (max-width: 560px) {
    .rates-outer .rates-inner {
        padding-right:15px;
        padding-left: 15px
    }

    .rates__title {
        font-size: 2.4rem
    }

    .rates__wrapper .rate-plan-block {
        min-width: 130px
    }

    .lk-account__preview {
        padding: 20px
    }

    .lk-account__balance,.lk-account__info {
        width: 100%;
        float: none;
        display: block
    }

    .lk-account__info .lk-panel__account-photo {
        float: none;
        margin: 0 auto
    }

    .lk-account__info .lk-panel__account-description {
        padding-left: 0;
        text-align: center;
        margin: 10px 0 15px 0
    }

    .balance-block__summ {
        font-size: 4.5rem
    }
}

@media screen and (max-width: 479px) {
    .rates__wrapper .rate-plan-block {
        width:47%;
        margin-right: 4%;
        margin-bottom: 15px;
        max-width: 180px
    }

    .rates__wrapper .rate-plan-block:nth-child(3n+3) {
        margin-right: 4%
    }

    .rates__wrapper .rate-plan-block:nth-child(2n+2) {
        margin-right: 0
    }
}

.schools-rating-outer {
    padding: 20px 0 50px 0
}

.schools-rating-outer .notice-block {
    margin-bottom: 40px
}

.table-stat__title {
    font-weight: 400;
    text-align: center;
    font: 2.4rem/2em "Open Sans",sans-serif;
    margin: 0 0 10px 0
}

.table-stat__title span {
    font-weight: 700
}

.table-stat__wrapper {
    width: 100%;
    display: block;
    border: 1px solid #a4b8c4;
    border-radius: 10px
}

.table-stat__head,.table-stat__tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.table-stat__head {
    background-color: #d1dde4;
    border-radius: 10px 10px 0 0;
    padding-left: 4rem
}

.table-stat__head .table-stat__col-regions {
    padding-left: 0
}

.table-stat__head .table-stat__col-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.table-stat__head .table-stat__col-count span {
    display: block;
    width: 100%
}

.table-stat__col-count,.table-stat__col-regions {
    font: 1.8rem/1.2em "Open Sans Semibold",sans-serif;
    color: #000;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    -ms-flex-item-align: center;
    align-self: center
}

.table-stat__col-regions {
    width: 61%;
    padding-left: 4rem;
    vertical-align: middle
}

.table-stat__col-count {
    width: 13%;
    text-align: center;
    border-left: 1px solid #a4b8c4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.table-stat__col-count .col-value {
    display: block;
    width: 100%
}

.table-stat__col-count .col-title {
    display: none
}

.table-stat__body li {
    border-top: 1px solid #a4b8c4
}

.table-stat__body li .table-stat__col-count,.table-stat__body li .table-stat__col-regions {
    font-family: "Open Sans",sans-serif
}

.table-stat__body li .table-stat__col-count .col-value.bold,.table-stat__body li .table-stat__col-regions .col-value.bold {
    font-weight: 700
}

.table-stat__body li.table-stat__dropmenu.is-active>.table-stat__tr {
    background-color: #0072ce
}

.table-stat__body li.table-stat__dropmenu.is-active>.table-stat__tr .table-stat__col-count,.table-stat__body li.table-stat__dropmenu.is-active>.table-stat__tr>.table-stat__col-regions {
    color: #fff
}

.table-stat__body li.table-stat__dropmenu.is-active>.table-stat__tr>.table-stat__col-regions:before {
    content: '\F078';
    color: #fff;
    margin-left: -.4rem
}

.table-stat__body li.table-stat__dropmenu.no-dropmenu .table-stat__col-regions:before {
    display: none
}

.table-stat__body li.table-stat__dropmenu>.table-stat__submenu {
    background-color: #ecf1f4
}

.table-stat__body li.table-stat__dropmenu>.table-stat__submenu>li.table-stat__dropmenu.is-active>.table-stat__tr {
    background-color: #7d8d9e
}

.table-stat__body li.table-stat__dropmenu>.table-stat__submenu>li.table-stat__dropmenu.is-active>.table-stat__tr>.table-stat__col-regions:before {
    content: '\F0D7';
    color: #fff;
    margin-left: -.1rem
}

.table-stat__body li.table-stat__dropmenu>.table-stat__submenu>li.table-stat__dropmenu>.table-stat__tr>.table-stat__col-regions:before {
    content: '\F0DA';
    color: #0072ce
}

.table-stat__body li.table-stat__dropmenu>.table-stat__submenu>li.table-stat__dropmenu>.table-stat__submenu>li>.table-stat__tr {
    background-color: #dae4ea
}

.table-stat__body li.table-stat__dropmenu>.table-stat__submenu>li.table-stat__dropmenu>.table-stat__submenu>li>.table-stat__tr>.table-stat__col-regions:before {
    content: '\F111';
    font-size: .8rem;
    margin-top: -.4rem;
    color: #0b1d54
}

.table-stat__body li.table-stat__dropmenu>.table-stat__submenu>li.table-stat__dropmenu>.table-stat__submenu>li>.table-stat__tr>.table-stat__col-count {
    font-weight: 400
}

.table-stat__tr {
    cursor: pointer;
    padding-left: 4rem
}

.table-stat__tr .table-stat__col-regions {
    position: relative
}

.table-stat__tr .table-stat__col-regions:before {
    content: '\F054';
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -.7rem;
    left: 0;
    display: block;
    font: 1.4rem/1em FontAwesome;
    color: #000
}

ul.table-stat__submenu {
    display: none
}

.rating-notice-message {
    font-size: 1.6rem;
    max-width: 900px;
    margin: 0 auto 20px auto
}

.rating-filter-wrapper {
    max-width: 600px;
    margin: 0 auto 30px auto
}

.rating-filter-title {
    font-size: 1.6rem;
    margin-bottom: 10px
}

.rating-filter-form:after,.rating-filter-form:before {
    content: " ";
    display: table
}

.rating-filter-form:after {
    clear: both
}

.rating-filter-form .form__string {
    margin: 0 15px 0 0;
    width: 31%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left
}

.rating-filter-form .form__string:last-child {
    display: block;
    margin-right: 0;
    text-align: right;
    float: right
}

.rating-filter-form .form__string label {
    float: left;
    margin: 0;
    width: 60px;
    text-align: right;
    padding-right: 10px
}

.input-file .rating-filter-form .form__string .input-fake,.input-file-wrapper .rating-filter-form .form__string .input-fake,.rating-filter-form .form__string .input-file .input-fake,.rating-filter-form .form__string .input-file-wrapper .input-fake,.rating-filter-form .form__string input {
    float: left;
    margin: 0;
    width: calc(100% - 60px)
}

@media screen and (max-width: 1240px) {
    .table-stat__col-count,.table-stat__col-regions {
        font-size:1.5rem
    }
}

@media screen and (max-width: 999px) {
    .table-stat__head {
        padding-left:2rem
    }

    .table-stat__tr {
        padding-left: 2rem
    }

    .table-stat__col-count,.table-stat__col-regions {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .table-stat__col-regions {
        width: 55%;
        padding-left: 2rem
    }

    .table-stat__col-count {
        width: 15%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .table-stat__col-count .col-value {
        display: block;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .table-stat__title {
        font-size:1.8rem
    }

    .table-stat__title span {
        display: block
    }

    .table-stat__head {
        display: none
    }

    .table-stat__head,.table-stat__tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1rem 2rem
    }

    .table-stat__col-regions {
        width: 100%;
        border-right: none;
        padding-left: 0;
        padding-bottom: .25rem;
        padding-top: .25rem;
        text-align: center;
        font-size: 1.5rem
    }

    .table-stat__col-count {
        display: block;
        width: 100%;
        font-size: 1.5rem;
        text-align: center;
        border-left: none;
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .table-stat__col-count .col-title {
        font-weight: 400;
        display: block
    }

    .table-stat__tr .table-stat__col-regions:before {
        display: none
    }

    .table-stat__body li:first-child {
        border-top: none
    }

    .table-stat__tr {
        position: relative
    }

    .table-stat__tr:before {
        content: '\F054';
        position: absolute;
        z-index: 1;
        top: 50%;
        margin-top: -.7rem;
        left: 10px;
        display: block;
        font: 1.4rem/1em FontAwesome;
        color: #000
    }

    .table-stat__tr.no-arrow:before {
        display: none
    }

    .table-stat__dropmenu.is-active>.table-stat__tr:before {
        content: '\F078';
        color: #fff
    }

    .rating-filter-form .form__string {
        margin: 0 0 10px 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        float: none
    }

    .rating-filter-form .form__string:last-child {
        float: none
    }
}

.reviews-list {
    padding-bottom: 50px
}

.reviews-list-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 50px
}

.reviews-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 150px;
    padding: 20px;
    border-bottom: 1px solid #ddd
}

.reviews-list__item:last-child {
    border-bottom: none
}

.reviews-list__item-author {
    width: 100px
}

.reviews-list__item-photo {
    margin: 10px auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #a0b5c2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 1px solid #d6dfe4
}

.reviews-list__item-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4em
}

.reviews-list__item-name>span {
    text-align: center
}

.reviews-list__item-name>span:first-child {
    font-weight: 700
}

.reviews-list__item-description {
    width: 100%;
    padding: 30px 10px 20px 75px;
    font-size: 1.5em
}

.reviews-list__item-description .date {
    margin-top: 10px;
    text-align: right
}

.rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 22px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rating-stars .star {
    background-color: grey;
    cursor: pointer;
    height: 17px;
    width: 17px;
    margin: 2px;
    float: left;
    -webkit-clip-path: polygon(50% 0,63% 38%,100% 38%,69% 59%,82% 100%,50% 75%,18% 100%,31% 59%,0 38%,37% 38%);
    clip-path: polygon(50% 0,63% 38%,100% 38%,69% 59%,82% 100%,50% 75%,18% 100%,31% 59%,0 38%,37% 38%)
}

.course-comment-form__submit[disabled] {
    background-color: #ccc
}

.search-page-outer .search-page-inner {
    padding-top: 50px;
    padding-bottom: 50px
}

.search-page-outer .unit_lesson_list .lesson-block {
    width: 22.69044%;
    margin-right: 1.15478%;
    margin-bottom: 30px;
    margin-left: 1.15478%
}

.form__search-page {
    width: 100%;
    max-width: 545px;
    margin: 0 auto 45px;
    position: relative
}

.form__search-page .input-file .input-fake,.form__search-page .input-file-wrapper .input-fake,.form__search-page input,.input-file .form__search-page .input-fake,.input-file-wrapper .form__search-page .input-fake {
    border-color: #a0b5c2;
    font-size: 1.8rem
}

.search-page__desc {
    font: 2.4rem/1.2em "Open Sans Light",sans-serif;
    color: #000;
    text-align: center;
    margin-bottom: 20px
}

.search-page__desc strong {
    font-family: "Open Sans",sans-serif;
    font-weight: 700
}

.search-page__result-array {
    display: block;
    width: 100%;
    margin-top: 60px
}

.search-result__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px 0 #ddd;
    box-shadow: 0 0 2px 0 #ddd;
    padding: 0;
    overflow: hidden;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.search-result__item-icon {
    width: 150px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.search-result__item-icon.color {
    padding: 10px
}

.search-result__item-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.search-result__item-description {
    width: 100%;
    vertical-align: top;
    padding: 20px 20px
}

.search-result__item-subtitle,.search-result__item-text,.search-result__item-title {
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.2em;
    color: #000
}

.search-result__item-subtitle a,.search-result__item-text a,.search-result__item-title a {
    color: #000
}

.search-result__item-subtitle a:hover,.search-result__item-text a:hover,.search-result__item-title a:hover {
    border-bottom: 1px solid #a3a3a3
}

.search-result__item-title {
    font-family: "Open Sans Semibold",sans-serif;
    margin-bottom: 20px
}

.search-result__item-title a {
    color: #2daafc
}

.search-result__item-subtitle {
    font-family: "Open Sans Semibold",sans-serif
}

.search-result__item-text {
    font-family: "Open Sans",sans-serif;
    margin-top: 10px
}

@media screen and (max-width: 1240px) {
    .search-page-outer .search-page-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 599px) {
    .search-page-outer .search-page-inner {
        padding-top:20px;
        padding-bottom: 20px
    }

    .form__search-page {
        margin-bottom: 20px
    }

    .search-page__desc {
        font-size: 2rem;
        margin-bottom: 20px
    }

    .search-page__result-array {
        margin-top: 40px
    }

    .search-page__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px
    }

    .search-result__item-description {
        display: block;
        width: 100%
    }

    .search-result__item-icon {
        display: none;
        width: 65px
    }
}

.classes-wrapper {
    padding-top: 30px
}

.classes_new-mark {
    top: 0;
    right: -.5rem;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: #0072ce;
    color: #fff;
    border-radius: 50%;
    font: 1.2rem/1.2em "Open Sans",sans-serif;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.6);
    box-shadow: 0 0 5px rgba(0,0,0,.6);
    z-index: 5
}

.class-item {
    margin-bottom: 3rem;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #dde2e6;
    border-radius: 5px;
    background: #fff
}

.class-item:last-of-type {
    margin-bottom: 0
}

.class-item.complete .class-item__image:before {
    content: '\F00C';
    display: inline-block;
    width: 3rem;
    height: 3rem;
    font-family: FontAwesome;
    font-size: 1.6rem;
    line-height: 3rem;
    position: absolute;
    top: -.5rem;
    right: -1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    background: #27ae60
}

.class-item__image {
    margin-right: 2rem;
    width: 10rem;
    position: relative;
    text-align: center
}

.class-item__image img {
    max-width: 100%;
    display: block;
    border-radius: 5px;
    cursor: pointer
}

.class-item__info-top {
    margin-bottom: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.class-item__title {
    color: #2c3e50;
    font-size: 1.8rem;
    font-family: "Open Sans Semibold",sans-serif;
    cursor: pointer
}

.class-item__info {
    max-width: 80rem;
    width: 100%;
    margin-right: 2rem
}

.class-item__description {
    color: #8f9ca4;
    font-size: 1.6rem;
    line-height: 1.2em;
    font-family: "Open Sans",sans-serif;
    text-align: left
}

.class-item__stat {
    width: 18rem;
    -ms-flex-item-align: center;
    align-self: center
}

.class-item__stat.completed .stat-info__text {
    color: #0072ce
}

.class-item__new-mark {
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 5px;
    font-size: 1.4rem;
    color: #fff;
    background: #e55050;
    border-radius: 30px;
    padding: 3px 8px;
    line-height: 1;
    text-transform: lowercase
}

.stat-info {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.stat-info__label {
    margin-right: 1rem;
    color: #8f9ca4;
    font-size: 1.2rem;
    line-height: 1.2em;
    font-family: "Open Sans",sans-serif
}

.stat-info__text {
    color: #0f90e5;
    font-size: 1.6rem;
    line-height: 1.2em;
    font-family: "Open Sans Semibold",sans-serif
}

.class-progress {
    margin-bottom: 1.5rem;
    background: #e4e6e7;
    height: 6px;
    border-radius: 20px
}

.class-progress__line {
    height: 100%;
    border-radius: 20px 0 0 20px;
    background: #b9d9c6
}

.class-stat__btn {
    min-width: auto;
    width: 100%;
    max-width: 200px;
    text-align: center
}

.class-item-mobile {
    margin-bottom: 2rem;
    display: none
}

.class-item-mobile .class-item__image,.class-item-mobile .class-item__stat {
    display: block
}

.class-item-mobile .class-item__image {
    margin: 0;
    max-width: 10rem;
    width: 100%
}

.class-item-mobile .class-item__stat {
    max-width: 18rem;
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.class-item-mobile .class-item__title {
    margin-bottom: 1.5rem
}

.class-item-mobile .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem
}

.class-item-mobile__col {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.class-item-mobile__col.left {
    width: 35%
}

.class-item-mobile__col.right {
    width: 65%;
    padding-left: 15px;
    -ms-flex-item-align: center;
    align-self: center
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rating__text {
    margin-right: 1rem;
    color: #2c3e50;
    font-size: 1.6rem;
    font-family: "Open Sans Semibold",sans-serif
}

.rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rating-star__ico {
    margin: 0 2px;
    font-size: 1.4rem;
    color: #cac8c8
}

.rating-star__ico:before {
    content: "\f005";
    font-size: 1.6rem;
    font-family: FontAwesome
}

.rating-star__ico.active {
    color: #fbc509
}

@media screen and (max-width: 1080px) {
    .class-item__info {
        max-width:60rem
    }
}

@media screen and (max-width: 980px) {
    .class-item__info {
        max-width:50rem
    }

    .class-item__stat {
        max-width: 15rem
    }
}

@media screen and (max-width: 880px) {
    .class-info {
        max-width:45rem
    }
}

@media screen and (max-width: 768px) {
    .class-info {
        max-width:40rem
    }
}

@media screen and (max-width: 700px) {
    .class-item {
        padding:2rem 1.5rem;
        border-radius: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .class-item__info {
        max-width: 100%
    }

    .class-item__image,.class-item__info-top,.class-item__stat {
        display: none
    }

    .class-item-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .rating__text {
        margin-right: 1rem
    }
}

.course-page-outer .course-page__top .study-block__image {
    background-size: cover;
    background-position: center center
}

.subject-lesson-page .course-page__top {
    margin-bottom: 40px
}

.subject-lesson-page .course-page__buttons {
    margin-bottom: 20px
}

.subject-course-page {
    background-color: #edf1f4;
    padding-bottom: 50px
}

.subject-course-wrapper {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-family: "Open Sans",sans-serif;
    background: #fff;
    padding: 4rem 3rem;
    border-radius: 5px
}

.subject-course-left {
    width: calc(100% - 330px);
    padding-right: 30px
}

.subject-course-right {
    width: 330px
}

.course-info__title {
    margin: 0 0 2.5rem;
    color: #2c3e50;
    font-family: "Open Sans Light",sans-serif;
    font-size: 2.4rem;
    text-transform: uppercase;
    line-height: 1.2em
}

.course-info__title span {
    margin-left: 5px
}

.course-info__text {
    margin-bottom: 5rem;
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-size: 1.6rem;
    line-height: 1.5em
}

.courses-content {
    margin-bottom: 60px;
    position: relative
}

.csection-block {
    border: 1px solid #edf1f4;
    -webkit-box-shadow: 0 0 10px rgba(0,31,51,.19);
    box-shadow: 0 0 10px rgba(0,31,51,.19);
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;
    margin-bottom: 20px
}

.csection-block.active .csection-block__title:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.csection-block.active .csection-block {
    display: block
}

.csection-block__title {
    font: 1.6rem "Open Sans",sans-serif;
    font-weight: 700;
    color: #2c3e50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 40px 20px 20px;
    margin: 0;
    position: relative;
    cursor: pointer
}

.csection-block__title:after {
    content: '\f053';
    font: 1.5rem FontAwesome;
    color: #a7b3b7;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    margin-top: -7px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.csection-block__index {
    display: block;
    font-size: 1.4rem;
    color: #a7b3b7;
    margin-bottom: 5px
}

.csection-block__progress {
    width: 80px;
    color: #a7b3b7;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center
}

.csection-block__progress .percent {
    display: block;
    font: 1.8rem "Open Sans Semibold",sans-serif;
    color: #0f90e5;
    line-height: 1
}

.csection-block__progress .label {
    display: block;
    font: 1.2rem "Open Sans Light",sans-serif;
    line-height: 1;
    color: #d0d5d5
}

.csection-block__progress .complete_icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    border-radius: 50%;
    background: #27ae61;
    text-align: center
}

.csection-block__progress .complete_icon:after {
    content: '\f00c';
    font: 1.4rem FontAwesome;
    color: #fff
}

.csection-block__progress.completed .percent {
    color: #0072ce
}

.csection-block__progress.not_started .percent {
    color: #efa9a9
}

.csection-block__info {
    width: 100%
}

.csection-block__approved {
    width: 35px;
    height: 35px;
    background-image: url(/images/common/label_approved.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 10px;
    -ms-flex-item-align: center;
    align-self: center
}

.csection-block__new-mark {
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 5px;
    font-size: 1.4rem;
    color: #fff;
    background: #e55050;
    border-radius: 30px;
    padding: 3px 8px;
    line-height: 1;
    text-transform: lowercase
}

.csection-lessons {
    display: none
}

.slesson-item {
    border-top: 1px solid #ebebeb;
    display: block
}

.slesson-item__link {
    position: relative;
    display: block;
    padding: 17px 15px;
    color: #2c3e50;
    text-decoration: none;
    font: 1.6rem "Open Sans",sans-serif;
    -webkit-transition: background .2s ease-in,color .2s ease-in;
    -o-transition: background .2s ease-in,color .2s ease-in;
    transition: background .2s ease-in,color .2s ease-in
}

.slesson-item__link:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slesson-item__link.locked {
    color: #949494;
    padding-right: 40px
}

.slesson-item__link.locked:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    content: '\f023';
    font: 1.6rem FontAwesome;
    color: #949494;
    margin-top: -8px
}

.slesson-item__link.locked:hover {
    background: #f2f3f3;
    color: #949494
}

.slesson-item__link:hover {
    background: #27ae60;
    color: #fff
}

.slesson-item__link:hover .slesson-item__progress .label,.slesson-item__link:hover .slesson-item__progress .percent {
    color: #fff
}

.slesson-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slesson-item__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slesson-item__approve {
    width: 30px;
    height: 30px;
    background-image: url(https://bilimland.kz/images/common/label_approved.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 10px
}

.slesson-item__progress {
    color: #8f9ca4;
    font-size: 1.4rem;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in;
    width: 65px;
    text-align: center
}

.slesson-item__progress .percent {
    display: block;
    font: 1.8rem "Open Sans Semibold",sans-serif;
    color: #0f90e5;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.slesson-item__progress .label {
    display: block;
    font: 1.2rem "Open Sans Light",sans-serif;
    color: #d0d5d5;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in;
    line-height: 1
}

.slesson-item__progress.completed .percent {
    color: #0072ce
}

.slesson-item__progress.not_started .percent {
    color: #efa9a9
}

.course-progress {
    margin-bottom: 3rem
}

.course-progress-block {
    margin-bottom: 10px
}

.course-progress__info {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.course-progress__info-label {
    color: #8f9ca4;
    font-size: 1.4rem
}

.course-progress__info-number {
    color: #2daafc;
    font-size: 3rem
}

.course-progress__status {
    background: #e4e6e7;
    height: 8px;
    border-radius: 20px
}

.course-progress__line {
    height: 100%;
    border-radius: 20px 0 0 20px;
    background: #b9d9c6
}

.course-progress__btn {
    background: -webkit-gradient(linear,left top,left bottom,from(#f8bd2f),to(#ffae22));
    background: -o-linear-gradient(top,#f8bd2f 0,#ffae22 100%);
    background: linear-gradient(to bottom,#f8bd2f 0,#ffae22 100%);
    color: #000;
    font-size: 1.6rem;
    min-width: 150px;
    width: 100%;
    -webkit-transition: ease .3s background;
    -o-transition: ease .3s background;
    transition: ease .3s background
}

.course-rating {
    margin-bottom: 2.5rem;
    padding: 2rem 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    border: 1px solid #dde2e6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.course-rating>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.course-rating .rating {
    margin-right: 3rem
}

.course-rating__name {
    display: none
}

.course-rating__mark {
    margin-right: 1rem;
    color: #324354;
    font-size: 1.8rem;
    font-family: "Open Sans Semibold",sans-serif
}

.course-rating__vote-count {
    display: none;
    margin-right: 1rem;
    color: #324354;
    font-size: 1.8rem;
    font-family: "Open Sans Semibold",sans-serif
}

.course-rating__link {
    text-decoration: underline;
    color: #acb5bc;
    font-size: 1.6rem
}

.course-details {
    margin-bottom: 2.5rem;
    padding: 2rem 2.5rem;
    border-radius: 5px;
    border: 1px solid #dde2e6
}

.course-details__item {
    margin-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.course-details__item:last-of-type {
    margin-bottom: 0
}

.course-details__item.load .course-details__ico:before {
    content: "\F135";
    color: #0072ce;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-details__item.duration .course-details__ico:before {
    content: "\F073";
    color: #0072ce;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-details__item.lang .course-details__ico:before {
    content: "\F1D7";
    color: #0072ce;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-details__ico {
    margin-right: 3rem
}

.course-details__text-title {
    display: block;
    font-size: 1.6rem;
    color: #2e3c50;
    font-family: "Open Sans Semibold",sans-serif
}

.course-details__text-desc {
    display: block;
    font-size: 1.6rem;
    color: #8b98a1
}

.course-social-block {
    margin-bottom: 2.5rem;
    padding: 2rem 2.5rem;
    border-radius: 5px;
    border: 1px solid #dde2e6
}

.course-social-block__title {
    margin-bottom: 2rem;
    display: block;
    color: #2c3e50;
    font-size: 1.6rem
}

.course-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.course-social__item {
    background: #edf1f4;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.course-social__item._vk:before {
    content: "\F189";
    color: #bbcad5;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-social__item._wp:before {
    content: "\F232";
    color: #bbcad5;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-social__item._tw:before {
    content: "\F099";
    color: #bbcad5;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-social__item._g:before {
    content: "\F0D5";
    color: #bbcad5;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-social__item._fb:before {
    content: "\F09A";
    color: #bbcad5;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-social__item._ok:before {
    content: "\f263";
    color: #bbcad5;
    font-size: 2.4rem;
    font-family: FontAwesome;
    display: inline-block
}

.course-social__item:hover {
    background: #e4eaee
}

.course-manual {
    margin-bottom: 2.5rem;
    padding: 2rem 2.5rem;
    border-radius: 5px;
    border: 1px solid #dde2e6
}

.course-manual__title {
    font: 1.6rem "Open Sans Semibold",sans-serif;
    color: #000;
    margin-bottom: 10px
}

.course-manual__file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.course-manual__file .file-icon {
    margin-right: 20px;
    width: 60px;
    height: 60px;
    background: url(/images/file.svg);
    background-repeat: no-repeat;
    background-position: top center
}

.course-manual__link {
    display: inline-block;
    min-width: 140px;
    max-width: 160px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 14px 15px 14px
}

.course-info-mobile {
    display: none
}

@keyframes stretch-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes stretch-bounce {
    0% {
        -webkit-transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.5)
    }

    50% {
        -webkit-transform: scale(.9)
    }

    75% {
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@media screen and (max-width: 1030px) {
    .subject-course-left {
        width:70%
    }

    .subject-course-right {
        width: 30%
    }

    .course-progress {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .course-progress .course-progress-block {
        width: 100%;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 880px) {
    .subject-course-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .subject-course-left {
        padding: 0;
        width: 100%
    }

    .subject-course-right {
        display: none
    }

    .csection-block__title {
        padding: 15px 30px 15px 15px
    }

    .course-info__title {
        font-size: 2.2rem
    }

    .course-info__text {
        margin-bottom: 3rem
    }

    .course-info-mobile {
        display: block
    }

    .course-details,.course-progress,.course-rating,.course-social-block {
        max-width: 300px;
        margin: 0 auto 30px auto
    }

    .lesson-approved,.slesson-item__approve {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .slesson-item__approve {
        width:20px;
        height: 20px
    }
}

@media screen and (max-width: 599px) {
    .csection-block__info {
        width:calc(100% - 50px)
    }

    .csection-block__approved {
        width: 25px;
        height: 25px
    }

    .csection-block__progress {
        width: 50px
    }

    .csection-block__progress .percent {
        font-size: 1.4rem
    }

    .csection-block__progress .label {
        display: none
    }

    .slesson-item__title {
        width: calc(100% - 40px)
    }

    .slesson-item__progress {
        width: 40px
    }

    .slesson-item__progress .percent {
        font-size: 1.4rem
    }

    .slesson-item__progress .label {
        display: none
    }
}

@media screen and (max-width: 479px) {
    .subject-course-page {
        padding-bottom:0
    }

    .subject-course-page .course-page-inner {
        padding-left: 0px;
        padding-right: 0px
    }

    .subject-course-page .course-page__top {
        padding-left: 15px;
        padding-right: 15px
    }

    .subject-course-wrapper {
        padding: 3rem 0
    }

    .subject-course-wrapper .lesson-approved {
        margin: 0;
        max-width: 100%;
        border-left: none;
        border-right: none
    }

    .course-info__title {
        padding: 2px 2rem
    }

    .course-info__text {
        padding: 0 2rem
    }

    .course-info-mobile {
        margin-bottom: 30px
    }

    .course-details,.course-progress,.course-rating,.course-social-block {
        max-width: 100%;
        margin: 0;
        padding: 2rem 2rem
    }

    .course-details,.course-rating,.course-social-block {
        border-radius: 0;
        border-left: none;
        border-right: none;
        margin-bottom: -1px
    }

    .csection-block {
        margin-bottom: -1px;
        border-left: none;
        border-right: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .csection-block__title {
        padding: 15px 30px 15px 20px;
        font-size: 1.5rem
    }

    .csection-block__title:after {
        right: 15px
    }

    .csection-block__index {
        font-size: 1.2rem
    }

    .csection-lessons {
        background: #e8f0f6
    }

    .slesson-item {
        border-color: #d3d3d3
    }

    .slesson-item:last-child {
        border-bottom: 1px solid #d3d3d3
    }

    .slesson-item a {
        padding: 15px 20px;
        font-size: 1.4rem
    }

    .courses-content {
        margin-bottom: 40px
    }
}

.lesson-overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,31,51,.19);
    box-shadow: 0 0 15px rgba(0,31,51,.19);
    border-radius: 15px
}

.lesson-overview__action {
    background: #e4e4e4;
    padding: 50px 20px;
    width: 22%;
    text-align: center;
    border-radius: 15px 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lesson-overview__action .lesson-overview__blocked {
    font-size: 1.6rem
}

.lesson-overview__action .lesson-overview__blocked:before {
    content: '\f13e';
    font: 25px FontAwesome;
    color: #000;
    display: block;
    margin-bottom: 15px
}

.lesson-overview__action .lesson-overview__buttons {
    font-size: 1.5rem;
    margin-top: 30px
}

.lesson-overview__action .lesson-overview__buttons .divider {
    margin: 10px 0
}

.lesson-overview__action .lesson-overview__buttons .button-radius {
    width: auto;
    min-width: 140px;
    padding: 11px 25px 12px
}

.lesson-overview__content {
    padding: 50px 40px;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #3c3c3c;
    width: 100%
}

.lesson-overview__content ul {
    list-style: disc;
    padding-left: 20px
}

.lesson-overview__content h4 {
    margin: 15px 0;
    font-size: 1.8rem
}

.lesson-overview__content .lesson-overview__content-title {
    font-size: 2rem;
    margin: 0 0 30px 0
}

@media screen and (max-width: 1240px) {
    .lesson-overview__action .lesson-overview__buttons .button-radius {
        font-size:1.4rem;
        min-width: auto;
        padding: 11px 20px 12px
    }
}

@media screen and (max-width: 992px) {
    .lesson-overview__action {
        width:30%
    }
}

@media screen and (max-width: 768px) {
    .lesson-overview__action {
        padding:30px 10px;
        min-width: 200px
    }

    .lesson-overview__action .lesson-overview__blocked {
        font-size: 1.4rem
    }

    .lesson-overview__content {
        padding: 30px 20px
    }
}

@media screen and (max-width: 576px) {
    .lesson-overview {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lesson-overview__action {
        padding: 20px 10px;
        border-radius: 15px 15px 0 0;
        width: 100%;
        max-width: 100%
    }

    .lesson-overview__action .lesson-overview__buttons {
        margin-top: 15px
    }

    .lesson-overview__content {
        font-size: 1.4rem;
        line-height: 1.3
    }

    .lesson-overview__content h4 {
        font-size: 1.5rem;
        margin: 10px 0
    }

    .lesson-overview__content .lesson-overview__content-title {
        font-size: 1.6rem;
        margin-bottom: 15px
    }
}

.subjects-outer__text {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 30px auto;
    font: 1.6rem/2.2rem "Open Sans",sans-serif
}

.subjects-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.subjects-wrapper--beauty-wrap .subject-block:nth-child(4n) {
    margin-right: 0
}

.subjects-wrapper--beauty-wrap .subject-block:nth-last-of-type(2) {
    margin-right: 4.41667%
}

.subject-block {
    display: block;
    margin-right: 4.41667%;
    margin-bottom: 30px;
    width: 21.66667%;
    position: relative;
    -webkit-box-shadow: 0 0 29px 0 rgba(0,31,51,.19);
    box-shadow: 0 0 29px 0 rgba(0,31,51,.19);
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    -webkit-transition: -webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in;
    -o-transition: box-shadow .2s ease-in,transform .2s ease-in;
    transition: box-shadow .2s ease-in,transform .2s ease-in;
    transition: box-shadow .2s ease-in,transform .2s ease-in,-webkit-box-shadow .2s ease-in,-webkit-transform .2s ease-in;
    color: #000
}

.subject-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.subject-block:last-child,.subject-block:nth-child(4n) {
    margin-right: 0
}

.subject-block__image img {
    display: block;
    max-width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.subject-block__mark {
    position: absolute;
    top: 2rem;
    right: 1.6rem;
    padding: .6rem 1.7rem;
    border-radius: 5px;
    background: #fff;
    text-transform: uppercase;
    color: #313131;
    font-size: 1.6rem
}

.subject-block__info {
    padding: 0 20px
}

.subject-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px;
    font: 2rem/1.25 "Open Sans Light",sans-serif;
    color: #000;
    text-align: center;
    padding: 10px 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.subject-block__subtitle {
    padding: 10px 0 10px 0;
    display: block;
    font-size: 1.6rem;
    color: #8f9ca4;
    border-top: 1px solid #d7dde1;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media screen and (max-width: 1240px) {
    .subjects-outer .subjects-inner {
        padding-right:20px;
        padding-left: 20px
    }

    .subject-block__title {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 999px) {
    .subject-block {
        margin-right:4%;
        width: 22%
    }
}

@media screen and (max-width: 900px) {
    .subject-block {
        margin-right:2.22222%;
        width: 23.33333%
    }

    .subject-block__info {
        padding: 0 15px
    }

    .subject-block__title {
        font-size: 1.6rem;
        padding: 15px 0
    }

    .subject-block__subtitle {
        padding: 10px 0 15px 0;
        font-size: 1.3rem
    }
}

@media screen and (max-width: 768px) {
    .subjects-outer .subjects-inner {
        padding-right:0;
        padding-left: 0
    }

    .subjects-outer__text {
        font-size: 1.4rem;
        line-height: 1.4;
        padding: 0 20px;
        margin-bottom: 0
    }

    .subjects-wrapper {
        display: block;
        opacity: 0;
        height: 305px;
        overflow: hidden;
        -webkit-transition: opacity ease-in .2s;
        -o-transition: opacity ease-in .2s;
        transition: opacity ease-in .2s
    }

    .subjects-wrapper.initialized {
        opacity: 1;
        height: auto;
        overflow: visible
    }

    .subjects-wrapper .owl-stage-outer {
        padding: 30px 0 30px 0
    }

    .subject-block {
        margin: 0!important;
        width: auto
    }

    .subject-block__info {
        padding: 0 5px
    }

    .subject-block__title {
        font-size: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        height: 60px
    }

    .subject-block__subtitle:before {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .subjects-wrapper {
        height:300px
    }
}

@media screen and (max-width: 420px) {
    .subjects-wrapper {
        height:280px
    }
}

@media screen and (max-width: 375px) {
    .subject-block__title {
        font-size:1.5rem
    }
}

@media screen and (max-width: 320px) {
    .subject-block__title {
        font-size:1.7rem
    }
}

.teacher-page-outer .teacher-page-inner {
    max-width: 1040px;
    margin: 0 auto
}

.teachers-carousel {
    width: 100%
}

.teachers-carousel__item {
    width: 100%;
    height: 400px;
    position: relative;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.teachers-carousel__description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.15)
}

.teachers-carousel__description a {
    color: #fff
}

.teachers-carousel__description a:hover {
    color: #e3e3c7
}

.teachers-carousel__description a:active {
    color: #e3e3c7
}

.teachers-carousel__description a:visited {
    color: #e3e3c7
}

.teachers-carousel__title {
    text-transform: uppercase;
    font-size: 4.2rem
}

.teachers-carousel__text {
    font-size: 2.5rem;
    padding-top: 15px
}

.teachers-carousel .owl-dots {
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 0;
    display: block;
    width: 100%;
    text-align: center
}

.teachers-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #758b91
}

.teachers-carousel .owl-dots .owl-dot.active {
    background-color: #2daafc
}

.teachers-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.teachers-array {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.teachers-array .teacher-block,.teachers-array .teacher-block-video {
    width: 47.95918%;
    margin-bottom: 40px
}

.teachers-array .teacher-block-video:nth-child(odd),.teachers-array .teacher-block:nth-child(odd) {
    margin-right: 4.08163%
}

.filter.filter-subject {
    width: 220px
}

.filter.filter-class {
    width: auto;
    max-width: 220px;
    margin-left: 15px
}

@media screen and (max-width: 1040px) {
    .teacher-page-outer .teacher-page-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 768px) {
    .filter.filter-class,.filter.filter-subject {
        width:250px;
        max-width: 100%;
        margin: 10px auto
    }

    .section-title {
        text-align: center
    }

    .teachers-array .teacher-block,.teachers-array .teacher-block-video {
        width: 100%;
        margin: 0 auto 40px auto
    }

    .teachers-array .teacher-block-video:nth-child(odd),.teachers-array .teacher-block:nth-child(odd) {
        width: 100%;
        margin: 0 auto 40px auto
    }
}

@media screen and (max-width: 576px) {
    .teachers-carousel {
        display:none
    }

    .teachers-array .teacher-block,.teachers-array .teacher-block-video {
        max-width: 400px
    }
}

@media screen and (max-width: 420px) {
    .teacher-page-outer .study-catalog-wrapper .study-block {
        width:42.85714%;
        margin-right: 3.57143%;
        margin-bottom: 4.7619%
    }

    .teacher-page-outer .study-catalog-wrapper .study-block:nth-child(3n+3),.teacher-page-outer .study-catalog-wrapper .study-block:nth-child(4n+4),.teacher-page-outer .study-catalog-wrapper .study-block:nth-child(5n+5) {
        margin-right: 3.57143%
    }

    .teacher-page-outer .study-catalog-wrapper .study-block:nth-child(2n+2) {
        margin-right: 0
    }
}

.teacher-schedule-outer .teacher-schedule-inner {
    padding-bottom: 50px
}

.teacher-schedule-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 50px
}

.teacher-info {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    width: 16.66667%;
    min-width: 200px;
    display: block;
    padding: 0 12px 15px;
    text-align: center;
    border-right: 1px solid #e0e4e8
}

.teacher-info .teacher-info__photo {
    width: 144px;
    display: inline-block
}

.teacher-info .teacher-info__name {
    font-size: 1.3rem;
    margin-bottom: 15px
}

.teacher-info .teacher-info__place {
    font-size: 1.3rem;
    line-height: 1.4em
}

.teacher-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: 1.3rem/1em "Open Sans",sans-serif;
    color: #97a7ab
}

.teacher-actions .like {
    cursor: pointer
}

.teacher-actions .like:before {
    display: inline-block;
    margin-right: 5px;
    font-family: FontAwesome;
    content: ''
}

.teacher-actions .like.active {
    color: #0f90e5
}

.teacher-lesson-info {
    width: 83.33333%;
    padding: 0 0 15px 15px
}

.teacher-lesson-info hr {
    margin: 25px 0
}

.teacher-lesson-info .teacher-block__desc-course {
    font-weight: 400;
    font-size: 1.6rem
}

.teacher-lesson-info .teacher-block__desc-course:after {
    font-weight: 400;
    font-size: 1.4rem
}

.teacher-lesson-info .teacher-block__desc-grade {
    font-weight: 400;
    font-size: 1.6rem
}

.teacher-lesson-info .teacher-block__desc-theme span {
    font-weight: 400;
    font-size: 1.4rem;
    margin-bottom: 8px
}

.teacher-lesson-info .teacher-block__desc-theme-title {
    font-weight: 400;
    font-size: 2.4rem
}

.teacher-lesson-info .teacher-block__desc-share {
    float: right
}

.teacher-lesson-info .button-func {
    min-width: 224px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px
}

.htable,.maintable,.teacher-schedule-content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #cecece!important;
    font: 1.4rem/1.4em "Open Sans",sans-serif
}

.htable tr td,.htable tr th,.maintable tr td,.maintable tr th,.teacher-schedule-content table tr td,.teacher-schedule-content table tr th {
    border: 1px solid #cecece!important;
    padding: 10px
}

.teacher-schedule-content {
    width: 100%;
    margin: 0 auto;
    overflow-x: scroll;
    font: 1.4rem/1.4em "Open Sans",sans-serif
}

.teacher-schedule-content a {
    color: #049140;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.teacher-schedule-content a:hover {
    color: #00672b;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.teacher-schedule-content table {
    table-layout: fixed;
    margin: 0 auto
}

.teacher-schedule-content table p {
    margin: 5px 0;
    word-wrap: break-word
}

.teacher-schedule-content img {
    max-width: 100%
}

@media screen and (max-width: 1240px) {
    .teacher-schedule-outer .teacher-schedule-inner {
        padding-right:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 800px) {
    .teacher-lesson-info .teacher-block__desc-share {
        float:none;
        margin-bottom: 30px
    }

    .htable,.maintable,.teacher-schedule-content table {
        table-layout: auto;
        min-width: 800px
    }

    .htable tr td,.htable tr th,.maintable tr td,.maintable tr th,.teacher-schedule-content table tr td,.teacher-schedule-content table tr th {
        padding: 5px
    }
}

@media screen and (max-width: 599px) {
    .teacher-schedule-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .teacher-info {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-right: 0;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 20px
    }

    .teacher-info .teacher-info__photo {
        width: 30%
    }

    .teacher-info .teacher-info-wrapper {
        width: 70%;
        text-align: left;
        padding-left: 15px
    }

    .teacher-info .teacher-info-wrapper .teacher-info__name {
        font-size: 1.8rem
    }

    .teacher-info .teacher-info-wrapper .teacher-info__place {
        font-size: 1.5rem
    }

    .teacher-info .teacher-info-wrapper .teacher-info__bottom {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .teacher-info .teacher-info-wrapper .teacher-info__bottom .views {
        margin-right: 30px
    }

    .teacher-lesson-info {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (max-width: 479px) {
    .teacher-info .teacher-info__photo {
        width:40%
    }

    .teacher-info .teacher-info-wrapper {
        width: 60%
    }
}

@media screen and (max-width: 359px) {
    .teacher-info {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .teacher-info .teacher-info__photo {
        width: 100%
    }

    .teacher-info .teacher-info-wrapper {
        width: 100%;
        text-align: center;
        padding-left: 0
    }

    .teacher-info .teacher-info-wrapper .teacher-info__name {
        font-size: 1.8rem
    }

    .teacher-info .teacher-info-wrapper .teacher-info__place {
        font-size: 1.5rem
    }

    .teacher-info .teacher-info-wrapper .teacher-info__bottom {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .teacher-info .teacher-info-wrapper .teacher-info__bottom .views {
        margin-right: 0
    }
}

.webinars-outer .webinars-inner {
    padding-top: 0;
    padding-bottom: 0
}

.webinars-outer .course-page__top {
    margin-bottom: 50px
}

.webinars-outer .course-page__top .breadcrumbs {
    padding-top: 0
}

.webinars-outer .breadcrumbs {
    padding-top: 20px
}

.webinars-outer .notice-block {
    margin-bottom: 40px
}

.webinar__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    height: 220px;
    color: #000;
    text-decoration: none;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
}

.webinar__item:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4)
}

.webinar__item.is-completed .webinar__item-status {
    background: #0072ce
}

.webinar__item.online .webinar__item-status {
    background: #ffdb4d;
    color: #000
}

.webinar__item-preview {
    width: 50%;
    position: relative;
    overflow: hidden
}

.webinar__item-preview img {
    display: block;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.webinar__item-info {
    width: 50%;
    padding: 30px 40px
}

.webinar__item-status {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 10px 20px;
    border-radius: 5px;
    background: #2daafc;
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase
}

.webinar__item-title {
    margin: 0 0 30px 0;
    font: 2.4rem/1 "Open Sans Semibold",sans-serif;
    height: 50px
}

.webinar__item-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.webinar-detail {
    font: 1.8rem "Open Sans Semibold",sans-serif;
    padding-left: 50px;
    position: relative;
    width: 50%;
    text-transform: uppercase
}

.webinar-detail:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 4px;
    left: 0
}

.webinar-detail.date:before {
    background-image: url(/images/module/webinar/webinar_date_icon.png)
}

.webinar-detail.speaker:before {
    background-image: url(/images/module/webinar/webinar_speaker_icon.png)
}

.webinar-detail__label {
    display: block;
    color: #a1acb2
}

.webinar-detail__value {
    display: block;
    color: #000
}

.webinar-room {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 60px
}

.webinar-room.chat-off .room-left {
    width: 100%;
    padding-right: 0
}

.room-left {
    width: 65%;
    padding-right: 30px
}

.room-right {
    width: 35%
}

.webinar-iframe {
    border: 1px solid #c4d5e2;
    margin-bottom: 30px
}

.webinar-iframe .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.webinar-iframe iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.webinar-description {
    font-size: 1.6rem;
    line-height: 1.5
}

.webinar-description p:last-child {
    margin-bottom: 0
}

.webinar-files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.webinar-files .webinar-files__label {
    font: 1.6rem "Open Sans Semibold",sans-serif;
    padding: 10px 0
}

.webinar-files .file {
    font-size: 1.5rem;
    margin-top: 5px
}

.webinar-files .file:after,.webinar-files .file:before {
    content: " ";
    display: table
}

.webinar-files .file:after {
    clear: both
}

.webinar-files .file:first-child {
    margin-top: 0
}

.webinar-files .file .file-icon {
    display: inline-block;
    width: 55px;
    height: 40px;
    float: left;
    margin: 2px 10px 2px 0;
    background-image: url(/images/download-cloud-icon.png);
    background-position: center center;
    background-repeat: no-repeat
}

.chat-box {
    max-width: 600px;
    margin: 0;
    height: 100%;
    background: #e8f1f8
}

.chat-header {
    padding: 10px 0;
    font: 1.5rem "Open Sans Semibold",sans-serif;
    background-color: #e8f1f8;
    color: #2a3950;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.chat-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.chat-header__title .label {
    display: inline-block
}

.chat-header__title .subscribers {
    margin-left: 5px;
    display: none
}

.chat-messages {
    height: 450px;
    overflow-y: scroll;
    padding: 5px;
    border: 1px solid #c4d5e2
}

.chat-messages::-webkit-scrollbar {
    width: 5px
}

.chat-messages::-webkit-scrollbar-track {
    background: #f5f8fb
}

.chat-messages::-webkit-scrollbar-thumb {
    background-color: #bdd8ee;
    outline: 1px solid #708090
}

.chat-footer {
    border-top: 2px solid #c8d7e3;
    padding: 10px;
    min-height: 100px
}

.chat-footer__message {
    text-align: center;
    padding: 80px 10px 10px 10px;
    font-size: 1.8rem;
    color: #c5d5e1;
    max-width: 300px;
    margin: 0 auto;
    background-image: url(/images/module/webinar/chat_message_icon.png);
    background-position: center top;
    background-size: 70px;
    background-repeat: no-repeat
}

.chat-form {
    display: none;
    margin: 0;
    text-align: right
}

.chat-form__input {
    border: 1px solid #deeaf3;
    height: 80px;
    min-height: 80px;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    resize: none
}

.chat-form__submit {
    min-width: auto
}

.message {
    width: 100%;
    padding: 5px 5px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid #deeaf3
}

.message:last-child {
    margin-bottom: 0
}

.message__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5px;
    font-size: 1.3rem;
    border-bottom: 1px solid #e8f1f8
}

.message__header span {
    margin-left: 5px;
    font-size: 1.1rem;
    color: #767676
}

.message__author {
    color: #0b9149
}

.message__date {
    font-size: 1.1rem
}

.message__text {
    padding: 5px 0;
    font-size: 1.4rem;
    color: #364458
}

@media screen and (min-width: 1200px) {
    .webinar-notice {
        max-width:900px;
        padding: 20px
    }

    .webinar-notice:before {
        top: 20px;
        left: -100px;
        font-size: 8rem
    }

    .webinar-notice p:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 880px) {
    .webinar__item-preview {
        width:40%
    }

    .webinar__item-info {
        width: 60%;
        padding: 30px 20px
    }

    .webinar-room {
        display: block
    }

    .room-left,.room-right {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .chat-box {
        margin: 30px auto 0 auto
    }
}

@media screen and (max-width: 767px) {
    .webinars-outer .course-page__top {
        margin-bottom:20px
    }

    .webinar__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        height: auto
    }

    .webinar__item-preview {
        width: 100%
    }

    .webinar__item-info {
        width: 100%;
        padding: 30px 20px
    }
}

@media screen and (max-width: 499px) {
    .webinar__item-preview {
        display:none
    }

    .webinar__item-info {
        padding: 20px 20px
    }

    .webinar__item-title {
        font-size: 1.8rem;
        height: auto
    }

    .webinar__item-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .webinar-detail {
        width: 100%;
        font-size: 1.5rem;
        margin-bottom: 15px
    }

    .webinar-detail:last-child {
        margin-bottom: 0
    }

    .webinar-description {
        font-size: 1.4rem
    }

    .webinar-files {
        display: block
    }

    .webinar-files .file-icon {
        display: none
    }
}

.plan-page {
    padding-bottom: 60px
}

.plans-notice {
    margin-bottom: 40px
}

.plans-header {
    margin-bottom: 60px
}

.plans-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plans-search .plans-search__input {
    width: 100%
}

.plans-search .plans-search__create {
    margin-left: 40px
}

.plans-search .plans-search__create .button,.plans-search .plans-search__create .button-block,.plans-search .plans-search__create .button-radius {
    height: 45px
}

.plans-search .search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plans-search .search-input .search-input__control {
    border-color: #a0b5c2;
    font-size: 1.6rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.plans-search .search-input .search-input__button {
    width: 45px;
    min-width: 45px;
    height: 45px;
    background: #0072ce;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.plans-search .search-input .search-input__button:after {
    content: '\f002';
    font: 18px FontAwesome;
    text-align: center
}

.plans-filter {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.plans-filter .plans-filter__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plans-filter .plans-filter__label {
    display: block;
    margin-bottom: 10px;
    font: 1.6rem "Open Sans Semibold",sans-serif
}

.plans-filter .plans-filter__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.plans-filter .plans-filter__items .plans-filter__item {
    width: 33%;
    margin-right: 40px
}

.plans-sort {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plans-sort .plans-sort__label {
    font: 1.6rem "Open Sans Light",sans-serif;
    margin-right: 50px
}

.plans-sort .plans-sort__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plans-sort .plans-sort__item {
    display: inline-block;
    font: 1.6rem "Open Sans Light",sans-serif;
    margin-right: 40px;
    color: #9fadb1;
    cursor: pointer
}

.plans-sort .plans-sort__item:last-child {
    margin-right: 0
}

.plans-sort .plans-sort__item.is-active {
    font-family: "Open Sans Semibold",sans-serif;
    color: #010101;
    border-bottom: 1px solid #040404
}

.plans-pagination {
    margin-bottom: 30px
}

.plans-array {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.plans-array .plan-block {
    margin-right: 3%;
    width: 48%;
    margin-bottom: 40px
}

.plans-array .plan-block:nth-child(even) {
    margin-right: 0
}

.plan-block {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    vertical-align: top;
    width: 100%;
    max-width: 500px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.19);
    box-shadow: 0 0 29px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.plan-block:hover {
    -webkit-box-shadow: 0 0 29px rgba(0,31,51,.4);
    box-shadow: 0 0 29px rgba(0,31,51,.4);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
}

.plan-block .plan-block__inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

.plan-block__author {
    width: 36%;
    border-right: 1px solid #e0e4e8;
    padding: 15px;
    text-align: center;
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    color: #000
}

.plan-block__author .plan-author__avatar .plan-author__avatar-img {
    max-width: 130px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    overflow: hidden
}

.plan-block__author .plan-author__avatar img {
    display: block;
    width: 100%
}

.plan-block__author .plan-author__name {
    margin-top: 15px;
    font: 1.4rem "Open Sans Semibold",sans-serif
}

.plan-block__author .plan-author__location {
    margin-top: 10px;
    font: 1.2rem "Open Sans Light",sans-serif
}

.plan-block__info {
    width: 64%;
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    color: #000;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.plan-block__info .plan-info__label {
    margin-bottom: 5px;
    font-weight: 700;
    color: #97a7ab
}

.plan-block__info .plan-info__class {
    margin-top: 5px
}

.plan-block__info .plan-info__section {
    margin-top: 10px
}

.plan-block__info .plan-info__title {
    margin-top: 15px
}

.plan-block__info .plan-info__title .plan-info__value {
    font: 1.6rem "Open Sans Semibold",sans-serif;
    margin: 0
}

.plan-block__bottom {
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid #e0e4e8;
    text-align: right
}

.plan-block__bottom .plan-block__action {
    display: inline-block;
    margin-right: 10px
}

.plan-block__bottom .plan-block__action:last-child {
    margin-right: 0
}

.plan-block__control {
    border-top: 1px solid #e0e4e8;
    text-align: right;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    height: 100%
}

.plan-block__control .plan-block__control-button {
    display: inline-block;
    font: 1.5rem "Open Sans",sans-serif;
    padding: 11px 20px;
    background-color: #ff9000;
    color: #fff;
    cursor: pointer;
    -webkit-transition: color .2s,background-color .2s;
    -o-transition: color .2s,background-color .2s;
    transition: color .2s,background-color .2s
}

.plan-block__control .plan-block__control-button:hover {
    background-color: #e68200
}

.plan-block__status {
    display: inline-block;
    position: absolute;
    top: -15px;
    right: 10px;
    padding: 8px 25px;
    border-radius: 10px;
    background-color: #e2ecf2;
    font: 1.6rem/1em "Open Sans",sans-serif
}

.plan-block__status.published {
    background-color: #2daafc;
    color: #fff
}

.plan-block__status.rejected {
    background-color: #e52811;
    color: #fff
}

.plan-block__status.on_moderation {
    background-color: #ffdb4d
}

.plan-header {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.plan-header .plan-header_block {
    max-width: 100%
}

.plan-header .plan-header__actions {
    padding-left: 30px;
    max-width: 300px
}

.plan-header .plan-block {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.plan-header .plan-block__bottom {
    text-align: left
}

.plan-header .plan-block__author {
    width: 180px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 20px 0 0
}

.plan-header .plan-block__info {
    width: 100%;
    padding: 0 0 0 20px
}

.plan-header .plan-info__title .plan-page-header__title {
    font: 2rem "Open Sans Semibold",sans-serif
}

.plan-header__actions .social-shares {
    margin-bottom: 15px;
    text-align: right
}

.plan-header__actions .social-shares .social-list {
    display: inline-block
}

.plan-header__actions .social-shares .social-list li .social_vk {
    cursor: pointer
}

.plan-header__actions .social-shares .social-list li .social_fb {
    cursor: pointer
}

.plan-header__actions-buttons {
    text-align: right
}

.plan-header__actions-buttons .plan-action__button {
    min-width: 210px;
    margin-bottom: 10px
}

.plan-header__actions-buttons .plan-action__button:last-child {
    margin-bottom: -18px
}

.plan-section__title {
    text-align: center;
    font: 2rem "Open Sans Semibold",sans-serif;
    padding: 20px 0;
    margin: 0
}

table.plan-content-table {
    margin-bottom: 15px;
    font: 1.6rem "Open Sans",sans-serif;
    word-wrap: break-word;
    table-layout: fixed
}

table.plan-content-table td,table.plan-content-table th {
    border: 1px solid #d9e3ea;
    background: #fff;
    text-align: left;
    padding: 10px;
    vertical-align: top
}

table.plan-content-table thead>tr>th {
    background: #e2ecf2;
    padding: 10px 10px
}

table.plan-content-table tbody>tr>td:first-child {
    width: 180px;
    font-weight: 700
}

table.plan-content-table p {
    margin: 0 0 5px 0!important;
    word-wrap: break-word
}

table.plan-content-table img {
    display: inline-block;
    max-width: 100%
}

table.plan-content-table ol,table.plan-content-table ul {
    margin: 0 0 10px 0;
    padding-left: 20px
}

table.plan-content-table ul {
    list-style: disc
}

.plan-schedule .plan-schedule__time {
    font-weight: 400;
    font-size: 1.5rem
}

.plan-schedule table.plan-content-table thead>tr>th:first-child,.plan-schedule table.plan-content-table thead>tr>th:last-child {
    width: 180px
}

.plan-info {
    font: 1.6rem "Open Sans",sans-serif
}

.plan-files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.plan-files__title {
    text-align: left
}

.plan-files__item {
    margin-bottom: 10px
}

.plan-files__item .plan-files__item-title {
    display: inline-block;
    margin-left: 15px;
    font: 1.6rem "Open Sans Semibold",sans-serif
}

.plan-files__item:last-child {
    margin-bottom: 0
}

.plans-portable {
    margin-top: 30px
}

.plans-portable .plan-block {
    max-width: 100%
}

.plans-portable .plans-array {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.plans-portable .plans-array .plan-block {
    margin-right: 2.5%;
    width: 48.75%;
    margin-bottom: 40px
}

.plans-portable .plans-array .plan-block:nth-child(even) {
    margin-right: 0
}

.plans-portable__title {
    font: 2rem "Open Sans Semibold",sans-serif;
    margin: 30px 0
}

.plans-portable__footer {
    text-align: right
}

@media screen and (max-width: 992px) {
    .plans-search .plans-search__create {
        margin-left:20px
    }

    .plans-filter .plans-filter__items .plans-filter__item {
        margin-right: 20px
    }

    .plans-sort .plans-sort__label {
        margin-right: 30px
    }

    .plans-sort .plans-sort__item {
        margin-right: 20px
    }
}

@media screen and (max-width: 768px) {
    .plans-filter {
        margin-top:20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plans-filter .plans-filter__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plans-filter .plans-filter__items .plans-filter__item:last-child {
        margin-right: 0
    }

    .plans-filter .plans-filter__submit {
        margin-top: 20px;
        text-align: center
    }

    .plans-array .plan-block {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px
    }

    .plan-header {
        margin-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plan-header .plan-header__actions {
        margin-top: 15px;
        padding-left: 0;
        max-width: 100%
    }

    .plan-header__actions-buttons {
        text-align: center
    }

    .plan-header__actions-buttons .plan-action__button {
        margin: 5px 5px
    }

    .plans-portable .plans-array .plan-block {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 576px) {
    .plans-search {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plans-search .plans-search__create {
        margin-left: 0;
        margin-top: 15px;
        text-align: center
    }

    .plans-filter .plans-filter__label {
        text-align: center
    }

    .plans-filter .plans-filter__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plans-filter .plans-filter__items .plans-filter__item {
        width: 100%;
        max-width: 350px;
        margin: 0 auto 15px auto
    }

    .plans-filter .plans-filter__items .plans-filter__item:last-child {
        margin: 0 auto
    }

    .plans-sort {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plans-sort .plans-sort__label {
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
        font-family: "Open Sans Semibold",sans-serif
    }

    .plans-sort .plans-sort__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .plans-sort .plans-sort__item {
        width: 100%;
        max-width: 350px;
        margin: 0 auto 15px auto
    }

    .plans-sort .plans-sort__item:last-child {
        margin: 0 auto
    }

    .plan-block__status {
        position: static;
        border-radius: 5px 5px 0 0
    }

    .plans-pagination ul.pagination {
        text-align: center
    }

    .plan-header {
        margin-bottom: 30px
    }

    .plan-header .plan-block__author {
        width: 130px;
        padding-right: 10px
    }

    .plan-header .plan-block__info {
        width: 100%;
        padding-left: 10px
    }

    table.plan-content-table {
        font-size: 1.4rem
    }

    table.plan-content-table td,table.plan-content-table th {
        padding: 5px
    }

    table.plan-content-table table {
        table-layout: auto!important;
        font-size: 1rem
    }

    table.plan-content-table table td,table.plan-content-table table th {
        padding: 5px!important
    }

    table.plan-content-table thead {
        display: none
    }

    table.plan-content-table thead>tr {
        display: block
    }

    table.plan-content-table thead>tr>th {
        width: 100%;
        display: block;
        padding: 5px
    }

    table.plan-content-table>tbody>tr {
        display: block
    }

    table.plan-content-table>tbody>tr>td {
        display: block
    }

    table.plan-content-table>tbody>tr>td:first-child {
        width: 100%;
        background: #e2ecf2
    }
}

@media screen and (max-width: 425px) {
    .plans-array .plan-block {
        max-width:400px;
        margin: 0 auto 20px auto
    }

    .plan-block .plan-block__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plan-block__author {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e0e4e8;
        padding: 10px;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .plan-block__author .plan-author__avatar {
        margin-right: 10px
    }

    .plan-block__author .plan-author__avatar .plan-author__avatar-img {
        max-width: 80px
    }

    .plan-block__author .plan-author__name {
        margin-top: 0
    }

    .plan-block__info {
        width: 100%;
        padding: 0
    }

    .plan-block__info .plan-info {
        padding: 10px
    }

    .plan-block__bottom {
        padding: 10px;
        margin-top: 10px
    }

    .plan-header .plan-block__author {
        width: 100%;
        padding-right: 0;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .plan-header .plan-block__info {
        width: 100%;
        padding-left: 0
    }
}

.input-file .plans-form-outer .input-fake,.input-file-wrapper .plans-form-outer .input-fake,.plans-form-outer .input-file .input-fake,.plans-form-outer .input-file-wrapper .input-fake,.plans-form-outer input,.plans-form-outer textarea {
    font: 1.6rem "Open Sans",sans-serif
}

.plan-form-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.plan-form-header .plan-form-header__col {
    width: 50%
}

.plan-form-header .plan-form-header__col:first-child {
    margin-right: 40px
}

.plan-form-header .plan-form-header__col:last-child {
    margin-right: 0
}

.plan-form-status {
    margin-bottom: 30px
}

.plan-form-status .message-block {
    max-width: 800px;
    margin: 0 auto
}

.plan-form-notice {
    margin-bottom: 30px
}

.plan-form-notice .notice-block {
    margin: 0 auto
}

.plan-form-author,.plan-form-purpose {
    padding: 30px;
    border: 1px solid #d9e3eb
}

.plan-form-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 500px;
    position: relative
}

.plan-form-author:after {
    content: '\f044';
    display: inline-block;
    font: 20px FontAwesome;
    color: #546172;
    position: absolute;
    top: 15px;
    right: 15px
}

.plan-form-author:hover {
    cursor: pointer
}

.plan-form-author.has-error {
    border-color: #e52811
}

.plan-form-author .plan-author__avatar {
    width: 120px;
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.plan-form-author .plan-author__avatar .author-avatar__img {
    border: 1px solid #ecf0f1;
    border-radius: 50%;
    overflow: hidden
}

.plan-form-author .plan-author__avatar img {
    display: block;
    width: 100%
}

.plan-form-author .plan-author__info {
    width: 100%
}

.plan-form-author .author-info__item {
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.plan-form-author .author-info__item:last-child {
    margin-bottom: 0
}

.plan-form-author .author-info__item .author-info__item-label {
    font: 1.4rem "Open Sans Semibold",sans-serif;
    margin-right: 5px;
    color: #546172
}

.plan-form-author__warning {
    font: 1.2rem/1em "Open Sans",sans-serif;
    color: #e52811;
    margin: 10px 0 0 0
}

.plan-author-form .form__upload-photo {
    max-width: 400px;
    margin: 0 auto 30px auto
}

.plan-author-form .form__upload-photo .upload-photo__upload .__photo {
    width: 120px;
    height: 120px
}

.plan-form-purpose .form__string-label {
    font: 1.4rem "Open Sans Semibold",sans-serif;
    color: #546172
}

.plan-form-title {
    padding: 20px 0
}

.plan-form-title .title span:after,.plan-form-title .title span:before {
    display: none
}

.plan-form-footer {
    padding: 40px 0
}

.plan-form-footer .button-wrapper {
    text-align: center
}

.plan-form-confirmation {
    text-align: center;
    margin-bottom: 20px
}

.plan-form-confirmation label {
    font: 1.5rem "Open Sans",sans-serif
}

.input-file .plan-form-confirmation label .input-fake[type=checkbox],.input-file-wrapper .plan-form-confirmation label .input-fake[type=checkbox],.plan-form-confirmation label .input-file .input-fake[type=checkbox],.plan-form-confirmation label .input-file-wrapper .input-fake[type=checkbox],.plan-form-confirmation label input[type=checkbox] {
    width: 15px;
    height: 15px
}

.plan-form-confirmation label a {
    color: #2daafc;
    text-decoration: underline
}

.plan-form-info {
    margin-bottom: 15px
}

.plan-form-info .note-editor.note-frame {
    border: 1px solid #d9e3eb
}

.plan-form-table__footer {
    text-align: right
}

.plan-form-table__footer .button-add-row {
    border-radius: 0
}

.plan-form-table__footer .button-add-row span:before {
    content: '\f067'
}

table.plan-form-table td,table.plan-form-table th {
    border: 1px solid #d9e3ea;
    background: #fff;
    text-align: center;
    padding: 5px 5px;
    font: 1.4rem "Open Sans",sans-serif;
    color: #546172
}

table.plan-form-table thead>tr>th {
    background: #f5f5f5;
    padding: 11px 10px;
    color: #000;
    font-weight: 700
}

table.plan-form-table tbody tr td {
    vertical-align: top;
    padding: 0
}

table.plan-form-table .row-header-blank {
    height: 45px;
    background: #f5f5f5;
    border-bottom: 1px solid #d9e3ea
}

table.plan-form-table .note-editor {
    border: none
}

table.plan-form-table .note-editor .note-toolbar {
    height: 45px;
    padding: 2px 5px 5px 5px
}

table.plan-form-table .note-editor .note-statusbar {
    background: 0 0;
    border-top: none;
    border-color: #d9e3ea
}

table.plan-form-table .note-editor .note-placeholder {
    color: #a0b5c2
}

table.plan-form-table .button-delete-row {
    width: 55px;
    height: 45px;
    padding: 11px 15px
}

table.plan-form-table .form__string-control {
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    font-size: 1.4rem
}

table.plan-form-table .form__string {
    margin: 0
}

table.plan-form-table .form__string.has-error {
    border: 1px solid #e52811
}

table.plan-form-table .form__string.has-error .form__string-control {
    border-color: #e2ecf2
}

table.plan-files-table tbody tr td {
    vertical-align: middle;
    padding: 10px 5px
}

table.plan-files-table tbody tr td:last-child {
    padding: 0
}

table.plan-files-table .button-open-file {
    margin: 10px
}

@media screen and (max-width: 768px) {
    .plan-form-header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }

    .plan-form-header .plan-form-header__col {
        width: 100%
    }

    .plan-form-header .plan-form-header__col:first-child {
        margin-right: 0
    }

    .plan-form-author {
        margin: 0 auto 20px auto
    }

    table.plan-form-table .row-header-blank,table.plan-form-table thead {
        display: none
    }

    table.plan-form-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    table.plan-form-table .form__string:last-child .form__string-control {
        border-bottom: none
    }

    table.plan-form-table .button-delete-row {
        width: 100px
    }
}

@media screen and (max-width: 576px) {
    .plan-form-author .plan-author__avatar {
        display:none
    }

    .plan-form-author,.plan-form-purpose {
        padding: 15px
    }

    .plan-form-title .title {
        font-weight: 700
    }

    .plan-form-footer .button-wrapper .button,.plan-form-footer .button-wrapper .button-block,.plan-form-footer .button-wrapper .button-radius {
        margin: 5px
    }
}

.container-outer .online__left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 5rem;
    z-index: 10
}

.container-outer .online__left.online_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-outer .online__right {
    padding: 0 5rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    z-index: 10
}

.container-outer .online__right.online_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-outer .online__left,.container-outer .online__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.online-outer {
    background: #f7f7f8;
    padding-bottom: 20px
}

.online-container-inner {
    padding: 50px 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .online-container-inner {
        padding:30px 0
    }
}

.online-container-inner .ol-btn--size-b,.online-container-inner .ol-btn--thm-emerald {
    min-height: 7rem;
    font-weight: 400;
    font-size: 2rem;
    padding: 1rem 4rem;
    line-height: 1.15em
}

@media screen and (max-width: 767px) {
    .online-container-inner .ol-btn--size-b,.online-container-inner .ol-btn--thm-emerald {
        min-height:5rem;
        font-weight: 400;
        font-size: 1.5rem;
        padding: 1rem 2.5rem;
        line-height: 1.15em
    }
}

.online-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.online-student {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 4px 3px rgba(0,0,0,.05);
    box-shadow: 0 4px 3px rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffff;
    padding: 45px 20px 45px 20px;
    width: 700px;
    height: 260.23px;
    margin: auto;
    border-radius: 20px;
    border: 1px solid #e6e6e6;
    z-index: 10;
    position: relative
}

.stud-photo {
    margin-right: 15px;
    width: 168.62px;
    height: 169.63px;
    border-radius: 100px;
    border: 4px solid #f1f4fa;
    text-align: center;
    padding-top: 20px
}

.stud_information .online__stud-name {
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 600
}

.stud-affiliation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 16px
}

.stud-affiliation .stud_activity {
    font-family: "Open Sans",sans-serif;
    background: #56ab68;
    border-radius: 3px;
    width: 84.42px;
    height: 23.5px;
    padding-top: 4px;
    margin-right: 10px;
    text-align: center
}

.stud-affiliation .stud_class {
    font-family: "Open Sans",sans-serif;
    background: #3e90df;
    border-radius: 3px;
    width: 65.61px;
    height: 23.5px;
    padding-top: 4px;
    text-align: center
}

.online__stud-address {
    font-family: "Open Sans",sans-serif;
    color: rgba(51,51,51,.5);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px
}

.online__stud-school {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600
}

.online-img {
    text-align: center;
    margin-bottom: 60px
}

.online-img p {
    font-family: "Open Sans Light",sans-serif;
    font-size: 48px;
    line-height: 65px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    color: #000
}

.online-img img {
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .online-img {
        margin-bottom:30px!important
    }

    .online-img p {
        font-size: 32px!important;
        line-height: 40px!important;
        margin-bottom: 0!important
    }
}

.online_description {
    background: #ffff;
    font-size: 19px;
    line-height: 29px;
    padding: 25px 35px 25px 35px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 20px;
    margin-right: 20px
}

@media screen and (max-width: 1008px) {
    .online_description {
        padding:20px
    }
}

@media screen and (max-width: 767px) {
    .online_description {
        font-size:12px;
        line-height: 20px
    }

    .online_description p {
        font-size: 12px;
        line-height: 20px
    }
}

.online_description p {
    color: #2c3e50;
    font-family: "Open Sans",sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 0
}

.page-outer-online {
    margin-top: -30px
}

.container-online {
    background: #f9ce60;
    background-image: url(/upload/online_school/Group_back.svg);
    background-size: cover;
    background-position: center
}

.title-online {
    text-align: center;
    font-family: "Open Sans Light",sans-serif;
    font-size: 48px;
    line-height: 65px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    color: #000
}

@media screen and (max-width: 767px) {
    .title-online {
        font-size:32px!important;
        line-height: 40px!important;
        margin-top: 0!important
    }
}

.online-school-advantages {
    display: inline-block;
    position: relative;
    padding: 15px;
    border-radius: 75px;
    border: 5px solid #fff;
    width: 153px;
    height: 153px;
    text-align: center;
    z-index: 10
}

.online-school-advantages.advantages_1 {
    background: #35d1bf
}

.online-school-advantages.advantages_1 img {
    width: 117px
}

.online-school-advantages.advantages_2 {
    background: #c359e9
}

.online-school-advantages.advantages_2 img {
    width: 108px
}

.online-school-advantages.advantages_3 {
    background: #ff757d
}

.online-school-advantages.advantages_3 img {
    width: 68px
}

.online-school-advantages.advantages_4 {
    background: #5ea8ff
}

.online-school-advantages.advantages_4 img {
    width: 86px
}

.online_advantages_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    width: 400px;
    min-height: 202px;
    padding: 20px 20px 20px 50px;
    margin-left: -30px;
    position: relative;
    -webkit-box-shadow: 4px 4px 25px rgba(0,0,0,.16);
    box-shadow: 4px 4px 25px rgba(0,0,0,.16);
    border-radius: 10px
}

.online_advantages_1 p {
    margin: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #0e0f2d
}

.online_advantages_1:before {
    content: '\f0c8';
    font: 1.6rem FontAwesome;
    color: #34bec3;
    position: absolute;
    top: -7px;
    left: 50px
}

@media screen and (max-width: 1200px) {
    .container-outer .online_block_1 .online__left {
        padding:0 3rem
    }

    .container-outer .online_block_1 .online__right {
        width: 100%;
        padding: 0 3rem
    }

    .online__title {
        margin-top: 10px;
        font-size: 36px;
        line-height: 56px
    }

    .online-school-advantages {
        display: inline-block;
        position: relative;
        padding: 15px;
        border-radius: 62px;
        border: 5px solid #fff;
        width: 123px;
        height: 123px;
        text-align: center;
        z-index: 10
    }

    .online-school-advantages.advantages_1 img {
        width: 86px
    }

    .online-school-advantages.advantages_2 img {
        width: 84px
    }

    .online-school-advantages.advantages_3 img {
        width: 54px
    }

    .online-school-advantages.advantages_4 img {
        width: 68px
    }

    .online_advantages_1 {
        width: 370px;
        min-height: 175px;
        padding: 20px 20px 20px 45px
    }

    .online_advantages_1 p {
        margin: 0;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #0e0f2d
    }

    .online_advantages_1:before {
        content: '\f0c8';
        font: 1.3rem FontAwesome;
        color: #34bec3
    }
}

@media screen and (max-width: 1126px) {
    .container-online {
        background-image:url(/upload/online_school/back_3.svg)
    }

    .container-outer .online_block_1 .online-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .container-outer .online_block_1 .online__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 5rem
    }

    .container-outer .online_block_1 .online__right {
        width: auto;
        padding: 0 5rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .container-outer .online_block_1 .online__right img {
        display: none
    }

    .online__title {
        margin-top: 10px;
        font-size: 56px;
        line-height: 76px
    }

    .container-outer .online_block_2 .online-wrapper {
        display: block
    }

    .container-outer .online_block_2 .online__left {
        margin-bottom: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .container-outer .online_block_2 .online__right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .container-outer .online_block_2 .online__right .advantages_2,.container-outer .online_block_2 .online__right .advantages_4 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .container-outer .online_block_2 .online__right .online_advantages_1 {
        margin-left: 0;
        margin-right: -30px
    }

    .online_advantages_1 {
        width: 520px;
        padding: 20px 20px 20px 45px
    }

    .online_advantages_1 p {
        font-size: 18px;
        line-height: 26px
    }

    .online_advantages_1:before {
        display: none
    }

    .online-school-advantages {
        border-radius: 102px;
        width: 203px;
        height: 203px
    }

    .online-school-advantages.advantages_1 img {
        width: 156px
    }

    .online-school-advantages.advantages_2 img {
        width: 140px
    }

    .online-school-advantages.advantages_3 img {
        width: 90px
    }

    .online-school-advantages.advantages_4 img {
        width: 118px
    }
}

@media screen and (max-width: 775px) {
    .online-img {
        margin-right:20px;
        margin-left: 20px
    }

    .online-img img {
        width: auto
    }

    .online-img p {
        font-family: "Open Sans Light",sans-serif;
        font-size: 43px;
        line-height: 55px
    }

    .online-data {
        margin-bottom: 25px
    }

    .online-student {
        display: block;
        width: auto;
        height: auto;
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 25px
    }

    .stud-photo {
        margin: auto
    }

    .stud-affiliation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .online_description p {
        text-align: center
    }

    .page-outer-online {
        margin-top: 0
    }

    .title-online {
        font-size: 38px;
        line-height: 45px;
        margin-left: 25px;
        margin-right: 25px
    }

    .online_advantages_1 {
        width: auto;
        padding: 20px 20px 20px 45px
    }

    .online_advantages_1 p {
        font-size: 16px;
        line-height: 24px
    }

    .online_advantages_1:before {
        display: none
    }

    .online-school-advantages {
        border-radius: 102px;
        width: 143px;
        height: 143px
    }

    .online-school-advantages.advantages_1 img {
        width: 109px
    }

    .online-school-advantages.advantages_2 img {
        width: 99px
    }

    .online-school-advantages.advantages_3 img {
        width: 65px
    }

    .online-school-advantages.advantages_4 img {
        width: 83px
    }
}

@media screen and (max-width: 599px) {
    .container-outer .online_block_1 .online-wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .container-outer .online_block_1 .online__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 5rem
    }

    .container-outer .online_block_1 .online__left img {
        width: 100%
    }

    .container-outer .online_block_1 .online__right {
        width: auto;
        padding: 0 5rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .container-outer .online_block_1 .online__right img {
        display: none
    }

    .online__title {
        margin-top: 10px;
        margin-bottom: 25px;
        font-size: 29px;
        line-height: 39px
    }

    .online_advantages_1 {
        width: 320px;
        height: auto
    }

    .online_advantages_1:before {
        display: none
    }

    .online-school-advantages {
        border-radius: 102px;
        width: 130px;
        height: 130px
    }

    .online-school-advantages img {
        width: auto
    }
}

@media screen and (max-width: 499px) {
    .container-outer .online_block_2 {
        padding:5rem 0
    }

    .container-outer .online_block_2 .online-wrapper {
        display: block
    }

    .container-outer .online_block_2 .online__left {
        margin-bottom: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 1rem
    }

    .container-outer .online_block_2 .online__left .online_advantages_1 {
        margin-left: -15px
    }

    .container-outer .online_block_2 .online__right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 1rem
    }

    .container-outer .online_block_2 .online__right .advantages_2,.container-outer .online_block_2 .online__right .advantages_4 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .container-outer .online_block_2 .online__right .online_advantages_1 {
        margin-left: 0;
        margin-right: -15px
    }

    .online_advantages_1 {
        width: 230px;
        height: auto;
        padding: 15px 10px 10px 20px
    }

    .online_advantages_1 p {
        font-size: 15px;
        line-height: 20px
    }

    .online_advantages_1:before {
        display: none
    }

    .online-school-advantages {
        border: 2px solid #fff;
        width: 96px;
        height: 96px
    }

    .online-school-advantages.advantages_1 img {
        width: 66px
    }

    .online-school-advantages.advantages_2 img {
        width: 64px
    }

    .online-school-advantages.advantages_3 img {
        width: 40px
    }

    .online-school-advantages.advantages_4 img {
        width: 54px
    }
}

.lk-panel-outer .lk-panel-inner {
    padding-top: 50px;
    padding-bottom: 50px
}

.lk-panel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.lk-panel__left {
    width: 16.66667%;
    min-width: 200px;
    padding-right: 30px;
    border-right: 1px solid #e4e7e8
}

.lk-panel__account {
    width: 100%;
    display: block;
    margin-bottom: 20px
}

.lk-panel__account-photo {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: -35px;
    margin-bottom: 15px
}

.lk-panel__account-description {
    width: 100%;
    display: block
}

.message-inform {
    border: 2px solid #cecece;
    border-radius: 5px;
    background: #f0f0f0;
    margin: 20px 0;
    padding: 10px 20px;
    font: 1.4rem/1.4em "Open Sans",sans-serif
}

.account-description__email,.account-description__name {
    font: 2rem/1.2em "Open Sans",sans-serif;
    color: #000;
    margin-bottom: 11px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.account-description__email {
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #a0b5c2
}

.lk-panel__menu li {
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #000;
    border-bottom: 1px solid #e2ecf2
}

.lk-panel__menu li:last-child {
    border-bottom: 0
}

.lk-panel__menu li.is-active {
    font-family: "Open Sans Semibold",sans-serif
}

.lk-panel__menu li.is-active a {
    background-color: rgba(0,114,206,.3);
    color: #0072ce
}

.lk-panel__menu li a {
    color: #000;
    display: block;
    padding: 13px 5px 13px 10px
}

.lk-panel__right {
    width: 83.33333%;
    padding-left: 45px
}

.lk-panel__top {
    margin-bottom: 20px
}

.lk-panel__top:after {
    content: '';
    display: table;
    clear: both
}

.lk-panel__top .lk-panel__title {
    float: left
}

.lk-panel__top .button-wrapper {
    float: right
}

.lk-panel__title {
    font: 3.2rem/1.2em "Open Sans Light",sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0
}

.lk-panel__title i {
    display: inline-block;
    font-style: normal;
    font: 1.8rem FontAwesome;
    color: #2daafc;
    vertical-align: 14px;
    cursor: pointer
}

.lk-panel__title i.__load {
    -webkit-animation: load-rotate 2s infinite;
    animation: load-rotate 2s infinite
}

.form-lk-anketa {
    display: block;
    width: 100%;
    max-width: 780px
}

.form-lk-anketa:after {
    content: '';
    display: table;
    clear: both
}

.form-lk-anketa .form__upload-photo {
    max-width: 360px;
    margin-bottom: 30px
}

.form-lk-anketa form:after {
    content: '';
    display: table;
    clear: both
}

.form-lk-settings {
    display: block;
    width: 100%;
    max-width: 360px
}

.form-lk-settings button {
    min-width: 182px
}

.form__column-block {
    display: block;
    float: left;
    margin-top: 40px;
    width: 46.15385%
}

.form__column-block.left-column {
    margin-right: 7.69231%
}

.form__column-block.__wide {
    width: 100%;
    margin-right: 0
}

.form__column-block.__wide .__column {
    display: block;
    float: left;
    width: 46.15385%;
    max-width: 400px;
    margin-bottom: 20px
}

.form__column-block.__wide .__column:nth-child(odd) {
    margin-right: 7.69231%
}

.lk-panel__subscribe {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 40px
}

.lk-panel__subscribe-period,.lk-panel__subscribe-promocode {
    width: 48.95288%;
    border: 1px solid #e2ecf2;
    text-align: center;
    border-radius: 3px;
    padding: 40px 10px 25px
}

.lk-panel__subscribe-period .button-radius,.lk-panel__subscribe-promocode .button-radius {
    min-width: 200px
}

.lk-panel__subscribe-period {
    margin-right: 2.09424%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-file .lk-panel__subscribe-promocode .input-fake,.input-file-wrapper .lk-panel__subscribe-promocode .input-fake,.lk-panel__subscribe-promocode .input-file .input-fake,.lk-panel__subscribe-promocode .input-file-wrapper .input-fake,.lk-panel__subscribe-promocode input {
    display: inline-block;
    margin-bottom: 30px;
    max-width: 360px
}

.subscribe__title {
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #000;
    margin-bottom: 15px
}

.balance-block__desc,.subscribe__label {
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    color: #a0b5c2;
    margin-bottom: 5px
}

.subscribe__timer {
    font: 5.5rem/.9em "Open Sans Light",sans-serif;
    color: #000;
    margin-bottom: 26px
}

.table__title {
    font: 1.8rem/1.2em "Open Sans",sans-serif;
    color: #000;
    background-color: #e2ecf2;
    border-radius: 6px 6px 0 0;
    padding: 14px 30px 15px 30px
}

table.lk-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    color: #000;
    margin-bottom: 30px
}

table.lk-table.is-active {
    color: #a0b5c2
}

table.lk-table thead tr th {
    font: 1.4rem/1.2em "Open Sans",sans-serif;
    color: #a0b5c2;
    padding: 13px 9px 14px;
    border: 1px solid #e2ecf2
}

table.lk-table thead tr th:first-child {
    border-left: 0
}

table.lk-table thead tr th:last-child {
    border-right: 0
}

table.lk-table thead tr th:nth-child(1) {
    width: 20.94241%
}

table.lk-table thead tr th:nth-child(2),table.lk-table thead tr th:nth-child(3) {
    width: 25.13089%
}

table.lk-table thead tr th:nth-child(4) {
    width: 28.79581%
}

table.lk-table tbody tr:nth-child(odd) {
    background-color: #f1f6f9
}

table.lk-table tbody tr td {
    font: 1.8rem/1.2em "Open Sans",sans-serif;
    border: 1px solid #e2ecf2;
    padding: 9px
}

table.lk-table tbody tr td:first-child {
    border-left: 0
}

table.lk-table tbody tr td:last-child {
    border-right: 0
}

table.lk-table tbody .lk-table__spoiler-body {
    display: none
}

table.lk-table tbody .lk-table__spoiler-body>td {
    width: 100%;
    padding: 0
}

table.lk-table tbody .lk-table__spoiler-body table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

table.lk-table tbody .lk-table__spoiler-body table tbody tr td {
    border-color: #a0b5c2;
    background-color: #e2ecf2;
    color: #000!important
}

table.lk-table tbody .lk-table__spoiler-body table tbody tr td:nth-child(1) {
    width: 46.0733%
}

table.lk-table tbody .lk-table__spoiler-body table tbody tr td:nth-child(2) {
    width: 25.13089%
}

table.lk-table tbody .lk-table__spoiler-body table tbody tr td:nth-child(3) {
    width: 28.79581%
}

.lk-table__spoiler-head.is-active {
    background-color: #e5f5ff
}

.lk-table__spoiler-head.is-active td {
    color: #000
}

.spoiler-head__switcher {
    position: relative;
    cursor: pointer
}

.spoiler-head__switcher.is-active:after {
    content: '';
    vertical-align: 0
}

.spoiler-head__switcher:after {
    content: '';
    font: 1.8rem/1em FontAwesome;
    vertical-align: 2px;
    margin-left: 5px
}

.spoiler-head__switcher i {
    font-style: normal
}

.lk-panel__statistics-chart {
    margin-bottom: 40px
}

.lk-panel__statistics {
    width: 100%;
    display: table;
    font-size: 0;
    text-align: center
}

.lk-panel__statistics-block {
    width: 31.41361%;
    min-width: 175px;
    height: 155px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.87958%;
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    color: #000;
    text-align: center;
    border: 1px solid #e2ecf2;
    padding: 10px;
    margin-bottom: 40px
}

.lk-panel__statistics-block:last-child {
    margin-right: 0
}

.lk-panel__statistics-block span {
    margin-top: 10px;
    display: block;
    font-size: 5.5rem;
    line-height: .9em;
    font-family: "Open Sans Light",sans-serif
}

.lk-panel__statistic-filters {
    width: 100%;
    margin-bottom: 40px
}

.lk-panel__statistic-filters:after {
    content: '';
    display: table;
    clear: both
}

.lk-panel__statistic-filters .chosen-container,.lk-panel__statistic-filters .select2-container {
    max-width: 200px;
    float: left;
    margin-right: 20px
}

.lk-panel__statistic-filters .button-radius {
    float: left;
    min-width: 200px;
    padding: 12px 16px 11px;
    margin-right: 20px
}

.lk-panel__statistic-filters .statistics-filters__sort {
    text-align: right
}

.lk-panel__statistic-filters .statistics-filters__sort .chosen-container,.lk-panel__statistic-filters .statistics-filters__sort .select2-container,.lk-panel__statistic-filters .statistics-filters__sort>span {
    display: inline-block;
    vertical-align: middle
}

.lk-panel__statistic-filters .statistics-filters__sort .chosen-container,.lk-panel__statistic-filters .statistics-filters__sort .select2-container {
    margin-right: 0;
    float: none;
    max-width: 150px
}

.lk-panel__statistic-filters .statistics-filters__sort>.__string {
    margin-right: 5px;
    font: 1.4rem "Open Sans",sans-serif;
    color: #000
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    color: #fff;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border-radius: 10px
}

.stat-tooltip__container {
    padding: 10px;
    text-align: center;
    font-family: "Open Sans Light",sans-serif;
    color: #fff;
    letter-spacing: .1em
}

.stat-tooltip__percent {
    font-size: 1.8rem;
    padding-bottom: 8px
}

.stat-tooltip__date {
    font-size: 1.1rem;
    padding-bottom: 8px
}

.stat-tooltip__time {
    font-size: 1.1rem;
    white-space: nowrap
}

.lk-panel__balance-block {
    color: #000;
    text-align: center;
    border: 1px solid #e2ecf2;
    border-radius: 6px;
    padding: 40px 40px 30px;
    margin-bottom: 30px
}

.input-file .lk-panel__balance-block .input-fake,.input-file-wrapper .lk-panel__balance-block .input-fake,.lk-panel__balance-block .input-file .input-fake,.lk-panel__balance-block .input-file-wrapper .input-fake,.lk-panel__balance-block input {
    max-width: 360px;
    display: inline-block;
    font: 2.2rem "Open Sans Light",sans-serif;
    color: #000;
    margin-bottom: 30px
}

.input-file .lk-panel__balance-block .input-fake::-webkit-input-placeholder,.input-file-wrapper .lk-panel__balance-block .input-fake::-webkit-input-placeholder,.lk-panel__balance-block .input-file .input-fake::-webkit-input-placeholder,.lk-panel__balance-block .input-file-wrapper .input-fake::-webkit-input-placeholder,.lk-panel__balance-block input::-webkit-input-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.input-file .lk-panel__balance-block .input-fake::-moz-placeholder,.input-file-wrapper .lk-panel__balance-block .input-fake::-moz-placeholder,.lk-panel__balance-block .input-file .input-fake::-moz-placeholder,.lk-panel__balance-block .input-file-wrapper .input-fake::-moz-placeholder,.lk-panel__balance-block input::-moz-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.input-file .lk-panel__balance-block .input-fake:-moz-placeholder,.input-file-wrapper .lk-panel__balance-block .input-fake:-moz-placeholder,.lk-panel__balance-block .input-file .input-fake:-moz-placeholder,.lk-panel__balance-block .input-file-wrapper .input-fake:-moz-placeholder,.lk-panel__balance-block input:-moz-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.input-file .lk-panel__balance-block .input-fake:-ms-input-placeholder,.input-file-wrapper .lk-panel__balance-block .input-fake:-ms-input-placeholder,.lk-panel__balance-block .input-file .input-fake:-ms-input-placeholder,.lk-panel__balance-block .input-file-wrapper .input-fake:-ms-input-placeholder,.lk-panel__balance-block input:-ms-input-placeholder {
    color: #a0b5c2;
    text-overflow: ellipsis
}

.lk-panel__balance-block .button,.lk-panel__balance-block .button-block,.lk-panel__balance-block .button-radius {
    min-width: 200px
}

.balance-block__label {
    font: 1.6rem/1.2em "Open Sans",sans-serif;
    margin-bottom: 10px
}

.balance-block__summ {
    font: 5.5rem/1em "Open Sans Light",sans-serif;
    white-space: nowrap
}

.balance-block__summ span {
    font-size: 3.5rem
}

.payment-help__wrapper,.payment-instruction__wrapper,.payment__wrapper {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.payment-help__wrapper .payment-block,.payment-instruction__wrapper .payment-block,.payment__wrapper .payment-block {
    display: inline-block;
    vertical-align: top;
    width: 14.3%;
    margin-right: 2.5%;
    margin-bottom: 20px
}

.payment-help__wrapper .payment-block:last-child,.payment-instruction__wrapper .payment-block:last-child,.payment__wrapper .payment-block:last-child {
    margin-right: 0
}

.payment-help__wrapper .payment-help-block {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 40px
}

.payment-help__wrapper .payment-help-block .payment-help-block__image {
    width: 148px;
    height: 148px;
    margin: 0 auto 18px
}

.payment-help__wrapper .payment-help-block .payment-help-block__image_payme img {
    width: 80%
}

.payment-help__wrapper .payment-help-block:last-child {
    margin-right: 0
}

.payment-help__wrapper .payment-help-block:last-child:after {
    display: none
}

.payment-instruction__wrapper:after {
    content: '';
    display: table;
    clear: both
}

.payment-instruction__wrapper .payment-instruction-block {
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%
}

.payment-instruction__wrapper .payment-instruction-block:nth-child(2n+2) {
    margin-right: 0
}

.payment-instruction__wrapper .payment-block__image,.payment-instruction__wrapper .payment-help-block__image {
    height: auto;
    border: 0;
    border-radius: 0
}

.payment-instruction__wrapper .payment-block__title {
    text-align: left
}

.payment-status__selected [data-pay-type] .payment-block__image:after,.payment-status__selected [data-pay-type] .payment-help-block__image:after {
    color: #d6dfe5
}

.payment-status__selected [data-pay-type] .payment-block__image_payme svg path[id=path0_fill],.payment-status__selected [data-pay-type] .payment-block__image_payme svg path[id=path2_fill] {
    fill: #d6dfe5
}

.payment-status__selected .payment-block__image,.payment-status__selected .payment-help-block__image {
    border-color: #d6dfe5
}

.payment-status__selected .payment-block__title {
    color: #a0b5c2
}

.payment-status__selected [data-pay-type].is-active .payment-block__image:after,.payment-status__selected [data-pay-type].is-active .payment-help-block__image:after {
    color: #fff
}

.payment-status__selected .is-active .payment-block__image,.payment-status__selected .is-active .payment-help-block__image {
    border: 1px solid #0072ce
}

.payment-status__selected .is-active .payment-block__title {
    color: #000
}

.lk-panel__payment .payment-help__wrapper .payment-block .payment-block__image,.lk-panel__payment .payment-help__wrapper .payment-block .payment-help-block__image,.lk-panel__payment .payment-instruction__wrapper .payment-block .payment-block__image,.lk-panel__payment .payment-instruction__wrapper .payment-block .payment-help-block__image,.lk-panel__payment .payment__wrapper .payment-block .payment-block__image,.lk-panel__payment .payment__wrapper .payment-block .payment-help-block__image {
    height: 136px
}

.lk-panel__methodist-description {
    margin-bottom: 20px;
    font: 1.8rem/1.2em "Open Sans",sans-serif
}

.lk-panel__methodist-description:after,.lk-panel__methodist-description:before {
    content: " ";
    display: table
}

.lk-panel__methodist-description:after {
    clear: both
}

.lk-panel__methodist-description .location {
    margin-top: 0
}

.lk-panel__methodist-description .date {
    float: left
}

.lk-panel__methodist-description .location-select {
    float: right
}

.lk-panel__methodist-block {
    display: none;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 62.25%
}

.lk-panel__methodist-block.active {
    display: block
}

.lk-panel__methodist-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.lk-panel__methodist-block__title {
    display: none;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    color: #000;
    font: 1.6rem "Open Sans",sans-serif
}

.lk-panel__methodist-tabs {
    list-style: none;
    margin: 0 0 30px 0
}

.lk-panel__methodist-tabs:after,.lk-panel__methodist-tabs:before {
    content: " ";
    display: table
}

.lk-panel__methodist-tabs:after {
    clear: both
}

.lk-panel__methodist-tabs .tab {
    display: block;
    float: left;
    max-width: 300px;
    margin-right: 10px
}

.lk-panel__methodist-tabs .tab a {
    display: table;
    padding: 5px 20px;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font: 1.6rem "Open Sans",sans-serif;
    text-align: center;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.lk-panel__methodist-tabs .tab a:hover {
    background: #f9f9f9
}

.lk-panel__methodist-tabs .tab a span {
    display: table-cell;
    height: 50px;
    width: 100%;
    vertical-align: middle
}

.lk-panel__methodist-tabs .tab.active a {
    background: #e4e7e8
}

.location-select {
    position: relative;
    width: auto
}

.location-select .location-list {
    width: 300px;
    border: 1px solid #f9f9f9;
    display: none;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 100%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    background: #fff
}

.location-select .location-list a {
    color: #000;
    padding: 5px 10px;
    display: block
}

.location-select .location-list a:hover {
    background: #d8e2e6
}

.statistics-download {
    max-width: 600px;
    margin: 40px auto
}

.statistics-download__title {
    font-size: 2rem
}

.lk-contest-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(0,31,51,.19);
    box-shadow: 0 0 6px rgba(0,31,51,.19);
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
}

.lk-contest-block:last-child {
    margin-bottom: 0
}

.lk-contest-block__image {
    width: 40%;
    height: 200px;
    position: relative;
    overflow: hidden;
    padding: 30px
}

.lk-contest-block__image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.lk-contest-block__data {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 30px;
    border-left: 1px solid #e8e8e8;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.lk-contest-block__stage {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    font: 1.5rem/1 "Open Sans",sans-serif;
    color: #fff;
    background: #ff9000
}

.lk-contest-block__statuses {
    position: absolute;
    top: -15px;
    right: 15px
}

.lk-contest-block__status {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    background: #00a7d0;
    color: #fff;
    font: 1.5rem/1 "Open Sans",sans-serif;
    text-transform: uppercase
}

.lk-contest-block__status.rejected {
    background: #ffdb4d;
    color: #000
}

.lk-contest-block__status.rejected.active {
    background: #2daafc;
    color: #fff
}

.lk-contest-block__status.processing {
    background: #2daafc
}

.lk-contest-block__status.deleted {
    background: #e52811
}

.lk-contest-block__status.passed {
    background: #0072ce
}

.lk-contest-block__status.finished {
    background: #ff9000
}

.lk-contest-block__title {
    margin: 0 0 20px 0;
    font: 2rem/1 "Open Sans Semibold",sans-serif
}

.lk-contest-block__data-footer {
    width: 100%
}

.lk-contest-block__data-footer .button,.lk-contest-block__data-footer .button-block,.lk-contest-block__data-footer .button-radius {
    margin-top: 10px
}

.lk-contest-block__data-item {
    margin-bottom: 10px;
    font: 1.5rem "Open Sans",sans-serif
}

.lk-contest-block__data-item .label {
    display: inline-block;
    font-family: "Open Sans Semibold",sans-serif
}

.lk-contest-data__item {
    margin-bottom: 20px
}

.lk-contest-data__item label {
    display: block;
    margin-bottom: 5px;
    font: 1.6rem "Open Sans Semibold",sans-serif
}

.input-file .lk-contest-data__item .input-fake,.input-file-wrapper .lk-contest-data__item .input-fake,.lk-contest-data__item .input-file .input-fake,.lk-contest-data__item .input-file-wrapper .input-fake,.lk-contest-data__item input {
    background: #fff
}

.lk-plans-array {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.lk-plans-array .plan-block {
    margin-right: 3%;
    width: 48%
}

.lk-plans-array .plan-block:nth-child(2n) {
    margin-right: 0
}

.lk-plans-section {
    margin-bottom: 30px
}

.lk-plans-section:last-child {
    margin-bottom: 0
}

.lk-plans-section__footer {
    text-align: right
}

@media screen and (max-width: 1240px) {
    .lk-panel-outer .lk-panel-inner {
        padding-right:20px;
        padding-left: 20px
    }

    .lk-panel__left {
        padding-right: 20px
    }

    .lk-panel__right {
        padding-left: 20px
    }

    .subscribe__timer {
        font-size: 4.3rem;
        line-height: 1em
    }

    .lk-panel__balance-block {
        padding: 20px 20px 10px
    }
}

@media screen and (max-width: 999px) {
    .lk-panel-outer .lk-panel-inner {
        padding-top:0;
        padding-bottom: 30px
    }

    .lk-panel__top .button-wrapper>* {
        margin-right: 0
    }

    .lk-panel__statistics-block span {
        font-size: 4rem
    }

    .lk-panel__statistic-filters .button-radius,.lk-panel__statistic-filters .select2-container {
        margin-bottom: 20px
    }

    .lk-panel__statistic-filters .statistics-filters__sort {
        display: block;
        float: left;
        white-space: nowrap
    }

    .lk-panel__statistic-filters .statistics-filters__sort .select2-container {
        margin-bottom: 0
    }

    .lk-panel__subscribe {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px
    }

    .lk-panel__subscribe-period {
        margin-bottom: 20px
    }

    .lk-panel__subscribe-period,.lk-panel__subscribe-promocode {
        width: 100%;
        margin-right: 0
    }

    .lk-panel__right .payment-help__wrapper .payment-help-block {
        width: 47%;
        margin-right: 2%
    }

    .lk-panel__right .payment-help__wrapper .payment-help-block:nth-child(2n+2) {
        margin-right: 0
    }

    .lk-panel__right .payment-help__wrapper .payment-help-block:nth-child(2n+2):after {
        display: none
    }

    .lk-panel__methodist-tabs .tab {
        width: 33.33%;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .lk-panel__statistic-filters .button-radius {
        min-width:100px
    }

    .lk-panel__right {
        width: 82%
    }

    .lk-panel__right .payment-instruction__wrapper .payment-instruction-block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .payment-help__wrapper .payment-help-block {
        width: 47%;
        margin-right: 2%
    }

    .payment-help__wrapper .payment-help-block:nth-child(2n+2) {
        margin-right: 0
    }

    .payment-help__wrapper .payment-help-block:nth-child(2n+2):after {
        display: none
    }

    .lk-panel__left {
        display: none
    }

    .lk-panel__right {
        padding-left: 0;
        width: 100%
    }

    .lk-panel__balance-block {
        border: 0;
        padding: 0
    }
}

@media screen and (max-width: 699px) {
    .lk-panel__right .payment-help__wrapper .payment-help-block {
        width:100%;
        margin-right: 0;
        margin-bottom: 60px
    }

    .lk-panel__right .payment-help__wrapper .payment-help-block:after {
        right: 50%;
        bottom: -55px;
        margin-right: -8px;
        top: auto;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .lk-panel__right .payment-help__wrapper .payment-help-block:nth-child(2n+2):after {
        display: block
    }

    .lk-panel__methodist-tabs .tab a {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 599px) {
    .lk-panel__top {
        margin-bottom:30px
    }

    .lk-panel__top .lk-panel__title {
        float: none;
        margin-bottom: 20px
    }

    .lk-panel__top .button-wrapper {
        float: none
    }

    .lk-panel__title {
        font-size: 2.2rem
    }

    .lk-panel__statistics-block {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px
    }

    .lk-panel__statistics-block:last-child {
        margin-right: 4%
    }

    .lk-panel__statistics-block:nth-child(2n+2) {
        margin-right: 0
    }

    .lk-panel__statistic-filters .button-radius {
        margin-right: 0
    }

    table.lk-table {
        display: block;
        width: 100%
    }

    table.lk-table>thead {
        display: none
    }

    table.lk-table>tbody {
        display: block!important;
        width: 100%
    }

    table.lk-table>tbody>tr {
        display: block;
        width: 100%
    }

    table.lk-table>tbody>tr.lk-table__spoiler-head .spoiler-head__switcher i {
        display: none
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body {
        width: 100%
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body.is-active {
        display: block!important
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td {
        display: block;
        width: 100%
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table {
        display: block;
        width: 100%
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table tbody {
        display: block;
        width: 100%
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table tbody tr {
        display: table;
        width: 100%
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table tbody tr td {
        border-top: 0
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table tbody tr td:nth-child(1) {
        width: 70%;
        display: table-cell
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table tbody tr td:nth-child(2) {
        width: 30%;
        display: table-cell;
        border-left: 0;
        border-right: 0
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table tbody tr td:nth-child(3) {
        display: table-caption;
        width: 100%;
        border-left: 0;
        padding: 10px;
        text-align: center
    }

    table.lk-table>tbody>tr.lk-table__spoiler-body td table tbody tr td:nth-child(3) .button-radius {
        margin-top: 10px
    }

    table.lk-table>tbody>tr>td {
        display: block!important;
        width: 100%;
        padding-left: 50%;
        position: relative;
        border-top: 0;
        text-align: left;
        vertical-align: middle;
        padding-top: 15px;
        padding-bottom: 15px
    }

    table.lk-table>tbody>tr>td:before {
        content: attr(data-table-head);
        position: absolute;
        z-index: 9;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        display: block;
        width: 40%;
        font: 1.4rem/1.2em "Open Sans",sans-serif;
        color: #a0b5c2;
        text-align: left;
        padding: 13px 9px 14px
    }

    table.lk-table>tbody>tr>td:first-child {
        border-left: 1px solid #e2ecf2
    }

    table.lk-table>tbody>tr>td:last-child {
        border-right: 1px solid #e2ecf2
    }

    .payment-instruction__wrapper .payment-instruction-block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .form__column-block {
        width: 100%;
        float: none;
        margin-right: 0
    }

    .form__column-block.__wide .__column {
        width: 100%;
        float: none;
        margin-right: 0
    }

    .lk-panel__methodist-tabs {
        display: none
    }

    .lk-panel__methodist-block {
        display: block;
        opacity: 1;
        margin-bottom: 30px
    }

    .lk-panel__methodist-block__title {
        display: block
    }

    .lk-panel__methodist-description .date {
        float: none
    }

    .lk-panel__methodist-description .location-select {
        float: none
    }

    .location-list {
        width: 260px;
        left: 0;
        right: auto
    }

    .lk-contest-block {
        display: block
    }

    .lk-contest-block__image {
        width: 100%;
        height: 150px;
        padding: 15px;
        border-bottom: 1px solid #e8e8e8
    }

    .lk-contest-block__data {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        border-left: none
    }

    .lk-contest-block__stage {
        font-size: 1.4rem
    }

    .lk-contest-block__statuses {
        position: static;
        font-size: 1.4rem;
        margin-bottom: 10px
    }

    .lk-contest-block__title {
        font-size: 1.6rem
    }

    .lk-contest-block .lk-contest-block__data-item {
        font-size: 1.4rem
    }

    .lk-plans-array .plan-block {
        margin: 0 auto 30px auto;
        width: 100%
    }

    .lk-plans-array .plan-block:nth-child(2n) {
        margin: 0 auto 20px auto
    }
}

@media screen and (max-width: 468px) {
    .lk-panel__statistics-block {
        width:100%;
        margin-right: 0
    }

    .lk-panel__statistics-block:last-child {
        margin-right: 0
    }

    .payment-help__wrapper .payment-block:nth-child(3n+3),.payment-instruction__wrapper .payment-block:nth-child(3n+3),.payment__wrapper .payment-block:nth-child(3n+3) {
        margin-right: 2.5%
    }

    .payment-help__wrapper .payment-help-block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 60px
    }

    .payment-help__wrapper .payment-help-block:after {
        right: 50%;
        bottom: -55px;
        margin-right: -8px;
        top: auto;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .payment-help__wrapper .payment-help-block:nth-child(2n+2):after {
        display: block
    }

    .subscribe__timer {
        font-size: 3rem
    }

    .lk-contest-block__statuses {
        width: 100%
    }

    .lk-contest-block__status {
        display: block;
        margin-bottom: 5px;
        width: 100%;
        text-align: center
    }

    .lk-contest-block .lk-contest-block__data-footer .button,.lk-contest-block .lk-contest-block__data-footer .button-block,.lk-contest-block .lk-contest-block__data-footer .button-radius {
        width: 100%
    }
}

@media screen and (max-width: 360px) {
    .lk-panel__statistic-filters .button-radius,.lk-panel__statistic-filters .select2-container {
        width:100%;
        max-width: 100%;
        margin-right: 0
    }

    .payment-help__wrapper .payment-block:nth-child(2n+2),.payment-instruction__wrapper .payment-block:nth-child(2n+2),.payment__wrapper .payment-block:nth-child(2n+2) {
        margin-right: 0
    }
}

.lk-panel__lessons {
    display: table;
    width: 100%;
    font-size: 0;
    padding: 15px 0
}

.lk-panel__lessons .lesson-block {
    width: 31.5%;
    margin-right: 2.75%;
    margin-bottom: 2.75%
}

.lk-panel__lessons .lesson-block:last-child,.lk-panel__lessons .lesson-block:nth-child(3n+3) {
    margin-right: 0
}

.flex-wrap .lk-panel__lessons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (max-width: 959px) {
    .lk-panel__lessons .lesson-block {
        width:48%;
        margin-right: 4%;
        margin-bottom: 4%
    }

    .lk-panel__lessons .lesson-block:nth-child(3n+3) {
        margin-right: 4%
    }

    .lk-panel__lessons .lesson-block:nth-child(2n+2) {
        margin-right: 0
    }
}

@media screen and (max-width: 479px) {
    .lk-panel__lessons .lesson-block {
        width:100%;
        max-width: 300px;
        margin-right: 0;
        margin-bottom: 20px
    }

    .lk-panel__lessons .lesson-block:nth-child(3n+3) {
        margin-right: 0
    }
}

table.table-gray {
    margin-bottom: 15px
}

table.table-gray td,table.table-gray th {
    border: 1px solid #d9e3ea;
    background: #fff;
    text-align: center;
    padding: 5px 5px;
    font: 1.6rem "Open Sans",sans-serif;
    color: #546172
}

table.table-gray thead>tr>th {
    background: #546172;
    padding: 15px 10px;
    color: #fff
}

table.table-gray tbody tr:nth-child(even) td {
    background: #eff3f6
}

.lk-panel__classes thead tr th:first-child {
    width: 200px
}

.lk-panel__classes thead tr th:last-child {
    width: 30%
}

.lk-panel__classes-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lk-panel__classes-title {
    font: 2rem/1.2em "Open Sans Light",sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0
}

.lk-panel__classes-title.lk-panel__classes-title--other_classes {
    margin-top: 25px
}

.class-create-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.class-create-form .form__string {
    margin: 0 10px 0 0
}

.class-create-form .form__string:last-child {
    margin-right: 0
}

.student-create-form {
    margin-top: 30px
}

.student-create-form .form-group .form__string {
    margin-bottom: 10px
}

.insert-list__item-check {
    display: block;
    text-align: center
}

.input-file .insert-list__item-check .input-fake[type=checkbox],.input-file-wrapper .insert-list__item-check .input-fake[type=checkbox],.insert-list__item-check .input-file .input-fake[type=checkbox],.insert-list__item-check .input-file-wrapper .input-fake[type=checkbox],.insert-list__item-check input[type=checkbox] {
    display: inline-block;
    width: auto
}

#select2-select-class-digit-results,#select2-select-class-letter-results {
    max-height: 300px
}

.lk-instruction-wrapper .title {
    margin: 0 0 20px 0;
    text-align: center;
    text-transform: none
}

.lk-instruction-wrapper iframe {
    max-width: 600px;
    width: 100%;
    height: 315px;
    margin: 0 auto 30px auto;
    display: block
}

.button_theme_blank {
    background-color: #fff;
    color: #546172;
    border: 1px solid #d9e3ea;
    border-radius: 3px;
    font-family: "Open Sans Semibold",sans-serif;
    -webkit-transition: color .2s,background-color .2s;
    -o-transition: color .2s,background-color .2s;
    transition: color .2s,background-color .2s
}

.button_theme_blank:hover {
    background-color: #546172;
    color: #fff;
    -webkit-transition: color .2s,background-color .2s;
    -o-transition: color .2s,background-color .2s;
    transition: color .2s,background-color .2s
}

[class*=button_theme_]:hover {
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.button_blank_remove:hover {
    background-color: #546172;
    color: #fff
}

.button_blank_remove {
    padding: 10px;
    background-color: #fff;
    color: #546172;
    border: 1px solid #d9e3ea;
    border-radius: 3px
}

.button_blank_remove:before {
    content: '\f014';
    font: 15px FontAwesome
}

.button_blank_edit {
    padding: 10px;
    background-color: #fff;
    color: #546172;
    border: 1px solid #d9e3ea;
    border-radius: 3px
}

.button_blank_edit:hover {
    background-color: #546172;
    color: #fff
}

.button_blank_edit:before {
    content: '\f044';
    font: 15px FontAwesome
}

.button_theme_plus {
    background-color: #0072ce;
    color: #fff
}

.button_theme_plus span.icon {
    background-color: #1e8449
}

.button_theme_plus span.icon:before {
    content: '\f067'
}

.lk-panel__notifications .lk-table .lk-table__spoiler-head.is-new {
    background-color: rgba(0,114,206,.15)
}

.lk-panel__notifications .lk-table .lk-table__spoiler-head.is-new td {
    color: #004882
}

.lk-panel__notifications .lk-table .lk-table__spoiler-head td:nth-child(3) {
    position: relative
}

.lk-panel__notifications .lk-table .lk-table__spoiler-head td:nth-child(3) .spoiler-head__switcher {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -11px;
    right: 20px
}

.lk-panel__notifications .lk-table .lk-table__spoiler-body td {
    font: 1.6rem/1.4em "Open Sans",sans-serif;
    color: #000!important;
    text-align: left;
    padding: 10px 20px;
    background-color: #e2ecf2
}

.alarm-notify {
    position: absolute;
    z-index: 9;
    top: -8px;
    right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f03e4c;
    -webkit-animation: alarm_notify 5s infinite;
    animation: alarm_notify 5s infinite;
    -webkit-transition: top .2s ease-in;
    -o-transition: top .2s ease-in;
    transition: top .2s ease-in
}

.alarm-notify:after {
    content: '';
    font: 1.4rem/1em FontAwesome;
    color: #f8c808
}

.login-panel__notify {
    position: absolute;
    z-index: 8;
    top: 100%;
    right: 0;
    display: block;
    white-space: nowrap;
    padding: 15px 40px 17px 25px;
    background-color: rgba(0,0,0,.6)
}

.login-panel__notify:before {
    content: '';
    position: absolute;
    top: 0;
    right: 28px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0;
    border-color: #0f90e5 transparent transparent
}

.login-panel__notify .__close {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12px;
    height: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.login-panel__notify .__close:after {
    content: "\f00d";
    font: 1.2rem FontAwesome;
    color: #fff
}

.login-panel__notify .__message {
    font: 1.4rem/1em "Open Sans Semibold",sans-serif;
    color: #fff
}

.login-panel__notify .__message b,.login-panel__notify .__message strong {
    font-weight: 700;
    color: #ffdb4c
}

.login-panel__notify .__message .product {
    display: block;
    margin: 5px 0
}

@media screen and (max-width: 1240px) {
    .alarm-notify {
        right:auto;
        left: -8px
    }
}

.account__avatar {
    width: 132px;
    height: 132px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/images/avatar.png);
    border-radius: 50%;
    overflow: hidden;
    display: block
}

.account__name {
    font: bold 2.1rem "Open Sans",sans-serif;
    color: #000
}

.account__email {
    font: 2.1rem "Open Sans",sans-serif;
    color: #000
}

.account__balance {
    font: bold 3rem/1em "Open Sans",sans-serif;
    color: #000
}

.account__balance.__empty {
    color: #e76262
}

.account__balance-label {
    font: 2rem/1.5em "Open Sans",sans-serif;
    color: #000
}

.modal {
    z-index: 10000
}

.modal .close {
    position: absolute;
    z-index: 9;
    top: -30px;
    right: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: 0 0;
    opacity: 1
}

.modal .close:after {
    content: "\f00d";
    font: 2.6rem FontAwesome;
    color: #fff
}

.modal-dialog {
    margin-top: 60px;
    margin-bottom: 30px
}

.modal-header {
    border-bottom: 0;
    padding: 45px 20px 15px
}

.modal-title {
    font: 1.8rem "Open Sans",sans-serif;
    color: #000;
    text-align: center
}

.modal-footer.button-list-wrapper {
    text-align: center
}

.modal-footer.button-list-wrapper>* {
    display: inline-block;
    vertical-align: top;
    font-size: 1.8rem;
    line-height: 1em;
    padding-top: 15px;
    padding-bottom: 16px
}

.modal-footer.button-list-wrapper .button-func {
    padding-right: 24px;
    padding-left: 70px
}

.modal-footer.button-list-wrapper .button_theme_ent {
    padding-right: 44px;
    padding-left: 44px;
    margin-right: 30px
}

.modal-footer .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.modal-logotype {
    position: absolute;
    z-index: 9;
    top: -36px;
    left: 50%;
    margin-left: -36px
}

.modal-body .form__string .help_text {
    display: block;
    text-align: center
}

.modal-announcement .modal-dialog {
    margin-top: 60px;
    width: 100%;
    max-width: 712px
}

.modal-announcement .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 5px
}

.modal-announcement .modal-body .modal-image {
    width: 35%;
    padding: 1rem;
    padding-bottom: 0
}

.modal-announcement .modal-body .modal-image img {
    max-width: 100%
}

.modal-announcement .modal-body .modal-description {
    width: 65%;
    padding-right: 1rem;
    margin-left: 1rem
}

.modal-announcement .modal-body .modal-description h4 {
    margin-top: 1rem;
    font: 14px "Open Sans",sans-serif
}

.modal-announcement .modal-body .modal-description p {
    font: 12px "Open Sans",sans-serif;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.modal-announcement .modal-footer {
    border-top: none;
    padding-top: 0
}

.modal-announcement .modal-footer .button_theme_gray {
    margin-right: 50px
}

.modal-warning .modal-dialog {
    margin-top: 60px;
    width: 100%;
    max-width: 512px
}

.modal-warning .modal-title {
    font: bold 1.8rem "Open Sans",sans-serif;
    color: #385364;
    text-align: center
}

.modal-warning .modal-body {
    font: 1.8rem "Open Sans",sans-serif;
    color: #000;
    text-align: center
}

.modal-warning .modal-footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px 20px;
    border-top: 0;
    text-align: center
}

.modal-warning .modal-footer .button-wrapper {
    text-align: center
}

.modal-warning .modal-footer .button-wrapper .button-radius {
    padding-right: 40px;
    padding-left: 40px
}

.modal-vacancy-response .modal-header {
    border-bottom: 0;
    padding: 45px 20px 15px
}

.modal-vacancy-response .modal-dialog {
    margin-top: 60px;
    width: 100%;
    max-width: 512px
}

.modal-vacancy-response .modal-header {
    border-bottom: 0;
    padding: 45px 20px 15px
}

.modal-vacancy-response .modal-footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px 20px;
    border-top: 0;
    text-align: center
}

.modal-vacancy-response .modal-footer .button-wrapper {
    text-align: center
}

.modal-vacancy-response .modal-footer .button-wrapper .button-radius {
    padding-right: 40px;
    padding-left: 40px
}

.input-file .modal-vacancy-response .form__string.__error .input-fake,.input-file-wrapper .modal-vacancy-response .form__string.__error .input-fake,.modal-vacancy-response .form__string.__error .input-file .input-fake,.modal-vacancy-response .form__string.__error .input-file-wrapper .input-fake,.modal-vacancy-response .form__string.__error input {
    border-color: red
}

.modal-vacancy-response .input-file-wrapper.__error .input-fake {
    border-color: red
}

.modal-review {
    padding: 30px
}

.modal-review .modal-header {
    padding: 15px;
    border: none
}

.modal-review .modal-review-form {
    padding: 0 20px
}

.modal-review .form-group {
    margin: 20px 0
}

.modal-review .form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

.modal-review .form-group label span {
    color: red
}

.modal-review .form-group.button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-review .form-rating {
    display: block
}

.modal-review .form-rating label {
    text-align: center
}

.modal-review .form-rating__stars {
    width: 170px;
    margin: 10px auto 0 auto
}

.modal-review .rating-star__ico:before {
    font-size: 3rem
}

.modal-title-accent .modal-header {
    background: #0072ce;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 5px 5px 0 0;
    padding: 20px 20px 15px
}

.modal-body-text {
    font-size: 1.6rem
}

.modal-body-text.centered {
    text-align: center
}

.modal-success .modal-body-text {
    font-size: 1.8rem
}

.modal-open .select2-container {
    z-index: 10001
}

@media screen and (max-width: 768px) {
    .modal .close {
        top:-35px;
        right: 0
    }

    .modal-dialog {
        margin-left: 5px
    }

    .modal-content {
        margin-left: 10px;
        margin-right: 10px
    }

    .modal-review {
        padding: 0
    }

    .modal-review .modal-review-form {
        padding: 0
    }

    .modal-review .form-group.button-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .modal-review .form-group.button-wrapper .button-radius {
        margin: 0 0 5px 0
    }

    .modal-review .form-group.button-wrapper .button-radius:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 482px) {
    .modal-dialog {
        margin-left:0
    }

    .modal-content {
        margin-left: 10px;
        margin-right: 10px
    }

    .modal-announcement .modal-body {
        display: block
    }

    .modal-announcement .modal-body .modal-image {
        width: 100%;
        padding: 1rem
    }

    .modal-announcement .modal-body .modal-image img {
        max-width: 100%
    }

    .modal-announcement .modal-body .modal-description {
        width: 100%
    }

    .modal-announcement .modal-body .modal-description h4 {
        margin-right: 1rem
    }

    .modal-announcement .modal-footer {
        border-top: none;
        text-align: center
    }

    .modal-announcement .modal-footer .button-radius {
        min-width: 158px
    }

    .modal-announcement .modal-footer .button_theme_gray {
        margin-right: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 480px) {
    .modal-dialog {
        margin-left:0
    }

    .modal-content {
        margin-left: 10px;
        margin-right: 10px
    }

    .modal-footer .button-wrapper {
        display: block
    }

    .modal-footer .button-wrapper>* {
        display: block;
        max-width: 200px;
        width: 100%;
        margin: 0 auto 10px auto
    }

    .modal-footer .button-wrapper>:last-child {
        margin-bottom: 0
    }
}

#modal-instruction {
    z-index: 99999
}

#modal-instruction .modal-dialog {
    width: 100%;
    max-width: 855px
}

#modal-instruction .modal-body {
    padding: 0;
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: -3px
}

#modal-instruction .modal-body:before {
    content: '';
    display: table;
    margin-top: 56.17978%
}

#modal-instruction iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    #modal-instruction .modal-dialog {
        margin-top:60px
    }
}

.lesson-modal {
    z-index: 99999;
    font-size: 0
}

.lesson-modal .modal-dialog {
    margin: 50px auto 0 auto;
    border-radius: 3px;
    width: 100%;
    max-width: 1030px
}

.lesson-modal .modal-content {
    padding-top: 0;
    height: 80vh;
    margin: 0 auto
}

.lesson-modal .modal-body {
    width: 100%;
    height: 100%;
    padding: 0
}

.lesson-modal .modal-background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.lesson-modal ul.social-list li a {
    border-radius: 50%;
    position: relative
}

.lesson-modal ul.social-list li a:after {
    color: #95a5a6
}

.lesson-modal ul.social-list li a:hover:after {
    color: #798d8f
}

.lesson-modal ul.social-list li a:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 80%;
    height: 80%;
    display: block;
    background-color: #fff;
    top: 10%;
    left: 10%;
    border-radius: 50%
}

.test-container__close {
    display: none;
    position: absolute;
    z-index: 10;
    top: 35px;
    left: 100%;
    -webkit-transform: translateX(-49px);
    -ms-transform: translateX(-49px);
    transform: translateX(-49px);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in,-webkit-transform .2s ease-in;
    overflow: visible;
    font: 1.8rem "Open Sans",sans-serif;
    color: #fff;
    background-color: #028eff;
    padding: 10px 10px 10px 67px;
    border-radius: 4px 0 0 4px;
    white-space: nowrap;
    cursor: pointer
}

.test-container__close:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 49px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: 2.2rem FontAwesome;
    color: #fff;
    background-color: #0072ce;
    border-radius: 4px 0 0 4px
}

.test-container__close:after {
    display: none
}

.lesson-modal__notify {
    display: none
}

.lesson-modal__notify {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    text-align: center;
    overflow: hidden
}

.lesson-modal__notify .test-container__close {
    background-color: #fff;
    color: #333
}

.lesson-modal__notify .test-container__close:before {
    background-color: #7c7f87
}

.lesson-modal__notify .__warning-text {
    font: 2rem "Open Sans",sans-serif;
    color: #333;
    padding: 20px
}

.lesson-modal__notify img {
    max-width: 200px
}

.desktop .lesson-modal__notify {
    display: none!important
}

.lesson-modal__menu {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 100%;
    padding: 0;
    background-color: #fff;
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.lesson-modal__menu.__opened {
    padding: 15px;
    width: 300px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-left: 1px solid #e1e1e1
}

.lesson-modal__menu .tag-wrapper .tag,.lesson-modal__menu .tag-wrapper span {
    display: block;
    margin-bottom: 5px
}

.lesson-modal__menu .player_menu_control {
    margin: 10px 0 0 0
}

.lesson-modal__info {
    position: absolute;
    z-index: 9;
    top: -60px;
    left: 0;
    height: 60px;
    width: 80%;
    color: #fff;
    font: 1.7rem/1.2em "Open Sans",sans-serif;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lesson-modal__info .lesson-modal__info-category {
    font-weight: 700
}

.lesson-modal__info .lesson-modal__info-name {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.lesson-modal__share {
    position: absolute;
    z-index: 10;
    height: 60px;
    top: -60px;
    right: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lesson-modal__menu-title {
    font: bold 1.7rem/1.2em "Open Sans",sans-serif;
    color: #2c3e50
}

.lesson-modal__menu-inform {
    padding: 15px 10px;
    margin: 15px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

.lesson-modal__menu-inform .favorite,.lesson-modal__menu-inform .views {
    margin-right: 5px
}

.lesson-modal__iframe {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lesson-modal__iframe iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0
}

.lesson-modal__iframe .iframe-responsive {
    height: 100%;
    overflow: visible
}

.lesson-modal__control {
    position: absolute;
    z-index: 9;
    top: 0;
    right: -55px
}

.control-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
    background-color: #95a5a6;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.control-button:hover {
    background-color: #798d8f;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.control-button.is-active {
    background-color: #6d8082;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.control-button:after {
    font: 2rem/1em FontAwesome;
    color: #fff
}

[data-action=close]:after {
    content: "\f00d"
}

[data-action=menu]:after {
    content: "\f0c9"
}

[data-action=fullscreen]:after {
    content: '\f065'
}

[data-action=windowed]:after {
    content: ''
}

[data-action=mistake_report]:after {
    content: "\f071"
}

[data-action=link]:after {
    content: "\f178"
}

body.__fullscreen .lesson-modal .modal-background {
    background: #fff
}

body.__fullscreen .lesson-modal .modal-dialog {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    max-width: 100%
}

body.__fullscreen .lesson-modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

body.__fullscreen .lesson-modal__control {
    position: fixed;
    right: 25px;
    top: 10px
}

body.__fullscreen .lesson-modal__info-category {
    color: #000
}

body.__fullscreen .lesson-modal__info-name {
    color: #000
}

body.__fullscreen .lesson-modal__info-name:before {
    color: #000
}

@media screen and (max-width: 1024px) {
    .test-container__close {
        display:block
    }

    .lesson-modal {
        z-index: 99999
    }

    .lesson-modal .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0
    }

    .lesson-modal .modal-content {
        height: 100%;
        border-radius: 0
    }

    .lesson-modal .modal-body {
        padding: 0!important
    }

    .lesson-modal__control,.lesson-modal__menu {
        display: none
    }

    .lesson-modal__iframe {
        position: relative;
        z-index: 1;
        overflow: auto
    }

    .lesson-modal__iframe iframe {
        overflow: auto
    }

    .lesson-modal__notify {
        position: absolute;
        z-index: 11;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(255,255,255,.85);
        text-align: center;
        overflow: hidden
    }

    .lesson-modal__notify .test-container__close {
        background-color: #fff;
        color: #333
    }

    .lesson-modal__notify .test-container__close:before {
        background-color: #7c7f87
    }

    .lesson-modal__notify .__warning-text {
        font: 2rem "Open Sans",sans-serif;
        color: #333;
        padding: 20px
    }

    .lesson-modal__notify img {
        max-width: 200px
    }

    .lesson-modal {
        z-index: 99999
    }

    .lesson-modal .modal-dialog {
        width: 100%;
        height: 100%;
        max-width: 100%;
        margin: 0
    }

    .lesson-modal .modal-content {
        height: 100%
    }

    .lesson-modal .modal-body {
        padding: 0!important
    }

    .lesson-modal__control,.lesson-modal__info,.lesson-modal__menu,.lesson-modal__share {
        display: none
    }

    .lesson-modal__iframe {
        position: relative;
        z-index: 1
    }

    .lesson-modal__iframe iframe {
        margin: 0 auto
    }
}

.study-category__window {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    display: none;
    overflow: hidden;
    will-change: transform
}

.study-category__window:before {
    content: '';
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #057d3f
}

.study-category__window .__close {
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 18px;
    display: block;
    width: 40px;
    height: 40px
}

.study-category__window .__close:after,.study-category__window .__close:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 5px;
    background-color: #fff;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    border-radius: 4px
}

.study-category__window .__close:after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.study-category__window .__back-level,.study-category__window .__goto-page {
    position: absolute;
    z-index: 9;
    top: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(30px);
    -ms-transform: translateX(-50%) translateY(30px);
    transform: translateX(-50%) translateY(30px);
    opacity: 0;
    display: inline-block;
    padding-top: 21px;
    -webkit-transition: opacity .2s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .2s ease-out,-webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out,opacity .2s ease-out;
    transition: transform .3s ease-out,opacity .2s ease-out;
    transition: transform .3s ease-out,opacity .2s ease-out,-webkit-transform .3s ease-out;
    will-change: transform
}

.study-category__window .__active.__goto-page,.study-category__window .__back-level.__active {
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    -webkit-transition: opacity .3s ease-in,-webkit-transform .3s ease-in;
    transition: opacity .3s ease-in,-webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in,opacity .3s ease-in;
    transition: transform .3s ease-in,opacity .3s ease-in;
    transition: transform .3s ease-in,opacity .3s ease-in,-webkit-transform .3s ease-in
}

.study-category__window .__back-level:before,.study-category__window .__goto-page:before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -10px;
    content: "\f077";
    font: 2rem/1em FontAwesome;
    color: #fff
}

.study-category__window .__back-level span,.study-category__window .__goto-page span {
    font: bold 1.6rem/1.2em "Open Sans",sans-serif;
    color: #fff;
    text-transform: uppercase
}

.study-category__window .__goto-page {
    opacity: 1;
    padding-top: 0;
    top: 16px;
    left: calc(20px + 2.92582%);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.study-category__window .__goto-page:before {
    top: 50%;
    margin-top: -10px;
    left: calc(100% + 20px);
    content: "\f054"
}

.study-category__window-slide-wrapper {
    height: 100%
}

.study-category__window .study-category__window-slide {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    overflow: hidden
}

.study-category__window .study-category__window-slide .__scroll-bottom-shadow,.study-category__window .study-category__window-slide .__scroll-top-shadow {
    position: absolute;
    z-index: 9;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 25px;
    overflow: hidden
}

.study-category__window .study-category__window-slide .__scroll-bottom-shadow:before,.study-category__window .study-category__window-slide .__scroll-top-shadow:before {
    content: '';
    position: absolute;
    z-index: 9;
    top: 5px;
    left: 0;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 -4px 20px 10px #fff;
    box-shadow: 0 -4px 20px 10px #fff
}

.study-category__window .study-category__window-slide .__scroll-bottom-shadow {
    bottom: 0
}

.study-category__window .study-category__window-slide .__scroll-bottom-shadow:before {
    top: auto;
    bottom: 10px;
    -webkit-box-shadow: 0 4px 20px 10px #fff;
    box-shadow: 0 4px 20px 10px #fff
}

.study-category__window .study-category__window-slide.__active .__head {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in,-webkit-transform .3s ease-in;
    transition: opacity .3s ease-in,-webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in,opacity .3s ease-in;
    transition: transform .3s ease-in,opacity .3s ease-in;
    transition: transform .3s ease-in,opacity .3s ease-in,-webkit-transform .3s ease-in
}

.study-category__window .study-category__window-slide.__active .__head .window-slide__title {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.study-category__window .study-category__window-slide.__active .__body {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    -o-transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s
}

.study-category__window .study-category__window-slide.__active-back .__head {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    -o-transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s
}

.study-category__window .study-category__window-slide.__active-back .__head .window-slide__title {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.study-category__window .study-category__window-slide.__active-back .__body {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .3s ease-in 0s,-webkit-transform .3s ease-in 0s;
    transition: opacity .3s ease-in 0s,-webkit-transform .3s ease-in 0s;
    -o-transition: transform .3s ease-in 0s,opacity .3s ease-in 0s;
    transition: transform .3s ease-in 0s,opacity .3s ease-in 0s;
    transition: transform .3s ease-in 0s,opacity .3s ease-in 0s,-webkit-transform .3s ease-in 0s
}

.study-category__window .study-category__window-slide.__hide {
    opacity: 1
}

.study-category__window .study-category__window-slide.__hide .__head {
    -webkit-transition: opacity .3s ease-in,-webkit-transform .3s ease-in;
    transition: opacity .3s ease-in,-webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in,opacity .3s ease-in;
    transition: transform .3s ease-in,opacity .3s ease-in;
    transition: transform .3s ease-in,opacity .3s ease-in,-webkit-transform .3s ease-in
}

.study-category__window .study-category__window-slide.__hide .__head .window-slide__title {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.study-category__window .study-category__window-slide.__hide .__body {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    -o-transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s
}

.study-category__window .study-category__window-slide .__head .window-slide__title {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.study-category__window .study-category__window-slide .__body {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.study-category__window .study-category__window-slide .__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    min-height: 170px;
    height: 170px;
    padding: 70px calc(20px + 2.92582%) 20px;
    text-align: center;
    -webkit-transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    transition: opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    -o-transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s;
    transition: transform .3s ease-in .2s,opacity .3s ease-in .2s,-webkit-transform .3s ease-in .2s;
    will-change: transform;
    position: relative;
    z-index: 10;
    background-color: #25b468
}

.study-category__window .study-category__window-slide .__body {
    width: 100%;
    display: block;
    font-size: 0;
    height: calc(100% - 170px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    overflow-y: scroll;
    -webkit-transition: opacity .3s ease-in 0s,-webkit-transform .3s ease-in 0s;
    transition: opacity .3s ease-in 0s,-webkit-transform .3s ease-in 0s;
    -o-transition: transform .3s ease-in 0s,opacity .3s ease-in 0s;
    transition: transform .3s ease-in 0s,opacity .3s ease-in 0s;
    transition: transform .3s ease-in 0s,opacity .3s ease-in 0s,-webkit-transform .3s ease-in 0s;
    will-change: transform;
    position: relative
}

.study-category__window .study-category__window-slide .__body:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%
}

.study-category__window .study-category__window-slide .__body .window-slide__lesson-array,.study-category__window .study-category__window-slide .__body .window-slide__study-array {
    display: inline-block;
    vertical-align: middle;
    margin-left: -1px
}

.window-slide__title {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center
}

.study-category__window .window-slide__title {
    font: 2.8rem/1.2em "Open Sans Semibold",sans-serif;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -37px
}

.study-category__window .window-slide__title .study-block {
    display: block;
    width: 106px;
    min-width: 106px;
    height: 106px
}

.study-category__window .window-slide__title .study-block .study-block__image {
    -webkit-box-shadow: 8px 8px 13px rgba(24,36,43,.21);
    box-shadow: 8px 8px 13px rgba(24,36,43,.21)
}

.study-category__window .window-slide__title span {
    display: inline-block;
    padding-left: 20px
}

.study-category__window .window-slide__title .title-link {
    display: none
}

.study-category__window .window-slide__lesson-array .study-block,.study-category__window .window-slide__study-array .study-block {
    width: 20.3252%;
    margin-top: 2.3374%;
    margin-right: 2.3374%;
    margin-bottom: 2.3374%;
    margin-left: 2.3374%
}

.study-category__window .window-slide__lesson-array .study-block__image,.study-category__window .window-slide__study-array .study-block__image {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
    box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.study-category__window .window-slide__lesson-array .study-block__image img,.study-category__window .window-slide__lesson-array .study-block__image object,.study-category__window .window-slide__lesson-array .study-block__image svg,.study-category__window .window-slide__study-array .study-block__image img,.study-category__window .window-slide__study-array .study-block__image object,.study-category__window .window-slide__study-array .study-block__image svg {
    display: inline-block;
    opacity: .2;
    width: 80%;
    height: 80%
}

.study-category__window .window-slide__lesson-array .study-block__image .__title,.study-category__window .window-slide__study-array .study-block__image .__title {
    font-size: 1.8rem;
    color: #fff
}

.study-category__window .window-slide__lesson-array .study-block__image.dark .__title,.study-category__window .window-slide__study-array .study-block__image.dark .__title {
    color: #000
}

.study-category__window .window-slide__lesson-array .lesson-block,.study-category__window .window-slide__study-array .lesson-block {
    width: 22.35772%;
    margin-top: 1.32114%;
    margin-right: 1.32114%;
    margin-bottom: 1.32114%;
    margin-left: 1.32114%
}

.window-slide__lesson-array,.window-slide__study-array {
    width: 100%;
    display: table;
    font-size: 0;
    text-align: center
}

.flex-wrap .window-slide__lesson-array {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (max-width: 919px) {
    .study-category__window .window-slide__study-array .study-block {
        width:27.47253%;
        margin-top: 2.92582%;
        margin-right: 2.92582%;
        margin-bottom: 2.92582%;
        margin-left: 2.92582%
    }

    .study-category__window .window-slide__lesson-array .lesson-block {
        width: 30.21978%;
        margin-top: 1.5522%;
        margin-right: 1.5522%;
        margin-bottom: 1.5522%;
        margin-left: 1.5522%
    }
}

@media screen and (max-width: 767px) {
    .study-category__window .study-category__window-slide .__head {
        min-height:130px;
        height: 130px;
        padding: 50px calc(20px + 2.92582%) 10px
    }

    .study-category__window .study-category__window-slide .__body {
        height: calc(100% - 130px)
    }

    .study-category__window .window-slide__title {
        font-size: 1.8rem;
        margin-bottom: 0
    }

    .study-category__window .window-slide__title .study-block {
        width: 60px;
        min-width: 60px;
        height: 60px
    }

    .study-category__window .window-slide__study-array .study-block__image .__title {
        font-size: 1.3rem
    }

    .study-category__window .window-slide__lesson-array .lesson-block__description {
        min-height: 50px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 699px) {
    .study-category__window .__goto-page {
        display:none!important
    }
}

@media screen and (max-width: 599px) {
    .study-category__window .study-category__window-slide .__head {
        padding:50px 15px 10px
    }

    .study-category__window .study-category__window-slide .__head .window-slide__title {
        font-size: 1.8rem
    }

    .study-category__window .study-category__window-slide .__head .window-slide__title.longtitle {
        font-size: 1.5rem
    }

    .study-category__window .study-category__window-slide .__body {
        padding-right: 15px;
        padding-left: 15px
    }

    .study-category__window .window-slide__study-array .study-block {
        width: 37.16814%;
        margin-top: 2.65487%;
        margin-right: 2.65487%;
        margin-bottom: 2.65487%;
        margin-left: 2.65487%
    }

    .study-category__window .window-slide__lesson-array .lesson-block {
        width: 46.51163%;
        margin-top: 3.48837%;
        margin-right: 6.97674%;
        margin-bottom: 3.48837%;
        margin-left: 0
    }

    .study-category__window .window-slide__lesson-array .lesson-block:nth-child(2n+2) {
        margin-right: 0
    }

    .study-category__window .window-slide__lesson-array .lesson-block:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 399px) {
    .study-category__window .window-slide__lesson-array .lesson-block {
        width:100%;
        max-width: 260px;
        margin-top: 20px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 359px) {
    .study-category__window .study-category__window-slide .__head {
        min-height:120px;
        height: 120px;
        padding: 60px 15px 15px
    }

    .study-category__window .study-category__window-slide .__head .window-slide__title {
        font-size: 1.6rem
    }

    .study-category__window .study-category__window-slide .__head .window-slide__title .study-block {
        display: none;
        width: 80px;
        min-width: 80px;
        height: 80px
    }

    .study-category__window .study-category__window-slide .__head .window-slide__title .study-block .study-block__image {
        border-radius: 8px
    }

    .study-category__window .study-category__window-slide .__head .window-slide__title span {
        padding-left: 0
    }

    .study-category__window .study-category__window-slide .__body {
        height: calc(100% - 120px)
    }

    .study-category__window .window-slide__study-array .study-block {
        width: 48%;
        margin-top: 2%;
        margin-right: 4%;
        margin-bottom: 2%;
        margin-left: 0
    }

    .study-category__window .window-slide__study-array .study-block:nth-child(3n+3) {
        margin-right: 4%
    }

    .study-category__window .window-slide__study-array .study-block:nth-child(2n+2) {
        margin-right: 0
    }

    .study-category__window .window-slide__study-array .study-block:last-child {
        margin-right: 0
    }
}

.welcome-modal {
    width: 100%;
    max-width: 800px;
    display: none;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    position: fixed;
    top: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3);
    box-shadow: 0 3px 7px rgba(0,0,0,.3)
}

.welcome-modal__image {
    margin: auto 0;
    width: 120px
}

.welcome-modal__image>img {
    width: 120px
}

@media screen and (max-width: 500px) {
    .welcome-modal__image {
        display:none
    }
}

.welcome-modal__close {
    color: #96aec1;
    width: 21px;
    cursor: pointer;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    line-height: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.welcome-modal__header {
    padding: 1rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.welcome-modal__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 2rem
}

.welcome-modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 500px) {
    .welcome-modal__content {
        padding-left:2rem
    }
}

.welcome-modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2rem
}

@media screen and (min-width: 500px) {
    .welcome-modal__footer {
        padding-left:14rem
    }
}

.welcome-modal__title {
    font-weight: 600
}

.welcome-modal__message {
    padding: 2rem 0
}

.welcome-modal__button {
    font-size: 16px;
    background-color: #0072ce;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    min-width: auto;
    padding: 8px 15px
}

.welcome-modal__button:hover {
    background-color: #1c9a50
}

.welcome-modal.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#overlayPartners {
    width: 100%;
    display: none;
    z-index: 9999;
    position: fixed;
    background-color: #000;
    opacity: .8;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer
}

#overlayPartners.show {
    display: block
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:536px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:728px
    }
}

@media (min-width: 1009px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:989px
        
    }
}


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1009px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1600px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 1009px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 1600px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 1009px) {
    .flex-lg-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 1600px) {
    .flex-xl-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.ol-c-black {
    color: #000
}

.ol-b-black {
    background-color: #000
}

.ol-c-white {
    color: #fff
}

.ol-b-white {
    background-color: #fff
}

.ol-c-dark {
    color: #333
}

.ol-b-dark {
    background-color: #333
}

.ol-c-aqua {
    color: #3e90df
}

.ol-b-aqua {
    background-color: #3e90df
}

.ol-c-grey {
    color: #999
}

.ol-b-grey {
    background-color: #999
}

.ol-c-white-aluminum {
    color: #a8a8a8
}

.ol-b-white-aluminum {
    background-color: #a8a8a8
}

.ol-c-green {
    color: #56ab68
}

.ol-b-green {
    background-color: #56ab68
}

.ol-c-emerald {
    color: #4fc168
}

.ol-b-emerald {
    background-color: #4fc168
}

.ol-c-pastel-green {
    color: #6fd084
}

.ol-b-pastel-green {
    background-color: #6fd084
}

.ol-c-medium-turquoise {
    color: #34bec3
}

.ol-b-medium-turquoise {
    background-color: #34bec3
}

.ol-c-rich-pink {
    color: #ff7c7c
}

.ol-b-rich-pink {
    background-color: #ff7c7c
}

.ol-c-orange-dawn {
    color: #f95b65
}

.ol-b-orange-dawn {
    background-color: #f95b65
}

.ol-c-orange {
    color: #f5942e
}

.ol-b-orange {
    background-color: #f5942e
}

.ol-c-diamond-orange-yellow {
    color: #ffba34
}

.ol-b-diamond-orange-yellow {
    background-color: #ffba34
}

.ol-c-dodger-blue {
    color: #29a5ff
}

.ol-b-dodger-blue {
    background-color: #29a5ff
}

.ol-upper {
    text-transform: uppercase
}

.ol-lower {
    text-transform: lowercase
}

.ol-cap {
    text-transform: capitalize
}

.ol-btn__attachment-label,.ol-ellipsis {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.ol-cap-first::first-letter {
    text-transform: capitalize
}

.ol-light {
    font-weight: 300
}

.ol-medium {
    font-weight: 600
}

.ol-bold {
    font-weight: 700
}

.ol-to-left {
    text-align: left
}

.ol-to-center {
    text-align: center
}

.ol-to-right {
    text-align: right
}

.ol-word-break {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.ol-f-12 {
    font-size: 1.2rem;
    line-height: 1.3em
}

.ol-f-14 {
    font-size: 1.4rem;
    line-height: 1.3em
}

.ol-f-16 {
    font-size: 1.6rem;
    line-height: 1.3em
}

.ol-f-18 {
    font-size: 1.8rem;
    line-height: 1.3em
}

.ol-f-20 {
    font-size: 2rem;
    line-height: 1.3em
}

.ol-f-22 {
    font-size: 2.2rem;
    line-height: 1.3em
}

.ol-f-24 {
    font-size: 2.4rem;
    line-height: 1.3em
}

.ol-f-26 {
    font-size: 2.6rem;
    line-height: 1.3em
}

.ol-f-28 {
    font-size: 2.8rem;
    line-height: 1.3em
}

.ol-f-30 {
    font-size: 3rem;
    line-height: 1.3em
}

.ol-f-32 {
    font-size: 3.2rem;
    line-height: 1.3em
}

.ol-f-34 {
    font-size: 3.4rem;
    line-height: 1.3em
}

.ol-f-36 {
    font-size: 3.6rem;
    line-height: 1.3em
}

.ol-w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.ol-w-100 {
    width: 100%
}

.ol-minw-200 {
    min-width: 20rem
}

.ol-minw-150 {
    min-width: 15rem
}

.ol-minw-280 {
    min-width: 28rem
}

.ol-maxw-500 {
    width: 100%;
    max-width: 50rem
}

.ol-maxw-300 {
    width: 100%;
    max-width: 30rem
}

.mt-5 {
    margin-top: .5rem
}

.mb-5 {
    margin-bottom: .5rem
}

.mt-10 {
    margin-top: 1rem
}

.mb-10 {
    margin-bottom: 1rem
}

.mt-15 {
    margin-top: 1.5rem
}

.mb-15 {
    margin-bottom: 1.5rem
}

.mt-20 {
    margin-top: 2rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mt-25 {
    margin-top: 2.5rem
}

.mb-25 {
    margin-bottom: 2.5rem
}

.mt-30 {
    margin-top: 3rem
}

.mb-30 {
    margin-bottom: 3rem
}

.mt-35 {
    margin-top: 3.5rem
}

.mb-35 {
    margin-bottom: 3.5rem
}

.mt-40 {
    margin-top: 4rem
}

.mb-40 {
    margin-bottom: 4rem
}

.mt-45 {
    margin-top: 4.5rem
}

.mb-45 {
    margin-bottom: 4.5rem
}

.mt-50 {
    margin-top: 5rem
}

.mb-50 {
    margin-bottom: 5rem
}

.mt-55 {
    margin-top: 5.5rem
}

.mb-55 {
    margin-bottom: 5.5rem
}

.mt-60 {
    margin-top: 6rem
}

.mb-60 {
    margin-bottom: 6rem
}

.ol-btn__attachment-label {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: calc(100% + .1rem);
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1em;
    color: #9d9d9d;
    text-align: center;
    text-transform: uppercase;
    background-color: #f1f1f1;
    padding: .5rem 1rem
}

.ol-btn__progress {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 3px
}

[class*=ol-btn--thm-] {
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

[class*=ol-btn--thm-]:hover {
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.ol-btn--thm-black {
    color: #fff;
    background-color: #000
}

.ol-btn--thm-black:hover:not(.ol-btn--progress) {
    background-color: #000
}

.ol-btn--thm-black:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(0,0,0,.3)
}

.ol-btn--thm-black.ol-btn--outline {
    color: #000;
    border-color: currentColor
}

.ol-btn--thm-black.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(0,0,0,.6)
}

.ol-btn--thm-black.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #000
}

.ol-btn--thm-black.ol-btn--progress .ol-btn__progress {
    background-color: rgba(0,0,0,.3)
}

.ol-btn--thm-black.ol-btn--disable,.ol-btn--thm-black[disabled] {
    background-color: rgba(0,0,0,.5)!important
}

.ol-btn--thm-black.ol-btn--disable.ol-btn--outline,.ol-btn--thm-black[disabled].ol-btn--outline {
    background-color: rgba(0,0,0,.3)!important
}

.ol-btn--thm-white {
    color: #fff;
    background-color: #fff
}

.ol-btn--thm-white:hover:not(.ol-btn--progress) {
    background-color: #e6e6e6
}

.ol-btn--thm-white:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(255,255,255,.3)
}

.ol-btn--thm-white.ol-btn--outline {
    color: #fff;
    border-color: currentColor
}

.ol-btn--thm-white.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(255,255,255,.6)
}

.ol-btn--thm-white.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #fff
}

.ol-btn--thm-white.ol-btn--progress .ol-btn__progress {
    background-color: rgba(255,255,255,.3)
}

.ol-btn--thm-white.ol-btn--disable,.ol-btn--thm-white[disabled] {
    background-color: rgba(255,255,255,.5)!important
}

.ol-btn--thm-white.ol-btn--disable.ol-btn--outline,.ol-btn--thm-white[disabled].ol-btn--outline {
    background-color: rgba(255,255,255,.3)!important
}

.ol-btn--thm-dark {
    color: #fff;
    background-color: #333
}

.ol-btn--thm-dark:hover:not(.ol-btn--progress) {
    background-color: #1a1a1a
}

.ol-btn--thm-dark:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(51,51,51,.3)
}

.ol-btn--thm-dark.ol-btn--outline {
    color: #333;
    border-color: currentColor
}

.ol-btn--thm-dark.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(51,51,51,.6)
}

.ol-btn--thm-dark.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #333
}

.ol-btn--thm-dark.ol-btn--progress .ol-btn__progress {
    background-color: rgba(51,51,51,.3)
}

.ol-btn--thm-dark.ol-btn--disable,.ol-btn--thm-dark[disabled] {
    background-color: rgba(51,51,51,.5)!important
}

.ol-btn--thm-dark.ol-btn--disable.ol-btn--outline,.ol-btn--thm-dark[disabled].ol-btn--outline {
    background-color: rgba(51,51,51,.3)!important
}

.ol-btn--thm-aqua {
    color: #fff;
    background-color: #3e90df
}

.ol-btn--thm-aqua:hover:not(.ol-btn--progress) {
    background-color: #2177c9
}

.ol-btn--thm-aqua:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(62,144,223,.3)
}

.ol-btn--thm-aqua.ol-btn--outline {
    color: #3e90df;
    border-color: currentColor
}

.ol-btn--thm-aqua.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(62,144,223,.6)
}

.ol-btn--thm-aqua.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #3e90df
}

.ol-btn--thm-aqua.ol-btn--progress .ol-btn__progress {
    background-color: rgba(62,144,223,.3)
}

.ol-btn--thm-aqua.ol-btn--disable,.ol-btn--thm-aqua[disabled] {
    background-color: rgba(62,144,223,.5)!important
}

.ol-btn--thm-aqua.ol-btn--disable.ol-btn--outline,.ol-btn--thm-aqua[disabled].ol-btn--outline {
    background-color: rgba(62,144,223,.3)!important
}

.ol-btn--thm-grey {
    color: #fff;
    background-color: #999
}

.ol-btn--thm-grey:hover:not(.ol-btn--progress) {
    background-color: gray
}

.ol-btn--thm-grey:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(153,153,153,.3)
}

.ol-btn--thm-grey.ol-btn--outline {
    color: #999;
    border-color: currentColor
}

.ol-btn--thm-grey.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(153,153,153,.6)
}

.ol-btn--thm-grey.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #999
}

.ol-btn--thm-grey.ol-btn--progress .ol-btn__progress {
    background-color: rgba(153,153,153,.3)
}

.ol-btn--thm-grey.ol-btn--disable,.ol-btn--thm-grey[disabled] {
    background-color: rgba(153,153,153,.5)!important
}

.ol-btn--thm-grey.ol-btn--disable.ol-btn--outline,.ol-btn--thm-grey[disabled].ol-btn--outline {
    background-color: rgba(153,153,153,.3)!important
}

.ol-btn--thm-white-aluminum {
    color: #fff;
    background-color: #a8a8a8
}

.ol-btn--thm-white-aluminum:hover:not(.ol-btn--progress) {
    background-color: #8f8f8f
}

.ol-btn--thm-white-aluminum:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(168,168,168,.3)
}

.ol-btn--thm-white-aluminum.ol-btn--outline {
    color: #a8a8a8;
    border-color: currentColor
}

.ol-btn--thm-white-aluminum.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(168,168,168,.6)
}

.ol-btn--thm-white-aluminum.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #a8a8a8
}

.ol-btn--thm-white-aluminum.ol-btn--progress .ol-btn__progress {
    background-color: rgba(168,168,168,.3)
}

.ol-btn--thm-white-aluminum.ol-btn--disable,.ol-btn--thm-white-aluminum[disabled] {
    background-color: rgba(168,168,168,.5)!important
}

.ol-btn--thm-white-aluminum.ol-btn--disable.ol-btn--outline,.ol-btn--thm-white-aluminum[disabled].ol-btn--outline {
    background-color: rgba(168,168,168,.3)!important
}

.ol-btn--thm-green {
    color: #fff;
    background-color: #56ab68
}

.ol-btn--thm-green:hover:not(.ol-btn--progress) {
    background-color: #448a53
}

.ol-btn--thm-green:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(86,171,104,.3)
}

.ol-btn--thm-green.ol-btn--outline {
    color: #56ab68;
    border-color: currentColor
}

.ol-btn--thm-green.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(86,171,104,.6)
}

.ol-btn--thm-green.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #56ab68
}

.ol-btn--thm-green.ol-btn--progress .ol-btn__progress {
    background-color: rgba(86,171,104,.3)
}

.ol-btn--thm-green.ol-btn--disable,.ol-btn--thm-green[disabled] {
    background-color: rgba(86,171,104,.5)!important
}

.ol-btn--thm-green.ol-btn--disable.ol-btn--outline,.ol-btn--thm-green[disabled].ol-btn--outline {
    background-color: rgba(86,171,104,.3)!important
}

.ol-btn--thm-emerald {
    color: #fff;
    background-color: #4fc168
}

.ol-btn--thm-emerald:hover:not(.ol-btn--progress) {
    background-color: #3aa351
}

.ol-btn--thm-emerald:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(79,193,104,.3)
}

.ol-btn--thm-emerald.ol-btn--outline {
    color: #4fc168;
    border-color: currentColor
}

.ol-btn--thm-emerald.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(79,193,104,.6)
}

.ol-btn--thm-emerald.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #4fc168
}

.ol-btn--thm-emerald.ol-btn--progress .ol-btn__progress {
    background-color: rgba(79,193,104,.3)
}

.ol-btn--thm-emerald.ol-btn--disable,.ol-btn--thm-emerald[disabled] {
    background-color: rgba(79,193,104,.5)!important
}

.ol-btn--thm-emerald.ol-btn--disable.ol-btn--outline,.ol-btn--thm-emerald[disabled].ol-btn--outline {
    background-color: rgba(79,193,104,.3)!important
}

.ol-btn--thm-pastel-green {
    color: #fff;
    background-color: #6fd084
}

.ol-btn--thm-pastel-green:hover:not(.ol-btn--progress) {
    background-color: #49c363
}

.ol-btn--thm-pastel-green:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(111,208,132,.3)
}

.ol-btn--thm-pastel-green.ol-btn--outline {
    color: #6fd084;
    border-color: currentColor
}

.ol-btn--thm-pastel-green.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(111,208,132,.6)
}

.ol-btn--thm-pastel-green.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #6fd084
}

.ol-btn--thm-pastel-green.ol-btn--progress .ol-btn__progress {
    background-color: rgba(111,208,132,.3)
}

.ol-btn--thm-pastel-green.ol-btn--disable,.ol-btn--thm-pastel-green[disabled] {
    background-color: rgba(111,208,132,.5)!important
}

.ol-btn--thm-pastel-green.ol-btn--disable.ol-btn--outline,.ol-btn--thm-pastel-green[disabled].ol-btn--outline {
    background-color: rgba(111,208,132,.3)!important
}

.ol-btn--thm-medium-turquoise {
    color: #fff;
    background-color: #34bec3
}

.ol-btn--thm-medium-turquoise:hover:not(.ol-btn--progress) {
    background-color: #29979b
}

.ol-btn--thm-medium-turquoise:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(52,190,195,.3)
}

.ol-btn--thm-medium-turquoise.ol-btn--outline {
    color: #34bec3;
    border-color: currentColor
}

.ol-btn--thm-medium-turquoise.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(52,190,195,.6)
}

.ol-btn--thm-medium-turquoise.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #34bec3
}

.ol-btn--thm-medium-turquoise.ol-btn--progress .ol-btn__progress {
    background-color: rgba(52,190,195,.3)
}

.ol-btn--thm-medium-turquoise.ol-btn--disable,.ol-btn--thm-medium-turquoise[disabled] {
    background-color: rgba(52,190,195,.5)!important
}

.ol-btn--thm-medium-turquoise.ol-btn--disable.ol-btn--outline,.ol-btn--thm-medium-turquoise[disabled].ol-btn--outline {
    background-color: rgba(52,190,195,.3)!important
}

.ol-btn--thm-rich-pink {
    color: #fff;
    background-color: #ff7c7c
}

.ol-btn--thm-rich-pink:hover:not(.ol-btn--progress) {
    background-color: #ff4949
}

.ol-btn--thm-rich-pink:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(255,124,124,.3)
}

.ol-btn--thm-rich-pink.ol-btn--outline {
    color: #ff7c7c;
    border-color: currentColor
}

.ol-btn--thm-rich-pink.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(255,124,124,.6)
}

.ol-btn--thm-rich-pink.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #ff7c7c
}

.ol-btn--thm-rich-pink.ol-btn--progress .ol-btn__progress {
    background-color: rgba(255,124,124,.3)
}

.ol-btn--thm-rich-pink.ol-btn--disable,.ol-btn--thm-rich-pink[disabled] {
    background-color: rgba(255,124,124,.5)!important
}

.ol-btn--thm-rich-pink.ol-btn--disable.ol-btn--outline,.ol-btn--thm-rich-pink[disabled].ol-btn--outline {
    background-color: rgba(255,124,124,.3)!important
}

.ol-btn--thm-orange-dawn {
    color: #fff;
    background-color: #f95b65
}

.ol-btn--thm-orange-dawn:hover:not(.ol-btn--progress) {
    background-color: #f72a37
}

.ol-btn--thm-orange-dawn:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(249,91,101,.3)
}

.ol-btn--thm-orange-dawn.ol-btn--outline {
    color: #f95b65;
    border-color: currentColor
}

.ol-btn--thm-orange-dawn.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(249,91,101,.6)
}

.ol-btn--thm-orange-dawn.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #f95b65
}

.ol-btn--thm-orange-dawn.ol-btn--progress .ol-btn__progress {
    background-color: rgba(249,91,101,.3)
}

.ol-btn--thm-orange-dawn.ol-btn--disable,.ol-btn--thm-orange-dawn[disabled] {
    background-color: rgba(249,91,101,.5)!important
}

.ol-btn--thm-orange-dawn.ol-btn--disable.ol-btn--outline,.ol-btn--thm-orange-dawn[disabled].ol-btn--outline {
    background-color: rgba(249,91,101,.3)!important
}

.ol-btn--thm-orange {
    color: #fff;
    background-color: #f5942e
}

.ol-btn--thm-orange:hover:not(.ol-btn--progress) {
    background-color: #e57b0b
}

.ol-btn--thm-orange:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(245,148,46,.3)
}

.ol-btn--thm-orange.ol-btn--outline {
    color: #f5942e;
    border-color: currentColor
}

.ol-btn--thm-orange.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(245,148,46,.6)
}

.ol-btn--thm-orange.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #f5942e
}

.ol-btn--thm-orange.ol-btn--progress .ol-btn__progress {
    background-color: rgba(245,148,46,.3)
}

.ol-btn--thm-orange.ol-btn--disable,.ol-btn--thm-orange[disabled] {
    background-color: rgba(245,148,46,.5)!important
}

.ol-btn--thm-orange.ol-btn--disable.ol-btn--outline,.ol-btn--thm-orange[disabled].ol-btn--outline {
    background-color: rgba(245,148,46,.3)!important
}

.ol-btn--thm-diamond-orange-yellow {
    color: #fff;
    background-color: #ffba34
}

.ol-btn--thm-diamond-orange-yellow:hover:not(.ol-btn--progress) {
    background-color: #ffa901
}

.ol-btn--thm-diamond-orange-yellow:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(255,186,52,.3)
}

.ol-btn--thm-diamond-orange-yellow.ol-btn--outline {
    color: #ffba34;
    border-color: currentColor
}

.ol-btn--thm-diamond-orange-yellow.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(255,186,52,.6)
}

.ol-btn--thm-diamond-orange-yellow.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #ffba34
}

.ol-btn--thm-diamond-orange-yellow.ol-btn--progress .ol-btn__progress {
    background-color: rgba(255,186,52,.3)
}

.ol-btn--thm-diamond-orange-yellow.ol-btn--disable,.ol-btn--thm-diamond-orange-yellow[disabled] {
    background-color: rgba(255,186,52,.5)!important
}

.ol-btn--thm-diamond-orange-yellow.ol-btn--disable.ol-btn--outline,.ol-btn--thm-diamond-orange-yellow[disabled].ol-btn--outline {
    background-color: rgba(255,186,52,.3)!important
}

.ol-btn--thm-dodger-blue {
    color: #fff;
    background-color: #29a5ff
}

.ol-btn--thm-dodger-blue:hover:not(.ol-btn--progress) {
    background-color: #008ef5
}

.ol-btn--thm-dodger-blue:hover:not(.ol-btn--progress).ol-btn--outline {
    background-color: rgba(41,165,255,.3)
}

.ol-btn--thm-dodger-blue.ol-btn--outline {
    color: #29a5ff;
    border-color: currentColor
}

.ol-btn--thm-dodger-blue.ol-btn--progress:not(.ol-btn--outline) {
    background-color: rgba(41,165,255,.6)
}

.ol-btn--thm-dodger-blue.ol-btn--progress:not(.ol-btn--outline) .ol-btn__progress {
    background-color: #29a5ff
}

.ol-btn--thm-dodger-blue.ol-btn--progress .ol-btn__progress {
    background-color: rgba(41,165,255,.3)
}

.ol-btn--thm-dodger-blue.ol-btn--disable,.ol-btn--thm-dodger-blue[disabled] {
    background-color: rgba(41,165,255,.5)!important
}

.ol-btn--thm-dodger-blue.ol-btn--disable.ol-btn--outline,.ol-btn--thm-dodger-blue[disabled].ol-btn--outline {
    background-color: rgba(41,165,255,.3)!important
}

.ol-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1em;
    text-align: center;
    padding: 1.55rem 2rem;
    border-radius: 3px;
    cursor: pointer
}

.ol-btn--outline {
    background-color: unset;
    padding: 1.45rem 1.9rem;
    border-width: 1px;
    border-style: solid
}

.ol-btn--attachment,.ol-btn--progress {
    position: relative
}

.ol-btn--attachment {
    margin-top: 2.4rem
}

.ol-btn--size-b {
    min-height: 6rem;
    font-weight: 400;
    font-size: 1.8rem;
    padding: 1rem 2.5rem;
    line-height: 1.15em
}

.ol-btn--size-b.ol-btn--outline {
    padding: .7rem 2.4rem
}

.ol-btn--size-b.ol-btn--attachment {
    margin-top: 2.6rem
}

.ol-btn--size-b.ol-btn--attachment .ol-btn__attachment-type {
    font-size: 1.6rem
}

.ol-btn--disable,.ol-btn[disabled] {
    cursor: not-allowed
}

.ol-btn.ol-loading span {
    visibility: hidden
}

.ol-btn span {
    position: relative;
    z-index: 3
}

.ol-card {
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: 0 .4rem 1rem rgba(0,0,0,.08);
    box-shadow: 0 .4rem 1rem rgba(0,0,0,.08);
    border-radius: 7px
}

.ol-avatar {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 16.8rem;
    border: 4px solid #f1f4fa;
    border-radius: 50%
}

.ol-avatar::before {
    display: table;
    margin-top: 100%;
    content: ''
}

.ol-avatar--default {
    background-size: contain;
    background-origin: content-box;
    background-image: url(../images/online-lessons/default_student_m.svg);
    padding: 2rem
}

.ol-avatar--box {
    border: unset;
    border-radius: 7px
}

.ol-tag {
    display: inline-block;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1em;
    padding: .6rem 2rem;
    margin-right: 1rem;
    border-radius: 3px
}

.ol-tag:last-child {
    margin-right: 0
}

.ol-person-card-welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 68rem;
    padding: 4rem 6rem;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    margin-bottom: -5rem
}

.ol-person-card-welcome .ol-tag {
    max-width: 28rem
}

.ol-person-card-welcome__anon-btn {
    z-index: 10
}

.ol-person-card-welcome__anon-btn-wrapper {
    margin-bottom: -1rem
}

.ol-person-card-welcome__content {
    padding-left: 7rem
}

@media screen and (max-width: 767px) {
    .ol-person-card-welcome {
        padding:4rem 2rem
    }

    .ol-person-card-welcome__content {
        padding-left: 2rem
    }

    .ol-person-card-welcome__anon-btn-wrapper {
        margin-bottom: -4rem
    }
}

@media screen and (max-width: 599px) {
    .ol-person-card-welcome {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 36rem
    }

    .ol-person-card-welcome__image {
        margin-bottom: 2rem
    }

    .ol-person-card-welcome__content {
        padding-left: 0
    }
}

.icon {
        color: white; /* Light blue icon, similar to your image */
     /* Makes the background perfectly circular */
        padding: 5px; /* Adjust padding to fit the icon size */
        font-size: 15px; /* Adjust the size of the icon */
        margin-right: 10px; /* Space between the icon and the text */
    }