/*PUBLILAND GLOBAL FRAMEWORK V2.4*/
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, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, 
FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, FIGURE, 
FIGCAPTION, FOOTER, HEADER, HGROUP, MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO, MAIN, BUTTON {margin: 0; padding: 0; border: 0 none; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
HTML {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
BODY {font: 62.5% "Comfortaa", Arial, Helvetica, sans-serif; color: #4f4e51; background: #e3594c; height:100%; min-height:100%; line-height: 1; font-weight: 300;}
HTML, BODY { height: 100%;}
H1, H2, H3, H4, H5, H6 {font-weight: 300; font-size: 100%; display: block}
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION, MAIN {display: block; }
TABLE {border-collapse: collapse; border-spacing: 0;}
TH {text-align: left;}
TD, TH {empty-cells: show}
INPUT, SELECT, TEXTAREA, BUTTON { font: 1em "Comfortaa", Arial, Helvetica, sans-serif; color: #ef4644; background: #FFF; border: 2px solid #ef4644; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; height: 45px;}
INPUT:focus, TEXTAREA:focus, BUTTON:focus, SELECT:focus { outline: none;}
INPUT, SELECT, BUTTON { vertical-align: middle}
INPUT[type="radio"], INPUT[type="checkbox"] {border: none; height: auto !important; width: auto !important; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
INPUT[type="submit"], INPUT[type="reset"], INPUT[type="button"], BUTTON {cursor: pointer; -webkit-appearance:none;}
TEXTAREA {overflow:auto; -webkit-appearance:none; resize: none}
INPUT::-moz-focus-inner, BUTTON::-moz-focus-inner {border: 0; padding: 0;}
::-webkit-input-placeholder {color: #ef4644;}
:-moz-placeholder {color: #ef4644; opacity: 1}
::-moz-placeholder {color: #ef4644; opacity: 1}
:-ms-input-placeholder { color: #ef4644;}
INPUT:focus::-webkit-input-placeholder {color: #fff;}
INPUT:focus:-moz-placeholder {color: #fff;}
INPUT:focus::-moz-placeholder {color: #fff;}
INPUT:focus:-ms-input-placeholder { color: #fff;}
UL, OL, LI {list-style: none;}
IMG { vertical-align: top; max-width: 100%; height: auto}
A {text-decoration: none; cursor:pointer; background: transparent;}
A:active, A:hover { outline: 0}
STRONG { font-weight: 700}
EM { font-style: italic}
.Clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/*FIN FRAMEWORK*/

/*GLOBAL*/
.container {margin: 0 auto; max-width: 1440px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.noscroll {overflow: hidden;}
/*HEADER*/
.header-fixed {position: absolute; left: 0; top: 0; width: 100%;}
header {max-width: 1225px; margin: 0 auto; height: 125px; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 38px;}
.logo {display: block; width: 326px; height: 50px; text-indent: -5000px; overflow: hidden; background: url("../images/layout/logo.png") no-repeat; background-size: contain;}
.navbar {display: flex;}
.navbar a {display: block; height: 34px; padding: 7px 9px 0 9px; font-size: 22px; letter-spacing: -0.5px; color: #fff; transition: all .3s ease}
.navbar a:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}
.navbar .login a { color: #fff; background: #ef4644;}
.navbar .login a:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}
.navbar .empresas a { background: #fff; color: #ef4644;}
.navbar .empresas a:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}

.hamburguer {display: none; width: 58px; height: 38px; background: url("../images/layout/hamburguer.png") no-repeat; background-size: contain; cursor: pointer; margin-bottom: 5px;}
/*SUBNAV*/
.submenu {position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; display: none;}
/*.submenu .inner {max-width: 1440px; margin: 0 auto;  padding-top: 35px; background: #ef4644 url("../images/home/main-bg.jpg") no-repeat center top; background-size: cover; height: 100%; text-align: center; color: #fff; overflow: auto;}*/
.submenu .inner {padding-top: 35px; background-color: rgba(0, 0, 0, 0.85); height: 100%; text-align: center; color: #fff; overflow: auto;}
.submenu h3 {width: 239px; height: 52px; background: url("../images/layout/logo.png") no-repeat; background-size: contain; margin: 0 auto; text-indent: -5000px; overflow: hidden;}
.submenu h4 {font-size: 24px; font-weight: 300; margin-bottom: 66px;}
.submenu .container {box-shadow: none;}
.submenu .accordion {padding-bottom: 50px; padding: 0 15px;}
.submenu .accordion__title {font-size: 50px; font-weight: 400; margin-bottom: 10px; cursor: pointer; letter-spacing: -1.5px;}
.submenu .accordion__content {display: none; max-width: 800px; margin: 0 auto; padding-top: 15px; padding-bottom: 30px;}
.submenu .accordion__content p {font-size: 37px; line-height: 1.2; margin-bottom: 20px; letter-spacing: -0.5px;}
.submenu .accordion__content a {color: #fff; text-decoration: none;}
.submenu li {margin-bottom: 14px;}
.submenu li a {font-size: 44px; color: #fff;}
.submenu .login a {display: inline-block; background: #fff; color: #ef4644; padding: 6px 15px;}
.submenu .mbl {display: none;}
.submenu .empresas a {display: inline-block; background: #000; color: #ef4644; padding: 6px 15px;}
.submenu .mbl {display: none;}
.close-submenu {display: inline-block; width: 55px; height: 55px; background: url("../images/layout/close.png") no-repeat; margin-top: 35px; cursor: pointer; margin-bottom: 35px;}

/*HOME*/
.main-into { background: url("../images/home/main-bg.jpg") no-repeat center top;}
.main-into .data { height: 768px; margin: 0 auto; max-width: 1225px; display: flex; align-items: center; color: #fff;}
.main-into .data h2 {font-size: 74px; font-weight: 300; line-height: 1.1; letter-spacing: -4.5px;}
.main-into .data p {font-size: 24px; line-height: 1.4; letter-spacing: -1px;}
/**/
.row-block {display: flex;}
.row-sp-between {justify-content: space-between;}
.bg-internet-box {background: url("../images/home/internet2.jpg") no-repeat; height: 742px;}
/**/
.internet-box {width: 50%; padding: 25px 36px 25px 106px; color: #fff;}
.internet-box .icon {margin-bottom: 20px;}
.internet-box h2 {font-weight: 300; font-size: 50px; margin-bottom: 13px; letter-spacing: -3px;}
.internet-box p {font-size: 20px; line-height: 1.3; margin-bottom: 42px; letter-spacing: -0.5px;}
.internet-box .btn {display: block; width: 187px; height: 41px; color: #fff; background: #ef4644; text-align: center; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; padding-top: 16px; transition: all .3s ease;}
.internet-box .btn:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}
/**/
.satelital-box {width: 50%; padding: 35px 35px 30px 35px; background: url("../images/home/satelital.jpg") no-repeat; height: 397px; margin-top: -121px; color: #fff;}
.satelital-box .icon { margin-bottom: 20px;}
.satelital-box h2 {font-weight: 300; font-size: 50px; margin-bottom: 13px; letter-spacing: -3px;}
.satelital-box p {font-size: 20px; line-height: 1.3; margin-bottom: 42px; letter-spacing: -0.5px;}
.satelital-box .btn {display: block; width: 187px; height: 41px; color: #fff; background: #ef4644; text-align: center; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; padding-top: 16px; transition: all .3s ease;}
.satelital-box .btn:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}
/**/
.telefonia-box {width: 50%; height: 560px; position: relative; background: #ef4644; color: #fff; padding: 37px 15px 15px 106px; margin-top: -144px;}
.telefonia-box .icon { margin-bottom: 20px;}
.telefonia-box h2 {font-weight: 300; font-size: 50px; margin-bottom: 13px; letter-spacing: -3px;}
.telefonia-box p {font-size: 20px; line-height: 1.3; margin-bottom: 42px; letter-spacing: -0.5px;}
.telefonia-box .btn {display: block; width: 187px; height: 41px; color: #fff; background: #686868; text-align: center; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; padding-top: 16px; transition: all .3s ease;}
.telefonia-box .btn:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}
.telefonia-box .picture { position: absolute; top: 66px; right: 65px;}
/**/
.energia-box {width: 50%; height: 540px; position: relative; background: #686868; color: #fff; padding: 37px 15px 15px 33px; margin-bottom: -125px;}
.energia-box .icon { margin-bottom: 20px;}
.energia-box h2 {font-weight: 300; font-size: 50px; margin-bottom: 13px; letter-spacing: -3px;}
.energia-box p {font-size: 20px; line-height: 1.3; margin-bottom: 42px; letter-spacing: -0.5px;}
.energia-box .btn {display: block; width: 187px; height: 41px; color: #fff; background: #ef4644; text-align: center; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; padding-top: 16px; transition: all .3s ease;}
.energia-box .btn:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}
.energia-box .picture { position: absolute; top: 110px; right: 0;}
/**/
.contacto-box {width: 50%; background: #fff; padding: 55px 15px 50px 106px; color: #ef4644;}
.contacto-box .icon { margin-bottom: 20px;}
.contacto-box h2 {font-weight: 300; font-size: 50px; margin-bottom: 50px; letter-spacing: -3px;}
.contacto-box p {font-size: 24px; line-height: 1.6; margin-bottom: 9px; letter-spacing: -0.5px;}
.contacto-box p a {color: #ef4644;}
.contacto-box p span {color: #efa6a5;}
.contacto-box .redes {display: flex;}
.contacto-box .redes a {display: block; width: 37px; height: 37px; text-indent: -5000px; overflow: hidden; margin-right: 6px;}
.facebook {background: url("../images/layout/facebook.png") no-repeat; background-size: contain;}
.instagram {background: url("../images/layout/instagram.png") no-repeat; background-size: contain;}
.whatsapp {background: url("../images/layout/whatsapp.png") no-repeat; background-size: contain;}
.whatsapp-2 {background: url("../images/layout/whatsapp-2.png") no-repeat; background-size: contain;}
/**/
.formulario-box {width: 50%; background: #fff; padding: 262px 15px 15px 0;}
.formulario-box h3 {font-size: 28px; letter-spacing: -0.5px; color: #ef4644; font-weight: 300; margin-bottom: 60px;}
.contacto-form {max-width: 614px}
.contacto-form .row {display: flex; margin-bottom: 18px;}
.contacto-form .field {width: 100%;}
.contacto-form .field:first-child {margin-right: 6px;}
.contacto-form .field:last-child {margin-left: 6px;}
.contacto-form input {width: 100%; padding: 0 14px; font-size: 14px;}
.contacto-form input[type="submit"] {background: #ef4644; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; width: 162px; transition: all .3s ease;}
.contacto-form input[type="submit"]:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00); border-color: #000;}
.contacto-form .action {width: auto;}
.contacto-form .form-error {font-size: 11px; font-weight: 700; color: #ef4644; text-transform: uppercase; padding-top: 7px; display: inline-block;}
.has-error input {border-color: inherit !important; background: #686868; color: #fff;}
/**/
.contacto-box-inverted {background: #ef4644;}
.contacto-box-inverted h2 {color: #fff;}
.contacto-box-inverted p {color: #fff;}
.contacto-box-inverted p a {color: #fff}
.formulario-box-inverted {background: #ef4644;}
.formulario-box-inverted h3 {color: #fff;}
.formulario-box-inverted .contacto-form input {border-color: #fff; background: #ef4644; color: #fff;}
.formulario-box-inverted .contacto-form input::-webkit-input-placeholder {color: #fff;}
.formulario-box-inverted .contacto-form input:-moz-placeholder {color: #fff; opacity: 1}
.formulario-box-inverted .contacto-form input::-moz-placeholder {color: #fff; opacity: 1}
.formulario-box-inverted .contacto-form input:-ms-input-placeholder { color: #fff;}
.formulario-box-inverted .contacto-form input:focus::-webkit-input-placeholder {color: #ef4644;}
.formulario-box-inverted .contacto-form input:focus:-moz-placeholder {color: #ef4644;}
.formulario-box-inverted .contacto-form input:focus::-moz-placeholder {color: #ef4644;}
.formulario-box-inverted .contacto-forminput:focus:-ms-input-placeholder { color: #ef4644;}
.formulario-box-inverted .contacto-form input[type="submit"] {background: #fff; color: #ef4644;}
.formulario-box-inverted .contacto-form input[type="submit"]:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00); border-color: #000;}
.formulario-box-inverted .contacto-form .form-error {color: #fff;}

/*FOOTER*/
footer {background: #ababab; text-align: center; color: #fff; padding: 25px 15px 10px 15px;}
footer p {font-size: 14px; text-transform: uppercase; margin-bottom: 18px;}
footer p br {display: none;}
footer h6 {font-size: 12px; font-weight: 300; color: #686868;}
footer h6 a {color: #686868;}

/*INTERNET*/
.header-internal {background: url("../images/layout/bg-header.png") no-repeat center top;}
/**/
.seccion-head .data {padding-top: 125px; max-width: 1225px; margin: 0 auto; display: flex; align-items: flex-end; height: 322px; padding-bottom: 5px;}
.seccion-head h2 {font-size: 60px; color: #fff; letter-spacing: -2px; font-weight: 300;}
.internet-head {background: url("../images/internet/bg-internet.jpg") no-repeat center bottom;}

/**/
.internet-data-box {width: 50%; padding: 30px 15px 94px 106px; background: #fff; position: relative; z-index: 1;}
.internet-data-box h2 {font-size: 50px; color: #686868; margin-bottom: 60px; letter-spacing: -2px;}
.internet-data-box p {font-size: 20px; color: #ababab; margin-bottom: 25px; line-height: 1.3;}
.internet-data-box ul {margin-bottom: 25px; line-height: 1.3;}
.internet-data-box li {font-size: 20px; color: #ababab;}
.internet-data-box .btn {display: inline-block; text-transform: uppercase; color: #fff; background: #ef4644; height: 40px; padding: 15px 25px 0 25px; font-size: 13px; transition: all .3s ease;}
.internet-data-box .btn:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}
/**/
.internet-data-list {width: 50%; background: #fff; padding-top: 142px; padding-left: 106px; margin-bottom: -125px; position: relative;}
.internet-data-list h2 {display: none;}
.internet-data-list ul {margin-left: 53px; position: relative;}
.internet-data-list ul:after {content: ""; display: block; height: 100%; border-left: 3px solid #ef4644; position: absolute; left: -53px; top: 0;}
.internet-data-list li {position: relative; margin-bottom: 30px; padding-left: 72px;}
.internet-data-list li .icon {position: absolute; left: 0; top: 0;}
.internet-data-list h4 {font-size: 40px; color: #ababab; letter-spacing: -2px;}
.internet-data-list p {font-size: 16px; color: #ababab; line-height: 21px;}

/*SATELITAL*/
.satelital-head {background: url("../images/internet/bg-satelital.jpg") no-repeat center bottom;}


/*ENERGIA*/
.energia-head {background: url("../images/energia/bg-energia.jpg") no-repeat center bottom;}
/**/
.ambiente-box {width: 50%; background: #fff; padding: 142px 0 90px 106px}
.ambiente-box h2 {font-size: 50px; color: #686868; letter-spacing: -3px; margin-bottom: 58px;}
.ambiente-box p {font-size: 20px; color: #ababab; margin-bottom: 30px; line-height: 1.3;}
.ambiente-box figure {margin-bottom: 30px;}

.asesorarte-box {width: 50%; background: #fff; padding: 142px 0 0 106px; margin-bottom: -125px; position: relative;}
.asesorarte-box .data {border-left: 3px solid #ef4644; height: 342px; padding-left: 50px;}
.asesorarte-box p {font-size: 16px; color: #ababab; line-height: 1.5; margin-bottom: 30px;}
.asesorarte-box .btn {display: inline-block; text-transform: uppercase; color: #fff; background: #ef4644; height: 40px; padding: 15px 25px 0 25px; font-size: 13px; transition: all .3s ease;}
.asesorarte-box .btn:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}


/*NOSOTROS*/
.nosotros-head {background: url("../images/nosotros/bg-nosotros.jpg") no-repeat center bottom;}
/**/
.nosotros-box {background: #fff; width: 100%; padding: 142px 106px 80px 106px; position: relative;}
.nosotros-box p {font-size: 20px; line-height: 1.3; margin-bottom: 30px; color: #ababab;}
.nosotros-box h3 {font-size: 30px; color: #ababab; letter-spacing: -1px; margin-bottom: 30px; margin-top: 90px;}
.nosotros-box:after {content: ""; display: block; width: 50%; position: absolute; left: 50%; top: 100%; background: #fff; height: 125px;}

/*TELEFONIA*/
.telefonia-head {background: url("../images/telefonia/bg-telefonia.jpg") no-repeat center bottom;}
/**/
.telefonia-data-box {width: 50%; padding: 142px 15px 226px 106px; background: #fff; position: relative; z-index: 1;}
.telefonia-data-box p {font-size: 20px; color: #ababab; margin-bottom: 25px; line-height: 1.3;}
.telefonia-data-box ul {margin-bottom: 25px; line-height: 1.3;}
.telefonia-data-box li {font-size: 20px; color: #ababab;}
.telefonia-data-list {width: 50%; background: #fff; padding-top: 142px; padding-left: 106px; margin-bottom: -125px; position: relative;}
.telefonia-data-list .list-box {border-left: 3px solid #ef4644; padding-left: 50px;}
.telefonia-data-list ul {padding-bottom: 30px;}
.telefonia-data-list h4 {font-size: 16px; color: #ababab; line-height: 1.5; margin-bottom: 10px;}
.telefonia-data-list figure {margin-bottom: 30px;}
.telefonia-data-list p {font-size: 16px; color: #ababab; line-height: 1.5; margin-bottom: 30px;}
.telefonia-data-list .btn {display: inline-block; text-transform: uppercase; color: #fff; background: #ef4644; height: 40px; padding: 15px 25px 0 25px; font-size: 13px; transition: all .3s ease;}
.telefonia-data-list .btn:hover {color: rgba(255,0,4,1.00); background: rgba(0,0,0,1.00);}

/*RESPONSIVE*/
@media only screen and (max-width: 1430px){
    .telefonia-box p {max-width: 60%}
}
@media only screen and (max-width: 1400px){
    .telefonia-box {padding-left: 36px;}
    .energia-box .picture {top: 220px;}
    .contacto-box {padding-left: 36px;}
    .internet-data-box {padding-left: 36px;}
    .ambiente-box {padding-left: 36px;}
    .nosotros-box {padding-left: 36px; padding-right: 36px;}
    .telefonia-data-box {padding-left: 36px;}
}
@media only screen and (max-width: 1225px){
    header {padding-left: 15px; padding-right: 15px;}
    .main-into .data {padding-left: 15px; padding-right: 15px;}
    /**/
    .internet-box, .satelital-box, .telefonia-box, .energia-box, .contacto-box, .formulario-box, .internet-data-box, .ambiente-box, .nosotros-box, .telefonia-data-box {padding-left: 15px; padding-right: 15px;}
    .internet-data-list {padding-left: 36px;}
    .asesorarte-box {padding-left: 36px;}
    .telefonia-box p {max-width: 50%}
    .telefonia-box p br {display: none;}
    .energia-box .picture {max-width: 280px}
    .telefonia-data-list {padding-left: 36px;}
}
@media only screen and (max-width: 1120px){
    .navbar {display: none;}
    .hamburguer {display: block;}
    .submenu .mbl {display: block;}
    .seccion-head .data {padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width: 991px){
    .row-block {flex-wrap: wrap}
    .internet-box, .satelital-box, .telefonia-box, .energia-box, .contacto-box, .formulario-box, .ambiente-box, .asesorarte-box, .nosotros-box, .telefonia-data-box {width: 100%;}
    .bg-internet-box {background: none; height: auto;}
    .internet-box {background: url("../images/home/internet.jpg") no-repeat; height: 742px;}
    .satelital-box {margin-top: 0; background-size: cover;}
    .energia-box {margin-bottom: 0;}
    .energia-box .picture {top: 110px; max-width: 100%;}
    .telefonia-box {margin-top: 0;}
    .formulario-box {padding-top: 30px;}
    .contacto-form {max-width: 100% }
    .internet-data-box {width: 100%; padding-bottom: 40px;}
    .internet-data-list {padding-left: 15px; padding-right: 15px; width: 100%; margin-bottom: 0; padding-top: 0px; padding-bottom: 10px;}
    .ambiente-box {padding-bottom: 30px;}
    .asesorarte-box {padding-left: 15px; padding-top: 0; padding-bottom: 60px;}
    .asesorarte-box .data {height: auto;}
    .nosotros-box:after {display: none;}
    .telefonia-data-box {padding-bottom: 40px;}
    .telefonia-data-list {width: 100%; margin-bottom: 0; padding-bottom: 100px; padding-top: 0; padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width: 767px){
    header {height: 65px; padding-bottom: 10px;}
    .logo {background-size: contain; width: 176px; height: 39px;}
    .hamburguer {width: 31px; height: 21px; margin-bottom: 10px;}
    .seccion-head .data {padding-top: 65px; height: 262px;}
    /**/
/*    .submenu .inner {padding-top: 16px; background: url("../images/layout/menu-mbl-bg.jpg") no-repeat center top; background-size: cover;}*/
    .submenu .inner {padding-top: 16px; background-color: rgba(0, 0, 0, 0.85);}

    .submenu h3 {margin-bottom: 25px; width: 176px; height: 39px;}
    .submenu h4 {display: none;}
    .submenu .accordion__title {display: block; font-size: 28px; letter-spacing: -1px;}
    .submenu li a {font-size: 28px; letter-spacing: -1px;}
    .close-submenu {width: 33px; height: 33px; margin-top: 8px; margin-bottom: 0px; background-size: contain;}
    /**/
    .main-into {background-size: cover}
    .main-into .data {height: 588px; align-items: flex-end; padding-bottom: 45px;}
    .main-into .data h2 {font-size: 50px; letter-spacing: -2.5px;}
    .main-into .data p {font-size: 23px;}
    .main-into .data p br {display: none;}
    /**/
    .internet-box {padding-top: 17px; height: 480px; background: url("../images/home/internet-mbl.jpg") no-repeat center top; background-size: cover;}
    .internet-box .icon img {width: 58px;}
    .internet-box h2 {font-size: 37px; letter-spacing: -2px;}
    .internet-box p {font-size: 17px; margin-bottom: 15px;}
    .internet-box .btn {font-size: 11px; width: 147px; height: 34px; padding-top: 13px;}
    /**/
    .satelital-box {padding-top: 16px; height: 478px; background: url("../images/home/satelital-mbl.jpg") no-repeat center top; background-size: cover;}
    .satelital-box .icon img {width: 69px;}
    .satelital-box h2 {font-size: 37px; letter-spacing: -2px;}
    .satelital-box p {font-size: 17px; margin-bottom: 15px;}
    .satelital-box .btn {font-size: 11px; width: 147px; height: 34px; padding-top: 13px;}
    /**/
    .telefonia-box {padding-top: 16px; height: 407px;}
    .telefonia-box .icon img {width: 55px;}
    .telefonia-box h2 {font-size: 37px; letter-spacing: -2px;}
    .telefonia-box p {font-size: 17px; margin-bottom: 15px;}
    .telefonia-box .btn {font-size: 11px; width: 147px; height: 34px; padding-top: 13px;}
    .telefonia-box .picture {top: 55px; right: 21px;}
    .telefonia-box .picture img {width: 145px;}
    /**/
    .energia-box {padding-top: 16px; height: 406px;}
    .energia-box .icon img {width: 44px;}
    .energia-box h2 {font-size: 37px; letter-spacing: -2px;}
    .energia-box p {font-size: 17px; margin-bottom: 15px;}
    .energia-box .btn {font-size: 11px; width: 147px; height: 34px; padding-top: 13px;}
    .energia-box .picture {top: 210px; right: 0px;}
    .energia-box .picture img {width: 250px;}
    /**/
    .contacto-box {padding-top: 16px;}
    .contacto-box .icon img {width: 44px;}
    .contacto-box h2 {font-size: 37px; letter-spacing: -2px; margin-bottom: 15px;}
    .contacto-box p {font-size: 17px;}
    .contacto-box .redes a {width: 30px; height: 30px; background-size: contain;}
    .formulario-box {padding-top: 0; padding-bottom: 50px;}
    .formulario-box h3 {font-size: 20px; margin-bottom: 15px;}
    .contacto-form .row {flex-wrap: wrap; margin-bottom: 15px;}
    .contacto-form .field:first-child {margin-right: 0; margin-bottom: 15px;}
    .contacto-form .field:last-child {margin-left: 0;}
    .contacto-form input[type="submit"] {font-size: 11px; width: 146px; height: 34px; padding-top: 3px; font-weight: bold;}
    /**/
    footer p {font-size: 12px; line-height: 1.6;}
    footer p br {display: inline-block;}
    footer p span {display: none;}
    footer h6 {font-size: 11px;}
    /**/
    .internet-head { background-image: url("../images/internet/bg-internet-mbl.jpg"); background-size: contain;}
    .seccion-head .data {height: 497px;}
    .seccion-head h2 {font-size: 54px;}
    .internet-data-box {order: 2; padding-top: 20px; padding-bottom: 75px;}
    .internet-data-box h2 {display: none;}
    .internet-data-box p {font-size: 17px; margin-bottom: 20px;}
    .internet-data-box ul {margin-bottom: 20px;}
    .internet-data-box li {font-size: 17px;}
    .internet-data-box .btn {height: 33px; padding-top: 12px; padding-left: 11px; padding-right: 11px;}
    .internet-data-list {order: 1; padding-top: 20px; padding-bottom: 20px;}
    .internet-data-list h2 {display: block; font-size: 37px; color: #686868; margin-bottom: 50px; letter-spacing: -2px;}
    .internet-data-list ul {margin-left: 20px;}
    .internet-data-list ul:after {left: -20px;}
    .internet-data-list li {padding-left: 62px; padding-top: 10px; margin-bottom: 25px;}
    .internet-data-list li .icon img {width: 53px;}
    .internet-data-list h4 {font-size: 31px;}
    .internet-data-list p {font-size: 14px;}

    .satelital-head { background-image: url("../images/internet/bg-satelital-mbl.jpg"); background-size: contain;}
    .seccion-head .data {height: 497px;}
    .seccion-head h2 {font-size: 54px;}


    /**/
    .energia-head { background-image: url("../images/energia/bg-energia-mbl.jpg"); background-size: contain;}
    .ambiente-box {padding-top: 20px; padding-bottom: 0;}
    .ambiente-box h2 {font-size: 37px; margin-bottom: 50px;}
    .ambiente-box p {font-size: 17px;}
    .asesorarte-box {padding-bottom: 90px;}
    .asesorarte-box .data {padding-left: 20px;}
    .asesorarte-box p {font-size: 14px;}
    .asesorarte-box .btn {height: 33px; padding-top: 12px; padding-left: 11px; padding-right: 11px;}
    /**/
    .nosotros-head { background-image: url("../images/nosotros/bg-nosotros-mbl.jpg"); background-size: contain;}
    .nosotros-box {padding-top: 45px; padding-bottom: 45px;}
    .nosotros-box p {font-size: 17px; margin-bottom: 20px;}
    /**/
    .telefonia-head { background-image: url("../images/telefonia/bg-telefonia-mbl.jpg"); background-size: contain;}
    .telefonia-data-box {padding-top: 40px; padding-bottom: 20px;}
    .telefonia-data-box p {font-size: 17px; margin-bottom: 20px;}
    .telefonia-data-box ul {margin-bottom: 20px;}
    .telefonia-data-box li {font-size: 17px;}
    .telefonia-data-list {padding-top: 20px; padding-bottom: 60px;}
    .telefonia-data-list .list-box {padding-left: 25px;}
    .telefonia-data-list h4 {font-size: 14px;}
    .telefonia-data-list p {font-size: 14px;}
    .telefonia-data-list .btn {height: 33px; padding-top: 12px; padding-left: 11px; padding-right: 11px;}
}
@media only screen and (max-width: 767px){
    .energia-box .picture {top: 230px;}
    .energia-box .picture img {width: 210px;}
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  /*background-color: #fefefe;*/
  margin: 1% auto; /* 15% from the top and centered */
  padding: 20px;
  /*border: 1px solid #000;*/
  /*width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 50px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}