@import url('https://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Narrow');

/***************
*   Fuentes    *
****************/

h1, h2, h3, h4, h5{
  font-family: 'PT Sans', sans-serif;
}

p {
  font-family: 'PT Sans Narrow', sans-serif;
}


/********************************
 * Start Bootstrap - Half Slider
 ********************************/

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

  .carousel-caption {
    position: absolute;
    right: 15%;
    /* bottom: 20px; */
    /* left: 15%; */
    z-index: 2;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.slide-heading{
  font-size: 62px;
}

/************************
*    Servicios Home     *
*************************/

.text-primary {
  color: #DF5430!important;
}

.service-heading {
  margin: 15px 0;
  text-transform: none;
}

.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 55px;
  text-transform: none;
}


/************************ 
 * Showcases (Nosotros) *
 ************************/
.showcase .showcase-text {
  padding: 2rem 3rem;
  text-align: justify;
}

.showcase .showcase-img {
  min-height: 20rem;
  background-size: cover;
}

#somos{
    background-color:#DF5430;
    color:#fff;
}

/**********************
 * Contenido Carrusel *
 **********************/
 #custom_carousel .carousel-item {
  height: 45vh;
  color:#000;
  background-color:#eee;
  padding:20px 0;

}
#custom_carousel .controls{
  overflow-x: auto;
  overflow-y: hidden;
  padding:0;
  margin:0;
  white-space: nowrap;
  text-align: center;
  position: relative;
  background:#ddd
}
#custom_carousel .controls li {
  display: table-cell;
  width: 100%;
  max-width:250px
}
#custom_carousel .controls li.active {
  background-color:#eee;
  border-top:3px solid orange;
}
#custom_carousel .controls a small {
  overflow:hidden;
  display:block;
  font-size:12px;
  margin-top:5px;
  font-weight:bold
}

/*****************
*  Pagina UV 05  *
******************/
.uv05{
  background-image: url(../img/uv05_bg.jpeg);
  background-size: cover;
  padding: 0px;
}

.uv05 .uv05-text {
  padding: 3rem;
  text-align: justify;
  color: #ffffff;
  background-color: rgba(60,144,206,0.8);
}

/**********************
*  Pagina Estrategia  *
***********************/
.estrategia{
  background-image: url(../img/estrategiabg.jpg);
  background-size: cover;
  padding: 0px;
}

.estrategia .estrategia-text {
  padding: 3rem;
  text-align: justify;
  background-color: rgba(161,202,0,0.8);
  color: #ffffff;
}

/**********************
*  Pagina Seguridad  *
***********************/
.seg{
  background-image: url(../img/seguridad_bg.jpeg);
  background-size: cover;
  padding: 0px;
}

.seg .seg-text {
  padding: 3rem;
  text-align: justify;
  background-color: rgba(255,216,1,0.6);
  color: #000;
}


/*---------------------------------------
  Contact section              
-----------------------------------------*/

.contact-info .fa {
  padding-right: 5px;
}

#contact .form-control {
  border: none;
  border-bottom: 2px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: none;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#contact .form-control:focus {
  border-bottom-color: #999999;
}

#contact input {
  height: 55px;
}

#contact button#submit {
  background: #2b2b2b;
  border: none;
  border-radius: 50px;
  color: #ffffff;
  height: 50px;
  margin-top: 24px;
}

#contact button#submit:hover {
  background: #7682cc;
  color: #ffffff;
}


/*****************
*    Footer      *
******************/
.context-dark, .bg-gray-dark, .bg-primary {
  color: rgba(255, 255, 255, 0.8);
  
}

.footer-classic a, .footer-classic a:focus, .footer-classic a:active {
  color: #ffffff;
}

/* Miscelaneos */
.btn-outline-back {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #fff;
}


.lead {
    font-size: 1rem;
    font-weight: 300;
}


/* Media Queries */


@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 2rem 6rem;
  }
}



@media (min-width: 768px){
  section {
    padding: 70px 0;
  }
}