*{
    height: auto;
}
/*Top Menu*/

.topMenuInternet {
    position: absolute;
    left: 15px;
    width: 100%;
    height: 65px;
    z-index: 999;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 12px 54px 0 rgba(0, 0, 0, 0.06);
}

.fixedNav {
    width: 100%;
    top: 0px !important;
    left: 15px;
    position: fixed;
    overflow: hidden !important;
    z-index: 999;
}

.topMenuInternet .logoInternetContainer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topMenuInternet .logoInternetContainer a {
    width: 100%;
}

.topMenuInternet ul {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 65px;
    margin-bottom: 0;
}

.topMenuInternet ul li {
    display: flex;
    margin-right: 45px;
}

.topMenuInternet ul li:last-child {
    margin-right: 0;
}

.topMenuInternet ul li a {
    color: rgba(24, 24, 24, 1);
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

.topMenuInternet a::after {
    display: none;
}

.topMenuInternet ul li a.generalButton {
    color: rgba(245, 245, 245, 1);
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 16px;
}

.topMenuInternet a img {
    max-width: 227px;
    width: 100%;
    height: auto;
}

.searchButton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93d663+0,80d687+100 */
    background: rgb(147, 214, 99);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(147, 214, 99, 1) 0%, rgba(128, 214, 135, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(147, 214, 99, 1) 0%, rgba(128, 214, 135, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(147, 214, 99, 1) 0%, rgba(128, 214, 135, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93d663', endColorstr='#80d687', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    margin-right: 15px !important;
    -webkit-border-radius: 50vw;
    -moz-border-radius: 50vw;
    border-radius: 50vw;
}

.searchButton span {
    color: rgba(255, 255, 255, 1);
}

/*Top Menu*/
/*Mobile Header*/
.mobileClubHeader {
    position: relative;
    height: 100vh;
}

.mobileClubHeader .mobileHeaderImage {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 1);
    padding-top: 10vh;
}

.mobileClubHeader .mobileHeaderImage img {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.mobileClubHeader .videoLinkMobile {
    position: absolute;
    z-index: 10;
    bottom: 15vh;
    width: 100%;
}

.mobileClubHeader .videoLinkMobile a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 24px;
}

.mobileClubHeader .videoLinkMobile a::after {
    display: none;
}

.mobileClubHeader .videoLinkMobile a span {
    font-weight: normal;
    margin-left: 10px;
    font-size: 32px;
}

/*Mobile Header*/
/*Green section Mobile*/
.mobileGreenSection {
    background: rgba(194, 216, 56, 1);
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.lottieContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lottieContainer lottie-player {
    max-width: 100%;
}

.mobileGreenSection h2 {
    margin-bottom: 35px;
}

.mobileGreenSection p {
    margin-bottom: 45px;
}

/*Green section Mobile*/
/*Blue section Mobile*/
.mobileBlueSection {
    background: rgba(101, 181, 219, 1);
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding-top: 44px;
    padding-bottom: 38px;
}

.mobileBlueSection h2 {
    margin-bottom: 42px;
}

.mobileBlueSection p {
    margin-bottom: 15px;
}

.mobileBlueSection .lottieBlueContainer .lottieBlue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.mobileBlueSection .lottieBlueContainer .lottieBlue lottie-player {
    max-width: 300px;
}

/*Blue section Mobile*/
/*Purple section Mobile*/
.mobilePurpleSection {
    background: rgba(176, 123, 230, 1);
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding-top: 44px;
    padding-bottom: 38px;
}

.mobilePurpleSection .lockImage {
    text-align: center;
}

.mobilePurpleSection .lockImage .lottieSpeed {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobilePurpleSection .lockImage lottie-player {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 30px;
}

/*Purple section Mobile*/
/*Pink section Mobile*/
.mobilePinkSection {
    background: rgba(243, 98, 166, 1);
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding-top: 44px;
    padding-bottom: 38px;
}

.mobilePinkSection .descriptionRow {
    text-align: left;
}

.mobilePinkSection .counterRow {
    color: rgba(255, 255, 255, 1);
}

.mobilePinkSection .counterRow h2 {
    font-size: 40px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
}

.mobilePinkSection .counterRow p {
    font-size: 18px;
    font-weight: 800;
}

.mobilePinkSection .scrollGallery {
    text-align: center;
}

.mobilePinkSection .scrollGallery .scrollGalleryContainer {
    position: relative;
    max-height: 25vh;
}

.mobilePinkSection .scrollGallery .scrollGalleryContainer img {
    max-width: 129px;
    width: 100%;
    height: auto;
    margin-bottom: 52px;
}

.mobilePinkSection .scrollGallery .scrollGalleryContainer img:last-child {
    margin-bottom: 0;
}

.mobilePinkSection .scrollGallery:nth-child(1) .scrollGalleryContainer {
    top: 45px;
}

.mobilePinkSection .scrollGallery:nth-child(2) .scrollGalleryContainer {
    top: -45px;
}

/*Pink section Mobile*/
/*Yellow section Mobile*/
.mobileYellowSection {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,f7bd03+0,efb70d+100 */
    background: #1e5799;
    /* Old browsers */
    background: -moz-linear-gradient(left, #1e5799 0%, #f7bd03 0%, #efb70d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1e5799 0%, #f7bd03 0%, #efb70d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1e5799 0%, #f7bd03 0%, #efb70d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#efb70d', GradientType=1);
    /* IE6-9 */
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding-top: 44px;
    padding-bottom: 38px;
}

.mobileYellowSection .descriptionRow {
    margin-bottom: 100px;
    text-align: center;
}

.mobileYellowSection p {
    text-align: center !important;
}

.mobileYellowSection .cardOpinionContainer {
    margin-bottom: 75px;
}

.mobileYellowSection .cardOpinionContainer:last-child {
    margin-bottom: 25px;
}

.mobileYellowSection .cardOpinionContainer:nth-child(1) {
    top: 0;
}

.mobileYellowSection .cardOpinionContainer:nth-child(2) {
    top: 0;
}

/*Yellow section Mobile*/
/************/
/*Desktop Sections*/
/*Video Header*/
.videoClubWifiHeader {
    position: relative;
    height: 100vh;
}

.videoClubWifiHeader .videoClubWifi {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 1);
}

.videoClubWifiHeader .videoClubWifi video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/*Video Header*/
/*Sections Back Text*/
.textBack {
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5rem;
    z-index: -1;
}

.textBack h3 {
    font-size: 915px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.15)
}

/*Colored Section*/
.coloredSection {
    position: relative;
    width: calc(100% + 30px);
    height: 100vh;
    overflow: hidden;
    z-index: 10;
}

.descriptionRow {
    text-align: center;
}

.descriptionRow h2 {
    font-size: 55px;
    color: rgba(255, 255, 255, 1);
    font-weight: 800;
}

.descriptionRow p {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 400;
}

.descriptionRow p strong {
    font-size: 18px;
    font-weight: 700;
}

/*Colored Section*/
/*Main Sections Container*/
.mainSectionsContainer {
    background: rgba(243, 98, 166, 1);
    overflow-x: hidden;
}

/*Main Sections Container*/
/*Green Section*/
.greenSection {}

.greenSection .wavesImage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.greenSection .wavesImage img {
    max-width: 650px;
    margin-bottom: 76px;
}

/*Green Section*/
/*Blue Section*/

.blueSection .descriptionRow {
    margin-top: 80px;
}

.blueSection .lockImage {
    text-align: center;
}

.blueSection .lockImage img {
    max-width: 224px;
    width: 100%;
    margin-top: 75px;
}

.blueSection .lockImage .lottieBlue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.blueSection .lockImage .lottieBlue lottie-player {
    max-width: 300px;
}

/*Blue Section*/
/*Purple Section*/

.purpleSection .descriptionRow {
    margin-top: 80px;
}

.purpleSection .lockImage {
    text-align: center;
}

.purpleSection .lockImage .lottieSpeed {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 5rem;
}

.purpleSection .lockImage .lottieSpeed lottie-player {
    width: calc(100% + 60px);
    margin-left: -30px;
}

/*Purple Section*/
/*Pink Section*/

.pinkSection .descriptionRow {
    text-align: left;
    margin-top: 120px;
}

.pinkSection .descriptionRow p {
    font-size: 30px;
    font-weight: 600;
}

.pinkSection .counterRow {
    color: rgba(255, 255, 255, 1);
    margin-top: 86px;
}

.pinkSection .counterRow h2 {
    font-size: 100px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
}

.pinkSection .counterRow p {
    font-size: 30px;
    font-weight: 800;
}

.pinkSection .scrollGallery {
    text-align: center;
}

.pinkSection .scrollGallery .scrollGalleryContainer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pinkSection .scrollGallery:nth-child(2) .scrollGalleryContainer {
    margin-top: 100px;
}

.pinkSection .scrollGallery .scrollGalleryContainer img {
    max-width: 229px;
    width: 100%;
    height: auto;
    margin-bottom: 52px;
}

/*Pink Section*/
/*Yellow Section*/

.yellowSection .descriptionRow {
    text-align: left;
    margin-top: 88px;
    margin-bottom: 35px;
}

.cardOpinionContainer {
    text-align: center;
    color: rgba(59, 69, 89, 1);
    position: relative;
}

.cardOpinionContainer:nth-child(1) {
    top: 15vh;
}

.cardOpinionContainer:nth-child(2) {
    top: 10vh;
}

.cardOpinionContainer::after {
    content: '';
    position: absolute;
    background: url(../../img/nuevos/clubWifi/play_arrow_black_24dp.svg) top center no-repeat;
    background-size: cover;
    width: 270px;
    height: 200px;
    left: -75px;
    top: -101px;
    filter: invert(1);
    z-index: -1;
}

.cardOpinionContainer div {
    display: block;
}

.cardOpinionContainer .card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
}

.cardOpinionContainer .imageCardOpinion img {
    max-width: 128px;
    width: 100%;
    margin-top: -14%;
    margin-bottom: 19px;
}

.cardOpinionContainer .nameCardOpinion h2 {
    font-size: 28px;
    font-weight: 700;
}

.cardOpinionContainer .userCardOpinion p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 11px;
}

.cardOpinionContainer .quoteCardOpinion {
    margin-top: 40px;
}

.cardOpinionContainer .quoteCardOpinion p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 11px;
}

