.accordion{width: 100vw;overflow:hidden; height:650px}
.accordion ul li{background-repeat:no-repeat;float:left;width:14vw;height:650px;cursor:pointer; background-size: cover; border-left: solid 3px #fff; position: relative;}
.accordion ul li:first-child{border: none}
.accordion ul li.active{width: 71.37096774193549vw}
.accordion ul .item2{background-image:url(../img/slider_03.jpg)}
.accordion ul .item3{background-image:url(../img/slider_02.jpg)}
.accordion ul .item4{background-image:url(../img/slider_01.jpg?v=1.0.1)}

.accordion ul li a.title{background-size: cover;}
.accordion ul .item2 a.title{background-image:url(../img/slider_03.jpg); background-position: -520px 0; }
.accordion ul .item3 a.title{background-image:url(../img/slider_02.jpg); background-position: -455px 0; }
.accordion ul .item4 a.title{background-image:url(../img/slider_01.jpg?v=1.0.1); background-position: -615px 0; display: block !important}


.accordion ul li a.title{display:block; width:100%; height:650px; cursor:pointer; text-decoration: none; position: relative; transition:all 0.3s ease;}
.accordion ul li.item3 a:before{width: calc(100% - 3px);}

.accordion ul li a.title p{color: #fff; font-size: 30px; font-family: 'Ubuntu'; font-weight: bold; text-align: center; }
.accordion ul li a.title .sb{text-align: center; color: #fff; display: block; font-size: 15px; font-family: 'Open Sans'; padding:20px 0; background: url('../img/ico-saiba-mais.png') 175px center no-repeat}
.accordion ul li a.title .info{display: block; position: absolute; bottom: 20px; width: 100%}

.accordion ul li .description{position: absolute; top: 60px; left: 60px; display: none; z-index: 2; color: #fff; text-align: center; font-size: 18px; padding-top: 10px; width: 365px}
.accordion ul li strong{color: #fff; font-size: 40px; font-family: 'Ubuntu'; display: block;padding-bottom: 10px;}

.accordion ul li.active a.title{display: none !important; transition:all 0.3s ease;}
.accordion ul li.active .description{display: block !important; transition:all 0.3s ease;}
.accordion ul li .description a{display: inline-block; border: solid 1px #fff; background: none; padding: 10px 20px; margin: 15px 0 0 0; color: #fff; text-decoration: none; border-radius: 3px; transition:all 0.3s ease}
.accordion ul li .description a:hover{background: rgba(255,255,255,0.1);transition:all 0.3s ease}



/* by alexandre */
.accordion ul{
    margin: 0;
    padding: 0;
    list-style: none;
}