/*** BOOSTRAP 5 COLUMNAS ***/
    .col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {
        position: relative;    min-height: 1px;    padding-right: 10px;    padding-left: 10px;}
    .col-xs-15 {
        width: 20%; float: left;}
    @media (min-width: 768px) {
    .col-sm-15 {
        width: 20%; float: left;}
    }
    @media (min-width: 992px) {
    .col-md-15 {
        width: 20%; float: left;}
    }
    @media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%; float: left;}
    }
    @media (min-width: 1200px){
    .container {
        /*width: 1004px;*/}
    }
/*** FIN BOOSTRAP 5 COLUMNAS ***/

body, html{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: normal;
    font-style: normal;
}
ul, ol{
    padding: 0;
    moz-padding: 0;
    webkit-padding: 0;
}
a {color: #222222};
a:hover, a:focus{
    color: #c59a6d;
    text-decoration: none;
}

@media (min-width: 1200px){
	.container {
        width: 1090px !important;
	}
}

.container {
}

#header{
    margin-bottom: 50px;
    width: 100%;
}
    .header-comercio{   
        background: #000;        
        padding: 5px 0;
        position: relative;
        width: 100%;
        z-index: 9999999;
    }
        .ctn-header-comercio{
            margin: 0 auto;     
            max-width: 1024px;
            padding: 0 5px;
        }
            .ctn-header-comercio a{
                display: inline-block;                
                text-indent: -9999px;
            }
                a.logo-comercio{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/logo-comercio.png) no-repeat 0 0;
                    background-size: 100%;
                    height: 30px;
                    margin-top: 10px;
                    width: 110px;
                }
                #social{
                    float: right;
                }
                     #social ul{
                        display: inline-block;
                        margin: 0 auto;
                        padding: 0;
                        vertical-align: middle;
                    }
                        #social ul li{
                            display: inline-block;
                            margin: 0 3px;
                            vertical-align: middle;
                        }
                            #social ul li a{
                                height: 36px;
                                width: 36px;
                            }
                                #social ul li a.facebook{
                                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/sprite-redes.png) no-repeat 0 0;  
                                    background-size: 100px;                         
                                }

                                #social ul li a.tw{
                                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/sprite-redes.png) no-repeat -32px 0;  
                                    background-size: 100px;                         
                                }
                                #social ul li a.wst{
                                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/sprite-redes.png) no-repeat -63px 0;  
                                    background-size: 100px;
                                    display: none;  
                                }

        #fb{
            background-size: 100%;
            background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/fb-icon.png) no-repeat 0 0;
            border: none;
            display: inline-block;
            height: 36px;
            text-indent: -9999px;
            width: 36px;
        }

        #wst{
            background-size: 100%;
            background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/wst-icon.png) no-repeat 0 0;
            border: none;
            display: none;
            height: 36px;
            text-indent: -9999px;
            width: 36px;
        }

        #tw{
            background-size: 100%;
            background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/tw-icon.png) no-repeat 0 0;
            border: none;
            display: inline-block;
            height: 36px;
            text-indent: -9999px;
            width: 36px;
        } 


/** fonts **/

@font-face {
    font-family: 'actobook';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-book-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-book-webfont.woff') format('woff');
}
@font-face {
    font-family: 'actobook_italic';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-book_italic-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-book_italic-webfont.woff') format('woff');
}
@font-face {
    font-family: 'actobold';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-bold-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'actoblack';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-black-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/acto-black-webfont.woff') format('woff');
}

@font-face {
    font-family: 'playfair_displayblack';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/playfairdisplay-black-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/playfairdisplay-black-webfont.woff') format('woff');
}

@font-face {
    font-family: 'romana_beckerregular';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/romana_becker_regular-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/romana_becker_regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'romana_becker_demiregular';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/romana_becker_demi_regular-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/fonts/romana_becker_demi_regular-webfont.woff') format('woff');
}

