@font-face {
    font-family: "Open Sans Regular";
    src: url("./fonts/OpenSans-Regular.ttf") format("truetype");

}
@font-face{
    font-family: "Open Sans SemiBold";
    src: url("./fonts/OpenSans-SemiBold.ttf") format("truetype");

}

html{
    height: 100%;
}
body {
    height: 100%;
    background-color: #f0f0f0;
}
.app-menu-wrap{
    position: absolute;
    z-index: 1;
    height: 80px;
    width: 100%;
    top:0;
    background-color: #ffffff;
}
#app{
    box-sizing: border-box;
    min-height: 100%;
    padding-bottom: 120px;
    width: 100%;
    font-family: 'Open Sans Regular';
}
.container.content{
    padding-top: 15px;
}
/*.collapse .navbar-collapse, .container .navbar-container{*/
    /*min-width: 1201px;*/
/*}*/
.container.content{
    padding-bottom: 15px;
}
/*.navbar-container, .nav-container{*/
    /*min-width: 993px;*/
/*}*/
.navbar-custom-wrapper{
    background-color: #ffffff;
}
.navbar{
    background-color: #f0f0f0 !important;
    border-right: none !important;
}
.nav-bar-center{
    text-align: center;
}
.main-title-section{
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*width: 60%;*/
}
.main-section{
    width: 60%;
    padding-left: 10%;
}
.main-title-section-guest{
    width: 90%;
}
#exit-modal .modal-dialog{
    text-align: center;
}

#exit-modal .modal-content, #delete-modal .modal-content{
    margin-left: 17%;
    width: 65%;
    border-radius: 0px;
}


.exit-lnk{
    background: url('../img/content/exit_icon.png') top no-repeat;
    margin-top: 27px;
    margin-right: 27px;
}
.main-title-section .section-title, .main-title-section-guest .section-title{
    display: inline-block;
    padding-top: 23px;
    font-size: 22px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Open Sans SemiBold";
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
}

.guest-title-conteiner{
    width: 75%;
}

/*.nav-container-custom{*/
    /*padding-top:25px;*/
    /*background-color: #f0f0f0;*/

/*}*/
.nav-container-custom{
    background-color: #f0f0f0;
    border: none;
    width: 100%;
    border-bottom: none !important;
    margin-bottom: 0px;
}
.first-menue{
    width: 100%;
}

.header-submenue_link{
    font-size: 17px;
    margin-left: 10px;
    margin-right: 10px;
}
/*.secondary-menu li{*/
    /*position: relative;*/
/*}*/
#bs-example-navbar-collapse-1{
    border-bottom: 1px solid #b3d6ec;
    padding: 0;
}

.secondary-menu li{
    padding-left: 15px;
}



.secondary-menu li.active-menu-link{
    border-bottom: 2px solid #227eba;
    color: #227eba !important;
}
.secondary-menu li.active-menu-link a,.secondary-menu li:hover a{
    color: #227eba !important;
}
.secondary-menu li:hover{
    border-bottom: 2px solid #227eba;
    color: #4490c1 !important;
}
.footer {
    height: 120px;
    margin-top: -120px;
    background-color: #2e2e2e;
}

.panel-default>.panel-heading{
    font-size: 16px;
    height: 50px;
    padding-bottom: 8px;
    padding-left: 20px;
}
#logo{
    height: 65px;
    width: 117px;
}
.navbar-brand{
    height: 80px !important;

}
.dropdown-toggle{
    padding-top: 25px !important;
}
.navbar-default .navbar-nav>.open>a{
    background-color: #ffffff !important;
}
.dropdown-menu{
    text-align: left;
    margin-right: 27px;
    font-size: 15px;
}
/*Странца с курсами*/
.cource-list{
    padding: 0;
}
.accordionjs .acc_section.acc_active > .acc_head{
    background-color: #ffffff;
    color: black;
    font-size: 19px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
}
.accordionjs .acc_section:first-of-type, .accordionjs .acc_section:first-of-type .acc_head,
.accordionjs .acc_section:last-of-type, .accordionjs .acc_section:last-of-type .acc_content {
    border: none;
    border-radius: 0px;
}
.acc_head_cource{
    font-size: 17px;
}

.acc_head .cource-progress-bar {
    /*position:relative;*/
    background-color: #d7d7d7;
    height: 5px;
    padding: 0px;
    width: 100%;
    border-radius: 0px;
    width: 100%;
    margin-top: -10px;
    margin-left: 5px;

}

.acc_head .cource-progress-bar span {
    position:absolute;
    display: inline-block;
    /*right: 0;*/
    height: 5px;
    width: 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #36af47;
    width: 50%;

}

.acc_cource .acc_head_cource{

    border-bottom: 2px solid #d5d9db !important;

}
.accordion-custom-local {
    margin: 0;
}


.lesson_acc .lesson_header{
    padding-top: 20px;
    padding-left: 30px;
}
.lesson_acc .acc_head{
    height: 100%;
    height: auto;
    /*position: absolute;*/

}
.lesson_acc .video{
    text-align: center;
    padding-bottom: 15px;
}



.lesson_acc .lesson_header .lesson_header__title{
    width: 70%;
    position: relative;
    top: -35px;
    left: 76px;

}


.lesson_acc .acc_head:not(.acc_head_cource){
    border-radius: 0px;
    margin-bottom: -20px;
}
.lesson_acc:not(.acc_active) .acc_head{
    overflow: hidden;
}

