body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; 
    font-size: 17px;
    line-height: 1.5
}
html, body {
    height: 100%;
}
a, a:hover {
    text-decoration: none;
}
h2 {
    font-size: 40px;
    font-weight: 800;
}
h3 {
    font-size: 24px;
    color: #3A9EB6;
}
strong {
    font-weight: 700;
}

/* Generales */
.title h2 {font-weight: 900;
    line-height: 1.16;
    font-size: 38px;
    color: #0A1158; }
section {padding: 4em 0 0}

/* Header */
header {background: #f2f2f2; position: relative; z-index: 999;box-shadow: 2px 5px 14px rgba(0,0,0,0.4)}
header .logo {width: 180px}
.top-nav {background: #3A9EB6; }
.top-nav a, .top-nav i {color: #FFF; font-size: 0.9em}
.top-nav a:hover, .top-nav i:hover {color: #2BF8FF}

.navbar, .navbar-brand {padding: 3px}
.nav-link {padding: 1.3rem 1.5rem !important}
.navbar-light .navbar-nav .nav-link {color: rgb(64, 64, 64); font-weight: 600; font-size: 14px; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {/*background: #2b619c*/color:#3A9EB6;}

.btn-primary {background: #2cc4d0; border:0;border-radius: 20px; padding: .375rem 1.2rem; text-transform: uppercase; font-weight: 600;}
.btn-primary:hover {background: #1492af;border:0;}

/* Section Presentación (imagen principal) */ 
#presentacion {/*height: 100%; */padding: 0;}
#presentacion h1 {font-size: 2.3rem; font-weight: 400; line-height: 1; display: inline-block;}
#presentacion h2 {font-size: 2rem; color: #BCD375; font-weight: 600; line-height: 1.3; s}
#presentacion h2 strong {font-weight: 500}

.box-wp {background: #3A9EB6; padding: 1em 1.5em; -webkit-border-radius: 50px 0 0 50px;
border-radius: 50px 0 0 50px; color: #fff; right:0; bottom: -5.5%; z-index: 100; box-shadow: 2px 5px 14px rgba(0,0,0,0.4);}
.box-wp i {font-size: 3.2em;}
.box-wp p {font-size: 1.2em; font-weight: 400;line-height: 1.2;}
.box-wp strong {font-size: 1.25em; font-weight: 800}

/* Servicios */
.box-servicio {padding: 1.5em}

.listaItems {margin: 0; padding: 0; list-style: none;}
.listaItems i {color: #3A9EB6;}

/* Section Home Empresa */
#empresa {/*background: url(../images/bg-empresa.jpg); background-size: cover;*/ color: #fff; padding-bottom: 3em;}
#empresa .title h2 {color: #BCD375;}
#empresa h5 {color: #BCD375; text-transform: uppercase; font-weight: 600}
#empresa h6 {font-size: 1.2em; font-weight: 400}
#empresa i {font-size: 2em; color: #BCD375;}

/* Section Contacto */
#contacto { padding: 60px 0; background: #f2f2f2; box-shadow: 2px 5px 14px rgba(0,0,0,0.4);}
#contacto p {margin: 0.7em 0; }
#contacto label {font-weight: 300; font-size: 16px; margin-bottom: 0.4em;}
#contacto i {color: #BCD375;}
#contacto .telGde {font-weight: 400; font-size: 1.7em; color: #3A9EB6; margin: 0 0 0.2em; line-height: 0.9em;}
#contacto .telGde span {font-weight: 900;}
.form-group .form-control {padding: 7px 12px;  border: 1px solid #ddd; border-radius: 0;}

textarea#message {resize: none; padding: 10px; height: 100px;}

/* Footer */
footer {padding: 40px 0 0 0 ; font-size:13px; }
footer a { color:#000; text-decoration: none}
footer a:hover{color:#3A9EB6;}
footer .logoFooter{margin-bottom:30px; width: 180px;}
footer h4 {font-weight: 600; font-size: 0.8rem; color: #3A9EB6; text-transform: uppercase; margin-bottom:0;}
footer h5 {font-weight: 300; font-size: 1.2rem; margin-bottom: 1.1rem;}
.face i, .instagram i {font-size: 1.5rem; margin-right: 10px; position: relative; top: 3px;}
.face span, .instagram span {display: none;}

.data-fiscal {display: inline-block; width: 40px; height: auto;}
.data-fiscal img {width:100%;}

footer .copy {background:#212529; padding:10px; color:#ddd; font-size:11px;}

/* Páginas interiores */
#presentacion-int {height: 220px;}
#presentacion-int h1 {font-size: 2.4em; color: #BCD375; font-weight: 600; line-height: 1; display: inline-block; }

.empresa {background: url(../images/bg-empresa-5.jpg); background-size: cover; padding-bottom: 3em;}
.seguridad {background: url(../images/bg-seguridad2.jpg); background-size: cover; padding-bottom: 3em;}
.internet {background: url(../images/bg-internet2.jpg); background-size: cover; padding-bottom: 3em;}
.fibra {background: url(../images/bg-fibra.jpg); background-size: cover; padding-bottom: 3em;}

.card {background: #BCD375; color: #fff; padding: 2em}
.card h2 {color: #fff !important; font-size: 1.6em}

.interna {padding: 60px 0;}
.interna h2 {font-size: 34px;}

.pagos h6 {color: #3A9EB6; font-size: 40px; font-weight: 600}

#mision {background: url(../images/bg-empresa-3.jpg); background-size: cover; color: #fff; padding-bottom: 3em;}
#seguridad-lg {background: url(../images/bg-seguridad-lg.jpg); background-size: cover; color: #fff; padding-bottom: 3em;}
#seguridad-lg .listaItems {font-size: 22px; font-weight: 400;}

.bg-celeste h3, .bg-celeste i {color: #BCD375}


.recordatorio {border: 1px solid #3A9EB6; color: #3A9EB6; border-radius:10px; padding: 0.6em 1em; }

.wp {position: fixed; bottom: 40px; z-index: 999999; font-size: 20px; right: 30px;display: inline-block; border-radius: 5px; padding: 0.2em 0.3em;}

#asesoramiento {/*background: #3A9EB6;*/ box-shadow: 2px 5px 14px rgba(0,0,0,0.4); padding:2em 0; text-align: center}
#asesoramiento h3 {font-size: 2em; color: #fff}

/*  M E D I A   Q U E R I E S  */

@media screen and (min-width: 768px) {
    #presentacion-int {height: 250px;}
    .box-wp {}
    .box-wp i {font-size: 4em;}
    .box-wp p {font-size: 1.5em; }
    .box-wp strong {font-size: 1.25em; font-weight: 800}
    #contacto .telGde {font-size: 2em;}
}