/*========================================================

TP2026
Telefonía Privada
Primer Distribuidor Oficial Astrum desde 2011

CSS Oficial

========================================================*/


/***************************************************

PALETA

****************************************************/

:root{

--tp-azul:#17479e;
--tp-celeste:#29abe2;
--tp-gris:#666666;
--tp-gris-claro:#f7f7f7;
--tp-texto:#444444;
--tp-footer:#0f2f6b;

}


/***************************************************

GENERAL

****************************************************/

body{

color:var(--tp-texto);

background:#ffffff;

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

}

section{

background:#ffffff;

}

p{

line-height:1.8;

font-size:17px;

color:#555;

}


/***************************************************

TITULOS

****************************************************/

h1,
h2,
h3,
h4,
h5{

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

font-weight:700;

color:var(--tp-azul);

}

.mbr-title-font{

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

}


/***************************************************

MENU

****************************************************/

#dropdown-menu1-0{

background:#ffffff;

box-shadow:0 2px 10px rgba(0,0,0,.08);

}

#dropdown-menu1-0 .navbar{

background:#ffffff;

}

#dropdown-menu1-0 .nav .link{

font-size:18px;

font-weight:600;

color:#17479e;

padding-left:20px;

padding-right:20px;

}

#dropdown-menu1-0 .nav .link:hover{

color:#29abe2;

}

#dropdown-menu1-0 .dropdown-menu{

padding:15px 0;

}

#dropdown-menu1-0 .dropdown-item{

font-size:18px;

padding:12px 25px;

color:#17479e;

font-weight:500;

}

#dropdown-menu1-0 .dropdown-item:hover{

background:#17479e;

color:#ffffff;

}


/***************************************************

VIDEO HERO

****************************************************/

#header4-q{

position:relative;

}

#header4-q .hero-content{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

width:100%;

text-align:center;

z-index:20;

}

#header4-q h1{

color:#ffffff;

font-size:48px;

font-weight:700;

text-shadow:0 0 15px rgba(0,0,0,.6);

}

#header4-q h2{

color:#ffffff;

font-size:24px;

font-weight:500;

margin-top:25px;

text-shadow:0 0 12px rgba(0,0,0,.6);

}


/***************************************************

SECCIONES

****************************************************/

#msg-box11-1q,
#msg-box11-1r,
#msg-box11-1x,
#msg-box19-29,
#msg-box11-1y{

background:#ffffff!important;

}

#msg-box11-1q h4{

color:#17479e !important;

font-size:34px;

font-weight:700;

}

#msg-box11-1q p{

color:#666666;

font-size:18px;

line-height:1.9;

font-weight:400;

}
#msg-box11-1x h4,
#msg-box19-29 h2,
#msg-box11-1y h4{

color:#17479e;

font-size:36px;

font-weight:700;

}

#msg-box11-1q strong{

color:#17479e;

}

#msg-box11-1q b{


#msg-box11-1x p,
#msg-box11-1y p{

color:#555;

font-size:18px;

line-height:1.9;

}

#msg-box11-1q ul{

margin-top:35px;

}

#msg-box11-1q li{

margin-bottom:14px;

font-size:18px;

color:#666;

}

#msg-box11-1y p{

margin-top:25px;

}

#msg-box11-1y .btn{

margin-top:45px;

}


/***************************************************

PARALLAX

****************************************************/

#parallax1-28 h4{

color:#17479e;

font-size:36px;

}

#parallax1-28 p{

font-size:18px;

}


/***************************************************

EMPRESAS

****************************************************/

#msg-box19-29 h2{

color:#17479e;

margin-bottom:35px;

}


/***************************************************

BOTONES

****************************************************/

.btn-primary{

background:#17479e;

border-color:#17479e;

}

.btn-primary:hover{

background:#29abe2;

border-color:#29abe2;

}


/***************************************************

FOOTER

****************************************************/

footer{

background:#123a82;

}

footer h1,
footer h2,
footer h3,
footer h4{

color:#ffffff;

}

footer p{

color:#e8e8e8;

}

footer a{

color:#ffffff;

}

footer a:hover{

color:#29abe2;

}


/***************************************************

ICONOS

****************************************************/

.fa{

transition:.25s;

}

.fa:hover{

transform:scale(1.1);

}


/***************************************************

RESPONSIVE

****************************************************/

@media(max-width:991px){

#header4-q h1{

font-size:42px;

}

#header4-q h2{

font-size:22px;

}

#dropdown-menu1-0 .dropdown-item{

font-size:16px;

}

}

@media(max-width:768px){

#header4-q h1{

font-size:34px;

}

#header4-q h2{

font-size:18px;

}

section{

padding-top:60px;

padding-bottom:60px;

}

}

.tp-logo-text{

    font-family:'Montserrat',sans-serif;
    font-size:34px;
    font-weight:700;
    color:#17479e !important;

    text-decoration:none;

    display:block;

    line-height:70px;

}

.tp-logo-text:hover{

    color:#29abe2 !important;

}

.footer-logo{

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

    font-size:34px;

    font-weight:700;

    color:#ffffff;

    margin-bottom:25px;

}

/*====================================================
TP2026
SECCION CENTRALES TELEFONIA IP
====================================================*/


/* Fondo blanco general */

#msg-box8-1i,
#msg-box8-1k,
#msg-box11-1s,
#msg-box11-1r {

background:#ffffff!important;

}


/* TITULOS PRINCIPALES */

#msg-box8-1i h1,
#msg-box8-1i h2,
#msg-box8-1i h3,
#msg-box8-1i h4,
#msg-box8-1k h1,
#msg-box8-1k h2,
#msg-box8-1k h3,
#msg-box8-1k h4 {

color:#17479e!important;

font-family:'Montserrat',sans-serif!important;

font-size:34px!important;

font-weight:700!important;

text-align:center;

}


/* TEXTO NORMAL */

#msg-box8-1i p,
#msg-box8-1k p,
#msg-box11-1s p,
#msg-box11-1r p {

color:#555555!important;

font-family:'Raleway',Arial,sans-serif!important;

font-size:17px!important;

line-height:1.8!important;

font-weight:400!important;

text-align:center;

}


/* NEGRITAS */

#msg-box8-1i strong,
#msg-box8-1k strong,
#msg-box11-1s strong,
#msg-box11-1r strong {

color:#17479e!important;

font-weight:700!important;

}


/* LISTAS BENEFICIOS */

#msg-box8-1i ul,
#msg-box8-1k ul {

margin-top:30px;

text-align:left;

}


#msg-box8-1i li,
#msg-box8-1k li {

color:#555555!important;

font-size:17px!important;

line-height:1.8;

margin-bottom:8px;

}


/* QUITAR TAMAÑOS EXAGERADOS MOBIRISE */

#msg-box8-1i div,
#msg-box8-1k div {

font-size:17px!important;

line-height:1.8;

}