/*============ Banner  ============*/
html, body {
  height: 100%;
  width: 100%;
  font: 400 16px/1.8 "Lato", sans-serif;
}
/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
  height: 100%;
}
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
    color: white;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
    color: white;
   
}

#home {
  background: url(../images/nosotros/Parallax_02.png) no-repeat center center fixed;
  opacity: 0.8;
  display: table;
  height: 68%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



p.lead3{
    text-align: justify;
    font-size:16px;
}

/*============ Primer seccion - Historia  ============*/
#information1{
    
    color:white;
    text-shadow: 2px 2px 3px black;
    padding-top: 40px;
    margin-top: -20px;
     padding-bottom: 50px;
}
.marketing1 h2{
    font-size: 2.5rem;
    color: white;
    text-shadow: 2px 2px 3px black;
    text-align: center;
    
}
.marketing1 h5{
    color: white;
     text-shadow: 2px 2px 3px black;
    text-align: center;
}
.txt-info1{
  color:#FF990E;
font-weight: bold;  
}
.txt-info2{
color:#FF990E;
font-weight: bold;
}


/*============ Segunda Seccion - Mision y vision ============*/

#information2{
    background-color:white;
    color:black;
    padding-top: 100px;
    margin-top: -30px;
     padding-bottom: 50px;
}
.marketing2 h2{
    color:#005596;
    text-align: center;
}
.marketing2 h5{
    color:black;
    text-align: center;
}

h3.text1{
 text-align: center;
 color:#005596;
  }




/*============ Tercera Seccion Por que elegirnos ============*/

/* Center align the text within the three columns below the carousel */
#information3{
    background: url(../images/nosotros/Parallax_03.png) no-repeat center center fixed;
    color:black;
    padding-top: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
  display: table;
  height: 68%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing3 h2 {
  font-weight: normal;
    text-align: center;
    color:white;
    text-shadow: 2px 2px 3px #005596;
}
.marketing3 h5 {
  font-weight: normal;
    text-align: center;
    color: white;
    text-shadow: 2px 2px 3px #FF990E;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.featurette-divider {
margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}


.pad-section img {
  width: 100%;
}

#cinfo{
    padding-top: 20px;
}
.rounded-circle{
    border-radius: 50%;
    border: 2px solid #FF990E;
    
}


/*============ Cuarta Seccion Presentacion empresarial ============*/


 #video-container {
    
max-width: 560px;
padding-top:40px;
}
.video {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
    
}
.video iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
    
}

#text-styles{
    color:#005596;
}
.text-styles2{
    color:#FF990E;
    font-weight:bold;
}


p.lead-kl{
    color: white;
    text-shadow: 2px 2px 3px black;
}






@media (max-width: 767px){
    #home {
         background-attachment: scroll;
        width: 100%;
      height: 270px;
    }
    #information3{
        background-attachment: scroll;
        width: 100%;
      height: 270px;
        
        }
    
}