File size: 2.31Kb
/* ------------------------------- 3. Slider Styles ------------------------------- */
#fwslider {
position: relative;
width:100%;
font-family: 'roboto_condensedregular';
}
#fwslider .slide {
display: none;
position: absolute;
top:0;
left:0;
z-index: 0;
width:100%;
}
#fwslider .slide img {
width:100%;
}
#fwslider .slidePrev {
background:#E8645A;
width:32px;
height:32px;
position: absolute;
top:50%;
left:-50px;
z-index: 10;
}
#fwslider .slidePrev span {
background: url("../images/arrows.png") no-repeat 11px 7px;
width: 32px;
height: 32px;
float: left;
cursor: pointer;
}
#fwslider .slideNext {
background:#E8645A;
width:32px;
height:32px;
position: absolute;
top:50%;
right:-50px;
z-index: 10;
}
#fwslider .slideNext span {
background: url("../images/arrows.png") no-repeat -24px 7px;
width: 32px;
height: 32px;
float: left;
cursor: pointer;
}
#fwslider .timers {
height:4px;
position: absolute;
bottom:15px;
right:0;
z-index: 3;
}
#fwslider .timer {
height:4px;
width:40px;
background-color: #000;
float:left;
margin-right: 10px;
}
#fwslider .progress {
height:4px;
width:0%;
background-color: #E8645A;
float:left;
}
#fwslider .slide_content {
top:0;
left:0;
position: absolute;
width:100%;
height:100%;
}
#fwslider .slide_content_wrap { /* Slider Text Content Container Style */
max-width:1280px;
margin:12% auto;
}
#fwslider .title { /* Slider Title Style */
text-align: center;
width: 75%;
margin: 0 auto;
text-transform: uppercase;
color: #fff;
font-size: 16px;
background: #E8645A;
padding: 10px 10px;
font-style: normal;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
#fwslider .description { /* Slider Description Style */
text-align: center;
color: #ffffff;
width: 75%;
margin: 0 auto;
font-size: 13px;
background: rgba(0, 0, 0, 0.26);
padding: 10px 10px;
clear: both;
margin-top: 10px;
line-height: 24px;
font-style: normal;
font-weight: 400;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}