body {
    font-family: 'Nunito Sans', sans-serif !important;
}
* {
    font-family: 'Nunito Sans', sans-serif !important;
}


.tns-outer {
    padding: 0 !important
}
sup { 
  vertical-align: super;
  font-size: 10px;
}

img.loader {
    width: 80px!important;
    height: 80px!important;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}



aside button.lity-close {
    display: none;
}
.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

.tns-slider>.tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-nocalc {
    position: relative;
    left: -0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6
}

.tns-lazy-img.loaded {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkitcalc(100% * -70 / 3);
    width: -mozcalc(100% * -70 / 3);
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-t-ct>div {
    width: 1.4285714%;
    width: -webkitcalc(100% / -70);
    width: -mozcalc(100% / -70);
    width: calc(100% / 70);
    height: 10px;
    float: left
}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
body {
    margin: 0;
    font-family: 'Nunito Sans';
    overflow: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 62.5%;
    color: #000;
    min-height: 320px;
    min-width: 320px;
    padding-top: 60px;
    background-color: #fff;
    /* background: #d52b1e url(../images/1.jpg) no-repeat center 155px  / 1360px auto; */
}

.wrap {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    /* overflow: hidden; */
    position: relative;
}

header {
    position: fixed;
    top: -100%;
    top: 0;
    z-index: 1000000000000000000000000000000000000000;
    left: 0;
    width: 100%;
    background: #d52b1e;
    z-index: 100000000000;
    height: 60px;
    overflow: hidden;
    /*-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;*/
    -webkit-transition: all .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: all .5s ease-in-out, padding .5s ease-in-out;
    transition: all .5s ease-in-out, padding .5s ease-in-out;
    padding-top: 0;
    overflow: visible;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}

header h1 a:hover {
    opacity: 0.5
}

header h1 {
    position: absolute;
    /* background: blue; */
    top: 12px;
    left: 52px;
    /* height: 33px;
    width: 84px; */
    height: 35px;
    width: 90px;
}

header ul {
    position: absolute;
    color: #FFF;
    right: 52px;
    height: 100%;
    width: 227px;
}

header ul li:last-child {
    margin-top: 20px;
    width: 40px;
    white-space: nowrap;
}

header ul li:last-child a {
    margin-top: 20px;
    background: #c92b1f;
    padding: 9px;
    border-radius: 3px;
}

header ul li:last-child a:hover {
    background: #000;
    color: #FFF;
}

header ul li {
    float: left;
    margin-top: 21px;
    margin-left: 20px;
}

header ul li a {
    color: #FFF !important;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}

header ul li svg {
    height: 16px;
    margin: 0 11px 0 0;
    position: relative;
    top: 2px;
}

.tns-nav {
    display: none;
}

.line {
    position: relative;
    padding-bottom: 0px;
}

.line:before {
    content: "";
    position: absolute;
    top: 101%;
    left: -0.5%;
    width: 100.5%;
    background: #fff;
    height: 0.1vh;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.line.active:before,
.line:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}


.tns-outer [aria-controls],
.tns-outer [data-action] {
    -webkit-appearance: none;
    box-shadow: none;
    border: 0;
    background: none;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translate(0, -50%);
    /* margin-top: -100px; */
    text-indent: -999px;
    overflow: hidden;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff !important; 
    background-size: auto 50% !important;
    background: url(../images/chevron-left-solid.svg) no-repeat center center / auto 100%;
}


.tns-outer [aria-controls]:hover,
.tns-outer [data-action]:hover {
    left: -50px;
}

.tns-outer [data-controls=next] {
    right: -40px;
    left: auto;
    background: url(../images/chevron-right-solid.svg) no-repeat center center / auto 100%;
}

.tns-outer [data-controls][disabled] {
    /* opacity: 0.5; */
    opacity: 0;
    left: -40px;
}

.tns-outer [data-controls=next]:hover {
    left: auto;
    right: -50px;
}

.tns-outer [data-controls=next][disabled] {
    left: auto;
    right: -40px;
}

aside {
    position: absolute;
    top: calc(100vh);
    right: 0;
    z-index: 1000;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    width: 200px;
    width: 204px !important;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.16);
    margin-top: 100px;
}

aside a {
    background: #d52b1e;
    display: inline-block;
    width: 155px;
    text-align: right;
    color: #FFF;
    display: block;
    position: relative;
    float: right;
    margin-top: -1px;
    margin-bottom: 0;
    font-size: 15px;
    padding: 13px 55px 12.5px 0;
    /* opacity: 0.5; */
    color: #FFF !important;
    border: 0 !important;
}

aside a:hover {
    background: #000;
    border: #FFF solid 1px;
}

aside a svg {
    width: 22px;
    position: absolute;
    fill: #FFF;
    left: 22px;
    top: 50%;
    transform: translate(0, -50%);
}

aside a svg path {
    fill: #FFF;
}

aside a.call {
    width: 204px;
}


/* ---- CONTACT ICONS ---- */
.contact-icons {
    width: 250px !important;
    margin: 0;
    top: calc(100vh - 250px);
    position: fixed;
    overflow: visible;
}
.contact-icons .icons-content {
    width: 250px;
    height: 250px;
    position: relative;
}
.contact-icons .icons-content .main-icon {
    width: 76px;
    height: 76px;
    background: #FFF;
    border-radius: 50%;
    position: fixed;
    right: 60px;
    bottom: 60px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.secondary-icon {
    width: 76px;
    height: 76px;
    background: #FFF;
    border-radius: 50%;
    position: fixed;
    left: 60px;
    bottom: 60px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 99999;
}
.contact-icons .icons-content:hover .main-icon, .secondary-icon:hover {
    -webkit-box-shadow: 0px 0px 120px 30px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 120px 30px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 120px 30px rgba(0,0,0,0.9);
}
.contact-icons .icons-content .main-icon h4, .secondary-icon h4 {
    width: 100%;
    margin: 10px auto 0 auto;
    font-size: 8px;
    color: #000;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.contact-icons .icons-content .main-icon svg {
    fill: #d52b1e;
}
.contact-icons .icons-content .list-icons {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.contact-icons .icons-content:hover .list-icons {
    opacity: 1;  
}
.contact-icons .icons-content .list-icons .icons {
    position: absolute;
    text-align: center;
}
.contact-icons .icons-content .list-icons .icons a {
    width: 100%;
    height: 100%;
    display: block;
    float: none;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
.contact-icons .icons-content .list-icons .icons.llamanos {
    left: 30px;
    bottom: 10px;
}
.contact-icons .icons-content .list-icons .icons.teLlamamos {
    left: 0;
    bottom: 90px;
}
.contact-icons .icons-content .list-icons .icons.escribenos {
    right: 125px;
    top: 10px;
}
.contact-icons .icons-content .list-icons .icons.chatea {
    right: 60px;
    top: 0;
}
.contact-icons .icons-content .list-icons .icons .icon {
    width: 52px;
    height: 52px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
    transition:all 0.3s ease-out;  /* W3C */
}
.contact-icons .icons-content .list-icons .icons a:hover .icon {
    background: #7a170f;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.contact-icons .icons-content .list-icons .icons .icon svg {
    fill: #FFF;
    width: initial;
    position: initial;
    left: initial;
    top: initial;
    transform: none;
    display: block;
}
.contact-icons .icons-content .list-icons .icons h4 {
    width: 100%;
    margin: 10px auto 0 auto;
    font-size: 8px;
    color: #000;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}


/* ---- CONTACT ICONS MODAL ---- */
.modal-contact-icons .modal-dialog {
    width: 300px;
    min-height: 560px;
    text-align: left;
    border-radius: 4px;
    padding: 40px 35px;
    background-color: #d52b1e;
}
.modal-contact-icons#callMeModal .modal-dialog {
    min-height: 329px;
}
.modal-contact-icons .modal-dialog .modal-header {
    margin-bottom: 30px;
}
.modal-contact-icons .modal-dialog .modal-header .modal-title {
    text-align: left;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 2.52px;
    color: #FFF;
}
.modal-contact-icons .modal-dialog .modal-body h4 {
    text-align: left;
    font-size: 27px;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
}
.modal-contact-icons .modal-dialog .modal-body h5 {
    text-align: left;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    color: #FFF;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: 2.52px;
}
.modal-contact-icons .modal-dialog .modal-body h6 {
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 20px;
}
.modal-contact-icons .modal-dialog .modal-body .exito-msj {
    background: #FFF;
    padding: 15px 10px;
    margin-bottom: 20px;
    text-align: center;
    display: none;
}
.modal-contact-icons .modal-dialog .modal-body .exito-msj h6 {
    color: #C1261A;
    font-weight: bold;
    margin: 0;
    text-align: center;
}
.modal-contact-icons .modal-dialog .modal-body #btn-call {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    padding: 0;
    border: none;
    background: #C1261A;
}
.modal-contact-icons .modal-dialog .modal-body #btn-call:hover {
    background: #AD1B11;
}
.modal-contact-icons .modal-dialog .modal-body #btn-call a {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0;
    color: #FFF;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 60px;
}
.modal-contact-icons .modal-dialog .modal-body p {
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 5px;
}
.modal-contact-icons .modal-dialog .modal-body input,
.modal-contact-icons .modal-dialog .modal-body select,
.modal-contact-icons .modal-dialog .modal-body textarea {
    width: 100% !important;
    height: 40px;
    padding: 0 16px !important;
    background: #C1261A;
    border: 1px solid #C1261A;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin-bottom: 0;
}
.modal-contact-icons .modal-dialog .modal-body input.error,
.modal-contact-icons .modal-dialog .modal-body select.error,
.modal-contact-icons .modal-dialog .modal-body textarea.error {
    border: 1px solid #FF9B00;
}

.modal-contact-icons .modal-dialog .modal-body select {
    padding: 0 12px !important;
}
.modal-contact-icons .modal-dialog .modal-body textarea {
    height: 100px;
    padding: 10px 16px 0 16px !important;
}
/* .modal-contact-icons .modal-dialog .modal-body .inputDateContent {
    position: relative;
} */
.modal-contact-icons .modal-dialog .modal-body .inputDateContent .bootstrap-datetimepicker-widget {
    /* width: 100%; */
    /* position: absolute;
    top: 0;
    left: 0;
    background: #C1261A;
    padding: 10px 20px;
    z-index: 2;
    border-top: 4px solid #d52b1e; */
}
.modal-contact-icons .modal-dialog .modal-body .form-group label:before {
    right: 29px;
}
.modal-contact-icons .modal-dialog .modal-body .campos-obligatorios {
    text-align: left;
    font-size: 12px;
    line-height: 1;
    font-weight: 300;
    color: #FFF;
    margin: 10px 0 0 0;
    padding: 0;
}
.modal-contact-icons .modal-dialog .modal-footer .botones {
    width: 100%;
    position: relative;
    margin-left: 0;
    margin-right: 30px;
    margin-top: 20px;
}
.modal-contact-icons .modal-dialog .modal-footer .botones .btn-danger {
    width: 100%;
    height: 40px;
    font-weight: 900;
    color: #c1261a;
    background: #FFF;
    border: 1px solid #FFFFFF;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2.2px;
}

.modal-contact-icons .modal-dialog .modal-body .errorMessage {
    font-size: 9px;
    color: #FF9B00;
    line-height: 1;
}





.lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
    color: rgba(0,0,0,0.5);
}



.home {
    height: calc(100vh - 60px);
    /* height: 1019px; */
    overflow: hidden;
    position: relative;
    min-height: calc(100vw * 760 / 1920);
}

.home:after {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 0;
    z-index: 0;
    /* opacity: 0.5; */
    width: 100%;
    /* opacity: 0.5; */
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    content: "";
    transform: translate(-50%, -50%);
    background: url(../images/hero_bk_header.jpg) no-repeat center bottom / cover;
}

.home:before {
    position: absolute;
    left: 50%;
    margin-top: 84vw;
    top: 50%;
    z-index: 0;
    width: 200vw;
    height: 200vw;
    border-radius: 50%;
    border: 0.9vw solid #FFF;
    background: #d52b1e;
    content: "";
    display: none;
    transform: translate(-50%, -50%);
}

.home h1 {
    margin-top: calc(100vw * -150 / 1920);
    margin-left: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    text-indent: -99999999px;
    overflow: hidden;
    opacity: 1;
    /* background: red!important; */
    width: calc(100vw * 460 / 1920);
    height: calc(100vw * 322 / 1920);
    z-index: 2;
    position: absolute;
    display: block;
    background: url(../images/conectate_logo.svg) no-repeat center center / auto 100%;
}

.home h2 {
    position: absolute;
    left: 50%;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: calc(100vw * 560 / 1920);
    line-height: calc(100vw * 27 / 1920);
    font-size: calc(100vw * 23 / 1920);
    font-weight: 500;
    margin-top: calc(100vw * 44 / 1920);
    margin-left: 0;
    letter-spacing: calc(100vw * 2.8 / 1920);
}
.home h3 {
    position: absolute;
    left: 50%;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    line-height: calc(100vw * 27 / 1920);
    font-size: calc(100vw * 21 / 1920);
    font-weight: 700;
    margin-top: calc(100vw * 170 / 1920);
    margin-left: 0;
    letter-spacing: calc(100vw * 2.8 / 1920);
}

/* .home .btns a{
    font-size: calc(100vw * 18 / 1920);
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: calc(100vw * 7 / 1920);
    padding: calc(100vw * 10 / 1920) calc(100vw * 15 / 1920);
    font-weight: 300;
    letter-spacing: calc(100vw * 1 / 1920);
    margin: 0 calc(100vw * 10 / 1920);
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    width: calc(100vw * 156 / 1920);

    font-size: calc(100vw * 16 / 1920);
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: calc(100vw * 4 / 1920);
    padding: calc(100vw * 10 / 1920) calc(100vw * 20 / 1920);
    font-weight: 900;
    letter-spacing: calc(100vw * 1 / 1920);
    margin: 0 calc(100vw * 10 / 1920);
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    width: calc(100vw * 280 / 1920);
    background: #D52B1E;
} */
.home .btns {
    position: absolute;
    left: 50%;
    text-align: center;
    color: #FFF;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: calc(100vw * 320 / 1920);
    line-height: calc(100vw * 27 / 1920);
    font-weight: 400;
    margin-top: calc(100vw * 220 / 1920);
    margin-left: 0;
    letter-spacing: calc(100vw * 3 / 1920);
}

.home .btns .botones {
    width: 100% !important;
    position: relative;
    float: left !important;
    margin-left: 0 !important;
    margin-bottom: calc(100vw * 24 / 1920) !important;
}

.home .btns .botones a {
    display: block;
    width: 100% !important;
    padding: calc(100vw * 11 / 1920) 0;
    letter-spacing: 2px !important;
    font-size: calc(100vw * 15 / 1920) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    border-radius: calc(100vw * 4 / 1920) !important;
    z-index: 1;
    margin: 0 !important;
    border: 1px solid #FFFFFF !important;
    position: relative;
    color: #FFF !important;
    background: #D52B1E !important;
}
.home .btns .botones:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    right: -10px;
    bottom: -10px;
    position: absolute;
    border-radius: calc(100vw * 4 / 1920) !important;
    border: calc(100vw * 4 / 1920) solid #FF9B00;
    z-index: 0;
}

.home .btns .botones a:hover {
    border: 1px solid #FFF !important;
    background: #FFF !important;
    color: #d52b1e !important;
}
.home h2 span {
    letter-spacing: calc(100vw * 2.2 / 1920);
    margin-top: calc(100vw * 18 / 1920);
    font-size: calc(100vw * 18 / 1920);
    position: relative;
    display: block;
    z-index: 2;
    line-height: 1.4;
}

.home h2:after {
    content: "";
    position: absolute;
    width: calc(100vw * 165 / 1920);
    left: 50%;
    height: calc(100vw * 2 / 1920);
    background: #FFF;
    display: none;
    opacity: 0.;
    top: 50%;
    margin-top: calc(100vw * -80 / 1920);
    transform: translate(-50%, 0);
}

.home a.gr {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw * 294 / 1920);
    height: calc(100vw * 289 / 1920);
    top: 50%;
    background: url(../images/circle.svg) no-repeat calc(100vw * 5 / 1920) 0 / auto 100%;
    margin-top: calc(100vw * 17 / 1920);
    text-align: center;
    margin-left: calc(100vw * -679 / 1920);
    color: #FFF;
    /* background: #ff000057; */
    font-size: calc(100vw * 21 / 1920);
    font-weight: 300;
    letter-spacing: calc(100vw * 9 / 1920);
    padding-top: calc(100vw * 59 / 1920);
    padding-left: calc(100vw * 18 / 1920);
}

.home a.gr:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw * 294 / 1920);
    height: calc(100vw * 289 / 1920);
    top: 50%;
    z-index: -1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: url(../images/circle.svg) no-repeat calc(100vw * 5 / 1920) 0 / auto 100%;
}

.home a.gr strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-indent: calc(100vw * -9999 / 1920);
    background: url(../images/50_CTA.svg) center center / 100% auto;
    height: calc(100vw * 132 / 1920);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.home a.gr span {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.home a.gr:hover strong {
    transform: scale(1.3);
}

.home a.gr:hover span,
.home a.gr:hover:after {
    opacity: 0.4;
}

.home a.gr strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-indent: calc(100vw * -9999 / 1920);
    background: url(../images/FREE_CTA.svg) center center / 100% auto;
    height: calc(100vw * 132 / 1920);
}

.home a.gr span:last-child {
    display: block;
    font-size: calc(100vw * 15 / 1920);
    letter-spacing: calc(100vw * 8 / 1920);
    width: calc(100vw * 124 / 1920);
    margin: calc(100vw * 1 / 1920) auto;
    line-height: calc(100vw * 18 / 1920);
}

.home a.g50 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw * 294 / 1920);
    height: calc(100vw * 289 / 1920);
    top: 50%;
    margin-top: calc(100vw * 17 / 1920);
    text-align: center;
    margin-left: calc(100vw * 679 / 1920);
    color: #FFF;
    /* background: #ff000057; */
    font-size: calc(100vw * 21 / 1920);
    font-weight: 300;
    letter-spacing: calc(100vw * 8 / 1920);
    padding-top: calc(100vw * 59 / 1920);
    padding-right: calc(100vw * -7 / 1920);
}

.home a.g50:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw * 294 / 1920);
    height: calc(100vw * 289 / 1920);
    top: 50%;
    z-index: -1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: url(../images/circle.svg) no-repeat calc(100vw * 5 / 1920) 0 / auto 100%;
}

.home a.g50 strong {
    display: block;
    white-space: nowrap;
    /* overflow: hidden; */
    text-indent: calc(100vw * -9999 / 1920);
    background: url(../images/50_CTA.svg) center center / 100% auto;
    height: calc(100vw * 132 / 1920);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.home a.g50 span {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.home a.g50:hover strong {
    transform: scale(1.3);
}

.home a.g50:hover span,
.home a.g50:hover:after {
    opacity: 0.4;
}

.home a.g50 span:last-child {
    display: block;
    font-size: calc(100vw * 15 / 1920);
    letter-spacing: calc(100vw * 8 / 1920);
    width: calc(100vw * 124 / 1920);
    margin: calc(100vw * 1 / 1920) auto;
    line-height: calc(100vw * 18 / 1920);
}

/* form Store Id*/
.home>form.storeId {
    width: 100%;
    max-width: 260px;
    text-align: center;
    height: auto;
    position: absolute;
    left: 50%;
    top: calc(50% + calc(100vw * 220 / 1920));
    transform: translate(-50%, -50%);
    z-index: 9;
}

.home>form.storeId input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    text-align: center;
    border: none;
    color: #FFF;
    font-size: 16px;
    background: #c1261a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.home>form.storeId #enviar-form {
    width: 100%;
    height: 50px;
    padding: 0 30px;
    margin-top: 10px;
    color: #d52b1e;
    font-weight: bold;
    font-size: 16px;
    background: #FFF;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.home>form.storeId #restart {
    width: 100px;
    height: 50px;
    padding: 0 30px;
    margin: 0 auto;
    top: 1px!important;
    text-align: center;
    padding: 0;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    clear: both;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.home>form.storeId #restart:hover {
    text-decoration: underline;
}

.home>form.storeId input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5);
}

.home>form.storeId input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
}

.home>form.storeId input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.5);
}

.home>form.storeId input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5);
}

