.slider {
width: 100%;
}
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev,
.slick-next {
width: 40px;
height: 40px;
}
.slick-prev {
left: -30px !important;
}
.slick-next {
right: -10px !important;
}
.slick-prev:before,
.slick-next:before {
display: inline-block;
width: 40px;
height: 40px;
background-color: #357;
padding: 10px;
border-radius: 50%;
opacity: 1 !important;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active,
.slick-current {
opacity: 1;
}
.notification { }
.notification-card {
position: relative;
height: 200px;
overflow: hidden; padding: 10px; }
.notification-date,
.notification-time,
.notification-link {
font-size: 12px;
line-height: 30px;
}
.notification-content {
font-size: 12px;
text-align: justify;
}
.notification-time {
float: right;
}
.notification-title {
font-weight: bold;
}
a.notification-link {
font-weight: bold;
color: #286ba0;
text-decoration: none!important;
}
.notification-link:after {
content:'\003E';
margin: 3px;
}
.notification-bottom {
position: absolute;
bottom: 0;
width: 100%;
margin: 0 -10px;
padding: 40px 10px 10px 10px;
background-image: linear-gradient(#fff0,#fffc,#fff0);
}