/* FTF- Stilo
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
*{font-family: 'Monda', sans-serif;}

body{
background-color:#333;
background-position:top center;
background-repeat:no-repeat;
background-size:cover;  
}

body .contacto{
background-image:url("../img/bg-ftf.jpg");
background-position:top center;
background-repeat:no-repeat;
background-size:cover;  
}




.home-ftf-carousel{height:720px}


.icon-bar{
background-color:#fff;  
}
.bg-secciones{
background-color:#fff;  
}

.border-ftf{
border-top:4px solid #e96236; 
}

/*nav ftf*/
.navbar-wrapper {
margin:0px;  
background-color:#333333;
}


.navbar-wrapper li a{
margin:0px;  
background-color:#333333;
color:#bababa;;
font-weight:bold;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-transform: uppercase;
}

.navbar-wrapper li a:hover {
    margin: 0px;
    background-color: transparent;
    color: #FFF;
    -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 10px;
    margin-top: 7px;
}


.header-seccion{
overflow:hidden;  
}


.header-seccion img {
    position: absolute;
    top: 70px !important;
    left: 0px;
    min-width: 100%;
    height: 430px !important;
}

.logo-ftf{
background-image:url("../img/logo-ftf.png");  

}

.certificado-ftf {
    background-size: auto 90%;
    background-image: url("../img/certificado.png");
    height: 130px;
    background-repeat: no-repeat;
    background-position: center center;
}


.certificado-ftf-2{
    background-size: auto 90%;
    background-image: url("../img/certificado-especialistas.png");
    height: 130px;
    background-repeat: no-repeat;
    background-position: center center;
}



.nav-ftf{
padding-top:20px; 
}

.nav-ftf ul{
float:none;
margin-left:auto;
margin-right:auto;  
padding-left: 30px;
}


/*.nav-ftf ul li{
margin-left: 40px;
width: 14%;
text-align: center;
}*/

.nav-ftf ul li {
    margin-left: 0;
    width: 14%;
    text-align: center;
}

.compliance{
margin-top:10%;  
}



.navbar-header{
margin-right: 10px; 
}

.navbar-brand {
height:80px;
    padding: 0px;

}


.navbar-brand img{
height:100%;
width:auto;

}


/*nav ftf*/


/*slider ftf*/
.carousel-control {z-index:9;}

.carousel-caption p {
    margin-bottom: 130px;
    font-size: 20px;
    line-height: 1.4;
    text-shadow: 0 1px 0 #000000;
}




.carousel:before{z-index:1;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(11, 13, 13, 0.4) url("../img/overlay.png") repeat scroll 0% 0%;
    position:absolute;
    top:0px;
    background-repeat:repeat;
    background-position:left top;
    -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity:0.9;

}


.carousel:hover:before{z-index:0; 
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(11, 13, 13, 0.4) url("../img/overlay.png") repeat scroll 0% 0%;
    position:absolute;
    top:0px;
    background-repeat:repeat;
    background-position:left top;
    -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
    opacity:0.3;
}





.contacto .carousel-inner > .item > img {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    height: auto;
}





.intro{
top: 220px; 
}

.contacto-mapa iframe{
width:100%;
height:300px; 
}

.carousel-caption h1{ text-transform:uppercase; text-shadow: 0 1px 0 #000000;}
.boton-ftf{
    border-radius: 0px;
    background-color: #e96236;
    border: 0px solid transparent;
}

.boton-ftf-ghost{background-color:transparent;
border:2px solid #fff;
border-radius:0;  
}



.boton-ftf-ghost:hover{background-color:transparent;
border:2px solid #fff;
border-radius:0;  
}

a.boton-ftf:hover{
    border-radius: 0px;
    background-color: #e96236;
    border: 0px solid transparent;
}

.slider-ftf h1{
font-weight:bold; 
  
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    background-image: url("../img/roseta.png");
    background-size: 100%;
}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0px;
    background-image: url("../img/roseta.png");
    background-size: 100% auto;
    background-color:transparent;
}

