.card-icon i {
    border:none;
}
.slick-prev{
    color: #000000;
}
.slick-arrow{
    color: #000000 !important;
}
.slick-arrow:before{
    color: #000000;
}

.tile2.selected, .tile2:active {
border-color: #ccc!important;
}
.tile2 {
display: block;
float: left;
height: 135px;
width: 135px!important;
cursor: pointer;
text-decoration: none;
color: #fff;
position: relative;
font-weight: 300;
font-size: 12px;
letter-spacing: .02em;
line-height: 20px;
overflow: hidden;
border: 4px solid transparent;
margin: 0 10px 10px 0;
}
.tile2:after, .tile2:before {
content: "";
float: left;
}

.tile2 .tile-body {
height: 100%;
vertical-align: top;
padding: 10px;
overflow: hidden;
position: relative;
font-weight: 400;
font-size: 12px;
color: #fff;
margin-bottom: 10px;
}

.tile2 .tile-body>i {
margin-top: 17px;
display: block;
font-size: 56px;
line-height: 56px;
text-align: center;
}

.tile2 .tile-object {
position: absolute;
bottom: 0;
left: 0;
right: 0;
min-height: 30px;
}

.tile2 .tile-object {
background-color: transparent;
}

.tile2 .tile-object >.name {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 15px;
font-weight: 400;
font-size: 13px;
color: #fff;
}