@font-face {
    font-family: basic-comercial;
    src: url("../fonts/Basic-Commercial-LT-Com-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: basic-comercial-black;
    src: url("../fonts/Basic-Commercial-LT-Com-Black.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: helvetica;
    src: url(../fonts/Helvetica-Neue-LT-Com-35-Thin.ttf);
}

body {
    background: url(../images/fondo_mate.png);
    background-size: cover;
    font-family: "basic-comercial" !important;
    color: #383940 !important;
}

.sombra{
    position:absolute;
    z-index:1;
}

ul li p{
    font-size: 14px;
}

.about {
    padding-inline-start: 0px;
}

.about li {
    list-style-type: none;
}

.p-cus-top {
    margin-top: 4rem;
    margin-right: 2.5rem;
}

.logo {
    position: relative;
    display: inline-block;
}

.logo img {
    max-width: 230px;
    width: 100%;
}

.logo .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.logo:hover .img-top {
    display: inline;
    margin-left: 0;
}

.menu-buttons {
    position: relative;
    display: inline-block;
}

.menu-buttons img {
    max-width: 230px;
    width: 100%;
}

.menu-buttons .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.menu-buttons:hover .img-top {
    display: inline;
}

.menu-buttons:hover .img-default {
    opacity: 0;
}

.video{
    display: block;
}

.autor {
    font-size: 48px;
    font-weight: 100;
    text-align: right;
    font-family: basic-comercial;
    margin-bottom: 0;
}

.autor-detail {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    font-family: 'basic-comercial';
    margin-top: -5px;
}

.container {
    background-color: #dfded9;
}

.revista {
    -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
}

.slider {
    padding: 5%;
}

.slide {
    position: relative;
    background: #c1bfb6;
    border-radius: 50% / 10%;
    text-indent: 0.1em;
    padding: 8%;
}

.slide:before {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: -5%;
    left: -5%;
    background: inherit;
    border-radius: 5% / 50%;
}

.slide::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/projects/frame-slider.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
}

.boton {
    position: absolute;
    bottom: 5%;
}


.playpause {
    background-image: url("../images/projects/play.png");
    background-repeat: no-repeat;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: contain;
    background-position: center;
}

.iconos {
    float: right;
    max-width: 225px;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.iconos2 {
    float: right;
    max-width: 225px;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.date-text {
   font-size: 15px;
   float: right;
   font-weight: 700;
   font-family: 'basic-comercial';
}

.time-text {
    font-size: 11px;
    float: right;
}

.city-text {
   font-size: 15px;
   font-weight: 700;
   float: right;
   font-family: 'basic-comercial';
}

.day-text {
    font-size: 50px;
    text-align: right;
    display: block;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu_space{
    padding-left: 5%!important;
    padding-right: 10%!important;
}

/*Menu*/
.nav-item img {
    max-width: 100%;
    width: 270px;
}

.nav-item a {
    padding: 0;
}
.navbar {
    margin-top: 6%;
}

/*Footer*/
.footer {
    margin-top: 50px;
}

.footer li a {
    font-size: 12px;
    font-weight: 500;
    color: #383940;
    font-family: basic-comercial;
}

.footer li {
    line-height: 1.1;
}

.footer img {
    /* max-width: 20px; */
    /* float: left; */
}

 .footer .copyright p {
    font-size: 1rem;
    letter-spacing: -1.2px;
    filter: blur(0.5px);
    color: #434342;
}

.copyright {
    font-size: 12px;
    text-align: right;
    padding-top: 10px;
}

.socials {
    padding-bottom: 15px;
    display: block;
    float: right;
}

.socials .link, .socials a {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    border: solid 2px #5f5f63;
    border-radius: 20px;
    display: inline-block;
    transition: all 0.3s ease-in;
    font-size: 25px;
}
.socials .link:last-child, .socials a:last-child {
    margin-right: 0;
}
.socials .link i, .socials a i {
    color: #5f5f63;
}
.social-widget {
    margin-top: 30px;
    border: none;
    padding-top: 0;
}
.social-widget .link, .social-widget a {
    background-color: #a8b0b6;
    margin-bottom: 10px;
    margin-right: 8px;
}

.cabecera {
    top: -30px;
}

/* #Dispositivo = Tablets de baja resoluci viles (horizontal) #Resolucion = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
    body {
        margin: 0rem;
        padding: 0rem;
    }

    .switch-button .switch-button__checkbox:checked + .switch-button__label:before {
        transform: translateX(0.7rem);
   }

   .header_premios {
        max-width: 100%;
        margin: 10% 0 0 0%;
   }

}
/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {

    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }

    .sec-translate{
        text-align: right !important;
        right: -8%;
        position: relative;
    }

    .movil {
        background-image: url("../images/menu-movil.jpg");
        background-position: center top;
        background-size: 100% auto;
        padding-top: 45% !important;
   }

   .pt-20 {
        padding-top: 50%;
    }

    .autor {
        font-size: 2.3rem;
        font-weight: bold;
        text-align: right;
        font-family: 'basic-comercial' !important;
        margin-bottom: 0;
        letter-spacing: -2px;
        color: #515254;
   }

    .day-text {
        font-size: 2.45rem;
        line-height: 2.5rem;
        color: #515254;
    }
    .city-text {
        /* font-size: 12px; */
        font-size: .73rem;
        font-weight: 700;
        float: right;
        font-family: 'basic-comercial' !important;
    }
    .date-text {
        /* font-size: 12px; */
        font-size: .73rem;
        font-weight: 700;
        float: right;
        font-family: 'basic-comercial' !important;
        line-height: 0.5rem;
    }

    .sec-translate .switch-button{
        width: 115%;
    }
   
    .autor-detail {
        font-size: 12px;
    }
    .giant-quotes-quote {
        display: none;
    }
    .iconos {
        width: 75%;
    }

    .iconos2 {
        width: 75%;
    }

    .menu-disco {
        background: url("../images/disco-movil.png") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 545px;
        background-repeat: no-repeat;
        margin-top: 5%;
        position: relative;
    }

    .iconos{
        display: none;
    }
   
    .iconos2{
        display: block;
    }

    .footer {
        margin-top: 0;
        top: -1rem;
        position: relative;
    }

    .footer .copyright p {
        margin-bottom: 0;
        margin-top: 10px;
    }
   
}
/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
    body {
        margin: 0rem;
    }

    .header_premios {
        max-width: 100%;
    }
   
}
/* iPads (portrait) #Dispositivo = Tablets, Ipads (vertical) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-width : 500px){
    .p-cus-top {
        margin-top: 0rem;
        margin-right: 1rem;
   }
    .iphone-x {
        position: relative;
        margin: 40px auto;
        width: 230px;
        height: 520px;
        background-color: #c1bfb6;
        border-radius: 40px;
        box-shadow: 0 0 0 11px #505050, 0 0 0 13px #a5a5a5, 0 0 0 16px #505050;
   }
    body {
        font-family: "basic-comercial" !important;
        color: #383940 !important;
   }
    .logo {
        position: relative;
        display: inline-block;
        float: right;
        margin-right: 2rem;
   }
    .logo img {
        max-width: 180px;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: -10%;
        z-index: 99;
   }

   .logo:hover .img-top {
    display: inline;
    margin-left: 10%;
    }
    
    .autor {
        font-size: 2.4rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 0.9rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -5px;
        letter-spacing: -1px;
   }
    .container {
        background-color: #dfded9;
        max-width: 1400px !important;
   }
    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url(../images/disco-movil.png) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 700px;
        background-repeat: no-repeat;
        position: relative;
   }

   .iconos{
        display: none;
    }

    .iconos2{
        display: block;
    }

   .video {
    display: none;
   
   }
    .iconos {
        float: right;
        max-width: 199px;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }

   .iconos2 {
        float: right;
        max-width: 199px;
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

    .date-text {
        font-size: 0.9rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 0.9rem;
        letter-spacing: -1px;
        line-height: 0.1rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 2.7rem;
        text-align: right;
        line-height: 3rem;
        display: block;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
   /*Menu*/
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
   /*Footer*/
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
   
    .footer .copyright p {
       font-size: .2rem;
       letter-spacing: -1.2px;
       filter: blur(0.5px);
       color: #434342;
   }
   
    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 10px;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 36px;
        border: solid 2px #626262;
        border-radius: 20px;
       /* background-color: #00a39c;
        */
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        font-size: 0.7rem;
        letter-spacing: -1px;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 0.8rem;
        transform: scale(0.6);
   }
    .giant-quotes-quote blockquote:after {
        content: "";
        font-size: 1.5em !important;
        line-height: 1.7em;
        position: absolute;
        right: 0;
        top: 0;
        transform: scale(3, 2);
        color: #5c5b5b;
        transform-origin: top;
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 0.7rem !important;
   }
    .pt-20 {
        padding-top: 60%;
   }
    .giant-quotes-quote {
        display: none;
   }
    .sec-translate {
        text-align: right !important;
        right: -10%;
        position: relative;
   }

   .contenedor {
        width: 100%;
        height: 720px;
        position: relative;
    }

}
/* iPads (portrait) #Dispositivo = Tablets, Ipads (vertical) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-width : 600px){
    .p-cus-top {
        margin-top: 0rem;
        margin-right: 1rem;
   }
    .iphone-x {
        position: relative;
        margin: 40px auto;
        width: 230px;
        height: 520px;
        background-color: #c1bfb6;
        border-radius: 40px;
        box-shadow: 0 0 0 11px #505050, 0 0 0 13px #a5a5a5, 0 0 0 16px #505050;
   }
    body {
        /* padding: 5rem; */
        font-family: "basic-comercial" !important;
        color: #383940 !important;
   }
    .logo {
        position: relative;
        display: inline-block;
        float: right;
        margin-right: 2rem;
   }
    .logo img {
        max-width: 233px;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: -10%;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
        margin-left: 10%;
   }
    .autor {
        font-size: 3rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 1.08rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -5px;
        letter-spacing: -1px;
   }
    .container {
        background-color: #e5e4e0;
        max-width: 1400px !important;
   }
    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url(../images/disco-movil.png) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 844px;
        background-repeat: no-repeat;
        position: relative;
   }

   .iconos{
    display: none;
    }

    .iconos2{
        display: block;
    }

   .video {
    display: none;
   }
   
    .iconos {
        float: right;
        max-width: 276px;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }
    .date-text {
        font-size: 1rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 1rem;
        letter-spacing: -1px;
        line-height: 0.5rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 3rem;
        text-align: right;
        line-height: 4rem;
        display: block;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
   /*Menu*/
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
   /*Footer*/
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
    .footer .copyright p {
        font-size: .35rem;
   }
    .copyright {
        font-size: 12px;
        text-align: right;
       /* border-top: solid 2px #b5b5b5;
        */
        padding-top: 10px;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 36px;
        border: solid 2px #626262;
        border-radius: 20px;
       /* background-color: #00a39c;
        */
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        font-size: 0.7rem;
        letter-spacing: -1px;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 0.8rem;
        transform: scale(0.6);
   }
    .giant-quotes-quote blockquote:after {
        line-height: 4em;
        transform: scale(.9);
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 0.7rem !important;
   }
    .pt-20 {
        padding-top: 57%;
   }
    .giant-quotes-quote {
        display: none;
   }

   .sec-translate .switch-button{
        width: 100%;
    }

}
/* iPads (portrait) #Dispositivo = Tablets, Ipads (vertical) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-width : 700px){
    .p-cus-top {
        margin-top: 10%;
        margin-right: 1rem;
   }
    .iphone-x {
        position: relative;
        margin: 40px auto;
        width: 230px;
        height: 520px;
        background-color: #c1bfb6;
        border-radius: 40px;
        box-shadow: 0 0 0 11px #505050, 0 0 0 13px #a5a5a5, 0 0 0 16px #505050;
   }
    body {
        padding: 5rem;
        font-family: "basic-comercial" !important;
        color: #383940 !important;
   }
    .logo {
        position: relative;
        display: inline-block;
        float: right;
        margin: 4% 4% 0 25%;
   }
    .logo img {
        max-width: 233px;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: -10%;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
        margin-left: 10%;
   }
    .autor {
        font-size: 2rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 0.68rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -5px;
        letter-spacing: -1px;
   }
    .container {
        background-color: #dfded9;
        max-width: 1400px !important;
   }
    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: 0px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }

    .contenedor {
        width: 100%;
        height: 630px;
        position: relative;
   }
   
   .video {
    display: none;
   }
   
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url(../images/disco-movil.png) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 692px;
        background-repeat: no-repeat;
        position: relative;
   }
    .iconos {
        float: right;
        max-width: 276px;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }
    .date-text {
        font-size: .7rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: .7rem;
        letter-spacing: 0px;
        line-height: .2rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 2rem;
        text-align: right;
        line-height: 2.4rem;
        display: block;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
   /*Menu*/
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
   /*Footer*/
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
    .footer .copyright p {
        font-size: .5rem;
        letter-spacing: -2px;
        filter: blur(0.5px);
        color: #434342;
   }
    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 10px;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 36px;
        border: solid 2px #626262;
        border-radius: 20px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        font-size: 0.7rem;
        letter-spacing: -1px;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 0.8rem;
        transform: scale(0.6);
   }
    .giant-quotes-quote blockquote:after {
        line-height: 4em;
        transform: scale(.9);
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 0.7rem !important;
   }
    .pt-20 {
        padding-top: 50%;
   }
    .giant-quotes-quote {
        display: none;
   }
}
/* iPads (portrait) #Dispositivo = Tablets, Ipads (vertical) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-width : 800px){

    .left-box {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
   }
    .lef-box-image {
        box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -moz-box-shadow: 41px 2px 0px -2px rgba(0,0,0,0.08) inset;
   }
    .shadow-revista {
        box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
        -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
        -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
   }
    .contenedor {
        width: 100%;
        height: 630px;
        position: relative;
   }
    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }
    .video{
        position: absolute;
        right: 3%;
        width: 70%;
        margin-top: 5%;
        display: block;
   }
    .p-cus-top {
        margin-top: 10%;
        margin-right: 1rem;
   }
    .iphone-x {
        position: relative;
        margin: 40px auto;
        width: 230px;
        height: 520px;
        background-color: #c1bfb6;
        border-radius: 40px;
        box-shadow: 0 0 0 11px #505050, 0 0 0 13px #a5a5a5, 0 0 0 16px #505050;
   }
    body {
        padding: 5rem;
        font-family: "basic-comercial" !important;
        color: #383940 !important;
   }
    .logo {
        position: relative;
        display: inline-block;
        margin: 5% 10% 0 15%;
        float: none;
   }
    .logo img {
        max-width: 80%;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
        margin-left: 10%;
   }
    .autor {
        font-size: 1.7rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 0.6rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -5px;
        letter-spacing: -1px;
   }
    .container {
        background-color: #e5e4e0;
        background: #dfded9;
        background-size: cover;
        max-width: 1400px !important;
   }
    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: 39px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url("../images/disco.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 1487px;
        max-height: 52rem;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -5%;
        position: relative;
   }
    .iconos {
        float: right;
        max-width: 57%;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }

    .iconos{
    display: block;
    }

    .iconos2{
        display: none;
    }
    .date-text {
        font-size: 0.7rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 0.7rem;
        letter-spacing: -1px;
        line-height: 0.1rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 1.7rem;
        line-height: 2rem;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }

    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }

    .footer {
        margin-top: 50px;
   }

    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }

    .footer li {
        line-height: 1.1;
   }

    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }

    .footer .copyright p {
        font-size: 1rem;
        letter-spacing: -1.5px;
        filter: blur(0.5px);
        color: #434342;
   }

    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 10px;
   }

    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }

    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 25px;
        border: solid 2px #626262;
        border-radius: 20px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        font-size: 0.5rem;
        letter-spacing: -1px;
        margin-right: 1.5rem;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 1rem;
        transform: scale(0.5);
   }
    .giant-quotes-quote blockquote:after {
      margin-top: 0.7rem;
      transform: scale(.5);
      right: -1rem;
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 0.7rem !important;
   }
    .giant-quotes-quote {
        display: block;
        width: 100%;
        padding-top: 3%;
   }

    .pt-20 {
        padding-top: 50%;
   }
   
}

/* iPads (portrait) #Dispositivo = Tablets, Ipads (vertical) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-width : 768px){
    .header_premios{
        max-width: 92%;
        margin: 5% 0 0 5%;
    }
}

/* iPads (portrait) #Dispositivo = Tablets, Ipads (vertical) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-width : 900px){
    .left-box {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
   }
    .lef-box-image {
        box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -moz-box-shadow: 41px 2px 0px -2px rgba(0,0,0,0.08) inset;
   }
    .shadow-revista {
        box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
        -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
        -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
   }
    .contenedor {
        width: 100%;
        height: 730px;
        position: relative;
   }
    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }
    .video{
        position: absolute;
        right: 3%;
        width: 70%;
        margin-top: 5%;
   }
    .p-cus-top {
        margin-top: 10%;
        margin-right: 1rem;
   }
    .iphone-x {
        position: relative;
        margin: 40px auto;
        width: 230px;
        height: 520px;
        background-color: #c1bfb6;
        border-radius: 40px;
        box-shadow: 0 0 0 11px #505050, 0 0 0 13px #a5a5a5, 0 0 0 16px #505050;
   }

    .logo img {
        max-width: 80%;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
        margin-left: 10%;
   }
    .autor {
        font-size: 2.2rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: .85rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -10px;
        letter-spacing: -1px;
   }
    .container {
        background-color: #e5e4e0;
        max-width: 1400px !important;
   }
    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: 39px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url("../images/disco.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 1487px;
        max-height: 56rem;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -5%;
        position: relative;
   }
    .iconos {
        float: right;
        max-width: 57%;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }
    .date-text {
        font-size: 0.8rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 0.8rem;
        letter-spacing: -1px;
        line-height: 1rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 2.2rem;
        line-height: 2.6rem;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
    .footer .copyright p {
        font-size: 1.1rem;
        letter-spacing: -1.6px;
        filter: blur(0.5px);
        color: #434342;
   }
    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 10px;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 25px;
        border: solid 2px #626262;
        border-radius: 20px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
   
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
   
    .socials .link i, .socials a i {
        color: #626262;
   }
   
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
   
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
   
    .giant-quotes-quote blockquote > * {
        font-size: 0.7rem;
        letter-spacing: -1px;
        line-height: .7rem;
        margin-right: 1.4rem;
   }
   
    .giant-quotes-quote blockquote:before {
        margin-top: 1rem;
        transform: scale(0.5);
   }
   
    .giant-quotes-quote blockquote:after {
        margin-top: .7rem;
        transform: scale(.5);
        right: -1rem;
   }
   
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 0.7rem !important;
   }
   
    .giant-quotes-quote {
        display: block;
   }

    .pt-20 {
        padding-top: 51%;
   }
   
}
/* Pantallas grandes */
@media only screen and (min-width : 1000px) {
    .left-box {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
   }
    .lef-box-image {
        box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -moz-box-shadow: 41px 2px 0px -2px rgba(0,0,0,0.08) inset;
   }
    .shadow-revista {
        box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
        -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
        -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
   }
    .contenedor {
        width: 100%;
        height: 830px;
        position: relative;
   }
    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }
    .video{
        position: absolute;
        right: 3%;
        width: 70%;
        margin-top: 9%;
   }
    .p-cus-top {
        margin-top: 10%;
        margin-right: 1rem;
   }

    .logo img {
        max-width: 80%;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
        margin-left: 10%;
   }
    .autor {
        font-size: 2.7rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 0.95rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -10px;
        letter-spacing: -1px;
   }
    .container {
        background-color: #e5e4e0;
        background: #dfded9;
        background-size: cover;
        max-width: 1400px !important;
   }
    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: 46px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url("../images/disco.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 1487px;
        max-height: 69rem;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -5%;
        position: relative;
   }
    .iconos {
        float: right;
        max-width: 57%;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }
    .date-text {
        font-size: 1rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 1rem;
        letter-spacing: -1px;
        line-height: 1rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 2.8rem;
        line-height: 3.5rem;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
    .footer .copyright p {
        font-size: 1.2rem;
        letter-spacing: -1.7px;
        filter: blur(0.5px);
        color: #434342;
   }
    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 10px;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 25px;
        border: solid 2px #626262;
        border-radius: 20px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        font-size: 1rem;
        line-height: .7rem;
        letter-spacing: -2px;
        margin-right: 2rem;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 0.8rem;
        transform: scale(0.6);
   }
    .giant-quotes-quote blockquote:after {
        margin-top: .5rem;
        transform: scale(.6);
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 1.1rem !important;
   }
    .sec-translate{
        text-align: right !important;
        right: 10%;
        position: relative;
   }
    .giant-quotes-quote {
        display: block;
   }

    .pt-20 {
        padding-top: 52%;
   }
}


