/*Header+parallax+particles*/
.grainy-gradient-intro:before {
  background: #c3ccea; /*original*/
  background: #ffeb3b;
  filter: url(#f);
}
.grainy-gradient-intro:before, .grainy-gradient-intro:after {
  position: fixed;
  inset: 0;
  z-index: -1;
  --grad: radial-gradient(at 50%, red, rgba(255, 0, 0, 0.3) 55%, transparent 80%);
  --grad: radial-gradient(at 50%, #0064ff, rgb(255 221 0 / 30%) 55%, transparent 85%);
  --mask: var(--grad), var(--grad);
  -webkit-mask: var(--mask);
  -webkit-mask-composite: source-in;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-composite: source-in, xor;
  mask-composite: intersect;
  mix-blend-mode: unset;
  content: "";
}
.grainy-gradient-intro:after {
  background: linear-gradient(90deg, #760dfe 20%, #f51b26, #fd9900);
}
.grainy-gradient-intro:after {
  background: linear-gradient(90deg, #ff5722 20%, #ffc107, #fd9900);
}
.img-fondo {
  background-image: url('/sites/default/files/media/slider-truck-electric-whites.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 50vh;
}
#particles-js {
  border-bottom: none;
}
/*FAQS - acordion*/
/* Pogress Block */
.view-workpackgage h3 {
  text-transform: uppercase;
  font-weight: bold;
}
.title-star {
  font-size: 15px;
  color: #000;
}
.header-bar {
  height: 50px;
}
.slick__slide {
  max-width: 420px;
  margin: 0 15px 0 15px;
  padding: 10px;
  background-color: #ffc200;
}
.progress-block {
  min-height: 245px;
  max-width: 320px;
}
.progress-block .title {
  background-color: #000;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffc200 !important;
}
.media.media--blazy.media--bundle--image.media--image.is-b-loaded img {
  width: 100%;
}
/*Header icon*/
hr {
  border: 0;
  height: 2px;
  width: 25%;
  position: relative;
  margin: 30px auto;
}
.center-ball {
  background: #000;
}
.center-ball:before {
  content: "\ed11";
  /*width: 52px;
  height: 47px;*/
  padding: 4px;
  display: inline-block;
  position: absolute;
  font-size: 44px;
  top: -27px;
  left: 50%;
  margin: 0 0 0 -26px;
  background: white;
}
/*Fin Header icon*/
/* Counter */
section.color, .color {
  background-color: #ffc200;
}


#counter .counter-block {
  overflow: hidden;
  flex-wrap: wrap;
}
#counter .block {
  border: 2px solid #ffc200;
  ;
  background-color: rgba(255, 255, 255, 1.00);
}
.countfect {
  color: #000;
}
#counter .linea {
  background-color: #ffc200;
  height: 2px;
  position: absolute;
  margin-top: 75px;
  width: 100%;
  /*top: 50%;*/
}
#counter span.countfect {
  font-size: 3rem;
  font-weight: bold;
  color: #000
}
#counter span.counter-description {
  font-size: 1rem;
  color: #333;
}
#counter div[class*="mn-"] {
  font-size: 3rem;
}
/*Fin Counter*/
/*------------------*/
/*  SKEW CLOCKWISE  */
/*------------------*/
.skew-cc, .skew-cc-sup {
  width: 100%;
  height: 100px;
  position: relative;
  left: 0px;
  background: linear-gradient(to right bottom, #ffffff 49%, #ffc200 50%), linear-gradient(-50deg, #ffffff00 16px, #0000 0);
}
/*.skew-cc-sup{background: linear-gradient(to right bottom, #ffffff 49%, #f1f1f1 50%),linear-gradient(-50deg, #ffffff00 16px, #0000 0)}*/
.skew-cc-amarillo, .skew-cc-gris-down {
  width: 100%;
  height: 100px;
  position: relative;
  left: 0px;
  background: linear-gradient(to left bottom, #c0f8a700 49%, #ffffff 50%), linear-gradient(-50deg, #ffc200 16px, #ffc200 0);
}
/*.skew-cc-gris-down{background: linear-gradient(to left bottom, #c0f8a700 49%, #ffffff 50%),linear-gradient(-50deg, #f1f1f1  16px, #f1f1f1 0);}*/

h2[class^="block-title"] {
  font-family: 'OpenSans SemiBold', sans-serif;
  font-size: 44px !important;
  font-weight: bold;
}
h2[class^="block-title"]:after {
  background: #ffc200;
}
h2[class^="block-title"] > span {
  display: inline-block;
  position: relative;
  color: #000;
  z-index: 9;
}
h2[class^="block-title"] {
  background: none;
  position: relative;
  margin: 0 0 15px;
  padding: 0 0 15px;
  text-transform: capitalize;
}
h2[class^="block-title"]:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 2px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.container.box-particles {
  max-width: 100% !important;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(192, 248, 167, 1) 0%, rgba(192, 248, 167, 1) 2%, rgba(255, 255, 255, 0) 70%);
}
/*efecto css*/
/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f1f1f1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/*.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active,
.hvr-bounce-to-top:hover h3,.hvr-bounce-to-top:hover p,.hvr-bounce-to-top:hover svg{color: white;}*/
.hvr-bounce-to-top:hover a.enlace {
  color: #fff !important;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
p.destaca {
  font-size: 2rem;
  line-height: normal;
  text-shadow: 1px 2px 5px #ffc200;
}
.targets ol li {
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  #counter span.countfect {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .img-fondo {
    background-image: none;
  } /*Parallax image header*/
  #counter span.countfect {
    font-size: 2rem;
  }
}
@media (max-width: 425px) {
	p.destaca {line-height: 38px; font-size: 1.8rem;}
	hr.res {
    min-width: 80%
  }
  .slick__slide {
    max-width: 370px
  }
  .row-x15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .linea {
    display: none;
  }
}
@media (max-width: 376px) {
  .slick__slide {
    max-width: 344px
  }
}
@media (max-width: 320px) {
  .slick__slide {
    max-width: 293px
  }
}
@media (min-width: 576px) {
  .r-sm {
    width: 100%
  }
}
@media (min-width: 960px) {
  .r-lg {
    width: 60%;
  }
}
@media (min-width: 1119px) {
  .r-xl {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .r-xl {
    width: 36%;
  }
}
.p1 {
  width: 1%;
}
.p2 {
  width: 2%;
}
.p3 {
  width: 3%;
}
.p4 {
  width: 4%;
}
.p5 {
  width: 5%;
}
.p6 {
  width: 6%;
}
.p7 {
  width: 7%;
}
.p8 {
  width: 8%;
}
.p9 {
  width: 9%;
}
.p10 {
  width: 10%;
}
.p11 {
  width: 11%;
}
.p12 {
  width: 12%;
}
.p13 {
  width: 13%;
}
.p14 {
  width: 14%;
}
.p15 {
  width: 15%;
}
.p16 {
  width: 16%;
}
.p17 {
  width: 17%;
}
.p18 {
  width: 18%;
}
.p19 {
  width: 19%;
}
.p20 {
  width: 20%;
}
.p21 {
  width: 21%;
}
.p22 {
  width: 22%;
}
.p23 {
  width: 23%;
}
.p24 {
  width: 24%;
}
.p25 {
  width: 25%;
}
.p26 {
  width: 26%;
}
.p27 {
  width: 27%;
}
.p28 {
  width: 28%;
}
.p29 {
  width: 29%;
}
.p30 {
  width: 30%;
}
.p31 {
  width: 31%;
}
.p32 {
  width: 32%;
}
.p33 {
  width: 33%;
}
.p34 {
  width: 34%;
}
.p35 {
  width: 35%;
}
.p36 {
  width: 36%;
}
.p37 {
  width: 37%;
}
.p38 {
  width: 38%;
}
.p39 {
  width: 39%;
}
.p40 {
  width: 40%;
}
.p41 {
  width: 41%;
}
.p42 {
  width: 42%;
}
.p43 {
  width: 43%;
}
.p44 {
  width: 44%;
}
.p45 {
  width: 45%;
}
.p46 {
  width: 46%;
}
.p47 {
  width: 47%;
}
.p48 {
  width: 48%;
}
.p49 {
  width: 49%;
}
.p50 {
  width: 50%;
}
.p51 {
  width: 51%;
}
.p52 {
  width: 52%;
}
.p53 {
  width: 53%;
}
.p54 {
  width: 54%;
}
.p55 {
  width: 55%;
}
.p56 {
  width: 56%;
}
.p57 {
  width: 57%;
}
.p58 {
  width: 58%;
}
.p59 {
  width: 59%;
}
.p60 {
  width: 60%;
}
.p61 {
  width: 61%;
}
.p62 {
  width: 62%;
}
.p63 {
  width: 63%;
}
.p64 {
  width: 64%;
}
.p65 {
  width: 65%;
}
.p66 {
  width: 66%;
}
.p67 {
  width: 67%;
}
.p68 {
  width: 68%;
}
.p69 {
  width: 69%;
}
.p70 {
  width: 70%;
}
.p71 {
  width: 71%;
}
.p72 {
  width: 72%;
}
.p73 {
  width: 73%;
}
.p74 {
  width: 74%;
}
.p75 {
  width: 75%;
}
.p76 {
  width: 76%;
}
.p77 {
  width: 77%;
}
.p78 {
  width: 78%;
}
.p79 {
  width: 79%;
}
.p80 {
  width: 80%;
}
.p81 {
  width: 81%;
}
.p82 {
  width: 82%;
}
.p83 {
  width: 83%;
}
.p84 {
  width: 84%;
}
.p85 {
  width: 85%;
}
.p86 {
  width: 86%;
}
.p87 {
  width: 87%;
}
.p88 {
  width: 88%;
}
.p89 {
  width: 89%;
}
.p90 {
  width: 90%;
}
.p91 {
  width: 91%;
}
.p92 {
  width: 92%;
}
.p93 {
  width: 93%;
}
.p94 {
  width: 94%;
}
.p95 {
  width: 95%;
}
.p96 {
  width: 96%;
}
.p97 {
  width: 97%;
}
.p98 {
  width: 98%;
}
.p99 {
  width: 99%;
}
.p100 {
  width: 100%
}