/* ========================================================================================= */
/* ======================================= COLOR : #00B4DB =================================== */
/* ========================================================================================= */
.s-title h4:after {
  background-color: #00B4DB;
}
.navigation .social-ic li a:hover {
  color: #00B4DB;
}
.sidebar .active:before {
  background-color: #00B4DB;
}
.header-s .middle-c .cta-btn {
  background-color: #00B4DB;
  border-color: #00B4DB; 
}
.header-s .about-btn a:hover {
  color: #00B4DB;
}
.header-s .about-btn a:hover::before {
  color: #00B4DB;
}
.about-us .about-ct h3 span {
  color: #00B4DB;
}
.about-skills li .progress-bar span {
  border: 2px solid #00B4DB;
}
.about-skills li .progress-bar::before {
  background: -webkit-linear-gradient(to right, rgba(0, 131, 176, 0.7), rgba(0, 180, 219, 0.7));
  background: -moz-linear-gradient(to right, rgba(0, 131, 176, 0.7), rgba(0, 180, 219, 0.7));
  background: -o-linear-gradient(to right, rgba(0, 131, 176, 0.7), rgba(0, 180, 219, 0.7));
  background: -ms-linear-gradient(to right, rgba(0, 131, 176, 0.7), rgba(0, 180, 219, 0.7));
  background: linear-gradient(to right, rgba(0, 131, 176, 0.7), rgba(0, 180, 219, 0.7));
}
.resume .item .date {
  color: #00B4DB;
}
.serv-content .serv-item .icon,
.serv-content .serv-item i {
  color: #00B4DB;
}
.facts .counting-icon i,
.facts .counting-icon span {
  color: #00B4DB;
}
.work .filter-work .is-checked {
  background-color: #00B4DB;
  border-color: #00B4DB; 
}
.work .work-caption .overlay {
  background: -webkit-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: -moz-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: -o-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: -ms-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
}
.work-us .work-overlay {
  background-color: #00B4DB;
  background: -webkit-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: -moz-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: -o-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: -ms-linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
  background: linear-gradient(to right, rgba(0, 131, 176, 0.8), rgba(0, 180, 219, 0.8));
}
.price .item .mount h3 {
  color: #00B4DB;
}
.price .order a:hover {
  background-color: #00B4DB;
  border-color: #00B4DB;
}
.price .best .item a {
  background-color: #00B4DB;
  border-color: #00B4DB;
}
.testimonials .t-item .testimonial-box h3 {
  color: #00B4DB;
}
.testimonials .t-item .testimonial-box:hover {
  background-color: #00B4DB;
}
.blog .blog-item .categ {
  color: #00B4DB;
}
.contact .sc-icon span:hover {
  border-color: #00B4DB;
  color: #00B4DB;
}
.contact .contact-item .button {
  background-color: #00B4DB;
}
.contact-item textarea:focus, 
.contact-item input:focus {
  border-color: #00B4DB;
}
footer .sc-icon a:hover span {
  background-color: #00B4DB;
}