/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 6, 2023 */



@font-face {
    font-family: 'daysone';
    src: url('daysone-regular-webfont.woff2') format('woff2'),
         url('daysone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.glitch {
  position: absolute;
  margin: 0 auto;
  color: #fff;
  font-size: 50px;
  font-family: "daysone", sans-serif;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -1px;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
		top:45%;
		  z-index:1000;
		 
}
.glitch::before, .glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: rgba(0,0,0,0.8);
  clip: rect(0, 900px, 0, 0);
}
.glitch::before {
  left: -2px;
  text-shadow: 1px 0 #ccc;
  animation: glitch-effect 3s infinite linear alternate-reverse;
}
.glitch::after {
  left: -3px;
  text-shadow: -1px 0 #f1f1f1;
  animation: glitch-effect 2s infinite linear alternate-reverse;
}

@-webkit-keyframes glitch-effect {
  0% {
    clip: rect(15px, 10px, 54px, 1);
  }
  5% {
    clip: rect(71px, 50px, 36px, 0);
  }
  10% {
    clip: rect(20px, 100px, 11px, 0);
  }
  15% {
    clip: rect(43px, 200px, 22px, 0);
  }
  20% {
    clip: rect(62px, 9999px, 2px, 0);
  }
  25% {
    clip: rect(27px, 9999px, 60px, 0);
  }
  30% {
    clip: rect(8px, 9999px, 70px, 0);
  }
  35% {
    clip: rect(25px, 9999px, 76px, 0);
  }
  40% {
    clip: rect(28px, 9999px, 28px, 0);
  }
  45% {
    clip: rect(20px, 9999px, 35px, 0);
  }
  50% {
    clip: rect(92px, 9999px, 75px, 0);
  }
  55% {
    clip: rect(21px, 9999px, 6px, 0);
  }
  60% {
    clip: rect(79px, 9999px, 28px, 0);
  }
  65% {
    clip: rect(98px, 9999px, 72px, 0);
  }
  70% {
    clip: rect(48px, 9999px, 58px, 0);
  }
  75% {
    clip: rect(1px, 9999px, 60px, 0);
  }
  80% {
    clip: rect(39px, 9999px, 97px, 0);
  }
  85% {
    clip: rect(4px, 9999px, 64px, 0);
  }
  90% {
    clip: rect(40px, 9999px, 55px, 0);
  }
  95% {
    clip: rect(88px, 9999px, 94px, 0);
  }
  100% {
    clip: rect(3px, 9999px, 42px, 0);
  }
}

@keyframes glitch-effect {
  0% {
    clip: rect(15px, 9999px, 54px, 0);
  }
  5% {
    clip: rect(71px, 9999px, 36px, 0);
  }
  10% {
    clip: rect(20px, 9999px, 11px, 0);
  }
  15% {
    clip: rect(43px, 9999px, 22px, 0);
  }
  20% {
    clip: rect(62px, 9999px, 2px, 0);
  }
  25% {
    clip: rect(27px, 9999px, 60px, 0);
  }
  30% {
    clip: rect(8px, 9999px, 70px, 0);
  }
  35% {
    clip: rect(25px, 9999px, 76px, 0);
  }
  40% {
    clip: rect(28px, 9999px, 28px, 0);
  }
  45% {
    clip: rect(20px, 9999px, 35px, 0);
  }
  50% {
    clip: rect(92px, 9999px, 75px, 0);
  }
  55% {
    clip: rect(21px, 9999px, 6px, 0);
  }
  60% {
    clip: rect(79px, 9999px, 28px, 0);
  }
  65% {
    clip: rect(98px, 9999px, 72px, 0);
  }
  70% {
    clip: rect(48px, 9999px, 58px, 0);
  }
  75% {
    clip: rect(1px, 9999px, 60px, 0);
  }
  80% {
    clip: rect(39px, 9999px, 97px, 0);
  }
  85% {
    clip: rect(4px, 9999px, 64px, 0);
  }
  90% {
    clip: rect(40px, 9999px, 55px, 0);
  }
  95% {
    clip: rect(88px, 9999px, 94px, 0);
  }
  100% {
    clip: rect(3px, 9999px, 42px, 0);
  }
}
.brk-bg-light-gray {
    background-color: #f5f7fb !important;
}
.font__family-montserrat.font__weight-light.text-uppercase.font__size-18.text-blue.brk-library-rendered.lema {
    font-style: italic !important;
    line-height: 29px !important;
}
.circ::after {
    content: '';
    display: block;
    width:350px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url("../../img/pattern5.png") no-repeat;
        background-size: auto;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	z-index:1000;
	-webkit-animation: rotation 8s infinite linear;
	margin-top:-175px;
	margin-left: -175px;
	opacity:0.5;
}

