.ec{
    position:relative
}
.ec .ec__holder{
    overflow:hidden
}
.ec .ec__track{
    will-change:transform
}
.ec .ec__track:after{
    content:'';
    display:table;
    clear:both
}
.ec .ec__item{
    float:left;
    overflow:hidden
}
.ec .ec__pagination{
    text-align:center;
    margin-top:10px
}
.ec .ec__pagination .pagination__dot{
    width:8px;
    height:8px;
    background-color:transparent;
    display:inline-block;
    border:1px solid #000;
    margin:0 5px;
    border-radius:50%;
    cursor:pointer
}
.ec .ec__pagination .pagination__dot--active{
    background-color:#000
}
.ec .ec__nav{
    position:absolute;
    bottom:10px;
    /*border-top:2px solid #000;
    border-right:2px solid #000;
    width:8px;
    height:8px;*/
    cursor:pointer
}
.ec .ec__nav:before{
    content:''
}
.ec .ec__nav--prev{
    /*transform:rotate(-135deg);*/
    left: -90px;
    bottom: 220px;

}
.ec .ec__nav--next{
    /*transform:rotate(45deg);*/
    right: -90px;
    bottom: 220px;
}

.ec__nav--prev {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    border: 0.1em solid #333;
    border-radius: 50%;
    margin-right: 1.5em;
}

.ec__nav--prev:after {
    content: '';
    display: inline-block;
    margin-top: 0.85em;
    margin-left: 0.95em;
    width: 0.7em;
    height: 0.7em;
    border-top: 0.1em solid #333;
    border-right: 0.1em solid #333;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ec__nav--next {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    border: 0.1em solid #333;
    border-radius: 50%;
    margin-left: 1.5em;
}

.ec__nav--next:after {
    content: '';
    display: inline-block;
    margin-top: 0.85em;
    margin-left: 0.65em;
    width: 0.7em;
    height: 0.7em;
    border-top: 0.1em solid #333;
    border-right: 0.1em solid #333;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}