.owl-carousel { position: relative; } /*-----------------------------------------------------------------------------------*/ /* 04. SLIDER /*-----------------------------------------------------------------------------------*/ .slider-area { height: calc(100vh - 180px); position: relative; } .slider-text.overlay:after { opacity: 0; filter: alpha(opacity=0); } .slider-text h1 { color: #fff; font-size: 60px; font-weight: 700; line-height: 60px; text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.17); text-transform: uppercase; margin: 0 0 20px 0; } .slider-text h1 span { color: #f8cf27; } .slider-text p { color: #ffffff; font-size: 16px; } .img-fill { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; text-align: center } .img-fill img { height: 100%; min-width: 100%; position: relative; display: inline-block; max-width: none; } .blocks-box, .slick-slider { margin: 0; padding: 0!important; } .slick-slide { float: left/* If RTL Make This Right */ ; padding: 0; } .Modern-Slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .Modern-Slider .item .img-fill { background: #000; } .Modern-Slider .item .img-fill .slider-text { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; } .tb { display: table; height: 100%; width: 100%; } .tbc { display: table-cell; vertical-align: middle; } .Modern-Slider .NextArrow { left: 15px; margin-top: -22.5px; top: 50%; } .Modern-Slider .NextArrow:before { content: "\f3d3"; } .Modern-Slider .PrevArrow, .Modern-Slider .NextArrow { background: transparent none repeat scroll 0 0; border: 1px solid #fff; color: #ffffff; font-family: "Ionicons"; font-size: 16px; height: 29px; position: absolute; text-align: center; width: 29px; z-index: 5; padding: 0px; line-height: 29px; } .Modern-Slider .PrevArrow { left: 15px; margin-top: -58px; top: 50%; } .Modern-Slider .PrevArrow:before { content: "\f3d2"; } .Modern-Slider .PrevArrow:hover, .Modern-Slider .NextArrow:hover { background: #f8cf27; border: #fff; } .Modern-Slider .slick-dots li button { display: none; } .Modern-Slider .item.slick-active h1 { -webkit-animation: fadeInDown 1s both 1s; animation: fadeInDown 1s both 1s; } .Modern-Slider .item.slick-active p { -webkit-animation: fadeInLeft 1s both 1.5s; animation: fadeInLeft 1s both 1.5s; } .slider-text p { line-height: 28px; } .slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: 100%; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; height: 100%; } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; /* If RTL Make This Right */ height: 100%; min-height: 1px; } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }