@charset "utf-8";
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #595959;
    border: 57px none #ffffff;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

::-webkit-scrollbar-thumb:active {
    background: #000000;
}

::-webkit-scrollbar-track {
    background: #909090;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-track:hover {
    background: #000000;
}

::-webkit-scrollbar-track:active {
    background: #333333;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

.btn-default {
    margin-bottom: 15px;
}

#tex_loa h1 {
    font-size: 25px;
    margin-bottom: -20px;
    font-weight: 400;
}

.progress {
    height: 30px;
}

#tex_progress {
    font-size: 20px;
    margin-top: 5px;
}

.seguir_compra {
    margin-top: 30px;
}

/* busqueda*/

.form-control_busqueda {
    display: block;
    margin-left: 10px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    float: left;
    margin-right: 10px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*ZOOM*/

/* these styles are for the demo, but are not required for the plugin */
.zoom {
    display: inline-block;
    position: relative;
}

/* magnifying glass icon */

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

#ex2 img:hover {
    cursor: url(grab.cur), default;
}

#ex2 img:active {
    cursor: url(grabbed.cur), default;
}

/*mega menu dimenciones*/

@media screen and (min-width: 1200px) and (max-width: 2600px) {

    .two-column-navbar {
        width: 40em;
        height: auto;
        margin: 4px 8px;
        float: right;

    }

    .three-column-navbar {
        width: 35em;
        height: auto;
        margin: 4px 8px;
        float: right;
        border-top: solid 5px #da241d;

    }

    .mega_me a {
        color: #000000;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .mega_me a:hover {
        text-decoration: none;
        font-weight: 600;
    }

    .mega_me h3 {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #da241d;
        padding-bottom: 5px;
        border-bottom: solid 1px #c1c1c1;
    }

}

/*final de dimenciones de mega menu*/

@media screen and (min-width: 992px) and (max-width: 1200px) {

    /*  ----------------------  NAVBAR RENDERING  ---------------------- */
    .two-column-navbar {
        width: 40em;
        height: auto;
        margin: 4px 8px;
        float: right;

    }

    .three-column-navbar {
        width: 20em;
        height: auto;
        margin: 4px 8px;
        float: right;
        border-top: solid 5px #da241d;
        padding-bottom: 20px;
    }

    .mega_me a {
        color: #000000;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .mega_me a:hover {
        text-decoration: none;
        font-weight: 600;
    }

    .mega_me h3 {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #da241d;
        padding-bottom: 5px;
        border-bottom: solid 1px #c1c1c1;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

    /*  ----------------------  NAVBAR RENDERING  ---------------------- */
    .two-column-navbar {
        width: 40em;
        height: auto;
        margin: 4px 8px;
        float: right;

    }

    .three-column-navbar {
        width: 12em;
        height: auto;
        margin: 4px 8px;
        float: right;
        border-top: solid 5px #da241d;
        padding-bottom: 20px;
    }

    .mega_me a {
        color: #000000;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .mega_me a:hover {
        text-decoration: none;
        font-weight: 600;
    }

    .mega_me h3 {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #da241d;
        padding-bottom: 5px;
        border-bottom: solid 1px #c1c1c1;
    }

}

/*final de dimenciones de mega menu*/

.des_car {
    margin-bottom: 10px;
}

#cuerpo_tab {
    margin-top: 15px;
}

.cursor {
    cursor: pointer;
}

/*ofertas*/

.oferta_img {
    margin-top: 30px;
}

#ofer {
    margin-bottom: 50px;
}

.nuevo {
    margin-top: 30px;
}

.new_til {
    color: #da241d;
    margin-bottom: 30px;
    font-weight: 700;
}

.nuevo_pro {
    background: #256BB3;
    border-radius: 40px;
    color: #ffffff;
    height: 50px;
    padding: 12px;
    padding-top: 18px;
    font-size: 10px;
    width: 50px;
    z-index: 99;
    position: absolute;
    text-align: center;
    margin: 10px;
!important
}

.oferta_pro {
    background: #B41F26;
    border-radius: 40px;
    color: #ffffff;
    height: 50px;
    padding: 12px;
    padding-top: 16px;
    font-size: 10px;
    width: 52px;
    z-index: 99;
    position: absolute;
    text-align: center;
    margin: 10px;
!important
}

.ofertaNoShow {
    background: #fff;
    /* border-radius: 40px;*/
    color: #ffffff;
    height: 50px;
    padding: 12px;
    padding-top: 16px;
    /*font-size: 10px;*/
    width: 50px;
    /*z-index: 99;*/
    position: absolute;
    /*text-align: center;*/
    margin: 10px;
!important
}

.oferta_articulo {
    background: #B41F26;
    border-radius: 40px;
    color: #ffffff;
    height: 56px;
    padding: 12px;
    padding-top: 20px;
    font-size: 12px;
    width: 56px;
    z-index: 99;
    position: absolute;
    text-align: center;
    margin-top: -60px;
}

/*carrusel*/

.slider {
    /*width: 80%;*/
    margin: 100px auto;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
}

.slick-current {
    opacity: 1;
}

/* final carrusel*/

.descuento {
    float: left;
    padding-left: 5px;
    font-weight: 400;
    font-size: 14px;
    text-decoration: line-through;
    color: #878787;
}

.descuentoNoShow {
    color: #fff;
    background-color: #fff;
    float: left;
    padding-left: 5px;
    /*font-weight: 400;
    font-size: 14px;
    text-decoration: line-through;
    color: #878787;*/
}

.sec_ofer img{
    margin-left: 50px;
    margin-right: 50px;
}