.home>form.storeId #enviar-form.exito {
    color: #00af00;
    padding: 0 50px;
}

.home>form.storeId #enviar-form.exito i {
    width: 23px;
    position: absolute;
    height: 23px;
    float: left;
    background: url(../images/check-icon.svg) no-repeat center center / auto 100%;
}

.home>form.storeId #enviar-form.exito>p {
    float: left;
    margin-left: 10px;
    line-height: 23px;
}

.home>form.storeId #enviar-form.error {
    color: #d52b1e;
}


.uppercase {
    text-transform: uppercase;
}

.fibra {
    position: absolute;
    left: -130px;
    top: 50px;
    text-align: right;
    width: auto;
    display: inline;
    font-size: 10px!important;
    z-index: 1;
    font-weight: bold;
    color: #FF9B00;
    text-transform: uppercase;
    letter-spacing: 10px!important;
    overflow: hidden;
    display: block;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari prior 9.0 */
    transform: rotate(-90deg); /* Standard syntax */
    transform-origin: left center;
    transform-origin: top right;
    pointer-events: none;
}
.santa {
    position: absolute;
    right: -100px;
    bottom: 50px;
    text-align: left;
    width: auto;
    display: inline;
    font-size: 10px!important;
    z-index: 1;
    font-weight: bold;
    color: #FF9B00;
    text-transform: uppercase;
    letter-spacing: 10px!important;
    overflow: hidden;
    display: block;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari prior 9.0 */
    transform: rotate(-90deg); /* Standard syntax */
    transform-origin: left center;
    transform-origin: top left;
    pointer-events: none;
}

.legal {
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: right;
    width: auto;
    display: inline;
    font-size: 14px!important;
    cursor: pointer;
    z-index: 1;
    font-weight: 200;
    letter-spacing: 1.5px!important;
}
.legal2 {
    /* left: 0; */
    bottom: 35px;
    top: initial;
    text-align: right;
    text-align: left;
    width: auto;
    display: inline;
    font-size: 14px!important;
    z-index: 1;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: 0.7px!important;
}
.legal:hover {
    text-decoration: underline;
}
.legal2 span {
    font-weight: bold;
    cursor: pointer;
}
.legal2 span:hover {
    text-decoration: underline;
}
.emoji {
    position: absolute;
    left: 52px;
    bottom: 38px;
    text-align: right;
    background: url(../images/SPEED_ICON.svg) no-repeat center center / 100% auto;
    display: inline;
    height: 40px;
    font-weight: 200;
    letter-spacing: 1.5px;
    z-index: 10;
    width: 33px;
}

.explora {
    position: absolute;
    font-family: 'dinbold';
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 34px;
    white-space: nowrap;
    text-align: center;
    /* background: url(../images/SANTA_ICON.svg) no-repeat center center /  100% auto; */
    display: inline-block;
    height: 36px;
    letter-spacing: 1.5px;
    color: #FFF !important;
    text-transform: uppercase;
    z-index: 2;
    font-size: 11px;
    letter-spacing: 10.9px;
    line-height: 17px;
    padding-left: 0;
}

.home a.explora:hover {
    /* transform: scale(1.3) translate(-50%,  0); */
    font-size: 14px;
    bottom: 25px;
    transform-origin: center center;
}

.explora svg {
    width: 44px !important;
    height: 15px;
    display: block;
    margin-left: -5px;
    position: absolute;
    margin: 0 0 0 -5px;
    position: relative;
    -webkit-animation: arrow 2s infinite;
    -moz-animation: arrow 2s infinite;
    -o-animation: arrow 2s infinite;
    animation: arrow 2s infinite;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.explora svg path {
    fill: #FF9B00;
}

.home a.explora:hover svg {
    opacity: 0.5;
}

@-webkit-keyframes arrow {
    0% {
        bottom: -10px;
    }

    50% {
        bottom: -0px;
    }

    100% {
        bottom: -10px;
    }
}

@keyframes arrow {
    0% {
        bottom: -10px;
    }

    50% {
        bottom: -0px;
    }

    100% {
        bottom: -10px;
    }
}

.equipos-50,
.equipos-gratis {
    position: relative;
    /* overflow: hidden; */
    background: #D52B1E;
    min-height: 452px;
    /* background: transparent; */
}
.equipos-50 {
     background: transparent;
     /* overflow: hidden; */
     height: 800px;
}
#equipos-FWA, .equipos-gratis {
    min-height: 495px;
}
#equipos-FWA{
    padding-top: 40px;
    padding-bottom: 100px;
    display: table;
    width: 100%;
}
#equipos-FWA >.bg-black {
    padding-top: 0;
}


.equipos-50>h1,
.equipos-gratis>h1 ,
.tiendas h1 {
    position: absolute;
    overflow: hidden;
    text-indent: -100%;
    white-space: nowrap;
    background: none!important;
    background: url(../images/TYPO_SinLimites.png) no-repeat center center / auto 100%;
    height: 538px;
    width: 100%;
    top: -8px;
    transform: translate(-50%, 0);
    left: 50%;
    margin-left: 296px;
    z-index: 0;
    display: block;
}

.equipos-50>.bg-black,
.equipos-gratis>.bg-black,
.locales>.bg-black ,
.tiendas>.bg-black {
    /* background: #000; */
    padding-top: 113px;
    height: auto;
}

.equipos-50>.bg-black h2, .equipos-gratis>.bg-black h2, .locales>.bg-black h1, .tiendas>.bg-black h2,.equipos-50>.bg-black h4, .equipos-gratis>.bg-black h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 14px;
    /* text-transform: uppercase; */
    font-weight: 900;
    /* font-family: 'dinbold'; */
    line-height: 26px;
    letter-spacing: 0.8px;
    /* padding-left: 10px; */
    clear: both;
}

.equipos-50>.bg-black .wrap >img:last-child, .equipos-gratis>.bg-black .wrap >img:last-child, .tiendas>.bg-black .wrap >img:last-child {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%,0);
    margin-left: -100px;
    width: 180px;
    height: 138px;
    z-index: 9;
}

#equipos-FWA >.bg-black .wrap >img:last-child {
    margin-left: -60px;
    top: calc( 100vw * 40 / 1400);
}

.equipos-50>.bg-black .wrap >img:last-child {
    margin-left: 50px;
    margin-top: 200px;
}
.equipos-50>.bg-black h2 br, .equipos-gratis>.bg-black h2 br, .locales>.bg-black h1, .tiendas>.bg-black h2 br {
    /* display: none; */
}
.equipos-50>.bg-black h2:first-child, .equipos-gratis>.bg-black h2:first-child, .locales>.bg-black h1, .tiendas>.bg-black h2:first-child {
    font-size: 40px;
    color: #fff;
    margin-bottom: 14px;
    font-family: 'dinbold';
    line-height: 32px;
    letter-spacing: 0.5px;
    /* padding-left: 10px; */
}
.equipos-gratis>.bg-black h2:first-child {
    width: 432px;
    height: 142px;
    text-indent: -99999999em;
    overflow: hidden;
    background: url(../images/SANBLAS.svg) no-repeat left center / 100% auto;
}
.equipos-gratis.equipos-gpon>.bg-black h2.logo-section {
    width: 232px;
    height: 110px;
    text-indent: -99999999em;
    overflow: hidden;
    background: url(../images/logo_mamey.svg) no-repeat left center / 100% auto; 
}
.equipos-50>.bg-black h2.logo-section {
    width: 330px;
    height: 148px;
    text-indent: -99999999em;
    overflow: hidden;
    text-align: right;
    background: url(../images/logo-loco-modem.svg) no-repeat right center / 100% auto;
    display: table;
    float: right;
    clear: both;
}
#equipos-FWA>.bg-black h2.logo-section {
    width: 268px;
    height: 90px;
    text-indent: -99999999em;
    overflow: hidden;
    text-align: right;
    background: url(../images/logo_gato.svg) no-repeat right center / 100% auto;
    display: table;
    clear: both;
}



.locales>.bg-black h1 ,
.tiendas>.bg-black h2 {
    color: #fff;
    /* width: 244px; */
    text-align: center;
    float: none;
    max-width: 380px;
    margin: 0 auto;
    text-transform: initial;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.2;
}

.locales>.bg-black h1 {
    color: #fff!important;
    width: 284px;
    text-align: left;
    float: left;
}
.equipos-50>.bg-black h2 strong,
.equipos-gratis>.bg-black h2 strong,
.locales>.bg-black h1 strong ,
.tiendas>.bg-black h2 strong {
    font-family: 'dinbold';
}

section h4.subtitle,
.equipos-50>.bg-black h4.subtitle {
    text-align: left;
    font-size: 24px !important;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
    color: #FFF;
    position: relative;
    padding-left: 20px;
    margin-bottom: 30px !important;
}
#equipos-HOGAR h4.subtitle {
    float: right;
    padding-right: 20px;
    padding-left: 0 !important;
}
#equipos-HOGAR h4.subtitle:after {
    left: initial;
    right: 0;
}
section h4.subtitle:after {
    content: "";
    display: block;
    width: 4px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    border-radius: 4px;
    opacity: 1;
    background: #FF9B00;
}
section h3.bajada {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: #FFF;
    margin-bottom: 20px;
    clear: both;
}
#equipos-FWA h3.bajada {
    margin-top: 30px;
}
section h3.bajada strong {
    font-weight: 900;
}


.locales>.bg-black p {
    text-align: right;
}
.equipos-50>.bg-black p, .equipos-gratis>.bg-black p, .locales>.bg-black p, .tiendas>.bg-black p, .equipos-gratis>.bg-black ul li, .equipos-50>.bg-black ul li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 25px;
    letter-spacing: 0.96px;
    /* padding-left: 10px; */
    font-weight: 200;
    padding-top: 7px;
}
.equipos-50>.bg-black p {
    max-width: initial;
}
.equipos-50>.bg-black p.parrafo {
    clear: both;
}

.equipos-50>.bg-black:last-child,
.equipos-gratis>.bg-black:last-child{
    padding: 32px;position: relative;}

.equipos-50>.bg-black:last-child h4 {
    text-align: left!important;
}

.bg-black:last-child h4 {
    font-family: 'dinbold';
}

.bg-black .wrap {
    overflow: visible !important;
}


.bg-black h4.beneficios-tit {
    width: 177px;
    height: 33px;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: bold !important;
    font-size: 18px !important;
    text-transform: initial !important;
    position: relative;
    z-index: 2;
}
.bg-black h4.beneficios-tit:after {
    content: "";
    width: 177px;
    height: 33px;
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    background: url(../images/BRUSH.png) no-repeat right center / 100% auto;
    display: none;
}
#equipos-HOGAR .bg-black h4.beneficios-tit {
    text-align: right !important;
    float: right;
    margin-right: 0;
    padding-right: 0;
}
#equipos-HOGAR .bg-black h4.beneficios-tit:after {
    left: 80%;
}



.bg-black ul.beneficios-list {
    display: flex;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: left;
    width: 700px !important;
    padding-bottom: 30px !important;
}
.bg-black ul.beneficios-list li {
    width: 350px !important;
}
.bg-black ul.beneficios-list li p {
    width: calc(100% - 50px) !important;
    height: auto;
    float: left;
    margin: 0;
    letter-spacing: 0;
    line-height: 1.2;
}
.bg-black ul.beneficios-list li p span {
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
}
.bg-black ul.beneficios-list li .img {
    width: 40px !important;
    height: 100%;
    margin-right: 10px !important;
    float: left;
}
.bg-black ul.beneficios-list li img {
    width: 100% !important;
    height: 40px !important;
}
#equipos-HOGAR .bg-black ul.beneficios-list {
    justify-content: flex-end !important;
}
#equipos-HOGAR .bg-black ul.beneficios-list li .img {
    float: right;
    margin-right: 0 !important;
    margin-left: 10px !important;
}
#equipos-HOGAR .bg-black ul.beneficios-list li p {
    float: right;
    text-align: right;
}


/* 
#equipos-HOGAR .bg-black ul.beneficios-list,
#equipos-FWA .bg-black ul.beneficios-list {
    width: 640px !important;
} */
#equipos-HOGAR .bg-black ul.beneficios-list {
    float: right;
    justify-content: left;
}

.equipos-gratis .bg-black ul.beneficios-list li:first-child,
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(3),
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(5) {
    width: 360px !important;
}
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(2),
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(4) {
    width: 340px !important;
}


#equipos-HOGAR .bg-black ul.beneficios-list li:first-child,
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(3){
    width: 380px !important;
}
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(2),
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(4),
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(5) {
    width: 320px !important;
}


#equipos-FWA .bg-black ul.beneficios-list li:first-child,
#equipos-FWA .bg-black ul.beneficios-list li:nth-child(3),
#equipos-FWA .bg-black ul.beneficios-list li:nth-child(5) {
    width: 400px !important;
}
#equipos-FWA .bg-black ul.beneficios-list li:nth-child(2),
#equipos-FWA .bg-black ul.beneficios-list li:nth-child(4) {
    width: 240px !important;
}


.bg-black .botones-c {
    float: left;
    clear: both;
    display: table;
    padding: 20px 0;
    margin-bottom: 100px;
}
#equipos-HOGAR .bg-black .botones-c {
    float: right;
}
#equipos-HOGAR .bg-black .botones-c .botones {
    float: right !important;
}




.rows-cities {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .cols-cities {
    flex: 25%;
  }

  .title-cities {
    font-size: 3em;
    padding: 50px 0;
    font-family: 'dinbold' !important;
    text-transform: uppercase;
  }

  @media (max-width: 767px) {
        .cols-cities {
          flex: 100%;
        }
        .title-cities {
            font-size: 2em;
            padding: 30px 0;
          }
  }




.fibra-mayo-cintillo-top {
    background: #c1281c; 
    padding: 30px 10px 30px; 
    max-width: 900px;
    margin: -3px auto;
}

.fibra-mayo-cintillo-top h2 {
    font-size: 3.4em; font-weight: 700; line-height: 1.2em; color: #fff; 
    font-family: 'dinbold' !important;
}

.fibra-mayo-cintillo-top h1 {
    font-size: 4.5em;margin-top: 10px;font-weight: 700; color: #fff;
    font-family: 'dinbold' !important;
}

@media (max-width: 575px) {
    .fibra-mayo-cintillo-top h2 {
        font-size: 2.7em;
    }
    .fibra-mayo-cintillo-top h1 {
        font-size: 3.7em;
    }
}

.fibra-may-buttons {
    display: flex;
    margin: 20px 0 70px;
  }

.fibra-may-buttons .cols {
    flex: 50%;
    padding: 20px;
}


.fibra-may-buttons a {
    font-size: 2em;
    font-weight: 400;
    background: #d52b1e;
    padding: 20px;
    color: #fff;
}


.fibra-may-buttons svg {
    width: 18px;
}

@media (max-width: 575px) {
    .fibra-may-buttons {
        margin: 20px 0 30px;
    }
    .fibra-may-buttons .cols {
        padding: 10px;
    }
    .fibra-may-buttons a {
        font-size: 1.1em;
    }
    .fibra-may-buttons svg {
        width: 10px !important;
    }
}

.bg-black .botones-c > .botones {
    position: relative;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 30px !important;
}
.bg-black .botones-c > .botones:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    right: -10px;
    bottom: -10px;
    position: absolute;
    border-radius: 4px !important;
    border: 4px solid #FF9B00;
    z-index: 0;
}
.bg-black .botones-c .botones > a {
    letter-spacing: 2px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    width: 252px !important;
    border-radius: 4px !important;
    z-index: 1;
    margin: 0 !important;
}
.bg-black .botones-c .botones > a.call {
    font-weight: 900 !important;
    color: #c1261a !important;
    background: #FFF !important;
    border: 1px solid #FFFFFF !important;
    position: relative;
}
.bg-black .botones-c .botones > a.call svg {
    left: 50px !important;
    width: 18px !important;
}
.bg-black .botones-c .botones > a.call:hover {
    background: #D52B1E !important;
    color: #FFF !important;
}
.bg-black .botones-c .botones > a.buy {
    font-weight: 900 !important;
    color: #FFF !important;
    background: #D52B1E !important;
    border: 1px solid #FFFFFF !important;
    position: relative;
}
.bg-black .botones-c .botones > a.buy:hover {
    color: #c1261a !important;
    background: #FFF !important;
}




.equipos-50>.bg-black:last-child .wrap ,
.equipos-gratis>.bg-black:last-child .wrap {
    overflow: hidden;
    padding-bottom: 92px;
    position: relative;
}
.equipos-50>.bg-black:last-child .wrap {
    overflow: hidden;
    padding-bottom: 101px;
    display: table;
}
.equipos-50>.bg-black:last-child .wrap .santa {
    /* right: 80px; */
    /* right: auto; */
}
.equipos-50>.bg-black:last-child .wrap .legal2,
.equipos-50>.bg-black:last-child .wrap .legal {
    left: 0;
    right: auto;
    bottom: 220px;
    top: auto;
}
#equipos-FWA .legal2 {
    bottom: 0px;
    top: initial; 
    text-align: right;
}

.equipos-50>.bg-black:last-child .wrap .emoji {
    left:auto;
    /* right: 20px; */
}
#equipos-FWA>.bg-black:last-child .wrap {
    overflow: hidden;
    padding-bottom: 59px;
}


.locales>.bg-black p ,
.tiendas>.bg-black p {
    color: #fff !important;
}
.equipos-gratis>.bg-black h4 {
    font-size: 24px;
}
.equipos-50>.bg-black ul, .equipos-gratis>.bg-black ul {
    width: 600px;
    float: left;
    clear: both;
}

.equipos-50>.bg-black ul{
    width: 1200px;
}

.equipos-50>.bg-black ul li.one,.equipos-gratis>.bg-black ul li.one{
    clear: both;
    width: 100%!important;
}

.equipos-50>.bg-black:last-child h4 {
    margin-top: 177px;
}
.equipos-50>.bg-black ul li,
.equipos-gratis>.bg-black ul li {
    margin-bottom: 0;
    font-size: 16px;
    padding-top: 3px;
    float: left;
    width: 300px;
}

.equipos-50>.bg-black ul li img,
.equipos-gratis>.bg-black ul li img{
    /* display: none; */
    height: 14px;
    width: 14px;
    color: #FFF;
    margin-right: 7px;
}
.locales .wrap ,
.tiendas .wrap {
    max-width: 920px;
    padding-bottom: 146px;
    clear: both;
}
.equipos-50>.bg-black ul li {
    text-align: left;
}
.equipos-50>.bg-black ul li {
    width:460px;
}
.locales .wrap {
    padding-bottom: 0;
    }
    .locales {
        height: 290px!important;
        padding-top: 0!important;
    }

.equipos-50>.bg-black a,
.equipos-gratis>.bg-black a,
.locales>.bg-black a ,
.tiendas>.bg-black a {
    font-size: 16px;
    color: #1f97ae;
    margin-bottom: 27px;
    line-height: 20px;
    letter-spacing: 0.2px;
    font-weight: 200;
}

.equipos-50>.bg-black a:before,
.equipos-gratis>.bg-black a:before,
.locales>.bg-black a:before ,
.tiendas>.bg-black a:before {
    background-color: #1f97ae;
}

.equipos-50>.slider,
.equipos-gratis>.slider {
    padding-top: 22px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    clear: both;
}

.equipos-50>.slider article,
.equipos-gratis>.slider article {
    height: 225px;
    width: 207px;
    text-align: center;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #000000;
    /* margin-right: 10px; */
}

.equipos-50>.slider .article,
.equipos-gratis>.slider .article {
    /* background: #FFF; */
    background: #AD1B11 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    height: 100%;
    overflow: hidden;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
    width: calc(100% - 12px);
    margin-left: 6px;
    text-align: left;
    border-radius: 5px;
    /* background: url(../images/s.png) no-repeat center -414px / 1308px auto; */
}

.equipos-50>.slider article:last-child,
.equipos-gratis>.slider article:last-child {
    margin-right: 0;
}

.equipos-50>.slider article h1,
.equipos-gratis>.slider article h1 {
    font-size: 17px;
    padding-top: 43px;
    letter-spacing: -0.4px;
    margin-bottom: 11px;
}

.equipos-50>.slider article .img,
.equipos-gratis>.slider article .img {
    position: relative;
}

.equipos-50>.slider article img,
.equipos-gratis>.slider article img {
    max-width: 100%;
    height: 70px;
    margin-left: 8px;
    margin-top: 30px;
    display: block;
    object-fit: contain;
    margin-bottom: -15px;
    object-position: center bottom;
}