.lesson_acc .study-materials .studymaterials-title{
    font-size: 13px;
}
.study-materials .study-materials-row{
    margin-top: 35px;
    font-size: 15px;
    margin-left: -2px;
    position: relative;
}
.study-materials .study-materials-row img{
    position: absolute;
    left: -5px;
}

.study-materials .study-materials-row .material-name{
    position: absolute;
    top: -8px;
    left: 40px;
    font-size: 15px;
    color: #000000;
    width: 70%;
}

.study-materials .study-materials-row .material-name:hover{
    color: #3097D1;

}

.study-materials .study-materials-row .file-size{
    position: absolute;
    top: 35px;
    left: -7px;
    font-size: 12px;
 }
.study-materials .study-materials-row .download-material{
    position: absolute;
    top: -8px;
    right: 55px;
    font-size: 15px;
}

    /*.lesson_acc.acc_active .lesson_header img{*/
    /*-o-transform: rotate(90deg);*/
    /*-ms-transform: rotate(90deg);*/
    /*-moz-transform: rotate(90deg);*/
    /*-webkit-transform: rotate(90deg);*/
    /*transform: rotate(90deg);*/
/*}*/

.lesson_acc .acc_hedaer_img,.acc_cource .acc_hedaer_img{
     height: 19px;
     width: 11px;
     background: url("../img/content/accord_arrow.png");
}
.lesson_acc .acc_hedaer_img{
    display: inline-block;
}
.acc_cource .acc_head_cource{
    height: 100% !important;
}

.acc_cource .acc_head_cource:last-child{
    border-bottom: none;
}

.acc_cource .acc_head_cource .acc_hedaer_img{
    position: absolute;
    top: 41px;
    right: 32px;
}

.cource_user_info {
    padding-top: 5px;
    padding-left: 30px;
    width: 95%;
}

.info_text{
    font-size: 14px;
    color: #929292;
    font-weight: 400;
    margin-right: 10px;
}
.cource-service-text{
    margin-left: 35px;
}


.acc_cource.acc_active .acc_head_cource .acc_hedaer_img{
    height: 2px;
    width: 19px;
    background: url("../img/content/accord_line.png");

}

.lesson_acc.acc_active .acc_head{
    background-color: #e1ebf1 !important;
    color: #000000;
    height: auto !important;
}
.lesson_acc.acc_active .acc_head:hover{
    color: #000000 !important;
    cursor: auto;
}

.acc_active.lesson_acc .acc_hedaer_img{
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    height: 19px;
    width: 11px;
    background: url("../img/content/accord_arrow.png");
}
.lesson_header__title{
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
}
.lesson_acc .acc_head:hover{
    background-color: #e1ebf1 !important;
    cursor: pointer;
    color: #1d69ab !important;
}
.accordion-custom-local .acc_head{
    background-color: #ffffff !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.lesson_acc .acc_content{
    background-color: #e1ebf1 !important;
    overflow: auto;
    overflow: -webkit-paged-x;

}

.accordion-custom-local .acc_section{
    border: none;

}
.acc_content_inner{
    padding: 0 !important;
}

.accordionjs .acc_section:first-of-type .acc_head{
    border: none;
}
.last-row{
    height: 50px;
}
.inner-cource-row, .inner-lesson-row, .study-materials-row{
    height: 30px;
}

.final-test-btn{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    width: 20%;
    margin-left: 40%;
    margin-right: 40%;
}

.test-btn{
    position: absolute;
    right: 87px;
    top:19px;
    border-radius: 0px;
    background-color: inherit;
    color: #0d55a6;
    border: 1px solid #136ba5;
    height: 47px;
    width: 96px;
    font-size: 16px;
    padding-top: 9px;
}
.status-img{
    width: 21px;
    height: 21px;
    position: absolute;
    right: 34px;
    top:32px;
    background: url("../img/content/no_accept_new2.png");

}
.completed-status-img{
    width: 21px;
    height: 21px;
    position: absolute;
    right: 34px;
    top:32px;
    background: url("../img/content/accept.png");
}

.wide-lesson-block{
    padding: 0px 0px 25px 45px;
    margin-top: 15px;
}
/*Тетсы*/
.quiz-container{
    margin-top: 15px;
    padding-bottom: 65px;
    margin-bottom: 17px;
    background-color: #ffffff;
    display: none;
}
.final-quiz.quiz-container{
    padding-bottom: 25px;
}
.quiz{
    max-width:100%;
}
.quiz .quiz_header{
    display: inline-block;
    width: 100%;
    padding-top: 25px;

}
.the-quiz{
    display: none;
}
.quiz .quiz_header img{
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 10px;
}

.quiz .quiz_header .timer-container{
    display: inline-block;
    width: 11%;
    margin-left: 35px;
    float: right;
}
.quiz .quiz_header .timer-container div{
    display: inline-block;
    width: 30px;
    font-size: 16px;
}
.quiz .quiz_header .questionCount{
    margin-left: 30px;
    display: inline-block;
}
.quiz .quizQuestions ul.questionAnswers li{
    border: none;

}
.quiz label{
    font-weight: 400;
    font-size: 14px;
}
.quiz .quizQuestions ul.questionAnswers li{
    padding-left: 15px;

}
.questionTitle{
    margin-left: 30px !important;
    font-size: 24px;
    font-family: 'Open Sans Regular' !important;
    font-weight: normal;
    color: black;
    margin-right: 30px !important;
}

.quizControls .ctrlPrev, .quiz .quizResults .viewResults{
    display: none !important;
}

.accordionjs .acc_section.acc_active > .acc_head{
    border-bottom: none;
}

