.progress .procent {padding: 23px 0 0 30px;}
.progress .procent .value, .progress .procent_mobile .value {font-weight: 800; padding-left: 10px;}
.progress .procent .indicator {
    background-color: #e7e7e7;
    padding: 2px;
    width: 290px; height: 14px;
    margin: 3.5px 0 0 10px;
    position: relative;
}
.progress .indicator .val 
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3Cg fill='none' stroke='%23ff4d14' %3E%3Cline x1='0' y1='0' x2='300' y2='0' style='stroke-dasharray: 10 2; stroke-width: 20px;' /%3E%3C/g%3E%3C/svg%3E");
    overflow: hidden; width: 0; height: 10px;
}
.progress .deadline {padding: 2px 0 0 10px; font-size: 0.9rem; font-weight: 600;}


.progress .descr_left {flex: 0 0 440px; width: 440px;}
.progress .descr_left .descr {font-size: 0.85rem; padding-top: 10px; line-height: 1.2;}
.progress .descr_left .descr .date_header {font-size: 1rem; font-weight: 600; margin-bottom: 5px;}
.progress .descr_left .descr ul {list-style: none; padding: 0; text-align: left; margin: 0;}
.progress .descr_left .descr li {line-height: 1.2; position: relative; padding-top: 5px; padding-left: 15px; margin-left: 0px;}
.progress .descr_left .descr li:before {background-color: #007eff; content:''; position: absolute; width: 6px; height: 6px; left:0; top: 11px; border-radius: 50%;}

.progress .progress_menu .progress_select {float: left; margin-right: 10px;}
.progress .progress_menu .progress_select, .progress .progress_menu .progress_select a {
    background-color: #001d36; 
    color: #001d36; 
    background-color: #FFF;
    width: 150px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    position: relative;
}
.progress .progress_menu .progress_select a:first-child {background-color: #001d36; color: #FFF;}
.progress .progress_menu .progress_select.month_select a:first-child {background: linear-gradient(to right, #ff0d29 0%, #ff7d04 100%)}
.progress .progress_menu .progress_select .items {border: 1px solid #001d36; cursor: pointer; position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;}
.progress .progress_menu .progress_select.month_select .items {border: 1px solid #ff0d29;}
.progress .progress_menu .progress_select:hover .items.has_select {height: auto;}
.progress .progress_menu .progress_select a {display: block; text-decoration: none; background-color: #FFF; z-index: 1;}
.progress .progress_menu .progress_select a strong {font-weight: 600;}
.progress .progress_menu .progress_select a:hover:not(:first-child){background-color: #edf6ff;} 
.progress .progress_menu .progress_select .items.has_select a.active {background-color: #ffeded;}
.progress .progress_menu .progress_select .has_select a:first-child:before{
    position: absolute;
    color: #FFF;
    position: absolute;
    content: "\f107";
    font-family: "FontAwesome";
    right: 12px;
}
.progress .progress_menu .progress_select:hover .has_select a:first-child:before {
    transform: rotate(180deg);
    top: 2px;
}
.progress .progress_menu .progress_select .items.min {height: 100%!important;}





.progress .progress_menu .years a {
    border: 1px solid #b1c5d6; color: #54697a; text-decoration: none; 
    margin: 0 10px 10px 0; 
    padding: 6px 10px 8px 10px; 
    display: inline-block; width: 100px;
    text-align: center;
}
.progress .progress_menu .years a.active {color: #FFF; background-color: #001d36; border: 1px solid #001d36;}
.progress .progress_menu .months a {
    background-color: #e8ecf0; 
    color: #001d36; 
    padding: 6px  8px 8px 8px; 
    font-size: 0.9rem;
    display: inline-block; 
    margin: 0 10px 10px 0; 
    width: 100px; 
    text-align: center; 
    text-decoration: none;
}
.progress .progress_menu .months a.active {color: #FFF; background: linear-gradient(to right, #ff0d29 0%, #ff7d04 100%);}


.progress .descr_left .descr_container {padding-bottom: 15px; overflow: hidden; position: relative; margin-bottom: 20px;}


.progress .content {flex: 0 0 760px; width: 760px; padding-left: 20px;}
.progress .content .slider_progress {padding-bottom: 40px;} 
.progress .content .slider_progress .item {width: 300px; margin: 0 20px 10px 0; height: 200px; overflow: hidden;}
.progress .content .slider_progress .item .img {overflow: hidden; width: 100%; height: 100%;}
.progress .content .slider_progress .owl-prev {left: 0!important;}
.progress .content .slider_progress .owl-next {right: 0!important;}

.progress .content .slider_progress.owl-theme .owl-nav button.owl-next, .progress .content .slider_progress.owl-theme .owl-nav button.owl-prev {margin-top: -55px!important;}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .progress .content, .progress .descr_left {width: 100%; flex: 0 0 100%; padding-bottom: 20px;}
    .progress .content {padding-left: 0;}
    .progress .descr_left .descr_container {padding: 0; margin: 0;}
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}

