@import url(http://fonts.googleapis.com/css?family=BenchNine:400);

.slider * {
margin: 0;
padding: 0;
border: 0;
}

.sliderTitles
{
font-family: 'MetrophobicRegular', Arial, Helvetica, sans-serif;
font-size: 30px;
float: left;
margin: 69px 0px 0px 69px;
padding: 5px 10px 5px 10px;
color: #FFF;
background-color: #AC1F20;
}

.sliderSubTitles
{
font-family: 'MetrophobicRegular', Arial, Helvetica, sans-serif;
font-size: 17px;
float: left;
margin: 1px 0px 0px 32px;
padding: 3px 10px 3px 10px;
color: #525252;
background-color: #FFF;
}

.sliderContent
{
font-family: 'MetrophobicRegular', Arial, Helvetica, sans-serif;
font-size: 14px;
float: left;
margin: 1px 0px 0px 32px;
padding: 2px 10px 5px 10px;
color: #525252;
line-height: 1.4;
}


.slider {
position: relative;
width: 95%;
height: 80%;
overflow: hidden;
margin-left:auto;
margin-right:auto;
-ms-touch-action:none;
}

.slides {
height: 100%;
/* Simple clear fix */
overflow: hidden;
/**
* Here is CSS transitions 
* responsible for slider animation in modern browsers
*/
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
float: left;
clear: none;
}
.slider-arrows {
}

.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 40px 4px 40px 4px;
color: #000 !important;
background-color:#fff;
opacity:0.5;
font-size: 2.2em;
font-family: 'BenchNine', sans-serif;
}

.slider-arrow:hover {
opacity:0.8;
}

.slider-arrow--right {
bottom: 40%;
right: 0px;

}
.slider-arrow--left {
bottom: 40%;
left: 0px;
}
.slider-nav {
position: absolute;
bottom: 1em;
opacity: 0.5;
}
.slider-nav:hover {
opacity: 0.8;
}
.slider-nav__item {
width: 12px;
height: 12px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #000;
border: 1px #fff solid;
}
.slider-nav__item:hover {
background: #fff;
border: 1px #000 solid;
}
.slider-nav__item--current {
background: #fff;
border: 1px #000 solid;
}

li
{
list-style:none;
}

.slideimg
{
max-width:100%; 
max-height:100%;
}