@-webkit-keyframes rotation {
		 100% {
        transform: rotate(1turn);
    }
}
.slick-slide > img {
    max-width: 140px;
    opacity: 0.8;
}
.icon__btn, .icon__btn .spike {
    background: #5595d0 !important;
}
.logo.lazyloaded {
    width: 225px !important;
}
.brk-border-color-grey {
    border-color: #333;
}

.border-bottom-5 {
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
.timeline--mosaic {
    position: relative;
    padding: 100px 0 90px;
    color: #fff;
    border-bottom: 0px !important;
}
.brk-header-mobile__logo img {
    vertical-align: middle;
    position: absolute;
    right: 20px;
top: 3px;
height:72px;
}
/* The Loader */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: hidden;
}
.no-js #loader-wrapper {
  display: none;
}



@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222;
  z-index: 10;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}
.loader {
  position: relative;
  display: block;
  height: 100vh; width: 100%;
  min-height: 250px;
  float: left;
  z-index: 100;
  background-color: rgb(0,0,0);
  overflow: hidden;
}
.servicios {
		background-image: url('../../img/serv.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.mobile-case-1 {
    width: 292px;
    height: 500px !important;
    z-index: 2;
}
.brk-tabs_tabbed-intro .brk-tabs-nav {
    
max-width: 1170px !important;
    
}
.brk-tabs_tabbed-intro .brk-tab span {
  
    font-size: 13px !important;

}
.brk-tiles-formats__content:hover h4 {
     color: #0cbcfd;
	 text-shadow: 5px 6px 16px #fff;
}
@media screen and (min-width: 425px) {
  .loader { width: 100%; }
}
@media screen and (min-width: 768px) {
  .loader { width: 100%; }
}
@media screen and (min-width: 1440px) {
  .loader { width: 100%; }
}

/* loader-41 */
.loader-41 .loader-container {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 200px; height: 200px;
  border: 5px solid rgb(235,235,236);
  border-radius: 50%;
}
.loader-41 .loader-container::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 200px; height: 200px;
  border-top: 7px solid #ef4361;
  border-radius: 50%;
  animation: spin41 1.8s infinite ease-in-out;
}
  .loader-41 p {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 2px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ef4361;
  }
  .loader-41 p.loader-title {
    color: transparent;
    z-index: 3;
  }
  .loader-41 p.loader-title-double {
    color: #ef4361;
    z-index: 1;
    animation: loader41 2.5s 1s infinite ease-out;
  }      

@keyframes spin41 {
  0%   { transform: translate(-50%, -50%) rotate(0deg);}
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes loader41 {
  0%  { opacity: 1; }
  25% { opacity: 1; }
  35% { opacity: 0.6; }
  38% { opacity: 1; }
  50% { opacity: 0.5; }
  60% { opacity: 1; }
  70% { opacity: 0.5; }
  100% { opacity: 1; }
}

/* loader-42 */
.loader-42 {
  background-color: #111;
}
.loader-42 .loader-holder {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 202px; height: 202px;
  overflow: hidden;
}
  .loader-42 .loader-container {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 200px; height: 200px;
    border: 2px solid rgba(235,235,236,0.1);
  }
  .loader-42 .loader-container::before,
  .loader-42 .loader-container::after {
    position: absolute;
    content: "";
    display: block;
    width: 40px; height: 0px;
  }
  .loader-42 .loader-container::before {
    top: 0; right: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(-198px, -2px);
    animation: spinBefore42 2s infinite linear;
  }
  .loader-42 .loader-container::after {
    bottom: 0; left: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: translate(200px, 2px);
    animation: spinAfter42 2s 0.9s infinite linear;
  }
    .loader-42 p {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      font-size: 35px;
      letter-spacing: 3px;
      color: #fff;
    }

@keyframes spinBefore42 {
  0%   { transform: translate(-198px, -3px);  width: 70px; height: 0px;  }
  20%  { transform: translate(3px, -3px);  width: 70px; height: 0px; }
  25%  { transform: translate(3px, -3px);  width: 0px; height: 60px; }    
  50%  { transform: translate(3px, 199px); width: 0px; height: 40px; }
  100% { transform: translate(3px, 199px); width: 0px; height: 40px; }
}
@keyframes spinAfter42 {
  0%   { transform: translate(198px, 3px); width: 40px; height: 0px;  }                                
  20%  { transform: translate(-3px, 3px); width: 40px; height: 0px; }
  25%  { transform: translate(-3px, 3px);  width: 0px; height: 40px; }    
  60%  { transform: translate(-3px, -199px); width: 0px; height: 60px; }
  100% { transform: translate(-3px, -199px); width: 0px; height: 60px; }
}

/* loader-43 */
.loader-43 {
  background-color: rgb(240,240,241);
}
  .loader-43 .loader-holder {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1, 1) translateZ(0);
    width: 200px; height: 200px;
    border: 3px solid rgb(240,240,241);
    border-radius: 50%;
    overflow: hidden;
  }
  .loader-43 .loader-holder::before {
    position: absolute;
    content: "";
    display: block;
    bottom: 0; left: 50%;
    transform: translate(-50%, 104%);
    width: 370px; height: 200px;
    border-radius: 50%;
    background-color: #ef4361;
    animation: moveBefore43 5s forwards linear;
    z-index: 1;
  }
    .loader-43 .loader-container {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%) scale(1, 1) translateZ(0);
      width: 200px; height: 200px;
      border-radius: 50%;
      border-top: 5px solid rgb(240,240,241);
      overflow: hidden;
      animation: spin43 2s infinite linear;
      z-index: 2;
    }

    .loader-43 p {
      position: absolute;
      top: 50%; left: 50%;
      font-size: 35px;
      font-weight: 900;
      color: #ef4361;
      z-index: 2;
      transform: translate(-50%, -50%);
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: rgb(240,240,241);
    }
