/*Top Menu*/

.topMenuInternet {
    position: absolute;
    left: 15px;
    width: 100%;
    height: 65px;
    z-index: 10;
    background: rgba(246, 246, 246, 1);
}

.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 ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 65px;
    margin-bottom: 0;
}

.topMenuInternet ul li {
    display: flex;
}

.topMenuInternet ul li a {
    color: rgba(24, 24, 24, 1);
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
}

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

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

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


/*Top Menu*/


/*Header*/

.headerInternet {
    position: relative;
    padding-top: 16vh;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #f8f8f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #f8f8f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #f8f8f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1);
    /* IE6-9 */
    height: 100vh;
    z-index: 0;
    overflow: hidden;
}

.mouseScrollContainer {
    width: 100%;
    height: 100px;
    position: absolute;
    display: flex;
    align-self: flex-end;
    align-items: center;
    justify-content: center;
}

.mouse {
    width: 30px;
    height: 50px;
    border: 2px solid rgba(59, 69, 89, 1);
    border-radius: 50px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.arrowdownmove {
    position: relative;
    left: 0;
    color: rgba(59, 69, 89, 1);
    font-size: medium;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
}

@-webkit-keyframes sdb10 {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.headerInternet p {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 30px;
    color: rgba(59, 69, 89, 1);
    font-weight: 300;
    margin-bottom: 13px;
}

.headerInternet h1 {
    font-size: 45px;
    line-height: 55px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    margin: 0;
    margin-top: -100px;
}

.headerInternet h1 span {
    font-size: 60px;
    line-height: 80px;
    color: rgba(147, 214, 99, 1);
    font-weight: 700;
}

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

.headerInternet .videoInternetContainer 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;
    padding-top: 16vh;
}


/*Header*/


/*Scroll Fibra Optica Mobile*/

.mobileScroll {
    padding-bottom: 105px;
}

.mobileScroll h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: rgba(59, 69, 89, 1);
}

.mobileScroll p {
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    color: rgba(59, 69, 89, 1);
    margin-bottom: 32px;
}

.mobileScroll p span {
    font-size: 14px;
}

.mobileScroll p strong {
    font-weight: 700;
}

.mobileScrol p strong {
    font-weight: 700;
}

.mobileImageContainer {
    text-align: center;
}

.mobileImageContainer img {
    max-width: 310px;
    width: 100%;
}

.containermobileVideo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 262px;
    max-height: 262px;
    margin-bottom: 32px;
}

.containermobileVideo .envelopevideo {
    position: absolute;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 262px;
    max-width: 262px;
    max-height: 262px;
    min-height: 262px;
    width: 262px;
    height: 262px;
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
    background: rgba(147, 214, 99, 1);
}

.containermobileVideo .envelopevideo video {
    min-height: 256px;
    min-width: 256px;
    max-width: 256px;
    max-height: 256px;
    width: 256px;
    height: 256px;
    transform: translate(0, 0);
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
    position: absolute;
    z-index: 10;
    left: 3px;
    top: 3px;
}


/*Scroll Fibra Optica Mobile*/


/*Scroll Fibra Optica*/

.titleFibraOptica {
    padding-top: 148px;
    padding-bottom: 70px;
}

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

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

.scrollFibraOptica {
    height: 375vh;
}

.stickyCol .stickyContainer {
    text-align: center;
    height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: sticky;
    top: 15vh;
}

.stickyContainer .videoSticky video {
    left: 0;
    min-height: 40vh;
    min-width: 40vh;
    max-width: 40vh;
    max-height: 40vh;
    width: 40vh;
    height: 40vh;
    top: 0;
    transform: translate(0, 0);
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
    border: solid 5px rgba(147, 214, 99, 1);
}

.stickyContainer .scrollImageContainer {
    position: relative;
}

.stickyContainer .scrollImageContainer img.scrollNetflix {
    position: absolute;
    width: 87px;
    height: 64px;
    left: 270px;
    max-width: 87px;
    min-width: 87px;
    max-height: 87px;
    min-height: 87px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.12);
}

.stickyContainer .scrollImageContainer img.scrollnperf {
    position: absolute;
    width: 107px;
    height: 107px;
    left: 0px;
    max-width: 107px;
    min-width: 107px;
    max-height: 107px;
    min-height: 107px;
    top: 272px !important;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.12);
}

.stickyContainer .scrollImageContainer img.scrollTwitter {
    position: absolute;
    width: 60px;
    height: 60px;
    left: -110px;
    max-width: 60px;
    min-width: 60px;
    max-height: 60px;
    min-height: 60px;
    top: 22px !important;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.12);
}

