@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/*
icomoon_head
*/
@font-face {
  font-family: "icomoon_head";
  src: url("../font/icomoon.eot");
  src: url("../font/icomoon.eot?#iefix") format("eot"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#webfontTmboVHJW") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "mohr";
  src: url("../fonts/mohr_black.eot");
  src: url("../fonts/mohr_black.eot?#iefix") format("embedded-opentype"), url("../fonts/mohr_black.woff2") format("woff2"), url("../fonts/mohr_black.woff") format("woff"), url("../fonts/mohr_black.ttf") format("truetype"), url("../fonts/mohr_black.svg#mohrblack") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "mohr";
  src: url("../fonts/mohr_bold.eot");
  src: url("../fonts/mohr_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/mohr_bold.woff2") format("woff2"), url("../fonts/mohr_bold.woff") format("woff"), url("../fonts/mohr_bold.ttf") format("truetype"), url("../fonts/mohr_bold.svg#mohrbold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "mohr";
  src: url("../fonts/mohr_extralight.eot");
  src: url("../fonts/mohr_extralight.eot?#iefix") format("embedded-opentype"), url("../fonts/mohr_extralight.woff2") format("woff2"), url("../fonts/mohr_extralight.woff") format("woff"), url("../fonts/mohr_extralight.ttf") format("truetype"), url("../fonts/mohr_extralight.svg#mohrextralight") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "mohr";
  src: url("../fonts/mohr_light.eot");
  src: url("../fonts/mohr_light.eot?#iefix") format("embedded-opentype"), url("../fonts/mohr_light.woff2") format("woff2"), url("../fonts/mohr_light.woff") format("woff"), url("../fonts/mohr_light.ttf") format("truetype"), url("../fonts/mohr_light.svg#mohrlight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "mohr";
  src: url("../fonts/mohr_regular.eot");
  src: url("../fonts/mohr_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/mohr_regular.woff2") format("woff2"), url("../fonts/mohr_regular.woff") format("woff"), url("../fonts/mohr_regular.ttf") format("truetype"), url("../fonts/mohr_regular.svg#mohrregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "not_useless_icons";
  src: url("../scss/third/fonts/not_useless_icons.eot?9j6p3p");
  src: url("../scss/third/fonts/not_useless_icons.eot?9j6p3p#iefix") format("embedded-opentype"), url("../scss/third/fonts/not_useless_icons.ttf?9j6p3p") format("truetype"), url("../scss/third/fonts/not_useless_icons.woff?9j6p3p") format("woff"), url("../scss/third/fonts/not_useless_icons.svg?9j6p3p#not_useless_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "not_useless_icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-envelope:before {
  content: "\e910";
}

.icon-icon-world:before {
  content: "\e911";
}

.icon-icon-folder:before {
  content: "\e90f";
}

.icon-icon-check:before {
  content: "\e900";
}

.icon-check:before {
  content: "\e901";
}

.icon-icon-arrow:before {
  content: "\e902";
}

.icon-icon-camera:before {
  content: "\e903";
}

.icon-icon-card:before {
  content: "\e904";
}

.icon-icon-discount:before {
  content: "\e905";
}

.icon-icon-fiber:before {
  content: "\e906";
}

.icon-icon-instalacion:before {
  content: "\e907";
}

.icon-icon-monitor:before {
  content: "\e908";
}

.icon-icon-notebook:before {
  content: "\e909";
}

.icon-icon-phone:before {
  content: "\e90a";
}

.icon-icon-ransom:before {
  content: "\e90b";
}

.icon-icon-router:before {
  content: "\e90c";
}

.icon-icon-screen:before {
  content: "\e90d";
}

.icon-icon-secure:before {
  content: "\e90e";
}

.icon-icon-speed:before {
  content: "\e912";
}

.icon-icon-support:before {
  content: "\e913";
}

.icon-icon-virus:before {
  content: "\e914";
}

.icon-speed:before {
  content: "\e915";
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Mohr", "Lato", "sans-serif" !important;
}

body {
  font-size: 16px;
  overflow-x: hidden;
  line-height: 1.3;
}

b, strong {
  font-weight: 700;
}

a {
  text-decoration: none;
}

h1 {
  font-size: 60px;
  line-height: 1;
}
@media (max-width: 768px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 36px;
}
@media (max-width: 768px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
}
@media (max-width: 768px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  font-size: 18px;
}
@media (max-width: 768px) {
  h4 {
    font-size: 16px;
  }
}

._transition {
  -webkit-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

._wrap, .container {
  max-width: 1170px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  ._wrap, .container {
    padding: 0 20px;
  }
}

header {
  background-color: #fff;
  overflow-x: hidden;
}
header .logo {
  padding: 20px 0;
}
header .logo img {
  width: 230px;
}
@media (max-width: 768px) {
  header .logo img {
    width: 150px;
  }
}
header .banner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #005dab;
  padding: 40px 0;
  position: relative;
  /* background-image: url(../images/banner.png);
  background-repeat: no-repeat;
  background-position: right center; */
}
header .banner ._wrap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  justify-items: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-line-pack: start;
      align-content: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
header .banner ._wrap .boxed {
  max-width: 750px;
  position: relative;
}
header .banner ._wrap .boxed:after {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #35a35b;
  position: absolute;
  right: -50px;
  bottom: -90px;
}
@media (max-width: 768px) {
  header .banner ._wrap .boxed:after {
    left: unset;
    content: unset;
  }
}
header .banner ._wrap .boxed:before {
  width: 110%;
  content: "";
  background-color: #35a35b;
  display: block;
  top: -40px;
  bottom: -40px;
  position: absolute;
  left: 100%;
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 768px) {
  header .banner ._wrap .boxed:before {
    content: unset;
  }
}
header .banner h1 {
  font-weight: 700;
  color: #fff;
}
header .banner h1 span {
  color: #fff;
  display: block;
}
header .banner p {
  font-size: 18px;
  padding: 20px 0;
  color: #fff;
}

main {
  /* max-width: 1170px; */
  /* margin: 0 auto; */
  /* display: -webkit-box; */
  /* display: -ms-flexbox; */
  /* display: flex; */
  /* -webkit-box-orient: horizontal; */
  /* -webkit-box-direction: normal; */
      /* -ms-flex-direction: row; */
          /* flex-direction: row; */
  /* gap: 30px; */
  /* padding: 20px; */
  /* margin-top: 100px; */
  /* -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center; */
}
@media (max-width: 768px) {
  main {
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; */
  }
}
main .plan {
  /* width: 750px; */
}
@media (max-width: 768px) {
  main .plan {
    /* width: 100%; */
  }
}
main .plan h2 {
  color: #005dab;
  font-weight: 700;
}
main .plan h3 {
  margin: 30px 0;
}
@media (max-width: 768px) {
  main .plan h3 {
    margin: 20px 0;
  }
}
main .plan .specs li {
  font-size: 18px;
  padding: 20px 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  justify-items: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 768px) {
  main .plan .specs li {
    font-size: 14px;
    padding: 10px 0;
  }
}
main .plan .specs li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.2' height='13.8' viewBox='0 0 19.2 13.8'%3E%3Cpath id='Trazado_42' data-name='Trazado 42' d='M37.969,26.338,26.922,37.57a.449.449,0,0,1-.628,0l-6.681-6.614a1.421,1.421,0,0,1,0-2.021,1.455,1.455,0,0,1,2.042,0l3.991,3.95a1.371,1.371,0,0,0,1.925,0l8.356-8.569a1.456,1.456,0,0,1,2.042,0A1.421,1.421,0,0,1,37.969,26.338Z' transform='translate(-19.191 -23.898)' fill='%23005dab'/%3E%3C/svg%3E%0A");
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
main .plan .disclaimer {
  padding: 20px;
  border-radius: 10px;
  font-size: 11px;
  background-color: #F9F7F7;
}
main .plan .disclaimer .steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 20px 0;
  gap: 60px;
}
@media (max-width: 768px) {
  main .plan .disclaimer .steps {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  main .plan .disclaimer .steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
main .plan .disclaimer .steps .step {
  background-color: #005dab;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 12px;
}
@media (max-width: 768px) {
  main .plan .disclaimer .steps .step {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 10px;
  }
}
main .plan .disclaimer .steps .step:after {
  content: "→";
  display: block;
  position: absolute;
  color: #005dab;
  right: -60px;
  font-size: 30px;
  top: -9px;
  font-weight: 700;
}
main .plan .disclaimer .steps .step:last-child:after {

display: none;
}
@media (max-width: 1399px) {
  main .plan .disclaimer .steps .step:after {

  right: -30px;
  }

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

  main .plan .disclaimer .steps .step:after {
    right: -48px;
    top: -1px;
  }

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

  main .plan .disclaimer .steps .step:after {
    right: -58px;
    top: -11px;
  }

}
@media (max-width: 768px) {
  main .plan .disclaimer .steps .step:after {
    right: 0;
    left: 0;
    text-align: center;
    content: "↓";
    top: unset;
    bottom: -30px;
    font-size: 20px;
  }
}
main .plan .disclaimer .steps .step:last-child:after {
  content: unset;
}
main .form {
  background-color: #F9F7F7;
  border-radius: 20px;
  padding: 30px;
  width: 100%;
  /* max-width: 350px; */

  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media (max-width: 768px) {
  main .form {
    width: unset;
    padding: 20px;
  }
}
main .form h4 {
  text-transform: uppercase;
}
main .form p {
  color: #666666;
}
main .form form .form_group {
  margin: 10px 0;
  position: relative;
}
main .form form .form_group input {
  display: block;
  width: calc(100% - 40px);
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  padding: 10px 15px;
  margin: 5px 0;
  width: 100%;
}
main .form form .form_group input[type=checkbox] {
  display: inline-block;
  width: auto;
  height: auto;
}
main .form form .form_group input ~ .error {
  font-size: 11px;
  position: absolute;
  right: 5px;
  bottom: -15px;
  color: #F12535;
}
main .form form .form_group label {
  font-size: 16px;
}
main .form form .form_group label a {
  color: #35a35b;
}
main .form form .form_group label:has(+ input) {
  color: #005dab;
}
main .form form .form_group label[for=terms] {
  font-size: 12px;
  display: inline-block;
  margin-top: 20px;
}
main .form form .form_group button {
  border-radius: 50px;
  background-color: #005dab;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: none;
  padding: 15px 20px;
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 768px) {
  main .form form .form_group button {
    font-size: 14px;
    width: 100%;
  }
}
main .form form .form_group.checker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
main .form .hidden {
  display: none;
}
main .form.salidabox {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
main .form.salidabox h4, main .form.salidabox p {
  display: none;
}
main .form.salidabox #salida:not(.hidden) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main .form.salidabox #salida:not(.hidden) h2, main .form.salidabox #salida:not(.hidden) h3, main .form.salidabox #salida:not(.hidden) p {
  display: block;
}
main .form.salidabox #salida:not(.hidden) h2 {
  color: #005dab;
  font-weight: 700;
  font-size: 26px;
}
main .form.salidabox #salida:not(.hidden) h3 {
  font-size: 22px;
}
main .form.salidabox #salida:not(.hidden) p {
  font-size: 16px;
}
main .form.salidabox #salida:not(.hidden) a {
  border-radius: 50px;
  background-color: #fff;
  border: 2px solid #005dab;
  color: #005dab;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 20px;
  width: calc(100% - 20px);
  margin: 0 auto;
  text-align: center;
}
main.salidamain {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

footer {
  margin-top: 60px;
}
footer .prefooter {
  padding: 40px 0;
  background-color: #F9F7F7;
}
footer .prefooter ._wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .prefooter .logo svg {
  width: 170px;
}
@media (max-width: 768px) {
  footer .prefooter .logo svg {
    width: 120px;
  }
}
footer .prefooter .rrss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
footer .prefooter .rrss li a {
  display: inline-block;
  color: #005dab;
}
footer .prefooter .rrss li a path {
  fill: #005dab;
}
footer .legal {
  text-align: center;
  padding: 10px 0;
  background-color: #0B2739;
  color: #999999;
  font-size: 11px;
  font-weight: 300;
}

hr {
  border: none;
  border-bottom: solid 1px #d3d4d3;
  margin: 32px auto 32px;
  max-width: 1170px;
}
@media (max-width: 768px) {
  hr {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/*** RESPONSIVE MEDIA QUERYS ***/
@media (max-width: 1024px) {
  .banner .wrap {
    padding: 0 20px;
  }
  .migas {
    padding: 15px;
  }
  .condiciones {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  ._sticky .tabs {
    width: calc(100% - 20px);
    left: 10px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .banner {
    /* background: url(../img/banners/banner-ofertas-mobile.jpg) center center/cover no-repeat; */
    padding-bottom: 0;
  }
  .banner .wrap h1 {
    color: white;
  }
  .banner .wrap p {
    color: white;
  }
  .migas ul li a {
    font-size: inherit !important;
  }
  ._sticky .activeTab {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  }
  ._sticky .contTabs {
    position: fixed;
    top: 0;
    left: 41px;
    margin: 0;
    width: calc(100% - 82px);
  }
  ._sticky .contTabs .tabs {
    width: calc(100% - 2px);
  }
  ._sticky .spaceMobileOnSticky {
    height: 62px;
  }
  .openTabMobile::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 43, 43, 0.7);
    z-index: 10;
  }
  .ofertas {
    margin: 0 auto;
    display: block;
  }
  .ofertas .oferta.oferta_destacado {
    margin: 10px 0 30px !important;
  }
  .ofertas .oferta .data.dataHead {
    height: 90px !important;
  }
  .ofertas .oferta .data.dataHead p {
    font-size: 14px;
  }
  .ofertas .oferta .data.dataMid > div p {
    font-size: 13px;
  }
  .ofertas .oferta .data.dataFoot .cucarda {
    font-size: 13px;
  }
  .incluyen {
    /* width: 100%;
    flex-direction: column;
    padding: 20px 43px;
    border-bottom: solid 5px #B7B7B7;
    border-radius: 0;
    margin-bottom: 35px;

    .cabecera {
        margin-bottom: 25px;

        br {
            display: none
        }
    }

    .box {
        padding: 0 0 10px;
        border-bottom: dotted 1px #ddd;
        border-right: none;
        margin-bottom: 10px;

        &:last-child {
            border-bottom: none;
        }

        .texto {
            display: flex;
            align-items: center;

            p {

                >br {
                    display: none;
                }
            }
        }
    } */
  }
  h4 {
    font-size: 24px;
  }
  h4 span {
    display: block;
  }
  h4#internet span {
    display: inline-block;
  }
  .condiciones {
    width: calc(100% - 40px);
  }
  .condiciones .wrap h3 {
    font-size: 24px;
  }
  #_newFooter2018Empresas {
    padding: 60px 0 !important;
  }
}

#textos {
  min-height:350px;display:flex;align-items:center;max-width:55%;

}
@media (max-width:767px)
{
  #textos {
 max-width: 100%;  
 min-height:350px;
  }
}

p {
  margin: 0px !important;
}

#icons_row img {
  max-height: 40px;
}
#icons_row .col-2 {
    text-align: center;
    padding-right:0px;

}
@media (max-width:991px)
{
  #icons_row .col-2 {
    /* text-align: left; */
    padding-right:16px !important;
    padding-left: 5px;

  }
  #icons_row img {
    max-height: 36px;
  }
}

.checker label {
  margin: 5px !important;
}


@media (max-width: 991px)
{
  header .banner  {
 
    padding:  0;
  }
}
header .banner h1 {
  font-size: 60px !important;

}
@media (max-width: 991px)
{
  header .banner h1 {
 
  font-size: 36px !important;
  }
}

header .banner  .boxed {
  display: flex;
  align-items: center;
  min-height: 350px;

}

@media (max-width:767px)
{
  header .banner  .boxed {

    min-height: 350px;
  
  }
}