/*Familia tipografica del sitio*/

* {
  font-family: 'Nunito Sans', sans-serif;
  text-rendering: optimizeLegibility;
}
p{font-size: 1.05em;
line-height: 1.6em; }

.carousel-item .lead{
  font-size: 1.5em;
  line-height: 1.3em;
}
.title-section{
  font-size: 35px;
}
.sub-bx{
  font-size: 15px;
}

.lead
{font-size: 1.15em;
line-height: 1.55em; }

h1, h2, h3, h4, h6{
  font-weight: 700;
  letter-spacing: -.6px;
}
h5{
  font-weight: 600;
}
/* anchors are inline so you need ot make them block to go full width*/
.pos-top{
background-position: top;
}


.imgAbout {
  background: black;
}

.imgAbout img {
  opacity: .6;
}

.calltoaction{
  padding-top: 8vh;
  padding-bottom: 8vh;
  background-color: #4fae31;
  color: white;
}
/*Nav se oculta automaticamente*/

/*

.nav-up {
  top: -600px;
}
*/
.text-blue{
  color: #0e2a53;
}
.text-grey{
  color: #565656;
}
.breadcrumb{
  background-color: initial;
}
/* ESTILOS HOME*/


#section1 {
  padding-top: 25vh;
  padding-bottom: 20vh;
  overflow: hidden;
  line-height: 1.5em;
  background-color: #f6f7f8;
}
#section1 h1, #section1 h4{
  color: #0e2a53;
}

#section1 p {
  color: #565656;
}

#section2 {
  padding-top: 15vh;
  padding-bottom: 15vh;
  overflow: hidden;
}
#section3{
  padding-top: 15vh;
  padding-bottom: 15vh;
}
#section3 h1, #section3 h3{
  color: #0e2a53;
}
#section3 small{
  color:#008bd2;
}
#section3 p {
  color: #565656;
}
#section4{
  padding-top: 15vh;
  padding-bottom: 15vh;
  overflow: hidden;
}
#section5{
  background-color: #0d2e5f;
}
#foot{
  padding-top: 15vh;
  padding-bottom: 15vh;
  background-color: #0d2e5f;
  color: white;
}
#foot ul{
    list-style-image: url('../img/list.png');
}

#thumb-center{
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}
#contacto {
  padding-right: 85px;
  background-color: white;
}

.bg-light {
  background-color: white !important;
}

.container-fluid {
  padding-left: 0;
}



/* ESTILOS SECCIONES*/
.section-head{
  padding-top: 30px;
  padding-bottom:30px;
  overflow: hidden;
}
.brand-logo{
width: 70px;
background-color: ;
padding: 0;
margin: 0;
}
.navbar-dark .navbar-toggler{
  border-width: 0;
}
.seccion-basica{
  padding-top: 15vh;
  padding-bottom: 15vh;
}
#nosotros-section1{
  padding-top: 5vh;
  padding-bottom: 15vh;
}
#nosotros-section2 {
  padding-top: 10vh;
  padding-bottom: 10vh;
  overflow: hidden;
}
#nosotros-section3 {
  padding-top: 10vh;
  padding-bottom: 10vh;
}
#asia-section1{
  padding-top: 5vh;
  padding-bottom: 15vh;
}

#servicios-section1{
  padding-top: 5vh;
  padding-bottom: 10vh;
}
.card-s{
  overflow: hidden;
  background-color: black;
  transition: all .5s ease;
}
.card-s:hover{
    background-color: #0085C3;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}
.overlay-2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .5s ease;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}
.overlay-2 .svg-s{
  opacity: .9;
  transition: .5s ease;
}
.overlay-2 .text-s{
  opacity: 0;
  transition: .5s ease;
}
.card-s:hover .card-s-img {
  opacity: 0;
}

.card-s:hover .overlay-2 .svg-s{
  opacity: 1;
  top:33%;
}
.card-s:hover .overlay-2 .text-s{
  opacity: 1;
  top:53%;
}

