.sin_margen { margin-right:0px; margin-left:0px; }
.sin_padding { padding-left:0px; padding-right:0px;  }
.sin_flex { display:inherit; }

.sin_padding_der { padding-right:0px; }
.sin_padding_izq { padding-left:0px; }

.margen_arriba_1 { margin-top:1%; }
.margen_arriba_2 { margin-top:2%; }
.margen_arriba_3 { margin-top:3%; }
.margen_arriba_4 { margin-top:4%; }
.margen_arriba_5 { margin-top:5%; }

.margen_abajo_1 { margin-bottom:1%; }
.margen_abajo_2 { margin-bottom:2%; }
.margen_abajo_3 { margin-bottom:3%; }
.margen_abajo_4 { margin-bottom:4%; }
.margen_abajo_5 { margin-bottom:5%; }

.padding_arriba_1 { padding-top:1%; }
.padding_arriba_2 { padding-top:2%; }
.padding_arriba_3 { padding-top:3%; }
.padding_arriba_4 { padding-top:4%; }
.padding_arriba_5 { padding-top:5%; }

.padding_abajo_1 { padding-bottom:1%; }
.padding_abajo_2 { padding-bottom:2%; }
.padding_abajo_3 { padding-bottom:3%; }
.padding_abajo_4 { padding-bottom:4%; }
.padding_abajo_5 { padding-bottom:5%; }

body { font-family: 'Lato', sans-serif; }

@font-face {
    font-family: 'Frutiger LT Roman';
    font-style: normal;
    font-weight: normal;
    src: local('Frutiger LT Roman'), url('../fonts/Frutiger LT 55 Roman.woff') format('woff');
    }

@font-face {
    font-family: 'Frutiger LT Light';
    font-style: normal;
    font-weight: normal;
    src: local('Frutiger LT Light'), url('../fonts/Frutiger LT 45 Light.woff') format('woff');
    }

@font-face {
    font-family: 'Frutiger LT Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Frutiger LT Bold'), url('../fonts/Frutiger LT 65 Bold.woff') format('woff');
    }        

