/* =====================================================
   TP2026
   Telefonía Privada
   ===================================================== */

/* Paleta */

:root{

--tp-blue:#17479E;
--tp-blue-hover:#123C87;

--tp-text:#555555;
--tp-text-light:#777777;

--tp-bg:#FFFFFF;
--tp-border:#E5E5E5;

}

/* =====================================================
GENERAL
===================================================== */

body{

background:#fff;

color:var(--tp-text);

font-family:'Raleway',sans-serif;

font-size:18px;

line-height:1.8;

}

section{

background:#fff;

}

/* =====================================================
TÍTULOS
===================================================== */

h1{

font-size:54px;

font-weight:700;

color:var(--tp-blue);

margin-bottom:25px;

}

h2{

font-size:36px;

font-weight:700;

color:var(--tp-blue);

margin-bottom:30px;

}

h3{

font-size:30px;

font-weight:700;

color:var(--tp-blue);

}

h4{

font-size:28px;

font-weight:700;

color:var(--tp-blue);

}

/*====================================================
PARRAFOS
====================================================*/

p{

font-size:18px!important;

font-weight:600!important;

line-height:1.9!important;

color:#555555!important;

margin-bottom:22px!important;

}

/* =====================================================
TEXTOS
===================================================== */

strong{

font-weight:700;

}

.text-center{

text-align:center;

}

/* =====================================================
SEPARADORES
===================================================== */

hr{

border:none;

height:1px;

background:#E5E5E5;

margin:60px auto;

width:100%;

}

/* =====================================================
SECCIONES
===================================================== */

.mbr-section{

background:#fff;

}

.article{

background:#fff;

}

/* =====================================================
TÍTULOS DE SECCIONES
===================================================== */

.mbr-title-font{

color:#17479E!important;

}

/* =====================================================
BENEFICIOS
===================================================== */

.tp-beneficios p{

font-size:18px;

color:#555;

margin-bottom:16px;

}

.tp-beneficios strong{

color:#17479E;

}

/* =====================================================
BOTONES
===================================================== */

.btn{

border-radius:6px;

transition:.3s;

}

.btn-primary{

background:#17479E;

border-color:#17479E;

}

.btn-primary:hover{

background:#123C87;

border-color:#123C87;

}

/* =====================================================
FOOTER
===================================================== */

footer{

background:#123C87;

color:#fff;

}

footer p{

color:#fff;

}

/* =====================================================
RESPONSIVE
===================================================== */

@media(max-width:991px){

h1{

font-size:42px;

}

h2{

font-size:30px;

}

p{

font-size:17px;

}

}

@media(max-width:767px){

h1{

font-size:34px;

}

h2{

font-size:28px;

}

p{

font-size:16px;

line-height:1.7;

}

}

/* =======================================
ANDROID + iPHONE
======================================= */

@media (max-width:767px){

.tp-hero-title{

font-size:32px!important;

line-height:1.2;

}

.tp-hero-subtitle{

font-size:18px!important;

line-height:1.5;

padding:0 20px;

}

h1{

font-size:32px!important;

}

h2{

font-size:28px!important;

}

h3{

font-size:24px!important;

}

h4{

font-size:22px!important;

}

p{

font-size:16px!important;

line-height:1.8;

}

}

/* =======================================
iPAD
======================================= */

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

.tp-hero-title{

font-size:44px!important;

}

.tp-hero-subtitle{

font-size:22px!important;

}

h1{

font-size:44px!important;

}

h2{

font-size:34px!important;

}

p{

font-size:18px!important;

}

}

/* =======================================
WINDOWS NOTEBOOK
======================================= */

@media (min-width:1025px) and (max-width:1600px){

.tp-hero-title{

font-size:56px!important;

}

.tp-hero-subtitle{

font-size:26px!important;

}

}

/* =======================================
MACBOOK + PANTALLAS GRANDES
======================================= */

@media (min-width:1601px){

.tp-hero-title{

font-size:64px!important;

}

.tp-hero-subtitle{

font-size:30px!important;

}

}

#msg-box8-1i{

background:#FFFFFF!important;

}

#msg-box8-1i h3{

color:#17479E!important;

font-size:36px!important;

font-weight:700!important;

}

#msg-box8-1i p{

color:#555555!important;

font-size:18px!important;

font-weight:600!important;

line-height:1.9!important;

}

#msg-box8-1i strong{

color:#17479E!important;

}

#msg-box8-1i ul{

margin-top:35px;

}

#msg-box8-1i li{

font-size:18px;

font-weight:600;

color:#555555;

margin-bottom:16px;

}

#msg-box8-1k h3{

color:#FFFFFF!important;

font-size:36px!important;

font-weight:700!important;

text-transform:uppercase;

}

#msg-box8-1k p{

color:#FFFFFF!important;

font-size:20px!important;

font-weight:600!important;

}

#msg-box8-1k .btn{

background:#FFFFFF!important;

color:#17479E!important;

border:2px solid #FFFFFF!important;

font-weight:700;

}

#msg-box8-1k .btn:hover{

background:#17479E!important;

color:#FFFFFF!important;

border-color:#FFFFFF!important;

}

#msg-box8-1k{

padding-bottom:120px!important;

}

#msg-box11-1x{

padding-top:130px!important;

}