#main-slider .carousel-inner>.item .animation {
  opacity: 0;
}

#main-slider .carousel-inner>.item.active .animation.animated-item-1 {
  animation: bannerFadeInUp 0.5s ease 0.3s forwards;
}

#main-slider .carousel-inner>.item.active .animation.animated-item-2 {
  animation: bannerFadeInUp 0.5s ease 0.5s forwards;
}

#main-slider .carousel-inner>.item.active .animation.animated-item-3 {
  animation: bannerFadeInUp 0.5s ease 0.7s forwards;
}

#main-slider .carousel-inner>.item.active .animation.animated-item-4 {
  animation: bannerFadeInUp 0.5s ease 0.9s forwards;
}

#main-slider .carousel-inner>.item.active .animation.animated-item-5 {
  animation: bannerFadeInUp 0.5s ease 1.1s forwards;
}

#main-slider .carousel-inner>.item.active .animation.animated-item-6 {
  animation: bannerFadeInUp 0.5s ease 1.3s forwards;
}

@keyframes bannerFadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  #main-slider .special-right-layout {
    justify-content: space-between !important;
  }

  #main-slider .special-right-layout .special-image-container {
    flex: 1 !important;
    max-width: 50% !important;
    margin-left: auto !important;
  }

  #main-slider .special-right-layout .special-content-container {
    flex: 1 !important;
    max-width: 50% !important;
  }

  #main-slider .special-center-layout {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  #main-slider .special-center-layout .special-image-container {
    flex: 1 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    text-align: center !important;
    padding: 0 !important;
  }

  #main-slider .special-center-layout .special-content-container {
    flex: 1 !important;
    max-width: 100% !important;
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
  }

  #main-slider .special-center-layout .special-image-container img {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    max-height: 500px !important;
    height: auto !important;
  }

  #main-slider .no-title-layout {
    display: block !important;
    width: 100% !important;
  }

  #main-slider .no-title-layout.image-left .image-container-full {
    text-align: left !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  #main-slider .no-title-layout.image-right .image-container-full {
    text-align: right !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  #main-slider .no-title-layout.image-center .image-container-full {
    text-align: center !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  #main-slider .no-title-layout .image-container-full img {
    max-height: 500px !important;
    object-fit: contain !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
  }

  #main-slider .no-title-layout.image-left .image-container-full img {
    float: left !important;
    margin-right: 20px !important;
  }

  #main-slider .no-title-layout.image-right .image-container-full img {
    float: right !important;
    margin-left: 20px !important;
  }

  #main-slider .no-title-layout.image-center .image-container-full img {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
  }

  #main-slider .no-title-layout .button-container {
    clear: both !important;
    width: 100% !important;
    text-align: inherit !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
  }

  #main-slider .no-title-layout.image-left .button-container {
    text-align: left !important;
  }

  #main-slider .no-title-layout.image-right .button-container {
    text-align: right !important;
  }

  #main-slider .no-title-layout.image-center .button-container {
    text-align: center !important;
  }

  #main-slider .no-title-layout {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  #main-slider .no-title-layout.image-right {
    align-items: flex-end !important;
    margin-right: 0 !important;
    float: none !important;
    margin-left: 0 !important;
  }

  #main-slider .no-title-layout.image-left {
    align-items: flex-start !important;
    margin-left: 0 !important;
    float: none !important;
    margin-right: 0 !important;
  }

  #main-slider .no-title-layout.image-center {
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }

  #main-slider .no-title-layout .image-container-full {
    width: auto !important;
    max-width: 100% !important;
    text-align: inherit !important;
  }

  #main-slider .no-title-layout.image-left .image-container-full img,
  #main-slider .no-title-layout.image-right .image-container-full img,
  #main-slider .no-title-layout.image-center .image-container-full img {
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: inline-block !important;
  }

  #main-slider .no-title-layout.image-center .image-container-full img {
    display: block !important;
    margin: 0 auto !important;
  }

  #main-slider .regular-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-between !important;
  }

  #main-slider .regular-layout.image-left .image-container {
    order: 1 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }

  #main-slider .regular-layout.image-right .image-container {
    order: 2 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 40px !important;
    box-sizing: border-box !important;
  }

  #main-slider .regular-layout.image-left .content-container {
    order: 2 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 40px !important;
    box-sizing: border-box !important;
  }

  #main-slider .regular-layout.image-right .content-container {
    order: 1 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }

  #main-slider .regular-layout .image-container img {
    max-height: 500px !important;
    object-fit: contain !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
  }

  #main-slider .regular-layout.image-left .image-container img {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #main-slider .regular-layout.image-right .image-container img {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  #main-slider .regular-layout .content-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  #main-slider .regular-layout.image-right {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  #main-slider .regular-layout.image-left {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  #main-slider .special-right-layout {
    flex-direction: column !important;
  }

  #main-slider .special-right-layout .special-image-container,
  #main-slider .special-right-layout .special-content-container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  #main-slider .special-right-layout .special-image-container img {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
  }

  #main-slider .special-center-layout {
    flex-direction: column !important;
  }

  #main-slider .special-center-layout .special-image-container,
  #main-slider .special-center-layout .special-content-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  #main-slider .special-center-layout .special-image-container img {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    max-height: 400px !important;
    height: auto !important;
  }

  #main-slider .no-title-layout {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #main-slider .no-title-layout.image-left,
  #main-slider .no-title-layout.image-right,
  #main-slider .no-title-layout.image-center {
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }

  #main-slider .no-title-layout .image-container-full {
    text-align: center !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  #main-slider .no-title-layout .image-container-full img {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    max-height: 400px !important;
    height: auto !important;
  }

  #main-slider .no-title-layout .button-container {
    clear: both !important;
    width: 100% !important;
    text-align: center !important;
  }

  #main-slider .regular-layout {
    flex-direction: column !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #main-slider .regular-layout.image-left,
  #main-slider .regular-layout.image-right {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #main-slider .regular-layout .image-container,
  #main-slider .regular-layout .content-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    order: unset !important;
    flex: 0 0 100% !important;
  }

  #main-slider .regular-layout .image-container {
    margin-bottom: 20px !important;
  }

  #main-slider .regular-layout .image-container img {
    max-height: 400px !important;
    object-fit: contain !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  #main-slider .regular-layout .content-container {
    text-align: center !important;
    padding: 0 15px !important;
  }

  #main-slider .regular-layout h2,
  #main-slider .regular-layout h3,
  #main-slider .regular-layout div {
    text-align: center !important;
  }

  #main-slider .regular-layout .upper.animation.animated-item-2 {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
  }

  #main-slider .hidden-sm.hidden-xs {
    display: none !important;
  }
}