/* Useful Links
-------------------------------------------------------------- */
.useful-links-loading-wrapper img {
    width: 100px;
}

.useful-links-control-wrapper {
    width: 98%;
    margin: 0 auto;
}

.single_slider {
    position: relative;
    background: #0D305B;
    height: 150px !important;
}

.single_slider .useful_link {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 1px solid #fff;
}

.single_slider .useful_link:hover,
.single_slider .useful_link:visited {
    color: #fff;
}

/*.single_slider.slick-slide.slick-current.slick-active .useful_link {
    border-left: none;
}*/

.single_slider .useful_link_image_container {
    height: 50px;
}

.single_slider .useful_link_image_container img {
    display: block;
    margin: 0 auto;
    max-height: 40px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.single_slider .useful_link_info_text {
    white-space: normal;
    font-weight: normal;
    padding: 0 10px;
    display: -webkit-box;
    max-width: 190px;
    height: 42px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 21px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slider-nav .slick-prev:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
}

.slider-nav .slick-next:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
}

.useful_link:hover .useful_link_image_container img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.slick-slider {
    margin-bottom: 0;
}

/* Responsive
-------------------------------------------------------------- */
@media (max-width: 991px) {
    .single_slider .useful_link {
        border: none;
    }
}

@media (max-width: 785px) {
    .useful-links-control-wrapper {
        width: 96%;
    }
}

@media (max-width: 525px) {
    .useful-links-control-wrapper {
        width: 92%;
    }
}