/*Tipografias*/
@font-face {font-family: "FuturaLT-Bold";
  src: url("../css/fonts/FuturaLT-Bold.ttf") format("TTF"), /* chrome、firefox */
  url("../css/fonts/FuturaLT-Bold.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "FututaRegular";
  src: url("../css/fonts/FuturaLT.ttf") format("TTF"), /* chrome、firefox */
  url("../css/fonts/FuturaLT.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "FututaLight";
  src: url("../css/fonts/Futura Light BT.ttf") format("TTF"), /* chrome、firefox */
  url("../css/fonts/Futura Light BT.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "JustTheWayYouAre";
  src: url("../css/fonts/JustTheWayYouAre.ttf") format("TTF"), /* chrome、firefox */
  url("../css/fonts/JustTheWayYouAre.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

#section{background: #000000;}
.img{width: 425px; height: 420px; margin:0 auto;}
.not_pdding{padding: 0px;}
.title_Exp, .Exp{
  font-family: "FututaLight";
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
}

#carousel{
  height: 436px
}

/*Header*/
header{
    background: #fff;
    height: 145px;
}
..col-md-offset-1{
margin-left:4.33333333%;
}
.social-facebook{
  font-size: 35px;
  padding-top: 50px;
  padding-left:72px;
}
.social-instagram{
  font-size: 35px;
   padding-top: 50px;
}
.social-youtube{
  font-size: 35px;
   padding-top: 50px;
}
h5{
  color:#6c69af;
  padding-top: 50px;
  padding-right: 112px;
}

.menu-a, .suscrip{
  font-family: "FututaRegular";
  font-weight: bold;

}

.title{
    font-family: "FuturaLT-Bold";
    font-size: 13px;
}

.p{
  color: #000;
  font-size: 15px;
    text-align: left;
        padding-right: 20px;
        padding-bottom: 0px;
        font-family: "FututaLight";
        font-weight: bold;

}

.foto{
  padding: 9px;
  padding-top: 25px;

}
.name{
  color:#d33660;
  font-size: 30px;
  padding-top: 13px;
  text-align: center;
  font-family: "JustTheWayYouAre";
  font-weight:100;
}

.cont-perfil{
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 0px;
}

.G_Descrip{
  padding-top: 20px;
  padding-left: 50px;
}
.h1_G{
  color: #fff;
  font-size: 38px;
  font-family: "FututaLight";
}

.h1_GG{
  color: #fff;
  font-size: 38px;
  font-family: "FuturaLT-Bold";
  margin-top: -31px;
}


.p_G{
  color: #fff;
  font-size: 16px;
  font-family: "FututaLight";
}

.talleres{color: #d33660;
  font-family: "FututaRegular";
      font-size: 18px;

}
 .ver{
  border: 1px solid #d33660;
  padding: 15px 45px 15px;
  color: #fff;
font-family: "FututaRegular";
  position: relative;
      top: -27px;

 }

 .G_footer{
  position: relative;
  padding: 21px;
  top:12px;
  background: #49447e;

  }


.galeria{
    /*height: 500px;*/
    height: auto;
    background: red;
}
/*Descripcion*/
.descrip{
    /*height: 130px;*/
    height: auto;
    background: #fff;
}
.tituloQ{
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
  font-size: 20px;
  font-family: "FututaRegular";
}

.p_perfil{
  padding-right: 30px;
  text-align: justify;
  font-size: 16px;
  padding-left: 30px;
   font-family: "FututaLight";

}
.cont_hacemos{
  padding-top: 140px;
  padding-right: 40px;
}

.cont_hacemos ul{
  list-style: none;
  width: 100%;

}
.cont_hacemos ul li{
  display: inline-block;
  padding: 8px;
  width: 70px;
  float: right;
}
.cont_hacemos ul li img{
  float: right;

}

  .sent, .sent1{
    margin: 0 auto;
  }
  .sent:hover{

    border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #dbdcde;
    -webkit-box-shadow: 0px 0px 15px 15px #dbdcde;
    /*transform: rotate(300deg) !important;
    -webkit-transform: rotate(300deg);*/

    -webkit-transform: rotate(300deg);transform: rotate(300deg);

  }

  .sent1:hover{

    -webkit-transform:scale(1.1);transform:scale(1.1);



  }




.p_hacemos{
  text-align: right;
  color: #000;
  font-size: 18px;
  font-family: "FututaLight";
  font-weight: bold;
}
.titulo_H{
  text-align: right;
  font-size: 18px;
  font-family: "FututaRegular";
}

h4{
  padding-top: 30px;
}
.separador{
    position: relative;
    width: 1px;
    height: 95px;
    background: red;
    float: right;
    margin-top: -60px;
}

.perfil{
    background: #d6d5ea;
    /*height: 600px;*/
    height: auto;
}

.hacemos{
  background-image: url('../img/hacemos_1-1.png');
  background-size: cover;
  background-position: center;
  -webkit-background-size: cover;
  height:500px;

}

.cont_sentido{
  padding-bottom: 12px;
}
.sentido h3{
  padding-top: 40px;
  font-size: 18px;
  padding-bottom: 20px;
   font-family: "FututaRegular";
}

.sentido h2{
  font-size: 20px;
  font-family: "FututaLight";
  font-weight: bold;

}

/*servicios*/
.servicios h3{
  font-size: 18px;
  padding: 20px;
  font-family: "FututaRegular";

}
.cont_servi{
  /*padding: 0px 90px 60px 90px;*/
    padding: 1px 135px 4px 145px;

}



.footer_p ul{
  list-style: none;
}
.footer_p ul li{
  display: inline-block;
  font-family: "JustTheWayYouAre";
  font-weight: bold;
  font-size: 20px;
  color: darkgray;
  position: relative;
    top: 30px;
}
.p_footer{
    position: relative;
    top: 30px;
    color: darkgray;
    font-family: "JustTheWayYouAre";
}

#separador1{
  position:relative;
  top:-57px;
}
#separador3{
  position:relative;
  top: -17px;
}
#separador2{
  position:relative; top:-37px;
}
#perfil{
  width: 30%;background: #fff;

    -webkit-box-shadow: 4px 2px 41px 2px rgba(0,0,0,0.49);
    -moz-box-shadow: 4px 2px 41px 2px rgba(0,0,0,0.49);
    box-shadow: 4px 2px 41px 2px rgba(0,0,0,0.49);
  /*-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);*/
}
#biografia{background: #fff; margin-left: 2.33333333%;

    -webkit-box-shadow: 4px 2px 41px 2px rgba(0,0,0,0.49);
    -moz-box-shadow: 4px 2px 41px 2px rgba(0,0,0,0.49);
    box-shadow: 4px 2px 41px 2px rgba(0,0,0,0.49);
  /*-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);*/
}

