@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&display=swap');
:root {
  --azul: #153a49;
  --celeste: #80c0cf;
  --rojo: #ba3d3d;
  --ocre: #cbaa34;
  --gris: #aeaeb1;
  --gris-txt: #3e3e57;
  --gris-claro: #f3f3f3;
}

h1, h2, h3, h4, h5, h6{margin:0 0 20px 0; line-height:100% }

body p{margin: 0.025rem 0; line-height: 115%;}

/* #g-navigation .g-grid{flex-flow: row nowrap;} */

/*-------  fixed header ---- */
.g-offcanvas-toggle{position: fixed; }
.g-offcanvas-right .g-offcanvas-toggle{right: 2.5rem; padding: 0.5rem 1.5rem 0.5rem 0;}
#g-offcanvas .g-menu-item-109,
#g-offcanvas .g-menu-item-110,
#g-offcanvas .g-menu-item-111,
#g-offcanvas .g-menu-item-112{width: 50%; border-top: 1px solid #f55;}
#g-offcanvas h2{font-family:"Mulish", sans-serif; color:#ffffff; font-weight:600; font-size: 16px; letter-spacing: 0.145em;}
#g-offcanvas ul{margin: 0.5rem 0.5rem 0.5rem 0;}

div.g-block.size-50.derecha{padding-left: 1.45rem;}
/* ---------   TABLA MENU OFF-CANVAS ------ */ 
table#off-table {border: none;}
#off-table a.uk-offcanvas-close { font-size: 12px; line-height: 3; padding: 5px 45px 5px 30px; background-image: url("images/close-icon.png"); background-repeat: no-repeat; background-position: 95% center;}
#off-table td{vertical-align: top;}

#g-offcanvas ul li .lang-active a{color: var(--celeste);}
#g-offcanvas div.pretext p{letter-spacing: 0.145em;}

/*  ------   ICONOS MENU ------ */
#g-offcanvas div.g-content { margin: 0.25rem; padding: 0.45rem; }

#g-offcanvas ul li{font-size: 14px; list-style: none; }
#g-offcanvas ul li a{padding-left: 30px; background-repeat: no-repeat; background-position: left 50%; display: inline-block; line-height: 140%; margin-bottom: 15px;}
#g-offcanvas ul li.demand a{background-image: url("images/icon-scan.png");}
#g-offcanvas ul li.scouting a{background-image: url("images/icon-truck.png");}
#g-offcanvas ul li.trade a{background-image: url("images/icon-trade.png");}
#g-offcanvas ul li.gtm a{background-image: url("images/icon-global.png");}
#g-offcanvas ul li.certified a{background-image: url("images/icon-certified.png");}

#g-offcanvas ul li.agric a{background-image: url("images/icon-agric.png");}
#g-offcanvas ul li.construc a{background-image: url("images/icon-construc.png");}
#g-offcanvas ul li.techno a{background-image: url("images/icon-techno.png");}
#g-offcanvas ul li.heavy a{background-image: url("images/icon-heavy.png");}
#g-offcanvas ul li.food a{background-image: url("images/icon-agro-food.png");}
#g-offcanvas ul li.oil a{background-image: url("images/icon-oil.png");}

#g-offcanvas ul li.vision a{background-image: url("images/icon-vision.png");}
#g-offcanvas ul li.purposse a{background-image: url("images/icon-flag.png");}
#g-offcanvas ul li.values a{background-image: url("images/icon-values.png");}
#g-offcanvas ul li.team a{background-image: url("images/icon-Team.png");}

#g-offcanvas ul li.tel, #g-offcanvas ul li.email, #g-offcanvas ul li.office{font-size: 12px; letter-spacing: 0.045em; line-height: 16px;}
#g-offcanvas ul li.tel a, #g-offcanvas ul li.email a, #g-offcanvas ul li.office a{padding: 8px 0 8px 30px;}

#g-offcanvas ul li.tel a{background-image: url("images/icon-tel.png");}
#g-offcanvas ul li.email a{background-image: url("images/icon-email.png");}
#g-offcanvas ul li.office a{background-image: url("images/icon-office.png");}

#g-navigation .g-content{ margin:0.15rem 0.5rem; padding:0.35rem; }
#request .g-content{margin: 0.15rem 0; padding-left: 8%;}
#header-top-left .g-social{text-align: left; line-height: 4.8; padding-left: 8%;}

.g-home-particles.g-helium-style #g-navigation.g-fixed-element{background: var(--azul);}

