html {height:100%; }
body {height:100%; position: relative; background: #fafafa; } 

@font-face { font-family: gbold; src: url(../fonts/GothamBold.ttf); } 
@font-face { font-family: glight; src: url(../fonts/GothamLight.ttf); } 
@font-face { font-family: gmedium; src: url(../fonts/GothamMedium.ttf); } 

h1 { font-family: gbold; font-size: 50px; color: #fff; line-height: 60px; margin: 10px 0px;}
h1 amarillo { color: #FFB71B;}

h2  { font-family: gbold; font-size: 30px; color: #FFB71B; line-height: 35px; margin: 10px 0px;}
h2 azul { color: #002A3A; }

p { font-family: glight; font-size: 18px; color: #fff; line-height: 24px;}
p a:link { color: #fff; text-decoration: none;}
p a:visited { color: #fff; text-decoration: none;}
p azul { color: #002A3A; }

p small { font-size: 14px; line-height: 10px !important; }
p azul small a:link { color: #002A3A; text-decoration: none;}
p azul small a:visited { color: #002A3A; text-decoration: none;}


.btn { font-family: glight; font-size: 16px; border-radius: 10px; padding:8px 16px; background: #FFB71B; color: #002A3A;}
.btn:hover { background: #fff; color: #002A3A; }

.btn_azul { background: #002A3A !important; color: #FFB71B!important ;}
.btn_azul:hover { background: #25D366 !important; color: #fff!important ;}

@media screen and (max-width: 1200px){ 
    h1 { font-size: 45px; line-height: 45px;}
    h2 { font-size: 26px; line-height: 30px;}
    p { font-size: 16px; line-height: 20px;}
    p small { font-size: 12px; line-height: 10px !important; }
    .btn { font-size: 14px; border-radius: 10px; padding:8px 16px; background: #FFB71B; color: #002A3A;}
}


@media screen and (max-width: 768px){ 
    h1 { font-size: 35px; line-height: 40px;}
    h2 { font-size: 22px; line-height: 25px;}
    p { font-size: 15px; line-height: 18px;}
    p small { font-size: 10px; line-height: 10px !important; }
}



/* ////////////////////////////////////////// */




.link_arriba { position:fixed; bottom:50px; right:55px; z-index: 1; opacity:1; display: none;  }
.link_arriba:hover { opacity:0.5 }
.link_arriba img {height: 50px;}

.link_whatsapp_verde { position:fixed; bottom:130px; right:50px;  }
.link_whatsapp_verde img { height: 60px; transition: 0.5s; }

.link_whatsapp_verde img:hover { scale:1.2; }

@media screen and (max-width: 991px){
.link_arriba { bottom:50px; right:20px; }
.link_arriba img {height: 50px;}	

.link_whatsapp_verde { bottom:110px; right:20px;  }
.link_whatsapp_verde img {height: 50px;}
}




/*///////////////////////////////////////////////////////////////// */




.waypoint_animacion { opacity: 0;}
.waypoint_animacion.animated { opacity: 1; }




/* ////////////////////////////////////////// */




.navbar { background: #FFB71B; display: block; padding: 20px 0px; transition: 0.5s;}
.navbar_achicar { padding: 5px 0px;}
.navbar-brand img { height: 40px;}
.navbar-brand_achicar { padding: 100px 0px;}
.nav-item { padding: 0px 10px; }
.nav-item a { font-family: gmedium; font-size: 14px; color: #002A3A!important; }
.nav-item a:hover { color: #000!important; }

.nav-link { color: #9BC149;}
.dropdown-menu { background: #9BC149; border: 0px;}
.dropdown-item { background: #9BC149;}
.dropdown-item:hover  { background: #9BC149;}


.nav_redes a { padding: 0px 2px;}
.nav_redes img { height: 20px; margin-top: 7px;}
.mostrar_chico {display: none;}

.redes_celus { display: none;}

@media screen and (max-width: 1199px){  
    .nav-item  { padding: 0px 0px; }   
}

@media screen and (max-width: 767px){    
    .navbar { padding: 0px; margin: 0px; text-align: center; height: 65px; display: block;}    
    .navbar .container { padding: 10px 0px; display: block; } 
    .navbar-collapse { margin-top: 15px;}
    .navbar-brand { padding-left: 10px; }
    .nav-item { padding: 5px 0px; text-align: center; background: #002A3A; display: block; }
    .nav-item a { font-size: 15px; color: #fff !important ; }
    .nav-item a:hover { color: #fff !important ; }

    .redes_desktop {display: none;}
    .redes_celus { display: inline-block;}

    .dropdown-menu { text-align: center;}
    .dropdown-item { padding: 15px 0px; border-top: 1px solid #85A63F; }
    .dropdown-item_ultimo { border-bottom: 1px solid #85A63F;}

    .nav_redes img { height: 20px; margin-top: 10px; margin-bottom: 10px;}
    .navbar-toggler { border: 0px; float:right; position: absolute; right: 20px; top: 12px;}
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   }

}




/* ////////////////////////////////////////// */




.espacio_vacio_superior { height: 90px;  background: #FFB71B;}

@media screen and (max-width: 991px){ 
    .espacio_vacio_superior { height: 65px; }
}




/* ////////////////////////////////////////// */




.post_nav { background-color: #000; height: 30px; text-align: right;}
.post_nav img { height: 18px; display: inline; margin-right: 6px;}
.post_nav p { display: inline;}

@media screen and (max-width: 768px){ 
    .post_nav { heught: auto;text-align: center;}
}



/* ////////////////////////////////////////// */




.carousel{ padding: 0px; text-align: center; border-bottom: 2px solid #FFB71B; }
.carousel-item { height: 450px; background-position: top; background-size: cover;}
.carousel_1 { background-image: url("../img/garfar_carrousel_01.jpg"); }
.carousel_2 { background-image: url("../img/garfar_carrousel_02.jpg"); }
.carousel_3 { background-image: url("../img/garfar_carrousel_03.jpg"); }

.carousel-item .container {height: 100%;}
.carousel-item .container .row {display: flex; align-items: center; height: 100%; text-align: left;}

@media screen and (max-width: 991px){ 
    .carousel-item {  }
    .carousel-item .container { }       
    .carousel_data { padding: 0px 30px 0px 30px; }
    .carousel-control-prev { display: none;}
    .carousel-control-next { display: none;}   
}

@media screen and (max-width: 768px){ 
    .carousel {background: #002A3A;}
    .carousel_data { text-align: center; padding: 20px 0px 10px 0px; }
    .carousel-item { padding: 0px !important; height: auto; }
    .carousel-item .container  { background: rgba(0, 0, 0, 0.5);  } 
    .carousel-item .container .row { padding: 80px 30px 100px 30px;}
}





/* ////////////////////////////////////////// */




.quienessomos { background: rgb(0,42,58); background: linear-gradient(0deg, rgb(0, 26, 36) 0%, rgb(0, 42, 58) 100%); padding: 100px 0px; }
.quienesomos_titular { text-align: center; padding-bottom: 40px;}
.quienesomos_titular img { height:50px; margin-bottom: 20px;}
.quienesomos_titular p { margin: 20px 200px 20px 200px}
.quienesomos_textis { margin-bottom: 20px;}


@media screen and (max-width: 1200px){ 
    .quienesomos_titular p { margin: 20px 100px 20px 100px}
}


@media screen and (max-width: 768px){ 
    .quienessomos { padding: 100px 20px;}
    .quienesomos_titular { text-align: left; }
    .quienesomos_titular p { margin: 0px}
}




/* ////////////////////////////////////////// */




.separador_uno { background-image: url(/img/garfar_separador.jpg); background-size: cover; background-attachment: fixed; background-position: center; text-align: center; overflow: hidden;}
.separador_dos { background-image: url(/img/garfar_separador_2.jpg); background-size: cover; background-attachment: fixed; background-position: center; text-align: center; overflow: hidden;}

.separador_uno img { width: 500px; margin: 150px 0px;}
.separador_dos_on { padding: 150px 0px;}
.separador_dos_on a img { height: 25px; margin-top: -4px; margin-right: 8px;}


@media screen and (max-width: 768px){ 
    .separador_uno img { width: 80%; margin: 80px 0px;}
}




/* ////////////////////////////////////////// */




.servicios { background: rgb(0,42,58); background: linear-gradient(0deg, rgb(0, 26, 36) 0%, rgb(0, 42, 58) 100%); padding: 100px 0px; overflow: hidden;}

.servicios_titulo { text-align: center; margin-bottom: 30px;}

.servicios_item { padding: 20px 15px;}
.servicios_item_on { background: rgb(255,212,120);
    background: linear-gradient(0deg, rgba(255,212,120,1) 0%, rgba(255,183,27,1) 50%); padding: 0px; border-radius: 20px; transition: 0.5s; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);}
.servicios_item_on:hover { scale: 1.05; box-shadow: 0px 25px 5px rgba(0, 0, 0, 0.8);}
.servicios_img img { border-radius: 20px 20px 0px 0px;}
.servicios_txt { padding: 10px 20px 30px 20px; text-align: center;}
.servicios_txt h2 { height: 70px; margin-bottom: 10px; }
.servicios_txt p { height: 95px; overflow: hidden; }
.servicios_txt a img { height: 25px; margin-right: 8px; margin-top: -3px;}

@media screen and (max-width: 768px){ 
    .servicios { padding: 100px 20px;}
    .servicios_txt h2 { height: auto; }
    .servicios_txt p { height: auto; }
}




/* ////////////////////////////////////////// */




.contacto { height: 100%; background: #FFB71B; overflow: hidden;}
.contacto .row { height: 100%;}

.contacto_izq { background-image: url(/img/garfar_contacto.jpg); background-size: cover; background-position: center; padding: 0px;}

.contacto_izq_on { height: 100%; width: 100%; max-width: 650px; float: right; display: flex; align-items: center;}

.contacto_izq_on_on p img { height: 20px; margin-top: -3px; margin-right: 8px;}


.contacto_der { padding: 0px;}

.contacto_der_on { height: 100%; width: 100%; max-width: 650px; float: left; display: flex; align-items: center; }

.contacto_der_on_on { padding-left: 50px; width: 100%; }

.form-control { font-family: glight, sans-serif; font-size: 18px; line-height: 24px; color: #404040; padding: 10px 15px; margin: 20px 0px; border: 0px; border-radius: 10px; width: 100%;  }
.form-control:focus { color: #000; }

.novedades_checkbox { width:20px; height: 20px; display: inline; margin: 5px 10px 10px 0px;  }
.g-recaptcha { margin-bottom: 10px;}

.credits { height: 40px; margin-top: -40px; overflow: hidden;}
.credits_on { padding-left: 50px;}
.credits_on img { height: 30px; margin-top: -2px; margin-left: 6px;}


@media screen and (max-width: 1400px){ 
.contacto_der_on { max-width: 550px;  }
.contacto_izq_on { max-width: 550px;  }  
}


@media screen and (max-width: 1199px){     
    .contacto_der_on { max-width: 450px;  }
    .contacto_izq_on { max-width: 450px;  }  
    }


@media screen and (max-width: 768px){ 
    .contacto { height: auto;}
    .contacto .row { height: auto;}
    
    .contacto_izq { padding: 100px 20px;   } 
    .contacto_izq_on { max-width: 100%;   }  
    .contacto_izq_on_on { width: 100%; text-align: center;  } 

    .contacto_der { padding: 50px 20px;  }
    .contacto_der_on { max-width: 100%;  }
    .contacto_der_on_on { padding-left: 0px; width: 100%; }

    .credits { height: auto; margin-top: 0px; overflow: hidden; background: #FFB71B;}
    .credits_on { padding-left: 0px; text-align: center;}
    }