/* - - - - - - - - - - - - - - - Elementos Personalizados*/

a,.tp-caption a.btn:hover {
  color: #67b0d1;
}
.top-nav-collapse {
  background-color: #fff;
  border-bottom: dotted 1px #c1c1c1;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
  color: #67b0d1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #67b0d1;
}

.widget-avatar .avatar:hover {
    border: 5px solid #67b0d1;
}

.bg-skin {
  background: #67b0d1;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  border-color: #67b0d1;
}



.btn-skin {
  color: #fff;
  background-color: #67b0d1;
  border-color: #67b0d1;
}


.navbar-fixed-top{
background-color:rgba(255,255,255,.95);

}





.bull-empresa li{
  font-size: 24px;
}







/*---------------------------------- */
.btn {
  /*padding: 8px 15px;*/
  font-size: 12px;
  line-height: 1.42857143;
  /*min-width: 160px;*/
  text-align: center;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.btn-default {
  color: #fff;
  background-color: #b11f20;
  border: 1px solid #cccccc;

}

.btn-primary{
  background-color: #a71932;
}

.btn-default:hover {
  color: #ffffff;
  background-color: #c30d0e;
  
 
}

/* ---------------------------------- */

/* Pills
---------------------------------- */




footer .nav-pills > li.active > a,
footer .nav-pills > li.active > a:hover,
footer .nav-pills > li.active > a:focus,
footer .nav-pills > li > a:hover {
  
 background-color: transparent;
  color: #ccc;
}
footer .nav-pills > li > a {
  border-radius: 0;
  padding: 5px 5px;
  /*border: 1px solid #cacaca;*/
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  transition: all 0.3s ease-in-out;
}




/* Tabs
---------------------------------- */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover {
  background-color: #a71932;
  
  color: #ffffff;
}
.nav-tabs > li > a {
  border-radius: 0;
  padding: 8px 20px;
  
  color: #7d7c7c;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
}



/* Modales
---------------------------------- */
.modal-content {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.modal-header {
  background-color: #a71932;
  color: #ffffff;
}
.modal-header h4 {
  color: #ffffff;
}
.modal-header .close {
  font-weight: 300;
  color: #FFFFFF;
  text-shadow: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
  .modal-lg {
    width: 1140px;
  }
}








/* -------------------------------------------------------------------------------- */
/* ESTILOS PERSONALIZADOS POR DOCUMENTO Y SECCION ---------------------------------- */


/* Index.html
---------------------------------- */

#index_somos{
  min-height: 400px;
  
}

#index_clientes{
  min-height: 200px;
  border-bottom: solid 1px #000;
  background-color: #e2e2e2;
}
#index_blog{
  min-height: 200px;
  border-bottom: solid 1px #000;
  background-color: #fff;
  padding: 40px;
  padding-bottom: 60px;
}


#index_clientes h1{
  text-decoration: underline;
  font-weight: 300;
}


#index_somos h1{
  font-size: 110px;
  font-weight: 400;
  line-height: 90px;
}

#index_somos h1 span{
  font-size: 76px;
  font-weight: 600;
}

#index_somos p{
  font-weight: 300;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  color: #003655;

}

#index_somos p .sup1{
  font-weight: 400;
  font-size: 48px;
  line-height: 33px;
  text-transform: uppercase;
  color: #003655;

}


#index_somos p .upperno{

  text-transform: none;
  font-size: 32px;

}














/* Empresa.html
---------------------------------- */

#intro_falso{
  min-height: 100px;
  
  background-color: #fff;
}


#empresa_titulo{
  min-height: 200px;
  
}


#empresa_titulo h1{
  font-size: 45px;
  font-weight: 300;

}

#empresa_porque_nosotros h1.porque{
  font-size: 120px;
  font-weight: 500;
  margin-bottom: 2px;

}

#empresa_porque_nosotros h1.nosotros{
  font-size: 40px;
  font-weight: 400;
  
}

#empresa_porque_nosotros p{
  font-size: 20px;
  color: #003655;

}


