@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;900&display=swap');


body {
    font-family: 'Montserrat', sans-serif;
    background-color: #E5E5E5;
}


.banner_section {
    height: 100vh;
    background-color: #000;
}

header {
    position: absolute;
    left: 0;
    width: 100%;
    top: 22px;
    z-index: 9;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1234px;
    }
}

.nav {
    margin-left: 270px;
}



.nav ul {
    display: flex;
}

.nav ul li {
    margin-right: 32px;
}

.nav ul li:last-child {
    margin-right: 0;
}

.nav ul li a {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    color: #FFFFFF;
    position: relative;
}



.nav ul li a:after{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    height: 1px;
    content: '';
    transform: scale(0);
    transition: .2s ease;
}

.nav ul li a:hover:after{
    transform: scale(1);
}

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

.navbar_logo {
    display: flex;
    align-items: center;
}

.langbar {
    display: flex;
}

.navbar_logo .logo img{
    width: 100px
}

.langbar a {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #FFFFFF;
    margin-left: 16px;
}

.langbar a:first-child {
    margin-left: 0;
}

.langbox {
    display: flex;
    align-items: center;
}

.login {
    width: 90px;
    height: 40px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 32px;
}

.red_hover {
    transition: .2s ease;
}

.red_hover:hover {
    border: 1px solid #C20322;
}

.a-center {
    display: flex;
    align-items: center;
}

.d-flex {
    display: flex;
}

.j-center {
    justify-content: center;
}

.m-center {
    justify-content: center;
    align-items: center;
}

.banner_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 600px;
}

.banner_container h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 59px;
    text-align: center;
    color: #FFFFFF;
}

.banner_container p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 161.9%;
    text-align: center;
    color: #FFFFFF;
    margin: 24px 0;
}

.banner_section .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

.banner_links {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}

.banner_links a {
    width: 136px;
    height: 40px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 32px;
}

.banner_links a:first-child {
    margin-left: 0;
}

.socials {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.socials a {
    color: #fff;
    transition: .2s ease;
    margin-top: 16px;
}

.socials a:hover {
    color: #C20322;
}

.main_social_cont {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 48px;
    width: 100%;
    left: 0;
}

.main_social_cont .container {
    align-items: flex-end;
}

.page_title {
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 49px;
    color: #15516A;
    width: auto;
}


.title_cont {
    margin-top: 114px;
    margin-bottom: 40px;
}

.in_page_title {
    margin-top: 66px;
}



.video_box {
    width: 380px;
    height: 333px;
    background: #FFFFFF;
    /*box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13), 1px 3px 4px #F3F8FA;*/
    border-radius: 4px;
    margin-bottom: 24px;
}

.video_box_img {
    width: 100%;
    height: 232px;
    border-radius: 4px 4px 0px 0px;
}

.vide_desc_box {
    width: 100%;
    height: calc(100% - 232px);
    border-radius: 0 0 4px 4px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.vide_desc_box a {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    transition: .2s ease;
    margin-bottom: 8px;
}

.vide_desc_box a:hover {
    color: #C20322;
}

.vide_desc_box p {
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    color: #A8B4BD;
}

.video_box_img a {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}

.video_box_img a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/play.svg);
    content: '';
    transition: .2s ease;
}

.video_box_img a:hover:after {
    background-image: url(images/play_hover.svg);
}

.video_box_img a img {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 2000ms ease-out, opacity 2000ms ease-out;
}

.video_box:hover .video_box_img a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.owl-nav button {
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 32px;
    height: 32px;
    transition: .2s ease;
}

.owl-nav button span {
    display: none;
}

.owl-nav .owl-next {
    background-image: url(images/right.svg) !important;
}

.owl-nav .owl-prev {
    background-image: url(images/left.svg) !important;
}

.main_videos .owl-nav,
.teacher_slider_cont .owl-nav,
.books_slider .owl-nav {
    width: 64px;
    position: absolute;
    top: -81px;
    right: 15px;
}

.owl-nav button.owl-prev:hover {
    background-image: url(images/left_hover.svg) !important;
    /*-webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    transform: translateX(-2px);*/
}

.owl-nav button.owl-next:hover {
    background-image: url(images/right_hover.svg) !important;
    /*-webkit-transform: translateX(2px);
    -moz-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);*/
}

.about_text_cont {
    width: 100%;
}