.cardOpinionContainer .linkCardOpinion a {
    font-size: 18px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardOpinionContainer .linkCardOpinion a::after {
    display: none;
}

.cardOpinionContainer .linkCardOpinion a span {
    margin-left: 12px;
    font-weight: normal;
}

/*Yellow Section*/
/************/
/*Desktop Sections*/
/*Animation classes*/
#descriptionWaves {
    opacity: 0;
    transform: translateY(50px);
}

#descriptionBlue {
    opacity: 0;
    transform: translateY(50px);
}

#purpleDescription {
    opacity: 0;
    transform: translateY(50px);
}

#pinkDescription {
    opacity: 0;
    transform: translateY(50px);
}

#yellowDescription {
    opacity: 0;
    transform: translateY(50px);
}


#galleryFirst {
    transform: translateY(35vh);
}

#gallerySecond {
    transform: translateY(25vh);
}

#firstQuote {
    transform: translateY(70%);
    opacity: 0;
}

#secondQuote {
    transform: translateY(70%);
    opacity: 0;
}

#thirdQuote {
    transform: translateY(70%);
    opacity: 0;
}

/*Animation classes*/
/*Extras*/
.extrasRowTitle {
    padding-top: 48px;
    padding-bottom: 48px;
    text-align: center;
}