.stickyContainer .scrollImageContainer img.scrollFacebook {
    position: absolute;
    width: 61px;
    height: 61px;
    left: 124px;
    max-width: 61px;
    min-width: 61px;
    max-height: 61px;
    min-height: 61px;
    top: -38px !important;
    box-shadow: 0 2px 14px 0 rgb(0 0 0 / 12%);
}

.stickyContainer .scrollImageContainer img.scrollTiktok {
    position: absolute;
    width: 61px;
    height: 61px;
    left: 399px;
    max-width: 61px;
    min-width: 61px;
    max-height: 61px;
    min-height: 61px;
    top: 242px !important;
    box-shadow: 0 2px 14px 0 rgb(0 0 0 / 12%);
}

.stickyContainer .scrollImageContainer img.scrollInstagram {
    position: absolute;
    width: 81px;
    height: 81px;
    left: 310px;
    max-width: 81px;
    min-width: 81px;
    max-height: 81px;
    min-height: 81px;
    top: 292px !important;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.12);
}

.stickyContainer .scrollImageContainer img.scrollWhatsapp {
    position: absolute;
    width: 72px;
    height: 72px;
    left: -50px;
    max-width: 72px;
    min-width: 72px;
    max-height: 72px;
    min-height: 72px;
    top: 172px !important;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.12);
}

.stickyContainer .scrollImageContainer img {
    min-height: 40vh;
    min-width: 40vh;
    max-width: 40vh;
    max-height: 40vh;
    width: 40vh;
    height: 40vh;
    top: 0;
    transform: translate(0, 0);
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
}

.stickyContainer .scrollImageContainer#fourthScroll img {
    width: 45vh;
    height: auto;
    min-width: 45vh;
    min-height: auto;
    max-width: 45vh;
    max-height: max-content;
    border-radius: 0;
}

.stickyContainer .scrollImageContainer#fifthScroll img {
    width: 47vh;
    height: auto;
    min-width: 47vh;
    min-height: auto;
    max-width: 47vh;
    max-height: max-content;
    border-radius: 0;
}

.scrollFibraOptica .textContainer {
    height: 75vh;
}

.scrollFibraOptica .textContainer h2 {
    font-size: 28px;
    line-height: 42px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    margin-bottom: 8px;
}

.scrollFibraOptica .textContainer p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: rgba(59, 69, 89, 1);
}

.scrollFibraOptica .textContainer p span {
    font-size: 14px;
}


.scrollFibraOptica .textContainer .linkColumn .generalButton {
    display: block;
    margin-top: 2rem;
}

.scrollFibraOptica .textContainer .imagesRow {
    text-align: center;
    margin-top: 43px;
}

.scrollFibraOptica .textContainer .imagesRow img {
    max-width: 74px;
    width: 100%;
    margin-right: 15px;
}

.scrollFibraOptica .textContainer .imagesRow img:last-child {
    margin-right: 0;
}

.hideScroll {
    display: none;
}


/*Scroll Fibra Optica*/


/*Mobile Hover Boxes*/

.mobileHoverBoxes {
    padding-top: 43px;
    padding-top: 64px;
}

.mobileHoverBoxes .hoverBoxMobile {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}

.mobileHoverBoxes .hoverBoxMobile .hoverBoxTitleMobile {
    padding-top: 18px;
    padding-bottom: 18px;
    text-align: center;
}

.mobileHoverBoxes .hoverBoxMobile .hoverBoxTitleMobile h2 {
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    margin: 0;
    position: relative;
    top: 6px;
}

.mobileHoverBoxes .hoverBoxMobile .hoverBoxTitleMobile h2 img {
    max-width: 36px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
    float: left;
    position: relative;
    top: -6px;
}

.mobileHoverBoxes .hoverBoxMobile .hoverBoxImageMobile img {
    max-width: 130%;
    width: calc(130% + 60px);
    position: relative;
    left: calc(-35% + 55px);
}

.mobileHoverBoxes .hoverBoxMobile .hoverBoxTextMobile h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: rgba(59, 69, 89, 1);
    margin-top: 24px;
    margin-bottom: 18px;
}

.mobileHoverBoxes .hoverBoxMobile .hoverBoxTextMobile p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: rgba(59, 59, 59, 1);
    margin-bottom: 40px;
}