.about_text_cont p {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    color: #000000;
    /* width: 650px; */
}

.teacher_box {
    margin-bottom: 32px;
}

.teacher_box,
.Tdesc {
    position: relative;
    float: left;
    width: 100%;
}

.teacher_box .Timagebox {
    border-radius: 4px;
    height: 277px;
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s, -webkit-transform 0.3s;
    transition: box-shadow 0.3s, -webkit-transform 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, transform 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, transform 0.3s, -webkit-transform 0.3s, -webkit-transform 0.3s;
}

.teacher_box .Timagebox img{
    height: 100%;
    object-fit: cover;
}

.teacher_box:hover .Timagebox {
    transform: translateY(-4px);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.teacher_box:hover .Tdesc h5 {
    color: #15516A;
}

.teacher_box:hover .Tdesc p {
    color: #000;
}

.Tdesc {
    display: flex;
    flex-direction: column;
    padding-top: 32px;
}

.Tdesc h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    transition: .3s ease;
}

.Tdesc p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #A8B4BD;
    margin-top: 4px;
    transition: .3s ease;
}

.teacher_slider_cont .owl-carousel .owl-stage-outer {
    padding: 10px;
    margin-left: -10px;
}

.how_it_works {
    margin-top: -32px;
    padding-bottom: 140px;
}

.hiw_ellipse {
    width: 426px;
    height: 434px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/ellipse.svg);
    margin-top: 127px;
    position: relative;
}

.hiw_image {
    width: 175px;
    height: 175px;
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13), 1px 3px 4px #F3F8FA;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hiw_image {
    overflow: hidden;
}

.hiw_image img {
    transition: transform 500ms ease-out,
        opacity 500ms ease-out;
    transform: scale(0);
}

.hiw_box:hover .hiw_image img {
    transform: scale(1.06) !important;
}

.hiw_box {
    width: 452px;
    height: 175px;
    display: flex;
}

.hiwbox_desc {
    width: calc(100% - 175px);
    height: 100%;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.step {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #A8B4BD;
}

.hiwbox_desc h5 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin: 8px 0 4px 0;
    color: #000000;
}

.hiwbox_desc p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
}


.box1 {
    position: absolute;
    top: -110px;
    left: 128px;
}

.box2 {
    right: 0;
    position: absolute;
    left: 378px;
    top: 130px;
}

.box3 {
    position: absolute;
    bottom: -125px;
    left: 128px;
}

.box4 {
    right: 0;
    position: absolute;
    right: 367px;
    top: 130px;
}

.box4 .hiwbox_desc {
    padding-left: 0;
    padding-right: 32px;
    text-align: right;
}

.box4 .hiw_image {
    order: 2;
}

.hiw_play {
    position: absolute;
}

.book_box {
    position: relative;
    float: left;
    width: 100%;
    height: 456px;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13), 1px 3px 4px #F3F8FA;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}

.book_img {
    position: relative;
    float: left;
    width: 100%;
    height: 356px;
}

.book_img img {
    position: relative;
    float: left;
    width: 100%;
    object-fit: cover;
    height: 100%;
}


.add_dep_popup form {
    width: 100%;
}




.book_desc {
    position: relative;
    float: left;
    width: 100%;
    height: calc(100% - 356px);
    display: flex;
    flex-direction: column;
    padding: 16px;
    transition: .3s ease;
}

.book_desc h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    height: 22px;
    overflow: hidden;
}

.book_desc .author {
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #A8B4BD;
    margin-top: 4px;
    margin-bottom: 10px;
    height: 17px;
    overflow: hidden;
}

.free_down {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #15516A;
}

.bottom_title .page_title {
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 59px;
    text-align: center;
    width: 611px;
    color: #020202;
}

.footer_container {
    padding: 64px 0 18px 0;
    background-color: #15516A;
}

.copyright {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 171.9%;
    color: #FFFFFF;
    margin-top: 40px;
}

.f_logo_cont,
.f_box2 {
    display: flex;
    flex-direction: column;
}

.f_title {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 171.9%;
    color: #FFFFFF;
    margin-bottom: 4px;
}

.f_menu {
    display: flex;
    flex-direction: column;
}

.f_menu li a {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    transition: .2s ease;
}

.f_menu li a:hover {
    text-decoration: underline;
}

.f_menu li {
    margin-bottom: 4px;
}

.f_box3 p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding-right: 55px;
}