.quiz .quizQuestions ul.questionAnswers li.selectedAnswer{
    background: none;
    color:gray;
}
.quiz .quizControls button.ctrlNext, .quiz .quizControls button.ctrlDone{
    float: left;
    background-color: inherit;
    color: #0d55a6;
    border: 1px solid #136ba5;
    height: 47px;
    width: 127px;
    font-size: 16px;
    padding-top: 9px;
    background: none !important;
    border-radius: 0px;
    margin-left: 30px;
}

.quiz input[type="radio"] {
    display:none;
}
.quiz label > input[type="radio"] + span {
    display:inline-block;
    /*height:21px;*/
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/content/radio.png) left top no-repeat;
    cursor:pointer;
    width: auto;

}


.quiz label > input[type="radio"] + div {
    display:inline-block;
    /*height:21px;*/
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/content/radio.png) left top no-repeat;
    cursor:pointer;
    width: auto;

}
.quiz .quizQuestions ul.questionAnswers label{
    padding-left: 20px;
}
/*.quiz label > span{*/
    /*width: auto;*/
/*}*/
.quiz li.selectedAnswer label > input[type="radio"] + span {
    background:url(../img/content/radio_checked.png) left top no-repeat;
}
.quiz li.selectedAnswer label > input[type="radio"] + div {
    background:url(../img/content/radio_checked.png) left top no-repeat;
}

.quiz label span{
    margin-left: 15px;
    padding-left: 40px;
}

.quiz label div{
    margin-left: 15px;
    padding-left: 40px;
}

#service-modal .modal-content{
    width: 50%;
    margin-left: 25%;
}

/*Полоса прогресса для теста*/

.test-progress .wrapper {
    height: 5px;
    min-width: 820px;
    max-width: 900px;
    width: auto;
    display: inline-block;
}
.test-progress{
    display: inline-block;
    margin-left: 30px;
    min-width: 820px;
    max-width: 900px;
    width: auto;
}
.test-progress .progress-bar {
    margin-left: auto;
    margin-right: auto;
    min-width: 820px;
    max-width: 900px;
    width: auto !important;
    display: inline-block;
    background-color: #e0e0e0;
    padding: 1px;
    border-radius: 1px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    margin-top: 5px;
}

.test-progress .progress-bar-fill {
    display: block;
    height: 4px;
    background-color: #659cef;
    border-radius: 3px;
    transition: width 500ms ease-in-out;
}

.test-container{
    background-color: #ffffff;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 214px;
    display: none;

}
.close-test{
    cursor: pointer;
}

.final-test-btn{
    border-radius: 0px !important;
    background-color: inherit;
    color: #0d55a6;
    border: 1px solid #136ba5 !important;
    height: 47px;
    width: 244px;
    font-size: 16px;
    padding-top: 11px;
}
.final-test-inactive{
    /*pointer-events: none;*/
    border: 1px solid #b1b7ba !important;
    color: #b1b7ba !important;
    pointer-events: none;

}
.final-test-inactive:hover {
    background-color: inherit !important;
    pointer-events: none;
}
.cource_user_info .lesson_passed{
    font-size: 14px;
}
.endtest-info{
    width: 100%;
    text-align: left !important;
}




/*Страница регистарции*/
.login-block{
    min-width: 975px;
}
.intro-text{
    padding-top: 15px;
    padding-left: 15px;
    width: 370px;
    color: #000000;
}
.login-mian-block .help-block{
    padding-left: 15px;
}
.login-mian-block .left-column{
    margin-left: 30px;
    padding-top: 30px;
}
.login-mian-block .left-column .login-input{
    width: 360px;
    height: 50px;
    border-radius: 0px;
    background-color: inherit;
    color: #136ba4;
    /*border: 1px solid #136ba4;*/
    font-size: 16px;
    padding-top: 9px;
    /*margin-left: auto;*/
    margin-right: auto;
}

.login-mian-block .right-column{
    margin-left: 80px;
    padding-top: 30px;
}

.login-mian-block .login-input{

}
.captcha-container.has-error{
    margin-bottom: 0;
}

.captcha-container.has-error .help-block{
    margin-top: 20px;
}

.g-recaptcha {
    transform:scale(1.19);
    transform-origin:0 0;
    /*margin-left: 10px;*/
}

.login-btn-section-form{
    width: 100%;
}
.login-btn-section .login-btn{
    width: 166px;
    height: 47px;
    border-radius: 0px;
    background-color: inherit;
    color: #136ba4;
    border: 1px solid #136ba4;
    font-size: 16px;
    padding-top: 9px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 10px;
}
.login-btn-section .btn-link{
    padding-top: 15px;
    margin-left: 30px;

}
.login-btn-section .remember-me{
    padding: 0;
}
.remember-me .form-group{
    padding-top: 7px;
    margin-left: -35px;
}

.confidential-check{
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 13px;
    color: #000000;
}

.checkbox input[type="checkbox"] {
    display:none;
}
.checkbox label{
    padding-left: 0px !important;
    /*margin-left: 15px;*/
}
.checkbox label span{
    margin-left: 15px;

}

.checkbox label span{
    padding-left: 40px;
}
.checkbox input[type="checkbox"] + label span {
    display:inline-block;
    /*padding-left: 15px;*/
    height: 25px;
    line-height: 200%;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/content/checkbox.png) left top no-repeat;
    cursor:pointer;
}
.checkbox input[type="checkbox"]:checked + label span {
    background:url(../img/content/checkbox-checked.png) left top no-repeat;
}