.botones-manual a{width:200px;}

/*responsivo*/
@media (min-width:300px) and (max-width:768px){
  .botones-manual a{width:100%;}
  
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    top: 30%;
} 
.home-ftf-carousel{height:auto}
  
.contacto-mapa{
    height: auto;
    overflow: hidden;
    margin-top: 13px;
} 
  
.carousel .item {
    height: 500px;
    background-color: #777;
    overflow: hidden;
}


.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 290px;
    max-width: 320px;
    max-height: 360px;
    width: 48%;
    background: #3085A3 none repeat scroll 0% 0%;
    text-align: center;
    cursor: pointer;
} 


.contacto .carousel-inner > .item > img {
    position: absolute;
    top: 59px !important;
    left: -161px;
    width: 1030px;
    min-width: 1030px;
    max-width: 1030px;
    height: auto;
}


.carousel-inner > .item > img {
    position: absolute;
    top: 50px;
    left: -161px;
    width: 1030px;
    min-width: 1030px;
    max-width: 1030px;
  height: 100%;
}


.slider-ftf h1 {
    font-weight: bold;
    font-size: 17px;
}

.carousel-caption p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.4;
    text-shadow: 0 1px 0 #000000;
}


}

/*slider ftf*/

/*Cuerpo del sitio*/



.ftf-hero{padding-top: 120px;
height:332px; 
}




.ftf-hero h2{width: 95%;
position:absolute;z-index:9;  
font-size: 40px;
text-transform:uppercase; 
font-weight:bold;
color:#fff;
}


.home .proyectos p{
text-align:center;  
}

.servicios-textos{
height:300px; 
}

.servicios-home:after{z-index:8;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(11, 13, 13, 0.4) url("../img/overlay.png") repeat scroll 0% 0%;
    position:absolute;
    top:0px;
    background-repeat:repeat;
    background-position:left top;
    opacity:0.7;
    -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.servicios-home:hover:after{z-index:8;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
    opacity:0.3;
}
.servicios-home { 
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}


}

.servicios-home h2 {
    text-align: center;
    width: 100%;
    color: #efefef;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

}


.servicios-home h2:hover{
    text-align: center;
    width: 100%;
    color: #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

}


.ftf-hero p{

color:#fff;

}

.foto-home{background-image:url("../img/ftf-hero-slider-2.jpg");}
.foto-home-2{background-image:url("../img/ftf-s-1.jpg");}
.foto-home-3{background-image:url("../img/ftf-s-2.jpg");}
.foto-home-4{background-image:url("../img/ftf-s-3.jpg");}
.foto-home-5{background-image:url("../img/ftf-s-4.jpg");}
.foto-nosotros{background-image:url("../img/nosotros-header-2.jpg");}
.proyectos h2{font-size:25px; 
text-transform:uppercase; 
font-weight:bold;

}






@media (min-width:300px) and (max-width:768px){
.proyectos h2{font-size:20px; 
text-transform:uppercase; 
font-weight:bold;
color:#000;

} 
.ftf-hero{padding-top: 20px;
height:332px; 
}

.ftf-hero h2 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    padding-top: 30%;
}



.text-center.nosotros img{
width:100%; 
  
}

.servicios-textos {
    height: auto;
}

.text-center.contactos img{
width:100%; 
  }



.boton-ftf {
    border-radius: 0px;
    background-color: #E96236;
    border: 0px solid transparent;
}


}

.proyectos p{color:#fff;
text-align:left;}


.nosotros p{color:#000;
text-align: justify;}

/*Cuerpo del sitio*/

/*footer*/
.footer-ftf {
    padding-top: 15px;
    background-color: #333;
    bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    width: 100%; 
}
.footer-ftf a{color:#fff;
  
}