@media screen and (min-width: 1600px) and (max-width: 2600px) {
    #container {
        width: 100%;
        float: left;
        margin: 0px;
    }

    .cargando_img {
        margin-top: 450px;
    }

    /*  ----------------------  SPACING  ----------------------  */
    .margin-top-ten-px {
        margin-top: 10px;
    }

    .margin-bottom-ten-px {
        margin-bottom: 10px;
    }

    .full-width-button {
        width: 100%;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    #head {
        width: 100%;
        float: left;
        background: #000000;
        font-size: 15px;
    }

    .navbar-brand img {
        width: 320px;
    }

    .sec_for {
        width: 71%;
        float: left;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .sec_ti {
        width: 20%;
        margin-left: 3%;
        float: left;
        margin-bottom: 10px;
    }

    .sec_boton {
        width: 40%;
        margin-left: 26%;
    }

    #arriba {
        float: right;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .modal-title {
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;
        color: #da241d;
        font-weight: 700;
    }

    #ayuda {
        float: left;
        margin-right: 30px;
    }

    #ayuda a, #iniciar_sesion a, #suscribirse a {
        color: #d6d6d6;
        font-family: 'Open Sans', sans-serif;
    }

    #ayuda a:hover, #iniciar_sesion a:hover, #suscribirse a:hover {
        color: #B3B3B3;
        text-decoration: none;
    }

    #iniciar_sesion {
        float: left;
        margin-left: 10px;
    }

    #suscribirse {
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

    #menu {
        width: 100%;
        float: left;
        font-family: 'Open Sans', sans-serif;
    }

    .navbar-header img {
        margin-top: -20px;
    }

    #contenidos {
        width: 100%;
        float: left;
        margin-top: 110px;
    }

    #banner {
        margin-top: -100px;
        width: 100%;
        float: left;
    }

    .sec_nos img {
        margin-top: 80px;
        margin-bottom: 80px;
        width: 100%;
    }

    #tex_nos {

        margin-right: 5%;
        text-align: justify;
        margin-top: 80px;
    }

    #tex_nos h1 {
        font-size: 35px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #da241d;
    }

    #sucursales {
        float: left;
        padding-bottom: 80px;
        background: #000000;
    }

    #center_su {

        color: rgba(255, 255, 255, 1.00);
        text-align: center;
        margin-bottom: 50px;
        margin-top: 10px;

    }

    #center_su h1 {
        color: #da241d;
        font-weight: 700;
    }

    .sec_su {
        color: #FFFFFF;
        margin-bottom: 50px;
    }

    .sec_su img {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #mapa {
        width: 100%;
        float: left;
    }

    .sec_con {
        font-family: 'Open Sans', sans-serif;
        margin-top: 100px;
        margin-bottom: 100px;

    }

    .sec_con img {
        width: 100%;
    }

    #tex_con {

        text-align: left;
    }

    #tex_con h1 {
        color: #da241d;
        font-weight: 700;
    }

    .op_co {
        margin-bottom: 20px;
    }

    .boton {
        margin-top: 20px;
    }

    #fooder {
        width: 100%;
        background: #000000;
        padding-top: 50px;
        padding-bottom: 50px;
        color: rgba(255, 255, 255, 1.00);
        float: left;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }

    /*carrito general de compras*/
    .movil_ver {
        display: none;
    }

    #menu_carrito {

        margin-top: 100px;

    }

    .sec_menu_carrito {

        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 30px;
    }

    .scroll_menu-carrito {
        overflow: auto;
        max-height: 250px;
    }

    .form_carrito {
        width: 90%;
        margin-left: 5%;
    }

    .sec_menu_carrito a {
        color: #000000;
        font-weight: 400;
    }

    .sec_menu_carrito a:hover {
        color: #FF0004;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .sec_menu_carrito h1 {
        font-weight: 600;
        font-size: 15px;
        color: #FF0004;
        margin-bottom: 20px;
    }

    .filtro_tex {
        font-style: italic;
    }

    .check_sec {
        border-bottom: solid 1px #c1c1c1;
    }

    #catalogo {

        margin-bottom: 50px;
        margin-top: 50px;
    }

    .sec_catalogo {

        margin-bottom: 30px;
        font-weight: 400;
    }

    .sec_catalogo img {
        width: 100%;
    }

    .sec_catalogo:hover {
        color: rgba(255, 0, 4, 1.00);
    }

    .name_tenis {
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float: left;
        text-align: left;
        color: #909090;
    }

    .costo_producto {

        float: left;
        text-align: left;
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #595959;
    }

    /*producto*/
    #conte_producto {
        width: 100%;
        float: left;
    }

    .sec_producto {
        width: 50%;
        float: left;
        margin-bottom: 100px;
        margin-top: 100px;
    }

    #fotos_producto {
        width: 70%;
        float: left;
        margin-left: 25%;
    }

    #fotos_producto li {
        float: left;
        width: 25%;
    }

    .sec_producto h1 {
        width: 60%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        font-family: 'Oswald', sans-serif;
        color: #333333;
        font-weight: 600;
    }

    .id_ar {
        font-size: 20px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .corrida_art {
        font-size: 20px;
        margin-top: 5px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    #tex_producto {
        width: 60%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        text-align: justify;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #424242;
    }

    #costo_producto {
        width: 50%;
        margin-left: 5%;
        float: left;
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
        font-weight: 700;
        color: #333333;
        margin-bottom: 30px;
    }

    #colores_producto {
        width: 60%;
        float: left;
        margin-left: 5%;
        margin-bottom: 40px;
    }

    #talla_compra_producto {
        width: 50%;
        float: left;
        margin-left: 5%;
    }

    #talla_producto {
        width: 100%;
        float: left;
    }

    .selec_talla {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    #compra_producto {
        width: 25%;
        /*float: left;*/
        margin-left: 5px;
    }

    #talla_boton {
        width: 100%;
        /*background: rgba(162,162,162,1.00);*/
        color: #000000;
        font-size: 15px;
    }

    #talla_boton:hover {
        background: #eaeaea;
    }

    #talla_boton:active, #talla_boton:focus {
        background: #eaeaea;
    }

    #boton {
        float: right;
        background: #5bb030;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: rgba(255, 255, 255, 1.00);
        border: none;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #boton:hover {
        background: #4f9129;
    }

    /*pago_carrito*/
    #conte_pago {
        margin-top: 20px;
    }

    .til_pa {
        color: #ff0000;
    }

    .con_articulos_pago {
        width: 50%;
        float: left;
        margin-left: 25%;
        margin-top: 50px;
    }

    .proceso_pago {
        width: 50%;
        float: left;
        margin-left: 25%;
    }

    .metodo_pago {
        width: 50%;
        float: left;
        margin-left: 25%;
        margin-top: 50px;
    }

    .fecha_tarjeta {
        width: 40%;
        float: left;
    }

    .form-group {
        width: 100%;
        float: left;
    }

    #fecha_til {
        float: left;
        width: 100%;
    }

    #a_tarjeta {
        margin-left: 5px;
    }

    .paginador_carrito {

        float: left;
        margin-left: 5%;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 16px;
    }

    .tex_vacio h1 {
        font-size: 35px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        margin-top: 150px;
    }

    .fa-shopping-cart {
        color: #4fad32;
    }

    .panel-heading {
        text-align: center;
    }

    .panel-heading:hover {
        background: #4fad32;
        color: #ffffff;
        text-align: center;
    }

    /*pago_ver 2.0*/
    .sec_forma_pago {
        width: 45%;
        margin-right: 5%;
        float: left;
        margin-top: 50px;
    }

    .final_compra {
        color: #FFFFFF;
        background: #5bb030;
    }

    .final_compra:hover {
        background: #4f9129;
        color: #FFFFFF;
    }

    .boton_forma_pago {
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        background: #337ab7;
        color: #FFFFFF;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .boton_forma_pago:hover {
        background: #286090;
        color: #FFFFFF;
    }

    /*ubicacion*/
    #ubi_pago {
        width: 30%;
        float: left;
        margin-left: 35%;
        margin-top: 50px;
    }

    #ubi_pago h1 {
        font-size: 30px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }

    /* MEGA MENU STYLE
********************************/
    .mega-menu {
        padding: 10px 0px ! important;
        width: 540px;
        border-radius: 0;
        margin-top: 0px;
    }

    .mega-menu li {
        display: inline-block;
        float: left;
        font-size: 14px;
        padding: 3px 0px;
    }

    .mega-menu li.mega-menu-column {
        margin-right: 20px;
        width: 150px;
    }

    .mega-menu .nav-header {
        padding: 0 !important;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .mega-menu-column {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
    }

    .mega-menu-column a {
        color: #000000;
        text-decoration: none;
    }

    .mega-menu-column a:hover {
        color: #000000;
        text-decoration: none;
        font-weight: 600;
    }

    .nav-header {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #FF0004;
    }

    /*cambiar pass*/
    #cambiarpass {
        width: 100%;
        float: left;
    }

    .pass_form {
        width: 300px;
    }

}

