@font-face {
    font-family: Evolventa;
    src: url('../fonts/evolventa.otf');
    src: local('?'), url('../fonts/evolventa.woff') format('woff'), url('../fonts/evolventa.ttf') format('truetype');
    unicode-range: U+000-5FF, U+1e00-1fff, U+2000-2300;
}

@font-face {
    font-family: Evolventa-bold;
    src: url('../fonts/Evolventa-Bold.otf');
    src: local('?'), url('../fonts/Evolventa-Bold.woff') format('woff'), url('../fonts/Evolventa-Bold.ttf') format('truetype');
    unicode-range: U+000-5FF, U+1e00-1fff, U+2000-2300;
}

@font-face {
    font-family: "museo100";
    src: url("../fonts/Museo.eot");
    src: url("../fonts/Museo.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Museo.woff") format("woff"),
    url("../fonts/Museo.ttf") format("truetype");
}

@font-face {
    font-family: "museoItalic";
    src: url("../fonts/MItalic.eot");
    src: url("../fonts/MItalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MItalic.woff") format("woff"),
    url("../fonts/MItalic.ttf") format("truetype");
}

@font-face {
    font-family: "museo300";
    src: url("../fonts/Museo3.eot");
    src: url("../fonts/Museo3.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Museo3.woff") format("woff"),
    url("../fonts/Museo3.ttf") format("truetype");
}

@font-face {
    font-family: "museo300Italic";
    src: url("../fonts/M3Italic.eot");
    src: url("../fonts/M3Italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/M3Italic.woff") format("woff"),
    url("../fonts/M3Italic.ttf") format("truetype");
}

@font-face {
    font-family: "museo500";
    src: url("../fonts/Museo5.eot");
    src: url("../fonts/Museo5.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Museo5.woff") format("woff"),
    url("../fonts/Museo5.ttf") format("truetype");
}

@font-face {
    font-family: "M5Italic";
    src: url("../fonts/M5Italic.eot");
    src: url("../fonts/M5Italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/M5Italic.woff") format("woff"),
    url("../fonts/M5Italic.ttf") format("truetype");
}

@font-face {
    font-family: "museo700";
    src: url("../fonts/Museo7.eot");
    src: url("../fonts/Museo7.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Museo7.woff") format("woff"),
    url("../fonts/Museo7.ttf") format("truetype");
}

