/* magicslider */
.slide-showcase > div[data-element="main"]{
	margin-bottom:10rem
} 
.magicslider.grid-slider:not(.slick-initialized) {

}
.magicslider .item.image {
	position: relative;
}

.magicslider .item.image {
	max-width: 100%;
	width: 100%;
}
.magicslider .item.image .magicslider-caption {
	position: absolute;
	top: 6rem;
	left: 6rem;
	right: 6rem;
	bottom: 6rem;
	pointer-events: none;
}
.magicslider .magicslider-caption .subtitle {
	font-weight: 500;
	color: var(--cl-main);
	text-transform: uppercase;
}
.magicslider .magicslider-caption .title  {
    font-weight: 600;
    color: var(--cl-main);
	line-height: 1;
} 
.magicslider .magicslider-caption .btn  {
	min-width: 200px;
	font-size: 15px;
	font-weight: 600;
	pointer-events: auto;
}
.magicslider .item.image .magicslider-caption {
	opacity:0;
}
.magicslider .item.slick-active .magicslider-caption {
	opacity:1;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > * {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(1) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(2) {
  -webkit-animation-delay: 1s;
  animation-delay: 0.8s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(4) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(5) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(6) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(7) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption > *:nth-child(8) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption.animation-effect_zoomin > * {
  -webkit-animation-name: zoomInSlideshow;
  animation-name: zoomInSlideshow;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption.animation-effect_zoomout > * {
  -webkit-animation-name: zoomOutSlideshow;
  animation-name: zoomOutSlideshow;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption.animation-effect_fadein > * {
  -webkit-animation-name: fadeInslideshow;
  animation-name: fadeInslideshow;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption.animation-effect_fadeindown > * {
  -webkit-animation-name: fadeInDownslideshow;
  animation-name: fadeInDownslideshow;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption.animation-effect_fadeinup > * {
  -webkit-animation-name: fadeInUpslideshow;
  animation-name: fadeInUpslideshow;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption.animation-effect_fadeinleft > * {
  -webkit-animation-name: fadeInLeftslideshow;
  animation-name: fadeInLeftslideshow;
}
.magicslider .item.slick-active .magicslider-caption .wrap__content .inner-caption.animation-effect_fadeinright > * {
  -webkit-animation-name: fadeInRightslideshow;
  animation-name: fadeInRightslideshow;
}


@-webkit-keyframes fadeInslideshow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInslideshow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUpslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeftslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRightslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes zoomInSlideshow {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomInSlideshow {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOutSlideshow {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOutSlideshow {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.magicslider:hover .slick-next ,
.magicslider:hover .slick-prev {
	opacity: 1;
	visibility: visible;
}
.magicslider:hover .slick-prev {left: 3rem !important;}
.magicslider:hover .slick-next {right: 3rem !important;}
.magicslider .slick-next:before,
.magicslider .slick-prev:before {font: normal normal normal 18px / 1 FontAwesome;color: var(--cl-arrows);}
.magicslider .slick-prev:before {content: "\f104";}
.magicslider .slick-next:before {content: "\f105";}
.magicslider .slick-prev:hover:before,
.magicslider .slick-next:hover:before {color:var(--cl-arrows-h);}

.magicslider .slick-dots {
    bottom: 3rem;
    text-align: center;
    left: 1.5rem;
    right: 1.5rem;
	width:auto;
}
.magicslider .slick-dots li {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.magicslider .slick-dots li.slick-active {
	border:1px solid var(--bg-dots);
}
.magicslider .slick-dots li button {
	background: var(--bg-dots);
	opacity:.5;
	width: 5px;
    height: 5px;
}
.magicslider .slick-dots li:hover button, 
.magicslider .slick-dots li.slick-active button {
	background: var(--bg-dots);
	opacity:1;
}
.magicslider .slick-dots li button:before {}

.full-screen .magicslider .item.image {
	height: calc(100vh - 110px);
}
.full-screen .magicslider .item.image > a {
	display: block;
	height: 100%;
}
.full-screen .magicslider .item.image > a img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
	.slide-showcase > div[data-element="main"]{
		margin-bottom:6rem
	}
}