@keyframes moveBefore43 {
  0%   { transform: translate(-50%, 104%); }
  80%  { transform: translate(-50%, 50%); }
  100% { transform: translate(-50%, 0%); }
}
@keyframes spin43 {
  0%   { transform: translate(-50%, -50%) scale(1, 1) translateZ(0) rotate(0deg); }
  100% { transform: translate(-50%, -50%) scale(1, 1) translateZ(0) rotate(360deg)}
}

/* loader-44 */
.loader-44 {
  background-color: #111;
}
  .loader-44 .loader-container {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 200px; height: 200px;
    border-radius: 50%;
    border-top: 5px solid #0231fc;
    border-right: 5px solid #0231fc;
    animation: spin44 3s infinite ease-out;
    z-index: 2;
  }
    .loader-44 .loader-img {
      position: absolute;
      top: 50%; left: 50%;
      font-size: 45px;
      font-weight: 700;
      color: #ef4361;
      z-index: 2;
      transform: translate(-50%, -50%);
    }

@keyframes spin44 {
  0%   { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg)}
}

/* loader-45 */
.loader-45 .loader-container {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 180px; height: 230px;
    z-index: 2;
  }
  .loader-45 .loader-container::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ef4361;
    animation: moveBefore45 5s 0.8s infinite ease-in-out;
  }
    .loader-45 .loader-title {
      position: absolute;
      top: 50%; left: 50%;
      font-size: 35px;
      font-weight: 900;
      color: #ef4361;
      z-index: 2;
      transform: translate(-50%, -50%);
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: rgb(240,240,241);
    }

@keyframes moveBefore45 {
  0%   { height: 5px; bottom: 0; top: auto; }
  25%  { height: 100%; bottom: 0; top: auto; }
  30%  { height: 100%; bottom: auto; top: 0; }
  50%  { height: 5px; bottom: auto; top: 0; }
  75%  { height: 100%; bottom: auto; top: 0; }
  80%  { height: 100%; bottom: 0; top: auto; }
  100% { height: 5px; bottom: 0; top: auto; }
}

/* loader-46 */
.loader-46 .loader-container {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
  }
    .loader-46 p {
      position: relative;
      font-size: 56px;
      font-weight: 900;
      line-height: 50px;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #ef4361;
      animation: loader 3.5s 1s infinite ease-out;
    }
    /* stroked title */
   .loader-46  p.loader-title {
      color: transparent;
      z-index: 3;
    }
    /* colored title */
    .loader-46 p.loader-title-double {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      color: #ef4361;
      z-index: 1;
    }      
    .loader-46 .loader-overlay {
      position: absolute;
      top: 0%; left: 0%;
      width: 100%; height: 100%;
      z-index: 2;
      background-color: rgb(240,240,241);
      animation: overlay 3.5s 1s infinite ease-out;
    }