/* ------------------ */
.g-home-particles.g-helium-style #g-navigation .g-social a,
.g-main-nav .g-toplevel>li>.g-menu-item-container{font-family:"Mulish", sans-serif; color:#ffffff; font-weight:600;  }

#social-8866-particle .g-social{text-align: left;}
#menu-5185-particle{margin-right: 0; padding-right: 0;}


#logo-8873-particle{text-align: center;}
#logo-8873-particle a{margin-left: -10%;}

#services .g-content{padding: 0; margin: 0;}

#over-slider{margin-top: -55px; z-index: 99999;}

#bottom-slider{margin: 0 140px 55px 140px;}
#bottom-slider h1 {font-size: 25px; font-weight: 600; margin: 0.5rem 0; line-height: 100%;}
#bottom-slider ul {margin: 0; padding: 0 7%;}
#bottom-slider ul li{max-width: 40%; float: left; text-align: left; list-style: none; margin:40px;  }

#bottom-slider ul li:first-child h1{background-image:url("images/icon-more.png"); background-repeat:no-repeat; background-position:left; padding-left:35px; }
#bottom-slider ul li:last-child h1{background-image:url("images/icon-arrow-d.png"); background-repeat:no-repeat; background-position:left; padding-left:35px; }

#bottom-slider p{
  font-family: "Mulish", sans-serif;
  font-size: 17px;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  padding-left:35px;
}
#bottom-slider .values h3{color: var(--ocre); font-weight: 600; margin-top: 50px;}
/* ----------  G INTRO  ---------- */
#kika-contents{margin: 40px 0 60px 0;}



/*-------   WHY KIKA TRADING ----- */

#why-ul{display: flex; max-width: 65%; margin: 0 auto;}
#services{background-image: linear-gradient(to bottom, #ffffff 5%, #d9ecf1 100%); padding: 90px;}
#services .g-content{max-width: 68rem; margin: 0 auto;}

#industries{ margin:30px 0; }
UL#why-ul li { width:25%; float:left; text-align: center; display:block; line-height:110%; color: var(--azul);}

#why-ul li img{ margin:16px 0; }

#why-kika, #mod-custom121 div, #mod-custom133 div, #mod-custom137 div{
  background-image: url('images/bg-world-t.png'); 
  background-repeat: no-repeat; 
  background-position: center top; 
  padding-bottom:120px;
}


#why-kika h3.g-title{text-align: center; color: var(--azul); font-family: 'Encode Sans Condensed'; font-size: 34px; font-weight:700; margin-bottom:85px; padding-top:150px; }

#services h4.g-title, 
#industries h4.g-title{text-align: center; color: var(--ocre); font-family: "Encode Sans", sans-serif; font-size: 30px; font-weight: 700; margin-top: 50px;}
#industries h4.g-title{color: var(--azul);}

#services h5,#industries h5{text-align: center; color: var(--azul); font-family: "Encode Sans", sans-serif; font-size: 18px; font-weight: 700; line-height:1.35;}
#services h5{margin-bottom: 60px;}




/* -----------   SECCIONES INDUSTRIES/ SERVICES --------- */
#g-intro{ padding:0.25rem 0; }
.page-header{
  text-align: center;
  font-family: "Encode Sans", sans-serif;
  color: var(--azul);
}
.page-header h1{font-size: 28px; font-weight: 600; letter-spacing: 0.075em; margin: 18px 0;}

.com-content-article__body{text-align: center; font-family: "Encode Sans", sans-serif; letter-spacing: 0.075rem;}
.com-content-article__body h1{color: var(--azul); font-size: 18px; padding: 0; margin: 0; line-height: 130%;}
.com-content-article__body p{font-size: 16px; color: var(--gris-txt); line-height: 120%; margin: 1rem auto;}
.com-content-article__body p.dseis { font-size: 15px;font-weight: normal;}

#tabla-contenidos, #tabla-services{
  background:#ffffff;
  width: auto; 
  min-width: 860px;
  margin: 2.5rem 1rem;
  padding: 5px;
  display: inline-flex;
  border-radius: 10px;
}


#tabla-contenidos h2, #tabla-services h2, #why h2{font-size: 25px; font-weight: 600; color: var(--azul); margin: 1rem auto 3.5rem;}
#tabla-contenidos ul {text-align: left; display: block;}
#tabla-contenidos ul li{font-weight: 600; font-size: 16px; color: var(--azul);}
ul#ocre li{list-style-image: url("images/arrow-ocre.png");}

#tabla-contenidos .expertise, #tabla-contenidos .benefits{width: 50%; float: left; padding:3% 5%; background: #ffffff;}
#tabla-contenidos .expertise{background-image: url("images/Left-arrow.png"); background-repeat: no-repeat; background-position: 95% 50px;}
#tabla-contenidos .benefits{background-image: url("images/Right-arrow.png"); background-repeat: no-repeat; background-position: 5% 60px;}

