/*ТЗ-2: Очные курсы + Дистанционные курсы*/

.swal-button {
    background-color: #13ADAC;
}



@media  (max-width: 640px) {

    #course_choice {
        display: block !important;
        padding: 2px !important;
        height: 52px !important;
    }

    .box-training_course-card {
        max-width: 100% !important;
    }
}

#school_table td{
    padding: 8px;
    padding-top: 20px;
    vertical-align: center;
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
    border: #13ADAC 1px solid;
}


.h5_who {
    /*color: white;*/
    color: #13ADAC;
}


.h5_who:hover {
    /*color: #13ADAC;*/
    color: white;
}

.who_block {
    /*border: 2px solid white;*/
    padding: 10px;
    margin: 25px;
    width: 100%
}

.who_div {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 800px) {
    #who_section {
        flex-wrap: wrap;
    }
    .who_div {
        text-align: left;
    }
}

.who_number {

    display: inline-block;
    background: #13ADAC;
    /*background: lightgray;*/
    /*background: #3AE2CE;*/
    color: #fff;
    text-align: center;
    border-radius: 50%;
    padding: 0.8em  0;
    width:3em;
    height:3em;
    border: 2px solid #fff;

}


.who_number_title {
    display: inline-block;
    color: white;
    margin-left: 14px;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}

.box-main_slider-item {
    padding: 94px 143px 0 !important;
}


.box-main_slider-title-new {
    font-size: 24px;
    line-height: 1.08em;
    margin-bottom: 32px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #13adac;
    width: 100% !important;
}

.box-main_slider-text {
    color: black;
    font-size: 21px;
    width: 100% !important;
}


#proc_15 {
    text-align: right;
    margin-right: 0;
    margin-bottom: 20px;
}



#service_15 {
    text-align: right;
    /*color: red;*/
    /*margin-right: 20px;*/
    /*padding-right: 20px;*/
    /*font-weight: bold;*/
}

/*NY Logo*/

#logo_ny {
    width: 180px;
    height: 82px;
}

@media (max-width: 990px) {
    #logo_ny {
        width: 133px;
        height: 60px;
    }
}

@media (max-width: 766px) {
    #logo_ny {
        width: 88px;
        height: 40px;
    }
}

/*NY Logo*/

@media (max-width: 600px) {
    .box-main_slider-item {
        padding: 16px 24px 0;
    }
    .box-main_slider-text {
        /*display: none;*/
        width: 100%;
    }
    .box-main_slider-wrap {
        margin-left: -110px;
        max-width: 330px;
    }
    #content .box-main_slider-wrap, .content .box-main_slider-wrap {
        width: 300px;
        max-width: 800px;
    }

    .main_slider_btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .main_slider_add_txt {
        display: none;
    }

    #proc_15_img {
        width: 300px;
    }
    
}

@media (max-width: 980px) {
    .box-main_slider-item {
        padding: 16px 43px 0;
    }
    #content .box-main_slider-title-new {

        font-size: 21px;
        line-height: 1.25em;
        margin-bottom: 18px;
    }
    .box-main_slider-text {
        color: black;
        font-size: 16px;
    }
    #content .box-main_slider-wrap, .content .box-main_slider-wrap {
        max-width: 800px;
    }
    .main_slider_btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .box-main_slider-count {
        display: none;
    }
    #proc_15_img {
        width: 350px;
    }
}


@media (max-width: 1200px) {

    #content .box-main_slider-wrap, .content .box-main_slider-wrap {
        max-width: 700px;
    }

    .box-main_slider-item {
        padding: 16px 143px 0;
    }
    .box-main_slider-wrap {
        margin-top: -50px;
    }
    #proc_15 {
        margin-right: 10px;
    }
    #proc_15_img {
        width: 450px;
    }


}

@media (max-width: 1500px) {

    #content .box-main_slider-wrap, .content .box-main_slider-wrap {
        max-width: 700px;
    }
    .box-main_slider-item {
        padding: 64px 143px 0;
    }
}


/* Main slider mobile */

.desktop_slider_main {
    display: block;
}

.mobile_slider_main {
    display: none;
    font-size:16px;
    /*text-transform: uppercase;*/
    text-transform: none;

}

.main_slider_btn_mobile {
    margin-top: 90px;
    text-align: center;
    margin-left: -25px;
}

@media (max-width: 600px) {
    .desktop_slider_main {
        display: none;
    }

    .mobile_slider_main {
        display: block;
    }
    .box-main_slider-title-new {
        padding-left: 0;
    }

    .main_slider_btn_mobile {
        margin-bottom: 40px;
        text-align: center;
        margin-left: -10px;
    }
}