.remember-checkbox{
    margin-left: -20px;
    color: #000000;
}

#confidential-modal{
    margin-top: 50px;
    height: 80%;
}

#confidential-modal .modal-content{
    border-radius: 0px;
}
#confidential-modal .politics{
    text-align: justify;
    overflow: auto;
    height: 450px;
}
input.range{
    text-align: center;
}

/*Первая страница восстановления пароля*/
.email-pass-input-row{
    width: 100%;
}
.email-pass-input{
    text-align: center;
    font-size: 15.0px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    color: #767676;
    width: 555px;
    margin-left: auto;
    margin-right: auto;
}
.email-reset-input{
    width: 100%;
}
.text-bold{
    font-weight: 600;
    font-size: 18px;
    color: black;
    padding: 15px 0;
}
.pass-reset-input{
    background-color: #f0f0f0;
    border-radius: 0px;
    margin-top: 20px;
    width: 360px;
    height: 50px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;

}
.email-pass-input-row.btn-input, .email-pass-input-row span{
    text-align: center;
}

.send-email-link{
    width: 360px;
    height: 50px;
    border-radius: 0px;
    background-color: inherit;
    color: #136ba4;
    border: 1px solid #136ba4;
    font-size: 16px;
    padding-top: 9px;
    margin-left: auto;
    margin-right: auto;
}
/*Форма восстановления пароля*/
.confirm-pass-btn{
    width: 200px;
    height: 50px;
    border-radius: 0px;
    background-color: inherit;
    color: #136ba4;
    border: 1px solid #136ba4;
    font-size: 16px;
    padding-top: 9px;
    margin-left: auto;
    margin-right: auto;
}
.pass-confirm-input-field{
    background-color: #f0f0f0;
    border-radius: 0px;
    font-size: 16px;
}

/*Страница "Контакты"*/
.map-content{
    padding-top: 15px;
}
#map{
    height: 500px;
    width: 100%;
}
.map-container{
    position:relative;
}
.contacts-info{
    position:absolute;
    top:50px;
    left:50px;
    height: 304px;
    width: 465px;
    position: absolute;
    z-index: 15;
    background-color: #f5f8fa;
    box-shadow: 0 10px 15px -8px rgba(0,0,0,0.3);
}
.map-container .contacts-text{
    font-size: 15px;
    font-weight: 400;
    color: black;
}
.map-container .contacts-wrapper{
    padding-top: 37px;
}
.map-container .row{
    padding-top: 20px;
}
.map-container .contacts-wrapper .contacts-text.title{
    color: gray !important;
    font-weight: 500 !important;
}

/*Стили страницы "О системе"*/
.about_info_wrapper{
    background-color: #ffffff;
    margin-bottom: 35px;
    box-shadow:
        4px 4px 6px -1px gray,
        -4px 4px 6px -1px gray;

}
.about-slug-title__content{
    font-size: 24px;
    color: black !important;
    line-height: 1.2em;

 }
.about-slug-title{
    padding-top: 35px;
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: left;
    width: 100%;
}
.about-slug{
    padding-bottom: 25px;
}
.about-slug .empty, .about-slug-title .empty{
    width: 5%;
}
.slug{
    width: 43%;
}

/*Страница "Прифиль"*/
.user-profile-content{
    min-width: 1201px;
    /*width: 100%;*/
    padding-bottom: 15px;
}
.profile-pic #my-awesome-dropzone{
    height: 430px;
    width: 458px;

}
.profile-pic .dropzone{
    text-align: center;
}
.profile-pic .dropzone .dz-preview{
    margin-left: auto;
    margin-right: auto;
}
.dropzone .dropzone-upload-text {
    color: #217eba;
    font-size: 16px;
    font-weight: 500;

}

.dropzone .dropzone-upload-text img{
    padding-right: 15px;
    margin-bottom: 8px;
}
#my-awesome-dropzone{
    box-shadow: 0 0 10px -1px gray;
    border: none;
}
.user-profile-info-block{
    box-shadow: 0 0 10px -1px gray;
    background-color: #ffffff;
    margin-right: 20px;
    width: 650px;
    padding-top: 20px;
    padding-bottom: 50px;
    margin-left: 10px;
    margin-right: 30px;
}
.user-profile-info-block .message-box{
    padding: 15px;
    border: 2px solid #6adb6a;
    border-radius: 0px;
    color: #6adb6a;
    text-align: center;
    background-color: #ffffff;

}
.user-profile-info-block .profile-input{
    width: 564px;
    height: 60px;
    border-radius: 0px;
    background-color: inherit;
    /*color: #227eba;*/
    /*border: 1px solid #136ba4;*/
    font-size: 16px;
    padding-top: 9px;
    margin-left: 10px;
    border: none;
    transition: none;
    box-shadow: none;
}

.user-profile-info-block .profile-input:hover{
    background-color: #f3f3f3;
    cursor: pointer;
    color: #227eba;
    background-image: url('../img/content/edit_penci_icon.png');
    background-repeat: no-repeat;
    background-position: right 15px top 15px;
}
.user-profile-info-block .profile-input:focus{
    background-color: #ffffff;
    background-image: none;
    color: black;
    border: 1px solid #e1e1e1;
}