.extrasRowTitle p {
    font-size: 28px;
    line-height: 28px;
    color: rgba(59, 69, 89, 1);
    font-weight: 300;
    margin-bottom: 8px;
}

.extrasRowTitle h2 {
    margin: 0;
    font-size: 45px;
    line-height: 40px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    margin-bottom: 40px;
}

.extrasRow {
    padding-top: 57px;
    padding-bottom: 83px;
}

.extraContainer {
    cursor: pointer;
    margin-bottom: 32px;
}

.imageExtra {
    position: relative;
}

.imageExtra .extraContent {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 146px;
    margin-bottom: 16px;
}

.imageExtra .extraContent .imgFront {
    position: absolute;
    max-width: 76px;
    width: 100%;
    z-index: 10;
    transform: translateY(-40px);
    transition: 200ms;
}

.imageExtra .extraContent .imgShadow {
    position: absolute;
    max-width: 156px;
    width: 100%;
    z-index: 9;
    transform: translateY(32px);
    transition: 200ms;
    opacity: 0.55;
}

.imageExtra .extraContent .imgBack {
    position: absolute;
    max-width: 226px;
    width: 100%;
    z-index: 8;
}

.titleExtra {
    text-align: center;
}

.titleExtra p {
    font-size: 22px;
    line-height: 27px;
    font-weight: 500;
    color: rgba(59, 69, 89, 1);
}