.lgs1{
  width: 40px;
}

.talent{
  margin:0 auto;  position:relative; top:70px;
}
.self{
  margin:0 auto;
   position:relative;
    top:70px;
}
#you{
  font-size:36px; color: #cf1e50
}

.imgs{
  background-size: cover;
  background-position:center;
    -webkit-background-size: cover;
    height:436px;
}
.ft .Lg2{display: none;}
#logo2{float: right; margin-right: 30px; margin-top: 20px};

@media screen and (max-width: 1199px) {

  .cont_servi {
      padding: 1px 50px 4px 50px;
  }

  #separador1{
    top: -76px;
  }
  #separador3{
    top: -14px;
  }
  #separador2{
    top: -35px;
  }

  .name{
    padding-bottom: 85px;
  }
  .cont_hacemos ul li{
    width:47px;
  }


}

@media screen and (max-width: 991px) {
  .social-facebook {

    padding-left: 0px;
}
  .lgs1{
    width: 30px;
  }
  .cont_hacemos ul li{
    width:70px;
  }
  #separador1{
    top: -139px;
    height:142px;
  }
  #separador3{
    top: -71px;
    height: 142px;
  }
  #separador2{
    top: -71px;
    height: 142px;
  }
  .name{
    padding-bottom: 218px;
  }

}



@media screen and (max-width: 767px) {
  .btn {
      display: inline-block;
      padding: 31px 5px 5px 7px !important;
  }

  .ft .Lg1{display: none;}
  .ft .Lg2{display: block;}

   .G_Descrip{text-align: center}
  h5{
    padding-right: 0px;
}
    .descrip{
        height: auto;
    }
    .l{
        border-bottom: 1px solid #000;
    }
    .separador{
        display: none;
    }
  #carousel{
    height: auto;
  }
  #perfil{
    width: 100%;
  }
  #biografia{
    margin-left: 0px;
  }
  .name{
    padding-bottom: 10px;
  }
  .sent{
    width: 50%;
    margin: 0 auto;
  }
  .talent{
    width: 50%;
    top: 0px;
  }
  .self{
    width: 100%;
    top: 0px;
  }
  .p_perfil{
    padding-left: 2px;
    padding-right: 2px;
  }
  header{
    height: 96px;
    margin-top: 40px;
  }
  .footer_p ul {padding: 0px}
  .cont_servi {padding: 0px 35px 0px 35px;}
  .sentido h3 {text-align: center;}
  .servicios h3 {text-align: center;}


}




@media screen and (max-width: 605px) {
  .btn {
    display: inline-block;
    padding: 31px 0px 5px 0px !important;
  }
  .social-facebook{
    font-size: 25px;
        padding: 45px 0px 0px 0px;

  }
  .social-instagram{
    font-size: 25px;
         padding: 45px 0px 0px 0px;

  }
  #you{
    font-size: 25px;
        /*padding: 45px 0px 0px 0px;*/

  }

}

@media screen and (max-width: 547px) {
  #log{
    width: 100px;
  }
  header {
          height: 98px;
  }
  .cont_servi {
        padding: 1px 64px 4px 64px;
}

}

@media screen and (max-width: 509px) {
  .imgs{height: 210px; background-size: cover;
    background-repeat: no-repeat;}
  .G_Descrip{text-align: center}
  .p_G {padding-right: 40px; padding-left: 40px;}
  .h1_GG {font-size: 30px;}
  header {height: 58px;}
  .talent {padding: 15px;}
  .self {padding: 16px;}
  .footer_p ul li{top: -16px}
  .p_footer {top:0px;}
  .cont_servi {padding: 0px 35px 0px 35px;}
  .sentido h3 {text-align: center;}
  .social-facebook,  .social-instagram  {padding: 30px 0px 0px 0px; font-size: 25px}
 .social-youtube{font-size: 33px; padding-top: 30px;}
  #you{font-size: 30px}
   h5{padding-top: 40px;}
  #logo2{margin-right: 5px;}
  .cont_hacemos ul li {width: 45px;}
  .br1{display: none;}
}





@media screen and (max-width: 425px) {
  .img{width: 100%; height: auto;}
}

@media screen and (max-width: 417px) {
  .btn{padding:20px 0px 5px 0px !important;}
  .talleres{text-align: center;}
  .h1_G, .h1_GG, .p_G, .ver{text-align: center;}
  .G_Descrip{padding-left: 5px;}
  .social-facebook,.social-youtube, .social-instagram  {padding: 30px 0px 0px 0px;}

}