#empresa_porque_nosotros span.utilizamos{
  font-size: 28px;
  font-weight: 400;

}


#empresa_porque_nosotros span.refrigerantes{

    font-size: 24px;
  font-weight: 400;

}




#empresa_cintillo_anos p.empresa{
  font-size: 18px;
  color: #fff;

}
#empresa_cintillo_anos p.empresa strong{
  font-size: 20px;

  color: #fff;

}



#empresa_cintillo_anos{
  padding-top: 10px;
  color: #fff;
  min-height: 20px;
  border-bottom: solid 1px #000;
  background-color: #003655;
}

#empresa_porque_nosotros{
  min-height: 600px;
  
  background: url(../img/base_proquenosotros.jpg);
  background-size: cover;
  
}





#empresa_mision_vision{
  min-height: 600px;
  
  background: url(../img/base_mision.jpg);
  background-size: cover;
  
}

#empresa_mision_vision{
  color: #fff;
}
#empresa_mision_vision h2{
  color: #fff;



}

.lineup{
  border-top: solid 1px #fff;
  padding-top: 30px;
}

#empresa_distinguimos{
  background: url(../img/base_resultados.jpg);
  background-size: cover;
  min-height: 100px;
  border-bottom: solid 1px #000;
  color: #003655;
  font-size: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
  
}

#empresa_distinguimos p{
  padding-top: 20px;
font-weight: 400;

}


#empresa_distinguimos h3{
  text-decoration: underline;
  font-weight: 400;

}


#empresa_planestrategico h3{
  text-decoration: underline;
  font-weight: 400;

}












/* Servicios
---------------------------------- */
#servicios_titulo{
  min-height: 100px;
  padding-top: 50px;
  border-bottom: solid 1px #000;
}


#servicios_titulo h1{
  font-weight: 400;

  }

    #servicios_refrigera{
      min-height: 400px;
      border-bottom: solid 1px #000;
      background-color: #000;
      background: url(../img/servicios_refrigera_base.jpg);
      background-size: cover;
      color: #fff;
      padding-top: 100px;
    }


   .refrige{
    color: #fff;
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 1px;
   }  

   .gris{
     margin-top: 1px;
    color: #dcdcdc;
    font-size: 50px;
    font-weight: 400;


   }


   #servicios_refrigera p{
    font-size: 18px;
   }

      #servicios_refrigera p strong{
    font-size: 22px;
   }


#servicios_nosotros{
  min-height: 400px;
  
  background-color: #fff;
}


#servicios_nosotros h3{
  text-decoration: underline;
  font-weight: 400;


}

#servicios_serv h3.subtit{
  text-decoration: underline;
  font-weight: 400;
  border-top: none;


}






#servicios_nosotros p{
  color: #003655;

}

#empresa_porque_nosotros li{
  color: #003655;
  font-size: 19px;

}



    #servicios_distribuidores{
      min-height: 400px;
      padding-top: 40px;
      padding-bottom: 50px;
     
      background-color: #000;

      background: url(../img/servicios_distribuidores_base.jpg);
      background-size: cover;
      color: #fff;


      
    }


    #servicios_distribuidores h3{
      color: #fff;
      font-size: 30px;
      font-weight: 300;
    }

    #servicios_distribuidores h4{

       color: #fff;
      font-size: 26px;
      font-weight: 300;


    }





    #servicios_intro_auto{
      min-height: 700px;
     
      background-color: #ccc;

       background: url(../img/servicios_intro_auto_base.jpg);
      background-size: cover;
      background-position: center;
      color: #fff;
    }

#servicios_pie_auto{
  min-height: 200px;
  border-bottom: solid 1px #000;
  background-color: #fff;
}

#servicios_pie_auto p{

  font-size: 17px;
  color: #003655;

}





/* Contacto
---------------------------------- */
#contacto_titulo{
  min-height: 50px;
  
}

#contacto_intro{
  
  
  background-color: #ccc;
  min-height: 517px;
  background: url(../img/base_contacto.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: none;
}