.totalplayTvExtra .imageExtra .extraContent .imgFront {
    max-width: 160px;
    transform: translateY(-10px);
}

.totalplayAppExtra .imageExtra .extraContent .imgFront {
    max-width: 102px;
    transform: translateY(-30px);
}

.totalplayAppExtra .imageExtra .extraContent .imgShadow {
    transform: translateY(18px);
}

.hogarSeguroExtra:hover .imageExtra .extraContent .imgFront {
    transform: translateY(-60px);
    transition: 200ms;
}

.hogarSeguroExtra:hover .imageExtra .extraContent .imgShadow {
    filter: blur(10px);
    transition: 200ms;
}

.totalplayTvExtra .imageExtra .extraContent .imgShadow {
    max-width: 216px;
}

.totalplayTvExtra:hover .imageExtra .extraContent .imgShadow {
    filter: blur(10px);
    transition: 200ms;
}

.totalplayTvExtra:hover .imageExtra .extraContent .imgFront {
    transform: translateY(-30px);
    transition: 200ms;
}

.totalplayAppExtra:hover .imageExtra .extraContent .imgFront {
    transform: translateY(-50px);
    transition: 200ms;
}

.totalplayAppExtra:hover .imageExtra .extraContent .imgShadow {
    filter: blur(10px);
    transition: 200ms;
}

/*Extras*/

/*Faqs*/

.appFaqsTitles {
    text-align: center !important;
    margin-bottom: 23px;
}

.appFaqsTitles h2 {
    font-weight: 700;
    color: rgba(59, 69, 89, 1);
}

.appFaqs .faqsContainer .card {
    box-shadow: 0 2px 36px 0 rgba(0, 0, 0, 0.07);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1)
}

.appFaqs .faqsContainer .card .card-header {
    border: none;
    background: rgba(245, 245, 245, 0);
}

.appFaqs .faqsContainer .card .card-header h2 button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.appFaqs .faqsContainer .card .card-header h2 button::after {
    color: rgba(151, 151, 151, 1);
    top: 0;
}

.appFaqs .faqsContainer .card .card-header h2 button.collapsed::after {
    color: rgba(151, 151, 151, 1);
    top: 0;
}

/*Faqs*/
/*Modal Video*/
.modal-open {
    padding-right: 15px !important;
    padding-left: 15px !important;
    overflow-x: hidden !important;
}

.modal#videoClubWifiModal .modal-dialog .modal-content {
    background: transparent;
    border: none;
}

.modal#videoClubWifiModal .modal-dialog .modal-header button span {
    color: rgba(255, 255, 255, 1);
}

.modal#videoClubWifiModal video {
    left: 0;
    top: 0;
    transform: translate(0, 0);
}

/*Modal Video*/
/*Breakpoints*/

/*Minimals*/

/*Small devices (landscape phones, 576px and up)*/

@media (min-width:320px) and (max-width: 767px) {}

/*Medium devices (tablets, 768px and up)*/

@media (min-width:768px) and (max-width: 959px) {}

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}

/*Maximals*/

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    .cardOpinionContainer .nameCardOpinion h2 {
        font-size: 24px;
    }

    .cardOpinionContainer .quoteCardOpinion p {
        font-size: 16px;
    }

    .cardOpinionContainer .linkCardOpinion a {
        font-size: 16px;
    }

    .extraContainer {
        zoom: 0.7;
    }
}

