.slider-graf-back {
    position: relative;
}
.slider-graf-back .title {
    color: #191919;
    font-size: 1.667em;
    font-weight: 700;
    text-align: center;
    padding: 15px 0 0 0;
}
.slider-graf-back .title a {
    color: #258bc9;
}
.slider-graf-back .info {
    text-align: center;
    color: #191919;
    font-size: 1.333em;
    margin-bottom: 30px;
}
.slider-graf-back .slide-list {
    margin: 0 auto;
    height: 310px;
    position: relative;
    oveflow: hidden;
}
.slider-graf-back .slide-list .item {
    height: 310px;
    margin: 0 80px;
    position: relative;
    display: none;
    background: url('../images/slider-graf-back.jpg') left 114px repeat-x;
}
.slider-graf-back .slide-list .item.active {
    display: block;
}
.slider-graf-back .slide-list .item .before,
.slider-graf-back .slide-list .item .after {
    width: 60px;
    position: absolute;
    bottom: 35px;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
}
.slider-graf-back .slide-list .item .before {
    background-color: #ccd0db;
    left: 50%;
    height: 18%;
    margin-left: -70px;
}
.slider-graf-back .slide-list .item .after {
    background-color: #ff613f;
    left: 50%;
    height: 43%;
    margin-left: 10px;
}
.slider-graf-back .slide-list .text {
    color:  #191919;
    font-size: 1.25em;
    font-weight: 700;
    position: relative;
    top: 186px;
    text-align: center;
    text-transform: uppercase;
}
.slider-graf-back .slide-list .text span:first-of-type {
    position: relative;
    right: 12px;
}
.slider-graf-back .slide-list .text span:last-of-type {
    position: relative;
    left: 29px;
}
.slider-graf-back .slide-list .item .before div,
.slider-graf-back .slide-list .item .after div {
    position: absolute;
    width: auto;
    background-color: #494949;
    white-space: nowrap;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    font-size: 1.167em;
    padding: 5px 9px;
    top: -50px;
}
.slider-graf-back .slide-list .item .before div {
    right: 41px;
}
.slider-graf-back .slide-list .item .after div {
    left: 41px;
}
.slider-graf-back .slide-list .item .before img {
    position: absolute;
    bottom: -7px;
    right: 9px;
}
.slider-graf-back .slide-list .item .after img {
    position: absolute;
    bottom: -7px;
}