/* Pantallas grandes */
@media only screen and (min-width : 1100px) {
    .contenedor {
        width: 100%;
        height: 930px;
        position: relative;
   }

}

/* Pantallas grandes */
@media only screen and (min-width : 1200px) {
    .left-box {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
   }
    .lef-box-image {
        box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -moz-box-shadow: 41px 2px 0px -2px rgba(0,0,0,0.08) inset;
   }
    .shadow-revista {
        box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
        -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
        -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
   }
    .contenedor {
        width: 100%;
        height: 1030px;
        position: relative;
   }
    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }
    .video{
        position: absolute;
        right: 3%;
        width: 70%;
        margin-top: 6.1%;
   }
    .p-cus-top {
        margin-top: 10%;
        margin-right: 2rem;
   }

    .logo img {
        max-width: 80%;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
        margin-left: 10%;
   }
    .autor {
        font-size: 3.3rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 1.26rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -10px;
        letter-spacing: -2px;
   }
    .container {
        background-color: #dfded8;
        max-width: 1400px !important;
   }
    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: 53px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url("../images/disco.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 1487px;
        max-height: 75rem;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -2.5rem;
        position: relative;
   }
    .iconos {
        float: right;
        max-width: 57%;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }
    .date-text {
        font-size: 1.1rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 1.1rem;
        letter-spacing: -1px;
        line-height: 1.3rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 3.3rem;
        line-height: 4.5rem;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
    .footer .copyright p {
        font-size: 1.2rem;
        letter-spacing: -1.8px;
        filter: blur(0.5px);
        color: #434342;
   }
    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 10px;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-bottom: 10px;
        padding-top: 11px;
        width: 70px;
        height: 70px;
        text-align: center;
        color: #000000;
        border: solid 4px #000000;
        border-radius: 40px;
        font-size: 41px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        line-height: 1rem;
        font-size: 1.2rem;
        margin-right: 2rem;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 1rem;
        transform: scale(0.7);
   }
    .giant-quotes-quote blockquote:after {
        margin-top: 0.5rem;
        transform: scale(0.7);
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 1.1rem !important;
   }
    .giant-quotes-quote {
        display: block;
   }

    .pt-20 {
        padding-top: 52%;
   }
}
/* Pantallas grandes */
@media only screen and (min-width : 1300px) {
    .left-box {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
   }
    .lef-box-image {
        box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 55px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: 41px 2px 0px -2px rgba(0,0,0,0.08) inset;
   }
    .shadow-revista {
        box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
        -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
        -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
   }
    .contenedor {
        width: 100%;
        height: 1130px;
        position: relative;
   }
    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }
    .video{
        position: absolute;
        right: 3%;
        width: 70%;
        margin-top: 6.4%;
   }
    .p-cus-top {
        margin-top: 10%;
        margin-right: 2rem;
   }

    .logo img {
        max-width: 80%;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
        margin-left: 10%;
   }
    .autor {
        font-size: 3.7rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 1.4rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -10px;
        letter-spacing: -2px;
   }
    .container {
        /* background-color: #deded9; */
        background: #dfded9;
        background-size: cover;
        max-width: 1400px !important;
   }
    .revista {
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url("../images/disco.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 1487px;
        max-height: 81rem;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -2.5rem;
        position: relative;
   }
    .iconos {
        float: right;
        max-width: 57%;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }
    .date-text {
        font-size: 1.2rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 1.2rem;
        letter-spacing: -1px;
        line-height: 1.3rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 3.7rem;
        line-height: 4.5rem;
        COLOR: #383940;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
   /*Menu*/
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
   /*Footer*/
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
    .footer .copyright p {
        font-size: 1.4rem;
        letter-spacing: -1.9px;
        filter: blur(0.5px);
        color: #434342;
    }
    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 10px;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 70px;
        height: 70px;
        text-align: center;
        padding-top: 11px;
        font-size: 41px;
        border: solid 2px #000000;
        color: black;
        border-radius: 40px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
   
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        line-height: 1rem;
        font-size: 1.3rem;
        margin-right: 2.5rem;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 0.3rem;
        transform: scale(0.8);
   }
    .giant-quotes-quote blockquote:after {
        margin-top: -.1rem;
        transform: scale(.8);
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 1.1rem !important;
   }
    .giant-quotes-quote {
        display: block;
   }

    .pt-20 {
        padding-top: 58%;
   }
}
/* Pantallas grandes */
@media only screen and (min-width : 1400px) {

    .left-box {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
   }
    .lef-box-image {
        box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 61px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: 41px 2px 0px -2px rgba(0,0,0,0.08) inset;
   }
    .shadow-revista {
        box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
        -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
        -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
   }
    .contenedor {
        width: 100%;
        height: 1230px;
        position: relative;
   }
    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }
    .video{
        position: absolute;
        right: 0;
        width: 75%;
        margin-top: 5%;
        display: block;
   }
    .p-cus-top {
        margin-top: 10%;
        margin-right: 2rem;
   }

    .logo img {
        max-width: 80%;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
   }
    .autor {
        font-size: 4rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 1.5rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -10px;
        letter-spacing: -2px;
   }
    .container {
        background-color: #dfded8;
        max-width: 1400px !important;
   }
    .revista {
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url("../images/disco.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 1487px;
        max-height: 82rem;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -5%;
        position: relative;
   }
    .iconos {
        float: right;
        max-width: 315px;
        width: 100%;
        transition: all 0.3s ease-in-out;
   }
    .date-text {
        font-size: 1.2rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 1.2rem;
        letter-spacing: -1px;
        line-height: 1.3rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 4rem;
        line-height: 5.1rem;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }
   /*Menu*/
    .nav-item img {
        max-width: 100%;
        width: 270px;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }
    .footer {
        margin-top: 50px;
   }
    .footer li a {
        font-size: 12px;
        font-weight: 500;
        color: #626262;
        font-family: 'basic-comercial';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 20px; */
        /* float: left; */
   }
    .footer .copyright p {
       font-size: 1.4rem;
       letter-spacing: -2px;
       filter: blur(0.5px);
       color: #434342;
    }
    .copyright {
        font-size: 8.6rem;
        text-align: right;
        font-family: 'basic-comercial' !important;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        padding-top: 11px;
        width: 70px;
        height: 70px;
        text-align: center;
        color: #000000;
        border: solid 4px #000000;
        border-radius: 40px;
        font-size: 41px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
    .socials .link:last-child, .socials a:last-child {
        margin-right: 0;
   }
    .socials .link i, .socials a i {
        color: #626262;
   }
    .social-widget {
        margin-top: 30px;
        border: none;
        padding-top: 0;
   }
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
    .giant-quotes-quote blockquote > * {
        line-height: 1.2rem;
        font-size: 1.5rem;
        margin-right: 3.5rem;
   }
    .giant-quotes-quote blockquote:before {
        margin-top: 1.1rem;
        transform: scale(0.8);
   }
    .giant-quotes-quote blockquote:after {
        margin-top: .5rem;
        transform: scale(0.8);
   }
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 1.1rem !important;
   }
    .giant-quotes-quote {
        display: block;
   }

      .pt-20 {
        padding-top: 58%;
   }
   
}
/* Pantallas grandes */
@media only screen and (min-width : 1500px) {

    .left-box {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.7);
   }
    .lef-box-image {
        box-shadow: 68px 2px 0px -2px rgba(0,0,0,0.08) inset;
        -webkit-box-shadow: 67px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: 41px 2px 0px -2px rgba(0,0,0,0.08) inset;
   }
    .shadow-revista {
        box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
        -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
        -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
   }
    .contenedor {
        width: 100%;
        height: 1270px;
        position: relative;
   }
    .box {
        width: 100%;
        height: 100%;
        position: absolute;
   }
    .overlay {
        z-index: 9;
   }
    .video{
        position: absolute;
        right: 3%;
        width: 70%;
        margin-top: 5%;
        display: block;
   }
    .sec-translate{
        text-align: right !important;
        right: 0.7rem;
        position: relative;
   }
    .switch-button .cast__label {
        background: url(../images/cast-lang.png) no-repeat;
        background-size: contain;
        width: 3rem;
        height: 1.8rem;
        display: inline-block;
        position: relative;
   }
    .switch-button .eng__label {
        background: url(../images/eng-lang.png) no-repeat;
        background-size: contain;
        width: 3rem;
        height: 1.8rem;
        display: inline-block;
        position: relative;
        left: -0.3rem;
   }
    .switch-button .switch-button__label {
        background: url(../images/btn-back-lang.png) no-repeat;
        width: 4.5rem;
        height: 2.2rem;
        background-size: contain;
        border-radius: 2.9rem;
        display: inline-block;
        position: relative;
   }
    .switch-button .switch-button__label:before {
        transition: .2s;
        display: block;
        position: absolute;
        width: 4rem;
        height: 1.7rem;
        background: url(../images/btn-lang.png) no-repeat;
        background-size: contain;
        vertical-align: revert;
        content: '';
   }
    .p-cus-top {
        margin-top: 10%;
        margin-right: 2rem;
   }

    .logo img {
        max-width: 80%;
        width: 100%;
   }
    .logo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
   }
    .logo:hover .img-top {
        display: inline;
   }
    .autor {
        font-size: 4.3rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0.2rem;
        letter-spacing: -2px;
        color: #383940;
   }
    .autor-detail {
        text-align: right;
        font-size: 1.6rem;
        font-weight: 700;
        font-family: 'basic-comercial' !important;
        margin-top: -10px;
        letter-spacing: -2px;
   }
    .container {
        background: #dfded9;
        background-size: cover;
        max-width: 1400px !important;
   }
    .revista {
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }
    .slider {
        padding: 5%;
   }
    .slide {
        position: relative;
        background: #c1bfb6;
        border-radius: 50% / 10%;
        text-indent: 0.1em;
        padding: 8%;
   }
    .slide:before {
        content: "";
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
   }
    .slide::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame-slider.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .boton {
        position: absolute;
        bottom: 5%;
   }
    .carousel-control-prev {
        width: 50% !important;
   }
    .carousel-control-next {
        width: 50% !important;
   }
    .nextPreviousButtons {
        display: flex;
        justify-content: center;
   }
    .tvshape {
        position: relative;
        width: 100%;
        height: auto;
        color: white;
        text-indent: 0;
   }
    .tvshape::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/projects/frame.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
   }
    .tvshape img {
        height: 100%;
        width: 100%;
   }
    .tvshape video {
        height: 100%;
        width: 100%;
        padding: 1%;
   }
    .playpause {
        background-image: url("../images/projects/play.png");
        background-repeat: no-repeat;
        width: 50%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-position: center;
   }
    .menu-disco {
        background: url("../images/disco.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 1487px;
        max-height: 84rem;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
   }

    .iconos {
        float: right;
        max-width: 57%;
        width: 100%;
        transition: all 0.3s ease-in-out;
        margin-bottom: .5rem;
   }
    .date-text {
        font-size: 1.4rem;
        font-family: 'basic-comercial' !important;
        letter-spacing: -1px;
        line-height: 1.3rem;
        text-align: right;
   }
    .time-text {
        font-size: 11px;
        float: right;
   }
    .city-text {
        font-size: 1.3rem;
        letter-spacing: -1px;
        line-height: 1.3rem;
        font-family: 'basic-comercial' !important;
        text-align: right;
   }
    .day-text {
        font-size: 4.3rem;
        line-height: 5.1rem;
        font-family: 'basic-comercial' !important;
   }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
   }

    .nav-item img {
        max-width: 100%;
        width: 100%;
   }
    .nav-item a {
        padding: 0;
   }
    .navbar {
        margin-top: 6%;
        padding-left: 0 !important;
        width: 90%;
   }

    .footer {
        margin-top: 50px;
   }
   
    .footer li a {
        font-size: 1.4rem;
        letter-spacing: -0.15rem;
        font-weight: 500;
        color: #383940;
        font-family: 'basic-comercial-black';
   }
    .footer li {
        line-height: 1.1;
   }
    .footer img {
        /* max-width: 40px; */
        /* float: left; */
   }
    .footer .copyright p {
        font-size: 1.4rem;
        text-align: right;
        font-family: 'basic-comercial' !important;
        margin-right: 2rem;
        letter-spacing: -1px;
        filter: blur(.5px);
        color: #434342;
   }
    .copyright {
        font-size: 12px;
        text-align: right;
        padding-top: 3rem;
        padding-bottom: 1rem;
   }
    .socials {
        padding: 3rem 3rem 2rem 0px;
        display: block;
        float: right;
   }
    .socials .link, .socials a {
        margin-right: 10px;
        margin-bottom: 10px;
        padding-top: 11px;
        width: 70px;
        height: 70px;
        text-align: center;
        color: #000000;
        border: solid 4px #000000;
        border-radius: 40px;
        font-size: 41px;
        display: inline-block;
        transition: all 0.3s ease-in;
   }
   
    .social-widget .link, .social-widget a {
        background-color: #a8b0b6;
        margin-bottom: 10px;
        margin-right: 8px;
   }
   
    .giant-quotes-quote blockquote > * {
        line-height: 1.5rem;
        font-size: 1.6rem;
        margin-right: rem;
        letter-spacing: -2px;
   }
   
    .giant-quotes-quote blockquote:before {
        margin-top: 1rem;
        transform: scale(1);
   }
   
    .giant-quotes-quote blockquote:after {
        margin-top: .4rem;
        transform: scale(1);
   }
   
    .giant-quotes-quote blockquote cite {
        font-family: 'basic-comercial' !important;
        display: block;
        font-style: normal;
        text-align: right;
        font-size: 1.1rem !important;
   }
   
    .giant-quotes-quote {
        display: block;
   }

      .pt-20 {
        padding-top: 57%;
   }
   
}
/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .autor {
        font-size: 35px;
   }

    .switch-button .switch-button__checkbox:checked + .switch-button__label:before {
        transform: translateX(0.7rem);
   }
    .switch-button .switch-button__label:before {
        margin: 0.1rem;
   }
    .p-cus-top {
        margin-top: auto;
        margin-right: auto;
   }
    .no-padding-mobile {
        padding-left: 0 !important;
        padding-right: 0px !important;
        margin-top: -10px;
   }
    .no-padding-mobile-rigth {
        padding-right: 20px !important;
   }
    .iphone-x {
        height: 100vh;
        max-height: 800px;
   }
    .barras {
        display: none;
   }
    .desk {
        display: none;
   }
    .navbar {
        margin-top: 10%;
        width: 100%;
        padding: 0 !important;
   }
    .cabecera {
        top: 0;
   }

    .logo {
        float: right;
        max-width: 200px;
   }
   
    .logo img {
        width: 10rem;
        max-width: 100%;
   }
   
    .giant-quotes-quote {
        display: none;
   }
    .iconos {
        width: 75%;
   }

   .iconos2 {
        width: 75%;
    }

   
    .footer {
        margin-top: 1rem;
   }
    .footer img {
        width: 100%;
        max-width: 100%;
   }
    .footer .copyright p {
        margin-top: 10px;
        text-align: right;
        font-size: .92rem;
        letter-spacing: -1px;
        filter: blur(0.1px);
        color: #434342;
   }
    .socials {
        padding-bottom: 0px;
        display: block;
        float: right;
   }

    .menu_space{
        padding-left: 0rem!important;
        padding-right: 1.5rem!important;
   }

    .video{
        display: none;
   }
   
    .contenedor {
        width: 100%;
        height: 580px;
        position: relative;
   }

   .header_premios {
        max-width: 100%;
        margin: 10% 0 0 0%;
    }

   
}


