/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/10/2015, 05:53:55 PM
    Author     : GupoBecm
*/

 .black-overlay{
        background: none;
    }
    .black-overlay-logos{
        text-align: center;
        top: 100%;
        padding-top: -100px;
        margin-bottom: 20px;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .logo-individual-home:hover, .black-overlay-logos:hover{

    }
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 15%;
        left: 15%;
        z-index: 10;
        padding-top: 57px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
    }
    body.front .affix-top {
        background: rgba(255, 255, 255, 0.55);;
    }
    .affix {
        background-color: #FFFFFF;
        padding-top: 60px;
        padding-bottom: 10px;
    }
    .color-white{
        color:white;
    }
    .clip-circle {
        clip-path: circle(60px at center);
    }
    img.clip-circle {
        border-radius: 50%;
    }
    
    .color-red{
        color: #DF2A2F;
    }
    
    .section_item {
        margin-top: 25% !important; 
    }
      .fondo_camion {
        background-color:2f4d8a
    }  

/*
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<!-- RECUADROS SERVICIOS  -->
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
*/
#servicios{
    width: 80%;
    margin: 0px auto;
}
.recuadro-servicio{
  margin: 0px !important;
  padding: 0px !important;
}
.recuadro-servicio .hover-x{
   /* height: 246px;
    width:  279px; */
    overflow: hidden;
    position: relative;
    
}
.letrachica{
    
    font-size:10%;
}

.hover-bg .hover-text {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.66);
    padding: 10% 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all 0.5s;
}
.hover-bg .hover-text>h4{
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all 0.3s;
    letter-spacing: 3px;
}
.hover-bg:hover .hover-text>h4{
    opacity: 1;
    -webkit-backface-visibility:hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.hover-bg .hover-text>i{
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.3s;
}
.hover-bg:hover .hover-text>i{
    opacity: 1;
    -webkit-backface-visibility:hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.hover-bg:hover .hover-text{
    opacity: 1;

}
.intro-servicios{
    background: rgba(0, 0, 0, 0.66);
}
bt-25{
    margin-bottom: 25px;
}
/*
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<!-- END RECUADROS SERVICIOS  -->
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
*/

@font-face {
  font-family: 'MyWebFont';
  src: url('../fonts/Dosis-Regular.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Dosis-Regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Dosis-Regular.otf')  format('truetype'); /* Safari, Android, iOS */
 
}

body {
  font-family: 'MyWebFont', Fallback, sans-serif !important;
  font-size: 18px;
  font-weight: 800;
}

.texto{
    
   font-weight: bold;
   font-size: 38px;
   letter-spacing: 5px;
    text-transform: none;
}

.texto-rojo-titulo{
    color:  red;
   font-weight: bold;
   font-size: 38px;
   letter-spacing: 5px;
    text-transform: none;
    text-transform: uppercase;
    font-family: sans-serif;

}

.texto-blanco-titulo{
    color:  white;
   font-size: 30px;
   letter-spacing: 2px;
    text-transform: none;
    text-transform: uppercase;
    font-family: sans-serif;
}

.texto-bold{
    font-family: sans-serif;
   font-weight: bold;
   font-size: 15px;

    text-transform: none;
}
.texto-simple{

    font-family: sans-serif;    
   font-size: 15px;
    text-transform: none;
}

.interlineado-15{
   letter-spacing: 15px;
   font-weight: bold;
}

#parallax-back {
    position: absolute;
    height: 450px;
    width: 100%;
   }
#parallax-front {
    position: relative;
    z-index: 1000;

}
.button {
    margin: 15px;
    text-decoration: none;
    font: bold 1.5em, sans-serif; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(f, f, f, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);   
}

.button, 
.button span {
}

.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;    
    /* The background pattern */
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    background-size: 3px 3px;            
}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}
.button-blue {
    background: #2f4d8a;
    height: 40px;
    width: 170px;
    padding-top: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2f4d8a), to(#2f4d8a) );
    background: -moz-linear-gradient(-90deg, ##2f4d8a, #2f4d8a);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover {
    background: #2f4d8a;
    background: -webkit-gradient(linear, left top, left bottom, from(#2f4d8a), to(#2f4d8a) );
    background: -moz-linear-gradient(-90deg, #2f4d8a, #2f4d8a);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active {
    background: #2f4d8a;
}
#owl-demo{
    margin: 0px auto;
}
#owl-demo .owl-item{
    height:  350px;
    text-align: center;
}
#owl-demo .owl-item img{
    height: 221px;
    width: auto;
    margin: 0px auto;
    margin: 0px auto;