@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  50% {
    transform: translate(-10px, 75px) rotate(3deg);
  }
  100% {
    transform: translatex(0px, 0px) rotate(-10deg);
  }
}
.e404{
    -webkit-animation: float 6s ease-in-out infinite;
              animation: float 6s ease-in-out infinite;
}

.mayita:before{
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.45);
    background-image: url( ../images/ptn2.png );
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.mayita{
    position: relative;
}

.test img{
    transform: scale(1);
    transition: all 1s ease-out;
}
.test{overflow: hidden;}
.header {
    transform: translateY(0) !important;
}
h2{text-transform: capitalize !important;}
.text-capitalize{text-transform: capitalize;}
.hhdd,
.portfolioCard__content,
.teamCard__img .B,
.teamCard__img .A,
.seg{-webkit-transition: all !important;-webkit-transition-timing-function: ease-out !important;-webkit-transition-duration: 500ms !important;-moz-transition: all !important;-moz-transition-timing-function: ease-out !important;-moz-transition-duration: 500ms !important;}
.showed.span3 {
    display: block
}
.span3 {
    display: none
}
.info_project{
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 70%;
}
.mb-120{margin-bottom: 120px !important;}
img{width: 100%}
.p0{padding: 0 !important;background: black}
.info_project h3.f70{font-size: 70px !important;text-transform: initial;}
.slideLd img{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.line-through{
text-decoration: #BFE200 line-through ;
}
.height-100{height: 100vh}
.vertical-align{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.relative{position: relative;}
.element1{
    position: absolute;
    right: -5%;
    top: -17%;
    opacity: .3;
    width: 44%;
}
.element0 img{width: 100%}
.element0{
position: absolute;
right: -40%;
bottom: -50%;
-webkit-animation: greenball 20s infinite;
}



.element3 {
    position: absolute;
    left: -26%;
    top: -15%;
    -webkit-animation: greenball 10s infinite;
}
@-webkit-keyframes greenball {
0%   { -webkit-transform: scale(1);top:0%;   }
50% {  -webkit-transform: scale(2.5);top:70% ;   }
100% {  -webkit-transform: scale(1);top:0% ;   }
}
.section-mod{
padding:  120px 0 !important;
}
video {
background-color: #000;
height: auto;
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: auto;
z-index: -3;
background-size: cover;
display: table-cell;
vertical-align: middle;
}
.overlay:before{
content: "";
position: absolute;
background: rgba(0,0,0,0.45);
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.overlay{
position: relative;
}
.masthead__button a+a{margin-left: 20px;}


.audio_on {
    transform: translate(0,0);
    width: 68px;
    height: 68px;
    cursor: pointer;
    margin-left: 20px;
}
.audio_on:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: gray;
    background: linear-gradient(0deg,gray 0%,#fff 100%);
    opacity: .04;
    border-radius: 50%;
    mix-blend-mode: lighten;
}
.playicon, .pauseicon {
    transform: scale(.8);
    transform-origin: 50% 50%;
    transition: transform 200ms ease-out;
}
.pressplay:hover .playicon, .pressplay:hover .pauseicon {
    transform: scale(1);
}
.pressplay:hover .stroke-solid {
    opacity: 1;
    stroke-dashoffset: 300;
}
.stroke-solid {
    stroke-dashoffset: 0;
    stroke-dasharray: 300;
    stroke-width: 1px;
    transition: stroke-dashoffset 1s ease,opacity 1s ease;
    transform: rotate(-90deg);
    transform-origin: center;
}
.section-mod{
    padding: 120px 0;
}

@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  50% {
    transform: translate(-10px, 75px) rotate(3deg);
  }
  100% {
    transform: translatex(0px, 0px) rotate(-10deg);
  }
}
.element1{
    -webkit-animation: float 6s ease-in-out infinite;
              animation: float 6s ease-in-out infinite;
}
.bottom_absolute{
    display: flex !important;
    align-items: end !important;
}
.flex_between{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;border-top: 1px solid white;padding-top: 30px;}

.portfolioCard__img__inner .portfolioCard__content{
    position: absolute;
    bottom: 70px;
    left: 50px;
    opacity: 0;
    z-index: 99;
}
.portfolioCard__img__inner:hover .portfolioCard__content{

    opacity: 1;
}
.portfolioCard__img__inner{position: relative;}
.portfolioCard__img__inner:hover:before{
    opacity: .7;
}
.portfolioCard__img__inner:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: black;
    opacity: 0;
    z-index: 9
}


/* CTA */
.CTA .projects-nav__img.right_img{
    left: 50%;
}
.CTA .projects-nav__img{
    position: absolute;
    max-width: 50%;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    left: 0;
    transform: scale(1);
    bottom: 0;
}
.CTA  .projects-nav__img.on:after{
    opacity: 1;
}
.CTA  .projects-nav__img.on .bg-image{
    opacity: 1;
    transform: none;
}
.CTA  .projects-nav__img .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    transform: scale(1.2);
}
.CTA .container{z-index: 4;}
.CTA {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.CTA   a{
    padding: 130px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.br_cta{
    border-left: 2px solid rgba(255, 255, 255, 0.1);
}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.pr30{padding-right:45px}
.pl30{padding-left:45px}




/* 15 pulgadas Retina Sm */
@media all and (min-width:1100px) and (max-width: 1700px) {
    @-webkit-keyframes greenball {
    0%   { -webkit-transform: scale(1);top:0%;   }
    50% {  -webkit-transform: scale(1.5);top:70% ;   }
    100% {  -webkit-transform: scale(1);top:0% ;   }
    }

    .element0{
    position: absolute;
    right: -58%;
    bottom: -50%;
    -webkit-animation: greenball 20s infinite;
    }
}

/*13 inch retina*/
@media (min-width: 799px) and (max-width: 1350px) {
    .footer__content span{font-size: 12px !important;}
    .footer__content b{font-size: 15px !important;}
    .footer__content p{line-height: 1.2 !important;}

    .portfolioCard__content p{font-size: 14px !important;}
}