/* Main slider mobile */




#team2 {
    display: none;
}

#team3 {
    display: none;
}

#team4 {
    display: none;
}

#team5 {
    display: none;
}


.team-index-text {
    color: black;
    font-size: 24px;
    /*font-style: oblique;*/
    font-style: italic;
    width: 100% !important;
    padding-right: 0;
}

#team {
    padding-left: 30px;

}

#team img {
    border: white 1px solid;
    border-spacing: 15px 15px;
}

#team_href {
    margin-left: 30px;
    padding-left: 30px;
    padding-right: 30px;
    color: black;
    font-size: 19px;
}

#team_href:hover {
    color: #13ADAC;
}

.box-main_who {
    padding: 0 !important;
}


.data-letter_big {
    font-family: Nicoletta;
    font-style: italic;
    color: #000;
    top: -.14em;
    font-size: 3.55em;
    line-height: .58em;
}


/*news chess*/

.box-news_item_chess {
    /*background: #13adac !important;*/
    /*color: #fff !important;*/
    background-color: #D0DFE4 !important;
    color: #4f4f4f;

}

.box-news_item_chess .h4 {
    /*color: #fff !important;*/
    color: black !important;
}

@media (max-width: 980px) {
    /*news chess*/
    .box-news_item_chess {
        background: #fff !important;
        color: #4f4f4f !important;
    }

    .box-news_item_chess .h4 {
        color: #13adac !important;
    }


}


/*About*/


.box-about_text {
    max-width: 100% !important;
}

@media (max-width: 980px){
}
.box-about_text {
    max-width: 100% !important;
}

.about_text_light {
    background-color: white;
    border: 1px solid #d0dfe4;
    padding: 15px;
    /*font-size: 20px;*/
    /*line-height: 1.14em;*/
}


.about_text_dark {
    background-color: #D0DFE4;
    /*border: #ccc 1px solid;*/
    padding: 15px;
    color: #4f4f4f;
    /*font-size: 20px;*/
    /*line-height: 1.14em;*/
}


.fa_how {
    color: #13ADAC;
    margin-right: 20px;
}


.popup-article-bn {
    /*background: url(/upload/news/new_banner_25022021.jpg) no-repeat right bottom #fff !important;*/
    /*background: url(/upload/news/new_banner_06042021.jpg) no-repeat right bottom #fff !important;*/
    /*background: url(/upload/news/new_banner_17052021.jpg) no-repeat right bottom #fff !important;*/
    background: url(/upload/news/new_banner_28052021.jpg) no-repeat right bottom #fff !important;
}


.course_title {
    color: white;
    background-color: #13ADAC;
    padding: 10px;
    margin-bottom: 15px;

}

.course_title_line {
    padding: 2px;
    width: 60%;

}

.course_author{
    width: 250px !important;
    min-width: 200px !important;
}

.course_author_open{
    width: 170px !important;
    min-width: 170px !important;
    margin-right: 60px !important;
    margin-bottom: 20px;
    margin-top: -20px;
}

#online_title {
    font-size: 27px;

}


#team_text_div {
    width: 60%;
}


@media (max-width: 760px){
    .course_author_open {
        display: none;
    }
    #online_title {
        font-size: 20px;
    }

    .team-index-text {

        font-size: 18px;
        /*font-style: oblique;*/
        font-style: italic;
    }
    #team_slide_div{
        display: none;
    }

    #team_text_div {
        width: 90%;
    }

    #galyamin {
        display: none;
    }

}


.mailing_ico {

    overflow:hidden;
    -webkit-transition: all 1s ease-out 0.5s;
    -moz-transition: all 1s ease-out 0.5s;
    -o-transition: all 1s ease-out 0.5s;
    transition: all 1s ease-out 0.5s;

    margin-bottom: 30px;
    width: 100px;

}


.mailing_ico:hover{

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.2);
    transform: scale(1.1);

    border: 2px;
    align-content: center;
}



.rating-area {
    overflow: hidden;
    width: 265px;
    margin: 0 auto;
}
.rating-area:not(:checked) > input {
    display: none;
}
.rating-area:not(:checked) > label {
    float: right;
    width: 42px;
    padding: 0;
    cursor: pointer;
    font-size: 32px;
    line-height: 32px;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
    content: '★';
}
.rating-area > input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod;
}
.rate-area > label:active {
    position: relative;
}


.news_main_active h4{
    /*border: brown 2px solid;*/
    color: brown;
    font-weight: bold;
}

.news_main_active {
    border: #13adac 4px solid;
}


