/* Custom styles for kibugrou */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
p { margin-bottom: .5em; }
header.banner { position: fixed; z-index: 999; width: 100%; background: rgba(0,0,0,.25); }
header.banner .logo { width: 18%; background: black; height: 95px; }
header.banner .logo img { height: 90px; padding: 10px 0; float: right; margin-right: 30px; }
header.banner nav { position: absolute; left: 20%; top: 30px; }
header.banner nav a { color: white; font-weight: bold; text-transform: uppercase; }
#introduction { position: relative; }
#introduction .wpb_raw_code { position: absolute; top: 60%; transform: translateY(-60%); left: 20%; }
#introduction h1 { font-size: 5em; color: white; display: inline-block; margin-bottom: 20px; padding-bottom: 20px; font-family: museo-sans, sans-serif; font-weight: 900; line-height: 1em; font-style: normal; }
#introduction p { color: white; font-size: .95em; max-width: 450px; }
#facts { background: black; padding: 30px 60px; }
#facts .wpb_text_column { font-size: .9em; color: white; padding: 0 15px; }
#facts .imagen { position: relative; }
#facts img { opacity: .6; width: 100%; height: auto !important; }
#facts .icon-next, #facts .icon-prev { color: white; font-size: 2em; }
#facts .crossfade img { opacity: .6; width: 100%; position: absolute; z-index: 1; display: none; }
#facts .crossfade img.active { display: block; z-index: 3; }
#facts .vc_images_carousel { width: 100% !important; }
#facts .carrusel .calado { left: 110px; bottom: 50px; }
#facts .calado { position: absolute; width: 500px; height: 100px; transform: rotate(-90deg); color: white; font-size: 2em; transform-origin: 0 100%; bottom: 15px; left: 100px; font-family: museo-sans; }
.imagen-fondo .vc_column-inner { background-size: cover; }
#sustainability .wpb_text_column { font-size: .85em; padding: 30px 30px 0 30px; margin-bottom: 0; }
#sustainability .vc_column-inner { padding-top: 10px; }
#sustainability .wpb_text_column a { color: black; text-transform: uppercase; padding: 10px 20px; border: 1px black solid; display: inline-block; margin: 10px 0 25px 0; }
#sustainability .wpb_text_column h3 { font-family: museo-sans, sans-serif; font-weight: 900; font-size: 2.5em; }
#supply-chain .wpb_text_column { font-size: .85em; padding: 15px 30px 0 30px; color: white; }
#supply-chain .wpb_text_column h3 { font-family: museo-sans, sans-serif; font-weight: 900; font-size: 2.5em; }
#supply-chain .vc_column-inner { padding-top: 10px; }
#supply-chain .wpb_text_column a { color: white; text-transform: uppercase; padding: 10px 20px; border: 1px white solid; display: inline-block; margin: 10px 0 25px 0; }
#about-us .wpb_text_column { font-size: .85em; padding: 15px 30px 0 30px; }
#about-us .vc_column-inner { padding-top: 10px; }
#about-us .wpb_text_column h3 { font-family: museo-sans, sans-serif; font-weight: 900; font-size: 2.5em; }
#about-us .wpb_text_column a { color: black; text-transform: uppercase; padding: 10px 20px; border: 1px black solid; display: inline-block; margin: 10px 0 25px 0; }
#contact .wpb_text_column { font-size: .85em; padding: 15px 0 0 60px; }
#contact .wpb_text_column h3 { font-family: museo-sans, sans-serif; font-weight: 900; font-size: 2.5em; }
#contact .left label { width: 90%; }
#contact .left .legal { font-size: .9em; line-height: 1.15em; }
.wpcf7-text { border: 0; padding: 6px; }
.wpcf7-textarea { border: 0; width: 100%; height: 150px; }
footer { background: black; padding: 30px 0 30px 80px; position: relative; }
footer img.logo { height: 80px; }
footer .nav { display: block; }
footer ul { padding-top: 20px; }
footer ul li a { color: white; text-transform: uppercase; font-size: .9em; font-weight: bold; }
footer ul li a:hover { color: white; text-decoration: none; }
footer img.trazado { position: absolute; top: 0; right: 0; }

@media all and ( max-width: 667px ) {
    header.banner nav { display: none; }
    #sustainability .wpb_text_column { padding-bottom: 45px; }
    #introduction { height: 500px; background: url(https://kibugroup.com/wp-content/uploads/2021/04/banco_atunes.jpg); background-size: cover; padding: 300px 30px 0 15px; }
    #introduction h1 { font-size: 3em; }
    #introduction img { display: none; }
}

/*# sourceMappingURL=kibugroup.css.map*/