.f_box4 a.contact_link {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;

    color: #FFFFFF;
}

.f_box4 a.contact_link:hover {
    text-decoration: underline;
}

.footer_socials {
    display: flex;
    margin-top: 18px;
}

.footer_socials a {
    color: #fff;
    margin-right: 24px;
    font-size: 18px;
}

.f_login {
    padding: 12px 24px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 32px;
    transition: .3s ease;
}

.f_login:hover {
    background-color: #fff;
    color: #15516A;
}

.footer {
    margin-top: 60px;
}

@keyframes showTopText {
    0% {
        transform: translate3d(0, 100%, 0);
    }

    40%,
    60% {
        transform: translate3d(0, 50%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes showBottomText {
    0% {
        transform: translate3d(0, -100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.animated-title {
    height: 513px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
}

.animated-title>div {
    height: 50%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.animated-title>div div {
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 59px;
    text-align: center;

    color: #FFFFFF;
    position: absolute;
}

.animated-title>div div span {
    display: block;
}

.animated-title>div.text-top {
    top: 0;
}

.animated-title>div.text-top div {
    animation: showTopText 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    bottom: 0;
    transform: translate(0, 100%);
    width: 100%;
}


.animated-title>div.text-bottom {
    bottom: -24px;
    display: flex;
    justify-content: center;
}

.animated-title>div.text-bottom div {
    animation: showBottomText 0.5s;
    animation-delay: 1.75s;
    animation-fill-mode: forwards;
    top: 0;
    transform: translate(0, -100%);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 161.9%;
    width: 447px;

    text-align: center;

    color: #FFFFFF;
}

/* start state */
.mfp-zoom-in {
    /* animate in */
    /* animate out */
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}


.mfp-bg {
    background-color: #000;
    opacity: .2 !important;
}

.teacher_popup {
    width: 974px;
    height: auto;
    display: flex;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13),
        1px 3px 4px #F3F8FA;
    border-radius: 4px;
}

.tpc_top {
    position: relative;
    float: left;
    width: 100%;
    height: 178px;
    display: flex;
    margin-bottom: 24px;
}

.tpc_top img {
    width: 178px;
    height: 178px;
    object-fit: cover;
    border-radius: 4px;
    overflow: hidden;
}

.tpc_top .tpc_desc {
    width: calc(100% - 178px);
    padding-left: 24px;
    display: flex;
    flex-direction: column;
}

.tpc_top .tpc_desc p.tname {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 4px;
}

.tpc_top .tpc_desc p.tbranch {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #A8B4BD;
}

.teacher_popup_container {
    padding: 32px;
    padding-right: 16px;
}

.tpc_bottom {
    position: relative;
    float: left;
    width: 100%;
    height: 250px;
}

.tpc_bottom p {
    `font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #000000;
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #C4C4C4 !important;
    width: 1px !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(196, 196, 196, 0.3);
}
.standart_header .logo img{
    width: 60px !important;
}

.standart_header .nav ul li a {
    color: #000;
    transition: .2s ease;
}

.standart_header .nav ul li a:hover:after{
    content: none;
}

.standart_header .nav ul li a:hover {
    color: #15516A;

}

.standart_header .langbar a {
    color: #000;
}

.standart_header .login {
    border-color: #C20322;
    color: #000;
    font-weight: 500;
}

.standart_header {
    border-bottom: 0.5px solid #A8B4BD;
    position: relative;
    float: left;
    width: 100%;
    top: unset;
}

.standart_header .header_contaier {
    height: 72px;
    display: flex;
}

.breadcrumbs {
    margin-top: 33px;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs ul li a {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 22px;
    color: #15516A;
    transition: .2s ease;
}

.breadcrumbs ul li a:hover {
    text-decoration: underline;
}

.breadcrumbs ul li:after {
    position: relative;
    float: right;
    /* margin: 0 5px; */
    width: 30px;
    height: 9px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/br.svg);
    background-size: contain;
    content: '';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin-top: 1px;

}

.breadcrumbs ul li:last-child:after {
    content: none;
}

.breadcrumbs ul li {
    display: flex;
    align-items: center;
}

.breadcrumbs ul li:last-child a {
    color: #828282;
}



.plan_cards_container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.plan_card {
    width: calc(50% - 16px);
    height: auto;
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13),
        1px 3px 4px #F3F8FA;
    border-radius: 4px;
    margin-left: 32px;
    margin-bottom: 32px;
    padding: 32px;
    position: relative;
}

.plan_cards_container .plan_card:nth-child(odd) {
    margin-left: 0;
}

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

.plan_card_title_price h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #323C43;
}

.plan_card_title_price p {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #15516A;
}

.plan_card_title_price p span {
    font-size: 16px;
    color: #C4C4C4;
}

.plans_list {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 32px;
    margin-bottom: 72px;
}

.plans_list ul {
    display: flex;
    flex-wrap: wrap;
}

.plans_list ul li {
    position: relative;
    width: 50%;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 171.9%;
    color: #000000;
    display: flex;
    align-items: center;
}

.plans_list ul li:before {
    position: relative;
    float: left;
    width: 18px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/plans_list.svg);
    content: '';
    margin-right: 8px;
}

.open_planpop {
    border: 1px solid #15516A;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    left: 32px;
    bottom: 32px;
    width: calc(100% - 64px);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #15516A;
    transition: .2s ease;

}

.open_planpop:hover {
    background-color: #15516A;
    color: #fff;
}

.standart_header .logo {
    margin-top: 5px;
}

.plan_pop {
    width: 846px;
    height: 525px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13),
        1px 3px 4px #F3F8FA;
    border-radius: 4px;
    padding: 64px 88px;
}

.mfp-close {
    font-size: 40px;
    color: #A8B4BD;
}

.plan_popup_title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plan_popup_title h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 8px;
    color: #323C43;
}

.plan_popup_title p {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #A8B4BD;
}

.plan_form_container {
    margin-top: 40px;
}

.plan_form_container .form-group label {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    float: left;
    width: 100%;
    color: #020202;
    margin-bottom: 8px;
}

.plan_form_container .form-group .form-control {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #000;
    border: 1px solid #15516A;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
    box-shadow: none !important;
    outline: none !important;
}

.plan_form_container .form-group textarea.form-control {
    height: 104px;
    resize: none;
    padding-top: 10px;
    font-family: 'Montserrat',
        sans-serif;
}

.plan_form_textarea {
    margin-top: 60px;
}

.plan_form_container .form-group button {
    width: 100%;
    height: 40px;
    background: #15516A;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    border: 1px solid #15516A;
    color: #FFFFFF;
    cursor: pointer;
    transition: .3s ease;
}

.plan_form_container .form-group button:hover {
    background-color: #fff;
    color: #15516A;
}

.must_fill input {
    border: 1px solid #C20322 !important;
}

.must_fill .error_note {
    display: block;
}

.error_note {
    display: none;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    position: absolute;
    margin-top: 3px;
    color: #C20322;
}

.latest_projects_list ul {}

.latest_projects_list ul li {
    margin-left: 32px;
    margin-bottom: 32px;
    position: relative;
    float: left;
}

.latest_projects_list ul li:nth-child(3n - 2) {
    margin-left: 0;
}

@media(min-width:1200px) {
    .latest_projects_list ul li:first-child {
        width: 792px;
        height: 700px;

    }

    .latest_projects_list ul li:first-child .video_box,
    .latest_projects_list ul li:nth-child(2) .video_box,
    .latest_projects_list ul li:nth-child(3) .video_box {
        height: 100%;
        width: 100%;
    }

    .latest_projects_list ul li:nth-child(2),
    .latest_projects_list ul li:nth-child(3) {
        width: calc(100% - 824px);
        height: 334px;
    }

    .latest_projects_list li:first-child .vide_desc_box {
        height: 152px;
    }

    .latest_projects_list li:first-child .video_box_img {
        height: calc(100% - 152px);
    }

    .latest_projects_list li:first-child .vide_desc_box p {
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
        color: #15516A;
    }

    .latest_projects_list li:first-child .vide_desc_box a {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        color: #000000;
        margin-bottom: 8px;
    }

    .latest_projects_list li:first-child .vide_desc_box a:hover {
        color: #C20322;
    }

    .latest_projects_list li:first-child .video_box_img a:after {
        background-image: url(images/bigp.svg);
    }

    .latest_projects_list li:first-child .video_box_img a:hover:after {
        background-image: url(images/bigp_hover.svg);
    }
}



.latest_projects_list li .vide_desc_box {
    height: 72px;
    margin-bottom: 0;
}

.latest_projects_list li .video_box_img {
    height: calc(100% - 132px);
}


.latest_projects_list li .vide_desc_box p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #15516A;
}

.latest_projects_list li .vide_desc_box a {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 127.46%;
    margin-bottom: 6px;
    color: #000000;
}

.latest_projects_list li .vide_desc_box a:hover {
    color: #C20322;
}



.load_more a {
    border: 1px solid #C20322;
    box-sizing: border-box;
    border-radius: 4px;
    width: 130px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #000000;
    transition: .3s ease;
}

.load_more a:hover {
    background-color: #C20322;
    color: #fff;
}

.load_more {
    display: flex;
    justify-content: center;
    margin: 12px 0;
}

.project_banner {
    height: 568px;
    margin-top: 32px;
    overflow: hidden;
}

.project_banner a {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.project_banner a img {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_banner a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/bigp.svg);
    content: '';
    transition: .2s ease;
}

.content_container {
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13), 1px 3px 4px #F3F8FA;
    border-radius: 4px;
    width: 1124px;
    height: auto;
    padding: 56px 72px;
}

.project_inner_content {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

.pro_content h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 49px;
    color: #000000;
    max-width: 800px;
}


.share_this .pro_time {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #15516A;
}

.share_this .sharep {
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #828282;
}

.share_this {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-bottom: 40px;
    border-bottom: 0.5px solid #A8B4BD;
    ;
}

.project_inner_content_text {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 31px;
    color: #000000;
    padding-right: 120px;
    margin: 40px 0;
}

.project_content_slider a img {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_content_slider a {
    width: 100%;
    height: 229px;
    overflow: hidden;
    border-radius: 4px;
}

.owl-carousel button.owl-dot {
    width: 43px;
    height: 2px;
    background: rgba(21, 81, 106, 0.3);
    opacity: 0.7;
    margin: 0 8px;
    cursor: pointer;
}

.owl-carousel button.owl-dot.active {
    background: #15516A;
}

.owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

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

.sorting {
    display: flex;
    align-items: center;
}

.sorting p {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #828282;
}

.sorting select {
    background-color: #FFFFFF;
    width: 181px;
    height: 41px;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13), 1px 3px 4px #F3F8FA;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #4F4F4F;
    padding: 0 16px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    background-image: url(images/select.svg);
    margin-left: 16px;
}

.books_list ul {
    display: flex;
    flex-wrap: wrap;
}

.books_list ul li {
    width: calc((100% - 96px) / 4);
    margin-left: 32px;
    margin-bottom: 32px;
}

.books_list ul li:nth-child(4n - 3) {
    margin-left: 0;
}

.pagination {
    display: none;
}

.title_and_down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.title_and_down .lesson_title {
    margin-bottom: 0;
}

.down_pdf {
    padding: 10px 16px;
    color: #15516A;
    font-size: 15px;
    background-color: transparent;
    border: 1px solid #15516A;
    position: relative;
    flex: none;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: .3s ease;
}

.down_pdf:hover {
    background-color: #15516A;
    color: #fff;
}

.down_pdf:before {
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(admin_img/pdf-file.svg);
    background-size: contain;
    content: '';
    margin-right: 12px;
    transition: .3s ease;
}

.down_pdf:hover:before {
    background-image: url(admin_img/pdf_white.svg);
}

.end_date {
    display: flex;
    align-items: center;
    border: 1px solid #15516A;
    height: 40px;
    border-radius: 4px;
    padding: 0 24px;
    align-items: center;
    margin-left: 24px;
}


.end_date p {
    color: #15516A;
    font-size: 16px;

    flex: none
}

.end_date span {
    font-size: 16px;
    color: #15516A;
    margin-left: 4px;
    flex: none;
    font-weight: 500;
}


.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    width: 100%;
}

.pagination ul li a {
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #828282;
    height: 24px;
    transition: .2s ease;
}

.pagination ul li {
    margin: 0 6px;
}

.pagination ul li.page_prev {
    margin-right: 10px;
}

.pagination ul li.page_next {
    margin-left: 10px;
}

.pagination ul li.active a {
    color: #15516A;
}

.pagination ul li a:hover {
    color: #15516A;
}

.paging-arrrow.disabled a svg path {
    fill: #BDBDBD !important;
}

.paging-arrrow.disabled a svg rect {
    stroke: #BDBDBD !important;
}

.contact_left {
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13),
        1px 3px 4px #F3F8FA;
    border-radius: 4px;
    width: 280px;
    height: 277px;
    padding: 40px 32px;
}

.contact_side_title {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    position: relative;
    float: left;
    width: 100%;
    color: #323C43;
}

.contact_left ul {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}

.contact_left ul li a,
.contact_left ul li p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #020202;
    transition: .2s ease;
}

.contact_left {
    display: flex;
    flex-direction: column;
}

.contact_left ul li svg {
    margin-right: 20px;
    width: 21px;
}

.contact_left ul li svg path {
    transition: .2s ease;
}

.contact_left ul li a:hover {
    color: #C20322;
}

.contact_left ul li a:hover svg path {
    fill: #C20322 !important;
}

.contact_right {
    width: calc(100% - 312px);
    height: auto;
    padding: 40px 32px;
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13),
        1px 3px 4px #F3F8FA;
    border-radius: 4px;
    margin-left: 32px;
}

.contacts {
    display: flex;
}

.cr_titles {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.cr_titles p {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #A8B4BD;
    margin-top: 8px;
}

.contact_form .form-group label {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    float: left;
    width: 100%;
    color: #020202;
    margin-bottom: 8px;
}

.contact_form .form-group .form-control {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #000;
    border: 1px solid #15516A;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
    box-shadow: none !important;
    outline: none !important;
}

.contact_form .form-group textarea.form-control {
    height: 104px;
    resize: none;
    padding-top: 10px;
    font-family: 'Montserrat',
        sans-serif;
}

.contact_form .plan_form_textarea {
    margin-top: 44px;
}

.contact_form .form-group button {
    width: 100%;
    height: 40px;
    background: #15516A;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    border: 1px solid #15516A;
    color: #FFFFFF;
    cursor: pointer;
    transition: .3s ease;
}

.contact_form .form-group button:hover {
    background-color: #fff;
    color: #15516A;
}

.must_fill input {
    border: 1px solid #C20322 !important;
}

.contact_map .in_page_title {
    margin-top: 144px;
}

#map {
    width: 100%;
    position: relative;
    height: 497px;
    float: left;
}

.video_slider .item {
    display: flex;
    flex-wrap: wrap;
}

.video_slider .video_box {
    margin-right: 32px;
}

.video_slider .video_box:nth-child(3n) {
    margin-right: 0;
}


.login_popup {
    width: 592px;
    height: 538px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 112px 120px;
    display: flex;
    flex-direction: column;
}

.login_popup h4 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
}

.login_popup>p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
    color: #A8B4BD;


}

.login_form {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}

.login_form .form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 24px;
}

.login_form .form-group label {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;
    color: #020202;
}

.login_form .form-group input {
    border: 1px solid #A8B4BD;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    padding: 0 16px;
    height: 40px;
}

.login_submit {
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    height: 40px;
    background: #15516A;
    border-radius: 4px;
    transition: .3s ease;
    color: #FFFFFF;
    margin-top: 8px;
}

.login_submit:hover {
    opacity: .8;
}

.show_pass {
    background-image: url(images/show_pass.svg);
    width: 18px;
    height: 18px;
    background-color: transparent;
    position: absolute;
    background-size: contain;
    right: 12px;
    top: 34px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.hide_pass {
    background-image: url(images/hide_pass.svg);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 12px;
    top: 34px;
    display: none;
    cursor: pointer;
}

.edit_user_popup {
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13),
        1px 3px 4px #F3F8FA;
    border-radius: 4px;
    padding: 64px 104px;
    width: 792px;
}

.edit_user_form .form-group {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.edit_user_form .form-group label {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;
    color: #020202;
}

.edit_user_form .form-group input {
    border: 1px solid #15516A;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    flex: none;
    color: #828282;
    padding: 0 16px;
}

.popup_title {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.popup_title h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-align: center;

    color: #323C43;
}

.edit_user_form .chosen-container-single .chosen-single {
    border: 1px solid #15516A !important;
    box-sizing: border-box;
    border-radius: 4px !important;
    height: 40px;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    padding-top: 3px;
    color: #828282;
}

.upload_file_inp {
    position: relative;
    background: #15516A;
    border-radius: 4px;
    width: 126px;
    height: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;
    overflow: hidden;
    color: #FFFFFF;
}

.upload_file_inp input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}

.edit_form_buttons {
    display: flex;
    align-items: center;
}

.edit_form_buttons button {
    width: calc(50% - 16px);
    height: 40px;
    border-radius: 4px;
    border: 1px solid #15516A;
    transition: .3s ease;
    cursor: pointer;
}

.edit_form_buttons button:hover {
    opacity: .8;
}

.cancel {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    background-color: #fff;
    color: #828282;
}

.edit_submit {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    background-color: #15516A;
    color: #FFFFFF;
    margin-left: 32px;
}

.delete_user_popup {
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: -1px -3px 13px rgba(243, 248, 250, 0.13),
        1px 3px 4px #F3F8FA;
    border-radius: 4px;
    padding: 64px 104px;
    width: 592px;
}

.delete_buttons {
    display: flex;
    align-items: center;
}

.delete_buttons a {
    width: calc(50% - 16px);
    height: 40px;
    border-radius: 4px;
    border: 1px solid #15516A;
    transition: .3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delete_buttons a:hover {
    opacity: .8;
}

.delete_buttons .cancel {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    background-color: #fff;
    color: #828282;
}

.cancel:hover {
    color: #15516A;
}

.delete_buttons .edit_submit {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    background-color: #15516A;
    color: #FFFFFF;
    margin-left: 32px;
}

.cancel:hover {
    color: #15516A !important;
}

.uploaded_file P {
    display: none;

}

.uploaded_file .upload_file_inp {
    background-color: transparent;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 17px;
    /* identical to box height */
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #828282;
}

.uploaded_file .upload_file_inp label {
    margin-bottom: 0;
    text-align: left;
}

.table_links .di_save {
    width: 24px !important;
    height: 16px !important;
    margin-right: 16px !important;
    background-image: url(admin_img/cloud.svg) !important;
}

.table_links .di_edit {
    width: 22px !important;
    height: 15px !important;
    background-image: url(admin_img/edit.svg) !important;
}

.main_video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

}

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

.banner_container {
    z-index: 999;
}

.req_input_filled input {
    border: 1px solid green !important;
}

.mobile_copyright {
    display: none;
}

.menu_open {
    width: 25px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/mopen.svg);
    background-color: transparent;
    background-size: contain;
    display: none;
    cursor: pointer;
}

.mobile_menu {
    position: fixed;
    width: 280px;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: #fff;
    height: 100vh;
    padding: 30px 25px;
    transform: translateX(-105%);
    transition: .5s ease;
    opacity: .6;
}

.mobile_menu.opened {
    transform: translateX(0) !important;
    opacity: 1 !important;
}

.menu_close {
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/mclose.svg);
    background-color: transparent;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 50px;

}

.layer {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100vh;
    display: none;
}



.mobile_menu_navbar {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.mobile_menu_navbar ul {
    display: flex;
    flex-direction: column;
}

.mobile_menu_navbar ul li {
    margin-top: 16px;

    display: flex;
    justify-content: center;
}

.mobile_menu_navbar ul li a {
    color: #000;
    font-weight: 500;
    font-size: 17px;
}

.hiw_box_video {
    display: none;
}

.inner_mopen {
    background-image: url(images/inner_mopen.svg);
}


.video_box_img a:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.mobile_subj{
    background-color: #fff;
    border-radius: 10px;
    height: auto;
    display: none;
    flex-direction: column;
    width: calc(100% - 30px);
    margin-left: 15px;
    

}

.active_subj{
    height: 45px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;color: #15516A;
    border-bottom: 1px solid transparent;
    position: relative;
}

.active_subj:after{
    position: absolute;
    float: right;
    transition: .2s ease;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/select.svg);
    content: '';
    right: 16px;

}

.active_subj.active:after{
    transform: rotate(180deg);
}

.active_subj.active{
    border-bottom: 1px solid rgba(222,222,222,.5)
}

.active_subj svg{
    margin-right: 15px;
}

.mobil_subjects_drop{
    position: relative;
    display: none;
}

.mobil_subjects_drop ul{
    display: flex;
    flex-direction: column;
    padding: 25px 10px
}



.mobil_subjects_drop ul li{
    margin-bottom: 20px;
    padding: 0 15px;
}

.mobil_subjects_drop ul li:nth-last-child(2){
    margin-bottom: 0px;
}

.mobil_subjects_drop ul li a{
    color: #828282;
    font-size: 16px;
}

.mobil_subjects_drop ul li.active a{
    font-weight: 500;color: #15516A;
}