@font-face {
    font-family: "M7Italic";
    src: url("../fonts/M7Italic.eot");
    src: url("../fonts/M7Italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/M7Italic.woff") format("woff"),
    url("../fonts/M7Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Museo9";
    src: url("../fonts/Museo9.eot");
    src: url("../fonts/Museo9.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Museo9.woff") format("woff"),
    url("../fonts/Museo9.ttf") format("truetype");
}

@font-face {
    font-family: "M9Italic";
    src: url("../fonts/M9Italic.eot");
    src: url("../fonts/M9Italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/M9Italic.woff") format("woff"),
    url("../fonts/M9Italic.ttf") format("truetype");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    color: #fff;
    font-size: 16px;
    background: #eeeeee;
    font-family: 'Evolventa', Fallback, sans-serif !important;
}

main {
    overflow: hidden;
    background-repeat: repeat;
}

a:hover {
    text-decoration: none;
}

a, a:focus {
    color: #000000;
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-position: inside; /* Маркер обтекается текстом */
}


.anim_btn {
    overflow: hidden;
    transform: translateZ(0);
    color: white;
}

.anim_btn .insider {
    background-color: #fff;
    width: 100%;
    height: 20px;
    position: absolute;
    left: -100%;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
}

.anim_btn:hover {
    background: black !important;
    border-color: #ffffff;
    transform: translateZ(0) scale(1.07);
    box-shadow: 0px 0px 0.5px 0.5px #ffffff;
}

.anim_btn:hover .insider {
    transition: all 0.3s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    left: 100%;
}


.anim_btn1 {
    overflow: hidden;
    transform: translateZ(0);
}

.anim_btn1 .insider {
    background-color: #fff;
    width: 100%;
    height: 20px;
    position: absolute;
    left: -100%;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
}

.anim_btn1:hover {
    background: #16a96b !important;
    border-color: #ffffff;
    transform: translateZ(0) scale(1.07);
    box-shadow: 0px 0px 0.5px 0.5px #ffffff;
}

.anim_btn1:hover .insider {
    transition: all 0.3s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    left: 100%;
}


.anim_btn2 {
    overflow: hidden;
    transform: translateZ(0);
}

.anim_btn2 .insider {
    background-color: #fff;
    width: 100%;
    height: 20px;
    position: absolute;
    left: -100%;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
}

.anim_btn2:hover {
    background: black !important;
    border-color: #ffffff;
    transform: translateZ(0) scale(1.07);
    box-shadow: 0px 0px 0.5px 0.5px #ffffff;
    color: white;
    font-weight: 100;
}

.anim_btn2:hover .insider {
    transition: all 0.3s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    left: 100%;
}

.site-error {
    min-height: 70vh;
}

.align_top {
    display: inline-block;
    vertical-align: top;
}

.align_middle {
    display: inline-block;
    vertical-align: middle;
}

.align_btm {
    display: inline-block;
    vertical-align: bottom;
}

.flex1 {
    display: flex;
    justify-content: space-between;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex_btm {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.flex_start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex_end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.flex_col {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%
}

.inline_flex {
    display: inline-flex;
    justify-content: space-between;
}

.img-res {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.res {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.container {
    width: 70%;
    margin: 0 auto;
}

.container1 {
    width: 75%;
    margin: 0 auto;
}

.container2 {
    width: 68%;
    margin: 0 auto;
    margin-left: 3em;
    margin-left: 18.2em;
}

.container3 {
    width: 75%;
    margin-left: 15%;
}

.container4 {
    width: 79%;
    margin-left: 15%;
}

.container5 {
    width: 75%;
    margin-left: 20%;
}

.container6 {
    width: 65.2%;
    margin: 0 auto;
    /*margin-left: 3em;*/
    margin-left: 18.2em;
    /*padding-bottom: 30vh;*/
}

.container7 {
    width: 64%;
    margin-left: 19.3em;
    margin-top: 1em;
    position: relative;
}

.container8 {
    width: 60%;
    margin: 0 auto;
    margin-left: 3em;
    margin-left: 19.2em;
}

.container9 {
    width: 60%;
    margin: 0 auto;
    margin-left: 19.2em;
    margin-top: 3em;
}

.container10 {
    width: 37%;
    margin: 0 auto;
    margin-left: 19.2em;
    margin-top: 7em;
}

.container11 {
    width: 37%;
    margin: 0 auto;
    margin-left: 18em;
    margin-top: -2em;
}

.container12 {
    width: 65%;
    margin: 0 auto;
    margin-left: 18em;
    margin-top: 3em;
}

.container13 {
    width: 55%;
    margin-top: 2em;
    margin-left: 24em;
}

.container14 {
    width: 70%;
    text-align: center;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.container15 {
    width: 62%;
    margin: 0 auto;
}

.container16 {
    width: 35.5%;
    margin: 0 auto;
    margin-left: 18em;
    margin-top: 2em;
}


.middle_container {
    width: 80%;
    margin: 1em 0;
}

.middle_container2 {
    width: 90%;
    margin: 0 0em;
    position: absolute;
    top: 105%;
}

.middle_container3 {
    width: 100%;
    margin: 0 0em;
    position: relative;
    left: -3em;
    font-size: 1.1em;
}

.mid_container {
    width: 85%;
    margin: 0 1em;
}

.rel {
    position: relative;
}

.rel2 {
    position: relative;
    display: inline-block
}

.mob, .mob_show {
    display: none;
}

i {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    cursor: pointer
}

button {
    color: #ffffff;
    border-color: #858584;
    background: #858584;
    outline: none;
    cursor: pointer; /*-webkit-box-shadow:inset -95px 134px 211px 0px rgba(0,0,0,0.75);font-family:Evolventa;-moz-box-shadow:inset -3px 18px 30px -5px rgba(0,0,0,0.7);box-shadow:inset -3px 18px 30px -5px rgba(0,0,0,0.7);*/
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    font-size: small
}

input {
    outline: none;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #acacac;
    padding: 8px 5px;
    color: #000000;
    font-family: 'Evolventa';
    border-color: black;
    line-height: unset;
    font-size: small
}

input::placeholder {
    color: #000000
}

.transform {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.transformx {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.transformy {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ib {
    display: inline-block
}

.title {
    font-size: 2em;
    color: #ff9700;
    text-align: center;
    text-transform: uppercase;
}

.hidden {
    display: none
}

.modal_open {
    overflow: hidden !important;
    padding-right: 17px;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
}

.modal_content {
    position: relative;
    width: 500px;;
    z-index: 11;
    margin: 6em auto;
    background: #ffffff;
    padding: 0.5em 4em;
    text-align: center;
    opacity: 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.modal_content input {
    margin: 0;
    width: 70%;
}

.modal_content .checkbox label {
    color: #000000;
    width: 100%;
    display: block;
    margin-top: 2em;
    font-size: 0.7em;
}

.modal_content .checkbox input[type="checkbox"] {
    width: auto;
}

.modal_overlay, .modal_overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: none;
}

#send_btn {
    position: relative;
    width: 180px;
    padding: 0.5em 0;
    margin-top: 1em;
    background: transparent;
    box-shadow: none;
    border-color: #ffffff;
    color: #ffffff;
}

#send_btn:hover {
    background: transparent;
    border-color: #ff9700;
}

.close_modal {
    cursor: pointer;
}

.close_modal:hover {
}

.thanks {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: museo300;
    font-size: 1em;
    color: #000000;
    padding: 2em;
    display: none;
}

.after_btn_close {
    display: none;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.load, .load_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4em;
    display: none;
}

.w100 {
    width: 100% !important;
}

.w48 {
    width: 48% !important;
}

.modal .help-block {
    position: absolute;
    left: 0;
    font-size: 0.75em;
    width: 100%;
    text-align: center;
    font-family: museo300;
}

.form-group {
    margin-bottom: 5px;
}

/* -- header -- */
header {
    background-color: white;
    border-top: 0.45em solid #acacac;
    box-shadow: 5px 5px 50px -4px black;
    font-size: 1em;
}

header .headers {
    justify-content: flex-end;
}

header .headers .flex.otstup {
    position: relative;
    z-index: 1;
}

.otstup {
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}

.otstup1 {
    padding-left: 0.1em;
    padding-right: 0.1em;
    position: relative;
    z-index: 2;
}

.v_a, .r_a {
    font-family: museo500;
    font-size: 0.85em;
}

.r_a {
    margin-left: 0.25em;
}

.no_mobile .middle_container {
    width: 80%;
    position: absolute;
    top: 110%;
    left: -3em;
}

.phone {
    font-family: museo100;
    font-size: 0.85em;
}

.telephone {
    background-image: url(../images/2.png);
    background-repeat: no-repeat;
    object-fit: cover;
    position: relative;
    top: -2px;
    background-size: 100% 100%;
    padding-left: 2em;
    padding-right: 2em;
}

.green_line {
    position: relative;
    width: 100%;
    margin-top: -1.5em;
}

.logo {
    position: relative;
}

.logo img {
    background-size: 100% 100%;
    width: 100%;
    vertical-align: unset;
}

.first {
    width: 17%;
    margin-bottom: 1em;
}

.second {
    width: 7em;
    margin-bottom: 0.3em;
}

.head {
    width: 100%;
    margin-top: 0.5em;
}

.head img {
    background-size: 100% 100%;
    width: 100%;
}

.third {
    width: 80%;
    margin-bottom: 1em;
}

.green1 {
    width: 100%;
    background-image: url(../images/1.png);
    background-repeat: no-repeat;
    height: 2em;
    background-size: 100% 100%;
}

.green2 {
    width: 100%;
    background-image: url(../images/4.png);
    background-repeat: no-repeat;
    height: 2em;
    background-size: 100% 100%;
    padding-left: 1.5em;
}

.course_header {
    width: 85%;
}

.btn_header {
    display: inline-block;
    color: white;
    font-family: museo300;
    background: #61a86e;
    padding: 0.5em 1em;
    border-radius: 3.5px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    margin-top: -0.12em;
    font-size: 0.9em;
}

.btn_header:hover, .btn_header.active {
    background: #ffffff;
    color: #000000;
}

.btn {
    font-size: unset;
}

.course a {
    color: #ffffff;
}

.vk {
    justify-content: space-around;
    margin-top: 0.15em;
    width: 5em;
    float: right;
    margin-right: 20%;
}

.vk_img {
    margin-left: 1em;
}

.vk_img .fa {
    color: white;
    font-size: 1.7em;
}

/* -- /header -- */

/*section1*/
.section1 {
    margin-top: 1em;
    font-size: 1em;
    margin-bottom: 2em;
}

.course_1 {
    width: 50%;
    position: relative;
}

.course_1m {
    right: 2em;
    width: 50%;
    position: relative;
}

.course_11 {
    width: 50%;
    position: relative;
    left: 6em;
}

.course_11_2 {
    width: 50%;
    position: relative;
}

.course_11_2 iframe {
    width: 125% !important;
}

.predmety {
    color: #337ab7;
    font-family: museo300;
    text-transform: uppercase;
    font-size: 1.2em;
    list-style: none;
    font-weight: bold;
}

.course_2 {
    width: 60%;
}

.course_instruktor {
    font-size: 1em;
    color: black;
    margin-top: 3em;
}

.course_instruktor pre {
    text-align: left;
    padding: 0;
    font-size: 1em;
    font-family: museo300;
    background-color: transparent;
    border: 0;
}

.course_instruktor2 {
    font-size: 1em;
    color: black;
    margin: 3em 0 5em;
    width: 100%;
    margin-left: auto;
}

.course_instruktor2 .align {
    padding: 4em 0;
    padding-right: 2em;
}

.coursetxt {
    font-family: museo700;
    color: #16a96b;
    position: absolute;
    top: -1.2em;
    left: 0;
    font-size: 1.8em;
}

.course_txt {
    font-family: museo700;
    color: #16a96b;
    font-size: 1.3em;
    width: 80%;
}

.course_txt a {
    color: #16a96b;
}

.course_txt1 {
    font-family: museo300;
    font-size: 0.9em;
}

.course_txt202 {
    font-family: museo300;
    font-size: 1em;
    padding-bottom: 0.5em;
    color: black;
}

.skachat .course_txt {
    top: -2em;
}

.course_imgs {
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
    /*margin-bottom: 1.5em;*/
}

.sss {
    flex: none;
}

.course_2 {
    border: 1em solid #d0d0d0;
    font-family: museo300;
    position: relative;
    left: -5em;
    padding-left: 6em;
}

.course_22 {
    border: 1em solid #d0d0d0;
    font-family: museo300;
    font-size: 0.85em;
    position: relative;
    left: 2em;
    padding-left: 6em;
    width: 100%;
}

.course_21 {
    border: 1em solid #d0d0d0;
    font-family: museo300;
    font-size: 0.93em;
    position: relative;
    padding-left: 3em;
    width: 50%;
}

.sec6 li {
    margin-bottom: 0.4em;
}

.container5 li, .course_22 li {
    margin-bottom: 0.4em;
}

.container5 .btn, .course_22 .btn {
    padding: 0;
}

.container5 iframe, .course_11 iframe, .sec6 iframe, .course_1m iframe {
    box-shadow: -9px 5px 50px 0px #000;
}

.course_21_ul {
    padding-bottom: 2em;
    padding-top: 2em;
    border-bottom: 2px solid white;
    font-size: 0.93em;
}

.course_2_ul {
    font-size: 0.93em;
}

.course_22_ul {
    font-size: 0.93em;
}

.courses_a a {
    display: inline-block;
    color: #000000;
    text-transform: uppercase;
}

.courses_a.active {
    background: #16a96b;;
    color: #ffffff;
}

.nav-tabs {
    border: 0;
}

.nav-tabs > li {
    float: none;
    margin-bottom: 0.4em;
}

.nav > li {
    position: relative;
    display: block;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover {
    border: 0;
}

.pro_bar {
    margin: 1em 0;
}

.courses_a {
    padding: 0.5em;
    border: 0;
}

.courses_a a:hover {
    border: 0;
}

.courses_a.active a {
    color: #ffffff;;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff;
    cursor: default;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;
}

.courses_active {
    display: none;
}

.courses_active.active {
    display: block;
}

.course_title {
    margin-bottom: 0.5em;
}

.dostup {
    font-family: museo300;
    font-size: 0.8em;
    margin-bottom: 0.5em;
}

.dostup1 {
    font-family: museo300;
    font-size: 0.8em;
    margin-bottom: 0.5em;
}

.pol_dos_f {
    background-color: black;
    border: 0px;
    padding: 1em 1.5em;
    font-family: museo300;
}

.pol_dos {
    background-color: #16a96b;
    border: 0px;
    padding: 1em 1.5em;
    font-family: museo300;
    font-size: 0.8em;
}

.pol_dos a {
    color: white;
}

.pol_doss {
    background-color: #16a96b;
    border: 0px;
    padding: 1em 1.5em;
    font-family: museo300;
    font-size: 0.8em;
    position: relative;
    margin-left: auto;
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}


@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label {
    margin: 0;
    padding: 0;
}

/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 3px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #16a96b;
    float: right;
    opacity: 0.5;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #569662;
}

/* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #569662;
}

.views2 {
    width: 60%;
}

.uroki_txt {
    font-family: museo500;
    font-size: 0.75em;
    padding-right: 0.1em;
}

.uroki_txt1 {
    font-family: museo500;
    font-size: 0.75em;
    padding-right: 0.1em;
    color: black;
}

.uroki_shtuk1 {
    font-family: museo500;
    font-size: 0.8em;
    background-color: #16a96b;
    color: white;
    padding: 0.25em 0.3em;
}

.uroki_shtuk {
    font-family: museo500;
    font-size: 0.8em;
    background-color: #16a96b;
    color: white;
    padding: 0.25em 0.3em;
}

.views {
    font-size: 0.9em;
}

.views1 {
    position: relative;
    top: 3em;
}

/*/section1*/

/*section2*/
.urok1 {
    width: 100%;
    font-size: 1em;
    background-color: white;
    position: relative;
}

.playing {
    width: 50%;
    position: relative;
}

.playing iframe {
    width: 100% !important;
    height: 100% !important;
}

.playing1 {
    background-color: #555555;
    height: 300px;
}

.playing_text {
    width: 50%;
    color: black;
    font-family: museo700;
    padding: 0 2em;
    font-size: 1em;
    margin-top: -3em;
}

.playing_text1 {
    width: 50%;
    color: black;
    font-family: museo700;
    padding: 0 2em;
    font-size: 1em;
    margin-top: 1em;
}

.playing_texts {
    color: black;
    font-family: museo300;
    font-size: 0.8em;
    margin-top: 1em;
}

.play_img {
    background-image: url("../images/play.png");
}

.prosmotr {
    font-family: museo300;
    font-size: 0.8em;
    text-align: center;
    color: black;
    margin-bottom: 1em;
}

.uroks {
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    font-family: museo300;
}

.uroks1 {
    width: 100%;
    flex-wrap: wrap;
    margin: 1em 0 0;
    padding: 0 1em;
}

.urrok {
    width: 100%;
    background-color: white;
    margin-bottom: 5em;
    padding: 1.0em 0.6em;
}

.urrok video {
    height: 100% !important;
}

.slowly:after {
    content: "";
    border: 0.4em solid #d0d0d0;
    position: absolute;
    width: 64%;
    transform: translateX(-50%);
    left: 48%;
    top: -4.5em;
    bottom: 0;
    z-index: -1;
}

.slowly {
    position: relative;
}

.slowly1:after {
    content: "";
    border: 0.6em solid #d0d0d0;
    position: absolute;
    width: 77%;
    height: 70%;
    top: 0;
    transform: translate(-50%, -50%);
    left: 48%;
    top: 42%;
    z-index: -1;
}

.slowly1 {
    position: relative;

}

.mb-2 {
    margin-bottom: 2em;
}

.urroks1 {
    height: 100%;
    width: 100%;
    background-color: #16a96b;
    margin-bottom: 5em;
    padding: 0.7em 0.7em;
}

.urroks012 {
    width: 100%;
    background-color: white !important;
    margin-bottom: 5em;
    padding: 0.8em 0.8em;
}

.urroks2 {
    width: 100%;
    background-color: white;
    padding: 0.8em 0.8em;
}

.urrok1 {
    width: 100%;
    background-color: white;
    margin-bottom: 5em;
    padding: 1.0em 0.6em;
}

.urrok1 video {
    height: 100%;
}

.pl {
    position: absolute;
    left: 50%;
    top: 50%;
}

.urrok_text {
    margin-top: .8em;
    color: black;
    font-family: museo300;
    font-size: 0.78em;
}

.numbers {
    color: black;
    font-family: museo700;
    margin-bottom: 0.8em;
    padding: 0.8em 1em 0 1em;
}

.numbers_txt {
    width: 43%;
    position: relative;
}

.numbers button {
    width: 17%;
}

.section21 .numbers_txt {
    width: 31%;
    margin-bottom: 1em;
    margin-left: 2%;
    background: #ffffff;
}

.section21 .container {
    width: 65%;
}

.pl1 {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
}

.pl2 {
    position: absolute;
    left: 50%;
    top: 42%;
    cursor: pointer;
}

.section2:before {
    content: "";
    border: 0.5em solid #d0d0d0;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 23%;
    top: -2em;
    bottom: 0;
}

.section2 {
    margin-top: 3em;
    position: relative;
}

/*/section2*/

.otzyv_txt {
    color: #16a96b;
    font-size: 1em;
    font-family: museo700;
    margin-top: 1em;
    margin-bottom: 1em;
}

.circle {
    float: left;
    width: 30%;
}

.circle2 {
    float: left;
    width: 30%;
}

.otzyv_txts {
    color: black;
    font-size: 0.78em;
    font-family: museo300;
}

.otzyv {
    margin-bottom: 4em;
}

.ot_zyv img {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.ot_zyv1 {
    width: 43%;
    position: relative;
}

.ot_zyv1 img {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

footer {
    background-color: white;
    box-shadow: 2px 7px 40px 5px black;
    margin-top: 2em;
    /*position: fixed;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
}

footer .logo {
    width: 10%;
}

.futer {
    color: black;
    font-family: museoItalic;
    /* font-weight: 600; */
    font-size: 0.85em;
    padding-top: 2em;
    margin-bottom: 0em;
    width: 100%;
}

.maint {
    text-align: center;
    border-top: 10px solid #d0d0d0;
    padding-top: 0.5em;
    padding-bottom: 1em;
}

/*modal*/
.reg {
    background-size: 100% 100%;
    width: 100%;
    position: relative;

}

.modal_in {
    position: relative;
    top: 0em;
    border: 5px solid #16a96b;
    border-left: 2px solid #16a96b;
    border-right: 2px solid #16a96b;
    border-bottom: 2px solid #16a96b;
    padding: 3%;
}

.modal_content {
    padding-left: 0.5%;
    padding-right: 0.5%;
    min-height: 0em;
}

.mmod {
    background-image: url(../images/regis.png);
    background-repeat: no-repeat;
    width: 106%;
    background-position: center;
    background-size: 80%;
    font-family: museo300;
    height: 1.9em;
    padding: 0.4em 0;
    margin: -4% -3% 0 -3%;
}

.surname {
    margin-left: auto;
    color: black;
    display: -webkit-box;
    padding-left: 15%;
    font-family: museoItalic;
    font-weight: 600;
    padding-top: 1em;
    margin-bottom: 0.1em;
    font-size: 0.75em;
}

/*-- modal --*/

.vysoko {
    color: black;
    font-family: museoItalic;
    font-size: 1.9em;
}

.circle1 {
    background: #16a96b;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    opacity: 0.8;
    border: 1px solid white;
}

.pll {
    position: absolute;
    left: 50%;
    top: 50%;
}

.circle1:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: -1em;
    left: -1em;
    right: -1em;
    bottom: -1em;
    pointer-events: none;
    opacity: 0.2;
    border: 1px solid white;
}

.progress {
    background: white;
    position: absolute;
    left: 1em;
    top: 140%;
    width: 17%;
    z-index: 5;
    height: auto;
    box-shadow: -2px 6px 30px 0px black;
    overflow: unset;
}

.elements {
    font-family: museo300;
    font-size: 1.1em;
    color: black;
    padding-left: 1em;
    padding-top: 0.5em;
}

.s_one {
    width: 20%;
}

.s_two {
    width: 80%;
    width: 80%;
    font-family: museo300;
    font-size: 0.75em;
    color: black;
}

.s_two:hover a {
    color: #16a96b;
}

.log {
    display: none;
}

.s_one1 {
    width: 20%;
}

.s_two1 {
    width: 80%;
    font-family: museo300;
    font-size: 0.78em;
    color: black;
    max-width: 100%;
}

.s_two1:hover a {
    color: #16a96b;
}

.ppc-percents {;
    background: #fff;
    text-align: center;
    display: table;
}

.ppc-percents span {
    display: block;
    font-size: 2.6em;
    font-weight: bold;
    color: #81CE97;
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.progress-pie-chart {
    margin: 50px auto 0;
}

body {
    background-color: #EEE;
    font-family: Roboto;
    margin: 0;
}

.header {
    display: flex;
    justify-content: center;
}

.header .title {
    color: #5d5d5d;
    text-align: center;
    font-weight: normal;
}

.content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.group {
    margin: 10px;
}

.circular-progress60 {
    @include circular-progress(10, #FF70A6);
}

.circular-progress73 {
    @include circular-progress(73, #FF9770);
}

.circular-progress75 {
    @include circular-progress(75, #FF9770);
}

.circular-progress85 {
    @include circular-progress(85, #70D6FF);
}

.circular-progress90 {
    @include circular-progress(90, #70D6FF);
}

.circular-progress100 {
    @include circular-progress(100, #C8E9A0);
}

.circular-text {
    text-align: center;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}


.twitter {
    background-color: #FAFAFA;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, .6);
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    width: 140px;
    border-radius: 2px;
    margin: 1em auto;
    transition: box-shadow .3s linear;
}

.twitter:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#footer {
    margin-top: 30px;
}

@keyframes turning_cw {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.profiles {
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 1.5em;
    padding-top: 0.5em;
}

.bar {
    font-family: museo500;
    color: #9e9e9e;
    text-align: center;
    font-size: 1.3em;
    padding-top: 0.5em;
}

#canvas1:before {
    content: "";
    border: 1px solid red;
    border-radius: 50%;
    height: 150px;
    width: 50px;
    position: relative;
    z-index: 1000;
}

.ots {
    margin-bottom: 1em;
}

#canvas1 {
    border-style: dashed;
    border-width: 1px;
    border-radius: 50%;
    padding: 0;
    margin: auto;
    display: block;
    width: 8em;
    height: 8em;
    top: 8em;
    background: url(../images/canvas.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 92%;
}

@-moz-document url-prefix() {
    #canvas1 {
        top: 4em;
    }
}

.pr_bar {
    position: relative;
}

.green {
    background: #16a96b;
    height: 0.8em;
    width: 0.8em;
}

.green_txt {
    color: black;
    font-size: 0.8em;
    font-family: museo300;
    padding-left: 0.5em;
}

.seriy {
    background: #8c8c8c;
    height: 0.8em;
    width: 0.8em;
}

.green_procent {
    color: #16a96b;
    font-size: 0.8em;
    font-family: museo300;
    padding-left: 0.5em;
}

.green_procent1 {
    color: #16a96b;
    font-size: 0.8em;
    font-family: museo300;
    padding-left: 1.5em;
}

.vipol {
    justify-content: end;
}

.ne_vipol {
    justify-content: end;
}

.opisanie {
    position: absolute;
    top: -5em;
    left: -3em;
}

.opisanie_s {
    font-family: museo700;
    color: #16a96b;
    font-size: 1.3em;
}

.opisanie_p {
    font-family: museo300;
    font-size: 0.9em;
    color: black;
}

.instructors:before {
    transition: .6s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #16a96b;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.instructors:hover:before {
    content: "";
    background-color: transparent;
}

.instructors.active:before {
    pointer-events: none;
    content: "";
    background-color: transparent;
}

.instructors.active:hover{
    display: block;
    position: relative;
    background-image: url(../images/5.png);
    background-repeat: no-repeat;
    transition: 6s;
    box-shadow: 0 1px 10px 0 #000;
    background-size: cover;
    z-index: 1;
    padding: 0.5em 1em;
    /*height: calc(100% - 8em);*/
    min-height: 4.5em;
    height: 80%;
}

.instructors.active:hover:before{
    transition: .6s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #16a96b;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.width_course {
    position: relative;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.instructors {
    display: block;
    position: relative;
    background-image: url(../images/5.png);
    background-repeat: no-repeat;
    transition: 6s;
    box-shadow: 0 1px 10px 0 #000;
    background-size: cover;
    z-index: 1;
    padding: 0.5em 1em;
    /*height: calc(100% - 8em);*/
    min-height: 4.5em;
    height: 100%;
}

.instructors1 {
    position: relative;
    background-image: url("../images/11.png");
    background-repeat: no-repeat;
    height: 5em;
    width: 38.8%;
    background-size: 100% 100%;
    z-index: 1;
}


.instructors img {
    width: 100%;
}

.header_btn {
    width: 100%;
    position: relative;
}

.head_ma {
    justify-content: flex-start;
    align-items: stretch;
    margin-left: 1%;
    flex-wrap: wrap;
}

.header_btn1 {
    width: 100%;
    position: relative;
    top: 3.5em;
    margin-bottom: 4em;
}

.urok22 {
    width: 100%;
    font-size: 1em;
    background-color: white;
    position: relative;
    top: 1em;
    margin-bottom: 6em;
}

.brd_course {
    position: relative;
    border: 0.8em solid #d0d0d0;
    width: 150%;
    display: none;
    margin-top: -4em;
    height: 7.7em;
}

.middle_container1 {
    padding: 0.5em 0 0.5em 0.5em;
    width: 93%;
    position: absolute;
    color: black;
    left: 0;
    bottom: 0;
}

.blocks {
    width: 100%;
}

.plays {
    width: 30%;
}

.instructors-text {
    color: #16a96b;
    font-size: 1.2em;
    font-family: museo700;
}

.instructors-zal {
    color: #050409;
    font-size: 0.85em;
    position: relative;
    margin-bottom: 0.9em;
    font-family: museo300;
}

.instructors-text1 {
    color: #16a96b;
    font-size: 1.2em;
    font-family: museo700;
    margin-top: 1em;
    margin-left: 1em;
}

.instructors-zal1 {
    color: white;
    font-size: 0.75em;
    position: relative;
    margin-left: 1em;
    font-family: museo300;
}


.instructors:hover .instructors-zal {
    color: white;
}

.download {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 45%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.search {
    border: 0px;
    background-color: white !important;
    font-family: museoItalic;
    font-weight: 600;
    padding-left: 3%;
}

.sssearch {
    position: relative;
    left: -1.5em;
    top: -5.5em;
    width: 100%;
}

.green_search {
    background-color: #16a96b;
    /* height: 2.2em; */
    /* width: 3em; */
    position: relative;
    top: -5.5em;
    left: -2.2em;
    padding: 5px 7px;
}

.green_search img {
    width: 75%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.2em;
}

.txtst {
    color: black;
    font-family: museoItalic;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.counts {
    color: black;
    font-family: museo300;
    font-size: 0.8em;
    text-align: center;
    font-weight: 600;
}

.sqw {
    width: 100%;
    flex-wrap: wrap;
}

.block2 {
    border: 0.3em solid #d0d0d0;
    padding: 0em 0em;
    margin-bottom: 5em;
}

.block2 {
    border: 0.3em solid #d0d0d0;
}

.white_bl {
    background-color: white;
    padding: 0.5em 1em;
    width: 6.5em;
    height: 4em;
    margin: 1.5em auto;
}

.dats {
    font-family: museoItalic;
    font-size: 0.8em;
    color: black;
    margin-right: 6%;
    margin-left: 2em;
    margin-bottom: 1em;
    font-weight: 600;
}

.sdf {
    display: flex;
    justify-content: end;
}

.but {
    position: relative;
    top: 3em;
    float: right;
}

.but1 {
    text-align: center;
    /* padding: 0.5em 1.8em!important; */
    font-weight: 600;
    background-color: #16a96b;
    font-family: museoItalic;
    width: 100%;
    padding: 0.5em 1.5em;
    font-size: 0.8em;
    border: transparent;
}

.exam {
    background-color: #16a96b;
    height: 3em;
    width: 100%;
}

.exam_txt {
    font-size: 0.9em;
    font-family: museoItalic;
    margin-left: 2em;
    margin-right: 0.5em;
}

.exam_name {
    font-family: museo300;
    font-size: 0.85em;
}

.exam {
    margin-bottom: 3em;
}

.knopka {
    background-color: white;
    background: white;
}

.start {
    background-color: white;
    color: black;
    border: 0px solid white;
    padding: 0.5em 1em;
}

.status {
    margin-right: 2em;
}

.daate {
    position: relative;
}

.course-ser {
    flex-wrap: wrap;

}

.skachat {
    width: 42%;
    margin-bottom: 3em;
    margin-top: 5.5em;
    position: relative;
}


.skachat:after {
    content: "";
    position: absolute;
    border: 0.6em solid #d0d0d0;
    width: 120%;
    height: 16em;
    left: -2.5em;
    top: -4.5em;
    z-index: -1;
}

.skachat object {
    height: 33em;
    width: 100%;
}

.down {
    background-color: #16a96b;
    border: 0px transparent;
    text-align: center;
    padding: 1.3em 4em;
    color: #fff;
    margin-left: auto;
    font-size: 0.8em;
    margin-right: auto;
    position: relative;
    display: block;
    margin-top: .5em;
    font-family: museo300;
}

.down:hover {
    background: #000000;
    color: #ffffff;
}

.testr button {
    margin-top: 1em;
    padding: 0.7em 2em;
    margin-left: 0.5em;
}

.kazbek.f_ins {
    width: 14%;
    margin: 0 auto;
    margin-right: 6%;
    justify-content: space-around;
}

.testr {
    min-height: 60vh;
    color: #000000;
    margin: 4em 0;
    font-family: museo300;
}

.poisk1 {
    display: block;
    width: 15%;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    transition: 0.4s;
}

.poisk1 img {
    filter: invert(1);
}

.hvr_img {
    transition: 0.4s;
}

.poisk1:hover .hvr_img {
    transform: scale(1.2);
}

.hvr_obj:hover .poisk1 {
    transition-delay: 1s;
    opacity: 1;
}

.skachat img {
    width: 100%;
}

.pls {
    position: absolute;
    left: 50%;
    top: 50%;
}

.play_course_block {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: 2s;
}

.play_course {
    position: relative;
    border-radius: 50%;
    border: 1px solid white;
    height: 220px;
    width: 220px;
    cursor: pointer;
    transition: 2s;
}

.circle_anim {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.7s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.play_course:hover .circle_anim {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 35px rgba(255, 255, 255, 0.5);
}

.playing10 {
    width: 20% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    z-index: 1;
    transition: 0.6s;
    transform: translateZ(0) translate(-50%, -50%);
}

.play_course:hover .playing {
    transform: translateZ(0) translate(-50%, -50%) scale(1.3);
}

.play_first_border {
    border-radius: 50%;
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    background-color: #081f0b;
    pointer-events: none;
    opacity: 0.8;
    border: 1px solid white;
}

.course_img.active, .course_font.active, .course_block1.active {
    visibility: visible;
}

.play_course:hover {
    border: transparent;
}

.pl_txt {
    height: 10em;
    position: relative;
}

.btns {
    margin-top: 1em;
    width: 100%;
    margin-bottom: .5em;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.zakryt {
    width: 48%;
}

.reg_tion {
    width: 48%;
}

.z_modal {
    border: transparent;
    padding: 0.8em 4em;
    border-radius: 0.5px;
    font-family: museo300;
}

.r_modal {
    border: transparent;
    padding: 0.8em 0;
    border-radius: 0.5px;
    background-color: #16a96b;
    font-family: museo300;
    width: 100%;
}

.psk {
    width: 100%;
}

.poisk_input {
    width: 90%;
}

.poisk_btn {
    width: 10%;
}

.s_btn {
    border: 0px;
    background: #16a96b;
    padding: 0.35em 0.5em;
    position: relative;
}

.s_btn img {
    width: 80%;
}

.input_text {
    border: 0px;
    font-family: museoItalic;
    padding-left: 1.5em;
}

.block2 {
    width: 48%;
}


.btn_previous img {
    width: 70%;
}

.btn_next img {
    width: 70%;
}

.section1 video {
    box-shadow: -9px 9px 50px 0px #000;
}

.course_1_rev {
    font-family: museo300;
    font-size: 0.96em;
    position: relative;
    width: 50%;
}

/*.course_1_rev ul{*/
/*padding-bottom: 1em;*/
/*padding-top: 1em;*/
/*}*/
/*.course_1_rev .dostup{*/
/*margin-bottom: 1em;*/
/*margin-top: 1em;*/
/*}*/
.course_1_rev .btn {
    padding: 0;
}

/*.course_1_rev .course_txt{*/
/*position: relative;*/
/*top: -4.5em;*/
/*left: -9%;*/
/*}*/
/*.course_1_rev .course_txt1{*/
/*position: relative;*/
/*top: -6em;*/
/*left: -9%;*/
/*}*/
.cour_ul_btn {
    border: 1em solid #d0d0d0;
}

.course_1_rev .cour_ul_btn {
    height: 100%;
}

.sec2 .course_1 {
    right: 2em;
}

.part {
    margin: 0 auto;
    margin-top: 7em;
    width: 73%;
    position: relative;
}

.part #prev, .part #next {
    border: none;
    background: none;
    width: 8%;
    position: absolute;
    bottom: 69%;
}

.part .otzyv_txt {
    margin: 0;
    top: -2em;
    left: 10%;
    position: absolute;
}

#partners {
    width: 80%;
    margin: 0 auto;
}

.part .vysoko {
    width: 55%;
}

.part .ot_zyv1 {
    width: 35%;
}

#prev {
    left: 0;
}

#next {
    right: 0;
}

#prev1 {
    left: 0;
}

#next1 {
    right: 0;
}

.part #prev1, .part #next1 {
    border: none;
    background: none;
    width: 8%;
    position: absolute;
    bottom: 69%;
}

#partners1 {
    width: 80%;
    margin: 0 auto;
}

.blk_ln {
    border: none;
    width: 1px;
    height: 3em;
    background: #000000;
}

.sec2 .course_imgs {
    margin: 0;
}

.arrow {
    width: 5%;
    margin-top: -18%;
}

.arrow2 {
    width: 5%;
    margin-top: -5%;
}

.arrow2 img {
    width: 72%;
    cursor: pointer;
}

.arrow img {
    width: 72%;
    cursor: pointer;
}

.ar-r {
    transform: rotateZ(-180deg);
}

.otzyv_txt {
    color: #16a96b;
    font-size: 1em;
    font-family: museo700;
    top: -2em;
    left: 7%;
    margin: 0;
    position: absolute;
}

.ot_zyv {
    width: 94%;
    margin: 0 3%;
    display: inline-block;
}

#otzyvy_carousel {
    width: 87%;
}

#otzyvy_carousel .ot_zyv img {
    margin-right: 0.7em;
    margin-bottom: 1em;
    height: 150px;
    border-radius: 50%;
    width: 150px;
    object-fit: cover;
    box-shadow: 0 6px 18px 0 #000;
}

.uroks {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 1%;
}

.uroks .numbers_txt {
    margin-bottom: 5em;
    width: 31%;
    margin-right: 2%;
    background: #fff;
}

/*.urrok_text {*/
/*margin-top: .8em;*/
/*padding: 0 1.1em;*/
/*padding-bottom: 1em;*/
/*color: black;*/
/*font-family: museo300;*/
/*font-size: 0.78em;*/
/*}*/
.uroks .pl_txt {
    width: 90%;
    height: 11em;
    margin: .8em auto;
    position: relative;
}

.uroks .urrok {
    padding: 0;
    margin: 0;
}

.uroks .urrok_text {
    padding: 0 1.1em .8em;
}

.section1 iframe {
    background: #eee;
    width: 106%;
    height: 20em;
    vertical-align: bottom;
}

.section2 iframe {
    width: 100%;
    height: 12em;
}

.sec4 video {
    box-shadow: none;
}

.my_course_video video {
    width: 126%;
    height: 20em;
}

.sec5 iframe {
    width: 100%;
    height: 12em;
    vertical-align: bottom;
}

.podr_hidden {
    display: none;
}

.sec4 .insider {
    bottom: 25%;
}

.skachat .poisk1 {
    -webkit-transform: translate(-50%, -50%) scaleX(-1);
    -moz-transform: translate(-50%, -50%) scaleX(-1);
    -ms-transform: translate(-50%, -50%) scaleX(-1);
    -o-transform: translate(-50%, -50%) scaleX(-1);
    transform: translate(-50%, -50%) scaleX(-1);
}

.podrob {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cour_ul_btn .podrob {
    position: absolute;
    top: 5%;
    right: 3%;
    bottom: 5%;
    left: 3%;
}

.elements .s_two a.active {
    color: #16a96b;
}

.elements .s_two1 a.active {
    color: #16a96b;
}

.num_con {
    width: 20%;
    margin: 0 auto;
    display: none;
}

#prev3 {
    transform: scaleX(-1);
}

.arr_m {
    border: none;
    background: none;
}

.sec5 .numbers_txt {
    padding: 1em;
    color: #000000;
}

.sec5 .numbers_txt.done {
    border: 2px solid #16a96b;
}

.urok_bg {
    position: relative;
    font-size: 1.2em;
}

.sec5 .numbers_txt.done .urok_bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1.4em;
    right: -0.5em;
    bottom: 0;
    background: #16a96b;
}

.sec5 .numbers_txt.done .urok_bg:after {
    content: '';
    position: absolute;
    top: 100%;
    left: -1.4em;
    width: 0;
    height: 0;
    border-top: 0.7em solid #15673e;
    border-left: 0.5em solid transparent;

}

.sec5 .numbers_txt.done .urok_bg {
    color: #ffffff;
}

.test_number {
    font-family: museo700;
    font-size: 0.9em;
}

.prohodnoi {
    font-size: 0.85em;
}

.prohodnoi span {
    color: #16a96b;
}

.zhasyl {
    color: #16a96b;
    margin-left: 0.25em;
}

.peresdat {
    background: #16a96b;
    padding: 0.25em 1em;
    font-size: 0.85em;
    margin-top: 0.5em;
    display: inline-block;
    color: #ffffff;
    border: 0;
}

.peresdat:hover {
    background: #000000;
    color: #ffffff;
}

.sec5 .numbers_txt iframe {
    height: 12em;
}

.fs085 {
    font-size: 0.85em;
}

.numbers_txt2 {
    margin-top: 1em;
    font-size: 0.85em;
    padding-bottom: 1em;
    border-bottom: 1px solid #d7d7d7;
}

.numbers a {
    color: #16a96b;
    font-size: 0.7em;
    font-style: italic;
    text-decoration: underline;
}

.sec5 .urroks2 iframe {
    border: none;
    height: 100%;
}

.mb {
    margin-bottom: -4em;
}

.sec5 .urroks2 {
    height: 12em;
    background: none;
    padding: 0;
}

.sec5 .urroks2 iframe {
    border: 0.7em solid #fff;
}

.sec5 .urroks1 {
    background: none;
    height: 12em;
    padding: 0;
    margin: 0;
}

.sec5 .urroks1 video {
    width: 100%;
    height: 100%;
}

.m_overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 2;
}

.section2 video {
    height: 12em;
}

.section2 .head {
    height: auto;
}

.elements .s_one.active .m_img1 {
    display: none;
}

.elements .s_one.active .m_img2 {
    display: inline-block;
}

.elements .s_one .m_img2 {
    display: none;
}

.elements .s_one1.active .m_img1 {
    display: none;
}

.elements .s_one1.active .m_img2 {
    display: inline-block;
}

.elements .s_one1 .m_img2 {
    display: none;
}

.head_m {
    display: none;
}

.section2 iframe {
    height: 100%;
}

.pl_txt iframe {
    width: 100%;
    height: 100%;
}

.section21 .urrok1 {
    padding: 0.8em;
    margin-bottom: 0;
}

.sec4 .playing {
    height: 20em;
}

.uroks12 .numbers_txt {
    height: 13em;
}

.uroks12 iframe {
    width: 100%;
    height: 100%;
    border: 0.7em solid #16a96b;
}

.container9 .slowly1:after {
    height: 110%;
    top: 50%;
}

.uroks12 {
    margin: 4em 0;
}

.uroks12 .numbers {
    position: absolute;
    top: -2em;
    left: 0;
}

.vw-m {
    display: none;
}

.cor-mob, .cor-mob-share {
    display: none;
}

.lich {
    transition: 0.3s;
    position: absolute;
    height: 430px;
    box-shadow: inset 15px 0px 30px -19px black;
    top: 1em;
    left: 100%;
    width: 28em;
    background: #fff;
    color: #000000;
    display: none;
}

.lich .item1 {
    width: 30%;
}

.lich .item2 {
    width: 65%;
}

.lich .hd {
    width: 85%;
    margin: 0 auto;
    margin-top: 1em;
}

.prof {
    width: 129%;
    position: absolute;
    padding: 0.5em 0;
    right: 0;
    transition: 0.6s;
    font-size: 0.9em;
    padding-right: 1em;
    text-align: right;
    color: #fff;
    background: #16a96b;
}

.lich .item1 img {
    width: 70%;
    margin: 4em auto 1em;
}

.lich .redakt, .redak .redakt, .redakt_pass, .redak_password .redakt {
    border: transparent;
    padding: 0.6em 0;
    font-size: 0.6em;
    border-radius: 0.5px;
    background-color: #16a96b;
    font-family: museo300;
    width: 100%;
}

.lich .pod {
    margin-bottom: 0.7em;
}

.lich .zakryt {
    width: auto;
}

.lich .z_modal {
    padding: 0.8em 2em;
}

.lich .blk_ln {
    width: 85%;
    height: 1px;
    margin: 0 auto;
    margin-top: 0.5em;
}

.lich .item2 .left-inp, .lich .item2 .right-inp {
    width: 48%;
}

.lich .item2 .left-inp {
    width: 100%;
}

.lich .phone {
    font-size: 0.6em;
}

.lich .close_icn {
    width: 50px;
    right: 0;
    bottom: 100%;
    height: 45px;
    background: #16a96b;
    position: absolute;
}

.close_icn img {
    margin: 0 20%;
    margin-top: 10%;
    width: 60%;
    cursor: pointer;
    transition: 0.6s;
}

.rot {
    transform: rotateZ(360deg);
}

.container12 .header {
    position: absolute;
    top: -2em;
    left: 0;
    color: #000000;
}

.uroks12 video {
    width: 100%;
    height: 100%;
}

.sec7 {
    display: none;
}

.sec7 iframe {
    width: 100%;
    height: 20em;
    vertical-align: bottom;
}

.dot_con {
    width: 25%;
    font-size: 1.4em;
}

.dot_con .sss {
    cursor: pointer;
}

.vipolneno {
    position: relative;
    margin: 1em auto;
    width: 60%;
}

.zabl {
    text-align: left;
    margin: 0 auto 0.5em;
    width: 70%;
    font-size: 0.7em;
    text-decoration: underline;
}

.brd_course.active {
    display: block;
}

#pnl1 {
    left: -1.5em;
}

#pnl2 {
    margin: 0 auto;
}

#pnl3 {
    right: -1.5em;
    margin-left: auto;
}

.instructors.active .instructors-zal {
    color: white;
}

.redak, .redak_password {
    transition: 0.3s;
    position: absolute;
    height: 430px;
    box-shadow: inset 15px 0px 30px -19px black;
    top: 1em;
    left: 100%;
    width: 28em;
    background: #fff;
    color: #000000;
    display: none;
}

.redak .item1, .redak_password .item1 {
    width: 30%;
}

.redak .item2 .left-inp, .redak .item2 .right-inp,
.redak_password .item2 .left-inp {
    width: 48%;
}

.redak .close_icn, .redak_password .close_icn {
    width: 50px;
    right: 0;
    bottom: 100%;
    height: 45px;
    background: #16a96b;
    position: absolute;
}

.redak .prof, .redak_password .prof {
    width: 129%;
}

.redak .hd, .redak_password .hd {
    align-items: flex-start;
    width: 85%;
    margin: 0 auto;
    margin-top: 1em;
}

.redak .pod, .redak_password .pod {
    position: relative;
    margin-bottom: 0.9em;
}

.redak .zakryt {
    width: auto;
}

.redak .z_modal {
    padding: 0.8em 2em;
}

.redak .blk_ln, .redak_password .blk_ln {
    width: 85%;
    height: 1px;
    margin: 0 auto;
    margin-top: 1em;
}

.redak .phone {
    font-size: 0.6em;
}

.redak .item2, .redak_password .item2 {
    width: 65%;
    align-items: flex-start;
}

.redak .item1 img, .redak_password .item1 img {
    width: 70%;
    margin: 6em 15% 1em 15%;
}

.redak .reda, .redak_password .reda {
    border: transparent;
    padding: 0.6em 0;
    font-size: 0.6em;
    border-radius: 0.5px;
    background-color: #16a96b;
    font-family: museo300;
    width: 100%;
}

.rg2 {
    display: none;
}

.redakt input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.img1 {
    margin-bottom: 2em;
    cursor: pointer;
}

.lich .item1 img {
    margin-right: 0.7em;
    margin-bottom: 1em;
    height: 150px;
    border-radius: 50%;
    width: 150px;
    object-fit: cover;
    box-shadow: 0 6px 18px 0 #000;
}

.align {
    height: 100%;
    padding: 2em 0;
    padding-right: 2em;
    position: relative;
    justify-content: space-around;
}

.wht_ln {
    border: 1px solid #ffffff;;
    width: 100%;
    margin: 0.5em 0;
}

.cour_ul_btn .align {
    padding: 2em;
}

.urk123 iframe {
    border: 0.7em solid #fff;
}

#next img {
    float: right;
}

#prev img {
    float: left;
}

.vopros {
    position: relative;
    width: 98%;
    margin: 0 auto;
}

.vopros div {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 3em;
}

.vopros:after {
    content: "";
    border: 0.6em solid #d0d0d0;
    position: absolute;
    width: 100%;
    height: 110%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: -1;
}

.vopros label {
    cursor: pointer;
    height: 4.5em;
    padding-left: 1.5em;
}

.otvet {
    width: 48%;
    position: relative;
}

.otvet input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.otvt {
    margin-left: 1em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 25px;
    width: 25px;
    background: url("../images/radbtn.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    transform: translateY(-50%) scale(1.5);
}

.otvet:hover input ~ .checkmark {

}

.otvet input:checked ~ .checkmark {
    background: #16a96b;
    transform: translateY(-50%) scale(1);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.otvet .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.testh {
    width: 100%;
    margin-bottom: 1em;
    justify-content: flex-start;
    margin-top: -1.4em;
}

.testh span {
    padding-left: 2em;
}

.testr hr {
    margin-bottom: .9em;
}

.testr .btm {
    bottom: -4em;
    top: auto;
}

.testr h1 {
    font-family: museo100;
}

.vyhod {
    color: #000000;
    text-align: center;
    margin: 2em 0;
}

.head_pod {
    overflow: hidden;
    width: 55%;
    padding: 2em 2em;
    position: absolute;
    top: -5em;
    left: -2em;
}

.head_pod .course_txt, .head_pod .course_txt1 {
    position: relative;
    left: 0;
    top: 0;
}

.headbg {
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    right: 0;
    bottom: 0;
    /*transform: translateX(-50%);*/
    transition: 1s;
    transition-delay: 1s;
}

.frmmod {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
}

.nav-bar a.show_okno {
    float: none;
}

iframe.active {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 77%;
    z-index: 6;
}

.exam button {
    color: #000;
    background: #fff;
    font-size: 0.8em;
    padding: 0.6em 2.5em;
}

.skachat a.down {
    margin: 0 25%;
    width: 50%;
}

.exam button.anim_btn1:hover {
    color: #ffffff;
    background: #000000 !important;
    box-shadow: none;
}

.butts {
    width: 55%;
    margin: 0 auto;
}

.null {
    height: 100vh;
}

.null p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
    color: #cccccc;
}

#pause:hover, #repeat:hover {
    filter: invert(0.7)
}

#pause {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    padding: 1em;
}

