@font-face {
    font-family: "NovaSlim";
    src: url("../../fonts/NovaSlim.ttf") format('truetype');
}

@font-face {
    font-family: "Doppio One";
    src: url("../../fonts/DoppioOne-Regular.ttf") format('truetype');
}

body {
    background-color: #FFFFFF !important;
}

.bg-default-grey {
    background-color: #f6f6f6;
    border-radius: 1em;
}

.bg-default-gradient {
    background: rgba(246,199,85,1);
    background: -moz-linear-gradient(top, rgba(246,199,85,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,199,85,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(246,199,85,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(246,199,85,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(246,199,85,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c755', endColorstr='#ffffff', GradientType=0 );
}

.letter-blue {
    color: cornflowerblue;
}

.letter-login {
    font-size: medium;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 300;
    color: ghostwhite;
    padding-right: 1em;
    letter-spacing: normal;
}

.letter-oferta {
    font-size: 20px;
    line-height: 26px;
    color: #0F7300;
    font-size: 18px;
    display: inline-block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.nav-link {
    color: #c80c0f !important; /*color letras menu*/
    
}

    .nav-link:hover, .nav-link:active, .nav-link:focus {
        /*background-color: #4faae7;*/
        color: #4faae7 !important; /*letras menu al hacer hover*/
        /*border: 0.2em solid #0d85c9;*/
        border-radius: 1.5em;
        text-align: left;
    }

.img-fluid {
    max-height: 50% !important;
    max-width: 50% !important;
}


@media (max-width: 560px) {
    .carousel-item .active {
        max-height: 200px;
        min-height: 200px;
    }
}

@media (min-width: 1200px) {
    .carousel {
        max-height: 1440px !important;
    }
}

.carousel-item {
    max-height: 600px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .carousel .carousel-inner .carousel-item .row {
        max-height: 7em;
    }
}

.fa-inverse {
    color: white;/*carrito compras nav*/
}
/*sticky header position*/
.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

.shadow {
    box-shadow: 0 0.2rem 0.5rem red !important;
}


#sticky {
    min-height: 900px;
}

/*nav {
    background: #969696 !important;
    /*background-image: url(/Images/oferta2.jpg);*/
    /*min-height: 100px;*/
   /* font-family: 'NovaSlim';
    font-size:16px;
}*/

/*@media screen and (max-width:800px ) {
    nav {
        width: 100%;
        height: 40%;
        min-height: 30%;
        margin: 0;
        position: fixed;
    }
    

}*/

.fondologin {
    margin-top: 20px;
    padding-top: 0px;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
    background: center center;
    /*background: url(./Images/DBH2022.jpg) no-repeat center center;*/
    /*background-color:darkgray;*/
    /*background-position-y: 0px;
    background-size: 1000px 500px;*/
}



img#linea {
    transform: scaleX(-0.4);
    margin-left: -1.5em;
}

#online {
    padding-top: 0.2em;
    font-size: 30px;
    color: white;
    margin-bottom: auto;
    font-weight: bolder;
    text-shadow: -3px 2px #696969;
}
em {
    padding-left: 35px;
}

.bg-orange {
    background-color: rgb(255,102,0) !important;
}

.bg-white {
    /*background-color: rgba(0, 0, 0, 0.1) !important;*/
    background-color: rgb(248, 249, 250) !important;
}

.col-xs-6 {
    padding-top: 0.5em
}

.card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: all 250ms ease-in-out 0s;
}

#Filtro {
    background-color: lightblue;
    border-radius: 1em;
}

#j-oferta {
    background-color: #d6ebffe6 !important;
}

/* Main Footer */
footer .main-footer {
    padding: 20px 0;
    background: #252525;
    bottom: 0;
}

footer ul {
    padding-left: 0;
    list-style: none;
}

.nav-item {
    display: grid;
    align-items: center;
}


/*Slider*/


.slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
/* Copy Right Footer */
.footer-copyright {
    background: #222;
    padding: 5px 0;
    bottom: 0;
}

    .footer-copyright .logo {
        display: inherit;
    }

    .footer-copyright nav {
        float: right;
        margin-top: 5px;
    }

        .footer-copyright nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .footer-copyright nav ul li {
                border-left: 1px solid #505050;
                display: inline-block;
                line-height: 12px;
                margin: 0;
                padding: 0 8px;
            }

                .footer-copyright nav ul li a {
                    color: #969696;
                }

                .footer-copyright nav ul li:first-child {
                    border: medium none;
                    padding-left: 0;
                }

    .footer-copyright p {
        color: #969696;
        margin: 2px 0 0;
    }

/* Footer Top */
.footer-top {
    background: #252525;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 3px solid #222;
}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer {
    background: transparent;
}

