.slider {
	position:relative;
}
.slider-container {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
	white-space:nowrap;
	overflow:hidden;
}
.slider-container .slide {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    position: relative;
    left: 0%;
}
.slider-cover {
    width: 60%;
    display: inline-block;
}
.slider-cover-image {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #c3c3c3;
}
.slider-details {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.slider-details .slider-title {
    font-family: 'Rajdhani';
    font-size: 22pt;
    font-weight: bold;
}
.slider-details .slider-caption {
    font-size: 12pt;
    margin: 15px 0px 15px 0px;
}
.slider .slider-previous-button {
    width: 50px;
    height: 50px;
    background-image: url(/images/previous-arrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 40%;
    opacity: 0.5;
    transition: transform 500ms, opacity 500ms;
}
.slider .slider-next-button {
    width: 50px;
    height: 50px;
    background-image: url(/images/next-arrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 40%;
    right: 0px;
	opacity:0.5;
	transition: transform 500ms, opacity 500ms;
}
.slider .slider-previous-button:hover {
	opacity:1;
	transition: transform 200ms, opacity 500ms;
}
.slider .slider-next-button:hover {
	opacity:1;
	transition: transform 200ms, opacity 500ms;
}
.slider .slider-button img {
    width: 100px;
    margin: 18px;
	cursor:pointer;
}
.slider .slider-button:hover img {
    transform: scale(1.1);
    transition: transform 700ms;
}