.footer-ftf h4{color:#fff;}
/*footer*/
/*Servicios*/
.servicios img{
width:100%; 
}
/*Servicios*/


/*Formulario*/

.formulario-ftf input {
    height: 40px;
    width: 100%;
    margin-bottom: 6px;
    border: 2px solid #e96236;
}



.formulario-ftf textarea {
    height: 100px;
    max-height: 100px;
    width:100%;
    max-width: 100%;
    margin-bottom: 6px;
    border: 2px solid #e96236;
    
}




/*mapa*/
@media only screen and (min-width: 768px) {
  header {
    height: 300px;
    line-height: 300px;
  }
}

#google-container {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #e7eaf0;
}
@media only screen and (min-width: 768px) {
  #google-container {
    height: 300px;
  }
}
@media only screen and (min-width: 1170px) {
  #google-container {
    height: 600px;
  }
}

#cd-google-map {
  position: relative;
}
#cd-google-map address {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 1em 1em;
  background-color: rgba(211, 104, 104, 0.9);
  color: white;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media only screen and (min-width: 768px) {
  #cd-google-map address {
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: center;
  }
}

#cd-zoom-in, #cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(211, 104, 104, 0.9);
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../img/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
  background-color: #d36868;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px;
  }
}

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 50px;
  }
}

#cd-zoom-out {
  background-position: 50% -32px;
}


.contacto-mapa{
    height: 420px;
    overflow: hidden;
    margin-top: 13px;
}

/*Mapa segunda parte*/

#google-container2 {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #e7eaf0;
}
@media only screen and (min-width: 768px) {
  #google-container2 {
    height: 300px;
  }
}
@media only screen and (min-width: 1170px) {
  #google-container2 {
    height: 360px;
  }
}

#cd-google-map2 {
  position: relative;
}
#cd-google-map2 address {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 1em 1em;
  background-color: rgba(211, 104, 104, 0.9);
  color: white;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media only screen and (min-width: 768px) {
  #cd-google-map2 address {
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: center;
  }
}

#cd-zoom-in2, #cd-zoom-out2 {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(211, 104, 104, 0.9);
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../img/cd-icon-controller.svg");
}
.no-touch2 #cd-zoom-in2:hover, .no-touch2 #cd-zoom-out2:hover {
  background-color: #d36868;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in2, #cd-zoom-out2 {
    margin-left: 50px;
  }
}

#cd-zoom-in2 {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in2 {
    margin-top: 50px;
  }
}

#cd-zoom-out2 {
  background-position: 50% -32px;
}


.contacto-mapa2{
    height: 420px;
    overflow: hidden;
    margin-top: 13px;
}

.footer-ftf h6{
color: #444;  
}


.bg-servicios {
    background-image: url("../img/bg-servicios.png");
    background-position: -180px top;
    background-repeat: no-repeat;
    background-size: auto 170%;
}

.bg-nosotros {
    background-image: url("../img/bg-nosotros.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.servicios-textos p{

text-align: justify !important;
}

.redes-s {
    
    width: 30px;
    height: 30px;
    margin-left: 1px;
    margin-right: 1px;
    background-size: 108%;
    background-color:#e96236;
    border-radius: 100px;
    background-position: center center;
    solid 0px #transparent;
}

.fb{float:left; background-image:url("../img/fb-ftf.png");}
.tw{float:right;background-image:url("../img/tw-ftf.png");}
.insta{float:none;
margin-left:auto;
margin-right:auto;
background-image:url("../img/insta-ftf.png");}




.cotizar-boton{background-color:#fff;
border-color:#e96236!important;
color:#000!important; 
}

.cotizar-boton:hover{background-color:#fff;
border-color:#e96236!important;
color:#000!important; 
}

.texto-slider{}

.nosotros li{
width:100%;    
text-align:left;    
float:left;    
}

.firma-gerente{margin-top:30px;float: left;
width: 100%;

}


.firma-gerente strong{
width: 100%;
margin-top:00px;float: left;}