.iframe_ply {
    position: fixed;
    top: 50%;
    display: none;
    left: 50%;
    width: 70%;
    height: 77%;
    z-index: 12;
}

.iframe_ply, .rewwind, .plr_rep {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*iframe{
	pointer-events: none;
}*/
iframe.active1 {
    position: fixed;
    left: 0;
    z-index: 15;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 100vh;
    transform: translateY(-50%);
    top: 50%;
}

.rewwind {
    position: fixed;
    top: 50%;
    left: 25%;
    width: 20%;
    z-index: 14;
    height: 77%;
    display: none;
}

.rewwind.active {
    background: rgba(0, 0, 0, 0.3);
}

.rewwind img {
    position: absolute;
    top: 45%;
    transform: scale(-1);
    opacity: 0;
}

.rewwind img:nth-child(1) {
    left: 30%;
    animation-delay: 0.3s;
}

.rewwind img:nth-child(2) {
    left: 45%;
    animation-delay: 0.2s;
}

.rewwind img:nth-child(3) {
    left: 60%;
}

.rewind {
    animation: 0.3s rewind;
}

@keyframes rewind {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

.paused, .rep_d {
    position: fixed;
    top: 50%;
    left: 50%;
    transition: 0.5s;
}

.plr_rep {
    position: fixed;
    top: 50%;
    display: none;
    left: 50%;
    width: 70%;
    background: rgba(0, 0, 0, 0.7);
    height: 77%;
    z-index: 12;
}

#repeat {
    display: none;
}

.inst_h {
    background: rgba(22, 169, 107, 0.7);
    width: 90%;
    margin: 1em auto;
    padding: 0.2em 0;
    height: auto;
    display: none;
}

.con_m {
    margin-top: -0px;
    padding-top: 4.5em;
}

.inst_h p.active {
    text-decoration-line: underline;
    margin-left: 0.85em;
    font-size: 1.1em;
}

.inst_h a {
    color: #fff;
}

.inst_h p {
    width: 90%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0.4em 0;
    margin-left: 0.9em;
}


/*select*/

.custom-select {
    position: relative;
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
}

.custom-select select {
    display: none; /*hide original SELECT element:*/
}

.select-selected {
    background-color: #fff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    width: 15px;
    top: 35%;
    right: 16px;
    transform: translateY(-50%) rotateZ(135deg);
    height: 15px;
    border: 2px solid transparent;
    border-color: #16a96b #16a96b transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    transform-origin: right;
    transform: translateY(-50%) rotateZ(-45deg);
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #000000;
    font-style: italic;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.select-selected:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 50px;
    width: 2px;
    height: 80%;
    transform: translateY(-50%);
    background: #eee;
}

/*-.-.-.-.*/


#sel_cour {
    display: none;
}

