.slider-pro {

color: #fff;
box-sizing: border-box;
}
.sp-slide {
padding:0 15px;
box-sizing: border-box;
}

.sp-layer {
position:initial;
}

.sp-arrow {
position: relative;
width: 50%;
height:125px;
text-align: center;
text-transform: uppercase;
font-size:18px;
color:#f2eeea;
padding: 0 100px;
line-height:125px;
box-sizing: border-box;
font-family: 'Avenir-Heavy';
font-weight:bold;
opacity:1;
transition: opacity 300ms ease 0s;
}
.sp-arrow:hover {opacity:0.9;}

.sp-horizontal .sp-arrows {
position: relative;
margin-top: -1px;
height:125px;
}

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
width: 2px;
height: 27%;
}
.sp-previous-arrow:after {
left:70px;
}
.sp-previous-arrow:before {
left:70px;
top:28px;
}

.sp-next-arrow::before {transform:skew(45deg, 0deg)}
.sp-next-arrow::after {transform:skew(-45deg, 0deg)}
.sp-previous-arrow::before {transform:skew(135deg, 0deg)}
.sp-previous-arrow::after {transform:skew(-135deg, 0deg)}

.sp-horizontal .sp-previous-arrow {
left: 0;
float: left;
background: #be5b3a;
border-right:2px #cfd0d4 solid;
}

.sp-horizontal .sp-next-arrow {
right: 0;
float: right;
background: #1f1e1c;
border-left:2px #cfd0d4 solid;
}

.sp-next-arrow:before {
right:70px;
top:28px;
}

.sp-next-arrow:after {
right:70px;
}

.sp-buttons {
margin-bottom: 15px;
}

.sp-button {
background:#848484;
border: none;
width: 9px;
height: 9px;
}

.sp-selected-button {
background-color: #fff ;
}