/* iPads (landscape) #Dispositivo = Tablets, Ipads (horizontal) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .day-text {
        line-height: 3.3rem;
    }

    .date-text {
        font-size: 0.95rem;
        line-height: 1rem;
    }

   .city-text {
        font-size: 0.95rem;
    }

    .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: 43px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   }

   .contenedor {
        height: 800px;
    }

    .menu-disco {
        height: 818px;
   }

}

/* Ordenadores de sobremesa y portatiles */
@media only screen and (min-width : 1224px) {
    .movil {
        display: none !important;
   }
    .sec-translate{
        text-align: right !important;
        right: 1%;
        position: relative;
   }

   .header_premios {
         max-width: 87%;
    }

}
/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) {
}
/* iPads (portrait) #Dispositivo = Tablets, Ipads (vertical) #Resolucion = B/w 768px to 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) {
    
    .logo img {
        max-width: 200px;
        width: 100%;
   }
    .day-text {
        font-size: 2rem;
         line-height: 2.4rem;
   }

    .city-text {
       font-size: 11PX;
       font-family: 'basic-comercial' !important;
       letter-spacing: -1px;
       line-height: 11PX;
       text-align: right;
   }
    .date-text {
       font-size: 11PX;
       font-family: 'basic-comercial' !important;
       letter-spacing: -1px;
       line-height: 1rem;
       text-align: right;
   }
    .autor-detail {
        font-size: 11px;
        font-family: 'basic-comercial';
   }
    .giant-quotes-quote {
        display: block;
        width: 100%;
        padding-top: 5%;
   }
    .iconos {
        width: 75%;
   }

   .iconos2{
        width: 75%;
    }

    .menu-disco {
        background: url("../images/disco.png") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 570px;
        background-repeat: no-repeat;
        margin-top: 0;
        margin-bottom: 30px;
        position: relative;
   }

   .iconos{
    display: block;
    }

    .iconos2{
        display: none;
    }

    .footer {
        margin-top: 0;
   }
   
    .footer .copyright p {
       font-size: 1rem;
       letter-spacing: -1.5px;
       filter: blur(0.5px);
       color: #434342;
   }

   .header_premios {
      max-width: 80%;
    }
    
   .revista {
        box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
        -webkit-box-shadow: 30px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
   } 
   
   .autor {
        font-size: 2rem;
        font-weight: 100;
        text-align: right;
        font-family: basic-comercial;
        margin-bottom: 0;
        letter-spacing: -2px;
        color: #383940;
   }

    .p-cus-top {
        margin-top: 6%;
        margin-right: 0rem;
   }
   
    .sec-translate{
        text-align: right !important;
        right: -2.3rem;
        position: relative;
   }

   .logo {
        position: relative;
        display: inline-block;
        margin: 5% 10% 0 15%;
        float: none;
   }
   
   .contenedor {
    width: 100%;
    height: 580px;
    position: relative;
}

    .menu-disco {
        height: 575px;
        margin-top: -2.5rem;
    }

    .footer img {
        width: 100%;
        max-width: 60%;
        float: right
   }

    .pt-20 {
        padding-top: 45%;
   }
   
   .shadow-revista {
    box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
    -webkit-box-shadow: 19px 20px 30px 20px rgba(0,0,0,0.58);
    -moz-box-shadow: 10px 11px 19px 33px rgba(0,0,0,0.58);
}
   
   
}
    

/* IPAD PRO Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
        
.revista {
    box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
    -webkit-box-shadow: 43px 2px 0px -2px rgba(0,0,0,0.08) inset, inset 6px 1px 3px -2px rgba(0,0,0,0.4);
    -moz-box-shadow: -37px -1px 9px 0 rgba(54, 49, 49, 0.69);
} 

.day-text {
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-weight: 100;
    text-align: right;
    font-family: basic-comercial;
    margin-bottom: 0;
    letter-spacing: -2px;
    color: #383940;
}

.autor {
    font-size: 2.8rem;
    font-weight: 100;
    text-align: right;
    font-family: basic-comercial;
    margin-bottom: 0;
    letter-spacing: -2px;
    color: #383940;
}

.autor-detail {
     font-size: 16px;
     font-family: 'basic-comercial';
}
   
.p-cus-top {
    margin-top: 10%;
    margin-right: 0rem;
}

.sec-translate{
    text-align: right !important;
    right: -1.3rem;
    position: relative;
}

.logo {
    position: relative;
    display: inline-block;
    margin: 5% 10% 0 15%;
    float: none;
}

.contenedor {width: 100%;height: 800px;position: relative;}

.menu-disco {
    height: 817px;
    margin-top: -2.5rem;
}

.footer img {
    width: 100%;
    max-width: 60%;
    float: right
}

.pt-20 {
    padding-top: 45%;
}

.date-text {
    font-size: 1rem;
    font-family: 'basic-comercial' !important;
    letter-spacing: -1px;
    line-height: 1rem;
    text-align: right;
}

.giant-quotes-quote {
    display: block;
    width: 100%;
    padding-top: 3%;
}

.video{
    margin-top: 5%;
}


}