/* CSS Document */
:root{
    --Amarillo: #fcd700;
    --rojoOscuro: #b42c2c;
    --rojoClaro: #e72463;  
    --Negro: #000;
    --Blanco: #fff;
    --Gris : #CCC;
}

/*utilidades*/
.btn{
    padding: 10px 15px;
    border-radius:3px;
    background-color: var(--Gris);
    color: var(--Blanco);
    line-height: normal;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;    
}
.btn:hover{
    background-color: var(--rojoClaro);
}
.btn-primary{
 background-color: var(--rojoOscuro);   
}
.btn-secondary{
    background-color: var(--rojoClaro);
}
.btn-danger{
    background-color: var(--rojoOscuro);   
}
hr {
    margin: 30px 0;
    padding: 0;
    border-bottom: 1px solid #828282;
    border-top: 0;
}
/*utilidades*/
.swiper-container a.theme-color{
    line-height: normal;
}
.cat-6 {
    width: 54%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: none;
}
.destacado-1 img{
    max-height: 716px;
    object-fit: cover;
}
.informacion-contacto p{
    margin-bottom: 0px;
}
.btn-sm.badge-primary
{
    line-height: 1;
    padding: 5px 10px;
    background: var(--rojoOscuro);    
}
.header-sticky .header-logo img{
    max-height: 60px;
    width: auto;    
}
/*menu*/

