/* Utility CSS */
.m-r-15 { margin-right: 15px; }
.m-r-auto { margin-right: auto; margin-left: auto; }
.m-l-10 { margin-left: 10px; }
.m-l-r-auto { margin-left: auto; margin-right: auto; }

.p-l-0-xl { padding-left: 0; }

.size1 { min-width: 160px; }
.size2 { width: 100%; }
.size3 { font-size: 16px; }
.size4 { padding: 12px 24px; font-size: 14px; font-weight: 600; }
.size5 { padding: 14px 28px; font-size: 16px; font-weight: 600; }
.size6 { padding: 16px 32px; font-size: 18px; font-weight: 600; }
.size7 { padding: 12px 24px; font-size: 14px; font-weight: 600; }
.size8 { padding: 14px 28px; font-size: 16px; font-weight: 600; }
.size9 { padding: 16px 32px; font-size: 18px; font-weight: 600; }
.size13 { min-width: 140px; }

.fs-18 { font-size: 18px; }

.ab-c-m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pos-relative { position: relative; }

.hov-img-zoom {
  overflow: hidden;
}

.hov-img-zoom img {
  transition: transform 0.3s ease;
}

.hov-img-zoom:hover img {
  transform: scale(1.1);
}

.parallax100 {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.visible-false {
  opacity: 0;
  animation-delay: 0.2s;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    transform: rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}

@keyframes lightSpeedIn {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes rotateInDownLeft {
  from {
    opacity: 0;
    transform: rotate(-45deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}

@keyframes rotateInUpRight {
  from {
    opacity: 0;
    transform: rotate(45deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}

@keyframes rotateIn {
  from {
    opacity: 0;
    transform: rotate(-200deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}

.fadeInDown { animation-name: fadeInDown; }
.fadeInUp { animation-name: fadeInUp; }
.zoomIn { animation-name: zoomIn; }
.slideInUp { animation-name: slideInUp; }
.rollIn { animation-name: rollIn; }
.lightSpeedIn { animation-name: lightSpeedIn; }
.rotateInDownLeft { animation-name: rotateInDownLeft; }
.rotateInUpRight { animation-name: rotateInUpRight; }
.rotateIn { animation-name: rotateIn; }

.sizefull { width: 100%; height: 100%; }
.ab-r-m { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.m-r-18 { margin-right: 18px; }
.p-l-20 { padding-left: 20px; }
.p-l-5, .p-r-5 { padding: 0 5px; }
.m-10 { margin: 10px; }
.c-white { color: #fff; }
.op-0-0 { opacity: 0; }
.w-full { width: 100%; }