/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.leo-megamenu .navbar-nav .contacto {
    padding-left: 120px;
}
.ApSlideShow .btn-slider strong{
    font-size: 24px!important;
}

#onepagecheckoutps_contenedor .alert-warning{
    color: #414141 !important;
}

div.product_reference{
    padding-bottom: 18px;
}

.footer-copy{
    color: #ffffff;
}
.footer-copy .ApLink li {
    float: right;
    padding: 0 10px;
    border-left:#999999 solid 1px ;
}
.footer-copy .ApLink li:last-child {
    border-left:none;
}
.footer-copy .ApLink li a{
    color: #ffffff;
    display: inline;
}
.footer-copy a:hover{
    color: #999999;
}
@media (min-width: 767px)  {
    .widget-inner:only-child {
        margin-top:38px;
    }
    .send-renew-password-link {
        text-align: center;
        padding-bottom: 16px !important;
    }
}
@media (max-width: 767px)  {
    .ApSlideShow div.carrusel_texto .caption-contain{
        display: none;
    }
    .ApSlideShow .btn-black{
        top: 330px !important;
    }
    .ApSlideShow .btn-slider strong{
        font-size: 30px !important;
    }

}
div#onepagecheckoutps div#onepagecheckoutps_step_review #btn_place_order, .lql-form-bt, #authentication .login-form .form-footer .btn, #authentication .register-form .form-footer .btn {
    background: #012169 !important;
}
.leo-cart-dropdown-action a.btn.cart-dropdow-viewcart{
    color: #FFF !important;
    border-radius: 0 !important;
    background-color: #ccc !important;
}

/* Banner */
div.banner {
    text-align: center;
    margin: 0 auto;
}

/* Disponibilidad */
span.product-custom-available{
    position: absolute;
    top: 0;
    left: 170px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
}
span.product-custom-available .state{
    font-weight: 600;
}
span.product-custom-available .s-green{
    color: #1D7E01;
}
span.product-custom-available .s-orange{
    color: #9D7401
}
span.product-custom-available .s-red{
    color: #E03C31;
}
.product-add-to-cart .product-quantity .qty{
    width: 300px;
}

/* Alerta de producto */
.js-mailalert{
    padding-top: 40px;
    text-align:right !important;
    max-width: 400px;
}
.js-mailalert h4{
    text-align: left;
}
.js-mailalert .btn{
    background: #012169;
    color: #fff;
}
.js-mailalert .btn:focus, .js-mailalert .btn:hover{
    background: #1E2527;
}

/* Tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}
[data-tooltip]:before {
    font-family: "Open sans",sans-serif;
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -130px;
    padding: 7px;
    width: 260px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
}
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.description-short.second-description
{
    border-top: none !important;
    margin-top: -26px;
}
ul.product-flags li.product-flag.pack
{
    display: none;
}
body#cms ul li
{
    list-style-type: circle;
    margin-left: 20px;
}
body#cms ol li
{
    margin-left: 20px;
}
body#cms table
{
    width: 100%;
    margin: 20px 0px;
}

@media (max-width: 767px)  {
    [data-tooltip]:before {
        margin-left: -230px;
        width: 260px;
    }
}

/******** HEADER ******/

@media (max-width: 991px) {
    .col-logo.ApColumn:not(.hidden-lg-up) {
        display: none;
    }
    .col-logo.ApColumn.hidden-lg-up {
        display: flex;
        align-items: center;
    }
    .logo-mobile img {
        max-width: 40px;
        margin: 0 0 0 15px;
    }
}

/******** HOME SLIDER ******/

.homeslider {
    width: 100%;
    height: auto;
}

.homeslider figure {
    margin: 0;
}

.homeslider .caption {
    background: transparent;
    bottom: 50px;
}

.homeslider .caption-description {
    margin: 0 auto;
}

.homeslider button {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.15em;
    height: 3rem;
    background-color: #fff;
    border: none;
    padding: 10px 30px;
    text-transform: uppercase;
    cursor: pointer;
}

.homeslider button:hover {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
}

.homeslider .carousel-indicators {
    width: 100%;
    margin: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 15px;
}

.homeslider .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 100px;
    height: 5px;
    margin: 5px;
    background-color: rgba(255, 255, 255, .5);
    border: none;
}

.homeslider .carousel-indicators li.active {
    background-color: #fff;
}

#homeslider-swipe {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.homeslider button.clasicos {
    position: absolute;
    right: 15%;
    bottom: 1vw;
}

.homeslider button.fabricacion {
    position: absolute;
    left: 28.2%;
    bottom: 7.1vw;
}

.homeslider button.oaxaca {
    position: absolute;
    left: calc(21% - 111px);
    bottom: 4.5vw;
}

@media screen and (max-width: 1599px) {
    .homeslider button.clasicos {
        bottom: 0;
    }
    .homeslider button.fabricacion {
        bottom: 6vw;
    }
    .homeslider button.oaxaca {
        bottom: 3.5vw;
    }
}

@media screen and (max-width: 1365px) {
    .homeslider button.clasicos,
    .homeslider button.fabricacion,
    .homeslider button.oaxaca {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .homeslider .caption-description {
        display: none;
    }
    .homeslider .caption-description p {
        text-align: center;
    }
    .homeslider button {
        padding: 10px 15px;
    }
    .homeslider .carousel-indicators li {
        width: 50px;
    }
}

/******** Correcciones Extras *******/

@media screen and (min-width: 1200px) {
    .h-logo {
        margin-right: 30px;
    }
}