#submitBtn11, #submit1, #clearForm, .contact .php-email-form button[type=submit], #footer .social-links a:hover, .knp, .knpz, #submitBtn {
    background: #505e72;
} 




/* Стили для заполненной части прогресс-бара */ 
#loadingProgress::-webkit-progress-value {
  background-color: #a0b4d1; /* Цвет заполненной части веб-кит браузеров */
}
#loadingProgress::-moz-progress-bar {
  background-color: #a0b4d1; /* Цвет заполненной части в Firefox */
}


#progtextt1 {
    color: #cdcdcda6;
} 

#progtextt {
    color: #cdcdcd;
}
.accordion1:hover {
    color: #a0b4d1;
}


#result15 {
    background: #070e17;
    box-shadow: 0px 0px 5px 1px #556b8b;
}


.services .iconbox-blue:hover .icon path, .services .iconbox-orange:hover .icon path, .services .iconbox-pink:hover .icon path, .services .iconbox-yellow:hover .icon path, .services .iconbox-red:hover .icon path, .services .iconbox-teal:hover .icon path {
  fill: rgb(25 36 47 / 77%); 
}
  

.nav-menu a,
.nav-menu a:focus {
    background: rgb(25 36 47);
    opacity: 0.9;
}


#submitBtn11:hover, .nav-menu a:hover, .nav-menu .active, .nav-menu .active:focus, .nav-menu li:hover > a, .contact .php-email-form button[type="submit"]:hover, #footer .social-links a, .knp:hover, .knpz:hover, .actives, .accordion:hover, .panel, #submitBtn:hover {
  background: #1e182c87 !important;
}

#submitBtn15:hover {
    background: #505e72;
}

#submitBtn15 {
    background: #050b12b8;
}
#submitBtn15 {
 box-shadow: 0px 0px 3px 1px rgb(112 235 128);
    color: #ddd; 
}

#submitBtn1:hover {
    background: #050b12b8;
}



 
.close-btn {
    background: #505e72;
}

.col551 {
    box-shadow: 0px 0px 5px 1px rgb(255 255 255 / 28%);
}
.col555 > .swiper-pagination-bullet {
    background-color: #505e72;
} 

.dropdown-content a, .about .count-box span, strong.boll1, .form-control:focus, .nav-menu a, .nav-menu a:focus, .nav-menu a span, .nav-menu a:focus span, .section-title h2, .services .icon-box h4 a, .services .iconbox-blue i, .services .iconbox-orange i, .services .iconbox-pink i, .services .iconbox-yellow i, .services .iconbox-red i, .services .iconbox-teal i, .social-links1 a, .accordion, .accordion1, .nav-menu a span {
  color: #fff !important;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active, .testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #721451;
}

 
.form-control:focus {
    border-color: #cdcdcd;
    box-shadow: 0 0 0 0.25rem #cdcdcd26;
    background: #050b12f0;
    color: #cdcdcd !important;
}


.mobile-nav-active .mobile-nav-toggle, #submitBtn1, #submitBtn11, .mobile-nav-toggle, .back-to-top i, .back-to-top:hover, .nav-menu a:focus span, .nav-menu a:hover, .nav-menu .active, .nav-menu .active:focus, .nav-menu li:hover > a, .nav-menu a:hover span, .nav-menu .active span, .nav-menu .active:focus span, .nav-menu li:hover > a span, .nav-menu a:hover, .nav-menu li:hover > a, .services .iconbox-blue:hover .icon i, .services .iconbox-orange:hover .icon i, .services .iconbox-pink:hover .icon i, .services .iconbox-yellow:hover .icon i, .services .iconbox-red:hover .icon i, .services .iconbox-teal:hover .icon i, .contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i, .contact .php-email-form .error-message, .contact .php-email-form .sent-message, .contact .php-email-form button[type="submit"], #footer .social-links a, #footer .social-links a:hover, .knp, .knpz, .knp:hover, .knpz:hover, .actives, .accordion:hover, .panel, #submitBtn {
  color: #fff !important;
}
 
.resume .resume-item::before, .portfolio #portfolio-flters, .contact .info, .contact .php-email-form .loading {
  background: #fff !important;
}
 

.mobile-nav-toggle i, #hero h1, #hero p, #hero .social-links a, .skills .progress .skill, .resume .resume-title, .portfolio .portfolio-wrap .portfolio-info h4, .portfolio .portfolio-wrap .portfolio-info p, .portfolio .portfolio-wrap .portfolio-links a, .contact .info h4, #footer {
  color: #fff;
}
 

