html, body, div {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none !important;
}
video {
object-fit: cover;
width:100%;
height:100%;
}
.fs-slider-img {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.panel {
position: relative;
background-color: black;
overflow: hidden;
}
.slider-position {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 20;
}
.slider-description {
padding-bottom: 30px;
color: white !important;
visibility: hidden;
opacity: 0;
transform: translateY(30px);
transition-timing-function: ease-out;
transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
transition-delay: .2s;
}
.slider-title {
padding-bottom: 10px;
visibility: hidden;
opacity: 0;
transform: translateY(30px);
transition-timing-function: ease-out;
transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}
.slider-title-size {
font-size:45px !important;
}
.slider-description-size {
font-size: 20px !important;
}
.slider-button {
color: white !important;
visibility: hidden;
opacity: 0;
transform: translateY(30px);
transition-timing-function:ease-out;
transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
transition-delay: .4s;
}
.animation-one {
top: 0px;
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.pagination {
position: fixed !important;
top: 50%;
font-size: 1.4em;
z-index: 10;
width: 100%;
left: 0px; left: 50%;
padding-right: 20px !important;
padding-bottom: 0px !important;
transform: translate(-50%, -50%);
}
.pagination a {
display:block;
height:20px;
margin-bottom:5px;
color:white;
position:relative;
padding:4px;
}
.pagination li {
direction: rtl !important;
}
.pagination li a {
position: relative;
width: 20px;
right: 15px !important;
display: block !important;
}
.pagination a.active:after {
box-shadow:inset 0 0 0 5px;
}
.pagination a:hover .hover-text {
opacity: 0;
}
.pagination a:after {
-webkit-transition:box-shadow 0.5s ease;
transition:box-shadow 0.5s ease;
width:10px;
height:10px;
display: block;
border:1px solid;
border-radius:50%;
content:'';
position: absolute;
margin:auto;
top:0;
right:4px;
bottom:0;
}
.slider-wrapper{
width:65%;
text-shadow: 0px 0px 30px #000;
}
.slider-footer {
height: 200px;
background-color: none;
display: none;
}
@media screen and (max-width: 980px) {
.slider-footer {
height: 800px;
background-color: none;
display: none;
}
}
div.footer {
margin-top: 0px !important;
}
.hide {
display: none;
}