.equipos-50>.slider article img.tag,
.equipos-gratis>.slider article img.tag {
    width: 60px;
    position: absolute;
    height: auto;
    margin-left: 61px;
    top: 32px;
    display: block;
    left: 50%;
    transform: translate(-50%, 0);
}

.equipos-50>.slider article p,
.equipos-gratis>.slider article p {
    font-size: 11px;
    margin-top: 32px;
    letter-spacing: 0.6px;
    margin-bottom: 0;
    height: 14px;
    padding-left: 24px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: bold;
}

.equipos-50>.slider article p:last-child,
.equipos-gratis>.slider article p:last-child{
    margin-top: 10px;
    font-size: 9px;
    font-weight: normal;
}
.equipos-50>.slider article p.old,
.equipos-gratis>.slider article p.old {
    font-size: 19px;
    margin-top: 10px;
    letter-spacing: 0.6px;
    color: #ff0000;
    display: inline-block;
    font-family: 'dinbold';
    position: relative;
    margin-bottom: 28px;
    /* text-decoration: line-through; */
}

.equipos-50>.slider article p.red,
.equipos-gratis>.slider article p.red {
    font-size: 28px;
    margin-top: 2px;
    letter-spacing: 0.6px;
    color: #FFF;
    display: inline-block;
    font-family: 'Roboto';
    font-weight: bold;
    margin-left: 0;
    height: auto;
    position: relative;
    margin-bottom: 0;
}

.equipos-50>.slider article p.red span,
.equipos-gratis>.slider article p.red span {
    font-size: 12px;
    margin-top: 10px;
    letter-spacing: 0.6px;
    color: #ff0000;
    display: inline-block;
    font-family: 'Roboto';
    margin-left: 0;
    position: relative;
    padding-right: 10px;
}

.equipos-50>.slider article p.old:after,
.equipos-gratis>.slider article p.old:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    height: 2px;
    background: #ff0000;
    width: 119%;
}

.equipos-50>.slider article div,
.equipos-gratis>.slider article div {
    clear: both;
    display: block;
}

.equipos-50>.slider article a,
.equipos-gratis>.slider article a {
    background: #d52b1e;
    cursor: pointer;
    display: block;
    width: 121px;
    border-radius: 3px;
    font-size: 15px;
    padding: 4.5px 0;
    /* opacity: 0.5; */
    color: #FFF;
    margin: 10px 0 0 28px;
}


.locales>.bg-black .tiendass{
    color: #d52b1e;
    cursor: pointer;
    display: block;
    width: 231px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    padding: 12.5px 0;
    /* opacity: 0.5; */
    background-color: #FFF;
    /* margin: 0 auto; */
    /* float: right; */
    clear: both;
}
.locales>.bg-black .tiendass:hover{
    color: #FFF;
    background-color: #000;
}

.equipos-50>.slider article a.legal,
.equipos-gratis>.slider article a.legal ,
.equipos-50>.slider article a.legal2,
.equipos-gratis>.slider article a.legal2 {
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 13px;
    color: #777;
}

.equipos-50>.slider article a.legal:hover,
.equipos-gratis>.slider article a.legal:hover, 
.equipos-50>.slider article a.legal2:hover,
.equipos-gratis>.slider article a.legal2:hover {
    background: none;
    color: #ccc;
    text-decoration: underline;
}


.equipos-50>.slider article a.i,
.equipos-gratis>.slider article a.i {
    background: #adafaf;
    width: 34px;
    margin-left: 8px;

}

.equipos-50>.slider article a svg,
.equipos-gratis>.slider article a svg {
    height: 19px;
    margin: -2px 0 -5px 0px;
}

.equipos-50>.slider article a:hover,
.equipos-gratis>.slider article a:hover {
    background: #373737;
}

.equipos-50 #equipos-50-detalle,
.equipos-gratis #equipos-gratis-detalle {
    overflow: hidden;
    text-align: center;
    padding-bottom: 105px;
}

.equipos-50 .santa,
.equipos-gratis .santa,
.locales .santa ,
.tiendas .santa {
    right: 50px;
    color: #fff;
    bottom: -8px;
}

.equipos-50 .emoji,
.equipos-gratis .emoji {
    left: auto;
    right: 0;
    bottom: 12px;
    /* background: url(../images/SANTA_ICON2.svg) no-repeat center center / 100% auto; */
}

.locales .emoji ,
.tiendas .emoji {
    left: 0;
    bottom: 84px;
}

.equipos-50>.bg-black {
    text-align: right;
    padding-top: 0;
    height: 184px;
}

.equipos-50>h1 {
    margin-left: -495px;
    margin-top: -86px;
    /*background: url(../images/50%25.svg) no-repeat center center / auto 100%;
    height: 310px;
    width: 530px;*/
    background: url(../images/TYPO_Bajito.png) no-repeat center center / auto 100%;
    height: 400px;
}

.tiendas h1 {
    margin-left: -474px;
    margin-top: -180px;
    /*background: url(../images/50%25.svg) no-repeat center center / auto 100%;
    height: 310px;
    width: 530px;*/
    background: url(../images/TYPO_Tiendas.png) no-repeat center center / auto 100%;
    height: 470px;
    float: left;
    text-align: right;
}

.equipos-50>.slider article {
    width: 313px;
}

.locales ,
.tiendas {
    position: relative;
    background: #D52B1E;
    height: 720px;
    padding-top: 0;
    overflow: hidden;
    clear: both;
    /* background: transparent; */
    background: url(../images/tiendas_bk.png) no-repeat center center / cover; 
}

.locales {
    background: #C1281C;
    overflow: visible;
}
.locales .bg-black ,
.tiendas .bg-black {
    background: transparent;
    height: 216px;
    padding-top: 63px;
}

.locales>.bg-black p {
    /* color: #000000!important; */
    max-width: 100%!important;
    /* clear: both; */
    float: left!important;
    text-align: left!important;
    clear: both;
}
.locales>.bg-black p ,
.tiendas>.bg-black p {
    /* font-size: 16px; */
    /* color: #000000; */
    max-width: 630px;
    /* line-height: 25px; */
    /* letter-spacing: 0.2px; */
    /* font-weight: 200; */
    margin-bottom: 31px;
    float: right;
    clear: both;
    z-index: 1;
    position: relative;
    text-align: right;
}

.locales #map ,
.tiendas #map {
    background: #dddddd;
    height: 427px !important;
    width: 100% !important;
    position: relative;
    margin-top: 27px;
    z-index: 2;
    border-radius: 6px;
    box-shadow: 0px 13px 26px #0000003C;
    -webkit-box-shadow: 0px 13px 26px #0000003C;
    -moz-box-shadow: 0px 13px 26px #0000003C;
}

footer {
    height: 186px;
    background: #dddddd;
}

footer h1 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding-top: 21px;
    padding-left: 4px;
    margin-bottom: 5px;
}

footer ul {
    float: left;
    width: 281px;
    margin-right: 43px;
    padding-left: 4px;
    font-size: 12.1px;
    line-height: 29.4px;
}

footer ul:nth-child(3) {
    width: 290px;
}

footer ul:nth-child(4) {
    float: right;
    text-align: right;
    margin-right: 0;
}

footer ul a {
    color: #000 !important;
}

footer ul a,
footer ul a:hover {
    color: #000;
}

footer ul a:last-child:before {
    background-color: #000;
}

footer .bg-black {
    float: left;
    width: 100%;
    margin-right: 0;
    background: #000;
    margin-top: 32px;
    height: 59px;
}

footer .bg-black .logo svg {
    width: 66px;
    margin: 17px 42px 0 0;
    float: left;
    height: 27px;
}

footer .bg-black p {
    font-size: 14px;
    margin: 28px 42px 0 0;
    float: left;
    font-weight: 200;
    color: #fff !important
}

footer .bg-black a:last-child {
    margin: 29px 0 0 0;
    float: left;
    color: #1f97ae;
    float: right;
    font-size: 14px;
}

footer .bg-black a:last-child:before {
    background-color: #1f97ae;
}

footer a.logo {
    float: left;
    /* width: 281px;
    margin-right: 43px; */
    padding-left: 4px;
    line-height: 29.4px;
}

main {
    overflow: hidden;
}

.equipos-50:after,
.equipos-gratis:after,
.locales:after ,
.tiendas:after {
    content: "";
    position: absolute;
    width: 755px;
    height: 500px;
    pointer-events: none;
    /* left: 50%; */
    right: 0;
    top: 0px;
    background: url(../images/MAMEY_TEAR_3.png) no-repeat center top/ auto 100%;
    transform: none;
    z-index: 0;
}
.equipos-50:after {
    /*background: url(../images/IMG_50.png) no-repeat center top/ auto 100%;
       margin-left: -350px;
       height: 731px;
       top: -271px;*/
    /* background: url(../images/chicken_tear_1.png) no-repeat center top/ auto 100%; */
    background: url(../images/loco-left.png) no-repeat center top/ auto 100%;
    width: 630px;
    height: 455px;
    top: 70px;
    left: 130px;
    transform: none;
    overflow: visible;
}

#equipos-FWA:after {
    position: absolute;
    width: 587px;
    height: 504px;
    pointer-events: none;
    left: initial;
    right: 130px;
    top: 60px;
    background: url(../images/gato_tear_2.png) no-repeat center top/ auto 100%;
    z-index: 0;
    transform: none;
}

.locales:after ,
.tiendas:after {
    background: url(../images/Claro_LandingSanValentin_MenStore_V1.png) no-repeat center top/ auto 100%;
    margin-left: 314px;
    height: 455px;
    top: -25px;
    width: 743px;
    display: none;
}

.locales:after{
    content: "";
    position: absolute;
    width: 500px;
    height: 312px;
    left: 50%;
    top: -22px;
    background: url(../images/CLARO_STORE_IMG.png) no-repeat center top/ auto 100%;
    transform: translate(-50%, 0);
    margin-left: 431px;
    z-index: 0;
    display: block;
}

.locales:before ,
.tiendas:before {
    content: "";
    position: absolute;
    width: 403px;
    height: 403px;
    border-radius: 50%;
    left: 50%;
    display: none;
    top: 25px;
    background: #c92b1f;
    transform: translate(-50%, 0);
    margin-left: 459px;
    z-index: 0;
}

p.note {
    font-size: 11px !important;
    position: relative;
    top: -9px !important;
}

form.formulario + .success,form.formulario {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 300px;
    height: 500px;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    position: relative;
    overflow: hidden;
}

form.formulario.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
}
form.formulario.active .close-formulario-equipos {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 20px;
    right: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    border: none;
    background: none;
    z-index: 99999;
}
form.formulario>div {
    top: -40px;
    position: relative;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

form.formulario.active>div {
    top: 0;
}

form.formulario:before {
    background-image: url("../images/circle2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0 0;
    height: 99vw;
    width: 99vw;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    content: "";
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    transition-delay: 0.1s;
    left: 50%;
    transform: translate(-50%, 0);
}

form.formulario.active:before {
    background-size: 200% 300%;
}

form.formulario >div >input[type=submit][disabled=disabled] {
    opacity: 0.5;
    pointer-events: none;
}

form.formulario h1 {
    font-weight: bold;
    color: #FFF;
    font-size: 27px !important;
    margin-top: -3px;
    margin-bottom: 11px;
    position: relative;
    text-align: center;
    /* text-transform: uppercase; */
    letter-spacing: 0 !important;
    padding-bottom: 1px;
}

form.formulario h2 {
    font-weight: normal;
    color: #FFF;
    font-size: 14px !important;
    margin-top: -3px;
    letter-spacing: 0px !important;
    padding: 5px 0 19px;
    text-align: center;
    line-height: 16px;
    position: relative;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FFF;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #FFF;
}

.equipos-50>.bg-black a,.equipos-gratis>.bg-black a, form.formulario >div >input {
    background: transparent;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    box-shadow: none;
    font-weight: 200;
    border: 0;
    margin-bottom: 11px;
    position: relative;
    width: 250px;
    font-size: 15px;
    padding: 10px;
    background: #c1261a;
    color: #FFF !important;
    text-align: center;
}

form.formulario p {
    margin-top: 0px !important;
    clear: both;
    letter-spacing: -0.5px !important;
    color: #FFF;
    font-weight: 200;
    font-size: 12px !important;
}

.equipos-50>.bg-black a,.equipos-gratis>.bg-black a, form.formulario >div >input[type=submit] {
    background: #FFF;
    display: block;
    width: 121px;
    border-radius: 3px;
    font-size: 15px;
    margin: 22px auto;
    color: #c1261a;
    padding: 11px 0;
    font-weight: bold;
    /* opacity: 0.5; */
    cursor: pointer;
    color: #c1261a !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

form.formulario >div >input[type=submit]:hover {
    color: #fff !important;
    background: #000;

}
.equipos-50>.bg-black a svg,.equipos-gratis>.bg-black a svg{
    width: 11%;
    position: absolute;
    left: 21px;
}

.equipos-50>.bg-black a,.equipos-gratis>.bg-black a {
    
float: right;
    
width: 163px;
    
margin-left: 10px;
    
margin-top: 44px;
    
margin-right: 0;
    
z-index: 10;
    
text-indent: 21px;
}

.equipos-50>.bg-black a:hover,.equipos-gratis>.bg-black a:hover{
    color: #FFF!important;
    background-color: #000;
}
.equipos-50>.bg-black a svg path,.equipos-gratis>.bg-black a svg path{
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.equipos-50>.bg-black a:hover svg path,.equipos-gratis>.bg-black a:hover svg path{
    fill: #FFF!important;
}
.equipos-gratis>.bg-black a{
    margin-top: 11px;
}
#equipos-FWA>.bg-black a{
    margin-top: 16px;
}
.equipos-50>.bg-black a.buy,.equipos-gratis>.bg-black a.buy{
    
width: 209px;
    
text-indent: 0!important;
}
.success {
    position: absolute !important;
    top: 0;
    left: 6px;
    background: #FFF url(../images/BACK_FORM.png) no-repeat center center / 100% auto;
    text-align: center;
    right: 6px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    position: relative;
    display: block;
    overflow: hidden;
}

form.formulario + .success.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
}

.success>div {
    top: -8px;
    position: relative;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.success.active>div {
    top: 0;
}
.success.active>div img{
    width:100%;
}
.success:before {
    display: none;
    background-image: url("../images/circle3.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0 0;
    height: 99vw;
    width: 99vw;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    content: "";
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    transition-delay: 0.1s;
    left: 50%;
    transform: translate(-50%, 0);
}

.success.active:before {
    background-size: 200% 300%;
}

.success h1 {
    font-weight: bold;
    color: #000;
    font-size: 22px !important;
    margin-top: -3px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    padding-bottom: 1px;
}
.success svg {
    
height: 90px;
    
margin: 90px auto 20px;
    
display: block;
    
color: #25a524;
}
.success h2 {
    font-size: 16px !important;
    margin-top: -3px;
    letter-spacing: 0px !important;
    padding: 5px 0 22px;
    line-height: 19px;
    position: relative;
    font-weight: 500;
    color: #000;
}
.success h2 strong{
    font-weight: bold;
    color: #008100;
    font-size: 19px !important;
    margin-top: -3px;
    letter-spacing: 0px !important;
    padding: 5px 0 22px;
    line-height: 19px;
    position: relative;
}

.success .close {
    font-weight: bold;
    color: #c1281c;
    font-size: 16px !important;
    margin-top: 10px;
    letter-spacing: 0px !important;
    padding: 2px 0;
    line-height: 39px;
    position: absolute;
    text-align: center;
    float: none;
    cursor: pointer;
    width: 100%;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%,0);
    border: 2px solid #c1281c;
    width: 120px;
    border-radius: 6px;
    font-weight: bold;
}
.success .close:hover{
    opacity: 0.5;
}
.equipos-50>.slider article .success img,
.equipos-gratis>.slider article .success img {
    width: 100%;
    height: 222px;
    display: block;
    object-fit: contain;
    margin-bottom: 19px;
    object-position: center bottom;
}

.equipos-50>.slider article .success img.tag,
.equipos-gratis>.slider article .success img.tag {
    width: 60px;
    position: absolute;
    height: auto;
    margin-left: 61px;
    top: 32px;
    display: block;
    left: 50%;
    transform: translate(-50%, 0);
}

.slider article .success a {
    background: #c1261a;
    display: block;
    width: 121px;
    border-radius: 3px;
    font-size: 15px;
    margin: 45px auto;
    padding: 11px 0;
    z-index: 2;
    position: relative;
    font-weight: bold;
    /* opacity: 0.5; */
    cursor: pointer;
    color: #fff !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.slider article .success a:hover {
    color: #fff !important;
    background: #000;

}

.slide-up,
.slide-down {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

.slide-down {
    max-height: 10em;
}

aside form {
    background: #FFF;
    height: 130px;
    /* display: none; */
    clear: both;
    /* padding-top: 20px; */
    float: right;
    width: 100%;
}

aside form>div {
    padding-top: 20px;
}

.slide-up,
.slide-down {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out,opacity 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out,opacity 0.5s ease-in-out;
}

.slide-down {
    /* position: relative; */
    max-height: 130px;
}

aside input {
    background: transparent;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    box-shadow: none;
    font-weight: 200;
    border: 0;
    margin-bottom: 11px;
    position: relative;
    width: 160px;
    font-size: 15px;
    padding: 10px;
    background: #e3e3e3;
    color: #adafaf !important;
    -webkit-appearance: none;
    text-align: center;
}

aside ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #adafaf;
    opacity: 1;
    /* Firefox */
}

aside :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #adafaf;
}

aside ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #adafaf;
}

aside input[type=submit][disabled=disabled] {
    opacity: 0.5;
    pointer-events: none;
}

aside input[type=submit] {
    background: #FFF;
    display: block;
    width: 160px;
    border-radius: 3px;
    font-size: 15px;
    background-color: #c1261a;
    padding: 11px 0;
    font-weight: bold;
    /* opacity: 0.5; */
    cursor: pointer;
    box-shadow: none;
    color: #fff !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

aside input[type=submit]:hover {
    color: #fff !important;
    background: #000;

}





.success2 {
    font-family: 'dinbold';
    font-size: 14px;
    color: #008100;
    text-align: center;
    /* display: none; */
    padding: 21px 20px;
}

.success2 span{
    font-family: 'dinbold';
    font-size: 12px;
    color: #000;
    text-align: center;
    /* display: none; */
    display:block;
    padding: 10px 0px;
}


.locales>.bg-black .infowindow h1 ,
.tiendas>.bg-black .infowindow h1 {
    color: #000 !important;
    font-size: 20px;
    font-family: 'dinbold';
    margin-bottom: -8px;
}

.locales>.bg-black .infowindow p ,
.tiendas>.bg-black .infowindow p {
    color: #000 !important;
    margin: 0;
}

.form-group {
    display: block;
    margin-bottom: 15px;
  }
  
  .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .form-group label {
    position: relative;
    cursor: pointer;
    padding-left: 60px;
    color: #FFF;
    display: block;
    font-size: 14px;
    padding-right: 50px;
    text-align: left;
  }
  
  .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #FFF;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    position: absolute;
    left: 29px;
    top: 5px;
    cursor: pointer;
    margin-right: 0;
  }
  
  .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 37px;
    width: 6px;
    height: 14px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
.equipos-50>.slider article svg, .equipos-gratis>.slider article svg {
    position: absolute;
    right: -10px;
    top: -40px;
}

#equipos-FWA > h1 {
    position: absolute;
    overflow: hidden;
    text-indent: -100%;
    white-space: nowrap;
    background: url(../images/TYPO_Confiado.png) no-repeat center center / auto 100%;
    height: 538px;
    width: 100%;
    top: -8px;
    transform: translate(-50%, 0);
    left: 50%;
    margin-left: 296px;
    z-index: 0;
    display: block;
}
#equipos-FWA.equipos-gratis>.bg-black ul {
    
width: 770px;
    
padding-bottom: 60px;
}
#equipos-FWA.equipos-gratis>.bg-black ul li {
    font-size: 15px;
    padding-top: 3px;
    width: 382px;
}
.equipos-50>.slider , .equipos-gratis>.slider ,
.equipos-50>.slider .wrap, .equipos-gratis>.slider .wrap,
.tns-ovh {
    /* overflow: visible!important ; */
}


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