@media screen and (min-width: 1300px) and (max-width: 1599px) {

    #container {
        width: 100%;
        float: left;
        margin: 0px;
    }

    .cargando_img {
        margin-top: 350px;
    }

    /*  ----------------------  SPACING  ----------------------  */
    .margin-top-ten-px {
        margin-top: 10px;
    }

    .margin-bottom-ten-px {
        margin-bottom: 10px;
    }

    .full-width-button {
        width: 100%;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    #head {
        width: 100%;
        float: left;
        background: #000000;
        font-size: 15px;
    }

    .navbar-brand img {
        width: 300px;
    }

    .sec_for {
        width: 71%;
        float: left;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .sec_ti {
        width: 20%;
        margin-left: 3%;
        float: left;
        margin-bottom: 10px;
    }

    .sec_boton {
        width: 40%;
        margin-left: 26%;
    }

    #arriba {
        float: right;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .modal-title {
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;
        color: #da241d;
        font-weight: 700;
    }

    #ayuda {
        float: left;
        margin-right: 30px;
    }

    #ayuda a, #iniciar_sesion a, #suscribirse a {
        color: #d6d6d6;
        font-family: 'Open Sans', sans-serif;
    }

    #ayuda a:hover, #iniciar_sesion a:hover, #suscribirse a:hover {
        color: #B3B3B3;
        text-decoration: none;
    }

    #iniciar_sesion {
        float: left;
        margin-left: 10px;
    }

    #suscribirse {
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

    #menu {
        width: 100%;
        float: left;
        font-family: 'Open Sans', sans-serif;
    }

    .navbar-header img {
        margin-top: -20px;
    }

    #contenidos {
        margin-top: 110px;
    }

    #banner {
        margin-top: -100px;
        width: 100%;
        float: left;
    }

    .sec_nos img {
        margin-top: 80px;
        margin-bottom: 80px;
        width: 100%;
    }

    #tex_nos {

        margin-right: 5%;
        text-align: justify;
        margin-top: 80px;
    }

    #tex_nos h1 {
        font-size: 35px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #da241d;
    }

    #sucursales {
        float: left;
        background: #000000;
    }

    #center_su {

        color: rgba(255, 255, 255, 1.00);
        text-align: center;
        margin-bottom: 50px;
        margin-top: 10px;

    }

    #center_su h1 {
        color: #da241d;
        font-weight: 700;
    }

    .sec_su {
        color: #FFFFFF;
        margin-bottom: 50px;
    }

    .sec_su img {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #mapa {
        width: 100%;
        float: left;
    }

    #contacto {
        float: left;
    }

    .sec_con {
        font-family: 'Open Sans', sans-serif;
        margin-top: 100px;
        margin-bottom: 100px;

    }

    .sec_con img {
        width: 100%;
    }

    #tex_con {
        margin-right: 5%;
        text-align: left;
    }

    #tex_con h1 {
        color: #da241d;
        font-weight: 700;
    }

    .op_co {
        margin-bottom: 20px;
    }

    .boton {
        margin-top: 20px;
    }

    #fooder {
        width: 100%;
        background: #000000;
        padding-top: 50px;
        padding-bottom: 50px;
        color: rgba(255, 255, 255, 1.00);
        float: left;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }

    /*carrito general de compras*/
    /*carrito general de compras*/
    .movil_ver {
        display: none;
    }

    #menu_carrito {
        float: left;
        margin-top: 100px;

    }

    .sec_menu_carrito {
        width: 70%;
        margin-left: 15%;

        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 30px;
    }

    .scroll_menu-carrito {
        overflow: auto;
        max-height: 250px;
    }

    .form_carrito {
        width: 90%;
        margin-left: 5%;
    }

    .sec_menu_carrito a {
        color: #000000;
        font-weight: 400;
    }

    .sec_menu_carrito a:hover {
        color: #FF0004;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .sec_menu_carrito h1 {
        font-weight: 600;
        font-size: 15px;
        color: #FF0004;
        margin-bottom: 20px;
    }

    .filtro_tex {
        font-style: italic;
    }

    .check_sec {
        border-bottom: solid 1px #c1c1c1;
    }

    #catalogo {

        margin-bottom: 50px;
        margin-top: 50px;
    }

    .sec_catalogo {

        margin-bottom: 30px;
        font-weight: 400;
    }

    .sec_catalogo img {
        width: 100%;
    }

    .sec_catalogo:hover {
        color: rgba(255, 0, 4, 1.00);
    }

    .name_tenis {
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float: left;
        text-align: left;
        color: #909090;
    }

    .costo_producto {
        width: 100%;
        float: left;
        text-align: left;
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #595959;
    }

    /*producto*/
    /*producto*/
    #conte_producto {
        width: 100%;
        float: left;
    }

    .sec_producto {
        width: 50%;
        float: left;
        margin-bottom: 100px;
        margin-top: 100px;
    }

    #fotos_producto {
        width: 70%;
        float: left;
        margin-left: 25%;
    }

    #fotos_producto li {
        float: left;
        width: 25%;
    }

    .sec_producto h1 {
        width: 80%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        font-family: 'Oswald', sans-serif;
        color: #333333;
        font-weight: 600;
    }

    .id_ar {
        font-size: 20px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .corrida_art {
        font-size: 20px;
        margin-top: 5px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    #tex_producto {
        width: 60%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        text-align: justify;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #424242;
    }

    #costo_producto {
        width: 50%;
        margin-left: 5%;
        float: left;
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
        font-weight: 700;
        color: #333333;
        margin-bottom: 30px;
    }

    #colores_producto {
        width: 60%;
        float: left;
        margin-left: 5%;
        margin-bottom: 40px;
    }

    #talla_compra_producto {
        width: 50%;
        float: left;
        margin-left: 5%;
    }

    #talla_producto {
        width: 100%;
        float: left;
    }

    .selec_talla {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    #compra_producto {
        width: 25%;
        /*float: left;*/
        margin-left: 5px;
    }

    #talla_boton {
        width: 100%;
        /*background: rgba(162,162,162,1.00);*/
        color: #000000;
        font-size: 15px;
    }

    #talla_boton:hover {
        background: #eaeaea;
    }

    #talla_boton:active, #talla_boton:focus {
        background: #eaeaea;
    }

    #boton {
        float: right;
        background: #5bb030;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: rgba(255, 255, 255, 1.00);
        border: none;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #boton:hover {
        background: #4f9129;
    }

    /*pago_carrito*/
    #conte_pago {
        margin-top: 20px;
    }

    .til_pa {
        color: #ff0000;
    }

    .con_articulos_pago {
        width: 70%;
        float: left;
        margin-left: 15%;
        margin-top: 30px;
    }

    .proceso_pago {
        width: 70%;
        float: left;
        margin-left: 15%;
    }

    .metodo_pago {
        width: 70%;
        float: left;
        margin-left: 15%;
    }

    .fecha_tarjeta {
        width: 40%;
        float: left;
    }

    .form-group {
        width: 100%;
        float: left;
    }

    #fecha_til {
        float: left;
        width: 100%;
    }

    #a_tarjeta {
        margin-left: 5px;
    }

    .paginador_carrito {

        float: left;
        margin-left: 5%;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 16px;
    }

    .tex_vacio h1 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        margin-top: 150px;
    }

    .fa-shopping-cart {
        color: #4fad32;
    }

    .panel-heading {
        text-align: center;
    }

    .panel-heading:hover {
        background: #4fad32;
        color: #ffffff;
        text-align: center;
    }

    /*pago_ver 2.0*/
    .sec_forma_pago {
        width: 45%;
        margin-right: 5%;
        float: left;
        margin-top: 50px;
    }

    .final_compra {
        color: #FFFFFF;
        background: #5bb030;
    }

    .final_compra:hover {
        background: #4f9129;
        color: #FFFFFF;
    }

    .boton_forma_pago {
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        background: #337ab7;
        color: #FFFFFF;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .boton_forma_pago:hover {
        background: #286090;
        color: #FFFFFF;
    }

    /*ubicacion*/
    #ubi_pago {
        width: 40%;
        float: left;
        margin-left: 30%;
        margin-top: 50px;
    }

    #ubi_pago h1 {
        font-size: 30px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }

    /* MEGA MENU STYLE
********************************/
    .mega-menu {
        padding: 10px 0px ! important;
        width: 540px;
        border-radius: 0;
        margin-top: 0px;
    }

    .mega-menu li {
        display: inline-block;
        float: left;
        font-size: 14px;
        padding: 3px 0px;
    }

    .mega-menu li.mega-menu-column {
        margin-right: 20px;
        width: 150px;
    }

    .mega-menu .nav-header {
        padding: 0 !important;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .mega-menu-column {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
    }

    .mega-menu-column a {
        color: #000000;
        text-decoration: none;
    }

    .mega-menu-column a:hover {
        color: #000000;
        text-decoration: none;
        font-weight: 600;
    }

    .nav-header {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #FF0004;
    }

    /*cambiar pass*/
    #cambiarpass {
        width: 100%;
        float: left;
    }

    .pass_form {
        width: 300px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1299px) {

    .form-horizontal {
        margin-top: 50px;
    }

    #container {
        width: 100%;
        float: left;
        margin: 0px;
    }

    .cargando_img {
        margin-top: 300px;
    }

    /*  ----------------------  SPACING  ----------------------  */
    .margin-top-ten-px {
        margin-top: 10px;
    }

    .margin-bottom-ten-px {
        margin-bottom: 10px;
    }

    .full-width-button {
        width: 100%;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    #head {
        width: 100%;
        float: left;
        background: #000000;
        font-size: 15px;
    }

    .navbar-brand img {
        width: 320px;
    }

    .sec_for {
        width: 71%;
        float: left;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .sec_ti {
        width: 20%;
        margin-left: 3%;
        float: left;
        margin-bottom: 10px;
    }

    .sec_boton {
        width: 40%;
        margin-left: 26%;
    }

    #arriba {
        float: right;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .modal-title {
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;
        color: #da241d;
        font-weight: 700;
    }

    #ayuda {
        float: left;
        margin-right: 30px;
    }

    #ayuda a, #iniciar_sesion a, #suscribirse a {
        color: #d6d6d6;
        font-family: 'Open Sans', sans-serif;
    }

    #ayuda a:hover, #iniciar_sesion a:hover, #suscribirse a:hover {
        color: #B3B3B3;
        text-decoration: none;
    }

    #iniciar_sesion {
        float: left;
        margin-left: 10px;
    }

    #suscribirse {
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

    #menu {
        width: 100%;
        float: left;
        font-family: 'Open Sans', sans-serif;
    }

    .navbar-header img {
        margin-top: -20px;
    }

    #contenidos {
        width: 100%;
        float: left;
        margin-top: 110px;
    }

    #banner {
        margin-top: -100px;
        width: 100%;
        float: left;
    }

    #nosotros {
        margin-bottom: 50px;
    }

    .sec_nos {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .sec_nos img {
        margin-top: 80px;
        margin-bottom: 80px;
        width: 100%;
    }

    #tex_nos {
        text-align: justify;
        margin-top: 80px;
    }

    #tex_nos h1 {
        font-size: 35px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #da241d;
    }

    #sucursales {
        background: #000000;
        float: left;
    }

    #center_su {

        color: rgba(255, 255, 255, 1.00);
        text-align: center;
        margin-bottom: 50px;
        margin-top: 10px;

    }

    #center_su h1 {
        color: #da241d;
        font-weight: 700;
    }

    .sec_su {
        color: #FFFFFF;
        margin-bottom: 50px;
    }

    .sec_su img {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #mapa {
        width: 100%;
        float: left;
    }

    .sec_con {
        font-family: 'Open Sans', sans-serif;
        margin-top: 100px;
        margin-bottom: 100px;

    }

    .sec_con img {
        width: 100%;
    }

    #tex_con {
        text-align: left;
    }

    #tex_con h1 {
        color: #da241d;
        font-weight: 700;
    }

    .op_co {
        margin-bottom: 20px;
    }

    .boton {
        margin-top: 20px;
    }

    #fooder {
        width: 100%;
        background: #000000;
        padding-top: 50px;
        padding-bottom: 50px;
        color: rgba(255, 255, 255, 1.00);
        float: left;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }

    /*carrito general de compras*/
    /*carrito general de compras*/
    .movil_ver {
        display: none;
    }

    #menu_carrito {

        margin-top: 100px;

    }

    .sec_menu_carrito {
        width: 70%;
        margin-left: 15%;

        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 30px;
    }

    .scroll_menu-carrito {
        overflow: auto;
        max-height: 250px;
    }

    .form_carrito {
        width: 90%;
        margin-left: 5%;
    }

    .sec_menu_carrito a {
        color: #000000;
        font-weight: 400;
    }

    .sec_menu_carrito a:hover {
        color: #FF0004;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .sec_menu_carrito h1 {
        font-weight: 600;
        font-size: 15px;
        color: #FF0004;
        margin-bottom: 20px;
    }

    .filtro_tex {
        font-style: italic;
    }

    .check_sec {
        border-bottom: solid 1px #c1c1c1;
    }

    #catalogo {

        margin-bottom: 50px;
        margin-top: 80px;
    }

    .sec_catalogo {

        margin-bottom: 30px;
        font-weight: 400;
    }

    .sec_catalogo img {
        width: 100%;
    }

    .sec_catalogo:hover {
        color: rgba(255, 0, 4, 1.00);
    }

    .name_tenis {
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float: left;
        text-align: left;
        color: #909090;
        font-size: 11px;
    }

    .costo_producto {
        width: 100%;
        float: left;
        text-align: left;
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #595959;
    }

    /*producto*/
    /*producto*/
    #conte_producto {
        width: 100%;
        float: left;
    }

    .sec_producto {
        width: 50%;
        float: left;
        margin-bottom: 100px;
        margin-top: 100px;
    }

    #fotos_producto {
        width: 70%;
        float: left;
        margin-left: 25%;
    }

    #fotos_producto li {
        float: left;
        width: 25%;
    }

    .sec_producto h1 {
        width: 80%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        font-family: 'Oswald', sans-serif;
        color: #333333;
        font-weight: 600;
    }

    .id_ar {
        font-size: 20px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .corrida_art {
        font-size: 20px;
        margin-top: 5px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    #tex_producto {
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        text-align: justify;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #424242;
    }

    #costo_producto {
        width: 50%;
        margin-left: 5%;
        float: left;
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
        font-weight: 700;
        color: #333333;
        margin-bottom: 30px;
    }

    #colores_producto {
        width: 60%;
        float: left;
        margin-left: 5%;
        margin-bottom: 40px;
    }

    #talla_compra_producto {
        width: 60%;
        float: left;
        margin-left: 5%;
    }

    #talla_producto {
        width: 100%;
        float: left;
    }

    .selec_talla {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    #compra_producto {
        width: 25%;
        /*float: left;*/
        margin-left: 5px;
    }

    #talla_boton {
        width: 100%;
        /*background: rgba(162,162,162,1.00);*/
        color: #000000;
        font-size: 15px;
    }

    #talla_boton:hover {
        background: #eaeaea;
    }

    #talla_boton:active, #talla_boton:focus {
        background: #eaeaea;
    }

    #boton {
        float: right;
        background: #5bb030;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: rgba(255, 255, 255, 1.00);
        border: none;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #boton:hover {
        background: #4f9129;
    }

    /*pago_carrito*/
    #conte_pago {
        margin-top: 100px;
    }

    .til_pa {
        color: #ff0000;
    }

    .con_articulos_pago {
        width: 80%;
        float: left;
        margin-left: 10%;
        margin-top: 50px;
    }

    .proceso_pago {
        width: 80%;
        float: left;
        margin-left: 10%;
    }

    .metodo_pago {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .fecha_tarjeta {
        width: 40%;
        float: left;
    }

    .form-group {
        width: 100%;
        float: left;
    }

    #fecha_til {
        float: left;
        width: 100%;
    }

    #a_tarjeta {
        margin-left: 5px;
    }

    .paginador_carrito {

        float: left;
        margin-left: 5%;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 16px;
    }

    .tex_vacio h1 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        margin-top: 150px;
    }

    .fa-shopping-cart {
        color: #4fad32;
    }

    .panel-heading {
        text-align: center;
    }

    .panel-heading:hover {
        background: #4fad32;
        color: #ffffff;
        text-align: center;
    }

    /*pago_ver 2.0*/
    .sec_forma_pago {
        width: 45%;
        margin-right: 5%;
        float: left;
        margin-top: 50px;
    }

    .final_compra {
        color: #FFFFFF;
        background: #5bb030;
    }

    .final_compra:hover {
        background: #4f9129;
        color: #FFFFFF;
    }

    .boton_forma_pago {
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        background: #337ab7;
        color: #FFFFFF;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .boton_forma_pago:hover {
        background: #286090;
        color: #FFFFFF;
    }

    /*ubicacion*/
    #ubi_pago {
        width: 40%;
        float: left;
        margin-left: 30%;
        margin-top: 50px;
    }

    #ubi_pago h1 {
        font-size: 30px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }

    /* MEGA MENU STYLE
********************************/
    .mega-menu {
        padding: 10px 0px ! important;
        width: 100%;
        float: left;
        border-radius: 0;
        margin-top: 0px;
        color: #000000;
    }

    .mega-menu li {
        display: inline-block;
        float: left;
        font-size: 14px;
        padding: 3px 0px;
    }

    .mega-menu li.mega-menu-column {
        width: 100%;
    }

    .mega-menu .nav-header {
        padding: 0 !important;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .mega-menu-column {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
    }

    .mega-menu-column a {
        color: #000000;
        text-decoration: none;
    }

    .mega-menu-column a:hover {
        color: #000000;
        text-decoration: none;
        font-weight: 600;
    }

    .nav-header {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #ff0000;
    }

    /*cambiar pass*/
    #cambiarpass {
        width: 100%;
        float: left;
    }

    .pass_form {
        width: 300px;
    }

    .nav-pills {
        margin-top: 80px;
    }

}