/* Small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {
    .topMenuInternet ul li a.generalButton {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        font-size: 14px;
    }

    .descriptionRow h2 {
        font-size: 24px;
    }

    .descriptionRow p {
        font-size: 18px;
        text-align: left;
    }

    .textBack h3 {
        font-size: 439px;
    }

    .totalplayAppExtra {
        margin-top: 34px;
    }

    .extrasRowTitle {
        text-align: center;
    }

    .extrasRowTitle p {
        font-size: 20px;
        line-height: 28px;
    }

    .extrasRowTitle h2 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (max-width: 767.98px) and (orientation: landscape) {}

/*Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {
    .yellowSection .descriptionRow {
        margin-bottom: 75px;
    }

    .cardOpinionContainer:nth-child(1) {
        top: 0;
        margin-bottom: 75px;
    }

    .cardOpinionContainer:nth-child(2) {
        top: 15vh;
    }

    .extrasRowTitle {
        text-align: center;
    }

    .extrasRowTitle p {
        font-size: 20px;
        line-height: 28px;
    }

    .extrasRowTitle h2 {
        font-size: 24px;
        line-height: 24px;
    }
}

@media (max-width: 1200px) {}

/* Samsung Galaxy S5 ----------- */

@media screen and (max-width: 360px) and (max-height: 640px) and (-webkit-min-device-pixel-ratio: 3) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

/* Galaxy S10 ----------- */

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3.5) {}

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3.5) {}

/* iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: landscape) {}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {}

/*Pixel 2*/

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: landscape) {}

/*Pixel 2XL*/

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: landscape) {}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* iPhone 6, 7, 8 ----------- */

/* Portrait and Landscape */

@media only screen and (min-width: 375px) and (max-height: 667px) and (-webkit-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone 11 ----------- */

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}

/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .hogarSeguroExtra .imageExtra .extraContent .imgFront {
        max-width: 63px;
    }

    .hogarSeguroExtra .imageExtra .extraContent .imgShadow {
        max-width: 120px;
    }
}

/* Landscape */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .hogarSeguroExtra .imageExtra .extraContent .imgFront {
        max-width: 63px;
    }

    .hogarSeguroExtra .imageExtra .extraContent .imgShadow {
        max-width: 120px;
    }
}

/* ----------- iPad Air----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .hogarSeguroExtra .imageExtra .extraContent .imgFront {
        max-width: 63px;
    }

    .hogarSeguroExtra .imageExtra .extraContent .imgShadow {
        max-width: 120px;
    }
}

/* Landscape */

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

    .hogarSeguroExtra .imageExtra .extraContent .imgFront {
        max-width: 63px;
    }

    .hogarSeguroExtra .imageExtra .extraContent .imgShadow {
        max-width: 120px;
    }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .hogarSeguroExtra .imageExtra .extraContent .imgFront {
        max-width: 63px;
    }

    .hogarSeguroExtra .imageExtra .extraContent .imgShadow {
        max-width: 120px;
    }
}

/* Landscape */

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .hogarSeguroExtra .imageExtra .extraContent .imgFront {
        max-width: 63px;
    }

    .hogarSeguroExtra .imageExtra .extraContent .imgShadow {
        max-width: 120px;
    }
}

/* ----------- Ana Movil" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Portrait */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Landscape */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* ----------- Ana Movil 2 ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 393px) and (max-device-width: 851px) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Portrait */

@media only screen and (min-device-width: 393px) and (max-device-width: 851px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Landscape */

@media only screen and (min-device-width: 393px) and (max-device-width: 851px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Landscape */

@media only screen and (min-device-width: 360px) and (max-device-width: 612px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/* ----------- Non-Retina Screens ----------- */

@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1701px) and (max-width: 2560px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Ana*/

@media screen and (max-width: 1440px) and (max-height: 900px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1920px) and (max-height: 1080px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1366px) and (max-height: 768px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1400px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Ipod*/

@media screen and (max-width: 320px) and (max-height: 568px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Breakpoints*/