/* ---- CONTACT ICONS ---- */
.contact-icons {
    width: calc(100vw * 250 / 1920) !important;
    top: calc(100vh - calc(100vw * 250 / 1920));
}
.contact-icons .icons-content {
    width: calc(100vw * 250 / 1920);
    height: calc(100vw * 250 / 1920);
}
.contact-icons .icons-content .main-icon, .secondary-icon {
    width: calc(100vw * 76 / 1920);
    height: calc(100vw * 76 / 1920);
    right: calc(100vw * 60 / 1920);
    bottom: calc(100vw * 60 / 1920);
    -webkit-box-shadow: 0px 0px calc(100vw * 3 / 1920) 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px calc(100vw * 3 / 1920) 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px calc(100vw * 3 / 1920) 0px rgba(0,0,0,0.2);
}
.contact-icons .icons-content:hover .main-icon, .secondary-icon:hover {
    -webkit-box-shadow: 0px 0px calc(100vw * 120 / 1920) calc(100vw * 30 / 1920) rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px calc(100vw * 120 / 1920) calc(100vw * 30 / 1920) rgba(0,0,0,0.9);
    box-shadow: 0px 0px calc(100vw * 120 / 1920) calc(100vw * 30 / 1920) rgba(0,0,0,0.9);
}
.contact-icons .icons-content .main-icon h4, .secondary-icon h4 {
    width: 100%;
    margin: calc(100vw * 10 / 1920) auto 0 auto;
    font-size: calc(100vw * 8 / 1920);
    letter-spacing: calc(100vw * 2 / 1920);
}
.contact-icons .icons-content .list-icons {
    width: 100%;
    height: 100%;
}
.contact-icons .icons-content .list-icons .icons a {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.contact-icons .icons-content .list-icons .icons.llamanos {
    left: calc(100vw * 30 / 1920);
    bottom: calc(100vw * 10 / 1920);
}
.contact-icons .icons-content .list-icons .icons.teLlamamos {
    left: 0;
    bottom: calc(100vw * 90 / 1920);
}
.contact-icons .icons-content .list-icons .icons.escribenos {
    right: calc(100vw * 125 / 1920);
    top: calc(100vw * 10 / 1920);
}
.contact-icons .icons-content .list-icons .icons.chatea {
    right: calc(100vw * 60 / 1920);
    top: 0;
}
.contact-icons .icons-content .list-icons .icons .icon {
    width: calc(100vw * 52 / 1920);
    height: calc(100vw * 52 / 1920);
    margin: 0 auto;
}
.contact-icons .icons-content .list-icons .icons .icon svg {
    width: initial;
    left: initial;
    top: initial;
}
.contact-icons .icons-content .list-icons .icons h4 {
    width: 100%;
    margin: calc(100vw * 10 / 1920) auto 0 auto;
    font-size: calc(100vw * 8 / 1920);
    letter-spacing: calc(100vw * 2 / 1920);
}

/* ---- CONTACT ICONS MODAL ---- */
.modal-contact-icons .modal-dialog {
    width: calc(100vw * 300 / 1920);
    min-height: calc(100vw * 560 / 1920);
    border-radius: calc(100vw * 4 / 1920);
    padding: calc(100vw * 40 / 1920) calc(100vw * 35 / 1920);
}
.modal-contact-icons#callMeModal .modal-dialog {
    min-height: calc(100vw * 329 / 1920);
}
.modal-contact-icons .modal-dialog .modal-header {
    margin-bottom: calc(100vw * 30 / 1920);
}
.modal-contact-icons .modal-dialog .modal-header .modal-title {
    font-size: calc(100vw * 16 / 1920);
    letter-spacing: calc(100vw * 2.52 / 1920);
}
.modal-contact-icons .modal-dialog .modal-body h4 {
    font-size: calc(100vw * 27 / 1920);
}
.modal-contact-icons .modal-dialog .modal-body h5 {
    font-size: calc(100vw * 16 / 1920);
    margin-top: calc(100vw * 30 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
    letter-spacing: calc(100vw * 2.52 / 1920);
}
.modal-contact-icons .modal-dialog .modal-body h6 {
    font-size: calc(100vw * 16 / 1920);
    margin-top: calc(100vw * 5 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
}
.modal-contact-icons .modal-dialog .modal-body #btn-call {
    width: 100%;
    height: calc(100vw * 60 / 1920);
    border-radius: calc(100vw * 4 / 1920);
    padding: 0;
}
.modal-contact-icons .modal-dialog .modal-body #btn-call a {
    font-size: calc(100vw * 20 / 1920);
    letter-spacing: 0;
    width: 100%;
    height: 100%;
    line-height: calc(100vw * 60 / 1920);
}
.modal-contact-icons .modal-dialog .modal-body p {
    font-size: calc(100vw * 16 / 1920);
    margin-top: calc(100vw * 5 / 1920);
    margin-bottom: calc(100vw * 5 / 1920);
}
.modal-contact-icons .modal-dialog .modal-body input,
.modal-contact-icons .modal-dialog .modal-body select,
.modal-contact-icons .modal-dialog .modal-body textarea {
    width: 100% !important;
    height: calc(100vw * 40 / 1920);
    padding: 0 calc(100vw * 16 / 1920) !important;
    font-size: calc(100vw * 16 / 1920);
    margin-bottom: 0;
}
.modal-contact-icons .modal-dialog .modal-body select {
    padding: 0 calc(100vw * 12 / 1920) !important;
}
.modal-contact-icons .modal-dialog .modal-body textarea {
    height: calc(100vw * 100 / 1920);
    padding: calc(100vw * 10 / 1920) calc(100vw * 16 / 1920) 0 calc(100vw * 16 / 1920) !important;
}
.modal-contact-icons .modal-dialog .modal-body .inputDateContent .bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    padding: calc(100vw * 10 / 1920) calc(100vw * 20 / 1920);
    border-top: calc(100vw * 4 / 1920) solid #d52b1e;
}
.modal-contact-icons .modal-dialog .modal-body .form-group label:before {
    right: calc(100vw * 29 / 1920);
}
.modal-contact-icons .modal-dialog .modal-body .campos-obligatorios {
    font-size: calc(100vw * 12 / 1920);
    margin: calc(100vw * 10 / 1920) 0 0 0;
    padding: 0;
}
.modal-contact-icons .modal-dialog .modal-footer .botones {
    width: 100%;
    margin-left: 0;
    margin-right: calc(100vw * 30 / 1920);
    margin-top: calc(100vw * 20 / 1920);
}
.modal-contact-icons .modal-dialog .modal-footer .botones .btn-danger {
    width: 100%;
    height: calc(100vw * 40 / 1920);
    border-radius: calc(100vw * 4 / 1920);
    font-size: calc(100vw * 11 / 1920);
    letter-spacing: calc(100vw * 2.2 / 1920);
}

.modal-contact-icons .modal-dialog .modal-body .errorMessage {
    font-size: calc(100vw * 9 / 1920);
}








.wrap {
    max-width: calc(100vw * 1080 / 1400);
}     
img.loader {
    width: calc(100vw * 80 / 1920)!important;
    height: calc(100vw * 80 / 1920)!important;
}

    .success2 {
        font-family: 'dinbold';
        font-size: calc(100vw * 16 / 1920);
        color: red;
        text-align: center;
        padding: calc(100vw * 21 / 1920) calc(100vw * 20 / 1920);
    }