.profile-pic .buttons{
    width: 458px;
    padding-top: 28px;
}
.profile-pic .buttons .buttons_item{
    padding: 0;
}
.profile-pic .buttons .profile-btn {
    width: 220px;
    padding: 0;
    border-radius: 0px;
    background-color: inherit;
    color: #0d55a6;
    border: 1px solid #136ba5;
    font-size: 16px;
    padding-top: 9px;
    height: 47px;
}
.profile-pic .buttons .delete_acc .profile-btn{
    margin-left:9px;
}
.profile-pic .buttons .profile-btn.inactive_button{
    border: none;
    color: #767676;
    background-color: #b1b7ba;
}

.profile-field-error{
    border: 1px solid #ff252f !important;

}
.user-field-error-block{
    text-align: left;
    color: #ff252f;
    margin-left: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
}



/*Страница "Курсовые работы"*/
.cource-works-title{
    margin-top: 0;
    font-size: 24px;
    color: #000000;
    line-height: 1.2em;
    padding-bottom: 30px;
}

.empty-cource-works{
    width: 35px;
}
.additional-materials .additional-materials-title{
    font-size: 13px;
    margin-top: 10px;
    display: inline-block;
}
.additional-materials .study-material-item{
    position: relative;
    height: 40px;
}
.additional-materials .study-material-item .material-name{
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 40px;
    color: black;
}

/*.additional-materials .study-material-item .material-name:hover{*/
   /*color: #3097D1 !important;*/
/*}*/

.additional-materials .study-material-item img {
    position: absolute;
    top: 6px;
}
.additional-materials .study-material-item .file-size {
    position: absolute;
    top: 21px;
    left: 40px;
}
.additional-materials .study-material-item a{
    position: absolute;
    right: 5px;
    top: 0px;
}

.additional-materials .study-material-row{
    padding-left: inherit;
    padding-top: 10px;
}

.cource-works-acc .acc_head_cource{
    border: none !important;
}
.cource-works-acc .acc_head_cource .cource_title {
    display: inline-block;
    width: 90%;
    font-size: 17px;
    color: #000000;
}
.cource-works-acc .acc_content_inner #my-dropzone{
    width: 100%;
    height: 80px !important;
}
.cource-works-acc .acc_content_inner .dz-message{
    margin-top: 10px;
}
.cource-works-acc .acc_content_inner .acc_text{
    padding: 15px;
    font-size: 15px;
}
.cource-works-acc .acc_cource.acc_active .acc_head, .cource-works-acc .acc_cource.acc_active .acc_content,
.cource-works-acc .acc_cource.acc_active #my-dropzone, .cource-works-acc .dropzone .dz-preview.dz-image-preview {
    background-color: #e1ebf1 !important;
}
.cource-works-acc dz-preview dz-processing dz-image-preview dz-error dz-complete{
    height: 50px !important;
}

.cource-works-acc .ff_fileupload_wrap .ff_fileupload_dropzone{
    height: 100px;
    border: 2px solid #D1DBE2;
    background-color: #D1DBE2;
    background-image: url('../img/content/upload_image_and_title.png');
}
.cource-works-acc .ff_fileupload_hidden{
    display: none;
}

.cource-works-acc .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions{
    padding-right: 10px;
}
.cource-works-acc .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview{
    padding-left: 10px;
}
.cource-works-acc .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input{
    border: 1px solid #348ef9;
}



/*Пользовательсякая страница восстановления парля*/
.users-reset-container .form-horizontal{
    padding-top: 15px;
}
.users-reset-container input{
    width: 360px;
}


/*Маодальные окна*/
.modal{
    margin-top: 150px;
}
.modal .modal-dialog{
    min-width: 50%;
}
.modal .modal-header{
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    color: black;
    border-bottom: none;
    padding: 20px 15px;
}
.modal .modal-body{
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: black;
    padding-left: 45px;
    padding-right: 45px;
}

.modal .modal-footer{
    border-top: none;
    text-align: center;
    padding: 20px 5px;

}
.modal .modal-footer .btn{
    border-radius: 0px;
    background-color: inherit;
    color: #0d55a6;
    border: 1px solid #136ba5;
    height: 47px;
    font-size: 16px;
    padding-top: 9px;
}


/*Типа адаптив*/



@media (min-width: 768px) {


    .modal-dialog {
        min-width: 50%;
        margin: 30px auto;
        /*width: auto !important;*/
    }
    .modal .modal-footer .btn{
        margin-top: 10px;
    }



}



@media screen and (max-width: 1200px){ /*  xl   */

    /*body{*/
        /*background-color: green;*/
    /*}*/

    .container.content{
        margin: 10px 10px;
    }

    .login-block{
        min-width: auto;
    }
    .remember-me .form-group{
        margin-left: 0px;
    }

    .map-content{
        width: 1050px;
    }

    .user-profile-content{
        min-width: 1px;
        width: 100%;

    }
    .about_info_wrapper {
        width: 1030px !important;
    }

    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 1070px;
    }
    .user-profile-info-block .profile-input{
        width: 100%;
    }

    .profile-pic #my-awesome-dropzone, .profile-pic #my-awesome-dropzone, .login-block{
        margin-left: 10px;
        margin-top: 20px;
    }


    .profile-pic .row.buttons .change_password{
        text-align: right;
    }
    .profile-pic .row.buttons .delete_acc{

    }

    .final-quiz .test-progress, .final-quiz .test-progress .progress-bar{
        min-width: 750px;
    }

    /*.user-profile-content{*/
        /*width: ;*/
    /*}*/


}
@media screen and (max-width: 1130px) {
    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 1040px;
    }
}
@media screen and (max-width: 1100px) {
    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 1020px;
    }
}

