﻿/* Place Your Custom Styles Here */

.navbar-brand svg {height:40px; width:auto; fill:#fff}
.site-navbar {padding-top:10px!important; padding-bottom:10px!important}

.navbar-dark .navbar-brand svg {fill:#000}
.navbar-dark .navbar-toggler-alternative-icon, .navbar-dark .navbar-toggler-alternative-icon:before, .navbar-dark .navbar-toggler-alternative-icon:after {background-color:#f9bf00}

.navbar-light .navbar-toggler-alternative-icon:before, .navbar-light .navbar-toggler-alternative-icon:after, .navbar-light .navbar-toggler-alternative-icon {background-color:#f9bf00}

.navbar-dark .navbar-nav .nav-link {color:#000}
.navbar-light .navbar-nav .nav-link {color:#fff}
.navbar-dark .navbar-nav .nav-link:hover {color:#f9bf00}


.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active  {color:#f9bf00}


.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color:#e0ac00!important}

.text-primary {color:#f9bf00!important}

.btn-primary {background:#f9bf00!important; border-color:#f9bf00!important}

.btn-primary:hover {
background-color: #e0ac00!important; border-color: #e0ac00!important}

.breakdots {
text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.slick-dots li.slick-active button {background:#f9bf00!important}

h2, h4 {font-weight:bold!important}

.aclaracion {font-weight: bold; color: #000;font-size: 30px}

a.btnwhatsapp {
    position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 999;
}
a.btnwhatsapp img {
    width: 42px;
    height: auto;
}

a.backtotop {bottom:6rem!important}

.servicebox .interior {height:230px; width:100%; background-repeat:no-repeat; background-size:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative}
.servicebox .interior:after {content:' '; z-index:1; display:block; position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.5)}
.servicebox h3 {font-weight:bold!important; color:#fff; text-transform:uppercase; position:relative; z-index:2}

footer .text-primary:hover {color:#fff!important}

.servicebox a {background-position:50%; -webkit-transition: 0.5s;
    transition: 0.5s;}
	
.servicebox a:hover h3 {color: #e0ac00 !important;}
.servicebox a:hover {background-size:110%}


.inactive {display:none}


.botoncitocaja {display: flex;
    flex-wrap: wrap;
    justify-content: end;}
	
.btnvolverin {display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    color: #000;
	padding:5px
}
.btnvolverin i {margin-right:5px}

#stepmobile {display:none}

#stepmobile .portfolio-item {
    margin-bottom: 0!important;
}
#stepmobile .slick-dots {margin-top:15px!important}

@media (max-width: 1024px) {
	#stepOne, #stepTwo {display:none!important}
	#stepmobile {display:block!important}
}

@media (min-width: 1200px) {
	body.ln-fullpage-active section { padding-bottom:20px!important}
}