/* Для SweetAlert */
.sweet-alert h2 {
    color: black;
    font-weight: normal;
}

.good-index {
    z-index: 0;
}

.null {
    height: 100vh;
}

.null p {
    font-size: 3em;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #cccccc;
}

.logout_btn {
    background: transparent;
    border: 0;
    color: #000000;
}

.text-black {
    color: #000000;
}

.min_height {
    min-height: 20em;
}

.min_height2 {
    min-height: 26em;
}

.white_block {
    padding: 1.5em;
    background: #ffffff;
    font-size: 0.8em;
    font-family: museo300;
    margin: 3em 0;
    color: #000000;
}

.white_block p {
    margin: 0;
}

#partners .item {
    margin-left: -2%;
    padding: 0 0.5em;
}

#partners.owl-carousel .owl-item,
#mob_cor.owl-carousel .owl-item {
    vertical-align: top !important;
}

.course_image {
    margin-bottom: 1.5em;
    width: 27%;
    margin-left: 2%;
}

.course_image.longer {
    width: 40%;
}

.course_image img {
    width: 100%;
    height: 14em;
    object-fit: cover;
}

.mb-1em {
    margin-bottom: 1em;
}

.photo_car .part.flex {
    position: relative;
    margin: 2em 0;
}

.photo_car .part.flex:before {
    content: '';
    position: absolute;
    top: -1.5em;
    border: 0.4em solid #d0d0d0;
    left: 5%;
    right: 5%;
    bottom: -1.5em;
}