@media screen and (max-width: 1079px) {
    .main-section{
        width: 40%;
    }
    .main-title-section-guest{
        width: auto !important;
    }
    /*О компании*/
    .about_info_wrapper {
        width: 950px !important;
    }

    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 980px;
    }

    .test-progress .progress-bar, .test-progress{
        min-width: 700px;
    }

    .final-quiz .test-progress, .final-quiz .test-progress .progress-bar{
        min-width: 600px;
    }
}

@media screen and (max-width: 1030px) {
    .login-block{
        width: 800px !important;
    }
    .map-content{
        width: 900px;
    }

    /*О компании*/
    .about_info_wrapper {
        width: 930px !important;
    }

    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 950px;
    }
    .main-title-section-guest{
        font-size: 18px;
    }
}

@media screen and (max-width: 1000px) {

    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 920px;
    }
    .final-quiz .test-progress, .final-quiz .test-progress .progress-bar{
        min-width: 550px;
    }

    .main-title-section-guest{
        width: auto !important;
    }
}


@media screen and (max-width: 992px){ /*  lg   */

    /*body{*/
        /*background-color: red;*/
    /*}*/

    .login-block{
        width: 750px !important;
    }

    .guest-title-conteiner{
        width: 65%;
        padding-left: 2%;
    }

    .container.content{
        margin: 0 !important;
    }
    .login-mian-block{
        height: 600px !important;
    }
    /*.login-block{*/
        /*!*min-width: 600px !important;*!*/
        /*height: 800px !important;*/
    /*}*/
    .login-btn-section{
        padding-top: 100px;
    }

    .login-btn-section{
        position: relative;
    }
    .remember-me{
        position: absolute !important;
        left: 37px;
        top: 10px;
    }
    .login-btn-section .login-btn{
        width: 360px !important;
        margin-left: 0px;
    }
    .login-btn-section .btn-link{
        margin-left: 0px;
    }

    /*Контакты*/
    .contacts-info{
        position: static;
        width: 100%;
    }

    .map-content{
        width: 900px;
    }

    /*О компании*/
    .about_info_wrapper {
        width: 895px !important;
    }

    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 920px;
    }


    .final-quiz .test-progress, .final-quiz .test-progress .progress-bar{
        min-width: 450px;
    }
}
@media screen and (max-width: 960px) {
    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 880px;
    }



}

@media screen and (max-width: 930px) {

    .map-content{
        width: 850px;
    }

    /*О компании*/
    .about_info_wrapper {
        width: 830px !important;
    }

    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 860px;
    }

    .test-progress .progress-bar, .test-progress{
        min-width: 600px;
    }
    .final-quiz .test-progress, .final-quiz .test-progress .progress-bar{
        min-width: 450px;
    }
}
@media screen and (max-width: 900px) {
    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 835px;
    }

    .login-container .row{
        margin-right: 0px;

    }
}

@media screen and (max-width: 886px) {

    .map-content{
        width: 820px;
    }

    /*О компании*/
    .about_info_wrapper {
        width: 800px !important;
    }

    /*Курсы*/ /*Тут дальше творить верстку*/


    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 810px;
        /*background-color: lightskyblue;*/
    }




    /*.accordionjs .acc_section .acc_head:not(.acc_head_cource){*/
        /*height: 150px !important;*/
    /*}*/

    .lesson_acc .lesson_header .lesson_header__title{
        width: 60%;
    }

    .acc_active .acc_active .test-btn{
        top: 20px;
    }

    .acc_active .acc_active .completed-status-img{
        top: 41px;
    }






}
@media screen and (max-width: 855px) {
    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 785px;
    }
}

@media screen and (max-width: 834px) {

    .map-content {
        width: 750px;
    }

    /*О компании*/
    .about_info_wrapper {
        width: 760px !important;
        padding: 15px 20px;
    }

    .about-slug-title__content:first-child {
        width: 100%;
    }

    .about-slug-title__content:last-child {
        display: none;
    }
    .first-slug{
        margin-bottom: 10px;
    }
    .first-slug, .second-slug{
        width: 100%;
    }


    .cource-list, .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 760px;
    }
}

@media screen and (max-width: 814px) {
    /*О компании*/
    .about_info_wrapper {
        width: 100% !important;
    }
    .cource-list{
        width: 100%;
    }
    .user-profile-content, .user-profile-info-block,
    .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone, .login-block{
        width: 710px;
    }
}