@media screen and (min-width: 768px) and (max-width: 879px) {

    .three-column-navbar {

        border-top: solid 5px #da241d;

    }

    .mega_me a {
        color: #000000;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .mega_me a:hover {
        text-decoration: none;
        font-weight: 600;
    }

    .mega_me h3 {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #da241d;
        padding-bottom: 5px;
        border-bottom: solid 1px #c1c1c1;
    }

}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .mega_me a {
        color: #ffffff;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .mega_me a:hover {
        text-decoration: none;
        font-weight: 600;
    }

    .mega_me h3 {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #da241d;
        padding-bottom: 5px;
        border-bottom: solid 1px #c1c1c1;
    }

}

@media screen and (min-width: 500px) and (max-width: 767px) {

    #container {
        width: 100%;
        float: left;
        margin: 0px;
    }

    .cargando_img {
        margin-top: 250px;
    }

    #head {
        width: 100%;
        float: left;
        background: #000000;
        font-size: 15px;
    }

    .navbar-brand img {
        width: 300px;
    }

    .busqueda_menu {
        width: 90%;
        float: left;
        margin-left: 0%;
    }

    .busqueda_menu img {
        cursor: pointer;
    }

    #busqueda_nav {
        width: 70%;
        float: left;
        margin-right: 5px;
    }

    .list-unstyled {
        color: #FFFFFF;
    }

    .list-unstyled a {
        color: #FFFFFF;
    }

    .list-unstyled a:hover {
        color: #BDBDBD;
    }

    .sec_for {
        width: 71%;
        float: left;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .sec_ti {
        width: 20%;
        margin-left: 3%;
        float: left;
        margin-bottom: 10px;
    }

    .sec_boton {
        width: 40%;
        margin-left: 26%;
    }

    #arriba {
        float: right;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .modal-title {
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;
        color: #da241d;
        font-weight: 700;
    }

    #ayuda {
        float: left;
        margin-right: 30px;
    }

    #ayuda a, #iniciar_sesion a, #suscribirse a {
        color: #d6d6d6;
        font-family: 'Open Sans', sans-serif;
    }

    #ayuda a:hover, #iniciar_sesion a:hover, #suscribirse a:hover {
        color: #B3B3B3;
        text-decoration: none;
    }

    #iniciar_sesion {
        float: left;
        margin-left: 10px;
    }

    #suscribirse {
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

    #menu {
        width: 100%;
        float: left;
        font-family: 'Open Sans', sans-serif;
    }

    .navbar-header img {
        margin-top: -20px;
    }

    #contenidos {
        width: 100%;
        /*float: left;*/
        margin-top: 110px;
    }

    #banner {
        margin-top: -100px;
        width: 100%;
        float: left;
    }

    #nosotros {

        margin-bottom: 50px;
    }

    .sec_nos img {
        margin-top: 80px;
        margin-bottom: 80px;
        width: 100%;
    }

    #tex_nos {
        text-align: justify;
        margin-top: 80px;
    }

    #tex_nos h1 {
        font-size: 35px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #da241d;
    }

    #sucursales {
        background: #000000;
        padding-bottom: 50px;
    }

    #center_su {
        color: rgba(255, 255, 255, 1.00);
        text-align: center;
        margin-bottom: 50px;
        margin-top: 10px;

    }

    #center_su h1 {
        color: #da241d;
        font-weight: 700;
        padding-top: 50px;
    }

    .sec_su {
        color: #FFFFFF;
        margin-bottom: 50px;
    }

    .sec_su img {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #mapa {
        width: 100%;
        float: left;
    }

    #contacto {
        width: 100%;
        float: left;
    }

    .sec_con {
        font-family: 'Open Sans', sans-serif;
        margin-top: 50px;
        margin-bottom: 20px;

    }

    .sec_con img {
        width: 100%;
    }

    #tex_con {

        text-align: center;
    }

    #tex_con h1 {
        color: #da241d;
        font-weight: 700;
    }

    .op_co {
        margin-bottom: 20px;
    }

    .boton {
        margin-top: 20px;
    }

    #fooder {
        width: 100%;
        background: #000000;
        padding-top: 50px;
        padding-bottom: 50px;
        color: rgba(255, 255, 255, 1.00);
        float: left;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }

    /*carrito general de compras*/
    /*carrito general de compras*/
    #menu_carrito {

        margin-top: 50px;

    }

    .menu_movil_carrito {
        padding: 15px;
        color: #FFFFFF;
        background: #ff0000;
        text-decoration: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .menu_movil_carrito:hover {
        padding: 15px;
        color: #FFFFFF;
        background: #c60000;
        text-decoration: none;
    }

    .sec_menu_carrito {

        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 30px;
    }

    .scroll_menu-carrito {
        overflow: auto;
        max-height: 150px;
    }

    .form_carrito {
        width: 90%;
        margin-left: 5%;
    }

    .sec_menu_carrito a {
        color: #000000;
        font-weight: 400;
    }

    .sec_menu_carrito a:hover {
        color: #FF0004;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .sec_menu_carrito h1 {
        font-weight: 600;
        font-size: 15px;
        color: #FF0004;
        margin-bottom: 20px;
    }

    .filtro_tex {
        font-style: italic;
    }

    .check_sec {
        border-bottom: solid 1px #c1c1c1;
    }

    #catalogo {

        margin-bottom: 50px;
        margin-top: 50px;
    }

    .sec_catalogo {

        margin-bottom: 30px;
        font-weight: 400;
    }

    .sec_catalogo img {
        width: 80%;
    }

    .sec_catalogo:hover {
        color: rgba(255, 0, 4, 1.00);
    }

    .name_tenis {
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float: left;
        text-align: left;
        color: #909090;
        width: 80%;
        margin-left: 10%;
        font-size: 15px;
    }

    .costo_producto {
        width: 100%;
        float: left;
        text-align: left;
        font-family: 'Oswald', sans-serif;
        font-size: 25px;
        font-weight: 600;
        color: #595959;
        width: 80%;
        margin-left: 10%;
    }

    /*producto*/
    /*producto*/
    #conte_producto {
        width: 100%;
        float: left;
    }

    .sec_producto {
        width: 100%;
        float: left;
        margin-top: 50px;
    }

    #fotos_producto {
        width: 70%;
        float: left;
        margin-left: 15%;
    }

    #fotos_producto li {
        float: left;
        width: 25%;
    }

    .sec_producto h1 {
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        font-family: 'Oswald', sans-serif;
        color: #333333;
        font-weight: 600;
    }

    .id_ar {
        font-size: 20px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .corrida_art {
        font-size: 20px;
        margin-top: 5px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    #tex_producto {
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        text-align: justify;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #424242;
    }

    #costo_producto {
        width: 50%;
        margin-left: 5%;
        float: left;
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
        font-weight: 700;
        color: #333333;
        margin-bottom: 30px;
    }

    #colores_producto {
        width: 60%;
        float: left;
        margin-left: 5%;
        margin-bottom: 40px;
    }

    #talla_compra_producto {
        width: 60%;
        float: left;
        margin-left: 5%;
        margin-bottom: 50px;
    }

    #talla_producto {
        width: 100%;
        float: left;
    }

    .selec_talla {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    #compra_producto {
        width: 25%;
        /*float: left;*/
        margin-left: 5px;
    }

    #talla_boton {
        width: 100%;
        /*background: rgba(162,162,162,1.00);*/
        color: #000000;
        font-size: 15px;
    }

    #talla_boton:hover {
        background: #eaeaea;
    }

    #talla_boton:active, #talla_boton:focus {
        background: #eaeaea;
    }

    #boton {
        float: right;
        background: #5bb030;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: rgba(255, 255, 255, 1.00);
        border: none;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #boton:hover {
        background: #4f9129;
    }

    /*pago_carrito*/
    #conte_pago {
        margin-top: 50px;
    }

    .til_pa {
        color: #ff0000;
    }

    .con_articulos_pago {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-top: 30px;
    }

    .proceso_pago {
        width: 90%;
        float: left;
        margin-left: 5%;
    }

    .metodo_pago {
        width: 90%;
        float: left;
        margin-left: 5%;
    }

    .fecha_tarjeta {
        width: 40%;
        float: left;
    }

    .form-group {
        width: 100%;
        float: left;
    }

    #fecha_til {
        float: left;
        width: 100%;
    }

    #a_tarjeta {
        margin-left: 5px;
    }

    .paginador_carrito {

        float: left;
        margin-left: 5%;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 16px;
    }

    .tex_vacio h1 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        margin-top: 150px;
    }

    .fa-shopping-cart {
        color: #4fad32;
    }

    .panel-heading {
        text-align: center;
    }

    .panel-heading:hover {
        background: #4fad32;
        color: #ffffff;
        text-align: center;
    }

    /*pago_ver 2.0*/
    .sec_forma_pago {
        width: 80%;
        margin-left: 10%;
        float: left;
        margin-top: 50px;
    }

    .final_compra {
        color: #FFFFFF;
        background: #5bb030;
    }

    .final_compra:hover {
        background: #4f9129;
        color: #FFFFFF;
    }

    .boton_forma_pago {
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        background: #337ab7;
        color: #FFFFFF;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .boton_forma_pago:hover {
        background: #286090;
        color: #FFFFFF;
    }

    /*ubicacion*/
    #ubi_pago {
        width: 80%;
        float: left;
        margin-left: 10%;
        margin-top: 50px;
    }

    #ubi_pago h1 {
        font-size: 30px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }

    /* MEGA MENU STYLE
********************************/
    .mega-menu {
        padding: 10px 0px ! important;
        width: 100%;
        float: left;
        border-radius: 0;
        margin-top: 0px;
        color: #ffffff;
    }

    .mega-menu li {
        display: inline-block;
        float: left;
        font-size: 14px;
        padding: 3px 0px;
    }

    .mega-menu li.mega-menu-column {
        width: 100%;
    }

    .mega-menu .nav-header {
        padding: 0 !important;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .mega-menu-column {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
    }

    .mega-menu-column a {
        color: #000000;
        text-decoration: none;
    }

    .mega-menu-column a:hover {
        color: #000000;
        text-decoration: none;
        font-weight: 600;
    }

    .nav-header {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #ff0000;
    }

    /*cambiar pass*/
    #cambiarpass {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

    .pass_form {
        width: 300px;
    }

    .nav-pills {
        margin-top: 80px;
    }

}

