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

    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: #00b5e1 #00b5e1 #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: #002fbc;
	text-transform: uppercase;
}

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

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

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

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

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

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

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

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

.boxservicios {
	min-height: 500px;
}

.slider-area .bd-example .carousel .carousel-inner .carousel-item {
	height: 600px !important;
}

@media (min-width: 320px) and (max-width: 480px) {
	.navbar-area .navbar .navbar-nav .nav-item a {
		color: #fff;
	}
}