/*-----------------------------------------------------------------------------------

    Template: Lading Page Pro
    Template URL: demo.creativos.cr
    Description: LadingPage Profesional by Hosting506
    Author: Hosting506
    Author URL: https://hosting506.com
    Support: https://clientes.hosting506.com
    Version: 1.0

-----------------------------------------------------------------------------------*/ 

.preloader .loader .ytp-spinner-circle {
  border-color: #B72928 #B72928 #cbced1;
}

.navbar-area {
 background: -webkit-linear-gradient(left, #B72928 0%, #B72928 100%);
 background: -o-linear-gradient(left, #B72928 0%, #B72928 100%);
 background: linear-gradient(to right, #B72928 0%, #B72928 100%);
}

.navbar-area .navbar .navbar-nav .nav-item a {
 font-size: 16px;
 color: #fff;
 text-transform: uppercase;
}

.navbar-area .navbar .navbar-nav .nav-item a::before {
 background-color: #fff;
 width: 70px;
}

.rounded-buttons .rounded-one {
 border-color: #B72928;
 color: #B72928; 
}

.rounded-buttons .rounded-one:hover {
 background-color: rgba(56, 249, 215, 0.4);
}

.rounded-buttons .rounded-three {
 background: -webkit-linear-gradient(left, #75211F 0%, #B72928 50%, #75211F 100%);
 background: -o-linear-gradient(left, #75211F 0%, #B72928 50%, #75211F 100%);
 background: linear-gradient(to right, #75211F 0%, #B72928 50%, #75211F 100%);
 background-size: 200% auto;
 color: #fff;
}

.rounded-buttons .rounded-three:hover {
  background-position: right center; 
}

.portfolio-menu ul li::before {
 background: -webkit-linear-gradient(left, #75211F 0%, #B72928 100%);
 background: -o-linear-gradient(left, #75211F 0%, #B72928 100%);
 background: linear-gradient(to right, #75211F 0%, #B72928 100%);
}

.portfolio-menu ul li:hover, .portfolio-menu ul li.active {
 color: #B72928;
}

.footer-area .footer-copyright .social li a {
 color: #6c6c6c;
}
.footer-area .footer-copyright .social li a:hover {
 color: #B72928; 
}

.back-to-top {
 color: #121212;
 background-color: #B72928;
}

.back-to-top:hover {
 color: #121212;
 background-color: #B72928; 
}

.contenedorservicios {
  border-radius: 15px;
  box-shadow: 0px 0px 10px 0px #CECECE;
  margin-bottom: 20px;
  background-color: #fff;
  padding-bottom: 20px;
}


/*Ajuste en banner para desktop*/

.slider-area .bd-example .carousel .carousel-inner {
    background-color: #b72928;
}

.carousel {
	top:42px;
}

@media (min-width: 1025px) and (max-width: 1366px) {
  
  .slider-area .bd-example .carousel .carousel-inner .carousel-item {
    height: 455px;
  }
  
}

@media (min-width: 1600px) {
  .slider-area .bd-example .carousel .carousel-inner .carousel-item {
    height: 455px;
  }
}

@media (min-width: 1920px) {
  
  .slider-area .bd-example .carousel .carousel-inner .carousel-item {
    height: 455px;
  }
  
}

/*Ajuste en banner para móviles*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .navbar-area .navbar .navbar-collapse {
    background-color: #991a19;
  }
  .carousel-item {
    height: 150px!important;
  }
  
}

#servicios {
  background-color: #B72928;
}

#servicios h3 {
  color: #fff;
}

.footer-copyright {
  background-color: #B72928;
}

.footer-copyright .text {
  color: #fff!important;
  text-align: left!important;
}

.footer-copyright .fa-facebook {
  color: #fff;
}

.text {
  text-align: justify!important;
}
.about-area{
    margin-top:40px;
}