@media screen and (max-width: 640px) {    
    
    #social ul li a.wst {
        display: block
    }
    #header-video4{
        background-size: cover !important;
    }
}


h1 {
    color: #000;
    font: 50px/1.2 'playfair_displayblack';
    text-align: center;
    margin: 0 auto;
}

h2 {
    font: 20px/1.3em 'actobold';
    text-align: center;
    margin: 10px auto;
} 

h3 {
    font: 18px/1.3em 'actobold';
    margin: 10px auto;
    text-transform: uppercase;
    width: 100%;
    float: left;
}
    h3 a{
        color: #fff;
    }
        h3 a:hover{
            color: #fff;
            text-decoration: none;
        }
h4{
    color: #000;
    font: 22px/1.2 'romana_becker_demiregular';
    text-align: left;
}

span.linea{
    background: #000;
    display: block;
    height: 2px;
    margin-bottom: 20px;
    width: 90px;
}

.center{
    text-align: center;
}


.logo-trivias{
    display: block;
    margin: 20px auto;
    max-width: 637px;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.bg-white {
   background-color: white;
}

.bg-black {
   background-color: #171717;
}

.bg-gris {
   background-color: #2d2d2d;
}


#header-video4 {
    background-attachment: fixed;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    background-size: cover;
    color: #fff;
    padding: 0;
    position: relative;
    width: 100%;
}

  
    .bajada-video-2{
        margin-top: 100px;
    }


.navbar-toggle {
    padding: 15px;
    /* margin-top: 10px; */
    border-radius: 10px;
    border: 2px solid white;
}

.padding-top-400 {padding-top: 400px;}
.padding-top-200 {padding-top: 200px;}
.padding-top-100 {padding-top: 100px;}
.padding-top-80 {padding-top: 80px;}
.padding-top-60 {padding-top: 60px;}
.padding-top-50 {padding-top: 50px;}
.padding-top-40 {padding-top: 40px;}
.padding-top-30 {padding-top: 30px;}
.padding-top-20 {padding-top: 20px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-30 {padding-bottom: 30px;}
.padding-bottom-50 {padding-bottom: 50px;}
.padding-bottom-100 {padding-bottom: 100px;}
.padding-bottom-150 {padding-bottom: 150px;}
.padding-bottom-200 {padding-bottom: 200px;}

.margin-top-100 {margin-top: 100px;}


/******** FIN ENCABEZADOS ********/


.bg-black #social {
    position: static;
    display: inline-block;
}

   p.txt-blanco  {
        text-align: center;
        color: black;
        font: 1.3em/1.7em 'actobook';
        margin-bottom: 30px;
    }

        p.txt-blanco2 {
            color: black;
            font: 1.3em/1.7em 'actobook';
            letter-spacing: 0.1px;
            margin-bottom: 20px;
            text-align: left;
        }

            p.txt-rojo-m {
                text-align: left;
                color: red;
                font: 30px/33px 'gilroyextrabold';
                margin-bottom: 30px;
            }

            p.txt-rojo-m span {
                font: 15px/10px 'gilroyextrabold';
            }

    p.txt-blanco-title {
        text-align: left;
        color: white;
        font: 27px 'gilroyextrabold';
        margin-bottom: 30px;
        text-transform: none;
    }


    p.txt-blanco-redactor {
        text-align: left;
        color: black;
        font: 1.2em 'robotoregular';
        margin-bottom: 30px;
        text-transform: none;
    }

        p.txt-blanco-title span{
            color: #f0d000;
        }

    p.txt-amarillo-title {
        text-align: left;
        color: #009FE3;
        font: 22px 'robotoregular';
        margin-bottom: 30px;
    }

