.afs-slider {
position: relative;
width: 100%;
height: 80vh;
overflow: hidden;
background: #111;
--afs-speed: 900ms;
--afs-delay: 6000ms;
--afs-header-h: 0px;
}
.afs-slider.afs-h-full {
height: 100vh;
height: 100svh;
} .afs-slider.afs-fullwidth {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
html.afs-has-fullwidth,
html.afs-has-fullwidth body {
overflow-x: clip;
}
.afs-slider *,
.afs-slider *::before,
.afs-slider *::after {
box-sizing: border-box;
}
.afs-slides {
position: absolute;
inset: 0;
} .afs-slide {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
z-index: 1;
}
.afs-slider.afs-offset .afs-slide {
padding-top: var(--afs-header-h, 0px);
}
.afs-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
will-change: transform;
}
.afs-overlay {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, .5);
pointer-events: none;
}
.afs-inner {
position: relative;
z-index: 3;
flex: 1 1 auto;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 130px;
}
.afs-content {
width: 100%;
max-width: 1300px;
text-align: center;
color: #fff;
}
.afs-subtitle,
.afs-title,
.afs-desc {
margin-top: 0;
color: #fff;
}
.afs-title {
margin-bottom: 30px;
line-height: 1.15;
}
.afs-divider {
display: block;
width: 220px;
height: 3px;
background: #fff;
margin-left: var(--afs-ml, auto);
margin-right: var(--afs-mr, auto);
margin-bottom: 28px;
}
.afs-btn {
display: inline-block;
text-decoration: none;
line-height: 1.2;
background: #C0183B;
color: #fff;
padding: 14px 50px;
transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}
.afs-btn:hover,
.afs-btn:focus {
text-decoration: none;
transform: translateY(-2px);
} .afs-effect-fade .afs-slide {
opacity: 0;
visibility: hidden;
transition: opacity var(--afs-speed) ease, visibility 0s linear var(--afs-speed);
}
.afs-effect-fade .afs-slide.is-active {
opacity: 1;
visibility: visible;
z-index: 2;
transition: opacity var(--afs-speed) ease, visibility 0s linear 0s;
} .afs-effect-slide .afs-slide {
transform: translateX(100%);
transition: transform var(--afs-speed) cubic-bezier(.65, 0, .35, 1);
}
.afs-effect-slide .afs-slide.is-active {
transform: translateX(0);
z-index: 2;
} .afs-kenburns .afs-slide.is-active .afs-bg {
animation: afsKenBurns calc(var(--afs-delay) + var(--afs-speed) + 2000ms) ease-out forwards;
}
@keyframes afsKenBurns {
from { transform: scale(1); }
to   { transform: scale(1.12); }
} .afs-animate .afs-anim {
opacity: 0;
transform: translateY(30px);
transition: opacity .8s ease, transform .8s ease;
}
.afs-animate .afs-slide.is-active .afs-anim {
opacity: 1;
transform: none;
}
.afs-animate .afs-slide.is-active .afs-anim:nth-child(1) { transition-delay: calc(var(--afs-speed) * .35); }
.afs-animate .afs-slide.is-active .afs-anim:nth-child(2) { transition-delay: calc(var(--afs-speed) * .35 + 150ms); }
.afs-animate .afs-slide.is-active .afs-anim:nth-child(3) { transition-delay: calc(var(--afs-speed) * .35 + 300ms); }
.afs-animate .afs-slide.is-active .afs-anim:nth-child(4) { transition-delay: calc(var(--afs-speed) * .35 + 450ms); }
.afs-animate .afs-slide.is-active .afs-anim:nth-child(5) { transition-delay: calc(var(--afs-speed) * .35 + 600ms); } .afs-arrow {
position: absolute;
top: 50%;
z-index: 10;
width: 78px;
height: 78px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: rgba(255, 255, 255, .35);
color: rgba(255, 255, 255, .85);
transform: translateY(-50%);
transition: background-color .3s ease, color .3s ease;
-webkit-appearance: none;
appearance: none;
box-shadow: none;
}
.afs-slider.afs-offset .afs-arrow {
top: calc(50% + var(--afs-header-h, 0px) / 2);
}
.afs-arrow:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.afs-arrow svg {
width: 30px;
height: 30px;
display: block;
pointer-events: none;
}
.afs-prev { left: 30px; }
.afs-next { right: 30px; } .afs-dots {
position: absolute;
left: 0;
right: 0;
bottom: 30px;
z-index: 10;
display: flex;
justify-content: center;
gap: 10px;
}
.afs-dot {
width: 12px;
height: 12px;
padding: 0;
margin: 0;
border: 0;
border-radius: 50%;
cursor: pointer;
background-color: rgba(255, 255, 255, .5);
transition: background-color .3s ease, transform .3s ease;
}
.afs-dot.is-active {
background-color: #C0183B;
transform: scale(1.2);
} .afs-header-overlay {
position: absolute !important;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}
.afs-header-transparent,
.afs-header-transparent > .elementor > .e-con,
.afs-header-transparent > .elementor > .elementor-section,
.afs-header-transparent > .elementor > .elementor-section-wrap > .elementor-section,
.afs-header-transparent > .elementor > .elementor-element:not(.elementor-sticky--effects) {
background: transparent !important;
background-color: transparent !important;
box-shadow: none;
} @media (max-width: 767px) {
.afs-hide-arrows-mobile-yes .afs-arrow {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.afs-slide,
.afs-animate .afs-anim,
.afs-kenburns .afs-slide.is-active .afs-bg {
transition: none !important;
animation: none !important;
}
}.elementor-animation-shrink{transition-duration:.3s;transition-property:transform}.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{transform:scale(.9)}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content:"";display:block;flex-grow:1}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )}.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row-reverse;text-align:end}[dir=rtl] .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row;text-align:start}[dir=rtl] .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row-reverse}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-inline:auto!important;margin-bottom:15px}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-img img{display:block;line-height:0}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}