.fk1:before, .fk2:before, .fk3:before, .fk4:before, .fk5:before, .fk6:before {
    background: #050b12a3;
    margin-right: calc(var(--bs-gutter-x)* .5);
    margin-left: calc(var(--bs-gutter-x)* .5);
}

.fk1:hover::before, .fk2:hover::before, .fk3:hover::before, .fk4:hover::before, .fk5:hover::before, .fk6:hover::before {
    background: #050b12d9;
}
 

.close-btn1 {  
    fill: #fffffff0;
}



.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
background-color: #505e72;
}




.modal-content {
  background: none;
}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08); 
}

 
.logogs , .logogs3 a {
    color: #fff; 
}
 

#services > div > div.row > div > a > i {
    color: #70eb80;
    opacity: 0.9;
}
.contact .php-email-form .error-message {
  background: #ed3c0d;
} 

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
  background: #0563bb;
}

.contact .php-email-form .sent-message {
  background: #18d26e;
}

.resume .resume-item::before {
  border: 2px solid #0563bb; 
} 



/* Change color of dropdown links on hover */






.form-group > select {
    background: url(/dist/images/select-arrow1.png) right no-repeat #050b12a3;
    background-size: 20px;
    border: 1px solid #505e72;
    color: #a0b4d1;
}

#footer:before1 {
    background: rgb(255 255 255 / 67%);
}
#footer:before1 {
    background: rgba(255, 255, 255, 0.8);
}


/* Стили для прогресс-бара */


 
/* Стили для не заполненной части прогресс-бара */
#loadingProgress::-webkit-progress-bar {
  background-color: #050b12a3; /* Цвет не заполненной части веб-кит браузеров */
}

#loadingProgress {
    background-color: #050b12a3;
    border: 1px solid #505e72;
}


.services .icon-box {
    border: 2px solid #505e72;
    box-shadow: 0px 0px 3px 1px rgb(255 255 255 / 31%);
} 

.col-lg-8.mt-5.mt-lg-0 {
    background: linear-gradient(#222b3b, #070e17);
    color: #cdcdcd;
    border: 1px solid #505e72;
    box-shadow: 0px 0px 5px 1px rgb(255 255 255 / 28%);
}


.form-group > select {
    background: url(/dist/images/select-arrow1.png) right no-repeat #050b12a3;
    background-size: 20px;
    border: 1px solid #505e72;
    color: #a0b4d1;
}




.accordion {
      background: rgb(32 43 53 / 40%);
}

body.modal-open, body.modal-opens {
    background-color: rgba(0, 0, 0, 0.5);
} 

.modal {
    background-color: #050b12eb;
}

.modals {
  background: #0b090fed;
}

body {
  color: #272829;
}

 
.contact .info p {
  color: #728394;
}

.contact .info i {
  color: #0563bb;  
  background: #eef7ff;
}



#hero1:before {
    background: rgb(0 0 0 / 57%);
    background: rgba(0, 0, 0, 0.27);
}


.services .icon-box .icon svg path {
    fill: rgb(25 36 47 / 50%);
}
 
.goverlay {
    background: #050b129e ! IMPORTANT;
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: #505e72;
}
.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
    fill: #fff;
}  

.services .icon-box p {
    color: #cdcdcd;
    background: linear-gradient(to right, rgb(116 90 119 / 0%) 0, rgb(1 2 2 / 55%), rgb(116 90 119 / 0%) 100%);
    padding: 5px 0;
}


.social-linkss a {
    background: none;
}

#footer .container, #footer .lloggos1 {
    opacity: 0.9;
}





@media (max-width: 991.98px) {

.nkrcr1 {
    top: 120px;
    font-size: 32px;
}
}

@media (min-width: 600px) { 
     .filled-barcr1 {
    height: 84px;
}
.filled-barcr2 {
    height: 168px;
}
     
}

@media (max-width: 599.98px) {
          .filled-barcr1 {
    height: 55px;
}
.filled-barcr2 {
    height: 110px;
}
    
    
      .percr1 > .perc, .percr2 > .perc {
        width: 50px !important;
    }
    .percr2 {
        margin-left: 5px;}
        .percr1 > .perc > .percentage1, .percr2 > .perc > .percentage2 {
        font-size: 27px !important;
    }
    .percr1, .percr2 {
        height: 270px;
    background-size: 45px;
}
.nkrcr1 {
    top: 120px;
    font-size: 23px;
}
}