.success2 span {
        font-size: calc(100vw * 12 / 1920);
        padding: calc(100vw * 10 / 1920) calc(100vw * 0 / 1920);
}
    .tns-outer [aria-controls],
    .tns-outer [data-action] {
        left: calc(100vw * -40 / 1920) !important;
        /* margin-top: calc(100vw * -100 / 1920); */
        width: calc(100vw * 36 / 1920);
        height: calc(100vw * 36 / 1920);
        z-index: 10;
    }

    .locales #map ,
    .tiendas #map {
        height: calc(100vw * 427 / 1920) !important;
        margin-top: calc(100vw * 50/ 1920) !important;
    }

    .tns-outer [data-controls][disabled] {
        left: calc(100vw * -40 / 1920) !important;
    }

    .tns-outer [data-controls=next] {
        right: calc(100vw * -40 / 1920) !important;
        left: auto !important;
    }

    .tns-outer [data-controls=next][disabled] {
        right: calc(100vw * -40 / 1920) !important;
        left: auto !important;
    }

    body {
        padding-top: calc(100vw * 60 / 1920);
    }

    header {
        height: calc(100vw * 60 / 1920);
        box-shadow: 0 calc(100vw * 3 / 1920) calc(100vw * 6 / 1920) rgba(0, 0, 0, 0.06);
    }

    header h1 {
        top: calc(100vw * 12 / 1920);
        left: calc(100vw * 52 / 1920);
        height: calc(100vw * 35 / 1920);
        width: calc(100vw * 90 / 1920);
    }

    header ul {
        right: calc(100vw * 52 / 1920);
        width: calc(100vw * 227 / 1920);
    }

    header ul li:last-child {
        margin-top: calc(100vw * 20 / 1920);
    }

    header ul li:last-child a {
        margin-top: calc(100vw * 20 / 1920);
        padding: calc(100vw * 9 / 1920);
        border-radius: calc(100vw * 3 / 1920);
    }

    header ul li {
        margin-top: calc(100vw * 21 / 1920);
        margin-left: calc(100vw * 20 / 1920);
    }

    header ul li a {
        font-size: calc(100vw * 16 / 1920);
        line-height: calc(100vw * 20 / 1920);
    }

    header ul li svg {
        height: calc(100vw * 16 / 1920);
        margin: 0 calc(100vw * 11 / 1920) 0 0;
        top: calc(100vw * 2 / 1920);
    }

    .fibra {
        left: calc(100vw * -200 / 1920);
        top: calc(100vw * 50 / 1920);
        font-size: calc(100vw * 10 / 1400)!important;
        letter-spacing: calc(100vw * 10 / 1400)!important;
    }

    .santa {
        right: calc(100vw * -180 / 1920);
        bottom: calc(100vw * 50 / 1920);
        font-size: calc(100vw * 10 / 1400)!important;
        letter-spacing: calc(100vw * 10 / 1400)!important;
    }

    .emoji {
        left: calc(100vw * 52 / 1920);
        bottom: calc(100vw * 38 / 1920);
        height: calc(100vw * 40 / 1920);
        letter-spacing: calc(100vw * 1.5 / 1920);
        width: auto;
    }

    .explora {
        bottom: calc(100vw * 34 / 1920);
        height: calc(100vw * 36 / 1920);
        letter-spacing: calc(100vw * 1.5 / 1920);
        width: auto;
        font-size: calc(100vw * 11 / 1920);
        letter-spacing: calc(100vw * 10.9 / 1920);
        padding-left: calc(100vw * 10.9 / 1920);
        line-height: calc(100vw * 17 / 1920);
    }

    .home a.explora:hover {
        font-size: calc(100vw * 11 / 1920);
        bottom: calc(100vw * 25 / 1920);
    }

    .explora svg {
        width: calc(100vw * 44 / 1920) !important;
        height: calc(100vw * 15 / 1920);
        margin: calc(100vw * 9 / 1920);
    }

    @-webkit-keyframes arrow {
        0% {
            bottom: calc(100vw * -10 / 1920);
        }

        50% {
            bottom: -0px;
        }

        100% {
            bottom: calc(100vw * -10 / 1920);
        }
    }

    @keyframes arrow {
        0% {
            bottom: calc(100vw * -10 / 1920);
        }

        50% {
            bottom: -0px;
        }

        100% {
            bottom: calc(100vw * -10 / 1920);
        }
    }





    .equipos-50,
    .equipos-gratis {
        min-height: calc( 100vw * 452 / 1920);
    }
    
    .equipos-50 {
        height: calc( 100vw * 1000 / 1920);
    }
    
    #equipos-FWA,
    .equipos-gratis {
        min-height: calc( 100vw * 495 / 1920);
    }
    
    #equipos-FWA {
        padding-top: calc( 100vw * 40 / 1920);
        padding-bottom: calc( 100vw * 100 / 1920);
        width: 100%;
    }
    
    #equipos-FWA>.bg-black {
        padding-top: 0;
    }
    
    .equipos-50>h1,
    .equipos-gratis>h1,
    .tiendas h1 {
        height: calc( 100vw * 538 / 1920);
        top: calc( 100vw * -8 / 1920);
        margin-left: calc( 100vw * 296 / 1920);
    }
    
    .equipos-50>.bg-black,
    .equipos-gratis>.bg-black,
    .locales>.bg-black,
    .tiendas>.bg-black {
        padding-top: calc( 100vw * 113 / 1920);
    }
    
    .equipos-50>.bg-black h2,
    .equipos-gratis>.bg-black h2,
    .locales>.bg-black h1,
    .tiendas>.bg-black h2,
    .equipos-50>.bg-black h4,
    .equipos-gratis>.bg-black h4 {
        font-size: calc( 100vw * 16 / 1920);
        margin-bottom: calc( 100vw * 16 / 1920);
        line-height: calc( 100vw * 32 / 1920);
        letter-spacing: calc( 100vw * 0.8 / 1920);
    }
    
    .equipos-50>.bg-black .wrap>img:last-child,
    .equipos-gratis>.bg-black .wrap>img:last-child,
    .tiendas>.bg-black .wrap>img:last-child {
        width: calc( 100vw * 160 / 1400);
        height: calc( 100vw * 120 / 1400);
    }

    #equipos-FWA>.bg-black .wrap>img:last-child {
        margin-left: calc( 100vw * -120 / 1920);
        top: calc( 100vw * 40 / 1920);
    }
    
    .equipos-50>.bg-black .wrap>img:last-child {
        margin-left: calc( 100vw * 100 / 1400);
        margin-top: calc( 100vw * 120 / 1920);
    }
    
    .equipos-50>.bg-black h2:first-child,
    .equipos-gratis>.bg-black h2:first-child,
    .locales>.bg-black h1,
    .tiendas>.bg-black h2:first-child {
        font-size: calc( 100vw * 40 / 1920);
        margin-bottom: calc( 100vw * 16 / 1920);
        line-height: calc( 100vw * 32 / 1920);
        letter-spacing: calc( 100vw * 0.8 / 1920);
    }
    
    .equipos-gratis>.bg-black h2:first-child {
        width: calc( 100vw * 432 / 1920);
        height: calc( 100vw * 162 / 1920);
    }
    
    .equipos-gratis.equipos-gpon>.bg-black h2.logo-section {
        width: calc( 100vw * 232 / 1920);
        height: calc( 100vw * 110 / 1920);        
    }
    
    .equipos-50>.bg-black h2.logo-section {
        width: calc( 100vw * 330 / 1920);
        /* height: calc( 100vw * 100 / 1920); */
    }
    #equipos-FWA>.bg-black h2.logo-section {
        width: calc( 100vw * 268 / 1920);
        height: calc( 100vw * 90 / 1920);
    }
    
    .locales>.bg-black h1,
    .tiendas>.bg-black h2 {
        max-width: calc( 100vw * 380 / 1920);
        font-size: calc( 100vw * 24 / 1400);
    }
    
    .locales>.bg-black h1 {
        width: calc( 100vw * 284 / 1920);
    }
    
    .equipos-50>.bg-black p,
    .equipos-gratis>.bg-black p,
    .locales>.bg-black p,
    .tiendas>.bg-black p,
    .equipos-gratis>.bg-black ul li,
    .equipos-50>.bg-black ul li {
        font-size: calc( 100vw * 16 / 1920);
        margin-bottom: calc( 100vw * 27 / 1920);
        line-height: calc( 100vw * 25 / 1920);
        letter-spacing: calc( 100vw * 0.96 / 1920);
        font-weight: 200;
        padding-top: calc( 100vw * 7 / 1920);
    }
    
    .equipos-50>.bg-black:last-child,
    .equipos-gratis>.bg-black:last-child {
        padding: calc( 100vw * 32 / 1920);
    }
    
    .bg-black h4.beneficios-tit {
        width: calc( 100vw * 177 / 1920);
        height: calc( 100vw * 33 / 1920);
        font-size: calc( 100vw * 18 / 1920) !important;
    }
    
    .bg-black h4.beneficios-tit:after {
        width: calc( 100vw * 177 / 1920);
        height: calc( 100vw * 33 / 1920);
        left: 30%;
        top: 50%;
    }


    section h4.subtitle,
    .equipos-50>.bg-black h4.subtitle {
        font-size: calc( 100vw * 24 / 1920) !important;
        letter-spacing: calc( 100vw * 1.2 / 1920);
        padding-left: calc( 100vw * 20 / 1920);
        margin-bottom: calc( 100vw * 30 / 1920) !important;
    }
    #equipos-HOGAR h4.subtitle {
        padding-right: calc( 100vw * 20 / 1920);
    }
    #equipos-HOGAR h4.subtitle:after {
        right: 0;
    }
    section h4.subtitle:after {
        width: calc( 100vw * 4 / 1920);
        height: calc( 100vw * 40 / 1920);
        left: 0;
        top: 50%;
        border-radius: calc( 100vw * 4 / 1920);
    }
    section h3.bajada {
        font-size: calc( 100vw * 16 / 1920);
        letter-spacing: calc( 100vw * 1.2 / 1920);
        margin-bottom: calc( 100vw * 20 / 1920);
        line-height: calc(100vw * 22 / 1920);
    }


    
    #equipos-HOGAR .bg-black h4.beneficios-tit {
        margin-right: 0;
        padding-right: 0;
    }
    
    #equipos-HOGAR .bg-black h4.beneficios-tit:after {
        left: 80%;
    }
    
    .bg-black ul.beneficios-list {
        width: calc( 100vw * 700 / 1920) !important;
        padding-bottom: calc( 100vw * 30 / 1920) !important;
    }
    
    .bg-black ul.beneficios-list li {
        width: calc( 100vw * 350 / 1920) !important;
    }
    
    .bg-black ul.beneficios-list li p {
        width: calc(100% - calc( 100vw * 50 / 1920)) !important;
        margin: 0;
    }
    .bg-black ul.beneficios-list li p span {
        font-size: calc( 100vw * 10 / 1920);
        letter-spacing: calc( 100vw * 1 / 1920);
    }    
    .bg-black ul.beneficios-list li .img {
        width: calc( 100vw * 40 / 1920) !important;
        height: 100%;
        margin-right: calc( 100vw * 10 / 1920) !important;
    }
    #equipos-HOGAR .bg-black ul.beneficios-list li .img {
        margin-left: calc( 100vw * 10 / 1920) !important;
    }
    
    .bg-black ul.beneficios-list li img {
        width: 100% !important;
        height: calc( 100vw * 40 / 1920) !important;
    }
    
    /* #equipos-HOGAR .bg-black ul.beneficios-list,
    #equipos-FWA .bg-black ul.beneficios-list {
        width: calc( 100vw * 640 / 1920) !important;
    } */
    
    .equipos-gratis .bg-black ul.beneficios-list li:first-child,
    .equipos-gratis .bg-black ul.beneficios-list li:nth-child(3),
    .equipos-gratis .bg-black ul.beneficios-list li:nth-child(5) {
        width: calc( 100vw * 360 / 1920) !important;
    }
    .equipos-gratis .bg-black ul.beneficios-list li:nth-child(2),
    .equipos-gratis .bg-black ul.beneficios-list li:nth-child(4) {
        width: calc( 100vw * 340 / 1920) !important;
    }

    
    #equipos-HOGAR .bg-black ul.beneficios-list li:first-child,
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(3){
        width: calc( 100vw * 380 / 1920) !important;
    }
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(2),
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(4),
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(5) {
        width: calc( 100vw * 320 / 1920) !important;
    }
    
    
    #equipos-FWA .bg-black ul.beneficios-list li:first-child,
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(3),
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(5) {
        width: width: calc( 100vw * 400 / 1920) !important;
    }
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(2),
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(4) {
        width: width: calc( 100vw * 240 / 1920) !important;
    }

    
    /* #equipos-HOGAR .bg-black ul.beneficios-list li:first-child,
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(3),
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(5),
    #equipos-FWA .bg-black ul.beneficios-list li:first-child,
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(3),
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(5) {
        width: calc( 100vw * 400 / 1920) !important;
    }
    
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(2),
    #equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(4),
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(2),
    #equipos-FWA .bg-black ul.beneficios-list li:nth-child(4) {
        width: calc( 100vw * 240 / 1920) !important;
    } */
    
    .bg-black .botones-c {
        padding: calc( 100vw * 20 / 1920) 0;
        margin-bottom: calc( 100vw * 100 / 1920);
    }
    
    .bg-black .botones-c>.botones {
        margin-left: 0 !important;
        margin-right: calc( 100vw * 30 / 1920) !important;
    }
    
    .bg-black .botones-c>.botones:after {
        right: calc( 100vw * -10 / 1920);
        bottom: calc( 100vw * -10 / 1920);
        border-radius: calc( 100vw * 4 / 1920) !important;
        border: calc( 100vw * 4 / 1920) solid #FF9B00;
    }
    
    .bg-black .botones-c .botones>a {
        letter-spacing: calc( 100vw * 2 / 1920) !important;
        font-size: calc( 100vw * 11 / 1920) !important;
        width: calc( 100vw * 252 / 1920) !important;
        border-radius: calc( 100vw * 4 / 1920) !important;
        margin: 0 !important;
    }
    
    .bg-black .botones-c .botones>a.call {
        border: calc( 100vw * 1 / 1920) solid #FFFFFF !important;
    }
    
    .bg-black .botones-c .botones>a.call svg {
        left: calc( 100vw * 50 / 1920) !important;
        width: calc( 100vw * 18 / 1920) !important;
    }
    
    .bg-black .botones-c .botones>a.buy {
        border: calc( 100vw * 1 / 1920) solid #FFFFFF !important;
    }
    
    .equipos-50>.bg-black:last-child .wrap,
    .equipos-gratis>.bg-black:last-child .wrap {
        padding-bottom: calc( 100vw * 92 / 1920);
    }
    
    .equipos-50>.bg-black:last-child .wrap {
        padding-bottom: calc( 100vw * 101 / 1920);
    }

    .legal2 {
        font-size: calc( 100vw * 16 / 1920)!important;
        bottom: calc( 100vw * 35 / 1920);
    }
    
    .equipos-50>.bg-black:last-child .wrap .legal2,
    .equipos-50>.bg-black:last-child .wrap .legal {
        bottom: calc( 100vw * 220 / 1920);
    }
    
    #equipos-FWA .legal2 {
        bottom: calc( 100vw * 0 / 1920);
    }
   
    .equipos-50>.bg-black:last-child .wrap .emoji {
        left: auto;
    }
    
    #equipos-FWA>.bg-black:last-child .wrap {
        padding-bottom: calc( 100vw * 59 / 1920);
    }
    
    .equipos-gratis>.bg-black h4 {
        font-size: calc( 100vw * 24 / 1920);
    }
    
    .equipos-50>.bg-black ul,
    .equipos-gratis>.bg-black ul {
        width: calc( 100vw * 600 / 1920);
    }
    
    .equipos-50>.bg-black ul {
        width: calc( 100vw * 1200 / 1920);
    }
    
    .equipos-50>.bg-black ul li.one,
    .equipos-gratis>.bg-black ul li.one {
        width: 100% !important;
    }
    
    .equipos-50>.bg-black:last-child h4 {
        margin-top: calc( 100vw * 177 / 1920);
    }
    
    .equipos-50>.bg-black ul li,
    .equipos-gratis>.bg-black ul li {
        margin-bottom: 0;
        font-size: calc( 100vw * 16 / 1920);
        padding-top: calc( 100vw * 3 / 1920);
        width: calc( 100vw * 300 / 1920);
    }
    
    .equipos-50>.bg-black ul li img,
    .equipos-gratis>.bg-black ul li img {
        height: calc( 100vw * 16 / 1920);
        width: calc( 100vw * 16 / 1920);
        margin-right: calc( 100vw * 7 / 1920);
    }
    
    .locales .wrap,
    .tiendas .wrap {
        max-width: calc( 100vw * 920 / 1400);
        padding-bottom: calc( 100vw * 166 / 1920);
    }
    
    .equipos-50>.bg-black ul li {
        width: calc( 100vw * 460 / 1920);
    }
    
    .locales {
        height: calc( 100vw * 290 / 1920) !important;
        padding-top: 0 !important;
    }
    
    .equipos-50>.bg-black a,
    .equipos-gratis>.bg-black a,
    .locales>.bg-black a,
    .tiendas>.bg-black a {
        font-size: calc( 100vw * 16 / 1920);
        margin-bottom: calc( 100vw * 27 / 1920);
        line-height: calc( 100vw * 20 / 1920);
        letter-spacing: calc( 100vw * 0.2 / 1920);
    }
    .equipos-50>.slider,
    .equipos-gratis>.slider {
        padding-top: calc( 100vw * 22 / 1920);
    }
    .equipos-50>.slider article,
    .equipos-gratis>.slider article {
        height: calc( 100vw * 225 / 1920);
        width: calc( 100vw * 247 / 1920);
    }
    .equipos-50>.slider .article,
    .equipos-gratis>.slider .article {
        /* background: #FFF; */
        border-radius: calc( 100vw * 4 / 1920);
        backdrop-filter: blur(calc( 100vw * 3 / 1920));
        -webkit-backdrop-filter: blur(calc( 100vw * 3 / 1920));
        height: 100%;
        box-shadow: 0 calc( 100vw * 6 / 1920) calc( 100vw * 12 / 1920) rgba(0, 0, 0, 0.16);
        width: calc(100% - calc( 100vw * 12 / 1920));
        margin-left: calc( 100vw * 6 / 1920);
        border-radius: calc( 100vw * 5 / 1920);
    }
    .equipos-50>.slider article:last-child,
    .equipos-gratis>.slider article:last-child {
        margin-right: 0;
    }
    .equipos-50>.slider article h1,
    .equipos-gratis>.slider article h1 {
        font-size: calc( 100vw * 17 / 1920);
        padding-top: calc( 100vw * 43 / 1920);
        letter-spacing: calc( 100vw * -0.4 / 1920);
        margin-bottom: calc( 100vw * 11 / 1920);
    }
    .equipos-50>.slider article img,
    .equipos-gratis>.slider article img {
        max-width: 100%;
        height: calc( 100vw * 95 / 1920);
        margin-left: calc( 100vw * 5px / 1920);
        margin-top: calc( 100vw * 30 / 1920);
        margin-bottom: calc( 100vw * -15 / 1920);
    }
    .equipos-50>.slider article img.tag,
    .equipos-gratis>.slider article img.tag {
        width: calc( 100vw * 60 / 1920);
        margin-left: calc( 100vw * 61 / 1920);
        top: calc( 100vw * 32 / 1920);
        left: 50%;
    }
    .equipos-50>.slider article p,
    .equipos-gratis>.slider article p {
        font-size: calc( 100vw * 11 / 1920);
        margin-top: calc( 100vw * 32 / 1920);
        letter-spacing: calc( 100vw * 0.6 / 1920);
        margin-bottom: 0;
        height: calc( 100vw * 16 / 1920);
        padding-left: calc( 100vw * 24 / 1920);
    }
    
    .equipos-50>.slider article p:last-child,
    .equipos-gratis>.slider article p:last-child {
        margin-top: calc( 100vw * 10 / 1920);
        font-size: calc( 100vw * 9 / 1920);
    }
    
    .equipos-50>.slider article p.old,
    .equipos-gratis>.slider article p.old {
        font-size: calc( 100vw * 19 / 1920);
        margin-top: calc( 100vw * 10 / 1920);
        letter-spacing: calc( 100vw * 0.6 / 1920);
        margin-bottom: calc( 100vw * 28 / 1920);
    }
    
    .equipos-50>.slider article p.red,
    .equipos-gratis>.slider article p.red {
        font-size: calc( 100vw * 28 / 1920);
        margin-top: calc( 100vw * 2 / 1920);
        letter-spacing: calc( 100vw * 0.6 / 1920);
        margin-left: 0;
        margin-bottom: 0;
    }
    
    .equipos-50>.slider article p.red span,
    .equipos-gratis>.slider article p.red span {
        font-size: calc( 100vw * 12 / 1920);
        margin-top: calc( 100vw * 10 / 1920);
        letter-spacing: calc( 100vw * 0.6 / 1920);
        margin-left: 0;
        padding-right: calc( 100vw * 10 / 1920);
    }
    
    .equipos-50>.slider article p.old:after,
    .equipos-gratis>.slider article p.old:after {
        height: calc( 100vw * 2 / 1920);
        width: 119%;
    }
    
    .equipos-50>.slider article a,
    .equipos-gratis>.slider article a {
        width: calc( 100vw * 121 / 1920);
        border-radius: calc( 100vw * 3 / 1920);
        font-size: calc( 100vw * 15 / 1920);
        padding: calc( 100vw * 4.5 / 1920) 0;
        margin: calc( 100vw * 10 / 1920) 0 0 calc( 100vw * 28 / 1920);
    }
    .locales>.bg-black .tiendass {
        width: calc( 100vw * 231 / 1920);
        border-radius: calc( 100vw * 3 / 1920);
        font-size: calc( 100vw * 15 / 1920);
        padding: calc( 100vw * 12.5 / 1920) 0;
    }
    .equipos-50>.slider article a.legal,
    .equipos-gratis>.slider article a.legal,
    .equipos-50>.slider article a.legal2,
    .equipos-gratis>.slider article a.legal2 {
        border: 0;
        font-size: calc( 100vw * 13 / 1920);
    }
    .equipos-50>.slider article a.i,
    .equipos-gratis>.slider article a.i {
        width: calc( 100vw * 34 / 1920);
        margin-left: calc( 100vw * 8 / 1920);
    
    }
    .equipos-50>.slider article a svg,
    .equipos-gratis>.slider article a svg {
        height: calc( 100vw * 19 / 1920);
        margin: calc( 100vw * -2 / 1920) 0 calc( 100vw * -5 / 1920) calc( 100vw * 0 / 1920);
    }
    .equipos-50 #equipos-50-detalle,
    .equipos-gratis #equipos-gratis-detalle {
        padding-bottom: calc( 100vw * 105 / 1920);
    }
    .equipos-50 .santa,
    .equipos-gratis .santa,
    .locales .santa,
    .tiendas .santa {
        right: calc( 100vw * 50 / 1920);
        bottom: calc( 100vw * -8 / 1920);
    }
    .equipos-50 .emoji,
    .equipos-gratis .emoji {
        left: auto;
        right: 0;
        bottom: calc( 100vw * 12 / 1920);
    }
    .locales .emoji,
    .tiendas .emoji {
        left: 0;
        bottom: calc( 100vw * 84 / 1920);
    }
    .equipos-50>.bg-black {
        padding-top: calc( 100vw * 121 / 1920);
        height: calc( 100vw * 184 / 1920);
    }
    .equipos-50>h1 {
        margin-left: calc( 100vw * -495 / 1920);
        margin-top: calc( 100vw * -86 / 1920);
        height: calc( 100vw * 400 / 1920);
    }
    .tiendas h1 {
        margin-left: calc( 100vw * -474 / 1920);
        margin-top: calc( 100vw * -180 / 1920);
        background: url(../images/TYPO_Tiendas.png) no-repeat center center / auto 100%;
        height: calc( 100vw * 470 / 1920);
    }
    .equipos-50>.slider article {
        width: calc( 100vw * 313 / 1920);
    }
    .locales,
    .tiendas {
        height: calc( 100vw * 720 / 1920);
        padding-top: 0;
    }
    
    .locales .bg-black,
    .tiendas .bg-black {
        height: calc( 100vw * 216 / 1920);
        padding-top: calc( 100vw * 63 / 1920);
    }
    .locales>.bg-black p {
        max-width: 100% !important;
    }
    
    .locales>.bg-black p,
    .tiendas>.bg-black p {
        max-width: calc( 100vw * 630 / 1920);
        margin-bottom: calc( 100vw * 31 / 1920);
    }
    .locales #map,
    .tiendas #map {
        height: calc( 100vw * 427 / 1920) !important;
        width: 100% !important;
        margin-top: calc( 100vw * 27 / 1920);
        border-radius: calc( 100vw * 6 / 1920);
        box-shadow: calc( 100vw * 0 / 1920) calc( 100vw * 13 / 1920) calc( 100vw * 26 / 1920) #0000003C;
        -webkit-box-shadow: calc( 100vw * 0 / 1920) calc( 100vw * 13 / 1920) calc( 100vw * 26 / 1920) #0000003C;
        -moz-box-shadow: calc( 100vw * 0 / 1920) calc( 100vw * 13 / 1920) calc( 100vw * 26 / 1920) #0000003C;
    }
    footer {
        height: calc( 100vw * 186 / 1920);
    }
    footer h1 {
        font-size: calc( 100vw * 16 / 1920);
        padding-top: calc( 100vw * 21 / 1920);
        padding-left: calc( 100vw * 4 / 1920);
        margin-bottom: calc( 100vw * 5 / 1920);
    }
    footer ul {
        width: calc( 100vw * 281 / 1920);
        margin-right: calc( 100vw * 43 / 1920);
        padding-left: calc( 100vw * 4 / 1920);
        font-size: calc( 100vw * 12.1 / 1920);
        line-height: calc( 100vw * 29.4 / 1920);
    }
    footer ul:nth-child(3) {
        width: calc( 100vw * 290 / 1920);
    }
    footer ul:nth-child(4) {
        margin-right: 0;
    }
    footer .bg-black {
        width: 100%;
        margin-right: 0;
        margin-top: calc( 100vw * 32 / 1920);
        height: calc( 100vw * 59 / 1920);
    }
    footer .bg-black .logo svg {
        width: calc( 100vw * 66 / 1920);
        margin: calc( 100vw * 17 / 1920) calc( 100vw * 42 / 1920) 0 0;
        height: calc( 100vw * 27 / 1920);
    }
    footer .bg-black p {
        font-size: calc( 100vw * 16 / 1920);
        margin: calc( 100vw * 28 / 1920) calc( 100vw * 42 / 1920) 0 0;
        font-weight: 200;
    }
    footer .bg-black a:last-child {
        margin: calc( 100vw * 29 / 1920) 0 0 0;
        font-size: calc( 100vw * 16 / 1920);
    }
    footer a.logo {
        /* width: calc( 100vw * 281 / 1920);
        margin-right: calc( 100vw * 43 / 1920); */
        padding-left: calc( 100vw * 4 / 1920);
        line-height: calc( 100vw * 29.4 / 1920);
    }

    .equipos-50:after,
    .equipos-gratis:after,
    .locales:after,
    .tiendas:after {
        width: calc( 100vw * 755 / 1920);
        height: calc( 100vw * 500 / 1920);
        right: calc( 100vw * 20 / 1920);
    }
    
    .equipos-50:after {  
        width: calc( 100vw * 630 / 1920);
        height: calc( 100vw * 455 / 1920);
        top: calc( 100vw * 160 / 1920);
        left: calc( 100vw * 130 / 1920);
    }
    
    #equipos-FWA:after {
        width: calc( 100vw * 587 / 1920);
        height: calc( 100vw * 504 / 1920);
        left: initial;
        right: calc( 100vw * 130 / 1920);
        top: calc( 100vw * 60 / 1920);
    }
    .locales:after,
    .tiendas:after {
        margin-left: calc( 100vw * 314 / 1920);
        height: calc( 100vw * 455 / 1920);
        top: calc( 100vw * -25 / 1920);
        width: calc( 100vw * 743 / 1920);
    }
    .locales:after {
        width: calc( 100vw * 500 / 1920);
        height: calc( 100vw * 312 / 1920);
        left: 50%;
        top: calc( 100vw * -22 / 1920);
        margin-left: calc( 100vw * 431 / 1920);
    }
    .locales:before,
    .tiendas:before {
        width: calc( 100vw * 403 / 1920);
        height: calc( 100vw * 403 / 1920);
        border-radius: 50%;
        left: 50%;
        top: calc( 100vw * 25 / 1920);
        margin-left: calc( 100vw * 459 / 1920);
    }
    p.note {
        font-size: calc( 100vw * 11 / 1920) !important;
        top: calc( 100vw * -9 / 1920) !important;
    }
    form.formulario+.success,
    form.formulario {
        top: 50%;
        left: 50%;
        width: calc( 100vw * 300 / 1920);
        height: calc( 100vw * 500 / 1920);
        padding: calc( 100vw * 30 / 1920);
    }
    form.formulario.active .close-formulario-equipos {
        top: calc( 100vw * 20 / 1920);
        right: calc( 100vw * 20 / 1920);
        font-size: calc( 100vw * 18 / 1920);
    }
    form.formulario>div {
        top: calc( 100vw * -40 / 1920);
    }
    form.formulario.active>div {
        top: 0;
    }
    form.formulario:before {
        background-size: 0 0;
        height: 99vw;
        width: 99vw;
        left: 50%;
        top: 0;
        left: 50%;
    }
    form.formulario.active:before {
        background-size: 200% 300%;
    }
    form.formulario h1 {
        font-size: calc( 100vw * 27 / 1920) !important;
        margin-top: calc( 100vw * -3 / 1920);
        margin-bottom: calc( 100vw * 11 / 1920);
        letter-spacing: 0 !important;
        padding-bottom: calc( 100vw * 1 / 1920);
    }
    form.formulario h2 {
        font-size: calc( 100vw * 16 / 1920) !important;
        margin-top: calc( 100vw * -3 / 1920);
        letter-spacing: calc( 100vw * 0 / 1920) !important;
        padding: calc( 100vw * 5 / 1920) 0 calc( 100vw * 19 / 1920);
        line-height: calc( 100vw * 16 / 1920);
    }
    .equipos-50>.bg-black a,
    .equipos-gratis>.bg-black a,
    form.formulario>div>input {
        border-radius: calc( 100vw * 3 / 1920);
        margin: 0 auto;
        font-weight: 200;
        border: 0;
        margin-bottom: calc( 100vw * 11 / 1920);
        width: calc( 100vw * 250 / 1920);
        font-size: calc( 100vw * 15 / 1920);
        padding: calc( 100vw * 10 / 1920);
    }
    form.formulario p {
        margin-top: calc( 100vw * 0 / 1920) !important;
        letter-spacing: calc( 100vw * -0.5 / 1920) !important;
        font-size: calc( 100vw * 12 / 1920) !important;
    }
    .equipos-50>.bg-black a,
    .equipos-gratis>.bg-black a,
    form.formulario>div>input[type=submit] {
        width: calc( 100vw * 121 / 1920);
        border-radius: calc( 100vw * 3 / 1920);
        font-size: calc( 100vw * 15 / 1920);
        margin: calc( 100vw * 22 / 1920) auto;
        padding: calc( 100vw * 11 / 1920) 0;
    }
    .equipos-50>.bg-black a svg,
    .equipos-gratis>.bg-black a svg {
        width: 11%;
        left: calc( 100vw * 21 / 1920);
    }
    .equipos-50>.bg-black a,
    .equipos-gratis>.bg-black a {
        width: calc( 100vw * 163 / 1920);
        margin-left: calc( 100vw * 10 / 1920);
        margin-top: calc( 100vw * 44 / 1920);
        margin-right: 0;
        text-indent: calc( 100vw * 21 / 1920);
    }
    .equipos-gratis>.bg-black a {
        margin-top: calc( 100vw * 11 / 1920);
    }
    #equipos-FWA>.bg-black a {
        margin-top: calc( 100vw * 16 / 1920);
    }
    .equipos-50>.bg-black a.buy,
    .equipos-gratis>.bg-black a.buy {
        width: calc( 100vw * 209 / 1920);
        text-indent: 0 !important;
    }
    .success {
        top: 0;
        left: calc( 100vw * 6 / 1920);
        right: calc( 100vw * 6 / 1920);
        bottom: 0;
    }
    .success>div {
        top: calc( 100vw * -8 / 1920);
    }
    .success.active>div {
        top: 0;
    }
    .success.active>div img {
        width: 100%;
    }
    .success:before {
        height: 99vw;
        width: 99vw;
        z-index: 0;
        left: 50%;
        top: 0;
        left: 50%;
    }
    .success.active:before {
        background-size: 200% 300%;
    }
    .success h1 {
        font-size: calc( 100vw * 22 / 1920) !important;
        margin-top: calc( 100vw * -3 / 1920);
        letter-spacing: 0 !important;
        padding-bottom: calc( 100vw * 1 / 1920);
    }
    .success svg {
        height: calc( 100vw * 90 / 1920);
        margin: calc( 100vw * 90 / 1920) auto calc( 100vw * 20 / 1920);
    }
    .success h2 {
        font-size: calc( 100vw * 16 / 1920) !important;
        margin-top: calc( 100vw * -3 / 1920);
        letter-spacing: calc( 100vw * 0 / 1920) !important;
        padding: calc( 100vw * 5 / 1920) 0 calc( 100vw * 22 / 1920);
        line-height: calc( 100vw * 19 / 1920);
    }
    .success h2 strong {
        font-size: calc( 100vw * 19 / 1920) !important;
        margin-top: calc( 100vw * -3 / 1920);
        letter-spacing: calc( 100vw * 0 / 1920) !important;
        padding: calc( 100vw * 5 / 1920) 0 calc( 100vw * 22 / 1920);
        line-height: calc( 100vw * 19 / 1920);
    }
    .success .close {
        font-size: calc( 100vw * 16 / 1920) !important;
        margin-top: calc( 100vw * 10 / 1920);
        letter-spacing: calc( 100vw * 0 / 1920) !important;
        padding: calc( 100vw * 2 / 1920) 0;
        line-height: calc( 100vw * 39 / 1920);
        width: 100%;
        bottom: calc( 100vw * 40 / 1920);
        left: 50%;
        border: calc( 100vw * 2 / 1920) solid #c1281c;
        width: calc( 100vw * 120 / 1920);
        border-radius: calc( 100vw * 6 / 1920);
    }
    .equipos-50>.slider article .success img,
    .equipos-gratis>.slider article .success img {
        width: 100%;
        height: calc( 100vw * 222 / 1920);
        margin-bottom: calc( 100vw * 19 / 1920);
    }
    .equipos-50>.slider article .success img.tag,
    .equipos-gratis>.slider article .success img.tag {
        width: calc( 100vw * 60 / 1920);
        height: auto;
        margin-left: calc( 100vw * 61 / 1920);
        top: calc( 100vw * 32 / 1920);
        left: 50%;
    }
    .slider article .success a {
        width: calc( 100vw * 121 / 1920);
        border-radius: calc( 100vw * 3 / 1920);
        font-size: calc( 100vw * 15 / 1920);
        margin: calc( 100vw * 45 / 1920) auto;
        padding: calc( 100vw * 11 / 1920) 0;
    }
    .slide-up,
    .slide-down {
        max-height: 0;
    }
    .slide-down {
        max-height: 10em;
    }
    aside form {
        height: calc( 100vw * 130 / 1920);
        width: 100%;
    }
    aside form>div {
        padding-top: calc( 100vw * 20 / 1920);
    }
    .slide-up,
    .slide-down {
        max-height: 0;
    }
    .slide-down {
        max-height: calc( 100vw * 130 / 1920);
    }
    aside input {
        border-radius: calc( 100vw * 3 / 1920);
        margin: 0 auto;
        border: 0;
        margin-bottom: calc( 100vw * 11 / 1920);
        width: calc( 100vw * 160 / 1920);
        font-size: calc( 100vw * 15 / 1920);
        padding: calc( 100vw * 10 / 1920);
    }
    aside input[type=submit] {
        width: calc( 100vw * 160 / 1920);
        border-radius: calc( 100vw * 3 / 1920);
        font-size: calc( 100vw * 15 / 1920);
        padding: calc( 100vw * 11 / 1920) 0;
    }
    .success2 {
        font-size: calc( 100vw * 16 / 1920);
        padding: calc( 100vw * 21 / 1920) calc( 100vw * 20 / 1920);
    }
    .success2 span {
        font-size: calc( 100vw * 12 / 1920);
        padding: calc( 100vw * 10 / 1920) calc( 100vw * 0 / 1920);
    }
    .locales>.bg-black .infowindow h1,
    .tiendas>.bg-black .infowindow h1 {
        font-size: calc( 100vw * 20 / 1920);
        margin-bottom: calc( 100vw * -8 / 1920);
    }
    .locales>.bg-black .infowindow p,
    .tiendas>.bg-black .infowindow p {
        margin: 0;
    }
    .form-group {
        margin-bottom: calc( 100vw * 15 / 1920);
    }
    .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
    }
    .form-group label {
        padding-left: calc( 100vw * 60 / 1920);
        font-size: calc( 100vw * 16 / 1920);
        padding-right: calc( 100vw * 50 / 1920);
    }
    .form-group label:before {
        border: calc( 100vw * 2 / 1920) solid #FFF;
        padding: calc( 100vw * 8 / 1920);
        left: calc( 100vw * 29 / 1920);
        top: calc( 100vw * 5 / 1920);
        margin-right: 0;
    }
    .form-group input:checked+label:after {
        top: calc( 100vw * 6 / 1920);
        left: calc( 100vw * 37 / 1920);
        width: calc( 100vw * 6 / 1920);
        height: calc( 100vw * 16 / 1920);
        border-width: 0 calc( 100vw * 2 / 1920) calc( 100vw * 2 / 1920) 0;
    }
    .equipos-50>.slider article svg,
    .equipos-gratis>.slider article svg {
        right: calc( 100vw * -10 / 1920);
        top: calc( 100vw * -40 / 1920);
    }
    #equipos-FWA>h1 {
        text-indent: -100%;
        height: calc( 100vw * 538 / 1920);
        width: 100%;
        top: calc( 100vw * -8 / 1920);
        left: 50%;
        margin-left: calc( 100vw * 296 / 1920);
    }
    #equipos-FWA.equipos-gratis>.bg-black ul {
        width: calc( 100vw * 770 / 1920);
        padding-bottom: calc( 100vw * 60 / 1920);
    }
    #equipos-FWA.equipos-gratis>.bg-black ul li {
        font-size: calc( 100vw * 15 / 1920);
        padding-top: calc( 100vw * 3 / 1920);
        width: calc( 100vw * 382 / 1920);
    }



}

