/*  FOOTER */
footer {
  position: relative;
  clear: both;
  z-index: 10;
  font-family: "Poppins", sans-serif;
}



footer a, footer h5 {
  font-size: 15px;
  transform: scale(1.0, 1.0);
  color: #FFFFFF;
  text-decoration: none;
  line-height: 45px;
}

footer h5{
  font-family: "Poppins", sans-serif !important;
}

footer a {
  font-weight: 400;
}

footer h5 {
  font-weight: 700;
}

p.footer-logo {
  text-align: -webkit-center;
  margin-bottom: 2%;
}

footer .footer-widgets {
  position: relative;
  clear: both;
  background: #222;
  /* padding: 170px 0; */
  background-image: url(../../images/dotted-map.png);
  background-size: contain;
  padding-top: 5rem;
  padding-bottom: 9%;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1480px) {

  footer .navbar-social {
    width: 125%;
  }

}

footer .footer-widgets h5 {
  color: #fff;
  margin-bottom: 20px;
}


footer .footer-widgets .footer-menu,
footer .footer-widgets .tags {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer .footer-widgets .tags .tag {
  border: 1px solid #b0b0b0;
}

/* To top */
footer .to-top {
  position: absolute;
  display: none;
  z-index: 10;
  left: 0;
  right: 0;
  top: -25px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
}

footer .to-top:hover,
footer .to-top i {
  color: #fff;
}

/* Social */
.footer-social {
  cursor: default;
  line-height: 1;
}

.footer-social a {
  margin: 0 10px;
}


.footer-social a > i {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  width: 1.2em;
  text-align: center;
}

footer .navbar-social i {
  font-size: 33px;
  margin-right: 3%;
}

/* Copyright */
footer .footer-copyright {
  position: relative;
  clear: both;
  background: #1a1a1a;
  padding: 30px 0;
}

footer .copyright {
  clear: both;
  margin: 0;
  line-height: 16px;
  letter-spacing: .5px;
}

footer .copyright a {
  font-weight: 600;
}

/* General link and icon hover */
a:hover, a:focus, h1.colored, .h1.colored, h2.colored, .h2.colored, h3.colored, .h3.colored, h4.colored, .h4.colored, h5.colored, .h5.colored, h6.colored, .h6.colored, .icon.colored i, .video-btn > .play-btn:hover i, .navbar .navbar-collapse:not(.in):not(.collapsing) .navbar-nav > li.dropdown.open > a, .navbar .navbar-nav > li > .dropdown-menu li.active a, .navbar .navbar-social a:hover > i, .feature-single .icon, .feature-single:hover h3, section.parallax .feature-single:hover .icon, .service-single .icon, .service-single:hover h3, .team-member:hover .team-details .title, .price-table:hover .price-title, .price-table:hover .price-title > h5, .price-table:hover .price-title .price-rate .currency > i, .price-table:hover .price-content .price-rate .rate, .price-btn a, .btn.btn-link, .btn.btn-inverse, .btn-read-more, .portfolio-filters span:hover, .portfolio-filters span.active, .sidebar ul.menu li a:hover, .sidebar ul.menu li a:focus, .sidebar ul.links li a:hover, .sidebar ul.links li a:focus, .recent-post-categories a, .author-info h3 a, .author-info h4, .parallax .blog-about a:hover, .parallax .about-author a:hover, .pages-navigation a:hover, .pages-navigation a:focus, .user-comment .details .reply a, .counter .icon, .contact-content > .icon, .contact-content:hover h4, .post-tags a, footer a:hover, .footer-social a:hover > i {
  color: #0096cf;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  /* Margen para todos los textos */
  .col-md-3.col-sm-6.res-margin {
    padding-left: 7%;
  }

  /* Alineación de los titulos */
  footer .footer-widgets h5 {
    text-align: center;
  }

  /* Alineación de los iconos de redes sociales */
  footer .navbar-social {
    text-align: center;
  }

  /* Padding hacia la derecha para los iconos de redes sociales*/
  footer .navbar-social a {
    padding-right: 4%;
  }

  footer .navbar-social i {
    font-size: 25px;
    margin-right: 2%;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  footer .navbar-social i {
    font-size: 25px;
    margin-right: 2%;
  }


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  footer .navbar-social i {
    font-size: 28px;
  }

}