.gaming .hoverBoxTitleMobile {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6ff+0,0083ff+100 */
    background: rgb(0, 198, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c6ff', endColorstr='#0083ff', GradientType=0);
    /* IE6-9 */
}

.streaming .hoverBoxTitleMobile {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf03+0,fd8502+100 */
    background: rgb(255, 223, 3);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 223, 3, 1) 0%, rgba(253, 133, 2, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 223, 3, 1) 0%, rgba(253, 133, 2, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 223, 3, 1) 0%, rgba(253, 133, 2, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdf03', endColorstr='#fd8502', GradientType=0);
    /* IE6-9 */
}

.twitch .hoverBoxTitleMobile {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c742ff+0,e726ff+100 */
    background: rgb(199, 66, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(199, 66, 255, 1) 0%, rgba(231, 38, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(199, 66, 255, 1) 0%, rgba(231, 38, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(199, 66, 255, 1) 0%, rgba(231, 38, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c742ff', endColorstr='#e726ff', GradientType=0);
    /* IE6-9 */
}

.download .hoverBoxTitleMobile {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93d663+0,93d663+100 */
    background: rgb(147, 214, 99);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(147, 214, 99, 1) 0%, rgba(147, 214, 99, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(147, 214, 99, 1) 0%, rgba(147, 214, 99, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(147, 214, 99, 1) 0%, rgba(147, 214, 99, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93d663', endColorstr='#93d663', GradientType=0);
    /* IE6-9 */
}

.streaming .hoverBoxTitleMobile h2 img,
.download .hoverBoxTitleMobile h2 img {
    float: right !important;
}


/*Mobile Hover Boxes*/


/*Hover Boxes*/

.hoverTitle {
    text-align: right;
}

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

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

.hoverBoxesMainContainer {
    height: 360px;
    overflow: hidden;
    position: relative;
}

.hoverDescriptionContainer {
    height: 360px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(255, 255, 255, 1);
}

.hoverDescriptionContainer .descriptionImageContainer {
    position: relative;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hoverDescriptionContainer .descriptionImageContainer .mainImage {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hoverDescriptionContainer .descriptionImageContainer .mainImage img {
    max-height: 360px;
    width: auto;
}

.hoverDescriptionContainer .descriptionImageContainer .iconDescription {
    position: absolute;
}

.hoverDescriptionContainer .descriptionImageContainer .iconDescription img {
    max-width: 114px;
    width: 100%;
}

.descriptionTextContainer {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.descriptionTextContainer h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 38px;
    color: rgba(59, 59, 59, 1);
    display: flex;
    align-self: flex-start;
}

.descriptionTextContainer p {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    color: rgba(59, 59, 59, 1);
}

.hideDescription {
    display: none;
}

.mainHoverBoxesRow {
    width: 115%;
    position: absolute;
    z-index: 20;
}

.hoverBoxMainContainer {
    cursor: pointer;
    width: 25%;
    height: 360px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transform: skewX(-10deg);
    left: calc(-1.5% - 10px);
    box-shadow: 10px 0px 25px 5px rgba(0, 0, 0, 0.1);
}

.logoHover {
    width: 110px;
    height: 110px;
    background: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
    z-index: 10;
    transform: skewX(10deg);
    left: 51.5%;
    position: absolute;
    z-index: 100001;
}

.logoHover img {
    max-width: 47px;
    width: 100%;
}

.titleHover {
    position: absolute;
    background: rgba(0, 198, 255, 1);
    width: 378px;
    display: flex;
    align-items: end;
    justify-content: center;
    height: 80%;
    transform: rotate(-90deg)skewX(-10deg);
    padding-bottom: 10px;
    z-index: 10;
    left: -212px;
    top: 17px;
    box-shadow: 10px 0px 25px 5px rgb(0 0 0 / 10%);
}

.titleHover h2 {
    font-size: 25px;
    line-height: 30px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    transform: skewX(0deg);
}

.imageHover {
    position: absolute;
    z-index: 5;
    transform: skewX(10deg);
}

.imageHover img {
    zoom: 0.62;
    max-width: none;
}

.videogamesBox {
    z-index: 10;
}

.streamingBox {
    z-index: 9;
    left: calc(-3.5% - 5px);
}

.streamingBox .logoHover img {
    max-width: 77px;
}

.twitchBox {
    z-index: 8;
    left: calc(-5.5% - 5px);
}

.downloadBox {
    z-index: 7;
    left: calc(-7.5% - 5px);
}

.videogamesBox .titleHover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6ff+0,0083ff+100 */
    background: rgb(0, 198, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c6ff', endColorstr='#0083ff', GradientType=0);
    /* IE6-9 */
}

.streamingBox .titleHover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf03+0,fd8502+100 */
    background: rgb(255, 223, 3);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 223, 3, 1) 0%, rgba(253, 133, 2, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 223, 3, 1) 0%, rgba(253, 133, 2, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 223, 3, 1) 0%, rgba(253, 133, 2, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdf03', endColorstr='#fd8502', GradientType=0);
    /* IE6-9 */
}

.twitchBox .titleHover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c742ff+0,e726ff+100 */
    background: rgb(199, 66, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(199, 66, 255, 1) 0%, rgba(231, 38, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(199, 66, 255, 1) 0%, rgba(231, 38, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(199, 66, 255, 1) 0%, rgba(231, 38, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c742ff', endColorstr='#e726ff', GradientType=0);
    /* IE6-9 */
}

.downloadBox .titleHover {
    /* 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(top, rgba(147, 214, 99, 1) 0%, rgba(128, 214, 135, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(147, 214, 99, 1) 0%, rgba(128, 214, 135, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, 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=0);
    /* IE6-9 */
}

.videogamesBox .imageHover img {
    zoom: calc((50% / 2)*2.9);
    left: 76px;
    position: relative;
    top: 30px;
}

.streamingBox .imageHover img {
    zoom: calc((50% / 2)*2.9);
    left: 71px;
    position: relative;
    top: -75px;
}

.twitchBox .imageHover img {
    zoom: calc((50% / 2)*2.9);
    left: 111px;
    position: relative;
    top: -25px;
}

.downloadBox .imageHover img {
    zoom: calc((50% / 2)*2.9);
    left: 100px;
    position: relative;
}

.showOverflow {
    overflow: visible;
}

.hideIcon {
    opacity: 0;
}


/*Hover Boxes*/


/*Selector Internet*/

.internetSelectorTitle {
    background: rgba(251, 251, 251, 1);
    padding-top: 100px;
    padding-bottom: 45px;
}

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

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


/*Carousel*/

.calculatorContainer {
    background: rgba(251, 251, 251, 1);
    position: relative;
    overflow: hidden;
}

.calculatorContainer::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbfbfb+0,fbfffb+75,fbfbfb+100&1+0,0.65+75,0+100 */
    background: -moz-linear-gradient(left, rgba(251, 251, 251, 1) 0%, rgba(251, 255, 251, 0.65) 75%, rgba(251, 251, 251, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(251, 251, 251, 1) 0%, rgba(251, 255, 251, 0.65) 75%, rgba(251, 251, 251, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(251, 251, 251, 1) 0%, rgba(251, 255, 251, 0.65) 75%, rgba(251, 251, 251, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#00fbfbfb', GradientType=1);
    /* IE6-9 */
    height: 100%;
    width: 35%;
    z-index: 10;
}

.calculatorContainer::after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbfbfb+0,fbfffb+25,fbfbfb+100&0+0,0.65+25,1+100 */
    background: -moz-linear-gradient(left, rgba(251, 251, 251, 0) 0%, rgba(251, 255, 251, 0.65) 25%, rgba(251, 251, 251, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0) 0%, rgba(251, 255, 251, 0.65) 25%, rgba(251, 251, 251, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(251, 251, 251, 0) 0%, rgba(251, 255, 251, 0.65) 25%, rgba(251, 251, 251, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00fbfbfb', endColorstr='#fbfbfb', GradientType=1);
    /* IE6-9 */
    height: 100%;
    width: 35%;
    z-index: 10;
}

.calculatorContainer .slick-slider .slick-list {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    overflow: visible;
}

.carouselMainContainer .step {
    text-align: center;
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-top: 32px;
    padding-bottom: 35px;
    box-shadow: 0 2px 14px 0 rgba(112, 112, 112, 0.14);
    max-height: 445px;
    min-height: 445px;
    margin-right: 20px;
}

.carouselMainContainer .step:nth-child(3) {
    margin-right: 0;
}

.carouselMainContainer .step .itemTitle h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: rgba(59, 59, 59, 1);
    margin-bottom: 8px;
}

.carouselMainContainer .step .itemQuestion p {
    font-size: 15px;
    line-height: 19px;
    font-weight: 300;
    color: rgba(59, 59, 59, 1);
    margin-bottom: 32px;
}

.carouselMainContainer .step .radioItem {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 127px;
    height: 98px;
    cursor: pointer;
}

.envelope {
    width: 116px;
    height: 86px;
    position: absolute;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: transparent;
    color: rg
}

.activeSpeed .envelopeFirst {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6ff+0,0083ff+100 */
    background: #00c6ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00c6ff 0%, #0083ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c6ff', endColorstr='#0083ff', GradientType=1);
    /* IE6-9 */
}

.activeSpeed .envelopeSecond {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf03+0,fd8502+100 */
    background: #ffdf03;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffdf03 0%, #fd8502 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdf03', endColorstr='#fd8502', GradientType=1);
    /* IE6-9 */
}

.activeSpeed .envelopeThird {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c742ff+0,e726ff+100 */
    background: #c742ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c742ff 0%, #e726ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c742ff', endColorstr='#e726ff', GradientType=1);
    /* IE6-9 */
}

.activeSpeed .envelopeFourth {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93d663+0,80d687+100 */
    background: #93d663;
    /* Old browsers */
    background: -moz-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #93d663 0%, #80d687 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93d663', endColorstr='#80d687', GradientType=1);
}

.envelopeFirstRadio {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6ff+0,0083ff+100 */
    background: #00c6ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00c6ff 0%, #0083ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c6ff', endColorstr='#0083ff', GradientType=1);
    /* IE6-9 */
}

.envelopeSecondRadio {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf03+0,fd8502+100 */
    background: #ffdf03;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffdf03 0%, #fd8502 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdf03', endColorstr='#fd8502', GradientType=1);
    /* IE6-9 */
}

.envelopeThirdRadio {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c742ff+0,e726ff+100 */
    background: #c742ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c742ff 0%, #e726ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c742ff', endColorstr='#e726ff', GradientType=1);
    /* IE6-9 */
}

.envelopeFourthRadio {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93d663+0,80d687+100 */
    background: #93d663;
    /* Old browsers */
    background: -moz-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #93d663 0%, #80d687 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93d663', endColorstr='#80d687', GradientType=1);
}

.carouselMainContainer .step .radioItem:nth-child(2),
.carouselMainContainer .step .radioItem:nth-child(5) {
    margin-right: 0;
}

.carouselMainContainer .step label input[type='radio'],
.carouselMainContainer .step label input[type='checkbox'] {
    -webkit-appearance: none;
    cursor: pointer;
}

.carouselMainContainer .step .radioItem label {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 80px;
    width: 110px;
    background: rgba(249, 249, 249, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    padding-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carouselMainContainer .step .radioItem label p {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: rgba(59, 69, 89, 1);
    margin-top: 10px;
}

.carouselMainContainer .step .navigationItem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 227px;
    height: 62px;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
}

.carouselMainContainer .step .navigationItem .envelopeRadio {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 92%;
    width: 95%;
    position: absolute;
    z-index: 9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 8px;
    cursor: pointer;
}

.carouselMainContainer .step .navigationItem .envelopeRadio label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 97%;
    background: rgba(249, 249, 249, 1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.carouselMainContainer .step .navigationItem .envelopeRadio label p {
    font-size: 15px;
    line-height: 19px;
    font-weight: 300;
    color: rgba(59, 59, 59, 1);
}

.carouselMainContainer .step .ctaContainer button {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    padding: 13px 34px !important;
    margin-top: 20px;
}

.carouselMainContainer .step .ctaContainer button.disabled {
    background: rgba(156, 156, 156, 0.5);
    pointer-events: none;
    cursor: default;
}

.thirdStepCarousel {
    overflow: hidden;
}

.speedsRow {
    padding-top: 43px;
    padding-bottom: 35px;
    max-height: 226px;
}

.speedsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 172px;
    height: 144px;
    max-width: 172px;
    max-height: 144px;
    min-width: 172px;
    min-height: 144px;
    float: left;
}

.speedsContainer .envelopeSpeed {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 98%;
    height: 98%;
    z-index: 9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.speedsContainer .envelopeSpeed .speedContent {
    background: rgba(249, 249, 249, 1);
    width: 95%;
    height: 95%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.speedsContainer .envelopeSpeed .speedContent h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 35px;
    color: rgba(176, 176, 176, 1);
}

.thirdStepCarousel.activeSpeedSlide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    padding: 5px;
    background: linear-gradient(180deg, rgba(120, 120, 120, 0), rgba(120, 120, 120, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    z-index: 1000;
}

.thirdStepCarousel.activeSpeedSlide.lowSpeedCarousel::before {
    background: linear-gradient(180deg, rgba(0, 200, 255, 1), rgba(0, 132, 255, 1));
}

.thirdStepCarousel.activeSpeedSlide.midSpeedCarousel::before {
    background: linear-gradient(180deg, rgba(255, 223, 3, 1), rgba(253, 132, 2, 1));
}

.thirdStepCarousel.activeSpeedSlide.highSpeedCarousel::before {
    background: linear-gradient(180deg, rgba(199, 66, 255, 1), rgba(231, 38, 255, 1));
}

.thirdStepCarousel.activeSpeedSlide.fastSpeedCarousel::before {
    background: linear-gradient(180deg, rgba(147, 214, 99, 1), rgba(128, 214, 135, 1));
}

.activeSpeed .envelopeSpeed.envelopeFirst .speedContent h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6ff+0,0083ff+100 */
    background: #00c6ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00c6ff 0%, #0083ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c6ff', endColorstr='#0083ff', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.activeSpeed .envelopeSpeed.envelopeSecond h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf03+0,fd8502+100 */
    background: #ffdf03;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffdf03 0%, #fd8502 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdf03', endColorstr='#fd8502', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.activeSpeed .envelopeSpeed.envelopeThird h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c742ff+0,e726ff+100 */
    background: #c742ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c742ff 0%, #e726ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c742ff', endColorstr='#e726ff', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.activeSpeed .envelopeSpeed.envelopeFourth h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93d663+0,80d687+100 */
    background: #93d663;
    /* Old browsers */
    background: -moz-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #93d663 0%, #80d687 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93d663', endColorstr='#80d687', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hideSpeed {
    display: none !important;
}

.stepsLine {
    overflow: hidden;
}

.stepsLine .slick-slider .slick-list {
    overflow: visible;
}

.stepsLine {
    margin-bottom: 32px !important;
}

.stepsCarousel {
    position: relative;
}

.stepsCarousel .stepNumber {
    position: relative;
}

.stepsCarousel .stepNumber .stepLine {
    display: flex;
    align-items: center;
    position: relative;
}

.stepsCarousel .stepNumber .stepLine::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    background: rgba(216, 216, 216, 1);
}

.stepLine span {
    background: rgba(216, 216, 216, 1);
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 22px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
    position: relative;
    cursor: default;
}

.activeStep .stepLine span {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6ff+0,0083ff+100 */
    background: rgb(0, 198, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 198, 255, 1) 0%, rgba(0, 131, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c6ff', endColorstr='#0083ff', GradientType=0);
    /* IE6-9 */
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 22px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    -webkit-border-radius: 50vh;
    -moz-border-radius: 50vh;
    border-radius: 50vh;
    position: relative;
    cursor: default;
}

.stepTwo .stepNumber .stepLine {
    justify-content: center;
}

.stepThree .stepNumber .stepLine {
    justify-content: flex-end;
}

.hideSpan {
    display: none !important;
}

.showSpan {
    display: flex;
}

.checkSpan {
    cursor: pointer;
}

#checkThree {
    cursor: default;
}

.stepDone .stepNumber .stepLine span {
    /* 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(top, rgba(147, 214, 99, 1) 0%, rgba(128, 214, 135, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(147, 214, 99, 1) 0%, rgba(128, 214, 135, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, 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=0);
    /* IE6-9 */
    max-width: 32px;
    max-height: 32px;
    min-width: 32px;
    min-height: 32px;
    cursor: pointer;
}

.stepDone .stepNumber .stepLine::before {
    background: rgba(147, 214, 99, 1);
}

.semiDone .stepNumber .stepLine::before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93d663+0,93d663+49,d8d8d8+51,d8d8d8+100 */
    background: rgb(147, 214, 99);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(147, 214, 99, 1) 0%, rgba(147, 214, 99, 1) 49%, rgba(216, 216, 216, 1) 51%, rgba(216, 216, 216, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(147, 214, 99, 1) 0%, rgba(147, 214, 99, 1) 49%, rgba(216, 216, 216, 1) 51%, rgba(216, 216, 216, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(147, 214, 99, 1) 0%, rgba(147, 214, 99, 1) 49%, rgba(216, 216, 216, 1) 51%, rgba(216, 216, 216, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93d663', endColorstr='#d8d8d8', GradientType=1);
    /* IE6-9 */
}


/*Carousel*/

.velocityBoxes {
    background: rgba(251, 251, 251, 1);
    padding-top: 30px;
    padding-bottom: 95px;
}

.velocityBoxes .speedRow {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-top: 34px;
    padding-bottom: 34px;
    position: relative;
}

.velocityBoxes .speedRow .speedContainer::before {
    content: "";
    height: 100%;
    width: 1px;
    background: rgba(223, 223, 223, 1);
    position: absolute;
    display: flex;
    align-self: center;
    right: 15px;
    justify-self: center;
    max-height: 180px;
}

.velocityBoxes .speedRow .speedContainer:last-child::before {
    display: none;
}

.velocityBoxes .speedRow .speedContainer h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
}

ul {
    margin: 0;
}

ul.dashed {
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    max-width: 80%;
    width: 100%;
    margin: auto;
}

ul.dashed>li {
    text-indent: 0;
}

ul.dashed>li::marker {
    display: none;
}

ul.dashed>li:before {
    content: "-";
    text-indent: -5px;
    margin-right: 5px;
}

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

.speedDivider hr {
    width: 64px;
    height: 1px;
}

.lowSpeed h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6ff+0,0083ff+100 */
    background: #00c6ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00c6ff 0%, #0083ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00c6ff 0%, #0083ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c6ff', endColorstr='#0083ff', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.midSpeed h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf03+0,fd8502+100 */
    background: #ffdf03;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffdf03 0%, #fd8502 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffdf03 0%, #fd8502 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdf03', endColorstr='#fd8502', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.highSpeed h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c742ff+0,e726ff+100 */
    background: #c742ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c742ff 0%, #e726ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c742ff 0%, #e726ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c742ff', endColorstr='#e726ff', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fastSpeed h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93d663+0,80d687+100 */
    background: #93d663;
    /* Old browsers */
    background: -moz-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #93d663 0%, #80d687 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #93d663 0%, #80d687 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93d663', endColorstr='#80d687', GradientType=1);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*Selector Internet*/


/*Cards*/

.cardsTitle {
    text-align: right;
    padding-top: 70px;
}

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

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

.cardsInternet .cardsContainer {
    max-width: 1740px;
    margin: auto;
}

.cardsInternet .card {
    background: rgba(255, 255, 255, 1);
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 6px 14px 0 rgba(191, 191, 191, 0.5);
}

.cardsInternet .card .card-body {
    padding: 29px 44px;
    padding-right: 0;
}

.cardsInternet .card .card-body h2 {
    font-size: 24px;
    line-height: 36px;
    color: rgba(59, 69, 89, 1);
    font-weight: 700;
    margin-bottom: 8px;
}

.cardsInternet .card .card-body p {
    font-size: 18px;
    line-height: 26px;
    color: rgba(59, 69, 89, 1);
    font-weight: 400;
    margin-bottom: 8px;
}

.cardsInternet .card .card-body a {
    font-size: 18px;
    line-height: 22px;
}

.cardsInternet .card .imageCol {
    display: flex;
    justify-content: center;
    align-items: center;
}

.firstCard .imageCol img {
    max-height: 225px;
    width: auto;
}

.secondCard .imageCol img {
    max-width: 222px;
    width: 100%;
}

.businessCard {
    background: url(../../img/nuevos/nuevoInternet/negociosTotalplay.jpg) center center no-repeat !important;
    background-size: cover !important;
    height: 248px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    max-width: 1710px;
    margin: auto;
}

.businessCard h2 {
    color: rgba(255, 255, 255, 1) !important;
    font-size: 24px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
    margin-bottom: 0;
}

.businessCard p {
    color: rgba(0, 219, 200, 1) !important;
    font-size: 24px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
    margin-bottom: 0;
}

.businessCard .imageCol {
    text-align: center;
}

.businessCard .imageCol img {
    max-width: 166px;
}


/*Cards*/

.extrasRowTitle {
    padding-top: 90px;
    padding-bottom: 50px;
}

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

.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;
}


/*Faqs*/


/*Faqs*/

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

.appFaqsTitles h2 {
    font-weight: 700;
}

.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*/


/*Max widths*/

.titleFibraOptica,
.scrollFibraOptica,
.hoverTitle,
.internetSelectorTitle,
.stepsLine,
.calculatorContainer,
.velocityBoxes,
.cardsTitle,
.extrasRowTitle,
.extrasRow,
.appFaqs {
    max-width: 1740px;
    margin: auto;
}

.mainCalculator {
    background: rgba(251, 251, 251, 1);
}


/*Max widths*/


/*Breakpoints Nuevo Internet*/


/*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) {
    .headerInternet .videoInternetContainer video {
        padding-top: 50vh;
    }

    .headerInternet {
        padding-top: 33vh;
    }

    .carouselMainContainer .step .navigationItem .envelopeRadio label p {
        font-size: 12px;
    }

    .calculatorContainer::before {
        display: none;
    }

    .calculatorContainer::after {
        display: none;
    }

    .carouselMainContainer .step {
        margin-right: 10px;
        margin-left: 10px;
    }

    .extraContainer {
        zoom: 0.7;
    }
}


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

@media (max-width: 767.98px) {
    .totalplayAppExtra {
        margin-top: 34px;
    }

    .titleFibraOptica {
        text-align: center;
    }

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

    .titleFibraOptica h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .hoverTitle {
        text-align: center;
    }

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

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

    .internetSelectorTitle {
        text-align: center;
    }

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

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

    .cardsTitle {
        text-align: center;
    }

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

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

    .extrasRowTitle {
        text-align: center;
    }

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

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

    .velocityBoxes .speedRow .speedContainer::before {
        display: none;
    }

    .businessCard .card-body {
        text-align: center;
    }

    .businessCard .card-body h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .businessCard .card-body p {
        font-size: 18px;
        line-height: 36px;
    }
}

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


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

@media (max-width: 991.98px) {
    .headerInternet h1 {
        margin-top: 0;
    }

    .secondCard .imageCol img {
        margin-bottom: 2rem;
    }

    .businessCard {
        padding-top: 2rem;
        padding-bottom: 2rem;
        height: auto;
    }

    .card-body {
        text-align: left;
    }

    .extraContainer {
        margin-bottom: 72px;
    }

    .headerInternet {
        padding-top: 26vh;
    }

    .headerInternet p {
        font-size: 18px;
        line-height: 30px;
    }

    .headerInternet h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .headerInternet h1 span {
        font-size: 35px;
        line-height: 40px;
    }

    .midSpeed::before {
        display: none !important;
    }

    .topMenuInternet ul {
        justify-content: flex-end;
    }
}

@media (max-width: 1200px) {
    .stickyContainer .scrollImageContainer img.scrollTiktok {
        left: 359px;
    }
}


/* 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) {
    .headerInternet {
        padding-top: 56vh;
        height: 130vh;
    }
}


/*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) {
    .headerInternet {
        padding-top: 51vh;
        height: 150vh;
    }
}


/*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) {
    .headerInternet {
        padding-top: 56vh;
        height: 130vh;
    }
}


/* ----------- 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) {
    .headerInternet {
        padding-top: 39vh;
        height: 100vh;
    }
}


/* 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) {
    .headerInternet {
        padding-top: 39vh;
    }
}


/* 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) {
    .headerInternet p {
        margin-top: 5vh;
    }

    .headerInternet {
        padding-top: 39vh;
    }
}


/* 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) {
    .headerInternet {
        height: 140vh;
    }
}


/* ----------- 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) {
    .stickyContainer .videoSticky video {
        min-height: 35vh;
        min-width: 35vh;
        max-width: 35vh;
        max-height: 35vh;
        width: 35vh;
        height: 35vh;
    }

    .stickyContainer .scrollImageContainer img.scrollWhatsapp {
        left: 0;
    }

    .stickyContainer .scrollImageContainer img.scrollTiktok {
        left: 299px;
        top: 212px;
    }

    .stickyContainer .scrollImageContainer img.scrollInstagram {
        left: 250px;
    }

    .stickyContainer .scrollImageContainer img.scrollTwitter {
        left: -10px;
    }

    .stickyContainer .scrollImageContainer img {
        min-height: 35vh;
        min-width: 35vh;
        max-width: 35vh;
        max-height: 35vh;
        width: 35vh;
        height: 35vh;
    }

    .stickyContainer .scrollImageContainer img {
        min-height: 35vh;
        min-width: 35vh;
        max-width: 35vh;
        max-height: 35vh;
        width: 35vh;
        height: 35vh;
    }

    .calculatorContainer::before {
        width: 15%;
    }

    .calculatorContainer::after {
        width: 15%;
    }

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

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

    .headerInternet .videoInternetContainer video {
        padding-top: 40vh;
    }
}


/* Landscape */

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

    .topMenuInternet ul li {
        text-align: center;
    }

    .calculatorContainer::before {
        width: 15%;
    }

    .calculatorContainer::after {
        width: 15%;
    }

    .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) {
    .firstCard .imageCol img {
        max-width: 320px;
    }

    .secondCard .imageCol img {
        max-width: 320px;
    }

    .calculatorContainer::before {
        width: 15%;
    }

    .calculatorContainer::after {
        width: 15%;
    }

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

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

    .headerInternet .videoInternetContainer video {
        padding-top: 40vh;
    }
}


/* Landscape */

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .topMenuInternet ul li a {
        font-size: 12px;
    }

    .calculatorContainer::before {
        width: 15%;
    }

    .calculatorContainer::after {
        width: 15%;
    }

    .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) {
    .topMenuInternet ul li {
        text-align: center;
        margin-right: 10px;
    }

    .topMenuInternet ul li a {
        font-size: 13px;
    }

    .headerInternet .videoInternetContainer video {
        padding-top: 0;
    }

    .calculatorContainer::before {
        width: 15%;
    }

    .calculatorContainer::after {
        width: 15%;
    }

    .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) {
    .calculatorContainer::before {
        width: 25%;
    }

    .calculatorContainer::after {
        width: 25%;
    }

    .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) {
    .headerInternet {
        padding-top: 24vh;
    }
}


/* 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) {}


/* ----------- 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 Nuevo Internet*/