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

    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

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

a {color:#f7c00b;}
a:hover {color:#f7c00b;}

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

.navbar-area {
 background:#161616;
}

.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: #f7c00b;
 width: 70px;
}

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

.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: #f7c00b;
 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, #43cae9 0%, #38f9d7 100%);
 background: -o-linear-gradient(left, #43cae9 0%, #38f9d7 100%);
 background: linear-gradient(to right, #43cae9 0%, #38f9d7 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: #38f9d7; 
}

.back-to-top {
 color: #161616;
 background-color: #f7c00b;
}

.back-to-top:hover {
 color: #161616;
 background-color: #f7c00b; 
}

.footer-copyright {
	background:#161616; 
}

.footer-area .footer-copyright .copyright .text {color:#fff;}

ul.social a {color:#fff !important;}
ul.social a:hover {color:#f7c00b !important;}


/***** Extra *****/

.about-area {background-color: #f7f7f7;}
.about-area .section-title .title {color: #f7c00b;}
p {color: #535353;}
h1, h2, h3, h4, h5, h6 {color: #f7c00b;}
.single-about .about-content .about-title {color: #f7c00b;}
.single-about .about-content .text {color: #535353;}
.section-title .title {color: #f7c00b;}
.portfolio-area {background: #fff;}
.single-portfolio .portfolio-text .text {color: #535353;}
.client-logo-area {background: #f7f7f7;}
.contact-area {background-color: #fff;}
.contact-two .contact-title {color: #ffc015;}
.contact-two .text {color: #535353;}
.contact-two .contact-info li {color: #535353;}