#slide1 { padding-top:0; }
#slide2 { padding-top:0; }
#slide3 { padding-top:0; } .wrapper {
width: 100%;
position: relative;
margin: 30px 0;
} .carousel {
width: 100%;
position: relative;
padding-top: 240px;
overflow: hidden;
}
.inner {
background:none;
width: 100%;
height: 240px;
position: absolute;
top: 0;
left: 0;
} .slide {
width: 100%;
height: 240px;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
opacity: 0;
}
.slide.active,
.slide.left,
.slide.right {
z-index: 2;
opacity: 1;
} .js-reset-left {
left: auto
} .slide.left {
left: -100%;
right: 0;
}
.slide.right {
right: -100%;
left: auto;
}
.transition .slide.left {
left: 0%
}
.transition .slide.right {
right: 0%
} .transition .slide.shift-right {
right: 100%;
left: auto
}
.transition .slide.shift-left {
left: 100%;
right: auto
} .transition .slide {
-webkit-transition-property: right, left, margin;
transition-property: right, left, margin;
} .indicators {
width: 100%;
position: absolute;
bottom: 0;
z-index: 4;
padding: 0;
text-align: center;
margin: 0 0 20px 0;
}
.indicators li {
width: 13px;
height: 13px;
display: inline-block;
margin: 5px;
background: #000;
list-style-type: none;
border-radius: 50%;
cursor: pointer;
-webkit-transition: background 0.3s ease-out;
transition: background 0.3s ease-out;
}
.indicators li.active {
background:#0fd6ff
}
.indicators li:hover {
background-color: #2f7988
} .arrow1 {
width: 20px;
height: 20px;
position: absolute;
top: 40%;
z-index: 5;
border-top: 4px solid #000;
border-right: 4px solid #000;
cursor: pointer;
-webkit-transition: border-color 0.3s ease-out;
transition: border-color 0.3s ease-out;
}
.arrow1:hover {
border-color: #0fd6ff
}
.arrow1-left {
left: 20px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.arrow1-right {
right: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .slide {
text-align: center;
padding-top: 0%;
background-size: cover;
}
.slide:nth-child(1) {
background-image: url();
}
.slide:nth-child(2) {
background-image: url();
}
.slide:nth-child(3) {
background-image: url();
}
.nostot .indicators li.active { color:#fff; background-color:#fff; }
.nostot .indicators li:hover { color:#fff; background-color:#fff; }
.nostot .carousel { padding-top:500px; }
.nostot .arrow1:hover { border-top: 3px solid #fff; border-right: 3px solid #fff; }