p.slick-controls a.slick-arrow i.fa {font-weight: 500 !important;color: white !important;}

  div.banner p.description::before, div.banner p.description::after {
    font-family: "FontAwesome";
    content: "\f10e";
    font-weight: 900;
    color: hsla(0, 68%, 45%, 1);
    font-size: 0.95em;
    margin-left: 0.4em;
    vertical-align: top;
    line-height: 1;
  }
  button.banner-controls {
    position: absolute;
    top: 90px;
    right: 40px;
    opacity: 0.7;
    padding: 7px;
    border: none;
    outline: none;
    background: none;
    transition: opacity 150ms ease-in;
}



button.banner-controls{
    font-family: "FontAwesome";
    font-size: 40px;
    color: #fff;
    line-height: 1em;
    font-weight: 100;
}
button.banner-controls.pause::after {
    content: "\f144";
    
}button.banner-controls.play::after {
    content: "\f28b";
    
}

 p.slick-controls {
	position: absolute;
	padding: 0;
    opacity: 0.75;
    top: 40%;
    width: 50%;
    right: 25%;
    left: 25%;
}





    a.slick-arrow {
        border-bottom: none!important;
    }
}
p.slick-controls a.slick-arrow {
    border-bottom: none!important;
    color: hsla(0, 0%, 0%, 1);
    position: absolute;
    z-index: 99;
    display: inline-block;
    width: 20px;
    font-size: 0;
	line-height: 0;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
p.slick-controls a.slick-arrow[aria-label="button-left"] {left:5px;}
p.slick-controls a.slick-arrow[aria-label="button-right"] {right: 5px;}
p.slick-controls a.slick-arrow i.fa {
    font-weight: 300;
	font-size: 48px;
    color: hsla(0, 0%, 0%, 1);
	margin: 0;}
 @media all and (max-width: 32em) {
     button.banner-controls {
         top: 130px;
         right: 10px;
         margin-top:0px!important;
     }
 }