@media(min-width:991px){
    
    .mega-menu {
        background: #fff;
        width: 800px;
        left: 50%;
        right: auto
        -webkit-transform: translateX(-41%);
        -ms-transform: translateX(-41%);
        transform: translateX(-41%);
        padding: 20px 0;
        -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 30%);
        box-shadow: 0 0 3px rgb(0 0 0 / 30%);
        border-bottom: 3px solid #e72463;
    }
    .mega-menu li.mega-menu-li .mega-menu-text {
        position: relative;
        font-size: 16px;
        font-family: Poppins,sans-serif;
        padding: 0px;
        margin: 0px;
        display: block;
    }
    .mega-menu li.mega-menu-li .mega-menu-text:after{
        display: none;
    }    
}
@media(min-width:1200px){
.mega-menu {    
    width: 1100px;    
    }
}
@media(min-width:1200px){
.mega-menu {    
    width: 1100px;    
    }
}
@media(min-width:1300px){
.mega-menu {    
    width: 1200px;    
    }
}
/*redes sociales*/
.instragram-color-bg{background: #d6249f;
                     background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
                     color:#fff}
.instragram-color-bg:hover{background-color:#e72463;color:#fff}

.whatsapp-color-bg{background-color:#075e54;color:#fff}
.whatsapp-color-bg:hover{background-color:#e72463;color:#fff}
/*redes sociales*/
/*slider*/
@media(max-width:767px)
{
    .swiper-container-fade .swiper-slide{
        position:relative;
    }
    .swiper-container-fade .swiper-slide:before{
        content:"";
        display:block;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        bottom:0;
        right:0;
        left:0;
        background:rgba(0,0,0,0.5);
    }
    .swiper-container-fade .swiper-slide *{
        color:var(--Blanco);
    }
    
}
/*slider*/
/*articulo*/
.articulo-item{
    background-color: #ddd;
    border-radius: 5px;
    border: none!important;
    padding: 12px 30px;
    
    display: block;
    margin-bottom: 15px;    
}
.articulo-item h3{
    font-size: 1.4rem;
    font-family: "Poppins",sans-serif;
    font-weight: 500;
    color: #222!important;
    
    position: relative;
    padding-left: 0;
    padding-top: 13px;    
    padding-bottom: 13px;    
}

/*articulo*/
/* scroll */
.scroll-to-top {
    right: 32px;
}
.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    top: 85%;
    -webkit-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    transform: translateY(-85%);
}

/*contactenos*/
#mapa {
    line-height: 0
}
#mapa iframe{
    width: 100%;
    min-height: 300px;
}
.g-recaptcha > div{
    margin: auto;
    margin-bottom: 15px;
}
/*contactenos*/
/*registrar*/
.login-form-container > .container > .row{
    align-content: center;
    justify-content: center;
}
.panel-heading > .row{
    justify-content: space-between;
}
.panel-heading > .row > .col-xs-6{
    flex: 0 0 50%;
}
.panel-heading a{
    display:block;
    background: #d0d0d0;
    padding: 10px 10px;
    text-align: center;
}
.panel-heading a.active{
    background: #ae1a1a;
    color: #fff !important;    
    font-size: 15px !important;
}
.panel hr{
    margin: 20px 0px;
    border-color: #d0d0d0;
}
.panel-body{
    background: #fff;
    padding: 15px;
}
#login-form .form-group:nth-child(4) > .row{
    justify-content: center
}
#login-form #login-submit{
    background: #ae1a1a;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;    
}
#login-form input{
    background: #ccc;
}
.button_login_facebook{
    background: #3b5998;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}
#register-form .radio-inline{
    width: 49%;
    text-align: center;
}
#register-form .radio-inline input{
    display: inline;
    width: auto;
    line-height: normal;
    height: auto;    
}
#register-form .form-group:last-of-type > .row{
    justify-content: center;
}
#register-form #register-submit{
    background: var(--rojoOscuro);
    color: #fff;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
    line-height: normal;    
}
#register-form input {
    border: 1px solid #ccc;
}
/*registrar*/
/*recuperar contraseña*/
#recuperar-password{
    margin: 50px auto;
}
#recuperar-password input {
    border: 1px solid #ccc;
    height: 45px;
    border: 1px solid #ddd;
    font-size: 16px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    color: #333333;
}
#recuperar-password #email{
    margin-bottom: 15px;
}
#recuperar-password .btn{
    background: var(--rojoOscuro);
    color: #fff;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
    line-height: normal;     
}
/*recuperar contraseña*/
/*productos*/
#section-collection-template {
    padding-top: 100px;
    padding-bottom: 100px;
}
.producto-listado .single-product{
    margin-right: 0px;
    margin-left: 0px;
}
.container.custom-area .col-custom {
/*    padding-right: 13px;*/
/*    padding-left: 13px;*/
}
.color{
    width: 20px;
    height: 20px;
    display: inline-flex;
    border-radius: 100%;
    background: #ccc;    
}
.active_filters .btn{
    margin: 10px 0px;
}
#propiedades_block .control-label{
    display: block;
    line-height: 15px;
    margin-bottom: 5px;
    margin-right: 0;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 500;    
}
#propiedades_block .form-group > div .radio{
  display: inline-block;
}
#propiedades_block input{
    display: none;
}
#propiedades_block > div{
    margin-bottom: 15px;
}
#propiedades_block .input_color:checked + span{
    outline: 1px solid #666;
}
#propiedades_block .input_color + span{

    background: #666666 none repeat scroll 0 0;
    border: medium none;
    display: block;
    float: left;
    height: 40px;
    margin-right: 13px;
    margin-top: -13px;
    padding: 0;
    position: relative;
    width: 40px;
    border: 1px solid #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
    
    background: #ff0000;
    height: 25px;
    margin-right: 8px;
    margin-top: 6px;
    padding: 0;
    width: 25px;
    
    text-indent: -99999999px;
}