.formbg  {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000000000000000000;
}
.formbg.active {
    opacity:1;
    visibility: visible;

}


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


/* ---- CONTACT ICONS ---- */
.contact-icons {
    width: calc(100vw * 180 / 400) !important;
    top: calc(100vh - calc(100vw * 240 / 400));
}
.contact-icons .icons-content {
    width: calc(100vw * 180 / 400);
    height: calc(100vw * 240 / 400);
}
.contact-icons .icons-content .main-icon, .secondary-icon {
    width: calc(100vw * 60 / 400);
    height: calc(100vw * 60 / 400);
    right: calc(100vw * 30 / 400);
    bottom: calc(100vw * 80 / 400);
    -webkit-box-shadow: 0px 0px calc(100vw * 3 / 400) 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px calc(100vw * 3 / 400) 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px calc(100vw * 3 / 400) 0px rgba(0,0,0,0.2);
}
.contact-icons .icons-content:hover .main-icon, .secondary-icon:hover {
    -webkit-box-shadow: 0px 0px calc(100vw * 300 / 400) calc(100vw * 20 / 400) rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px calc(100vw * 300 / 400) calc(100vw * 20 / 400) rgba(0,0,0,1);
    box-shadow: 0px 0px calc(100vw * 300 / 400) calc(100vw * 20 / 400) rgba(0,0,0,1);
}
.contact-icons .icons-content .main-icon h4, .secondary-icon h4 {
    width: 100%;
    margin: calc(100vw * 10 / 400) auto 0 auto;
    font-size: calc(100vw * 8 / 400);
    letter-spacing: calc(100vw * 1 / 400);
}
.contact-icons .icons-content .list-icons {
    width: 100%;
    height: 100%;
}
.contact-icons .icons-content .list-icons .icons a {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.contact-icons .icons-content .list-icons .icons.llamanos {
    left: calc(100vw * 0 / 400);
    bottom: calc(100vw * 70 / 400);
}
.contact-icons .icons-content .list-icons .icons.teLlamamos {
    left: 0;
    bottom: calc(100vw * 160 / 400);
}
.contact-icons .icons-content .list-icons .icons.escribenos {
    right: calc(100vw * 55 / 400);
    top: calc(100vw * 10 / 400);
}
.contact-icons .icons-content .list-icons .icons.chatea {
    right: calc(100vw * 10 / 400);
    top: 0;
}
.contact-icons .icons-content .list-icons .icons .icon {
    width: calc(100vw * 40 / 400);
    height: calc(100vw * 40 / 400);
    margin: 0 auto;
}
.contact-icons .icons-content .list-icons .icons .icon svg {
    width: initial;
    left: initial;
    top: initial;
}
.contact-icons .icons-content .list-icons .icons h4 {
    width: 100%;
    margin: calc(100vw * 10 / 400) auto 0 auto;
    font-size: calc(100vw * 8 / 400);
    letter-spacing: calc(100vw * 1 / 400);
}

/* ---- CONTACT ICONS MODAL ---- */
.modal-contact-icons .form-group {
    margin-bottom: calc(100vw * 15 / 400);
    width: calc(100vw * 230 / 400);
}
.modal-contact-icons .modal-dialog {
    width: calc(100vw * 300 / 400);
    min-height: calc(100vw * 500 / 400);
    border-radius: calc(100vw * 4 / 400);
    padding: calc(100vw * 30 / 400) calc(100vw * 25 / 400) calc(100vw * 40 / 400) calc(100vw * 25 / 400);
}
.modal-contact-icons#callMeModal .modal-dialog {
    min-height: calc(100vw * 300 / 400);
}
.modal-contact-icons .modal-dialog .modal-header {
    margin-bottom: calc(100vw * 30 / 400);
}
.modal-contact-icons .modal-dialog .modal-header .modal-title {
    font-size: calc(100vw * 16 / 400);
    letter-spacing: calc(100vw * 2.52 / 400);
}
.modal-contact-icons .modal-dialog .modal-body h4 {
    font-size: calc(100vw * 27 / 400);
}
.modal-contact-icons .modal-dialog .modal-body h5 {
    font-size: calc(100vw * 16 / 400);
    margin-top: calc(100vw * 30 / 400);
    margin-bottom: calc(100vw * 20 / 400);
    letter-spacing: calc(100vw * 2.52 / 400);
}
.modal-contact-icons .modal-dialog .modal-body h6 {
    font-size: calc(100vw * 16 / 400);
    margin-top: calc(100vw * 5 / 400);
    margin-bottom: calc(100vw * 20 / 400);
}
.modal-contact-icons .modal-dialog .modal-body #btn-call {
    width: 100%;
    height: calc(100vw * 60 / 400);
    border-radius: calc(100vw * 4 / 400);
    padding: 0;
}
.modal-contact-icons .modal-dialog .modal-body #btn-call a {
    font-size: calc(100vw * 20 / 400);
    letter-spacing: 0;
    width: 100%;
    height: 100%;
    line-height: calc(100vw * 60 / 400);
}
.modal-contact-icons .modal-dialog .modal-body p {
    font-size: calc(100vw * 16 / 400);
    margin-top: calc(100vw * 5 / 400);
    margin-bottom: calc(100vw * 5 / 400);
}
.modal-contact-icons .modal-dialog .modal-body input,
.modal-contact-icons .modal-dialog .modal-body select,
.modal-contact-icons .modal-dialog .modal-body textarea {
    width: 100% !important;
    height: calc(100vw * 40 / 400);
    padding: 0 calc(100vw * 16 / 400) !important;
    font-size: calc(100vw * 16 / 400);
    margin-bottom: 0;
}
.modal-contact-icons .modal-dialog .modal-body select {
    padding: 0 calc(100vw * 12 / 400) !important;
}
.modal-contact-icons .modal-dialog .modal-body textarea {
    height: calc(100vw * 100 / 400);
    padding: calc(100vw * 10 / 400) calc(100vw * 16 / 400) 0 calc(100vw * 16 / 400) !important;
}
.modal-contact-icons .modal-dialog .modal-body .inputDateContent .bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    padding: calc(100vw * 10 / 400) calc(100vw * 20 / 400);
    border-top: calc(100vw * 4 / 400) solid #d52b1e;
}
.modal-contact-icons .modal-dialog .modal-body .form-group label:before {
    right: calc(100vw * 29 / 400);
}
.modal-contact-icons .modal-dialog .modal-body .campos-obligatorios {
    font-size: calc(100vw * 12 / 400);
    margin: calc(100vw * 10 / 400) 0 0 0;
    padding: 0;
}
.modal-contact-icons .modal-dialog .modal-footer .botones {
    width: 100%;
    margin-left: 0;
    margin-right: calc(100vw * 30 / 400);
    margin-top: calc(100vw * 20 / 400);
}
.modal-contact-icons .modal-dialog .modal-footer .botones .btn-danger {
    width: 100%;
    height: calc(100vw * 40 / 400);
    border-radius: calc(100vw * 4 / 400);
    font-size: calc(100vw * 11 / 400);
    letter-spacing: calc(100vw * 2.2 / 400);
}
.modal-contact-icons .modal-dialog .modal-footer .botones:after {
    width: 100%;
    height: 100%;
    right: calc(100vw * -10 / 400);
    bottom: calc(100vw * -10 / 400);
    border-radius: calc(100vw * 4 / 400) !important;
    border: calc(100vw * 4 / 400) solid #FF9B00;
}
.modal-contact-icons .modal-dialog .modal-body .errorMessage {
    font-size: calc(100vw * 9 / 400);
}













    aside button.lity-close {
        top: 30vw!important;
        font-size: 12vw!important;
        color: #FFF!important;
        display: block;
    }
    
img.loader {
    width: calc(100vw * 80 / 400)!important;
    height: calc(100vw * 80 / 400)!important;
}
    /* form Store Id*/
    .home>form.storeId {
        max-width: 260px;
        top: calc(50% + 40vw + 20px);
    }




    .success2 {
        font-size: calc(100vw * 16 / 400);
        padding: calc(100vw * 50 / 400) calc(100vw * 20 / 400);
    }

.success2 span{font-size: calc(100vw * 16 / 400);padding: calc(100vw * 10 / 400) calc(100vw * 0 / 400);}
    body {
        padding-top: calc(100vw * 60 / 400);
        z-index: 100000000000000000;
    }

    header {
        height: calc(100vw * 60 / 400);
        box-shadow: 0 calc(100vw * 3 / 400) calc(100vw * 6 / 400) rgba(0, 0, 0, 0.06);
    }

    header h1 {
        top: calc(100vw * 12 / 400);
        left: calc(100vw * 25 / 400);
        height: calc(100vw * 35 / 400);
        width: calc(100vw * 90 / 400);
    } 


    header ul {
        right: calc(100vw * 25 / 400);
        width: calc(100vw * 227 / 400);
    }

    header ul li {
        margin-top: calc(100vw * 21 / 400);
        margin-left: calc(100vw * 20 / 400);
    }

    header ul li a {
        font-size: calc(100vw * 15 / 400);
        line-height: calc(100vw * 20 / 400);
    }

    /* .santa {
        right: calc(100vw * 25 / 400);
        bottom: calc(100vw * 52 / 400);
        font-size: calc(100vw * 13 / 400);
        letter-spacing: calc(100vw * 1.5 / 400);
    } */

    .emoji {
        left: calc(100vw * 25 / 400);
        bottom: calc(100vw * 48 / 400);
        height: calc(100vw * 26 / 400);
        letter-spacing: calc(100vw * 1.5 / 400);
        width: calc(100vw * 37 / 400);
        display: none;
    }

    .explora {
        bottom: calc(100vw * 34 / 400);
        height: calc(100vw * 36 / 400);
        letter-spacing: calc(100vw * 1.5 / 400);
        width: calc(100vw * 117 / 400);
        font-size: calc(100vw * 12 / 400);
        letter-spacing: calc(100vw * 10.9 / 400);
        padding-left: calc(100vw * 10.9 / 400);
        line-height: calc(100vw * 17 / 400);
    }



    .tns-outer [aria-controls],
    .tns-outer [data-action] {
        left: 3vw !important;
        margin-top: -6vw;
        width: calc(100vw * 30 / 400);
        height: calc(100vw * 30 / 400);
        z-index: 10;
    }

    .locales #map ,
    .tiendas #map {
        height: 100vw !important;
    }

    .tns-outer [data-controls][disabled] {
        left: 3vw !important;
        z-index: 200;
    }

    .tns-outer [data-controls=next] {
        right: 3vw !important;
        left: auto !important;
        z-index: 20;
    }
    .tns-outer [data-controls=next][disabled] {
        right: 3vw !important;
        left: auto !important;
    }


    header ul li:last-child {
        margin-top: calc(100vw * 20 / 400);
    }

    header ul li:last-child a {
        margin-top: calc(100vw * 20 / 400);
        padding: calc(100vw * 9 / 400);
        border-radius: calc(100vw * 3 / 400);
    }


    header ul li a {
        font-size: calc(100vw * 15 / 400);
        line-height: calc(100vw * 20 / 400);
    }

    header ul li svg {
        height: calc(100vw * 16 / 400);
        margin: 0 calc(100vw * 11 / 400) 0 0;
        top: calc(100vw * 2 / 400);
    }

    .fibra {
        left: -35%;
        top: calc(100vw * 20 / 400);
        font-size: calc(100vw * 9 / 400)!important;
        letter-spacing: calc(100vw * 9 / 400)!important;
        transform: rotate(-90deg) translate(0,-50%);
        -webkit-transform: rotate(-90deg) translate(0,-50%);
    }

    .santa {
        right: -35%;
        bottom: 0;
        font-size: calc(100vw * 9 / 400)!important;
        letter-spacing: calc(100vw * 9 / 400)!important;
        transform: rotate(-90deg) translate(0,-50%);
        -webkit-transform: rotate(-90deg) translate(0,-50%);        
    }

    /* .fibra {
        left: calc(100vw * -200 / 400);
        top: calc(100vw * 50 / 400);
    }

    .santa {
        right: calc(100vw * -180 / 400);
        bottom: calc(100vw * 0 / 400);
    } */



    .emoji {
        left: calc(100vw * 52 / 400);
        bottom: calc(100vw * 48 / 400);
        height: calc(100vw * 26 / 400);
        letter-spacing: calc(100vw * 1.5 / 400);
        width: calc(100vw * 37 / 400);
        display: none;
    }

    .explora {
        /* bottom: calc(100vw * 24 / 400);
        height: calc(100vw * 36 / 400);
        letter-spacing: calc(100vw * 1.5 / 400);
        width: calc(100vw * 117 / 400);
        font-size: calc(100vw * 12 / 400);
        letter-spacing: calc(100vw * 10.9 / 400);
        padding-left: calc(100vw * 10.9 / 400);
        line-height: calc(100vw * 17 / 400);
        margin-left: -3vw; */
        bottom: calc(100vw * 24 / 400);
        height: calc(100vw * 36 / 400);
        letter-spacing: calc(100vw * 1.5 / 400);
        width: calc(100vw * 300 / 400);
        font-size: calc(100vw * 9 / 400);
        letter-spacing: calc(100vw * 9 / 400);
        padding-left: 0;
        line-height: calc(100vw * 17 / 400);
        /* display: none; */
        margin-left: 0;
        margin: 0 auto;
        text-align: center;
    }

    .home a.explora:hover {
        font-size: calc(100vw * 16 / 400);
        bottom: calc(100vw * 25 / 400);
    }

    .explora svg {
        width: calc(100vw * 44 / 400) !important;
        height: calc(100vw * 15 / 400);
        margin: calc(100vw * 9 / 400) 0;
    }

    .equipos-50>h1,
    .equipos-gratis>h1 {
        height: calc(100vw * 410 / 400);
        width: 100%;
        top: 10vw;
        margin-left: 0;
        width: 100vw;
        height: 40vw;
    }
    .tiendas h1 {
        display: none;
    }
    .equipos-50>.bg-black,
    .equipos-gratis>.bg-black,
    .locales>.bg-black ,
    .tiendas>.bg-black {
        padding-top: calc(100vw * 40 / 400);
        height: auto;
        z-index: 2;
        position: relative;
    }

    .equipos-50>.bg-black {
        padding-top: 0;
        height: auto;
    }
    .equipos-50>.bg-black:last-child {
        margin-top: calc(100vw * 220 / 400);
    }
    #equipos-FWA>.bg-black:last-child {
        margin-top: calc(100vw * 20 / 400);
    }


    .equipos-50>.bg-black h2, .equipos-gratis>.bg-black h2, .locales>.bg-black h1, .tiendas>.bg-black h2, .equipos-50>.bg-black h4, .equipos-gratis>.bg-black h4 {
        font-size: calc(100vw * 16 / 400);
        margin-bottom: calc(100vw * 4 / 400);
        line-height: calc(100vw * 22 / 400);
        width: 100%;
        text-align: left;
        letter-spacing: calc(100vw * 0.8 / 400);
    }
    .locales>.bg-black h1, .tiendas>.bg-black h2 {
        max-width: 100%;
        text-align: center;
        font-size: calc( 100vw * 24 / 400);
    }