/* moving overlay */
@keyframes overlay {
  0%   { top: 0%; }
  70%  { top: -100%; visibility: hidden; }
  100% { top: -100%; visibility: hidden; }
}
/* title flicking */
@keyframes loader {
  0%  { opacity: 1; }
  75% { opacity: 1; }
  80% { opacity: 0.6; }
  85% { opacity: 1; }
  90% { opacity: 0.5; }
  95% { opacity: 1; }
  100% { opacity: 1; }
}
canvas{
   position: fixed;
   background-color:;
   top:0;
   left:0;
   right:0;
}
#demo-canvas {
    position: absolute;
    z-index: 100;
	opacity:0.3;
}
.tparrows::before {
    font-family: "revicons";
    font-size: 40px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    opacity: 0.5;
}
.tparrows {
    background:transparent !important;
}
.phrase {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
}
.phrase span {
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}
.phrase span {
    display: block;
    font-size: 200px;
    width: fit-content;
    white-space: nowrap;
    font-weight: 900;
    -webkit-animation-name: phraseAnimation;
    animation-name: phraseAnimation;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    will-change: transform;
    transition: ease-out .3s;
    -webkit-text-stroke: 2px #ccc;
    opacity: .2;
    color: transparent;
	letter-spacing:-10px;
}
@-webkit-keyframes phraseAnimation {
 0% {
  -webkit-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0)
 }
 100% {
  -webkit-transform:translate3d(-50%,0,0);
  transform:translate3d(-50%,0,0)
 }
}
@keyframes phraseAnimation {
 0% {
  -webkit-transform:translate3d(0%,0,0);
  transform:translate3d(0%,0,0)
 }
 100% {
  -webkit-transform:translate3d(-50%,0,0);
  transform:translate3d(-50%,0,0)
 }
}
.titulo {
	letter-spacing:-3px;
}
.extra__heading-3 p {
    color: #222 !important;
}
em {
    font-weight: 700;
}
.bg-grey {
	background:#f1f1f1;
}
.corner__wrap.content__side-left .parallax__bg-shape-lg {
    right: 50%;
    background: #f5f5f5;
}
.logo-set__img {
    opacity: .3 !important;
 
}
.highlight-underline > .before {
    
    background: #08b4fc !important;
}
.brk-footer__bg-left_footer-5 {
    background-color: #07439e !important;
}
.brk-footer__bg-right_footer-5 {
    background-color: #053783  !important;
}
.help-block.with-errors {
    color: #f00;
    font-size: 12px;
}
#form_message {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}
.energia {
	border-bottom: 15px solid #3b9efa;
}
.brk-tabs_tabbed-icons-gradient.iconos .brk-tab i {
   
    background-image: linear-gradient(-60deg,var(--light),var(--light)) !important;
   
}
.brk-abs-overlay.gradient.brk-z-index-10 {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(147deg, rgba(0,0,0,1) 0%, rgba(8,8,8,0) 100%);
    background: -webkit-linear-gradient(147deg, rgba(0,0,0,1) 0%, rgba(8,8,8,0) 100%);
    background: linear-gradient(147deg, rgba(0,0,0,1) 0%, rgba(8,8,8,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#080808",GradientType=1);
}
.consultoria .slick-dots {
    display: none;
}
.letter-1 {
	letter-spacing: -1px;
}
.brk-tiles-simple__content p {
   
    margin-bottom: 20px !important;
    display: block;
    color: #f1f1f1 !important;
}
.brk-tiles-full__content span {
    color: var(--white);
}

.brk-team-strict__name, .brk-team-strict__social {
    color: #fff;
    position: absolute;
    bottom: 29px;
    left: 9px !important;
 
}

@media (max-width: 600px) {
  .glitch {
    font-size: 31px;
}
#slide-42-layer-17 {
    width: 340px;
    margin: 0 auto;
    display: none;
}
.brk-header-mobile-wrap__header {
    width: 360px;
}

.font__size-64 {
    font-size: 2rem;
}
.lema {
    text-align: center;
}
.font__size-21 {
    font-size: 15px;
}
.line__height-68 {
    line-height: 35px;
}
.pt-100 {
    padding-top: 20px !important;
}
.mb-50 {
    margin-bottom: 10px !important;
}
.logofooter {
		display:none;
}
#toTop {
		display:none;
}
.empresa {
	padding-top:20px !important;
}
.logo-set__img {
    opacity: .3 !important;
    max-height: 100px;
}
.soluciones {
	display:none;
}
.proyectos {
	
	margin-top:20px;
}
.proyectos h2 {
    font-size: 37px;
}
.serv h5 {
    font-size: 24px;
    margin-top: 10px !important;
    line-height: 30px !important;
}
.mobile-case-1 {
    width: 242px;
    height: 400px !important;
    z-index: 2;
}
.serv h4 {
    font-size: 20px !important;
}
}