#propiedades_block .input_button:checked + span{
    outline: 1px solid #666;
}
#propiedades_block .input_button + span{
    display: block;
    padding: 5px 10px;
    background: var(--Gris);
    margin-right: 8px;
    margin-top: 6px;   
    border: 1px solid #fff;
}
.flosun-button.button-icon span{
    display: block;
    margin-top: -20px;    
}
.product-add-to-cart{
    display: grid;
    grid-template-columns: 206px auto;    
}
.product-add-to-cart .qty .input-group{
    display: grid;
    grid-template-columns: 42px 1fr 42px;   
    max-width: 200px;
}
.product-add-to-cart .qty .input-group input{
    width: 100%;
    text-align: center;
}
.input-group .btn, .input-group .input-group-field{
    height: 46px;
}
.product-image img{
    height: 250px;
    object-fit: cover;
}
.row-swiper-productos .single-product{
    margin: 0px !important;
}
@media(max-width:767px)
{
    .product-area .single-product{
        -webkit-box-shadow: 0 5px 11px rgb(0 0 0 / 14%);
        box-shadow: 0 5px 11px rgb(0 0 0 / 14%);
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }        
    .product-add-to-cart 
    {
        grid-gap: 1rem;
        grid-template-columns: auto;
    }
}
/*productos*/
/*panel usuario*/
.list-group-item.active{
    background-color: var(--rojoOscuro);
    border-color: var(--rojoOscuro);
}
.nav.nav-tabs li{
    margin-right: 5px;
}
.nav.nav-tabs li a{
    display: block;
    padding: 5px 15px;
    background: var(--Gris);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.nav.nav-tabs li.active a {
    background: var(--rojoOscuro);
    color: var(--Blanco);
}
#acceso .btn.btn-default,
#perfil .btn.btn-default,
#perfil .btn.btn-success{
    background: var(--rojoOscuro);
    margin-top: 15px;
}
#acceso .form-group,
#perfil .form-group{
    margin-bottom: 15px;
}
.form-inline .form-group{
    max-width: 200px;
    display: inline-block;
}
.form-inline .btn{
    background: var(--rojoOscuro);
    color: var(--Blanco);    
}
.glyphicon-repeat:before{
    content:"\f021";
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
/*panel usuario*/
.product-zoom a{
    display: block;
    width: 100%;
}
.product-zoom a img{
    width: 100%;
    height: 100%;
}
/*carrito de compras*/
.section-title h2{
    text-align: center;
}
.row-nombre > .col:nth-child(1){
    max-width: 135px;
}
#despacho_domicilio > .input-group select{
    max-width: calc(100% - 100px);
}
.well {
    background: whitesmoke;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eaeaea;
    margin: 15px 0px;
}
#despacho_domicilio #detalle_sucursal .panel-body {
    padding: 15px;
    border: 1px solid #ddd;
    margin: 10px 0px;
    border-radius: 6px;    
}
#despacho_domicilio #detalle_sucursal .panel-body *{
    font-size: 14px;
}
#despacho_domicilio .panel-footer{
    padding: 0px 15px;
}
#despacho_domicilio .panel-footer .pull-left:first-of-type{
    padding-left: 0px !important;
}
#despacho_domicilio .panel-footer .pull-left:last-of-type{
    padding-right: 0px !important;
}
#despacho_domicilio textarea{
    width: 100%;
    min-height: 150px;
    font-size: 14px;
    margin: 15px 0px;
}
#tipo_comprobante,
#num_documento{
    margin-bottom: 15px;
}
#medio_pago + button{
    margin-top: 15px;
}
#print_div{
    margin: 50px 0px;
}
/*carrito de compras*/
/*botones*/
#contenedor_carrito .cart-totals .btn,
#medio_pago .btn,
#carrito_form .sticky-top .btn,
#print_div .btn-lg{
    background: var(--Amarillo);
    color: var(--Negro);
}
#carrito_form .title_block,
.btn-group .btn-primary.active,
#noprint_div button,
#btn-nueva-direccion,
.panel-footer .btn,
.btn:hover,
.btn:focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.contenido-detalle-pedido .title_block,
.title_block{
    background: var(--rojoOscuro);
    color: var(--Blanco);
    border:none;
        
}

.btn-group .btn-primary,
.btn-fecha{
    background: var(--rojoClaro);
    color: var(--Blanco);
    border:none;
}

#medio_pago .btn-lg,
#carrito_form .sticky-top .btn,
#carrito_form .sticky-top .btn:hover,
#print_div .btn-lg{
    font-size: 2rem;
}
/*botones*/