.equipos-50>.bg-black:last-child h4 {
    margin-top: calc(100vw * 0 / 1920);
    display: block;
}
.equipos-50>.bg-black h2:first-child, .equipos-gratis>.bg-black h2:first-child, .locales>.bg-black h1, .tiendas>.bg-black h2:first-child {
    font-size: calc(100vw * 40 / 400);
    margin-bottom: calc(100vw * 4 / 400);
    line-height: calc(100vw * 32 / 400);
    letter-spacing: calc(100vw * 0.5 / 400);
    display: block;
    text-align: left;
}
.equipos-gratis.equipos-gpon>.bg-black h2.logo-section {
    width: calc( 100vw * 240 / 400);
    height: calc( 100vw * 120 / 400);
}
.equipos-50>.bg-black h2.logo-section {
    width: calc( 100vw * 330 / 400);
    /* height: calc( 100vw * 100 / 400); */
    height: 158px;
    text-align: left;
}
#equipos-FWA>.bg-black h2.logo-section {
    width: calc( 100vw * 268 / 400);
    height: calc( 100vw * 90 / 400);
}
.equipos-gratis>.bg-black h2:first-child {
    width: calc( 100vw * 296 / 400);
    height: calc( 100vw * 97 / 400);
}
.equipos-50>.bg-black h2,
.equipos-50>.bg-black p {
    text-align: right !important;
}



.equipos-gratis>.bg-black h4 {
    font-size: calc(100vw * 24 / 400);
    float: left;
}


section h4.subtitle,
.equipos-50>.bg-black h4.subtitle {
    font-size: calc( 100vw * 17 / 400) !important;
    letter-spacing: calc( 100vw * 1.2 / 400) !important;
    padding-left: calc( 100vw * 20 / 400) !important;
    margin-bottom: calc( 100vw * 30 / 400) !important;
}
#equipos-HOGAR h4.subtitle {
    padding-right: calc( 100vw * 20 / 400) !important;
}
#equipos-HOGAR h4.subtitle:after {
    right: 0;
}
section h4.subtitle:after {
    width: calc( 100vw * 4 / 400);
    height: calc( 100vw * 40 / 400);
    left: 0;
    top: 50%;
    border-radius: calc( 100vw * 4 / 400);
}
section h3.bajada {
    font-size: calc( 100vw * 16 / 400) !important;
    letter-spacing: calc( 100vw * 1.2 / 400) !important;
    margin-bottom: calc( 100vw * 20 / 400) !important;
    line-height: calc(100vw * 22 / 400) !important;
}

.bg-black h4.beneficios-tit {
    width: calc( 100vw * 177 / 400);
    height: calc( 100vw * 33 / 400);
    font-size: calc( 100vw * 18 / 400) !important;
}
.bg-black h4.beneficios-tit:after {
    width: calc( 100vw * 177 / 400);
    height: calc( 100vw * 33 / 400);
    left: 40%;
    top: 50%;
}
#equipos-HOGAR .bg-black h4.beneficios-tit:after {
    left: 70%;
}

.equipos-50>.bg-black h2 br, .equipos-gratis>.bg-black br, .locales>.bg-black br, .tiendas>.bg-black br {
    display: none
}
.equipos-50>.bg-black p, .equipos-gratis>.bg-black p, .locales>.bg-black p, .tiendas>.bg-black p, .equipos-gratis>.bg-black ul li, .equipos-50>.bg-black ul li {
    font-size: calc(100vw * 16 / 400);
    margin-bottom: calc(100vw * 15 / 400);
    line-height: calc(100vw * 20 / 400);
    letter-spacing: calc(100vw * 0.96 / 400);
    padding-top: calc(100vw * 7 / 400);
    text-align: left;
}
.equipos-50>.bg-black .wrap >img:last-child, .equipos-gratis>.bg-black .wrap >img:last-child, .tiendas>.bg-black .wrap >img:last-child {
    position: absolute;
    top: calc( 100vw * 360 / 420);
    left: 0;
    transform: none;
    margin-left: 0;
    width: calc(100vw * 160 / 400);
    height: calc(100vw * 120 / 400);
    /* display: none; */
}
#equipos-FWA >.bg-black .wrap >img:last-child {
    margin-left: 0;
    top: calc( 100vw * 1230 / 1920);
}
#equipos-HOGAR >.bg-black .wrap >img:last-child {
    left: initial;
    right: calc(100vw * 0 / 400);
    top: calc( 100vw * 320 / 420);
}

#equipos-FWA.equipos-gratis>.bg-black ul li, .equipos-50>.bg-black ul li, .equipos-gratis>.bg-black ul li{
    font-size: calc(100vw * 16 / 400);
    padding-top: calc(100vw * 3 / 400);
    width: 100%;
    margin-bottom: 0;
}

.equipos-50>.bg-black ul li img,
.equipos-gratis>.bg-black ul li img{
    /* display: none; */
    height: calc(100vw * 16 / 400);
    width: calc(100vw * 16 / 400);
    color: #FFF;
    margin-right: calc(100vw * 7 / 400);
    }
    sup {
        font-size: calc(100vw * 10 / 400)
    }
    .equipos-50>.bg-black p br,
    .equipos-gratis>.bg-black p br,
    .locales>.bg-black p br ,
    .tiendas>.bg-black p br {
        display: none;
    }

    .equipos-50>.bg-black a,
    .equipos-gratis>.bg-black a,
    .locales>.bg-black a ,
    .tiendas>.bg-black a {
        font-size: calc(100vw * 16 / 400);
        margin-bottom: calc(100vw * 27 / 400);
        line-height: calc(100vw * 20 / 400);
        letter-spacing: calc(100vw * 0.2 / 400);
    }

    .equipos-50>.slider,
    .equipos-gratis>.slider {
        /* padding-top: calc( 100vw * 740 / 1920); */
    }
    .tns-controls {
        display: none;
    }

    .equipos-50>.slider article,
    .equipos-gratis>.slider article {
        height: calc(100vw * 210 / 400);
        width: calc(100vw * 170 / 400);
        margin-right: 0;
    }

    .equipos-50>.slider .article,
    .equipos-gratis>.slider .article {
        height: 90%;
        border-radius: calc(100vw * 3 / 400);
        box-shadow: calc(100vw * 0 / 400) calc(100vw * 6 / 400) calc(100vw * 12 / 400) rgba(0, 0, 0, 0.16);
        width: calc(100% - calc(100vw * 12 / 400));
        margin-left: calc(100vw * 6 / 400);
        border-radius: 5px;
    }

    .equipos-50>.slider article:last-child,
    .equipos-gratis>.slider article:last-child {
        margin-right: 0;
    }

    .equipos-50>.slider article h1,
    .equipos-gratis>.slider article h1 {
        font-size: calc(100vw * 17 / 400);
        padding-top: calc(100vw * 43 / 400);
        letter-spacing: calc(100vw * -0.4 / 400);
        margin-bottom: calc(100vw * 11 / 400);
    }

    .equipos-50>.slider article .img, 
    .equipos-gratis>.slider article .img {
        padding-left: calc( 100vw * 20 / 400);
        padding-top: calc( 100vw * 20 / 400);
        margin-bottom: calc( 100vw * 15 / 400);
    }

    .equipos-50>.slider article img,
    .equipos-gratis>.slider article img {
        width: 100%;
        height: auto;
        margin: 0;
        /* width: 100%;
        height: 38vw;
        margin-bottom: calc(100vw * 19 / 400);
        margin-top: 11vw;
        object-position: top 0; */
    }

    .equipos-50>.slider article p,
    .equipos-gratis>.slider article p {
        font-size: calc( 100vw * 11 / 400);
        margin-top: 0;
        letter-spacing: calc(100vw * 1.65 / 400);
        margin-bottom: 0;
        height: auto;
        margin-left: calc( 100vw * 15 / 400);
    }

    .equipos-50>.slider article img.tag,
    .equipos-gratis>.slider article img.tag {
        width: calc(100vw * 60 / 400);
        margin-left: calc(100vw * 61 / 400);
        top: calc(100vw * 32 / 400);
    }

    .equipos-50>.slider article p.old,
    .equipos-gratis>.slider article p.old {
        font-size: calc(100vw * 19 / 400);
        margin-top: calc(100vw * 10 / 400);
        letter-spacing: calc(100vw * 0.6 / 400);
        margin-bottom: calc(100vw * 28 / 400);
    }

    .equipos-50>.slider article p.red,
    .equipos-gratis>.slider article p.red {
        font-size: calc(100vw * 28 / 400);
        margin-top: calc(100vw * 10 / 400);
        letter-spacing: 0;
        margin-left: calc( 100vw * 15 / 400);
        margin-bottom: calc(100vw * 10 / 400);
    }

    .equipos-50>.slider article p.old:after,
    .equipos-gratis>.slider article p.old:after {
        left: 50%;
        top: 50%;
        height: calc(100vw * 2 / 400);
        width: 119%;
    }

    .equipos-50>.slider article p:last-child, 
    .equipos-gratis>.slider article p:last-child {
        margin-top: 0;
        font-size: calc( 100vw * 9 / 400);
    }

    .equipos-50>.slider article a,
    .equipos-gratis>.slider article a {
        background: #d52b1e;
        cursor: pointer;
        width: calc(100vw * 121 / 400);
        border-radius: calc(100vw * 3 / 400);
        font-size: calc(100vw * 15 / 400);
        padding: calc(100vw * 12.5 / 400) 0;
        color: #FFF;
        clear: both;
        margin-top: calc(100vw * 15 / 400);
    }
.equipos-50>.slider article a.legal2, .equipos-gratis>.slider article a.legal2 ,
.equipos-50>.slider article a.legal, .equipos-gratis>.slider article a.legal {
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 5vw;
    color: #777;
    margin-left: 10vw;
}
    .equipos-50>.slider article a.i,
    .equipos-gratis>.slider article a.i {
        width: calc(100vw * 34 / 400);
        margin-left: calc(100vw * 8 / 400);
    }

    .equipos-50>.slider article a svg,
    .equipos-gratis>.slider article a svg {
        height: calc(100vw * 19 / 400);
        margin: calc(100vw * -2 / 400) 0 calc(100vw * -5 / 400) 0;
    }

    .equipos-50 #equipos-50-detalle,
    .equipos-gratis #equipos-gratis-detalle {
        padding-bottom: 0vw;
    }

    .equipos-50 .santa,
    .equipos-gratis .santa {
        right: 0;
    }

    .equipos-50 .emoji,
    .equipos-gratis .emoji {
        left: 0;
    }

.legal2 {
    margin-top: calc(100vw * 40 / 400);
    font-size: calc(100vw * 16 / 400)!important;
    letter-spacing: calc(100vw * 0 / 400)!important;
    position: static;
    width: 50%;
    float: none;
    clear: both;
    display: block;
    width: 100%;
}
.legal2 br {
    display: block !important;
}
#equipos-HOGAR .legal2 {
    float: right;
    text-align: right;
}
.legal {
    left: 0;
    bottom: calc(100vw * 1 / 400);
    font-size: calc(100vw * 16 / 400)!important;
    letter-spacing: calc(100vw * 1.5 / 400)!important;
}
    .equipos-50>.slider article {
        width: calc(100vw * 368 / 400);
    }

    .locales ,
    .tiendas {
        height: auto;
        padding-top: 0;
    }
.locales {
    height: calc(100vw * 290 / 400)!important;
    padding-top: calc(100vw * 0 / 400)!important;
    width: 100%;
    overflow: hidden;
}
    .locales .bg-black ,
    .tiendas .bg-black {
        height: auto;
        padding-top: 10vw;
    }

    .locales>.bg-black p ,
    .tiendas>.bg-black p {
        font-size: calc(100vw * 16 / 400);
        max-width: 100%;
        text-align: left;
        line-height: calc(100vw * 25 / 400);
        letter-spacing: calc(100vw * 0.2 / 400);
        margin-bottom: calc(100vw * 31 / 400);
    }
.locales>.bg-black .tiendass {
    /* background: #d52b1e; */
    cursor: pointer;
    display: block;
    width: calc(100vw * 241 / 400);
    border-radius: calc(100vw * 3 / 400);
    font-size: calc(100vw * 15 / 400);
    text-align: center;
    padding: calc(100vw * 12.5 / 400) 0;
    /* opacity: 0.5; */
    /* color: #FFF; */
    /* margin: 0 auto; */
    text-indent: 0;
}
    .locales #maps ,
    .tiendas #maps {
        height: calc(100vw * 431 / 400);
    }

    footer {
        height: auto;
        overflow: hidden;
    }

    footer h1 {
        font-size: calc(100vw * 16 / 400);
        padding-top: calc(100vw * 21 / 400);
        padding-left: calc(100vw * 4 / 400);
        margin-bottom: calc(100vw * 5 / 400);
    }

    footer ul {
        width: calc(100vw * 281 / 400);
        margin-right: calc(100vw * 43 / 400);
        padding-left: calc(100vw * 4 / 400);
        font-size: calc(100vw * 12.1 / 400);
        line-height: calc(100vw * 29.4 / 400);
    }

    footer ul:nth-child(3) {
        width: calc(100vw * 290 / 400);
    }

    footer ul:nth-child(4) {
        float: left;
        text-align: left;
    }

    footer .bg-black {
        width: 100%;
        margin-right: 0;
        margin-top: calc(100vw * 32 / 400);
        height: auto;
        clear: both;
        padding-bottom: calc(100vw * 16 / 400);
    }

    footer .bg-black .logo svg {
        width: calc(100vw * 66 / 400);
        margin: calc(100vw * 17 / 400) calc(100vw * 42 / 400) 0 0;
        height: calc(100vw * 27 / 400);
    }

    footer .bg-black p {
        font-size: calc(100vw * 16 / 400);
        margin: calc(100vw * 28 / 400) calc(100vw * 42 / 400) 0 0;
    }

    footer .bg-black a:last-child {
        margin: calc(100vw * 29 / 400) 0 0 0;
        color: #1f97ae;
        font-size: calc(100vw * 16 / 400);
        float: left;
    }
    footer a.logo {
        width: 100%;
    }

    .equipos-50:after,
    .equipos-gratis:after,
    .locales:after ,
    .tiendas:after {
        width: 100%;
        height: calc(100vw * 190 / 400);
        left: auto;
        top: calc( 100vw * 335 / 420);
        margin-left: 26vw;
        opacity: 1;
        z-index: 0;
        left: 50%;
        transform: translate(-50%, 0);
        background-position: center top;
        background-size: auto 100%;
    }

    .equipos-gratis:after {
        background: url(../images/mamey.png) no-repeat center top/ auto 100%;
    }
 
    #equipos-HOGAR.equipos-50:after {
        left: calc( 100vw * 10 / 1920);
        height: calc(100vw * 330 / 400);
        top: calc( 100vw * 1300 / 1920);
    }
    #equipos-FWA:after {
        width: calc( 100vw * 454 / 400);
        height: calc( 100vw * 390 / 400);
        top: calc(100vw * 180 / 400);
        margin-left: calc(100vw * 160 / 400);
        right: initial;
    }


/*     
#equipos-FWA:after {
    width: 130vw;
    height: 70vw;
    top: calc(100vw * -209 / 1366);
    margin-left: calc(100vw * 388 / 1366);
} */
    .equipos-50:after {
        /* margin-left: calc(100vw * -450 / 400); */
        /* height: calc(100vw * 731 / 400); */
        /* top: calc(100vw * -271 / 400); */
    }

    .locales:after ,
    .tiendas:after {
        margin-left: calc(100vw * 216 / 400);
        height: calc(100vw * 491 / 400);
        top: calc(100vw * -125 / 400);
        /* opacity: 0; */
        z-index: 0;
    }
.locales:after {
    content: "";
    position: absolute;
    width: calc(100vw * 600 / 400);
    height: calc(100vw * 312 / 400);
    left: 50%;
    top: calc(100vw * -22 / 400);
    margin-left: calc(100vw * 598 / 400);
    z-index: 0;
}
    p.note {
        font-size: calc(100vw * 9 / 400) !important;
        position: relative;
        top: calc(100vw * -9 / 400) !important;
    }

    .space {
        padding-bottom: 10vw;
    }

    .locales:before ,
    .tiendas:before {
        width: calc(100vw * 403 / 400);
        height: calc(100vw * 403 / 400);
        left: 50%;
        top: calc(100vw * 25 / 400);
        margin-left: calc(100vw * 459 / 400);
        z-index: 0;
    }

    .wrap {
        /* max-width: 90vw; */
        max-width: calc(100vw * 340 / 400);
    }

    .locales .wrap ,
    .tiendas .wrap {
        padding-bottom: 10vw;
        position: relative;
        z-index: 22;
        max-width: calc( 100vw * 320 / 400);
    }

    aside {
        top: calc(100vh);
        right: 0;
        /* display: none; */
        overflow: visible;
        width: calc(100vw * 124/ 400) !important;
        margin-top: calc(10vh);
        z-index: 100000000;
    }

    aside a {
        width: calc(100vw * 155 / 400);
        color: #FFF;
        margin-top: calc(100vw * -1 / 400);
        margin-bottom: 0;
        font-size: calc(100vw * 15 / 400);
        padding: calc(100vw * 13 / 400) calc(100vw * 55 / 400) calc(100vw * 12.5 / 400) 0;
        color: #FFF !important;
    }

    aside a svg {
        width: calc(100vw * 22 / 400);
        fill: #FFF;
        left: calc(100vw * 22 / 400);
        top: 50%;
        display: none;
        transform: translate(0, -50%);
    }

    aside a.call {
        width: calc(100vw * 124/ 400) !important;
        padding-right: 3vw;
        padding-left: 0;
        /* overflow: visible; */
    }




    form.formulario {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        opacity: 0;
        width: 100%;
        height: 100%;
        padding: 10vw;
        z-index: 10000000000000;
    }
    form.formulario.active .close-formulario-equipos {
        top: calc(100vw * 20 / 400);
        right: calc(100vw * 20 / 400);
        font-size: calc(100vw * 30 / 400);
    }
    form.formulario>div {
        top: calc(100vw * -40 / 400);
    }

    form.formulario.active>div {
        top: 0;
    }

    form.formulario:before {
        height: 100%;
        width: 99vw;
        z-index: 0;
        top: 0;
        content: "";
    }

    form.formulario.active:before {
        background-size: 200% 300%;
    }

    form.formulario h1 {
        font-size: calc(100vw * 27 / 400) !important;
        margin-top: calc(100vw * -3 / 400);
        margin-bottom: calc( 100vw * 11 / 400);
        letter-spacing: 0 !important;
        padding-bottom: calc(100vw * 1 / 400);
    }

    form.formulario h2 {
        font-size: calc(100vw * 16 / 400) !important;
        margin-top: calc(100vw * -3 / 400);
        letter-spacing: calc(100vw * 0 / 400) !important;
        padding: calc(100vw * 10 / 400) 0 calc(100vw * 20 / 400);
        line-height: calc(100vw * 19 / 400);
    }

    .equipos-50>.bg-black a, .equipos-gratis>.bg-black a, form.formulario >div >input {
        border-radius: calc(100vw * 3 / 400);
        margin: 0 auto;
        border: 0;
        margin-bottom: calc(100vw * 11 / 400);
        width: 100%;
        font-size: calc(100vw * 15 / 400);
        padding: calc(100vw * 10 / 400);
    }

    form.formulario p {
        margin-top: calc(100vw * 0 / 400) !important;
        letter-spacing: calc(100vw * -0.5 / 400) !important;
        font-size: calc(100vw * 12 / 400) !important;
    }

    .equipos-50>.bg-black a, .equipos-gratis>.bg-black a, form.formulario >div >input[type=submit] {
        width: calc(100vw * 121 / 400);
        border-radius: calc(100vw * 3 / 400);
        font-size: calc(100vw * 15 / 400);
        margin: calc(100vw * 22 / 400) auto;
        padding: calc(100vw * 11 / 400) 0;
        /* opacity: 0.5; */
    }
    .equipos-50>.bg-black ul,