.card-s:hover .overlay {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}
.card-s:hover .card-s-img {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
}
.card-s-img {
  opacity: .4;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}
.text-s {
  transition: .5s ease;
  font-weight: 400;
  color: white;
  font-size: 20px;
  position: relative;
  width: 100%;
  text-align: center;
  top: 65%;
}
.otros .text-s {
  margin-top: .5em;
  font-size: 15px;
}
.svg-s {
  position: absolute;
  left: 42%;
  top: 40%;
}
.otros .svg-s {
  position: absolute;
  left: 40%;
  top: 40%;
}
/* EFECTO PARALLAX*/

.parallax {
  position: relative;
  overflow: hidden;
}

.prlx {
  background-color: black;
}

/*ESTILO DE BARRA DE NAVEGACIÓN*/

#nav-head{
  padding-left: 0px;
  padding-right: 0px;
}

header {
  padding: 0px;
  margin: 0px;
  position: absolute;
  left: 0;
  top: 0;
  transition: top 0.5s ease-in-out;
  width: 100%;
  z-index: 10000;
}
#menu-desk .navbar .nav-item .active{
  border-bottom: 10px solid #4faf32;
}
#menu-desk nav {
  border-bottom: 1px solid rgba(255,255,255,.4);
}
.navbar{
  padding-left: 0;
  padding-right: 0;
}
#menu-movil{
  background-color: #0d2f60;
}

#menu-movil .nav-item{
  border-bottom: 1px solid #336699;
}
/* ESTILOS DE CARROUSEL*/

/*Forces image to be 100% width and not max width of 100%*/

#top-carousel .carousel-item {
  height: 700px;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#top-carousel .carousel-caption {
  top: 180px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#top-carousel .carousel-caption h3 {
  font-size: 60px;
  line-height: 55px;
  letter-spacing: -1.8px;
  font-weight: 700;
}

#slide-control [data-target="#carouselExampleIndicators"] {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

#slide-control small {
  letter-spacing: .05rem;
  font-size: .7em;
}

#slide-control>.container>.row {
  background-color: #0d2f60;
}
#slide-control .active {
  background-color: #4faf32;
  border-color: #4faf32;
}

.box-indicator {
  border-left: 1px solid #2c5ba0;
}
.box-indicator-sm{
  border-top:1px solid #2c5ba0;
}

.carousel-indicators {
  left: 0;
  right: 0;
  bottom: -80px;
  margin-left: auto;
  margin-right: auto;
  cursor:pointer;
}

.card-columns{
  column-count: 1;
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
  .carousel-indicators {
    max-width: 540px;
  }

  #top-carousel .carousel-caption h3 {
    font-size: 80px;
    line-height: 75px;

  }
  .card-columns{
    column-count: 2;
  }
}

/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {
  .carousel-indicators {
    max-width: 720px;
  }
  #top-carousel .carousel-caption {
    top: 200px;
  }
  .carousel-caption {
    max-width: 720px;
  }
  #top-carousel .carousel-caption h3 {
    font-size: 100px;
    line-height: 95px;

  }
  .card-columns{
    column-count: 3;
  }
  .sub-bx{
    font-size: 20px;
  }

}

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {
  .container {
      max-width: 1000px !important;
  }
  .carousel-indicators {
    max-width: 960px;
  }
  #top-carousel .carousel-caption {
    top: 250px;
  }
  .carousel-caption {
    max-width: 960px;
  }
  .box-indicator-sm{
    border-top:none;
  }
  .section-head{
    padding-top: 200px;
    padding-bottom:100px;
  }
  .title-section{
    font-size: 60px;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
  #top-carousel  .carousel-indicators {
    max-width: 1140px;
  }
  #top-carousel .carousel-caption {
    top: 250px;
  }
  .carousel-caption {
    max-width: 1140px;
  }
}