#tabla-contenidos .Agrofood{width: 80%; float: left; padding:3% 5%; margin: 0 auto; background: #ffffff;}

#tabla-agrofood{background: #ffffff; margin: 40px auto 20px auto; padding: 5px; border-radius: 10px; display: block; max-width: 860px;}
#tabla-agrofood ul { margin: 1rem auto;}
#tabla-agrofood h2{font-size: 25px; font-weight: 600; color: var(--azul); margin: 1.25rem auto;}
#tabla-agrofood h3{ font-weight: bold; font-size: 16px;}

div.Agrofood ul#ocre li {list-style-position: inside;}



#tabla-services{display: block;}
#tabla-services {max-width: 70%; margin: 2.5rem auto;}
#tabla-services h2, #why h2{color: var(--ocre); margin: 1.85rem auto 1rem;}
#tabla-services ul li{font-size: 16px; color: var(--azul); font-weight: 600; line-height: 1.5;}
#why p{margin: 1rem auto 2.5rem;}

ul#arrows, ul#arrows-x3{margin-bottom: 2rem; display: inline-block; clear: both;}
ul#arrows li{width: 25%; float: left; display: block; padding: 30px 2%;}
ul#arrows-x3 li {width: 33%; float: left; display: block; padding: 30px 2%;}

ul#arrows li:nth-child(1), ul#arrows-x3 li:nth-child(1){background-image: url("images/flecha-abajo-1.png"); background-repeat: no-repeat; background-position: 50% 0;}
ul#arrows li:nth-child(2), ul#arrows-x3 li:nth-child(2){background-image: url("images/flecha-arriba-1.png"); background-repeat: no-repeat; background-position: 50% 95%;}
ul#arrows li:nth-child(3), ul#arrows-x3 li:nth-child(3){background-image: url("images/flecha-abajo-2.png"); background-repeat: no-repeat; background-position: 50% 0;}
ul#arrows li:nth-child(4){background-image: url("images/flecha-arriba-2.png"); background-repeat: no-repeat; background-position: 50% 95%;}

/* -------  ABOUT US ------ */
div.com-content-article.item-page-team div.page-header h1{color: var(--celeste); margin-top: 80px;}

div.com-content-article.item-page-team div.com-content-article__body,
#tabla-services{max-width: 1060px; margin: 60px auto;}

#content-team ul{margin-left: 0; display: flex;}
#content-team ul li{width: 25%; float:left; list-style: none; line-height:1; }
#content-team strong{color: var(--azul); font-size: 16px;}
#content-team p.bio{margin: 10px 30px; font-size: 14px;}

#join {margin: 120px 0 80px 0; display: block;}
#join h2{font-size: 26px; font-weight: 600; color: var(--azul);}
#join p{margin: 10px 120px;}
#banner-join{ padding-bottom: 80px; background-image:url("images/bg-join.png"); background-repeat:no-repeat; background-position:bottom; }

#partners{background: var(--azul); padding: 38px; margin: 75px 0; background-image: url("images/bg-partners.jpg"); background-repeat: no-repeat; background-position: 0 0; background-size:cover; border-bottom: solid 5px var(--rojo);}
#partners h2{color: var(--celeste); font-size: 28px; font-weight: 600;}
#partners h3{color: var(--ocre); font-size: 24px; line-height: 130%;}
#partners p{font-size: 19px; color: #ffffff; line-height: 130%;}

