ul{
    padding: 0 0 0 0;
}
/*::::YOUTUBE::::*/


.youtube {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: overlay;
    max-width: 100%;
    background: #000;
    margin: 0px;
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

img.logo-footer {
    width: 140px!important;
    padding: 10px;
}

.youtube img:hover {
    -webkit-filter: brightness(75%);
}

          /*  .youtube .play {
                height: 72px;
                width: 72px;
                left: 50%;
                top: 50%;
                margin-left: -36px;
                margin-top: -36px;
                position: absolute;
                background: url("https://minisitios.ripley.cl/minisitios/estatico/gangsta/images/play.png") no-repeat;
                cursor: pointer;
                }*/


                /*::::YOUTUBE::::*/


                #gangstaMiniSitio,.gangsta-general,.gangsta-general #textHero,.gangsta-general strong{font-family:Montserrat,sans-serif,arial}
                .gangsta-general{width:992px;height:auto;overflow:hidden;display:block;margin:0 auto;background:#fff}



                .gangsta-header{
                    width: 100%;
                    height: 59px;
                    background: #000000;
                    color: #f6f7f9;
                    text-align: center;
                    overflow: hidden;
                    display: block;
                    font-size: small;
                    background-image: url(../images/01-Cabecera-Titulo.jpg);
                    background-size: 100%;
                    background-repeat: no-repeat;
                }

                .gangstaFooter{ 
                    width: 100%;
                    height: auto;
                    background: #1e1e1e;
                    text-align: center;
                    overflow: hidden;
                    margin: 0px 0px 0px 0px;
                    display: inherit;
                    padding: 3px 10px 0px 10px;
                    float: left;
                }

                .contenedor-gangsta{
                    float: left;
                    overflow: -webkit-paged-x;
                }

                .textoTitleGangsta{font-weight:900;letter-spacing:0;text-transform:uppercase}
                .gangsta-general img{width:100%}

                .gangsta-header img{   
                    width: 100%;
                    float: left;
                }

                .gangstaTitlesection {width:100%;overflow:hidden;text-align:center;display:block}
                .gangstaTitlesection {text-align: center; padding: 1px 0; height:auto!important;background:rgb(29, 29, 29);border-bottom:1px solid #FFF}
                .textoTitleGangsta{font-size:22px;color:#afafaf;}


                #enlace {
                    width: 98%;
                    height: 100%;
                    cursor: pointer;
                    margin: 0 auto; 

                }

                #enlace a {
                    width: 98%;
                    height: 100%;
                    display: block;
                    margin:0 auto;
                    padding:0;
                    z-index: 5;
                    text-decoration: none;
                    /*background-color: aqua;*/
                }

                /*SILDER CLASS*/

                .slider{
                    width: 100%; 
                }

                .slider p {
                    text-align: center;
                    color: #fff;
                    font-family: inherit;
                    font-size: 12.6px;
                    font-weight: 100;
                    width: fit-content;
                    background-color: rgb(0, 0, 0);
                    padding: 8px 18px;
                    border-radius: 23px;
                    border: 2px solid #fff;
                    text-decoration: none!important;
                    text-transform: uppercase;
                    display: block;
                    position: absolute;
                    z-index: 666;
                    bottom: 11%;
                    left: 0;
                    right: 0;
                    margin-left: auto;
                    margin-right: auto;
                }



                .slider p:hover {
                    text-align: center;
                    color: #fff;
                    font-family: inherit;
                    font-size: 12.6px;
                    font-weight: 100;
                    width: fit-content;
                    background-color: red;
                    padding: 8px 18px;
                    border-radius: 23px;
                    border: 2px solid #fff;
                    text-decoration: none!important;
                    text-transform: uppercase;
                    display: block;
                    position: absolute;
                    z-index: 666;
                    bottom: 11%;
                    left: 0;
                    right: 0;
                    margin-left: auto;
                    margin-right: auto;
                }

                .slider a {
                    text-decoration: none!important;
                }

                .sliderImage01{
                    background-image:url(../images/02-Slider-Principal-01.jpg);
                    background-size: contain;
                    background-position: center center;
                }


                .sliderImage02{
                    background-image:url(../images/02-Slider-Principal-02.jpg);
                    background-size: contain;
                    background-position: center center;
                }


                .gangstaHistoria{
                    background-size:cover;
                    width: 100%!important;
                    height:380px;
                    background-position:center center;  
                }

                /*SILDER CLASS END*/



                .ulGangstaRipleyYoutube {
                    width: 100%;
                    text-align: center;
                    list-style: none;
                    list-style-type: none;
                    padding: 0px;
                }

                .liGangstaRipleyYoutube {
                    list-style: none;
                    list-style-type: none;
                    display: inline-block;
                    padding: 0;
                    width: 100%;
                    height: 350px;
                    margin: 2px 0px 0px 0px;
                }

                .liGangstaRipleyYoutube p{
                    position: relative;
                    float: left;
                    text-align: center;
                    color: #fff;
                    font-family: inherit;
                    font-size: 11px;
                    font-weight: 900;
                    background-color: rgb(165, 165, 165);
                    /*padding: 0.5% 7% 0.5%;*/
                    margin-top: 0;
                }



                .ulGangstaRipleyAccesorios{
                   width: 100.8%;
                   text-align: center;
                   list-style: none;
                   list-style-type: none;
                   padding: 0px;
               }

               .liGangstaRipleyAccesorios{
                list-style: none;
                list-style-type: none;
                display: inline-block;
                float: left;
                margin: 3px 6px 1px 0px;
                width: 49.2%;
                height: 450px;
                background-image: url("../images/resena-01.jpg");
                background-repeat: no-repeat;
                background-position: bottom center;
                background-color: #1e1e1e;
            }

            .liGangstaRipleyAccesorios p{
               position: relative;
               float: left;
               text-align: center;
               color: #fff;
               font-family: inherit;
               font-size: 11px;
               font-weight: 900;
               background-color: red;
               padding: 5px 12px 4px;
               margin-top: 0;
               text-transform: uppercase;
           }


           .ulGangstaRipleyRopa{
               width: 100.8%;
               text-align: center;
               list-style: none;
               list-style-type: none;
               padding: 0px;
           }

           .liGangstaRipleyRopa{
               list-style: none;
               list-style-type: none;
               display: inline-block;
               float: left;
               margin: 3px 6px 1px 0px;
               width: 49.2%;
               height: 450px;
               background-image: url("../images/resena-02.jpg");
               background-repeat: no-repeat;
               background-position: bottom center;
               background-color: #1e1e1e;
           }

           .liGangstaRipleyRopa p{
               position: relative;
               float: left;
               text-align: center;
               color: #fff;
               font-family: inherit;
               font-size: 11px;
               font-weight: 900;
               background-color: red;
               padding: 5px 12px 4px;
               margin-top: 0;
           }


           .ulGangstaRipleyZapa{
               width: 100.8%;
               text-align: center;
               list-style: none;
               list-style-type: none;
               padding: 0px;
           }

           .liGangstaRipleyZapa{
            list-style: none;
            list-style-type: none;
            display: inline-block;
            float: left;
            margin: 3px 6px 1px 0px;
            width: 49.2%;
            height: 450px;
            background-image: url("../images/resena-03.jpg");
            background-repeat: no-repeat;
            background-position: bottom center;
            background-color: #1e1e1e;
        }

        .liGangstaRipleyZapa p{
           position: relative;
           float: left;
           text-align: center;
           color: #fff;
           font-family: inherit;
           font-size: 11px;
           font-weight: 900;
           background-color: red;
           padding: 5px 12px 4px;
           margin-top: 0;
       }

       .liResenasRipley {
        list-style: none;
        list-style-type: none;
        display: inline-block;
        padding: 68px 0% 131px;
        width: 49.6%;
        height: 450px;
        background-color: #dcdcdc;
    }


    .ulGangstaRipley {
       width: 101%;
       text-align: center;
       list-style: none;
       list-style-type: none;
       margin: 4px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
   }

   .liGangstaRipley {
       list-style: none;
       list-style-type: none;
       display: inline-block;
       width: 32.8%;
       height: auto;
       float: left;
       margin: 0 3px 0 0;
   }


   .liGangstaRipley img{
       width:100%!important;
       list-style-type: none;
       list-style: none
       height:auto;
   }


   .liGangstaRipley p{
       position: relative;
       float: left;
       text-align: center;
       color: #fff;
       font-family: inherit;
       font-size: 11px;
       font-weight: 900;
       background-color: rgb(165, 165, 165);
       padding: 5px 12px 4px;
       margin-top: 0;
   }


   .liTextResenas{
       position: relative;
       text-align: justify;
       color: #d6d6d6;
       font-family: inherit;
       font-size: 13px;
       line-height: 31px;
       font-weight: 100;
       padding: 5px 52px 4px;
       margin: 54px auto;
       float: left;
   }

   .noBackground{
    background-image: url(..images/trsprnt.png)!important;
    background: repeating-linear-gradient(45deg, #1e1e1e, #1e1e1e 10px, #292929 10px, #292929 20px)!important;
}



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

    .gangsta-general{
        width:100%;height:auto;overflow:hidden;display:block;margin:0 auto;font-family:Montserrat,sans-serif,arial;background:#fff
    }

    .liGangstaRipley img{}
}


@media screen and (max-width:665px){

  .gangsta-general{max-width:100%;overflow:hidden;display:block;margin:0 auto;font-family:Montserrat,sans-serif,arial;background:#fff}
  .liGangstaRipley img{width:100%!important;height:auto!important}
  .ulGangstaRipley{width:100%;}
}


@media screen and (max-width:537px){


  .liGangstaRipley{
     list-style: none;
     list-style-type: none;
     display: inline-block;
     width: 100%;
     height: auto;
     background-color: #dcdcdc;
 }

 .liGangstaRipleyZapa {
  list-style: none;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  background-image: url("../images/resena-03.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}


.liGangstaRipleyZapaText {
    list-style: none;
    list-style-type: none;
    display: inline-block;
    /*padding: 138px 0% 161px;*/
    width: 100%;
}


.liGangstaRipleyRopa {
  list-style: none;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  background-image: url(../images/resena-02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-color: #dcdcdc;
}

.liGangstaRipleyAccesorios {
  list-style: none;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  background-image: url(../images/resena-01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #dcdcdc;
}
.liGangstaRipleyYoutube {
    height: 210px;
  }
}

@media screen and (max-width:425px) {
  .gangsta-header {
      background-image: url(../images/01-Cabecera-Titulo-2.png);
      background-size: 100%;
      width: 100% !important;
      height: 166px;

  }

  .liGangstaRipleyYoutube {
      height: 242px;
  }
}

@media screen and (max-width:375px) {
  .gangsta-header {
      background-image: url(../images/01-Cabecera-Titulo-2.png);
      background-size: 100%;
      width: 100% !important;
      height: 147px;

  }

  .liGangstaRipleyYoutube {
    height: 214px;
  }
}

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

.gangsta-header {
    background-image: url(../images/01-Cabecera-Titulo-2.png);
    background-size: 100%;
    width: 100% !important;
    height: 120px;

}

.liGangstaRipley{
  list-style: none;
  list-style-type: none;
  display: inline-block;
  /*padding: 148px 0% 141px;*/
  width: 100%;
  height: 315px;
  background-color: #dcdcdc;
}

.liGangstaRipleyYoutube {
    height: 183px;
}

}