.ar-banner{
    position: relative;
    width: 100%;
    margin: 0;
    background: #cccccc;
}
.ar-banner .ar-slide{
    position: relative;
    width: 100%;
}
.ar-banner .ar-slide:focus{
    outline: none;
}
.ar-banner .ar-slide .ar-slide-block{
    position: relative;
    width: 50%;
    float: left;
    height: 538px;
    background-size: cover;
    background-position: 50% 50%;
}
.ar-banner .ar-slide .ar-slide-block.color{
    padding: 50px;
    box-sizing: border-box;
    color: #fff;
    display: table;
    background-image: linear-gradient(to bottom right, #0589c7, #c809a6);
}
.ar-banner .ar-slide .ar-slide-block.color .center{
    display: table-cell;
    vertical-align: middle;
}
.ar-banner .ar-slide .ar-slide-block.color .center h2{
    position: relative;
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 36px;
}
.ar-banner .ar-slide .ar-slide-block.color .center .desc{
    position: relative;
    font-size: 18px;
    line-height: 1.5em;
}