.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 .items {border: 1px solid #E1E2E3;  border-radius: 12px; height: 56px;}
.progress .progress_menu .progress_select:hover .items {border: 1px solid var(--OPTION_BASE_COLOR);}
.progress .progress_menu .progress_select .items .selected {height: 56px; line-height: 60px;}
.progress .progress_menu .progress_select
{
    margin-right: 10px; 
    height: 56px;
    width: 220px;
    line-height: 35px;
    text-align: center;
    position: relative; 
    z-index: 10;
}
.progress .progress_menu .progress_select a {
    width: 100%;
    height: 40px;
    line-height: 35px;
    text-align: left;
    position: relative;
    padding-left: 25px; 
}
.progress .progress_menu .progress_select label {position: absolute;
  left: 0;
  top: 7px;
  z-index: 10;
  color: #949499;
  font-size: 12px;
  line-height: 12px;
  left: 25px;
}
.progress .progress_menu .progress_select .icon {position: absolute;
  right: 20px;
  top: 7px;
  z-index: 10;
}
.progress .progress_menu .progress_select:hover .icon {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.progress .progress_menu .progress_select .items {cursor: pointer; position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;}
.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: #E9F6E9;} 
.progress .progress_menu .progress_select .items.has_select a.active {background-color: var(--OPTION_BASE_COLOR); color: #FFF;}
.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 100%; width: 100%;}
.progress .content .slider_progress {padding-bottom: 40px;} 
.progress .content .slider_progress .item {width: 300px; margin: 0 20px 10px 0; height: 200px; overflow: hidden; border-radius: 12px;}
.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)
{
    
}