.container-fluid {
  max-width: 1800px; }

h1 {
  font-size: 60px; }

.koi-video {
  height: 100vh; }
  .koi-video video {
    height: auto; }

/* mouse effect */
.mouse {
  position: absolute;
  display: block;
  width: 22px;
  height: 42px;
  bottom: 30px;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #fff;
  -webkit-animation: intro 1s;
  animation: intro 1s; }

.scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #fff;
  -webkit-animation: finger 2s infinite;
  animation: finger 2s infinite; }

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes finger {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
@keyframes finger {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
#closeMenu {
  display: none; }

.cbp-spmenu-vertical {
  width: 30%; }

.cbp-spmenu-right {
  right: -30%; }

.koi-primary-nav-trigger.active {
  right: -50px; }

.cbp-spmenu-vertical .container {
  padding-left: 7em;
  text-align: left; }

.menu-list {
  margin: 5em 0 0 0; }
  .menu-list li {
    font-size: 3em; }

.menu-social {
  padding: 7em 0 0 0; }

.koi-header {
  padding: 25px 50px 0; }

.portfolio-section .intro-port {
  padding: 10em 0; }

.padd-100 {
  padding: 0 100px; }

.mix.mix-home {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px; }

.h-meet {
  text-align: center;
  padding: 5em 0 8em;
  background: #fff; }
  .h-meet h1 {
    font-weight: normal;
    position: relative;
    display: inline-block;
    color: #29182f; }
    .h-meet h1 strong {
      color: #41294a;
      font-weight: black; }
    .h-meet h1:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      margin: 10px 0 0;
      width: 40%;
      height: 6px;
      background: #41294a; }
  .h-meet p {
    font-family: "Playfair Display";
    font-style: italic;
    color: #29182f;
    margin-top: 1.5em;
    font-size: 24px; }
  .h-meet i {
    color: #29182f;
    font-family: "Playfair Display", serif;
    font-weight: 400i; }
  .h-meet .btn {
    margin-top: 2em; }

#frase .container-fluid {
  background: #fff;
  padding-top: 16em;
  padding-bottom: 14em;
  overflow-x: hidden; }
  #frase .container-fluid h1 {
    text-align: center;
    margin-bottom: 0; }
#frase #frase-l1, #frase #frase-l2 {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
#frase #frase-btn {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
#frase #frase-l1 {
  -moz-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px); }
#frase #frase-l2 {
  -moz-transform: translateX(40px);
  -o-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -webkit-transform: translateX(40px);
  transform: translateX(40px); }
#frase #frase-btn {
  -moz-transform: translateX(-60px);
  -o-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
  -webkit-transform: translateX(-60px);
  transform: translateX(-60px); }
#frase #frase-l1.visible, #frase #frase-l2.visible, #frase #frase-btn.visible {
  opacity: 1;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none; }

.work-together .container-fluid {
  padding: 22em 0 16em 0; }

.work-together .container-fluid #overlay {
  height: auto;
  width: 100%; }

footer .col-foo-l {
  background: #ff2c54;
  overflow-y: visible;
  display: inline-block; }
  footer .col-foo-l .foot-pajarito {
    width: 457px;
    height: 750px;
    background: url("../img/running3.gif") no-repeat center center;
    position: absolute;
    top: -100px;
    right: 40%;
    z-index: 9; }
  footer .col-foo-l svg {
    top: 0;
    right: -1px;
    left: auto;
    width: 50%;
    height: 100%; }
footer .col-foo-r h2, footer .col-foo-r h3, footer .col-foo-r .mail-foo {
  letter-spacing: 4px; }
footer .col-foo-r h3 {
  font-size: 24px; }
footer .col-foo-r a.mail-foo {
  font-size: 1.6em; }

.intro-section .section-title {
  font-size: 14em; }
.intro-section .works-section-title {
  text-shadow: -6px -6px 1px #ff2c54, 6px 6px 1px #6ccacb; }

.portfolio-filter li {
  width: auto; }

.intro-section.detalle-intro {
  padding-bottom: 14em; }
  .intro-section.detalle-intro h1 {
    font-size: 8em; }

.deta-texto {
  padding-top: 5em;
  padding-bottom: 5em; }
  .deta-texto .deta-serv-list {
    padding-bottom: 0; }
    .deta-texto .deta-serv-list ul li {
      margin: 6px 0px;
      float: none; }

.portfolio-item {
  height: 500px;
  margin-bottom: 0; }

.deta-btn-col {
  padding-top: 8em; }

.deta-list-img {
  padding-bottom: 12em; }

#about-no-parallax {
  display: none; }

#home-about {
  display: block; }

.parallax-content {
  height: 1038px;
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 10; }

.layer {
  height: 1038px;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; }

.layer-00 {
  background-color: #ffffeb; }

.layer-01 {
  background-image: url("../img/cenicienta/parallax1.png"); }

.layer-02 {
  background-image: url("../img/cenicienta/parallax2.png"); }

.layer-03 {
  background-image: url("../img/cenicienta/parallax3.png"); }

.layer-04 {
  background-image: url("../img/cenicienta/parallax4.png"); }
  .layer-04 .container-ani {
    position: relative;
    width: 450px;
    min-width: 450px;
    height: 80px;
    margin: 368px auto; }
    .layer-04 .container-ani .cascada {
      width: 100px;
      height: 60px;
      background: url("../img/cenicienta/ani/cascada.gif");
      position: absolute;
      top: 10px;
      right: 82px; }

.layer-05 {
  background-image: url("../img/cenicienta/parallax5.png"); }
  .layer-05 .container-ani {
    position: relative;
    width: 450px;
    min-with: 450px;
    height: 80px;
    margin: 368px auto; }
    .layer-05 .container-ani .espuma {
      width: 240px;
      height: 80px;
      background: url("../img/cenicienta/ani/espuma.gif");
      position: absolute;
      top: 0;
      right: 13px; }

.layer-06 {
  background-image: url("../img/cenicienta/parallax6.png"); }
  .layer-06 .container-ani {
    position: relative;
    width: 1300px;
    min-with: 1300px;
    height: 600px;
    margin: 0px auto; }
    .layer-06 .container-ani .pajaros {
      background: url("../img/cenicienta/ani/pajaros.gif");
      width: 130px;
      height: 130px;
      position: absolute;
      top: 50px;
      right: 30px; }
    .layer-06 .container-ani .agua {
      background: url("../img/cenicienta/ani/water.gif");
      width: 100px;
      height: 50px;
      position: absolute;
      top: 530px;
      right: 277px; }

.layer-07 {
  background-image: url("../img/cenicienta/parallax7.png"); }
  .layer-07 .container-ani {
    text-align: left;
    position: relative;
    width: 1000px;
    min-width: 1100px;
    height: 650px;
    margin: 120px auto 0; }
    .layer-07 .container-ani .pajarraco {
      background: url("../images/landscape/ani/ave2.gif");
      width: 180px;
      height: 150px;
      position: absolute;
      bottom: 0;
      left: 0; }
    .layer-07 .container-ani .mouse {
      border-color: #41294a; }
      .layer-07 .container-ani .mouse .scroll {
        background-color: #41294a; }

.layer-08 {
  background-image: url("../img/cenicienta/parallax8.png");
  position: absolute; }

#about-team {
  padding: 5em 0; }
  #about-team .personita {
    margin-bottom: 0; }
    #about-team .personita h2 {
      margin-top: 1.6em; }

@media (min-width: 1800px) {
  p {
    font-size: 20px; } }

/*# sourceMappingURL=koi219.css.map */