@media screen and (max-width: 793px){ /*  md   */
    .login-block{
        width: 80% !important;
    }

    .quiz .quiz_header .timer-container{
        margin-right: 20px;
        margin-left: 15px;
        width: 13%;
    }
    .second-slug{
        margin-bottom: 30px;
    }

}
@media screen and (max-width: 768px){ /*  md   */
    body{
        /*background-color: plum;*/
    }

    .nav-container-custom{
        position: relative;
    }
    .first-menue{
        margin-bottom: 0px;
    }
    .first-menue .navbar-right .user-menue-item{
        width: auto;
        display: inline-block;
    }
    .first-menue .navbar-right .user-menue-item:first-child{
        width: 70px;
        margin-top: 0;
    }
    .first-menue .navbar-right .user-menue-item:first-child img{
        margin-left: 10px;
        margin-bottom: 15px;
    }
    /*.nav>li>a{*/
        /*padding: 0;*/
    /*}*/
    .first-menue .navbar-right .user-menue-item .dropdown-toggle{
        padding-left: 10px;
        padding-top: 10px;
        margin-top: 5px;
        padding-bottom: 0px;
        position: relative;
        bottom: 0;
        width: auto;
    }
    .first-menue .navbar-right .user-menue-item:last-child{
        width: auto;
    }
    .exit-lnk{
        margin: 0;
        position: relative !important;
        top: 5px;
    }

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

    .main-section .section-title{
        padding-top: 0px;
        font-size: 18px;
    }
    .main-section{
        width: 100%;
        margin: 0;
    }


    .container{
        padding: 0px;
    }
    #app{
        width: auto;
    }

    body{
        /*background-color: blue;*/
    }
    .guest-title-conteiner{
        width: 50%;
        padding-left: 2%;
    }
    .login-block{
        margin-left: 20px !important;
    }
    .login-block{
        /*min-width: 600px !important;*/
        width: 600px !important;
    }
    .left-column{
        margin-left: 5px !important;
        /*padding-left: ;*/
    }

    .left-column{
        width: 500px !important;
    }




    /*Контакты*/
    .contacts-info{
        position: static;
        width: 100%;
    }
    .map-content{
        width: 100%;
        margin-right: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
    }

    .container{
        padding-right: 0px !important;
    }


    /*Профайл*/
    .user-profile-content{
        min-width: 320px !important;
        width: 100% !important;
    }

    .user-profile-info-block, .profile-pic .row.buttons, .profile-pic #my-awesome-dropzone{
        width: 100% !important;
        /*padding-right: 15px;*/
    }

    .user-profile-info-block{
        height: 480px;
        padding-right: 20px;
    }
    /*Страница с курсами*/
    .test-progress .progress-bar, .test-progress{
        min-width: 400px;
    }

    .final-quiz .test-progress, .final-quiz .test-progress .progress-bar{
        min-width: 330px;
    }

    .final-test-btn.acc_section{
        margin-left: auto;
        margin-right: auto;
    }

    .final-test-btn{
        margin-left: 35% !important;
    }

    .modal-content {
        width: 90% !important;
        margin-left: 5% !important;

    }
    .modal-body{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }


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

    .secondary-menu li{
        padding-left: 15px;
    }
    .secondary-menu li:hover{
        border-bottom: none;
    }
    .navbar-collapse.in{
        overflow: inherit;
    }
    .secondary-menu li.active-menu-link{
        border-bottom: none;
    }

    .container .content{
        padding-top: 0px !important;
    }
    .slug{
        text-align: justify;
    }

    .header-submenue_link{
        text-align: center;
    }
    .lesson_acc .lesson_header .lesson_header__title {

        /*position: static;*/
        /*height: auto;*/
    }
}
@media screen and (max-width: 700px) {
    .left-column{
        width: auto !important;
    }


    .lesson_acc .lesson_header .lesson_header__title{
        width: 45%;
        font-size: 14px;
    }
    /*.accordionjs .acc_section > .acc_head:not(.acc_head_cource){*/
        /*height: 200px !important;*/
    /*}*/
    .ccources-row{
        margin-bottom: 120px;
        /*height: 700px;*/
    }
    .lesson_acc .lesson_header .lesson_header__title {
        width: 70%;
        font-size: 14px;
        margin-top: 45px;
        position: static;
        height: auto;

    }


}
@media screen and (max-width: 630px) {

    .lesson_acc .lesson_header .lesson_header__title {
        width: 90%;
        font-size: 14px;
        margin-top: 10px;
        position: static;
        height: auto;
    }
}
@media screen and (max-width: 576px){ /*  -   */

    body{
        /*background-color: plum;*/
    }


    .login-block{
        /*min-width: 600px !important;*/
        width: 430px !important;
        padding-right: 0px;
    }
    .login-block .form-group{
        /*text-align: center !important;*/
        width: 100%;
    }

    .login-mian-block{
        height: 600px !important;
    }
    .g-recaptcha{
        width: 350px;
    }
    .row.buttons{
        text-align: center;
    }
    .row.buttons .change_password{
        text-align: center !important;
       width: 100%;
    }
    .row.buttons{
        margin-left: 0px;
    }
    .row.buttons .delete_acc{
        width: 100%;
        margin-top: 10px;
    }
    .row.buttons .delete_acc .profile-btn {
        margin-left: 0px;
        width: 80%;
    }
    .row.buttons .change_password .profile-btn {
        margin-left: 0px;
        width: 80%;
    }
    .user-profile-content{
        height: 1080px;
    }

    .test-progress .progress-bar, .test-progress{
        display: none;
    }

    .quiz .quiz_header .timer-container{
        margin-right: 20px;
        margin-left: 15px;
        width: 19%;
    }

    .final-test-btn{
        margin-left: 10% !important;
        width: 80%;
    }
    /*.accordionjs .acc_section .acc_head_cource{*/
        /*height: 150px !important;*/
    /*}*/
    /*.accordionjs .acc_section .acc_head:not(.acc_head_cource){*/
        /*height: 200px !important;*/
    /*}*/

    .cource_title{
        font-size: 17px !important;
    }
    .panel.panel-default{
        width: 450px !important;
    }

    .about-slug-title{
        padding-top: 15px;
    }
}


@media screen and (max-width: 500px){

    .test-btn{
        position: static;
        width: 80%;
        margin-left: 10%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 470px) {
    .login-container .row{
        height: 400px;
    }
    .email-contact{
        white-space: nowrap;
    }

    #app{
        padding: 0px !important;
    }

    .row.map-content{
        margin-left: 0px !important;
        margin-bottom: 100px;
    }

    .slug{
        width: 100%;
    }
    .user-profile-content{
        height: 1200px;
    }

    /*.accordionjs .acc_section .acc_head:not(.acc_head_cource){*/
        /*height: 300px !important;*/
    /*}*/
    /*.accordionjs .acc_section .acc_head_cource{*/
        /*height: 200px !important;*/
    /*}*/
    .test-again{
        margin-top: 5px;
    }
}