.photo_car #partners {
    position: relative;
    width: 100%;
}

.title_word {
    margin-left: 5%;
    margin-bottom: 1.5em;
    font-family: museo700;
    color: #16a96b;
    font-size: 1.3em;
    text-transform: uppercase;
}

.photo_car #prev, .photo_car #next {
    top: 50%;
    width: 3em;
    bottom: unset;
    right: 102%;
    left: unset;
}

.part #next {
    right: unset;
    left: 102%;
}

.photo_car #prev img, .photo_car #next img {
    width: 100%;
}

.video_reviews {
    margin: 2em 0;
    padding-top: 3em;
}

.video_list {
    margin-left: -3%;
}

.video_item {
    margin-left: 3%;
    width: 30%;
    position: relative;
    margin-bottom: 1em;
}

.video_item:before {
    content: '';
    position: absolute;
    top: 1em;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0.4em solid #d0d0d0;
}

.video_item iframe, .video_item video {
    position: relative;
    width: 93%;
    height: 12em;
    margin-left: -0.3em;
}

.video_desc {
    font-family: museo300;
    color: #000000;
    padding: 0.25em 1em 0.5em;
    text-transform: uppercase;
}

.get_access {
    background: url("../images/fon.jpg");
    background-size: 100%;
    padding: 3em 0 2em;
    width: 75%;
    margin: 5em auto 3em;
    text-align: center;
    font-family: museo300;
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.4);
}

