/** COMMON START **/
.container-fluid {
  padding: 0;
}
/** COMMON END **/

/** HEADER START **/

.header.top-fixed {
  padding: 0 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.header.top-fixed img {
  margin: 15px 0px;
  width: 190px;
}

.header.top-fixed .logo-mobile {
  display: none;
}

/** HEADER END **/

/** BUTTON UP START **/
#myBtn {
  display: none;
  position: fixed;
  bottom: 10vh;
  right: 1vh;
  z-index: 99;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
/** BUTTON UP END **/

/** FOOTER START **/
.footer {
  font-family: "bosque_regularregular";
  font-size: 14px;
  height: 200px;
  background-color: #add8e5;
  color: #ffffff;
}

.footer h4 {
  font-size: 1em;
}

.footer h4 span {
  font-size: 1.2em;
  line-height: 2em;
}

.footer img {
  width: 120px;
}
/** FOOTER END **/

/** DROP FROM TOP ANIMATION START **/
.fade-drop-from-top {
  animation-name: fade-drop-from-top;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-duration: 2500ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fade-drop-from-top {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fade-drop-from-top {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/** DROP FROM TOP ANIMATION END **/

/** BOUNCING ARROW DOWN START **/
.arrow-bounce {
  -moz-animation: arrow-bounce 2s infinite;
  -webkit-animation: arrow-bounce 2s infinite;
  animation: arrow-bounce 2s infinite;
  position: absolute;
  left: 50%;
  top: 90vh;
  z-index: 100;
  margin: 0;
  padding: 0;
}

@keyframes arrow-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

/** BOUNCING ARROW DOWN END **/

/** CROSSFADE IMAGES START **/
.first-slide {
  animation: first-slide 6s infinite;
  left: 0;
}

.second-slide {
  animation: second-slide 6s infinite;
  left: 0;
}

@keyframes first-slide {
  0% {
    opacity: 1;
  }

  44% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  94% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes second-slide {
  0% {
    opacity: 0;
  }

  44% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  94% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/** CROSSFADE IMAGES END **/

/** SOCIALS START **/
.social {
  margin: 0;
  padding: 15px;
  z-index: 500;
}

.social li {
  background-color: transparent;
  border-color: transparent;
}

.social svg,
.social img {
  width: 36px;
  height: 36px;
}
.social svg {
  fill: white;
}
/** SOCIALS END **/

/** BISCLAND START **/
.section-biscland {
  height: 96vh;
  position: relative;
}

.section-biscland .box-image img {
  max-width: 600px;
}

.section-biscland .letters-image img {
  max-width: 500px;
}

.section-biscland .image-group {
  height: 85vh;
  margin: 0;
  align-items: center;
}
/** BISCLAND END **/

/** ZAAGA START **/
.section-zaaga {
  background-color: #18abe3;
}
/** ZAAGA END **/

/** BUTTERFLY COOKIES START **/
.section-butterfly-cookies {
  background-color: #52848a;
}
/** BUTTERFLY COOKIES END **/

/** GOODY CHOCO START **/
.section-goody-choco {
  background-color: #ce7a29;
}
/** GOODY CHOCO END **/

/** CHOCO SUPREMES START **/
.section-choco-supremes {
  background-color: #bb794c;
}

.section-choco-supremes .letters-image img {
  max-width: 600px;
}
/** CHOCO SUPREMES END **/

/** LEMON PRECIOUS START **/
.section-lemon-precious {
  background-color: #d9ea29;
}
/** LEMON PRECIOUS END **/

/** CINNAMON COOKIES START **/
.section-cinnamon-cookies {
  background-color: #921300;
}
/** CINNAMON COOKIES END **/

/** SKATE CHOCO START **/
.section-skate-choco {
  background-color: #baad08;
}
/** SKATE CHOCO END **/

/** SWEET BOARD START **/
.section-sweet-board {
  background-color: #40c0c2;
  background-image: url(images/trama_2.png);
}
/** SWEET BOARD END **/

/** SUPER BISC-HERO START **/
.section-super-bisc-hero {
  background-color: #44aee2;
}
/** SUPER BISC-HERO END **/

/** LITTLE MONSTERS START **/
.section-little-monsters {
  background-color: #d5d3be;
}
/** LITTLE MONSTERS END **/

/** KING START **/
.section-king {
  background-color: #ea8100;
}
/** KING END **/

/** CHOCO BOOM START **/
.section-choco-boom {
  background-color: #0a5cab;
}
/** CHOCO BOOM END **/

/** COWBOY SNACK START **/
.section-cowboy-snack {
  background-color: #add8e5;
}
/** COWBOY SNACK END **/

/** MEDIA QUERIES START **/
@media screen and (max-width: 991px) {
  /** HEADER START **/
  .header.top-fixed {
    display: flex;
    justify-content: center;
    background-color: #18abe3;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  }

  .header.top-fixed .logo-mobile {
    display: block;
  }

  .header.top-fixed .logo-desktop {
    display: none;
  }
  /** HEADER END **/

  /** BOUNCING ARROW DOWN START **/
  .arrow-bounce {
    top: 92vh;
  }
  /** BOUNCING ARROW DOWN END **/

  /** CROSSFADE IMAGES START **/
  .first-slide {
    left: 50%;
    transform: translateX(-50%) !important;
  }

  .second-slide {
    left: 50%;
    transform: translateX(-50%) !important;
  }
  /** CROSSFADE IMAGES END **/

  /** BISCLAND START **/
  .section-biscland .box-image,
  .section-biscland .letters-image {
    text-align: center;
  }
  .section-biscland .box-image img,
  .section-biscland .letters-image img {
    max-width: 300px;
  }

  .section-biscland .image-group {
    height: 85vh;
    align-items: center;
    align-content: end;
  }
  /** BISCLAND END **/

  /** SOCIALS START **/
  .social {
    padding: 0px;
  }
  .social svg,
  .social img {
    width: 24px;
    height: 24px;
  }
  /** SOCIALS END **/
}

/** MEDIA QUERIES END **/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}