@media screen and (max-width: 470px){
    .cource_test_mark_title{
        margin-top: 20px;
    }
     .login-block{
        /*margin: 0 !important;*/
        padding: 0 !important;
        width: 380px !important;
    }
    #app{
        padding: 5px;
    }
    .panel.panel-default{
        width: 400px !important;
    }
}
@media screen and (max-width: 410px){
    body{
        /*background-color: lightskyblue;*/
    }
    .container.content{
        margin: 0px;
    }
    .login-block{
        width: 380px !important;
    }
    .login-block .login-mian-block{
        width: 380px !important;
    }

    .login-block .login-input, .login-block .login-btn{
        width: 340px !important;
    }

    .login-block .g-recaptcha{
        transform: scale(1.12);
    }

    .login-block .confidential-check{
        width: 300px !important;
    }

    /*.about_info_wrapper{*/
        /*height: 1900px;*/
    /*}*/
    .panel.panel-default{
        width: 380px !important;
    }
    .study-materials .study-materials-row .download-material{
        right: 5px;
    }

}

@media screen and (max-width: 390px){
    .panel-default>.panel-heading{
        padding-left: 5px;
        height: 70px !important;
    }
    .login-block{
        width: 360px !important;
    }
    .login-block .login-mian-block{
        width: 360px !important;
    }

    .login-block .login-input, .login-block .login-btn{
        width: 320px !important;
    }

    .login-block .g-recaptcha{
        transform: scale(1.05);
    }

    .login-block .confidential-check{
        width: 300px !important;
    }

    .cource-service-text{
        margin-left: 10px;
    }
    .cource_user_info{
        margin-top: 20px;
    }
    .panel.panel-default{
        width: 360px !important;
    }
    .g-recaptcha{
        width: 310px;
    }
    .cource_user_info {
        width: 80%;
        font-size: 14px ;
    }
    .cource_user_info .cource_title{

        font-size: 14px ;
    }
    /*.accordion_in.acc_cource .acc_head_cource{*/
        /*height: 250px !important;*/
    /*}*/

    .acc_active .status-img{

    }

    .cource_user_info{
        position: relative;
    }
    .cource_user_info .cource-service-text{
        margin: 0px;
    }

    .cource_user_info .lesson_passed{
        position: absolute;
        right: -30px;
    }
    .cource_user_info .cource_mark{
        position: relative;
        right: -90px;
    }
    .cource_user_info .final-test-complete{
        position: relative;
        right: -105px;
    }
    .study-materials .study-materials-row .material-name{
        width: 50%;
        /*position: relative;*/

    }

    .accordionjs .acc_section.acc_active > .acc_content{

        min-height: 100px;
        overflow: -webkit-paged-x;

    }

    .cource_test_mark_title{
        display: inline-block;
        margin-bottom: 8px;
    }


}

@media screen and (max-width: 361px){
    .login-mian-block{
        padding: 0px;
        height: 1000px;
    }
    .panel-default>.panel-heading{
        padding-left: 10px;
        height: 70px !important;
    }
    .login-block{
        width: 340px !important;
        /*padding-left: 25px;*/
    }
    .login-block .login-mian-block{
        width: 340px !important;
    }

    .login-block .login-input, .login-block .login-btn{
        width: 280px !important;
        margin-left: 20px;
    }

    .login-block .g-recaptcha{
        transform: scale(0.92);
        margin-left: 20px;
    }
    .login-block .panel-heading{
        padding-left: 10px;
    }
    .panel.panel-default{
        width: 330px !important;
        height: 630px;
    }




    .login-block .confidential-check{
        width: 300px !important;
    }


}

@media screen and (max-width: 340px){
    /*.login-mian-block{*/
        /*padding: 0px;*/
    /*}*/
    .panel-default>.panel-heading{
        padding-left: 20px;
        height: 70px !important;
    }
    .login-block{
        width: 300px !important;
    }
    .login-block .login-mian-block{
        width: 300px !important;

    }

    .login-block .login-input, .login-block .login-btn{
        width: 280px !important;
        margin-left: 10px;
    }

    .login-block .g-recaptcha{
        transform: scale(0.92);
        margin-left: 10px;
    }

    .login-block .confidential-check{
        width: 300px !important;
    }
    .profile-pic .the-picker #my-awesome-dropzone{
        width: 340px !important;
        height: 400px;
        padding-left: 0px;

    }
    .profile-pic .the-picker #my-awesome-dropzone .dz-image{
        width: 250px;
        height: 250px;

    }

    .cource_user_info .cource_mark{
        position: relative;
        right: -70px;
    }
    .cource_user_info .final-test-complete{
        position: relative;
        right: -85px;
    }



}

@media screen and (max-width: 325px){
    .panel.panel-default {
        width: 315px !important;
    }
    /*.btn-login-exit{*/
        /*margin-bottom: 10px;*/
    /*}*/
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
    margin-right: 0px;
}
.container.content .row{
    margin-right: 0px;
}
.the-picker{
    margin-right: -15px !important;
}

.acc_head_cource .row{
     margin-left: 0px !important;
     margin-right: 0px !important;

}

.ccources-row .accordionjs .acc_section:first-of-type .acc_head{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.final-test-alert {
    text-align: center;
    color: red;
	margin:0;
    padding: 20px 0 0 0;
}