footer.transparent .footer-copyright {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

/* Footer light */
footer.light .footer-top {
    background: #f9f9f9;
}

footer.light .main-footer {
    background: #f9f9f9;
}

footer.light .footer-copyright {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
}

/* Footer 4 */
.footer- .logo {
    display: inline-block;
}

/*==================== 
    Widgets 
====================== */
.widget {
    padding: 20px;
    margin-bottom: 40px;
}

    .widget.widget-last {
        margin-bottom: 0px;
    }

    .widget.no-box {
        padding: 0;
        background-color: transparent;
        margin-bottom: 40px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }

    .widget.subscribe p {
        margin-bottom: 18px;
    }

    .widget li a {
        color: #ff8d1e;
    }

        .widget li a:hover {
            color: #4b92dc;
        }

.widget-title {
    margin-bottom: 20px;
}

    .widget-title span {
        background: #839FAD none repeat scroll 0 0;
        display: block;
        height: 1px;
        margin-top: 25px;
        position: relative;
        width: 20%;
    }

        .widget-title span::after {
            background: inherit;
            content: "";
            height: inherit;
            position: absolute;
            top: -4px;
            width: 50%;
        }

    .widget-title.text-center span, .widget-title.text-center span::after {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

.widget .badge {
    float: right;
    background: #7f7f7f;
}

.typo-light h1,
.typo-light h2,
.typo-light h3,
.typo-light h4,
.typo-light h5,
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small {
    color: #fff;
}

ul.social-footer2 {
    margin: 0;
    padding: 0;
    width: auto;
}

    ul.social-footer2 li {
        display: inline-block;
        padding: 0;
    }

        ul.social-footer2 li a:hover {
            background-color: #ff8d1e;
        }

        ul.social-footer2 li a {
            display: block;
            height: 30px;
            width: 30px;
            text-align: center;
        }

.btn {
    background-color: #c80c0f !important; /*#c3c3c3*/
    
    color: white;
}

.btn-oval {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 1.5rem;
    border-color: #4faae7;
}

.btn-oval-1 {
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 1.5rem;
    border-color: white;
}

.btn:hover, .btn:focus {
    background: blue; /*#4b92dc*/
    color: black;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
    border-color: darkred;
}

    .btn.active {
        background: darkred;
        color: black;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 250ms ease-in-out 0s;
        -moz-transition: all 250ms ease-in-out 0s;
        -ms-transition: all 250ms ease-in-out 0s;
        -o-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
    }

.btn-comprar {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-width: 1px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.whatsapp-icon {
    margin-top: 13px;
}



/*.boton {
    background-color: #4faae7;
    color: #fff;
    background-image: radial-gradient(circle at 50% 100%,#2853b9 1%,transparent 1%);
}*/



.boton {
    background-color: #4faae7;
    color: white;
    border: 0px solid #3d6dc3; /*tamaño y color de borde */
    padding: 8px 15px;
    border-radius: 130px; /* redondear bordes */
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-family: Inter;
    font-weight:500;
    font-size: 12px;
}

a:link, a:visited, a:active {
    text-decoration:none;
}

    .boton:hover, .boton:focus {
        background: #2853b9;
        color: #fff;
        background-image: radial-gradient(circle at 50% 100%,#2853b9 1%,transparent 1%);
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 250ms ease-in-out 0s;
        -moz-transition: all 250ms ease-in-out 0s;
        -ms-transition: all 250ms ease-in-out 0s;
        -o-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
    }

    .boton.active {
        background: lightslategray;
        color: #fff;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 250ms ease-in-out 0s;
        -moz-transition: all 250ms ease-in-out 0s;
        -ms-transition: all 250ms ease-in-out 0s;
        -o-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
    }




.boton-comprar {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-width: 1px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.botongrey {
    background-color: darkgrey;
    color: white;
    border: 0px solid grey; /* tamaño y color de borde */
    padding: 8px 18px;
    border-radius: 130px; /* redondear bordes */
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    font-family: Inter;
    font-size: 12px;
    font-weight:500;
}

    .botongrey:hover, .botongrey:focus {
        background: grey;
        color: #fff;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 250ms ease-in-out 0s;
        -moz-transition: all 250ms ease-in-out 0s;
        -ms-transition: all 250ms ease-in-out 0s;
        -o-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
    }

    .botongrey.active {
        background: lightslategray;
        color: #fff;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 250ms ease-in-out 0s;
        -moz-transition: all 250ms ease-in-out 0s;
        -ms-transition: all 250ms ease-in-out 0s;
        -o-transition: all 250ms ease-in-out 0s;
        transition: all 250ms ease-in-out 0s;
    }

    /*h2{
        font-family:'Doppio One'
    }*/

.pass {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 100px;
}

@media only screen and (max-width: 700px){
    .pass {
        cursor: pointer;
        position: absolute;
        right: 30px;
        top: 125px;        
    }

}


@media only screen and (min-width: 1200px) and (orientation: landscape) {
    .foto { /*IMAGENDE FONDO DE LOGIN*/
        background-image: url('../../Images/tablet_home.png');
        background-repeat: no-repeat;
        background-position: right;
        margin-bottom: 20px;
    }

}