@font-face {
    font-family: 'london_bridgesemi_bold';
    src: url('../fonts/london_bridge_font_family-webfont.woff2') format('woff2'),
            url('../fonts/london_bridge_font_family-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'north_avellionregular';
    src: url('../fonts/north_avellion-webfont.woff2') format('woff2'),
            url('../fonts/north_avellion-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.logo { position: relative; max-width: 800px; width: 100%; margin: 15px auto; display: block; }

.bg_1 { background-image: url('../imagenes/bg_02.jpg'); background-size: cover; background-repeat: no-repeat; padding-bottom: 6%; background-position: center; }

.menu { text-align: right; padding-top:3%; }
.menu a { color: #FFF; text-decoration: none; margin-left: 30px; }

.tit_home { color: #FFF; font-size: 22px; padding-top:3%; padding-bottom: 5%; }
.tit_home span { font-family: 'london_bridgesemi_bold'; font-size: 32px; }

.carousel_home { max-width: 750px; margin: 0 auto; }
.carousel_home .carousel-control-next, .carousel-control-prev { background-color: transparent; border: none; opacity: 1; width: 8%; }

.carousel_home .carousel-control-prev { left: -6%; }
.carousel_home .carousel-control-next { right: -4%; }

.bg_2 { background-image: url('../imagenes/bg_01.jpg'); background-size: cover; background-repeat: no-repeat; padding-bottom: 6%; padding-top: 6%; background-position:bottom; }


.tit_counseling { background-color: rgba(167, 171, 161, 0.6); width: 100%; color: #FFF; font-size: 30px; text-align: right; padding-right: 5%; font-family: 'Lato', sans-serif; padding-top: 20px; padding-bottom: 20px;  }
.tit_counseling span { font-size: 90px; font-family: 'london_bridgesemi_bold'; line-height: 1; margin-right: -5px; }

.texto_counseling { color: #FFF;  font-size: 24px; margin-top: 120px; max-width: 570px; line-height: 1.3;  }

.bot_cons { background-image: url('../imagenes/bg_bot.png'); display: block; background-size: contain; background-repeat: no-repeat; width: 100%; padding: 32px 30px; text-align: center; margin: 0 auto; background-position: center; color: #FFF; text-decoration: none; font-family: 'london_bridgesemi_bold'; max-height: 98px; line-height: 1.2; font-size: 14px; }
.ult_bot { padding: 24px 30px; }

.bot_cons:hover { background-image: url('../imagenes/bg_bot_hover.png'); color: #FFF; }
.bot_cons:hover .cuadro_texto_cons { display: block; }

.cuadro_texto_cons { position: absolute; max-width: 235px; background-image: url('../imagenes/bg_cartel.png'); display: block; background-size: contain; background-repeat: no-repeat; color: #FFF; padding: 15px; min-height: 230px; text-align: center; font-size: 18px; line-height: 1.2; margin-top: -260px; margin-left: 0px; display: none; }



.menu_cons { margin-top: 250px; }



.bg_3 { background-image: url('../imagenes/bg_faro.jpg'); background-size: cover; background-repeat: no-repeat; padding-bottom: 20%; padding-top: 6%; background-position:bottom left; }

.barra_gris_ayudarte { background-color: rgba(167, 171, 161, 0.6); width: 100%; }
/*.tit_ayudarte {  color: #FFF; font-size: 90px; font-family: 'london_bridgesemi_bold';  text-align: left; padding-right: 5%; padding-top: 20px; padding-bottom: 20px; line-height: 1.2;  max-width: 930px; display: inline-block; padding-left: 40px; }
.tit_ayudarte span { font-size: 30px; line-height: 1; text-align: right; display: block; font-family: 'Lato', sans-serif; margin-right: 8px; }*/

.tit_ayudarte { background-color: rgba(167, 171, 161, 0.6); width: 100%; color: #FFF; font-size: 30px; text-align: right; padding-right: 5%; font-family: 'Lato', sans-serif; padding-top: 20px; padding-bottom: 20px;  }
.tit_ayudarte span { font-size: 90px; font-family: 'london_bridgesemi_bold'; line-height: 1; margin-right: -9px; }

.texto_ayudarte { color: #FFF;  font-size: 24px; margin-top: 120px; max-width: 570px; line-height: 1.3; margin-left: 0px; }

.bg_4 { background-image: url('../imagenes/bg_04.jpg'); background-size: cover; background-repeat: no-repeat;  padding-top: 6%; padding-left: 5%; position: relative; }


.tit_contacto { font-family: 'london_bridgesemi_bold'; color: #FFF; font-size: 34px; line-height: 1.1; }

.subtit_contacto { color: #FFF; font-size: 20px; }

.bot_contacto { margin-top: 35%; margin-bottom: 35%; display: inline-block; }


.barra_contacto { background-color: rgba(167, 171, 161, 0.7);  padding-bottom: 10%; padding-top: 3%; position: absolute; bottom: 0; width: 100%; z-index: 999; left: 0; padding-left: 6.5%; }

.barra_contacto a { color: #FFF; text-decoration: none; font-size: 24px; }

.barra_contacto i { color: #FFF; font-size: 38px; vertical-align: sub; margin-right: 15px; }

.show-resp { display: none !important; }

.show-resp-flex { display: none; }

.bg_5 { background-image: url('../imagenes/bg_05.jpg'); background-size: cover; background-repeat: no-repeat; padding-bottom: 10%; padding-top: 6%; background-position:bottom left; }

.barra_gris_laboral { background-color: rgba(167, 171, 161, 0.6); width: 100%; }

@media (max-width: 1440px) { 

    .bot_contacto { margin-top: 15%; margin-bottom: 15%;  } 


}

@media (max-width: 1399px) { 

    .cuadro_texto_cons { margin-left: -50px; }

    .bg_4 { padding-top: 3%; padding-left: 5%; }

}


@media (max-width: 1280px) { 

    .tit_ayudarte span{ font-size: 80px; }

}

@media (max-width: 1199px) { 

    .barra_contacto { padding-bottom: 4%; }

    .barra_contacto a { font-size: 18px; }

    .barra_contacto i { font-size: 30px;  }

    .cuadro_texto_cons { margin-left: -65px; }

    .ult_bot { padding: 26px 30px; font-size: 12px; }

    .tit_ayudarte span{ font-size: 70px; }

}


@media (max-width: 767px) { 

    .menu a { font-size: 12px; }

    .tit_counseling { font-size: 22px;}
    .tit_counseling span { font-size: 40px; }

    .tit_ayudarte span { font-size: 40px;  display: block; text-align: right; }
    .tit_ayudarte  { font-size: 22px; }
    .tit_ayudarte br { display: none; }

    .tit_home span { font-size: 18px; }
    .tit_home { font-size: 16px; }

    .tit_contacto { margin-top: 5%; }

    .subtit_contacto { margin-bottom: 5%; }
    .subtit_contacto:nth-child(2) { margin-bottom: 5%; }

    .barra_contacto { text-align: center; padding-left: 0; }
    .barra_contacto .col-md-6 { margin-bottom: 10px; }

    .texto_ayudarte { font-size: 20px; color: #7e807b; margin-bottom: 40px; margin-top: 30px; margin-left: 0; }
    .texto_counseling { font-size: 20px; color: #7e807b; margin-top: 30px; }

    

    .cuadro_texto_cons { margin-left: -45px; }

    .show-resp { display: block !important; }
    .show-resp-flex { display: flex; }
    .hide-resp { display: none !important; }

    .bg_2 { background-image: url('../imagenes/imag-celular-02.jpg'); min-height: 350px;  }

    .bg_3 { background-image: url('../imagenes/bg_faro_resp.jpg'); min-height: 350px;  }
    .bg_4 { background-image: url('../imagenes/imag-celular-04.jpg');  }

    .bg_5 { background-image: url('../imagenes/imag-celular-05.jpg'); min-height: 350px; background-position: 30%; }

    .menu_cons { margin-top: 30px; }

    .cuadro_texto_cons { background-image: url('../imagenes/bg_cartel_resp.png'); margin-left: 95px; } 

    .bot_cons { background-image: url('../imagenes/bg_bot_resp.png'); display: block; background-size: contain; background-repeat: no-repeat; width: 100%; padding: 25px 30px; text-align: center; margin: 0 auto; background-position: center; color: #FFF; text-decoration: none; font-family: 'london_bridgesemi_bold'; max-height: auto; line-height: 1.2; font-size: 16px; margin-bottom: 30px; }

    .bot_cons:hover { background-image: url('../imagenes/bg_bot_resp_hover.png'); color: #FFF; }

    .ult_bot { padding: 18px 20px; font-size: 14px; }

    .barra_contacto { background-color: rgba(167, 171, 161, 0.7);  padding-bottom: 10%; padding-top: 10%; position: absolute; bottom: 0; width: 100%; z-index: 999; left: 0; padding-left: 6.5%; }

    .logo_resp { position: relative; max-width: 800px; width: 100%; margin: 15px auto; display: block; padding: 15px; }

    .carousel_home .carousel-control-next, .carousel-control-prev { background-color: transparent; border: none; opacity: 1; width: 7%; }

    .carousel_home .carousel-control-prev { left: -3%; }
    .carousel_home .carousel-control-next { right: -3%; }

    .barra_gris_laboral { background-color: rgba(167, 171, 161, 0.1); width: 100%; }
    
}


@media (max-width: 500px) { 

    .tit_home { font-size: 12px; margin-top: 20px; }
    .tit_home span { font-size: 14px; }

    .cuadro_texto_cons { max-width: 185px; font-size: 16px; margin-top: -195px; }

    .tit_counseling { font-size: 18px;}
    .tit_counseling span { font-size: 30px; }

    .tit_ayudarte span { font-size: 30px; }
    .tit_ayudarte  { font-size: 18px; }

    .subtit_contacto { margin-bottom: 5%; }

    .tit_contacto { font-size: 24px; }

    .barra_contacto a { font-size: 18px; }

    .barra_contacto i { font-size: 22px; display: block; margin-bottom: 3px; }

    .barra_contacto { padding-left: 0; padding-top: 5%; padding-bottom: 3%; }

    .logo_resp { margin-top: 12%; }

    .tit_counseling { min-height: 97px; }

    .tit_ayudarte { min-height: 97px; }

}

@media (max-width: 450px) { 

    .cuadro_texto_cons {  margin-left: 65px; } 

    .barra_contacto a { font-size: 15px; }

   /* .barra_contacto i { font-size: 18px; margin-right: 5px; }*/

    .logo_resp { margin-top: 6%; }

    .carousel_home .carousel-control-next, .carousel-control-prev { background-color: transparent; border: none; opacity: 1; width: 9%; }
    .carousel_home .carousel-control-prev { left: -4%; }
    .carousel_home .carousel-control-next { right: -3%; }

    .tit_ayudarte { padding-right: 10%; }

    .tit_ayudarte span { margin-right: -1px; }

    .tit_counseling  { padding-right: 10%; }

    
}

@media (max-width: 375px) { 

    .cuadro_texto_cons {  margin-left: 40px; } 

   /* .barra_contacto a { font-size: 12px; }

    .barra_contacto i { font-size: 16px; }*/
}

@media (max-width: 360px) { 

    .cuadro_texto_cons {  margin-left: 30px; } 
}

@media (max-width: 320px) { 

    .cuadro_texto_cons {  margin-left: 15px; } 

    .bot_cons { font-size: 15px; }

    .barra_contacto a { font-size: 11px; }

    .barra_contacto i { font-size: 12px; }
}