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

    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: 2.0

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

.preloader .loader .ytp-spinner-circle {
  border-color: #ededed #ededed #7B23AA;
}

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

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

.navbar-area .navbar .navbar-nav .nav-item a .fa {
  color: #444444;
}

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

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

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

.rounded-buttons .rounded-three {
 background: -webkit-linear-gradient(left, #E366FF 0%, #612A9E 50%, #E366FF 100%);
 background: -o-linear-gradient(left, #612A9E 0%, #612A9E 50%, #E366FF 100%);
 background: linear-gradient(to right, #612A9E 0%, #612A9E 50%, #E366FF 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, #e2e2e2 0%, #ededed 100%);
 background: -o-linear-gradient(left, #e2e2e2 0%, #ededed 100%);
 background: linear-gradient(to right, #e2e2e2 0%, #ededed 100%);
}

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

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

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

.back-to-top:hover {
 color: #121212;
 background-color: #ededed; 
}
.slider-area .bd-example .carousel .carousel-inner {
    background-color: #c3c3c3!important;
}
.navbar-brand{
	padding: 0!important
}
.single-about .about-content, .single-portfolio .portfolio-text{
	text-align: center;
}

/* CUSTOM RESPONSIVE */
@media screen and (min-width: 420px){
	/* Estilos para pantallas con un ancho mínimo de 320px */
}
@media (min-width: 768px) {
  /* Estilos para pantallas con un ancho mínimo de 768px */
}
@media (max-width: 1024px) {
  /* Estilos para pantallas con un ancho máximo de 1024px */
}