.ga_txt {
    font-size: 1.2em;
    color: #000000;
    font-family: museo700;
}

.ga_txt2 {
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 1em;
}

.get_access button {
    background: #ffffff;
    padding: 0.7em 1.5em;
    border: 0;
    color: #000000;
    font-size: 0.85em;
    text-transform: uppercase;
}

.prev4, .next4, .prev5, .next5 {
    width: 3em;
    border: 0;
    background: transparent;
    margin: 0 0.25em;
}

.prev4 img, .next4 img, .prev5 img, .next5 img {
    width: 100%;
}

.rotatez_img img, .rotate {
    transform: rotateZ(180deg)
}

.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
}

.owl-next {
    right: unset;
    left: 100%;
}

.owl-prev img, .owl-next img {
    width: 1.8em;
    margin: 0 1em;
}

.owl-prev.disabled img, .owl-next.disabled img {
    opacity: 0.3;
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main iframe, .main video {
    width: 100% !important;
    height: 20em !important;
}

video {
    background: #000000;
}

.iframe100 iframe {
    width: 100% !important;
}

.iframe100 video {
    height: 20em;
}

.lesson_title {
    position: absolute;
    top: -3em;
    left: 50%;
    text-align: center;
    color: #000000;
    font-size: 1.2em;
    font-family: museo700, serif;
}

.test_result_info {
    font-size: 0.9em;
}

.has-error .help-block, .has-error .modal-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error label {
    color: #a94442;
}

#form-signup .btns, #buy_form-signup .btns {
    margin-top: 3.6em;
}