.news_news_active {
    border: #13adac 4px solid;
    padding: 20px;
}

.review {
    border-radius: 20px !important;
    border: solid 2px #13ADAC !important;
}


.btn_site {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.btn_site:hover {
    background: #13adac !important;
}
.btn_site:after {
    background: #13adac !important;
}


.btn_zakaz {
    border: solid 1px #6C757D !important;
}

.btn_zakaz:hover {
    background: #6C757D !important;
}

.btn_zakaz:after {
    background: #A9A9A9 !important;
}




.img_responsive {
    width: 100%;
    height: auto;
}

.img_responsive {
    width: 100%;
    max-width: 540px;
    height: auto;
}


/*Tabs*/
/* Style the tab */
.tab_education {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab_education button {
    background-color: inherit;
    float: left;

    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    border: 1px solid #13ADAC;
    margin-right: 0;
    width: 25%;
}


/* Create an active/current tablink class */
.tab_education button.active {
    background-color: #13ADAC;
    color: #FFF;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    margin-top: 0;
}


/*Исчезать в вкладках:*/

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}



@media (max-width: 1330px) {
    .tab_education button {
        font-size: 14px !important;
    }
}

@media (max-width: 1080px) {
    .tab_education button {
        font-size: 12px !important;
    }
}


@media (max-width: 885px) {
    .tab_education button {
        font-size: 11px !important;
    }
}

@media (max-width: 636px) {
    .tab_education button {
        height: 60px;
    }
}


@media (max-width: 575px) {
    .tab_education button {
        width: 50%;
        height: 50px;
        margin-right: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 450px) {
    .tab_education button {
        width: 50%;
        height: 55px;
        margin-right: 0;
    }
}


@media (max-width: 295px) {
    .tab_education button {
        width: 100%;
        height: 40px;
        margin-right: 0;
    }
}

/* Change background color of buttons on hover */
.tab_education button:hover {
    background-color: #ddd !important;
    color: #13ADAC !important;
}

.tab_education button.active:hover {
    color: yellow !important;
}

/*Btn*/

/* Tabs - end*/


/* Consulting */

.consulting-row {
    display: flex;
    flex-flow: row wrap;
}

.consulting-card {
    border: #13ADAC 1px solid;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 10px;

    padding: 10px;
    height: 90%;
    position:relative;
}

.consulting-card-selected {
    border: #008080 1px solid;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 10px;

    padding: 10px;
    height: 90%;
    position:relative;
}


.consulting-body {
    padding: 25px;
    height: 100%;
    margin-bottom: 60px;
}

.consulting-body li {
    list-style-type: disc;
    /*color: #13ADAC;*/
}

.box-card-top {
    background-color: #13ADAC;
    color: white;
    margin: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: center;
    height: 95px;
}

.box-card-top-selected {
    background-color: #008080;
    color: white;
    margin: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: center;
    height: 95px;
}

.box-card-bottom {
    background-color: #13ADAC;
    color: white;
    margin-top: 20px;
    margin-left: -11px;
    margin-right: -9px;
    margin-bottom: -10px;
    padding: 10px;
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 100.5%;
    border-radius: 0 0 5px 5px;
}


.box-card-bottom-selected {
    background-color: #008080;
    color: white;
    margin-top: 20px;
    margin-left: -11px;
    margin-right: -9px;
    margin-bottom: -10px;
    padding: 10px;
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 100.5%;
    border-radius: 0 0 5px 5px;
}

.btn-success-new {
    border-color: #008080 !important;
}

.btn-success-new:hover {
    background-color: #13ADAC !important;
    color: white !important;

}

.consulting-card-img {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
}

.btn-hover-consult {
    border-radius: 5px !important;
    padding-left: 38% !important;
    color: white !important;
    height: 50px !important;
    align-items: center !important;
    border: 2px solid !important;
}

.btn-hover-consult:hover {
    background-color: #5CB8B2 !important;
}


#how_we_are_working {
    width: 850px;
    height: auto;
}

@media (max-width: 810px) {
    #how_we_are_working {
        width: 90%;
        height: auto;
    }
}

@media (max-width: 640px) {
    #how_we_are_working {
        width: 100%;
        height: auto;
    }
}

/* TextArea
===========      */

.text_area {
    height: 90px !important;
    border: 1px solid #d0dfe4 !important;
    padding: 5px;
}

.form_full_page {
    margin: 25px;
}

.btn-service {

    cursor: pointer;
    color: #ffffff;
    background-color: #13adac;
    padding: 12px 24px ;
    border-radius: 5px;
}