.btn-partnership{color: #ffffff; font-size: 20px; font-weight: 600; border-radius: 25rem; background: var(--celeste); padding:16px 30px; margin:15px 0; display:inline-block; }

ul#values { width:85%; margin: 1rem auto; padding: 0 3%; background: #ffffff; border-radius: 15px; display: inline-flex; clear: both;}
ul#values li{width: 33.33%; float: left; list-style: none; font-size: 19px; color: var(--azul); font-weight: 600; letter-spacing: 0.045em; line-height: 1.5; padding: 0 1%; text-align: center;}
ul#values li p{font-size: 16px; color: var(--gris-txt); letter-spacing: 0.055rem; padding: 0;}
ul#values li:last-child{list-style-image: none;}

.flip-card-ind-back a, .flip-card-back a{font-size: 14px; border:1px solid var(--azul); margin:0.75rem 1rem; padding: 0.75rem 1.25rem; border-radius:25px;  }
.flip-card-ind-back a:hover{color: #ffffff;}

/* ------------   FORMULARIO ------- */
#g-features.formu-bg{padding: 0;}
#contacto-I h3.g-title{ font-family:"Mulish", sans-serif; font-size:15px; font-weight:400; letter-spacing:0.015rem; color: var(--gris-txt);}
#contacto-I {padding-left: 90px; padding-top: 40px; background-image: url("images/bg-contacto-x2.png"); background-repeat: no-repeat; background-position:90px top;}

#contacto-I .g-content{padding:3rem; background-image: url("images/arrow-contacto.png"); background-repeat: no-repeat; background-position: top left; padding: 40px 0;}

#mod-custom138 h1{ font-size:32px; color:var(--azul); line-height:110%; font-weight:650; letter-spacing:0.075em; }
#contacto-D .g-content{margin: 0; padding: 0;}

#mod-custom138 p strong{font-size: 20px; color: var(--ocre);}
#mod-custom138 ul {margin-left: 0;}
#mod-custom138 ul li{list-style: none; line-height: 4; }

.visform input[type="text"], .visform input[type="email"], .visCSSlabel{width: 95%; float: left; border-radius: 0; border: none; border-bottom: 1px solid var(--gris);}
.visform textarea {background: #f3f3f3; border-radius: 0; border: none; padding: 10px 20px; width: 100%;}

.visform input::placeholder{color: var(--gris-txt);}
.visform input:hover, .visform input:focus{box-shadow: none; background-color: var(--gris-claro); color: var(--azul); font-weight: 500;}

.visform input[type="text"], .visform input[type="email"], .visform textarea{margin-bottom: 25px; color:#424242; }
.visform .field1,
.visform .field2,
.visform .field3,
.visform .field4{display: inline-block; width: 50%;}
.visform .btn{color: #efefef; font-size: 15px; letter-spacing: 0.15rem; padding: 15px 55px; background: var(--azul); text-transform: uppercase; font-weight: 600; border-radius: 20rem;}
.visform .fieldset-1 {background: #ffffff; padding: 0.45rem 1.75rem; margin-top: 50px;}
.visform .asterix-ancor{display: none;}
.visform .vis_mandatory{display: block;}


/* - ----------  INDUSTRIES -------- */
#industries .g-content{margin: 0 auto; padding: 0;}
#mod-custom123{  margin: 0 auto; text-align: center; max-width: 1440px;}
#mod-custom123 ul {margin-left: 20%;}
#mod-custom123 div{ }

#industrias{    margin-left: 20.5%; width: 800px;}

/*
#industries .r-imagegrid.style3 .r-ig-item:hover img{
  transform: rotateY(180deg);transition: transform 0.75s cubic-bezier(.4, .2, .2, 1);
  transform-style: preserve-3d;
  position: relative;
}*/


/* --------   BOTONES CTA ------ */
#mod-custom113{text-align: center;}
#btn-Request{clear: both; /*display: inline-block;*/ margin: 75px auto;}

a.talk, a.request{
  background: var(--azul); 
  color: var(--celeste); 
  margin: 1rem; 
  padding: 15px 45px 15px 30px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 99px;
  font-family: "Encode Sans", sans-serif;
  font-size: 18px;
  letter-spacing: 0.045em;
}
a.talk{background-image: url("images/talk-icon.png"); padding: 15px 55px 15px 40px;}
a.request{background-image: url("images/more-icon.png");}
a.talk, a.request{background-repeat: no-repeat; background-position: 95% center; margin: 0 auto;}
a.request{display: inline-block;}
a.talk:hover, a.request:hover;{color: #f3f3f3; }

/* -------   PRODUCTS ------- */
#mod-custom121 div{height: 398px;}
#mod-custom121 h3 img{margin-bottom: 15px;}

#products{margin: 60px 0;}
#products h3{text-align: center; color: var(--azul); font-size: 22px; font-weight: 600; padding:180px 0 45px 0; }
#products .slide-desc-text-default .slide-title{font-size: 14px; font-family: "Encode Sans", sans-serif; line-height: 110%; letter-spacing: 0.045rem; margin-bottom: 0; text-align: center; font-weight: 600; color: var(--gris-txt); word-spacing: -1px;}
#products .slide-desc-text-default .slide-title a{position: relative; top:-25px}
#products .slide-desc-text-default .slide-text{font-size: 14px; text-align: center;}


.djslider-default .navigation-container .prev-button{left: -65px;}
.djslider-default .navigation-container .next-button {right: -65px;}

.slide-desc-text-default a.readmore{
  position: absolute; 
  top:-295px;
  left:0; 
  width: 100%;
  height: 261px;
  text-align: center; 
  background: rgba(203, 170, 52, 0.75);
  line-height: 15;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

/*.slide-desc-text-default a.readmore{content:"View products"; visibility: hidden;}
.slide-desc-text-default a.readmore:after{ content:" - View products"; visibility: visible;} */

.djslider-default .slider-container ul li:hover a.readmore{opacity: 1; padding: 1rem 0;}
.djslider-default .slider-container ul li a.readmore{opacity: 0; padding: 0;}
.djslider-default ul.djslider-in > li{max-height: 330px;}

div a[title="Faboba : Création de composantJoomla"] {
  color: #f3f3f3;
}

/* ------ FOOTER ----- */
#g-footer{ font-family:"Mulish", sans-serif; letter-spacing: 0.045em; padding: 40px 0 0 0;}
/*#g-footer  .g-flushed > .g-container{margin: 60px 5% !important;}*/
a.logo-footer img{margin-left: 50px;}
#g-footer{
  background: 
    linear-gradient(#153a49, #153a49) padding-box, /* Inner background color */
    linear-gradient(to right, #bd4a45, #ceb23d) border-box; /* Gradient for the border */
    border-radius: 0;
   border-bottom: 10px solid transparent; /* Essential for the gradient to show */
   border-top: 0;
   border-left: 0;
    border-right: 0;
}
#footer-col1 ul, #footer-col2 ul, #footer-col3 ul{margin: 0;}
#footer-col1 ul li, #footer-col2 ul li, #footer-col3 ul li{list-style: none; }

#footer-col1 p strong, #footer-col2 p strong, #footer-col3 p strong{margin:0 0 1.5rem 0; display: block;}

#social-6620-particle h2{font-size: 1rem; font-weight: 600; margin: 0;}
#Redes-Footer .g-title{font-size: 1rem; font-weight: 600;}
#footer-spacer{ border-bottom: 1px solid #efefef; margin:50px 2% 35px 2%; }

#g-footer a, #g-footer a:visited{color: #ffffff;}
#g-footer a:hover{color: var(--celeste);}

/* -------    1366 ----------- */
@media only all and (width: 1366px){
 #mod-custom123 ul {/*margin: 0 5.5%;*/}
 #g-footer .g-contanier{width: 95%;}

}
@media only all and (min-width: 75rem) and (max-width: 89.99rem){
  
}
/* -------    1280 ----------- */
@media only all and (width: 1280px){
   
}
@media only all and (min-width: 80rem) and (max-width: 89.99rem) {
  .link-footer{ font-size:82%; }
}


/* -------    1024 ----------- */

@media only all and (min-width: 48rem) and (max-width: 74.99rem){


  #mod-custom123 ul{padding-left: 0;}
}


@media only all and (max-width: 30rem){
  .g-offcanvas-right #g-offcanvas{max-width: 22rem;}
  .g-offcanvas-right .g-offcanvas-toggle{right: 1rem;}
  #header-top-left .g-social{ padding-left:0; }

  #g-navigation{background: #153a49;}
  #g-navigation .g-content{ margin:0 0.5rem; padding:0 0.35rem; }


  #tabla-contenidos{display: inline-block; min-width: 360px;}
  #tabla-contenidos .expertise, #tabla-contenidos .benefits{width: 100%; display: block;}
  #tabla-contenidos .expertise{background-position: 95% 25px;}
  #tabla-contenidos .benefits{background-position: 5% 22px;}
  a.talk{font-size: 14px; display: block; }

  #bottom-slider{ margin:0 25px; }
  #bottom-slider ul li{max-width: 100%;}

  UL#why-ul{margin-left: 0;}
  #why-ul{display: block; max-width: 100%;}
  UL#why-ul li{width: 50%; display: inline-block; }

  #mod-custom123 ul{ margin: 0 5%;}
  #services{ padding:0; }
  #hache ul li.center{margin: 0;}

  #over-slider {margin-top:-25px;}
  .page-header h1{font-size: 24px;}

  ul#arrows {display: grid;}
  ul#arrows li{width: 360px; float: left; display: block;}
  ul#values {width: 100%; display: inline-block;}
  ul#values li{width: 80%; float: none; padding: 0; margin: 40px 20px 40px 35px;}
  #bottom-slider p{ padding-left:0; }
  #contacto-I {padding-left: 40px;}
  #services h5{margin: 40px;}
  #tabla-services{  min-width: 360px; width: auto; position:relative; left: -5px;}
  #products h3{font-size: 16px;}
  #g-footer .mod-custom{text-align: center;}


}