/*
Theme Name:  DfactorLat
Theme URI: https://www.developmentfactor.lat/
Description: DfactorLat.
Author: jlTech
Author URI: #
Version: 1.0
Tags: white, fixed-width, custom-header, custom-background
*/
html{
  scroll-behavior: smooth;
}
body {

  cursor : url("/wp-content/themes/dfactorlat/images/puntero.png"), auto}
a{
  cursor : url("/wp-content/themes/dfactorlat/images/puntero.png"), auto

}
.c-layout-page, .container, .container_pager_experiencias{
 /* overflow-y: hidden;*/

}

@font-face {
  font-family: 'myriad_proregular';
  src: url('/wp-content/themes/dfactorlat/fonts/myriadpro-regular-webfont.woff2') format('woff2'),
       url('/wp-content/themes/dfactorlat/fonts/myriadpro-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.uppercase{
  text-transform: uppercase;
}



@font-face {
  font-family: 'gothamblack';
  src: url('/wp-content/themes/dfactorlat/fonts/gotham-black-webfont.woff2') format('woff2'),
       url('/wp-content/themes/dfactorlat/fonts/gotham-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'gothambold';
  src: url('/wp-content/themes/dfactorlat/fonts/gotham-bold-webfont.woff2') format('woff2'),
       url('/wp-content/themes/dfactorlat/fonts/gotham-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'gothambook';
  src: url('/wp-content/themes/dfactorlat/fonts/gotham-book-webfont.woff2') format('woff2'),
       url('/wp-content/themes/dfactorlat/fonts/gotham-book-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'gothamlight';
  src: url('/wp-content/themes/dfactorlat/fonts/gotham-light-webfont.woff2') format('woff2'),
       url('/wp-content/themes/dfactorlat/fonts/gotham-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'gothamultra';
  src: url('/wp-content/themes/dfactorlat/fonts/gotham-ultra-webfont.woff2') format('woff2'),
       url('/wp-content/themes/dfactorlat/fonts/gotham-ultra-webfont.woff') format('ik8¡+,<*woff');
  font-weight: normal;
  font-style: normal;

}

.title_parallax{
  font-family: 'gothamultra';
  font-size: 89px;
  color: #fff;
    
}
.descriptions{
  font-family: 'gothambook';
  font-size: 21px;
  color: #fff;

}
.center_text{
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);

}
.first_block{
  background-color: #22264d;
  background-image: url('/wp-content/themes/dfactorlat/images/background1.png');

}
.center_text h2{
  margin: 0;

}

.parallax-containerr, .parallax-containerr .container{
  height: 100%;
}
.relative{
  position: relative;
}
#particles-js .parallax-containerr{
  position: absolute;
  width: 100%;

}
.text1{
  font-family: 'gothamblack';
    font-size: 55px;
    color: #fff;
    line-height: .8;
    position: absolute;
    z-index: 2;
    top: 68px;

}
.text2{
  font-family: 'gothamultra';
    font-size: 144px;
    color: #e24000;
    line-height: .8;
    position: absolute;
    left: 201px;
    top: 26px;

}
.img1{
  position: absolute;
  top: -60px;
  left: 138px;
  display: none;
}
.img2{
  position: absolute;
  /*top: -84px;
  right: 180px;*/
  top: -56px;
  right: 113px;
  
}
.img3{
  position: absolute;
  right: 201px;
  bottom: -99px;
  display: none;
  
}
.center_text2{
  width: 814px;
  height: 269px;
  top: 50%;
  margin-top: -134px;
  left: 50%;
  margin-left: -412px;
}
body{
  font-weight: 300;
  font-size: 15px;
  line-height: 1.7;
  color: #c4c3ca;
  background-color: #1f2029;
  overflow-x: hidden;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
}
html{
  margin: 0;
}



/* #Primary style
================================================== */

.section {
    position: relative;
  width: 100%;
  display: block;
}
.over-hide{
  overflow: hidden;
}
.full-height {
  height: 100vh;
}

/* #Navigation
================================================== */
 
.cd-header{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: #22264d;
  height: 76px;
  padding: 5px 0;
} 
.header-wrapper{
  position: relative;
width: calc(100% - 100px);
margin-left: 50px;
} 
.logo-wrap {
position: absolute;
display:block;
left:0;
top: 40px;
    top: 12px;

}
.logo-wrap a {

  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  transition : all 0.3s ease-out;
}
.logo-wrap a span{ 
  color: #8167a9;
}
.logo-wrap a:hover {
  opacity: 0.9;
}

.social_media{
  float: left;
  display: inline-block;
  position: relative;
  margin-top: 26px;

}
.container_right{
  float: right;
  display: inline-block;
  position: relative;


}
.social_media ul li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  list-style: none;

}

.nav-but-wrap{ 
  position: relative;
  display: inline-block;
  float: right;
  padding-left: 15px;
  padding-top: 15px;
  margin-top: 16px;
  transition : all 0.3s ease-out;
}
.menu-icon {
  height: 30px;
  width: 30px;
  position: relative;
  z-index: 2;

  display: block;
}
.menu-icon__line {
  height: 2px;
  width: 30px;
  display: block;
  background-color: #fff;
  margin-bottom: 7px;
  -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
  transition: background-color .5s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, background-color .5s ease;
  transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
  width: 16.5px;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.menu-icon__line-right {
  width: 16.5px;
  float: right;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
  width: 30px;
}

body.nav-active .menu-icon__line {
  background-color: #fff;
  -webkit-transform: translate(0px, 0px) rotate(-45deg);
  transform: translate(0px, 0px) rotate(-45deg);
}

body.nav-active .menu-icon__line-left {
  width: 15px;
  -webkit-transform: translate(2px, 4px) rotate(45deg);
  transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
  width: 15px;
  float: right;
  -webkit-transform: translate(-3px, -3.5px) rotate(45deg);
  transform: translate(-3px, -3.5px) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
  width: 15px;
}


.nav {
  position: fixed;
  z-index: 98;
}
.nav:before, .nav:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(20, 21, 26,0.6);
  border-bottom-left-radius: 200%;
  z-index: -1;
  -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  -webkit-transform: translateX(100%) translateY(-100%);
          transform: translateX(100%) translateY(-100%);
}

.nav:after {
  background: rgba(34,38,77,1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.nav:before {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}
.nav__content {
  position: fixed;
  visibility: hidden;
  top: 50%;
  margin-top: 20px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 100%;
  height: 100%;
  text-align: center;
}
.nav__list {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 2;
  width: 622px;
  right: 0;
  float: right;
  top: 250px;
}
.nav__list-item {
  position: relative;
  display: block;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  opacity: 0;
  text-align: center;
  color: #fff;
  overflow: hidden; 
  font-size: 8vh;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 3px;
  -webkit-transform: translate(100px, 0%);
          transform: translate(100px, 0%);
  -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
  transition: opacity .2s ease, -webkit-transform .3s ease;
  transition: opacity .2s ease, transform .3s ease;
  transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'gothambook';
  text-transform: capitalize;
  font-size: 55px;
  text-align: left;
  padding-left: 102px;
}
.nav__list-item:hover::before, .nav__list-item.active-nav:before {
  background-color: #fff !important;

}
.nav__list-item a{ 
  position: relative;
  text-decoration: none;
  color: #fff;
  overflow: hidden; 
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 900;
  z-index: 2;
  display: inline-block;
  text-transform: uppercase;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
    font-family: 'gothambook';
    text-transform: capitalize;
    font-size: 55px;
}

.nav__list-item a:hover:after{ 
  height: 4px;
  opacity: 1;
  left: 0;
  width: 100%;
}
.nav__list-item a:hover{
  color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a{
  color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a:after{ 
  height: 4px;
  opacity: 1;
  left: 0;
  width: 100%;
}
body.nav-active .nav__content {
  visibility: visible;
}



body.nav-active .nav:before, body.nav-active .nav:after {
  -webkit-transform: translateX(0%) translateY(0%);
          transform: translateX(0%) translateY(0%);
  border-radius: 0;
}
body.nav-active .nav:after {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
body.nav-active .nav:before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body.nav-active .nav__list-item {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(1) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(2) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(3) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-child(4) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-child(5) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-child(6) {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-child(7) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
body.nav-active .nav__list-item:nth-child(8) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
body.nav-active .nav__list-item:nth-child(9) {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
body.nav-active .nav__list-item:nth-child(10) {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.submenu li{
  display: inline-block;
  vertical-align: top;
}
.nav__list-item .submenu{
  font-size: medium;
  margin: 0;
  padding-left: 10px;
}
.nav__list-item .submenu  li a{
  font-family: 'gothambook';
  color: #fff;
  font-size: 13px;
  display: block;
  padding: 0 1px;
}
.nav__list-item .submenu  li a:hover, .nav__list-item.active-nav .submenu  li.active-nav a{
  color: #e24000;

}
.nav__list .nav__list-item:before{
  content: '1';
  position: absolute;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid #e24000;
  display: inline-block;
  left: 0;
  top: 0;
  font-family: 'gothambook';
  font-size: 32px;
  color: #e24000;
  line-height: 1.5;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.nav__list .nav__list-item:nth-child(2)::before{
  content: '';
  background: url('/wp-content/themes/dfactorlat/images/arrow_menu.png') no-repeat center center ;

}
.nav__list .nav__list-item:nth-child(3)::before{
  content: '2';

}
.nav__list .nav__list-item:nth-child(4)::before{
  content: '3';

}
@media screen and (max-width: 580px){
  .switch-wrap h1 {
    font-size: 32px;
  }
}


/* #Link to page
================================================== */

.link-to-portfolio {
    position: fixed;
    bottom: 40px;
    right: 50px;
    z-index: 200;

    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 3px;
    background-position: center center;
    background-size: 65%;
  background-repeat: no-repeat;
    background-image: url('https://assets.codepen.io/1462889/fcy.png');
    box-shadow: 0 0 0 2px rgba(255,255,255,.1);
    transition: opacity .2s, border-radius .2s, box-shadow .2s;
    transition-timing-function: ease-out;
}
.link-to-portfolio:hover {
    opacity: 0.8;
    border-radius: 50%;
    box-shadow: 0 0 0 20px rgba(255,255,255,.1);
}
.container_img_top{
    position: absolute;
    left: 0;
    top: 0;

}
.container_img_bottom{
    position: absolute;
    right: 0;
    bottom: 0;

}
.nav__content .container{
  min-height: 100vh;
}
/* Home*/
#features article{
  width: 100%;
  height: 100vh;
  overflow: hidden;

}
.parallax-container{
  height: 100% !important;

}
.container_bottom{
  position: absolute;
  bottom: 0;
  font-family: 'gothambook';
  color: #fff;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 50px;
  font-size: 20px;

}
.container_bottom span{
  /*color: #e24000;*/


}
@media only screen and (min-width: 993px) {
  .container {
      width: 84%;
  }
}

.container2 {
  position: relative;
  width: 876px;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
  
}
.target {
  width: 100px;
  height: 100px;
  background-color: #eb7a4d;
  position: absolute;
  transform: rotate(45deg);
  transition: transform 1s, opacity 1s;
  opacity: 0; /* Initially hidden */
  margin-top: 110px;
  margin-left: 39px;
}
.position {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  rotate: 45deg;
  border: 2px dashed #16161f;
  margin-top: 110px;
  margin-left: 39px;
   /* Initially hidden */
}
/* Define positions */
#pos1 { }
#pos2 {  }
#pos3 {  }
#pos4 {  }
#pos5 { }
.HowDoWeDoIt{
  background: #fff;
  height: auto !important;
  padding-bottom: 60px;
  padding-top: 100px;

}
.content_pos{
  rotate: -45deg;
  font-family: 'gothambook';
  font-size: 10px;
  color: #22264d;
  text-align: center;
  top: 50%;
  position: relative;
  height: 56px;
  margin-top: -28px;
  transition: all ease-in-out .5s;
  line-height: 1.2;


}
.num{
  font-size: 15px;
  font-family: 'gothamultra';
  display: block;

}
.active .content_pos{
  color: #fff;

}
.container_title{
  position: relative;
  width: 620px;
  height: 254px;
  margin: 0 auto;
}
.container_title .text1{
  color: #22264d;
  left: 45px;

}
.container_title .text2{
  text-align: right;


}
.text_clientes{
  font-family: 'gothamblack';
  font-size: 34px;
  color: #e24000;
  text-align: center;
  margin: 80px 0;

}
.text_clientes span{
  color: #22264d;
}
.proyect {
  background: #22264d;
  height: auto !important;
  padding-bottom: 60px;
}


.marquee {
  position: relative;
  overflow: hidden;
  height: 110px;
}

.marquee .wrapper {
  position: absolute;
  overflow: hidden;
  width: 200%;
  animation: marquee 8s linear infinite;
}

.marquee .wrapper div {
  float: right;
  width: auto;
  margin: 0 80px;
}
.marqueetext1, .marqueetext2{
  font-family: 'gothamultra';
  font-size: 89px;
  color: #fff;
  display: inline-block;
  margin: 0 10px;
}
.marqueetext1{
  -webkit-text-stroke: 2px #e24000;
  color: transparent;
}

@keyframes marquee {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}

.hero-section {
  position: relative;
  overflow: hidden;
  font: 900 9vw/1 sans-serif;
}
.item{
  width: 70px;
  margin: 0 40px;
  display: inline-block;

}

.marquee-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  gap: 1rem;
  border-radius: 1rem;
}
.marquee-wrapper .marquee-content {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 1rem;
  cursor: grab;
}
.marquee-wrapper .marquee-content .card-testimonial {
  max-width: 400px;
  background-color: #333;
  padding: 1rem;
  border-radius: 1rem;
  color: #f5f5f5;
}
.marquee-wrapper .marquee-content .card-testimonial article picture {
  position: relative;
  min-width: 200px;
}
.marquee-wrapper .marquee-content .card-testimonial article picture img {
  width: 100%;
  height: 340px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 15%;
  object-position: 50% 15%;
}
.marquee-wrapper .marquee-content .card-testimonial article h4 {
  font-size: 20px;
  text-transform: capitalize;
  margin-block: 1rem;
}
.marquee-wrapper .marquee-content .card-testimonial article article.short-description p {
  font-family: var(--ff-heading);
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 1.2rem;
}
@media (max-width: 1024px) {
  .marquee-wrapper {
    overflow: auto;
  }
}
.scrollingX {
  animation: scroll 8s linear infinite;
}
.marquee-wrapper:hover .scrollingX {
  animation-play-state: paused;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 1rem));
  }
}



@keyframes slide {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.logos {
  overflow: hidden;
  padding: 60px 0;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}



.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 70s slide infinite linear;
}

.logos-slide div {
  margin: 0 40px;
  display: inline-block;
}


@keyframes slide2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


.logos2 {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos2:before,
.logos2:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos3 {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos3:before,
.logos3:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos4 {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos4:before,
.logos4:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}
.item_crew{
  display: inline-block;
}




.logos2:hover .logos-slide2 {
  animation-play-state: paused;
}

.logos-slide2 {
  display: inline-block;
  animation: 70s slide2 infinite linear;
}

.logos-slide2 img {
  margin: 0 40px;
}

.logos4:hover .logos-slide4 {
  animation-play-state: paused;
}

.logos-slide4 {
  display: inline-block;
  animation: 90s slide2 infinite linear;
}

.logos-slide4 img {
  margin: 0 0px;
}


.logos3:hover .logos-slide3 {
  animation-play-state: paused;
}

.logos-slide3 {
  display: inline-block;
  animation: 70s slide2 infinite linear;
}

.logos-slide3 img {
  margin: 0 40px;
}
.container_text_title{
  font-family: 'gothamultra';
  font-size: 89px;
  color: #e24000;
  max-width: 737px;
  line-height: 1;
  text-transform: uppercase;
}
.container_text_description{
  font-size: 21px;
  font-family: 'gothambook';
  color: #fff;
  text-align: right;
  display: ruby-text;
  padding-right: 300px

}
.container_text_description strong{
  font-family: 'gothambold';
}
.container_text_description .container_description {
  max-width: 390px;
  text-align: left;

}
.container_text_description .container_description {
  font-size: 21px;
  font-family: 'gothambook';


}
.container_text_description .container_description a {

  border: 2px solid #e24000;
  color: #fff;
  font-family: 'gothambold';
  font-size: 15px;
  padding: 15px 50px;
  display: inline-block;
}
.container_page_proyectos{
  min-height: auto;
  background-color: #fff;
  background-image: url('/wp-content/themes/dfactorlat/images/background1.png');
  padding-bottom: 60px;
}
.container_page_proyectos .container_title{
 top: 85px ;
 position: relative;


}
header.header-page .menu-icon__line{
 background: #e24000;
}
.container_menu{
  text-align: center;
  display: block;
  margin-top:95px;
}
.container_menu ul li{
  display: inline-block;
  vertical-align: middle;
}
.container_menu ul li div{
  font-family: 'gothamultra';
  font-size: 47px;
  color: #22264d;
  display: block;
  padding: 5px;
}
.container_menu ul li div.active{
  color: #e24000;
  border: 2px solid #e24000;
}
.bottom_proyectos{
  background: #fff;
 
}
.bottom_proyectos .marqueetext2{
  color: #22264d;

}
/* efect proyecto*/
.none{
  display: none;
}
.show{
  display: block;

}



.info {
  transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  pointer-events: none;
  background-color: rgba(226, 64, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.info p{
  font-family: 'gothamultra';
  font-size: 13px;
  text-transform: uppercase;

}
.in-top .info {
  transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
          animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right .info {
  transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
          animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom .info {
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
          animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left .info {
  transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
          animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top .info {
  transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
          animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right .info {
  transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
          animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom .info {
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
          animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left .info {
  transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
          animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}
@keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}
@-webkit-keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}
@keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}
/* you can ignore this ones */
ul {
  padding: 0;
  margin: 0 0 50px;
}
ul:after {
  content: "";
  display: table;
  clear: both;
}

li.card_item {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
li.card_item a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  border-radius: 4px;
}
li h3 {
  margin: 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
}
li p {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
li.card_item .normal {
  width: 100%;
  height: 100%;
  background-color: #ECF0F1;
  color: rgba(52, 73, 94, 0.6);
  box-shadow: inset 0 2px 20px #e6ebed;
  text-align: center;
  font-size: 50px;
  line-height: 200px;
}
li.card_item .normal svg {
  pointer-events: none;
  width: 50px;
}
li .normal svg path {
  fill: rgba(52, 73, 94, 0.2);
}
li.card_item {
  perspective: 25%;
  width: 25%;
  display: inline-block;
  height: auto;
}
li.card_item img{
  width: 100%;
  display: block;
  height: auto;

}
.header-page .nav-but-wrap {
  margin-top: 13px;
}
.container_page_proyectos .container_title .text1{
  top: 12px;
  left: 88px;

}
.container_article_proyecto{
  background: #22264d;
padding-bottom: 120px;
  position: relative;
}
.Container_video img{
  width: 100%;
  height: auto;
  display: block;

}
.title_proyecto{
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 70px;
}
.title_proyecto h1{
  font-size: 89px;
  color: #e24000;
  font-family: 'gothamultra';
  text-transform: uppercase;

}
.content_article{
  font-family: 'gothambook';
  font-size:14px;
  color: #fff;
  width: 32%;
  display: inline-block;
  margin-left: 50%;
  line-height: 1.3;
}
.arrow_1{
position: absolute;
right: 0;
top: 180px;
}
.arrow_2{
  position: absolute;
left: 0;
bottom: 0;

}
.container_marquee1{
  background: #fff;


}
.container_marquee1 .marqueetext2{
  color: #22264d;
  text-transform: uppercase;
  
}
.container_resultados{
  background: #22264d;
  padding: 80px 0;
}
.container_resultados ul {
  display: block;
  text-align: center;
  margin: 0;
}
.container_resultados ul li{
  display: inline-block;
  vertical-align: top;
  width: 200px;
  margin: 0 7px;
}
.container_resultados ul li:nth-child(2n) .valor{
  -webkit-text-stroke: 2px #e24000;
  color: transparent;
}
.container_resultados ul li .title{
  color: #fff;
  font-family: 'gothambook';
  font-size: 13px;
  line-height: .8;
  padding-top: 30px;

}
.container_resultados ul li .valor{
  color: #e24000;
  font-family: 'gothamultra';
  font-size: 55px;
  line-height: .8;
  min-height: 110px;

}
.container_resultados ul li .title p{
  margin: 0;

}
.top_eventos{
  min-height: 100vh;
  background-color: #fff;
  background-image: url('/wp-content/themes/dfactorlat/images/background1.png');



}
.container_pager_eventos, .container_pager_experiencias .top_eventos, .container_pager_mkt .top_eventos{
  overflow: hidden;
}
.container_title_top{
 /* display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;*/

}
.the_content{
  text-align: center;
  font-size: 21px;
  font-family: 'gothamultra';
  color: #22264d;
  margin-top: 50px;
  
}
.container_title_top .container_title {
  width: 758px;
    height: 137px;
}
.container_title_top .text1 {
  left: 0px;
  top: 3px;
}
.container_title_top .text2 {
  left: 42px;
  top: 26px;
}
.container_title_top{
  height: 222px;
  top: 50%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -111px;
}
.h100{
  min-height: 100vh;

}
.container_pager_eventos .parallax-containerr, .container_pager_eventos .parallax-containerr .container{
  height: 100vh;
}
.container_pager_experiencias .parallax-containerr, .container_pager_experiencias .parallax-containerr .container{
  height: 100vh;
}

.container_pager_experiencias .container_title_top .container_title {
  width: 1151px;
}
.container_pager_experiencias .the_content, .container_pager_mkt .the_content, .container_pager_tecnologia .the_content{
  max-width: 825px;
  margin: 60px auto 0;
}
.more{
  color: #fff;
display: block;
width: 235px;
border: 2px solid #e24000;
font-family: 'gothamultra';
font-size: 15px;
margin: 40px auto 0;
padding: 17px 0;
}
.container_tecnologia_bottom{
  background: #22264d;
  padding-bottom: 160px;
}
.container_tecnologia_bottom .content_image{
  position: absolute;
  right: 180px;
  top: 70px;

}
.g89{
  font-family: 'gothamultra';
  font-size: 89px;
  color: #e24000;
  line-height: .9;
  z-index: 2;
  text-transform: uppercase;

}
.gb34{
  font-family: 'gothambook';
  font-size: 34px;
  color: #fff;
  
}
.container_bloque2{
  max-width: 841px;

}
.container_bloque2 .title2{

  padding-top: 114px;
  display: block;
  position: relative;

}
.container_bloque2 .descriptio2{
  max-width: 595px;
  line-height: 1.1;
  padding: 80px 0;

}
.galery{

}
.container_item_galery{


}
.container_item_galery .content_image_galery{
  width: 70%;
  display: inline-block;
  vertical-align: middle;

}
.container_item_galery .content_image_galery img{
  width: 100%;
  height: auto;
  display: block;

}
.container_item_galery .content_text_galery{
  width: 29%;
  display: inline-block;
  vertical-align: middle;

}
.container_item_galery .content_text_galery p{
  padding-left: 34px;
}
.content_text_galery .title_galery{
  font-family: 'gothamultra';
  font-size: 13px;
  color: #e24000;

}
.content_text_galery .description_galery{
  font-family: 'gothambook';
  font-size: 13px;
  color: #fff;

}
.galery .slick-prev {
  left: -51px;
}
.galery .slick-next {
  right: -51px;
}
.galery .slick-prev,.galery .slick-next{
  width: 41px;
  height: 41px;

  
}
.galery .slick-prev:before{
  content: '';
  background-image: url(/wp-content/themes/dfactorlat/images/arrow_left.png);
  background-repeat: no-repeat;
  width: 41px;
  height: 41px;
  display: block;

}
.galery .slick-next:before{
  content:'';
  background-image: url(/wp-content/themes/dfactorlat/images/arrow_right.png);
  background-repeat: no-repeat;
  width: 41px;
  height: 41px;
  display: block;

}
.container_pager_mkt .container_title_top .container_title {
  width: 950px;
  height: 251px;
}
.container_pager_tecnologia .container_title_top .container_title {
  width: 973px;
}
.container_pager_mkt .container_title_top .container_title .text2 {
  text-align: left;
}

.rw-wrapper{
	width: 80%;
	position: relative;
	margin: 0 auto 0 auto;
	font-family: 'Bree Serif';
	padding: 10px;
}
.rw-sentence{
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.rw-sentence span{
	color: #444;
	white-space: nowrap;
	font-size: 200%;
	font-weight: normal;
}
.rw-words{
	display: inline;
	text-indent: 10px;
}
.rw-words span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	color: #e24000;
  font-size: 144px;
  font-family: 'gothamultra';
}
.rw-words-2 span{
	animation: rotateWordsFirst 18s linear infinite 0s;
}

.rw-words span:nth-child(2) { 
	animation-delay: 3s; 
	color: #6b889d;
}
.rw-words span:nth-child(3) { 
	animation-delay: 6s; 
	color: #6b739d;	
}
.rw-words span:nth-child(4) { 
	animation-delay: 9s; 
	color: #7a6b9d;
}
.rw-words span:nth-child(5) { 
	animation-delay: 12s; 
	color: #8d6b9d;
}
.rw-words span:nth-child(6) {  
	animation-delay: 15s; 
	color: #9b6b9d;
}
@keyframes rotateWordsSecond {
  0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
  10% { opacity: 0.3; width: 0px; }
20% { opacity: 1; width: 100%; }
  27% { opacity: 0; width: 100%; }
  100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
  0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
  8% { opacity: 1; height: 60px; }
  19% { opacity: 1; height: 60px; }
25% { opacity: 0; height: 60px; }
  100% { opacity: 0; }
}
.container_pager_nosotros .container_title_top .container_title {
  width: 1035px;
  height: 137px;
}
.container_pager_nosotros .container_title_top .text1{
  text-align: center;
  display: block;
  left: 0;
  right: 0;
  
}
.botom_nosotros{
  background: #fff;
}
.botom_nosotros .marqueetext2{
  color: #22264d;

}
.content_nosostros{
  font-size: 13px;
  color: #323232;
  font-family: 'gothambook';
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.item_crew{
  margin: 0 8px;
  text-align: center;

}
.item_crew img{
  margin-bottom: 15px;
}
.item_crew p{
  font-family: 'gothambold';
  font-size: 13px;
  color: #22264d;
  margin: 0 0 0px;

}
.item_crew p.caption{
  color: #8c8c8c;
}
.container_boss{
  max-width: 760px;
  margin: 0 auto;
  display: block;
}
.container_img_boss{
  display: inline-block;
  vertical-align: middle;
  max-width: 245px;
}
.container_img_boss img{
  display: block;
  width: 100%;

}
.container_caption_boss{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 250px);
  font-family: 'gothambook';
  font-size: 13px;
  color: #323232;
}
.container_caption_boss > div{
  padding-left: 25px;

}
.container_caption_boss h3{
  font-family: 'gothamultra';
  font-size: 52px;
  color: #22264d;

  margin-top: 0;
}
.container_pager_contacto .top_contacto{
  min-height: 100vh;
  background-color: #fff;
  background-image: url('/wp-content/themes/dfactorlat/images/bg_contacto.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;


}
.container_pager_contacto .top_contacto .container_title{
  width: 660px;
  text-transform: uppercase;

}
.container_pager_contacto .top_contacto .container_title .text2{
  font-size: 89px;

}
.container_pager_contacto .top_contacto .container_title_top {
  height: 320px;
  top: 50%;
  display: block;
  position: absolute;
  left: 0;
  right: inherit;
  margin-top: -160px;
}
.content_nosostros h2{
  font-family: 'gothamultra';
  font-size: 34px;
  color: #22264d;
  margin: 0;
  padding: 50px 0 30px;
  display: block;

}
.footer{
  background: #22264d;
  padding: 70px 0 20px;
}
.menu_footer a{
  font-family: 'gothambook';
  font-size: 13px;
  color: #fff;
  line-height: .8;

}
.title_menu{
  color:#e24000;
  font-family: 'gothamlight';
  font-size: 13px;

}
.top_contacto .container{
  height: 100vh;

}
.botom_nosotros{
  background-color: #fff;
  background-image: url('/wp-content/themes/dfactorlat/images/background1.png');
}

#container_events0 .parallax-containerr .circle-out-clone a,
#container_tec .parallax-containerr .circle-out-clone a,
#container_exp .parallax-containerr .circle-out-clone a,
#container_mkt .parallax-containerr .circle-out-clone a{
  color: #000;

}
.container3{
  width: 100%;
  overflow: hidden;
  text-align: center;
  height: 236px;
  display: none;

}


.content__container__list {
  margin-top: 0;
  padding-left: 110px;
  text-align: left;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
.content__container__list__item {
  line-height: 144px;
  margin: 0;
}
.container_pager_nosotros .container_title_top .text2 {
  height: 144px;
  overflow: hidden;
}

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}


/*Responsive*/

@media only screen and (max-width: 998px) {
  .circle-out, .circle-out2 {
    display: none;
}
.circle-out-clone{
  display: block !important;
  margin: 0 auto;
}


}
@media only screen and (max-width: 961px) {
  .container2{
    display: none;
  }
  .container3{
    display: block;
  }
}

@media only screen and (max-width: 890px) {
  .center_text2 {
    width: 698px;
    height: 217px;
    top: 50%;
    margin-top: -108px;
    left: 50%;
    margin-left: -349px;
}
.text2 {
  font-size: 100px;
  left: 201px;
  top: 26px;
}
.content__container__list__item {
  line-height: 100px;
  margin: 0;
}
.container_pager_nosotros .container_title_top .text2 {
  height: 100px;
}
.text1 {

  font-size: 30px;
  top: 68px;
  left: 93px;
}
.title_parallax {
  font-size: 64px;
}
.descriptions {
  font-family: 'gothambook';
  font-size: 18px;
  color: #fff;
}
.container_title .text1 {
  color: #22264d;
  left: 119px;
}
.marqueetext1, .marqueetext2 {
  font-size: 64px;
}
.container_text_title{
  font-size: 64px;

}
#features .proyect{
  height: auto;
  min-height: auto;
  padding-bottom: 40px;
}
.container_pager_nosotros .container_title_top .container_title {
  width: 756px;
  height: 108px;
}
.container_title_top .text2 {
  left: 42px;
  top: 19px;
}
.container_caption_boss h3 {
  font-size: 27px;
}
.container_menu ul li div{
  font-size: 22px;
}
.container_page_proyectos .container_title .text1 {
  top: 19px;
  left: 0;
}
.container_page_proyectos .container_title .text2 {
  top: 25px;
}
.container_title_top .container_title {
  width: 589px;
  height: 105px;
}
.container_pager_experiencias .container_title_top .container_title {
  width: 850px;
}
.g89 {
  font-family: 'gothamultra';
  font-size: 64px;
  color: #e24000;
  line-height: .9;
  z-index: 2;
  text-transform: uppercase;
}
.gb34 {
  font-family: 'gothambook';
  font-size: 25px;
  color: #fff;
}
.container_tecnologia_bottom .content_image {
  position: absolute;
  right: 0;
}
.container_pager_mkt .container_title_top .container_title {
  width: 723px;
  height: 183px;
}
.container_pager_tecnologia .container_title_top .container_title {
  width: 731px;
}
.title_proyecto h1 {
  font-size: 64px;
  color: #e24000;
  font-family: 'gothamultra';
  text-transform: uppercase;
}
.container_resultados ul li {
  display: inline-block;
  vertical-align: top;
  width: 29%;
  margin: 0 10px 34px;
}
.container_resultados ul li .valor {
  color: #e24000;
  font-family: 'gothamultra';
  font-size: 35px;
  line-height: .8;
  min-height: 42px;
}
.container_img_top{
width: 200px;
padding: 0;
left: 55px;
}
.container_img_top img{
  width: 100%;
}
.arrow_1{
  width: 200px;
}
.arrow_1 img{
  width: 100%;
}
.arrow_2{
  width: 200px;

}
.arrow_2 img{
  width: 100%;
}
.content_article {
  margin-left: 50%;
}
.nav__list-item a, .nav__list-item:nth-child(2) {
  font-size: 35px;
 
}
.nav__list .nav__list-item:before {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 1.5;
}




.footer {
  text-align: center;
}
.footer .social_media {
  float: initial;
}

#features article{
  overflow: hidden;
}


.circle-out{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#top_evento2 .circle-out2, .top_eventos .circle-out2 {
  background: #22264d;
  color: #fff;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
}

}

@media only screen and (max-width: 768px) {


}
@media only screen and (max-width: 807px) {
  .content__container__list__item {
    line-height: 60px;
    margin: 0;
  }
  .container_pager_nosotros .container_title_top .text2 {
    height: 60px;
    left: 24%;
    font-size: 60px;
  }
  .container_pager_experiencias .container_title_top .text2 {
    height: 60px;
    left: 0;
    font-size: 60px;
  }
  .container_pager_experiencias .container_title_top .container_title {
    width: 613px;
}
  .container_pager_experiencias .container_title_top .container_title {
    width: 464px;
    height: 105px;
  }
  .container_title_top .text2 {
    height: 60px;
    left: 0;
    font-size: 60px;
  }
  .container_page_proyectos .text2{
    font-size: 60px;

  }
  .container_pager_eventos .container_title_top .container_title {
    width: 305px;
    height: 105px;
}
.container_pager_tecnologia .container_title_top .container_title {
  width: 416px;
}
.container_page_proyectos .container_title .text2 {
  top: 25px;
  left: 48px;
}
.container_page_proyectos  .container_title {
  width: 265px;
  height: 138px;
}
.container_pager_contacto .top_contacto .container_title {
  width: 454px;
  text-transform: uppercase;
  height: 165px;
}
.container_pager_contacto .top_contacto .container_title .text2 {
  font-size: 60px;
}
.g89 {
  font-size: 42px;

}
.container_bloque2 {
  max-width: 427px;
}
.container_item_galery .content_image_galery {
  width: 100%;
  display: block;
  vertical-align: middle;
}
.container_item_galery .content_text_galery {
  width: 100%;
  display: block;
  vertical-align: middle;
}



}

@media only screen and (max-width: 607px) {
  .center_text2 {
    width: 340px;
    height: 211px;
    top: 17%;
    margin-top: 0;
    left: 50%;
    margin-left: -170px;
    overflow: hidden;
}

.text1 {
  font-size: 25px;
  top: 117px;
  left: 0;
}
.logos4 {
  padding: 13px 0;
}
.container_title .text1 {
  font-size: 25px;
  top: 10px;
  left: 0;
}
.img2 {
  position: absolute;
  top: 41px;
  right: 19px;
}
.img2 img{
  width: 50px;

}
.container_bottom {
  width: 86%;
  left: 0;
  bottom: 85px;
  font-size: 20px;
  right: 0;
  margin: auto;
}


.title_parallax {
  font-size: 40px;
}
.descriptions {
  font-size: 16px;
}
.container_title {
  position: relative;
  width: 334px;
  height: 129px;
  margin: 0 auto;
}
 .container_title .text1 {
  color: #22264d;
  left: 0;
}
.text2 {
  font-size: 60px;
  left: 83px;
  top: 103px;
}
.container_title .text2 {
  font-size: 60px;
  left: 83px;
  top: 0px;
}
.text_clientes {
  font-size: 24px;
}
.marqueetext1, .marqueetext2 {
  font-size: 40px;
}
.logos, .logos2, .logos3 {
  overflow: hidden;
  padding: 25px 0;
  white-space: nowrap;
  position: relative;
}
.container_text_title {
  font-size: 30px;
  text-align: center;
}
.container_text_description {
  font-size: 21px;
  font-family: 'gothambook';
  color: #fff;
  text-align: center;
  display: ruby-text;
  padding-right: 0;
}
.container_text_description p{
  text-align: center;
}
.container_text_description .container_description a {
  display: block;
  text-align: center;
}
footer .social_media ul{
  margin: 10px 0;

}
.arrow_top{
  width: 50px;
}
.menu_footer{
  margin: 10px 0;
}
.footer {
  background: #22264d;
  padding: 26px 0 20px;
}

.nav__list {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 2;
  width: 271px;
  right: 0;
  float: right;
  top: 150px;
  padding-left: 0px !important;
}

.container_img_top {
  width: 200px;
  padding: 0;
  left: -59px;
}
.container_img_bottom {
  bottom: 27px;
}
.container_img_bottom img{
  width: 120px;

}
.nav__list-item {
  font-size: 30px;
  text-align: left;
  padding-left: 59px;
}
.submenu li {
  display: block;
  vertical-align: top;
  margin: 16px 0;
  padding-left: 15px;
}

.container2 {
  position: relative;
  width: 100%;
  height: 273px;
  overflow: hidden;
  margin: 0 auto;
}

.container_title_top .container_title {
  width: 342px;
  height: 74px;
}
.container_pager_tecnologia .container_title_top .container_title {
  width: 335px;
}
.g89 {
  font-family: 'gothamultra';
  font-size: 31px;
  color: #e24000;
  line-height: .9;
  z-index: 2;
  text-transform: uppercase;
}
.container_item_galery .content_image_galery {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.container_item_galery .content_text_galery {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.galery .slick-next {
  right: -30px;
}
.galery .slick-prev {
  left: -30px;
}
.galery{
  width: 80%;
  margin: 0 auto;  
}
.top_eventos .text2 {
  font-size: 42px;
  left: 35px;
  top: 26px;
}

.content__container__list__item {
  line-height: 42px;
  margin: 0;
}
.container_pager_nosotros .container_title_top .text2 {
  height: 42px;
  left: 10px;
}

.container_pager_eventos .container_title_top .container_title {
  width: 248px;
  height: 74px;
}
.container_tecnologia_bottom {
  padding-bottom: 40px;
}
.container_tecnologia_bottom .content_image {
  display: none;
}
.top_eventos{
  overflow: hidden;
}
.container_pager_experiencias .container_title_top .container_title {
  width: 357px;
}

.container_pager_mkt .container_title_top .container_title {
  width: 304px;
  height: 97px;
}
.the_content {
  font-size: 17px;
  width: 100%;
}
.container_title_top {
  height: 101px;
  width: 100%;
}
.container_pager_mkt{
  overflow: hidden;
}
.cd-header{
  overflow: hidden;
}
.cd-header .container {
  width: 95%;
  max-width: 100%;
}

.header-wrapper {
    position: relative;
    width: 100%;
    margin-left: 0px;
}
.logo_footer{
  width: 120px;
}
.container_right{
  display: block;
}
.c-layout-page{
  overflow: hidden;
}
.container_pager_contacto .top_contacto .container_title .text2 {
  font-size: 49px;
  text-align: left;
  left: 0;
}

.container_pager_contacto .top_contacto .container_title_top {
  height: 196px;
  top: 50%;
  display: block;
  position: absolute;
  left: 0;
  right: inherit;
  margin-top: -98px;
}
.container_pager_contacto .top_contacto .container_title {
  width: 100%;
  text-transform: uppercase;
}

.container_pager_nosotros .container_title_top .container_title {
  width: 100%;
  height: 108px;
}
.container_pager_nosotros .the_content {
  font-size: 14px !important;
}

.container_img_boss {
  display: block;
  vertical-align: middle;
  max-width: 245px;
  margin: 0 auto;
}

.container_caption_boss {
  display: block;
  width: 90%;
  font-size: 13px;
  text-align: center;
  margin: 20px auto 0;
}
.container_caption_boss > div {
  padding-left: 0;
}

li.card_item {
  perspective: 50%;
  width: 50%;
  display: inline-block;
  height: auto;
}

.title_proyecto {
  width: 100%;
  margin-top: 70px;
}

.title_proyecto h1 {
  font-size: 40px;
}


.content_article {
  font-family: 'gothambook';
  font-size: 14px;
  color: #fff;
  width: 100%;
  display: inline-block;
  margin-left: 0 !important;
  line-height: 1.3;
}

.nav__content .container {
  min-height: 100vh;
  width: 274px;
}


}
.container_img_top img{
  max-width: 300px;
}

#top_evento2 a{

    display: block;
    min-height: 100vh;

}
#top_evento2 .circle-out2, .top_eventos .circle-out2 {
  background: #22264d;
  color: #fff;

}
.top_eventos .circle-out2 a {
  color: #fff;

}

.container_iframevideo{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  z-index: 999;
  display: none;
}
.container_iframevideo iframe{
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 1;
  position: relative;
}
.container_iframevideo .closevideo{
  z-index: 9999;
  font-size: 20px;
  position: absolute;
  top: 60px;
  right: 60px;
  width: 40px;
  height: 40px;
  color: #e24000;
  font-family: 'gothamultra';
  border-radius: 50%;
  border: 2px solid #e24000;
  text-align: center;


}

#container_events0 .parallax-containerr a, 
#container_tec .parallax-containerr a,
#container_exp .parallax-containerr a,
#container_mkt .parallax-containerr a{
  color: #fff;
}

.circle-out, .circle-out2, .circle-out3, .circle-out4,.circle-out4, .circle-out6,.circle-out7, .circle-out8{
  font-family: 'gothambook';
  font-size: 13px;
  color: #0c0c15;
  background: #fff;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  position: absolute;
  transition: all .9s ease;
  text-align: center;
  line-height: 7;
  z-index: 20;
}
.circle-out-clone{
  font-family: 'gothambook';
  font-size: 13px;
  color: #0c0c15;
  background: #fff;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  position: relative;
  transition: all .9s ease;
  text-align: center;
  line-height: 7;
  z-index: 20;
  display: none;
}
#container_events0 .parallax-containerr .circle-out2 a, 
#container_tec .parallax-containerr .circle-out2 a,
#container_exp .parallax-containerr .circle-out2 a,
#container_mkt .parallax-containerr .circle-out2 a{
  color: #0c0c15;
  display: block;

}
.slider_HowDoWeDoIt .slick-slide {
  margin-right: 20px;
      padding-top: 300px;
      padding-bottom: 70px;

}

#particles-js{
/*  cursor:none;*/
}
.container_pager_nosotros .the_content{
  max-width: 768px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;

}

.first_block, .HowDoWeDoIt, .proyect{
  z-index: 60;
}
.top_eventos a{
  display: block;
  min-height: 100vh;

}
#container_events0, #container_tec, #container_exp, #container_mkt{
  overflow: hidden;

}
#main_tecnologia{
  overflow: hidden;
}
#main_tecnologia .circle-out{
  background: #22264d;
  color: #fff;

}
.slider_HowDoWeDoIt .position{
  width: 160px;
  height: 160px;
  position: relative;
  display: block;
  vertical-align: middle;
  rotate: 45deg;
  border: 2px dashed #16161f;
  margin-top: 0;
  margin-left: 32px;

}
.slick-center .position {
  background:#eb7a4d;
  color: #fff;

}
.slick-center .position .num, .slick-center .position .text_description {
  color: #fff;
}
.container_slider_home{
  width: 677px;
  transform: translate(-50%, -50%);
  left: 50%;
  position: relative;

}
.slider_HowDoWeDoIt .position .content_pos{
  rotate: -45deg;
  font-family: 'gothambook';
  font-size: 10px;
  color: #22264d;
  text-align: center;
  top: 50%;
  position: relative;
  height: 56px;
  margin-top: -28px;
  transition: all ease-in-out .5s;
  line-height: 1.2;

}