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

    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: #da0076 #da0076 #cbced1;
}

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

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

.navbar-area .navbar .navbar-nav .nav-item a:hover {
 color: #30abe2;
}

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

.slider-area {
    padding-top: 205px;
}

.slider-area .bd-example .carousel .carousel-inner .carousel-item {
    /*height: 475px;*/
	height:400px;
}

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


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

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

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

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

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

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

.back-to-top:hover {
 color: #121212;
 background-color: #da0076; 
}
.bg_cover{
	background-size: contain!important;
	background-position: bottom center!important;
}
/* CUSTOM RESPONSIVE */
@media only screen and (max-width: 767px) {
	/* Estilos para dispositivos móviles */
	.slider-area .bd-example .carousel .carousel-inner .carousel-item {
		max-height: 110px!important;
	}
	.slider-area {padding-top: 130px;}
	.navbar-area .navbar-brand img {max-width:75px;}
	.navbar-area .navbar .navbar-collapse {background-color: #f5f5f5;}
	.footer-logo a img {max-width:25%;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* Estilos para tabletas */
	.slider-area .bd-example .carousel .carousel-inner .carousel-item {
		max-height: 196px!important;
	}
	.slider-area {padding-top: 130px;}
	.navbar-area .navbar-brand img {max-width:75px;}
	.navbar-area .navbar .navbar-collapse {background-color: #f5f5f5;}
	.footer-logo a img {max-width:25%;}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	/* Estilos para tabletas en orientación horizontal */
	.slider-area .bd-example .carousel .carousel-inner .carousel-item {
		max-height: 196px!important;
	}
	.slider-area {padding-top: 130px;}
	.navbar-area .navbar-brand img {max-width:75px;}
	.navbar-area .navbar .navbar-collapse {background-color: #f5f5f5;}
	.footer-logo a img {max-width:25%;}
}
@media only screen and (min-width: 1280px) {
	/* Estilos para pantallas de escritorio */
	.slider-area .bd-example .carousel .carousel-inner .carousel-item {
		height: 470px!important;
	}
}