#equipos-FWA.equipos-gratis>.bg-black ul,    .equipos-gratis>.bg-black ul {
    width: 100vw;
}

.bg-black ul.beneficios-list {
    display: block;
    float: none;
    width: 100% !important;
    padding-bottom: calc( 100vw * 30 / 400) !important;
}
#equipos-HOGAR .bg-black ul.beneficios-list, 
#equipos-FWA .bg-black ul.beneficios-list {
    width: 100%!important;
}

.bg-black ul.beneficios-list li,
.equipos-gratis .bg-black ul.beneficios-list li:first-child,
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(2),
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(3),
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(4),
.equipos-gratis .bg-black ul.beneficios-list li:nth-child(5),
#equipos-HOGAR .bg-black ul.beneficios-list li:first-child, 
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(3), 
#equipos-FWA .bg-black ul.beneficios-list li:first-child,
#equipos-FWA .bg-black ul.beneficios-list li:nth-child(3),
#equipos-FWA .bg-black ul.beneficios-list li:nth-child(2), 
#equipos-FWA .bg-black ul.beneficios-list li:last-child,
.bg-black ul.beneficios-list li, 
#equipos-HOGAR .bg-black ul.beneficios-list li:first-child, 
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(2),
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(3), 
#equipos-HOGAR .bg-black ul.beneficios-list li:nth-child(4), 
#equipos-HOGAR .bg-black ul.beneficios-list li:last-child
 {
    display: table;
    float: none;
    width: 100% !important;
}



.bg-black ul.beneficios-list li .img {
    width: calc( 100vw * 35 / 400) !important;
    height: 100%;
    margin-right: calc( 100vw * 10 / 400) !important;
}
.bg-black ul.beneficios-list li img {
    width: 100% !important;
    height: calc( 100vw * 35 / 400) !important;
}

#equipos-HOGAR .bg-black ul.beneficios-list li .img {
    width: calc( 100vw * 35 / 400) !important;
    height: 100%;
    margin-left: calc( 100vw * 10 / 400) !important;
    float: right;
    margin-right: 0 !important;
}


.bg-black ul.beneficios-list li p {
    width: calc(100% - calc( 100vw * 45 / 400)) !important;
    margin: 0;
    font-size: calc(100vw * 16 / 400);
}
.bg-black ul.beneficios-list li p span {
    font-size: calc( 100vw * 10 / 400);
    letter-spacing: calc( 100vw * 1 / 400);
}    



.equipos-gratis>.bg-black a,.equipos-50>.bg-black a {
    
width: 40vw;
    
/* float: left; */
    
margin-right: 2vw;
    
text-indent: 4vw;
}
.equipos-gratis>.bg-black a svg,.equipos-50>.bg-black a svg{
    left: 2.7vw;
    top: 3.3vw;
}
.equipos-50>.bg-black:last-child ,
.equipos-gratis>.bg-black:last-child {
    padding: 10vw 0;
    position: relative;
}
.equipos-50>.bg-black a.buy, .equipos-gratis>.bg-black a.buy {width: 46vw;}
    .success {
        top: 0;
        left: calc(100vw * 6 / 400);
        right: calc(100vw * 6 / 400);
        bottom: 0;
    }


    .bg-black .botones-c {
        padding: 0;
        width: 100%;
        float: none;
    }
    .bg-black .botones-c>.botones {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        display: table;
        width: 70%;
    }
    #equipos-HOGAR .bg-black .botones-c>.botones {
        float: right !important;
    }

    .bg-black .botones-c>.botones:first-child {
        width: 100%;
        margin-bottom: calc( 100vw * 20 / 400);
    }
    .bg-black .botones-c .botones>a {
        letter-spacing: calc( 100vw * 2 / 400) !important;
        font-size: calc( 100vw * 11 / 400) !important;
        width: 100% !important;
        border-radius: calc( 100vw * 4 / 400) !important;
        margin: 0 !important;
    }
    .bg-black .botones-c .botones>a.call {
        border: calc( 100vw * 1 / 400) solid #FFFFFF !important;
    }
    .bg-black .botones-c .botones>a.call svg {
        left: calc( 100vw * 90 / 400) !important;
        width: calc( 100vw * 18 / 400) !important;
    }
    .bg-black .botones-c .botones>a.buy {
        border: calc( 100vw * 1 / 400) solid #FFFFFF !important;
    }
    .bg-black .botones-c>.botones:after {
        right: calc( 100vw * -10 / 400);
        bottom: calc( 100vw * -10 / 400);
        border-radius: calc( 100vw * 4 / 400) !important;
        border: calc( 100vw * 4 / 400) solid #FF9B00;
    }




form.formulario + .success, form.formulario {
    width: calc(100vw * 300 / 400);
    height: calc(100vw * 500 / 400);
    padding: calc(100vw * 30 / 400);
}.success .close {
    font-size: calc(100vw * 16 / 400) !important;
    margin-top: calc(100vw * 10 / 400);
    letter-spacing: 0px !important;
    padding: calc(100vw * 1 / 400) 0;
    line-height: calc(100vw * 39 / 400);
    width: calc(100vw * 120 / 400);
    bottom: calc(100vw * 40 / 400);
}
    .success>div {
        top: calc(100vw * -40 / 400);
    }

    .success.active>div {
        top: 0;
    }

    .success:before {
        height: 99vw;
        width: 99vw;
        z-index: 0;
        left: 50%;
        top: 0;
    }

    .success.active:before {
        background-size: 200% 300%;
    }

    .success h1 {
        font-size: calc(100vw * 22 / 400) !important;
        margin-top: calc(100vw * -3 / 400);
        letter-spacing: 0 !important;
        padding-bottom: calc(100vw * 1 / 400);
    }

    .success h2 {
        font-size: calc(100vw * 16 / 400) !important;
        margin-top: calc(100vw * -3 / 400);
        letter-spacing: calc(100vw * 0 / 400) !important;
        padding: calc(100vw * 5 / 400) 0 calc(100vw * 22 / 400);
        line-height: calc(100vw * 19 / 400);
    }
.success svg {
    height: calc(100vw * 90 / 400);
    margin: calc(100vw * 90 / 400) auto calc(100vw * 20 / 400);
    display: block;
    color: #25a524;
}
.success h2 strong {
    font-weight: bold;
    color: #008100;
    font-size: calc(100vw * 19 / 400) !important;
    margin-top: calc(100vw * -3 / 400);
    letter-spacing: 0px !important;
    padding: calc(100vw * 5 / 400) 0 calc(100vw * 22 / 400);
    line-height: calc(100vw * 19 / 400);
    position: relative;
}
    .equipos-50>.slider article .success img,
    .equipos-gratis>.slider article .success img {
        width: 100%;
        height: calc(100vw * 222 / 400);
        margin-bottom: calc(100vw * 19 / 400);
    }

    .equipos-50>.slider article .success img.tag,
    .equipos-gratis>.slider article .success img.tag {
        width: calc(100vw * 60 / 400);
        margin-left: calc(100vw * 61 / 400);
        top: calc(100vw * 32 / 400);
        left: 50%;
        transform: translate(-50%, 0);
    }

    .slider article .success a {
        width: calc(100vw * 121 / 400);
        border-radius: calc(100vw * 3 / 400);
        font-size: calc(100vw * 15 / 400);
        margin: calc(100vw * 45 / 400) auto;
        padding: calc(100vw * 11 / 400) 0;
        z-index: 2;
    }

    .locales .emoji ,
    .tiendas .emoji {
        left: 0;
        bottom: calc(100vw * 84 / 400);
    }

    .home:before {
        margin-top: 54vw;
        top: 50%;
        z-index: 0;
        float: right;
        width: 200vw;
        height: 200vw;
        border-radius: 50%;
        border: 0.9vw solid #FFF;
        content: "";
        transform: translate(-50%, -50%);
    }

    .home:after {
        /* margin-top: calc(100vw * 26 / 1920); */
        /* width: 100vw;
        height: 70vw; */
        width: 100%;
        height: 100%;
        /* background: url(../images/hero_bk_header_mobile.jpg) no-repeat center  60% / auto 100%; */
        background: url(../images/hero_bk_header_mobile.jpg) no-repeat center bottom / cover;
        /* margin-top: -21vw; */
        margin-top: 0;
        margin-left: 0;
    }

    .home h1 {
        margin-top: calc(100vw * -150 / 420);
        margin-left: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        text-indent: calc(100vw * -999 / 1920);
        overflow: hidden;
        opacity: 1;
        /* background: red!important; */
        z-index: 2;
        position: absolute;
        display: block;
        width: 100vw;
        height: calc(100vw * 160 / 420);   
        /* background: url(../images/conectate_logo.svg) no-repeat center center / auto 100%; */
    }

    .home h2 {
        position: absolute;
        left: 50%;
        z-index: 2;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 81%;
        max-width: calc(100vw * 320 / 420);
        line-height: 1.2;
        font-size: calc(100vw * 16 / 420);
        font-weight: 400;
        margin-top: calc(100vw * -40 / 420);
        margin-left: 0;
        letter-spacing: 0;
    }
.home h3 {
    position: absolute;
    left: 50%;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    line-height: calc(100vw * 97 / 1920);
    font-size: 4vw;
    font-weight: 700;
    margin-top: 35vw;
    margin-left: 0;
    letter-spacing: calc(100vw * 2.8 / 1920);
}
.home h4 {
    position: absolute;
    left: 50%;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    line-height: calc(100vw * 27 / 1920);
    font-size: 4vw;
    font-weight: 700;
    margin-top: 31vw;
    margin-left: 0;
    letter-spacing: calc(100vw * 2.8 / 1920);
}
    .home h2 br {
        display: none;
    }

    .home h2:after {
        display: none;
    }

    .home h2 span {
        letter-spacing: 0;
        margin-top: 0;
        font-size: 4vw;
        position: relative;
        display: block;
        z-index: 2;
        line-height: 1.1;
    }

    .equipos-50 {
        padding-bottom: 0;
        height: auto;
    }

    .home {
        height: calc(100vh - 60px);
        /* height: 1019px; */
        position: relative;
        min-height: calc(100vw * 760 / 600);
    }

    aside form {
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        border: 0;
        transform: none;
        z-index: 110;
        background: rgba(0,0,0,0.6);
    }

    aside form>div {
        padding: calc(100vw * 30 / 400) calc(100vw * 20 / 400) calc(100vw * 20 / 400);
        background: #FFF;
        width: 61vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 3px;
    }

    .slide-up,
    .slide-down {
        max-height: 100vh!important;
        opacity: 0;
        visibility: hidden;
    }

    .slide-down {
        max-height: 100vh!important;
        opacity: 1;
        visibility: visible;
    }

    aside input {
        margin-bottom: calc(100vw * 11 / 400);
        width: calc(100vw * 180 / 400);
        font-size: calc(100vw * 15 / 400);
        padding: calc(100vw * 10 / 400);
    }

    aside input[type=submit] {
        width: calc(100vw * 180 / 400);
        font-size: calc(100vw * 15 / 400);
        padding: calc(100vw * 11 / 400) 0;
    }

    .locales>.bg-black .infowindow h1 ,
    .tiendas>.bg-black .infowindow h1 {
        color: #000 !important;
        font-size: calc(100vw * 20 / 400);
        font-family: 'dinbold';
        margin-bottom: calc(100vw * -8 / 400);
    }

    .locales>.bg-black .infowindow p ,
    .tiendas>.bg-black .infowindow p {
        color: #000 !important;
        margin: calc(100vw * 0 / 400);
    }

    .form-group {
        margin-bottom: calc(100vw * 15 / 400);
        width: calc(100vw * 250 / 400);
      }
      
      .form-group input {
        padding: 0;
        margin-bottom: 0;
      }
      
      .form-group label {
        padding-left: calc(100vw * 30 / 400);
        font-size: calc(100vw * 16 / 400);
        padding-right: 0;
      }
      
      .form-group label:before {
        border: calc(100vw * 2 / 400) solid #FFF;
        padding: calc(100vw * 8 / 400);
        left: 0;
        top: calc(100vw * 5 / 400);
        margin-right: 0;
      }
      
      .form-group input:checked + label:after {
        top: calc(100vw * 6 / 400);
        left: calc(100vw * 7 / 400);
        width: calc(100vw * 6 / 400);
        height: calc(100vw * 16 / 400);
        border: solid #FFF;
        border-width: 0 calc(100vw * 2 / 400) calc(100vw * 2 / 400) 0;
        transform: rotate(45deg);
      }
    
.equipos-50>.slider article p.red span, .equipos-gratis>.slider article p.red span {
    font-size: calc(100vw * 12 / 400);
    margin-top: calc(100vw * 10 / 400);
    letter-spacing: calc(100vw * 0.6 / 400);
    margin-left: 0;
    padding-right: calc(100vw * 10 / 400);
}

.home .btns {
    position: absolute;
    left: 50%;
    text-align: center;
    color: #FFF;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: calc(100vw * 200 / 400);
    line-height: calc(100vw * 27 / 400);
    font-weight: 400;
    margin-top: calc(100vw * 80 / 400);
    margin-left: 0;
    letter-spacing: calc(100vw * 3 / 400);
}
.home .btns .botones {
    margin-bottom: calc(100vw * 20 / 420) !important;
}
.home .btns .botones a {
    padding: calc(100vw * 4 / 420) 0;
    letter-spacing: calc(100vw * 2 / 420) !important;
    font-size: calc(100vw * 10 / 420) !important;
    border-radius: calc(100vw * 4 / 420) !important;
    border: 1px solid #FFFFFF !important;
}
.home .btns .botones:after {
    right: calc(100vw * -10 / 420);
    bottom: calc(100vw * -10 / 420);
    border-radius: calc(100vw * 4 / 1920) !important;
    border: calc(100vw * 4 / 1920) solid #FF9B00;
}









/* .home .btns a{
    font-size: 3.4vw;
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: calc(100vw * 7 / 400);
    padding: 2vw 0vw;
    font-weight: 500;
    letter-spacing: calc(100vw * -0.01 / 400);
    margin: 0 -0.1vw;
    width: 26vw;


    font-size: 2.9vw;
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: calc(100vw * 7 / 400);
    padding: 2vw 4.3vw;
    font-weight: 500;
    letter-spacing: calc(100vw * -0.01 / 400);
    margin: 0 -0.1vw;
    width: 45vw;
} */
.home .btns a:hover{
    border: 1px solid #FFF;
    background: #FFF;
    color: #d52b1e;
}
.home h2 span {
    letter-spacing: calc(100vw * 2.2 / 1920);
    margin-top: calc(100vw * 18 / 1920);
    font-size: calc(100vw * 18 / 1920);
    position: relative;
    display: block;
    z-index: 2;
    line-height: 1.4;
}
}

.legales {
    color: #152133;
    background: #e6e7e8;
    overflow: auto;
    max-height: 590px !important;
}

.lity {
    z-index: 9999999999;
}
.legales.wrap {
    max-width: 680px;
    padding: 40px 40px 60px 40px;
    color: #666;
}
.legales.wrap li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;    
    line-height: 1.6;
    margin-bottom: 10px;
}

.legales h1 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.legales h1,
.legales h2 {
    font-weight: 700;
    line-height: 1.2
}

.legales h2 {
    font-size: 16px;
    margin-bottom: 30px
}

.legales p {
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 1.4
}



.countdown {
    display: flex;
    width: 100%;
    max-width: 84%;
    justify-content: space-between;
    margin: 0 auto;
}

.days-container,
.hours-container,
.minutes-container,
.seconds-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 18vh;
    position: relative;
    height: 15vh;
    color: #000;
}

.days,
.hours,
.minutes,
.seconds {
    font-size: 11vh;
    margin: 0vh 0;
    font-weight: 800;
}


.days-label,
.hours-label,
.minutes-label,
.seconds-label {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 2vh;
}



section.counter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: url(https://localhost/SITES/2018-claro-santaestaclaro/public/images/01.png) no-repeat center center / 100% auto; */
    z-index: 1000000000000000000000;
}

section.counter>div {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    border-radius: 26px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 85.7vh;
    width: 76vh;
    max-width: 90vw;
}

section.counter>div .close {
    width: 4.5vh;
    display: block;
    position: absolute;
    right: 4vh;
    top: 3vh;
    cursor: pointer;
}

section.counter>div .close path {
    fill: #000;
}

section.counter>div h1 {
    color: #d52b1e;
    text-transform: uppercase;
    text-align: center;
    margin-top: 15.8vh;
    font-size: 6vh;
}

section.counter>div h2 {
    color: #d52b1e;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0.5vh;
    font-size: 6vh;
    font-weight: 800;
    margin-bottom: 5vh;
}

section.counter>div h3 {
    color: #d52b1e;
    text-align: center;
    margin-top: 6.5vh;
    font-size: 5vh;
    font-weight: 800;
    margin-bottom: 0;
}

section.counter>div p {
    color: #000;
    text-align: center;
    margin-top: 1.3vh;
    font-size: 2.3vh;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 3.4vh;
    padding: 0 10%;
}

.days-container:after,
.hours-container:after,
.minutes-container:after {
    content: "";
    position: absolute;
    width: 0.4vh;
    right: -0.3vh;
    height: 6vh;
    top: 3.5vh;
    background: #000;
}
section.counter>div .close:hover {
    opacity: 0.5;
}
section.counter.finalizado>div:first-child {
    display: none;
}

section.counter>div:last-child {
    display: none;
    height: 45.7vh;
}

section.counter.finalizado>div:last-child {
    display: block;
}
section.counter>div:last-child p {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    font-size: 3.3vh;
    line-height: 4.3vh;
    margin-top: 4vh;
    margin-top: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
section.counter>div:last-child h2 {
position: absolute;
left: 50%;
margin-top: -4vh;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}



@media screen and (max-width: 1000px) and (orientation: portrait) {

.days-container,
.hours-container,
.minutes-container,
.seconds-container {
    width: 18vw;
    height: 15vw;
}

.days,
.hours,
.minutes,
.seconds {
    font-size: 11vw;
    margin: 0vw 0;
}

.days-label,
.hours-label,
.minutes-label,
.seconds-label {
    font-size: 2.6vw;
}

section.counter {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

section.counter>div {
    border-radius: 26px;
    height: 85.7vw;
    width: 76vw;
}

section.counter>div .close {
    width: 4.5vw;
    right: 4vw;
    top: 3vw;
}

section.counter>div h1 {
    margin-top: 15.8vw;
    font-size: 6vw;
}

section.counter>div h2 {
    margin-top: 0.5vw;
    font-size: 6vw;
    margin-bottom: 5vw;
}

section.counter>div h3 {
    margin-top: 6.5vw;
    font-size: 5vw;
}

section.counter>div p {
    margin-top: 1.3vw;
    font-size: 3vw;
    line-height: 3.4vw;
    padding: 0 6.2vw;
}

.days-container:after,
.hours-container:after,
.minutes-container:after {
    width: 1px;
    right: -1px;
    height: 6vw;
    top: 3.5vw;
}

section.counter>div:last-child {
    height: 45.7vw;
}

section.counter>div:last-child p {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 4.3vw;
    margin-top: 0;
}

section.counter>div:last-child h2 {
    margin-top: -4vw;
}



.equipos-50>.slider article svg, .equipos-gratis>.slider article svg {
    right: calc(100vw * -10 / 400);
    top: calc(100vw * -40 / 400);
    width: 20vw;
    height: 30vw;
}

#equipos-FWA > h1 {
    height: 40vw;
    width: 100vw;
    top: 10vw;
    left: 50%;
    margin-left: 0;
}
#equipos-FWA.equipos-gratis>.bg-black ul {
width: calc(100vw * 770 / 400);
padding-bottom: calc(100vw * 60 / 400);
}
#equipos-FWA.equipos-gratis>.bg-black ul li {
    font-size: calc(100vw * 16 / 400);
    padding-top: calc(100vw * 3 / 400);
    width: calc(100vw * 382 / 400);
}
.tiendas h1 {
    margin-left: -23vw;
    margin-top: -6vw;
    height: calc(100vw * 470 / 1920);
    z-index: -1;
    width: 160vw;
}

}


@media (max-width: 1000px) {

    .beneficios-wrap {
        padding-top: 16em;
    }

    .solo-dos article {
        width: 50%;
        float: left;
    }
    
    .solo-dos .rticle:last-child {
        width: 50%;
        float: left;
    }

}

@media (max-width: 575px) {
    .secondary-icon {
        left: 30px;
    }
}