#contacto_cuerpo{
  min-height: 600px;
  border-bottom: solid 1px #000;
  background-color: #fff;
}


#contacto_titulo h1{
  font-size: 45px;
  font-weight: 400;

}



#contacto_cuerpo p.tel{
  font-size: 20px;
  color: #003655;
  margin-bottom: 1px;
  padding-bottom: 1px;


}
#contacto_cuerpo p.direccion{
  font-size: 30px;
  color: #003655;


}


#contacto_cuerpo .text-cont{
    font-size: 20px;
  color: #003655;
}

#contacto_cuerpo .text-cont span{
   font-size: 22px;
   font-weight: 400;

  }




























/*   - - - - - - - - - - - - - - - - - - - - -SLIDER DE TESTIMONIOS */

#carousel-testimonials .carousel-indicators {
    bottom: inherit;
    top: 98%;
}
#carousel-testimonials .carousel-indicators li{ 
    
    width:16px; 
    height:16px;
    margin:0px;
    } 
#carousel-testimonials .carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: #003655;
    
}

.caption{
  font-size: 24px;
  color: #003655;
  text-align: center;
  width: 50%;
  font-style: italic;
  margin: 0px auto;
}


.caption p{
 
  text-align: center;
}


#carousel-testimonials .caption cite{
    color:#666;
    font-size:20px;
    border-top: solid 1px #ccc;
    margin-top: 5px;
    margin-bottom: 5px;
}
#carousel-testimonials .caption #stars-existing{
    display:inline-block;
    font-size:28px;
}
#carousel-testimonials .caption #stars-existing .glyphicon-star-empty{
    color:#ac1c20;
}

#carousel-testimonials .caption #stars-existing .glyphicon-star{
    color:#ac1c20;
}











/*----------------------------------SLIDER */

.carousel-indicators {
  bottom: 100px !important;
}

.fade-carousel {
  position: relative;
  
}
.fade-carousel .carousel-inner .item {
 
}
.fade-carousel .carousel-indicators > li {
  margin: 0 2px;
  background-color: #fff;
  border-color: #fff;
  opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
width: 10px;
height: 10px;
opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  
  text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
       -moz-transform: translate3d(-50%,-50%,0);
        -ms-transform: translate3d(-50%,-50%,0);
         -o-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}
.hero h1 {
  font-size: 6em;    
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
  opacity: 0;
  -webkit-transition: 2s all ease-in-out .1s;
     -moz-transition: 2s all ease-in-out .1s; 
      -ms-transition: 2s all ease-in-out .1s; 
       -o-transition: 2s all ease-in-out .1s; 
          transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
  opacity: 1;
  -webkit-transition: 2s all ease-in-out .1s;
     -moz-transition: 2s all ease-in-out .1s; 
      -ms-transition: 2s all ease-in-out .1s; 
       -o-transition: 2s all ease-in-out .1s; 
          transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #080d15;
  opacity: .1;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
  color: #f5f5f5;
  background-color: #1abc9c;
  border-color: #1abc9c;
  outline: none;
  margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
height: 100vh;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {

}
.fade-carousel .slides .slide-2 {

}
.fade-carousel .slides .slide-3 {
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
  .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
  .hero h1 { font-size: 4em; }    
}




.rows{
  
  min-height: 320px;
  padding-top:50px;
}
.rows p{
  font-size: 20px;

}

.rows li{
  font-size: 18px;
}

.rows h3{
  font-size: 32px;
  font-weight: 100;
}
.blanco{
  color: #fff;
}
.negro{
  color: #000;
}

.alimenticia{
  background: url(../img/back_alimenticia.jpg);
  background-size: cover;
}
.automotriz{
  background: url(../img/back_automotriz.jpg);
  background-size: cover;
}
.precision{
  background: url(../img/back_presicion.jpg);
  background-size: cover;
}
.construccion{
  background: url(../img/back_construccion.jpg);
  background-size: cover;
}