#form-signup .btns > div, #buy_form-signup .btns > div {
    margin: 0 1em;
}

.error_login {
    font-size: 0.8em;
    color: #a94442;
    margin-bottom: 0.5em;
}

.mb-5em {
    margin-bottom: 5em;
}

.alert-success, .alert-danger, .alert-warning {
    text-align: center;
    padding: 2em;
    font-family: museo300;
}

.file-upload {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    font-family: museo300;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.file-upload-btn:hover {
    background: #1AA059;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    margin-top: 20px;
    border: 4px dashed #1FB264;
    position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
    background-color: #16a96b;
    border: 4px dashed #ffffff;
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

.drag-text h3 {
    font-weight: 100;
    text-transform: uppercase;
    color: #15824B;
    padding: 60px 0;
}

.file-upload-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}

#submit_video_btn {
    display: none;
}

#form-edit .help-block, #form-edit2 .help-block {
    position: absolute;
    left: 0;
    font-size: 0.75em;
    width: 100%;
    font-family: museo300;
    margin: 0;
}

.exception {
    margin: 2em 0;
    text-align: center;
    color: #000000;
    font-family: museo300;
}

.mh70 {
    min-height: 70vh;
    padding-top: 2em;
}

.w90_auto {
    width: 90%;
    margin: 0 auto;
}

