html,
body{
    
  height:100%;
   font-family: 'Quicksand', sans-serif;
    padding-right: 0 !important;
    
}

/* ------------=================
---> header ---------------
==============================*/

.n1 {
    background-color: rgba(0, 0, 0, 0.7) !important;
    }
.navbar-brand {
    color: #fff !important;
}

/*.navbar {
    padding: 0px 125px !important;
}*/



.navbar-nav li a {
    color: #fff !important;
}

.navbar-nav li a.active {
    color:#39b9ef !important;
    border-bottom: 1px solid #39b9ef !important;    
}

.navbar-nav li a:hover {
    color:#39b9ef !important;
    
}

header {
    background-image: url(../img/header-bg.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-color: #4BCAFF;
    height: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    
    
}

header h1 { color:#fff;
font:700  Arial-rounded;}

header h1 span {color:#0a5e7f;}


.navbar {
    
    padding: 10px 150px 10px 150px;
}

.navbar-light .navbar-toggler {
    border-color: rgba(250, 250, 250, 0.8);
}
.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
    color: rgba(250, 250, 250, 0.9);
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
  color: rgba(250, 250, 250, 0.9);
}

/* ------------=================
---> cuerpo ---------------
==============================*/


.titulos {
    padding: 15px;
}

.micontenido {
    background-color: #39b9ef;
    display: block;
    padding: 85px 95px ;    
}

.micontenido h5 {color: #fff;}

.areas {
    padding: 15px 40px;
    text-align: center;
}

.areas .img {
    padding-bottom: 10px;
   
}

.areas .titulo {
    padding-bottom: 10px;
}

.areas .titulo h5 span {color: #39b9ef;}
.areas .parrafo {
    padding-bottom: 35px;
}

.myslider {
    background-image: url(../img/header-bg.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-color: #4BCAFF;
    height: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    padding:10px;
    
    
    
}

.myvideo {
    background-image: url(../img/header-bg.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-color: #39b9ef;
    height: 450px;
    display:flex;
    justify-content: center;
    align-items: center;
    color:white;
    
   
    
    
}

.myplay a {
    color:white;
}

.myplay a:hover{
    color:#39b9ef !important;
}

.contenedor-video .row {
    display:grid !important;
    
}

.franjavideo {padding:25px 0 !important;}


section#contacto {
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 80px 80px !important;
}

.p-contacto .p-titulo h1, h3 {
    
    color:#fff;
}

.p-contacto .p-titulo h1, h3 span {
    
    color:#39b9ef;
}

 i {
    
    color:#39b9ef !important;
}