#loading-layer.off {
  -webkit-animation: scale-out-vertical 1s both 0.2s;
  animation: scale-out-vertical 1s both 0.28s;
}
@-webkit-keyframes scale-out-vertical {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
  }
}
@keyframes scale-out-vertical {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
  }
}

.megamenu-disclaimer-box {
  visibility: visible;
}
.megamenu-disclaimer-box.accepted {
  pointer-events: none !important;
  -webkit-animation: fade-out-blurred 1s both 0.2s;
  animation: fade-out-blurred 1s both 0.2s;
  visibility: hidden;
  transition: visibility ease 0.5s 1s;
  pointer-events: none !important;
}
@-webkit-keyframes fade-out-blurred {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
}
@keyframes fade-out-blured {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
}

.press > h3 {
  color: #1c1c1b !important;
}
.press .red {
  transform: scale(0);
  transition: transform 0.2s ease;
}
.press:hover .red {
  transform: scale(1);
  transition: transform 0.2s ease;
}
@media screen and (min-width: 1024px) {
  .press > h3 {
    color: #888a8b !important;
  }
  .press:hover > h3 {
    color: #1c1c1b !important;
  }
}

/* :::::::::::::::::::::::::::::::::
             HOVER
::::::::::::::::::::::::::::::::::*/

.swiper-wrapper {
  visibility: hidden;
}
/* Prevents :hover from triggering in the gaps between items */

.swiper-wrapper > .swiper-slide {
  visibility: visible;
}
/* Brings the child items back in, even though the parent is `hidden` */

.swiper-wrapper > .swiper-slide.news {
  transition: opacity 0.5s ease;
}
/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */

.swiper-wrapper:hover > .swiper-slide.news {
  opacity: 0.4;
}
/* Fade out all items when the parent is hovered */

.swiper-wrapper > .swiper-slide.news:hover {
  opacity: 1;
  transition: opacity 0.5s ease;
}
/* Fade in the currently hovered item */

.megamenu .section-title,
#subsidiaries-container .section-title,
#header-search-container .section-title {
  opacity: 1;
}
.megamenu .section-title.animate,
#subsidiaries-container .section-title.animate,
#header-search-container .section-title.animate {
  -webkit-animation: none;
  animation: none;
}

.subsidiary img.flag,
.news-img,
.event.card img,
.swiper-slide.news .swiper-slide-img,
div[data-people] .card-vertical-img,
div[data-people] .swiper-slide-img,
div[data-product] .card-vertical-img,
div[data-product] .swiper-slide-img {
  transform: scale(1.02);
  transition: transform 1s ease;
}

.subsidiary:hover img.flag,
.news:hover .news-img,
.event.card:hover img,
.swiper-slide.news:hover .swiper-slide-img,
div[data-people]:hover .card-vertical-img,
div[data-people]:hover .swiper-slide-img,
div[data-product]:hover .prod-img-container,
div[data-product]:hover .swiper-slide-img {
  transform: scale(1.1) !important;
  transition: transform 1s ease !important;
}

.news-img-container:before,
.event-img-container:before,
.swiper-slide.news .swiper-slide-img-container:before,
div[data-people] .card-vertical-img-container:before,
div[data-people] .swiper-slide-img-container:before,
div[data-product] .card-vertical-img-container:before,
div[data-product] .swiper-slide-img-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #1c1c1b;
  background: -moz-linear-gradient(45deg, #1c1c1b 36%, #c8102e 100%);
  background: -webkit-linear-gradient(45deg, #1c1c1b 36%, #c8102e 100%);
  background: linear-gradient(45deg, #1c1c1b 36%, #c8102e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1b', endColorstr='#C8102E',GradientType=1 );
  z-index: 1;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.5s ease;
}

.news:hover .news-img-container:before,
.event:hover .event-img-container:before,
.swiper-slide.news:hover .swiper-slide-img-container:before,
div[data-people]:hover .card-vertical-img-container:before,
div[data-people]:hover .swiper-slide-img-container:before,
div[data-product]:hover .card-vertical-img-container:before,
div[data-product]:hover .swiper-slide-img-container:before {
  opacity: 0.7;
}

.subsidiary .flag-name {
  color: #1c1c1b;
  transition: color 0.2s ease;
}
.subsidiary:hover .flag-name {
  color: #c8102e;
  transition: color 0.2s ease;
}

.rellax {
  transition: transform 0.8s cubic-bezier(0, 0, 0, 1) 0s;
}

#title-swiper .swiper-slide span {
  opacity: 0;
}
#title-swiper .swiper-slide-active span {
  -webkit-animation: puff-in-center 1.6s linear both;
  animation: puff-in-center 1.6s linear both;
}

@media screen and (min-width: 1024px) {
  .section-title,
  .content-text,
  .heading-subtitle,
  .product-abstract,
  .card {
    opacity: 0;
  }
  .section-title.animate {
    -webkit-animation: puff-in-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
      both;
    animation: puff-in-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
  div[data-megamenu-submenu-section].hidden .submenu-image,
  div[data-megamenu-submenu-section].hidden .submenu-list,
  div[surgery-content].hidden .img-left-0-container {
    opacity: 0;
  }

  div[surgery-content] .img-left-0-container {
    -webkit-animation: puff-in-center-sm 0.5s linear both;
    animation: puff-in-center-sm 0.5s linear both;
  }
  div[data-megamenu-submenu-section] .submenu-image {
    -webkit-animation: slide-in-blurred-bottom-sm 0.8s ease both;
    animation: slide-in-blurred-bottom-sm 0.8s ease both;
  }
  div[data-megamenu-submenu-section] .submenu-list {
    -webkit-animation: slide-in-blurred-bottom-sm 0.3s ease both;
    animation: slide-in-blurred-bottom-sm 0.3s ease both;
  }

  .content-text.animate {
    -webkit-animation: slide-in-blurred-bottom 0.8s ease 0.5s both;
    animation: slide-in-blurred-bottom 0.8s ease 0.5s both;
  }

  .heading-subtitle.animate,
  .product-abstract.animate {
    -webkit-animation: slide-in-blurred-bottom 0.8s ease both;
    animation: slide-in-blurred-bottom 0.8s ease both;
  }

  .card.animate {
    -webkit-animation: slide-in-bottom 0.8s ease 0.3s both;
    animation: slide-in-bottom 0.8s ease 0.3s both;
  }
}

@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes puff-in-center-sm {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center-sm {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-blurred-bottom-sm {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
  }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom-sm {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
  }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}