body,html {
    height: 100%;
}
html {
    background-color: transparent;
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
    height:100%;
    padding-top: 98px;
}

body.admin-bar #main-header {
    top: 32px;
}

.bg-cover {
    background-size: cover;
}

.top-0 {
    top: 0
}
.left-0 {
    left: 0
}
.right-0 {
    right: 0
}
.bottom-0 {
    bottom: 0
}
.banner-shape:after {
    content: "";
    background-image: url(../images/banner-shape.png);
    display: block;
    width: 100%;
    background-position: center bottom -5px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: 100% auto;
    height: 100%;
}
.banner-shape-top:before {
    content: "";
    background-image: url(../images/banner-shape-top.png);
    display: block;
    width: 100%;
    background-position: center top -5px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% auto;
    height: 100%;
}

@media(min-width:992px) {
    .position-lg-absolute {
        position: absolute;
    }
}
@media(min-width:768px) {
    .position-md-absolute {
        position: absolute;
    }
}


header#main-header .navbar-light .navbar-nav .nav-link {
    padding: 0 1rem;
    color: #002c85;
}

@media(max-width: 991px) {
    #main-header .navbar {
        background-color: #fff;
    }
    
    header#main-header .navbar-light .navbar-nav .nav-link {
        padding: .5rem .75rem;
        display: block;
        width: 100%;
    }
    
    header#main-header .navbar-light .navbar-nav li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #dedede;
    }
}

#contact .row.form input,
#contact .row.form textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    color: #fff;
}

#contact ::placeholder {
    color: #fff;
}

@media(max-width: 500px) {
    .display-4 {
        font-size: 2.75rem;
    }

    .h1, h1 {
        font-size: 2.2rem;
    }

    .btn-group-lg>.btn, .btn-lg {
        font-size: 1.1rem;
    }
}


#gallery .flickity-viewport {
    height: 100% !important;
}

.modal textarea {
    height: 100px;
}


.card-producto h3 {
    min-height: 3rem;
}