:root {
  --rojo-principal: #D32F2F;
  --rojo-oscuro: #B71C1C;
  --rojo-brillante: #FF3D00;
  --rojo-fuego: #E53935;
  --rojo-apagado: #C62828;
  --dorado: #D9A700;
}

.services .icon-box:hover h4 a, .services .icon-box:hover .icon i{
  color: var(--rojo-brillante);
}

.services .icon-box{
  border: 1px solid var(--dorado);
}

.services .icon-box:hover .icon{
  border-color: var(--rojo-brillante);
}

.services .icon-box .icon{
  border: 1px solid var(--dorado);
  background: #c6282863;
}

.footer-contact img{
  max-width: 40%;
}

.faq .faq-list .question:hover, .faq .faq-list .collapsed:hover, .faq .faq-list .question{
  color: var(--dorado);
}

.faq .faq-list li {
  border-bottom: 1px solid var(--dorado);
}

.team .member .social a, #footer .footer-top .social-links a, .contact .php-email-form button[type=submit]{
  background: var(--rojo-brillante);
}

.team .member .social a:hover, #footer .footer-top .social-links a:hover, .contact .php-email-form button[type=submit]:hover {
  background: var(--rojo-fuego);
}

.contact .info-box i{
  color: var(--rojo-brillante);
  border: 2px dotted var(--dorado);
}

#hero h1 span, .section-title h3 span{
  color:var(--rojo-brillante);
}

#topbar{
  background: var(--rojo-fuego);
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a{
  color: var(--rojo-fuego);
}
.navbar>ul>li>a:before{
  background-color: var(--rojo-fuego);
}

.back-to-top, .counts .count-box i{
  background: var(--rojo-fuego);
}

.back-to-top:hover {
  background: var(--rojo-fuego);
  color: #fff;
}

.featured-services .icon-box:hover::before {
  background:  #d9a7004d;
  top: 0;
  border-radius: 0px;
}

.featured-services .icon i{
  color: var(--rojo-fuego);
}

.section-title h2{
  background-color: var(--rojo-brillante);
  color: white;
}

.section-bg, #footer, .counts .count-box  {
  background-color: #d9a7004d;
}

.featured-services .icon-box:hover .title a, .featured-services .icon-box:hover .description, .featured-services .icon-box:hover .icon i, .about .content ul i{
  color: var(--rojo-fuego);
}

#footer .footer-top .footer-links ul i, .portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active{
  color: var(--dorado);
}

#footer .footer-top .footer-links ul a:hover{
  color: var(--rojo-fuego);
}