@media screen and (min-width: 320px) and (max-width: 499px) {

    #container {
        width: 100%;
      float: left;
        margin: 0px;
    }

    .cargando_img {
        margin-top: 250px;
    }

    .mega_me a {
        color: #ffffff;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .mega_me a:hover {
        text-decoration: none;
        font-weight: 600;
    }

    .mega_me h3 {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #da241d;
        padding-bottom: 5px;
        border-bottom: solid 1px #c1c1c1;
    }

    #head {
        width: 100%;
        float: left;
        background: #000000;
        font-size: 15px;
    }

    .navbar-brand img {
        width: 320px;
    }

    .sec_for {
        width: 71%;
        float: left;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .sec_ti {
        width: 20%;
        margin-left: 3%;
        float: left;
        margin-bottom: 10px;
    }

    .sec_boton {
        width: 40%;
        margin-left: 26%;
    }

    #arriba {
        float: right;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .modal-title {
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;
        color: #da241d;
        font-weight: 700;
    }

    #ayuda {
        float: left;
        margin-right: 30px;
    }

    #ayuda a, #iniciar_sesion a, #suscribirse a {
        color: #d6d6d6;
        font-family: 'Open Sans', sans-serif;
    }

    #ayuda a:hover, #iniciar_sesion a:hover, #suscribirse a:hover {
        color: #B3B3B3;
        text-decoration: none;
    }

    #iniciar_sesion {
        float: left;
        margin-left: 10px;
    }

    #suscribirse {
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

    #menu {
        width: 100%;
        float: left;
        font-family: 'Open Sans', sans-serif;
    }

    .navbar-header img {
        margin-top: -20px;
        width: 200px;
    }

    #contenidos {
        width: 100%;
        /*float: left;*/
        margin-top: 110px;
    }

    #banner {
        margin-top: -100px;
        width: 100%;
        float: left;
    }

    .sec_nos img {
        margin-top: 80px;
        margin-bottom: 80px;
        width: 100%;
    }

    #tex_nos {

        margin-right: 5%;
        text-align: justify;
        margin-top: 80px;
    }

    #tex_nos h1 {
        font-size: 35px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #da241d;
    }

    #sucursales {
        background: #000000;
        padding-bottom: 50px;
    }

    #center_su {
        color: rgba(255, 255, 255, 1.00);
        text-align: center;
        margin-bottom: 50px;
        margin-top: 10px;

    }

    #center_su h1 {
        padding-top: 50px;
        color: #da241d;
        font-weight: 700;
    }

    .sec_su {

        color: #FFFFFF;
        margin-left: 3%;
        margin-bottom: 50px;
    }

    .sec_su img {
        margin-bottom: 10px;
        margin-top: 5px;
        width: 100%;
    }

    #mapa {
        width: 100%;
        float: left;
    }

    #contacto {
        width: 100%;
        float: left;
    }

    .sec_con {
        font-family: 'Open Sans', sans-serif;
        margin-top: 100px;
        margin-bottom: 100px;

    }

    .sec_con img {
        width: 100%;
    }

    #tex_con {

        margin-right: 5%;
        text-align: left;
    }

    #tex_con h1 {
        color: #da241d;
        font-weight: 700;
    }

    .op_co {
        margin-bottom: 20px;
    }

    .boton {
        margin-top: 20px;
    }

    #fooder {
        width: 100%;
        background: #000000;
        padding-top: 50px;
        padding-bottom: 50px;
        color: rgba(255, 255, 255, 1.00);
        float: left;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }

    /*carrito general de compras*/
    /*carrito general de compras*/
    #menu_carrito {
        margin-top: 50px;
    }

    .menu_movil_carrito {
        padding: 15px;
        color: #FFFFFF;
        background: #ff0000;
        text-decoration: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .menu_movil_carrito:hover {
        padding: 15px;
        color: #FFFFFF;
        background: #c60000;
        text-decoration: none;
    }

    .sec_menu_carrito {

        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 30px;
    }

    .scroll_menu-carrito {
        overflow: auto;
        max-height: 150px;
    }

    .form_carrito {
        width: 90%;
        margin-left: 5%;
    }

    .sec_menu_carrito a {
        color: #000000;
        font-weight: 400;
    }

    .sec_menu_carrito a:hover {
        color: #FF0004;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .sec_menu_carrito h1 {
        font-weight: 600;
        font-size: 15px;
        color: #FF0004;
        margin-bottom: 20px;
    }

    .filtro_tex {
        font-style: italic;
    }

    .check_sec {
        border-bottom: solid 1px #c1c1c1;
    }

    #catalogo {

        margin-bottom: 50px;
        margin-top: 50px;
    }

    .sec_catalogo {

        margin-bottom: 30px;
        font-weight: 400;
    }

    .sec_catalogo img {
        width: 80%;
    }

    .sec_catalogo:hover {
        color: rgba(255, 0, 4, 1.00);
    }

    .name_tenis {
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        float: left;
        text-align: left;
        color: #909090;
        width: 80%;
        margin-left: 10%;
    }

    .costo_producto {
        width: 100%;
        float: left;
        text-align: left;
        font-family: 'Oswald', sans-serif;
        font-size: 25px;
        font-weight: 600;
        color: #595959;
        width: 80%;
        margin-left: 10%;
    }

    /*producto*/
    /*producto*/
    #conte_producto {
        width: 100%;
        float: left;
    }

    .sec_producto {
        width: 100%;
        float: left;
        margin-top: 50px;
    }

    #fotos_producto {
        width: 70%;
        float: left;
        margin-left: 15%;
    }

    #fotos_producto li {
        float: left;
        width: 25%;
    }

    .sec_producto h1 {
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        font-family: 'Oswald', sans-serif;
        color: #333333;
        font-weight: 600;
    }

    .id_ar {
        font-size: 20px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .corrida_art {
        font-size: 20px;
        margin-top: 5px;
        color: #909090;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    #tex_producto {
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-bottom: 30px;
        text-align: justify;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: #909090;
    }

    #costo_producto {
        width: 50%;
        margin-left: 5%;
        float: left;
        font-family: 'Oswald', sans-serif;
        font-size: 30px;
        font-weight: 700;
        color: #333333;
        margin-bottom: 30px;
    }

    #colores_producto {
        width: 60%;
        float: left;
        margin-left: 5%;
        margin-bottom: 40px;
    }

    #talla_compra_producto {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-bottom: 50px;
    }

    #talla_producto {
        width: 100%;
        float: left;
    }

    .selec_talla {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    #compra_producto {
        width: 25%;
        /*float: left;*/
        margin-left: 5px;
    }

    #talla_boton {
        width: 100%;
        /*background: rgba(162,162,162,1.00);*/
        color: #000000;
        font-size: 15px;
    }

    #talla_boton:hover {
        background: #eaeaea;
    }

    #talla_boton:active, #talla_boton:focus {
        background: #eaeaea;
    }

    #boton {
        float: right;
        background: #5bb030;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: rgba(255, 255, 255, 1.00);
        border: none;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #boton:hover {
        background: #4f9129;
    }

    /*pago_carrito*/
    /*pago_carrito*/
    #conte_pago {
        margin-top: 50px;
        word-wrap: break-word;
    }

    .til_pa {
        color: #ff0000;
    }

    .con_articulos_pago {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-top: 30px;
        word-wrap: break-word;
    }

    .proceso_pago {
        width: 90%;
        float: left;
        margin-left: 5%;
    }

    .metodo_pago {
        width: 90%;
        float: left;
        margin-left: 5%;
    }

    .fecha_tarjeta {
        width: 40%;
        float: left;
    }

    .form-group {
        width: 100%;
        float: left;
    }

    #fecha_til {
        float: left;
        width: 100%;
    }

    #a_tarjeta {
        margin-left: 5px;
    }

    .paginador_carrito {

        float: left;
        margin-left: 5%;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 16px;
    }

    .tex_vacio h1 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        margin-top: 150px;
    }

    .fa-shopping-cart {
        color: #4fad32;
    }

    .panel-heading {
        text-align: center;
    }

    .panel-heading:hover {
        background: #4fad32;
        color: #ffffff;
        text-align: center;
    }

    /*pago_ver 2.0*/
    .sec_forma_pago {
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-top: 50px;
    }

    .final_compra {
        color: #FFFFFF;
        background: #5bb030;
    }

    .final_compra:hover {
        background: #4f9129;
        color: #FFFFFF;
    }

    .boton_forma_pago {
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        background: #337ab7;
        color: #FFFFFF;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .boton_forma_pago:hover {
        background: #286090;
        color: #FFFFFF;
    }

    /*ubicacion*/
    #ubi_pago {
        width: 80%;
        float: left;
        margin-left: 10%;
        margin-top: 50px;
    }

    #ubi_pago h1 {
        font-size: 30px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }

    /* MEGA MENU STYLE
********************************/
    .mega-menu {
        padding: 10px 0px ! important;
        width: 540px;
        border-radius: 0;
        margin-top: 0px;
    }

    .mega-menu li {
        display: inline-block;
        float: left;
        font-size: 14px;
        padding: 3px 0px;
    }

    .mega-menu li.mega-menu-column {
        margin-right: 20px;
        width: 150px;
    }

    .mega-menu .nav-header {
        padding: 0 !important;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .mega-menu-column {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
    }

    .mega-menu-column a {
        color: #000000;
        text-decoration: none;
    }

    .mega-menu-column a:hover {
        color: #000000;
        text-decoration: none;
        font-weight: 600;
    }

    .nav-header {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #FF0004;
    }

    /*cambiar pass*/
    #cambiarpass {
        width: 100%;
        float: left;
    }

    .pass_form {
        width: 300px;
    }

}

/* MEGA MENU STYLE
********************************
.mega-menu {
	padding: 10px 0px ! important;
	width: 540px;
  border-radius: 0;
  margin-top: 0px;
	}

	.mega-menu li {
		display: inline-block;
		float: left;
		font-size: 14px;
		padding: 3px 0px;
		}

		.mega-menu li.mega-menu-column {
			margin-right: 20px;
			width: 150px;
			}

			.mega-menu .nav-header {
			padding: 0 !important;
			margin-bottom: 10px;
			display: inline-block;
			width: 100%;
			border-bottom: 1px solid #ddd;
			}


.mega-menu-column{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.mega-menu-column a{
	color:#000000;
	text-decoration: none;
}

.mega-menu-column a:hover{
	color:#000000;
	text-decoration: none;
	font-weight: 600;
}

.nav-header{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #FF0004;
}
*/

.boton_forma_pago_clean {
    display: inline-block;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
    color: #105893;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    /*padding: 6px 12px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: default;
}