.disabled_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.check_img {
    width: 1.5em;
}

.buy_course, .buy_course:hover {
    color: #ffffff;
}

.bg_black {
    display: block;
    background: url(../images/begin.jpg);
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
}

.datepicker > div {
    display: block !important;
}

.datepicker-expert {
    z-index: 50000 !important;
}

.disabled_btn {
    background: #9e9e9e;
    cursor: not-allowed !important;
}

.first {
    position: relative;
}

.menu_show {
    display: none;
    width: 1.8em;
    position: absolute;
    bottom: calc(100% + 0.2em);
    left: 0.2em;
    background: transparent;
    background-color: transparent;
    border: none;
}

.menu_show img {
    width: 100%;
}

.wid_m {
    width: 21%;
}

.f_text {
    line-height: 1.2;
    font-size: 0.9em;
}

.kazbek img {
    width: 1.5em;
    margin-bottom: 0.1em;
}

.futer {
    padding: 1em 0;
}

.sm_img img {
    width: 0.85em;
}

.show_pass {
    position: relative;
}

.show_pass button {
    position: absolute;
    right: 0.4em;
    top: 64%;
    transform: translateY(-50%);
    width: 1.7em;
    background: transparent;
    border: none;
}

.show_pass button img {
    width: 100%;
    height: auto !important;
}

.show_profile {
    cursor: pointer;
}

.show_profile:hover .text-black {
    color: #23527c;
}

.new_margin {
    margin-left: 21%;
}

.after_on {
    position: relative;
}

.after_on:after {
    position: absolute;
    content: "";
    left: -0.7em;
    top: -0.5em;
    bottom: -0.5em;
    right: -0.7em;
}

@media (max-width: 500px) {
    #form-signup .btns, #buy_form-signup .btns {
        margin-top: 5em;
    }
}

video {
    object-fit: inherit;
}

.check_img_black {
    width: 1.2em;
}

.kazbek .fa {
    color: #16ab6c;
    font-size: 2em;
}

.courses_a > .fa-check {
    color: #16ab6c;
}

.courses_a.active > .fa-check {
    color: #ffffff;
}

#cabinet {
    z-index: 4;
    top: 150%;
    margin-left: 13em;
    display: inline-block;
    background: white;
    position: absolute;
    left: 2em;
    width: 0;
    height: auto;
    box-shadow: -2px 6px 30px 0px black;
    overflow-x: hidden;

    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    transition: width 1s ease;
}

#cabinet a {
    display: block;
    outline: none;
    transition: 1s;
}

#cabinet.in {
    width: 17%;
    overflow-x: inherit;
}

.mob_cabinet_back {
    display: none;
}

.alert-warning {
    background-color: darkorange;
}

#terms_of_use .modal_content {
    margin-top: 2em;
    width: 50em;
    height: 40em;
}

#terms_of_use .modal_in {
    height: 100%;
}

.share_btn {
    font-size: 1.2em;
    margin-right: 1em;
    padding: 0.45em 0.7em 0.67em;
}

.course_22 .share_btn {
    border-radius: 3.5px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}