.slick-slider { opacity: 0; } .slick-initialized{ opacity:1; transition:opacity .3s ease-out; } .slick-container .slider-description { max-width: 1176px; margin: 0 auto; } .slick-container .slider-description p { margin-bottom: 0 !important; } .slick-container .slider-backgroundbox { width: 48.33333%; padding: 0; display: inline-block; float: left; max-width: 48.333333%; box-sizing: border-box; border-bottom: none; } .slick-container .slider-backgroundbox.transparent { background-color: rgba(0, 0, 0, .3); } .slick-container .slider-backgroundbox.white { background-color: rgba(255, 255, 255, .75); } .slick-container .slider-description-wrapper { position: absolute; display: inline-block; width: 100%; height: auto; top: 15%; left: 0; } .slick-container .slider-description-wrapper.position-relative { top: auto; } .slick-container .slider-description-wrapper.rightTop .slider-backgroundbox, .slick-container .slider-description-wrapper.rightBottom .slider-backgroundbox{ float: right; } .slick-container .slider-description-wrapper.leftBottom, .slick-container .slider-description-wrapper.rightBottom { top: auto; bottom: 15%; } .page_margin_width_slider_wrapper .slick-container .slider-description-wrapper.leftTop, .page_margin_width_slider_wrapper .slick-container .slider-description-wrapper.rightTop { top: 40px; } .page_margin_width_slider_wrapper .slick-container .slider-description-wrapper.leftTop, .page_margin_width_slider_wrapper .slick-container .slider-description-wrapper.leftBottom { left: 40px; right: auto; width: calc(100% - 40px); margin-right: } .page_margin_width_slider_wrapper .slick-container .slider-description-wrapper.rightTop, .page_margin_width_slider_wrapper .slick-container .slider-description-wrapper.rightBottom { right: 40px; left: auto; width: calc(100% - 40px); } .stage.slick-slider .slick-dots { position: absolute; bottom: 10px; } .stage .slick-dots .slick-active { opacity: 0.8 !important; } .main .container-fluid .stage .slick-slider .slick-dots { display: flex; overflow: visible; } .slick-slider .slick-dots li { opacity: 0.4; text-align: center; line-height: 10px; margin: 1px 5px; } .stage .stage.dots .slick-dots { display: flex; flex-direction: row; justify-content: center; } .stage .dots .slick-dots li { margin: 0 0 !important; } .stage.slick-slider .slick-dots li span { padding: 7px; vertical-align: middle; width: 16px; height: 16px; } .numbers_right .slick-dots { right: 10px; width: auto; overflow: visible !important; } .numbers_left .slick-dots { left: 10px; width: auto; overflow: visible !important; } .numbers_center .slick-dots { display: flex; flex-direction: row; justify-content: center; width: 100%; overflow: visible !important; } .slick-container [data-animation-in] { opacity: 0; } .progress { width: 100%; height: 2px; } .progress-bar { animation-name: loading; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards; } @keyframes loading { from {width: 0%;} to {width: 100%;} } .paused{ -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused; } .slick-container > .slide { width: 100%; } .slick-container > .slide:not(:first-child) { display: none !important; } .slick-container.container-height-flexible-min-h360 { min-height: 36rem !important; object-fit: contain; overflow: hidden; } .slick-container.container-height-flexible-min-h360 img, .slick-container.container-height-flexible-min-h360 picture { min-height: 36rem !important; max-width: inherit; object-fit: cover; } @media screen and (max-width:992px) { .slick-container .slider-backgroundbox { width: 50rem; } .slick-container .slider-backgroundbox.mobile { width: 100%; max-width: 100%; } .dots .slick-dots { display: none !important; } .stage .slick-arrow:before { font-size: 3rem; line-height: 3rem; } }