span.txt-subtitulo {
    font: 14px/27px 'gilroyextrabold' !important;
    color: #f0d000;
}

    h3.phrase {
        font: 47px/50px 'gilroyextrabold' !important;
        color: white;
        padding: 0px 280px 0px 0px;
        letter-spacing: 0px;
        margin: 0px;
    }

            h3.phrase2 {
                font: 47px/50px 'gilroyextrabold' !important;
                color: red;
                padding: 0px 280px 0px 0px;
                letter-spacing: 0px;
                margin: 0px;
            }

    p.txt-subtitulo2 {
        color: #f0d000 !important;
        font: 25px/27px 'gilroyextrabold' !important;
    }

    p.txt-subtitulo3 {
        color: #fff !important;
        font: 21px/25px 'gilroylight' !important;
        padding: 0px;
        margin: 0px;
    }


.txt-portada{
    text-align: center !important;
}


@media(max-width:992px){
        
    .width-100{
        width: 100% !important;
    }

    p.txt-recomendaciones {
    /*padding-top: 0px;*/
    }
    
 

    .social-vic-2 {
        overflow: hidden;
    }
    
}


@media (max-width: 768px){
        
    
        #video1 {
            left: -760px;
        }

        .bg-2,
        .bg-3,
        .bg-4,
        .bg-5,
        .bg-6,
        .bg-7,
        .bg-8,
        .bg-9,
        .bg-10,
        .bg-11,
        .bg-12,
        .bg-13,
        .bg-14 {
            background-attachment: scroll !important;
            min-height: 100vh !important;
        }
        .scroll-bg{
            padding: 10px !important;
        }

        .box img{
            margin-top: 2px;
        }

        #wst{
            display: inline-block;
        }
    
}

@media (min-width: 768px){
        .navbar-nav {
            display: inline-flex;
        }
    
}
    
@media (min-width: 992px) and (max-width: 1199px){
    .navbar-nav > li {
    max-width: 190px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .navbar-nav > li {
        max-width: 136px;
    }
    
    p.txt-header{ 
        border-width: 4px 32px 2px 20px;
        margin: 37px 230px;
    }
     

}


.wrapper {
  height: 100%;
  font-family: 'Quicksand', sans-serif;
  line-height: 1.5;
  word-spacing: 4px;
  letter-spacing: 1px;
}

.fixed-bg {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 1600px;
  width: 100%;
  color: white;
  text-align: center;
  display: table;
}

.fixed-bg h1 {
  display: table-cell;
  vertical-align: middle;
}

.scroll-bg {
  background-color: #0f0f0a;
  padding: 10px 70px;
  color: #676767;
}

/* first section */



/** añadidos **/

#header-video4{
    background: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/diviertete-en-casa-durante-cuarentena-peru-nndd-ecvisual-ecpm/img/bg-portada.jpg?v3') no-repeat top center #000;
    background-size: contain;
    height: 60vh;
}
.box-leyenda{
    color: #fff;
}
    .box-leyenda h4{
        color: #fff;
        font: 1.5em/1.2 'actobold';
        letter-spacing: normal;
        padding: 0;
        text-align: left;
        text-transform: none;
    }
    .box-leyenda p{
        color: #fff;
        font: 1.2em/1.2 'actobook';
        letter-spacing: normal;
        padding: 0;
        text-align: left;
    }



#header-video4 .container{
    height: 100%;
    position: relative;
    z-index: 9;
}
    .video-portada{
        left: 50%;
        min-width: 80%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        z-index: -1;

        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }


.box{
    color: #fff;
    display: inline-block;
    height: 470px;
    margin: 30px 0px;
    max-width: 309px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: center;
    vertical-align: top;
}
    .box img{
        display: inline-block;
        vertical-align: top;
    }
    .ctn-box{
        background: #000;
        min-height: 135px;
        padding-bottom: 20px;
        position: absolute;
        bottom: 0;
        max-width: 299px;
        min-width: 299px;
    }
        .ctn-box h3{
            margin: 0 auto;
            min-height: 66px;
            padding: 10px 15px;
        }

        a.btn{
            background: #000;
            border: 1px solid #dcaa17;
            border-radius: 32px;
            color: #dcaa17;
            text-transform: uppercase;
            padding: 10px 20px;
        }
            a.btn:hover{
                background: #dcaa17;
            }