@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

body{
    font-family:"Barlow", sans-serif;
    line-height:1.7;
    color:#516171;
}
h1,h2,h3,h4,h5,h6{
    font-weight:700 !important;
}
a{
    color:#092032;
    text-decoration: none;
    transition:all 0.4s ease;
    font-weight:500;
}
p{
    text-align: justify;
}
img{
    width:100%;
}
 
.card-img-top{
    height:40vh;
    width:100% !important;
}
section{
    padding-top:20px;
    padding-bottom:20px;
}
.bg-cover{
    background-position:center !important;
    background-size:cover !important;
    background-position: center !important;
}
.intro{
    margin-bottom:40px;
}
.top-nav{
    background:#53d690;
    padding-top: 5px;
    padding-bottom:5px;
}
.top-nav p{
    margin-bottom:0;
    display:inline-block;
    margin-right:16px;
    color:#fff;
}
.top-nav i,
.top-nav span{
    vertical-align: middle;
}
.social-links a{
    width:34px;
    height:34px;
    background-color:rgba(255, 255, 255, 0.3);
    display:inline-flex;
    align-items:center;
    justify-content: center;
    color:#fff;
    font-size:20px;
    border-radius:100%;
}
.social-links a:hover{
    background-color:#fff;
    color:#6666;
}
.navbar{
    box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color:#53d690;
}
.navbar-brand{
    font-weight:700;
    font-size:26px;
    color:#092032;
    margin-left:9px;
}
.navbar-brand span{
    color:#53d690;
}
.navbar .dropdown-menu .dropdown-item:hover{
    background-color: #53d690;;
    color:#fff;
}
nav .logo{
    width:4%;
    height:4%;
}
.btn{
    padding:9px 24px;
    font-weight:500;
}
.btn-brand{
    background-color:#53d690;
    color:#fff;
    border-color:#53d690;
}
.btn-brand:hover{
    color:#fff;
    background:#6bcc98;
}
.slider1{
    background:linear-gradient(rgba(9,32,50,0.3), rgba(9,32,50,0.4)), url(../productos/WhatsApp\ Image\ 2022-10-26\ at\ 15.57.35.jpeg);
}
.slider2{
    background:linear-gradient(rgba(9,32,50,0.3), rgba(9,32,50,0.4)), url(../img/banner4.png);
}
.slider3{
    background:linear-gradient(rgba(9,32,50,0.3), rgba(9,32,50,0.4)), url(../img/servicios/image008.jpg);
}
.slider4{
    background:linear-gradient(rgba(9,32,50,0.3), rgba(9,32,50,0.4)), url(../img/banner7.jpg);
}
.slider5{
    background:linear-gradient(rgba(9,32,50,0.3), rgba(9,32,50,0.4)), url(../img/banner8.png);
}
.slider6{
    background:linear-gradient(rgba(9,32,50,0.3), rgba(9,32,50,0.4)), url(../productos/981c7bca-3e4f-48c1-bafc-4af3c1af7342.jpg);
}
.owl-prev,
.owl-next{
    position:absolute;
    top:50%;
    width:60px !important;
    height:60px !important;
    display:grid;
    place-items:center;
    background-color:rgba(24, 207, 109, 0.3) !important;
    margin-top:-30px;
    color:#fff !important;
    font-weight:700 !important;
    font-size:12px !important;
    border-radius:100px !important;
}
.owl-prev{
    left:0;
}
.owl-next{
    right:0;
}
.owl-next:hover,
.owl-prev:hover{
    background-color:#53d690 !important;
}
.info-box{
    width:50px;
    display:contents;
    align-items: center;
}
.service-box{
    height:100%;
    padding:32px;
    box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);
    text-align: center;
}
.service-box img{
    width:unset;
    
}
.service-box h5{
    margin-top:24px;
    margin:12px;
}
.project{
    position:relative;
}
.form-control:focus{
    box-shadow:none;
    border-color:#53d690;
}
.map-area{
    width:600px;
    height:465px;
}
.map-area iframe{
    width:70%;
    height:140%;
}
.banner-section .container-xxl{
    width:100% !important;
    padding:10px 10% 1%;
}
.footer{
    background:linear-gradient(rgba(9,32,50,0.8), rgba(9, 32, 50, 0.8)), url(../img/banner1.jpg);
    color:#fff;
}
.footer-item a{
    color:#fff;
}
.footer-top{
    text-align: center;
    padding:40px 10px 20px; 
}
.footer-logo{
    width:90%;
    height:100%;
}
#preloader{
    background:#fff url(../img/Rolling-1s-200px.gif) no-repeat center center;
    background-size:7%;
    height:100vh;
    width:100%;
    position:fixed;
    z-index:100;
    opacity:0.8;
}
.icon{
    padding:15px;
    display:inline-flex;
    align-items:center;
    justify-content: center;
    background:#fff !important;
    border-radius:50px;
    border:1px dashed #53d690;
}
#ultimo + div{
    visibility: hidden;
}