.quick_jump_wr {
    position: relative;
    z-index: 10;

    
    margin-bottom: 30px;
}
.quick_jump img {
    width: 100%;
}
.quick_jump {
    position: relative;

    -webkit-transition-duration: .0s;
            transition-duration: .0s;

    -webkit-box-shadow: 1.5px 2.598px 6px 0 rgb( 212, 215, 223 );
            box-shadow: 1.5px 2.598px 6px 0 rgb( 212, 215, 223 );

    margin-bottom: 50px;

}
.quick_jump:hover {
    -webkit-box-shadow: 5px 8.66px 15px 0 rgb( 212, 215, 223 );
            box-shadow: 5px 8.66px 15px 0 rgb( 212, 215, 223 );
}
.quick_jump div {
    position: absolute;
    top: 36px;
    left: 50px;
}
.quick_jump h4 {
    font-size: 18px;
    font-weight: 700;

    margin: 0 0 7px 0;

    letter-spacing: 1.8px;
    text-transform: uppercase;

    color: #000;
}

.quick_jump p {
    font-size: 13px;
    font-weight: normal;

    margin: 0;

    color: #a3abbe;
}
.quick_jump a {
    position: absolute;
    right: 34px;
    bottom: -26px;

    display: inline-block;
    overflow: hidden;

    min-width: 52px;
    height: 52px;
    padding: 0 0;

    -webkit-transition-duration: .0s;
            transition-duration: .0s;
    text-align: center;

    border: 2px solid #24a60a;
    -webkit-border-radius: 26px;
            border-radius: 26px;
    background: #24a60a;
}
.quick_jump a:hover {
    min-width: 180px;
    padding: 0 20px;
    background: #24a60a;
    border-color: #24a60a;
}
.quick_jump a:after {
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 48px;

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 48px;
    height: 48px;

    content: '\f178';
    -webkit-transition-delay: .0s;
            transition-delay: .0s;
    -webkit-transition-duration: .0s;
            transition-duration: .0s;
    text-align: center;

    color: #24a60a;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 25px #fff;
            box-shadow: inset 0 0 0 25px #fff;
}
.quick_jump a:hover:after {
    left: 115%;

    -webkit-transition-delay: .0s;
            transition-delay: .0s;
}
.quick_jump a span {
    font-size: 15px;
    font-weight: 700;
    line-height: 48px;

    display: inline-block;
    overflow: hidden;

    max-width: 0;

    -webkit-transition-duration: .0s;
            transition-duration: .0s;
    white-space: nowrap;

    color: #fff;
}
.quick_jump a:hover span {
    max-width: -webkit-calc(100% - 20px);
    max-width:         calc(100% - 20px);

    -webkit-transition-delay: .0s;
            transition-delay: .0s;
}
@media (max-width: 1199px) {
    .quick_jump {
        margin-bottom: 42px;
    }
}

@media (max-width: 767px) {
    .quick_jump {
        max-width: 480px;
        margin: 0 auto 45px auto;
    }
    #quick_jump_wr {
        margin-bottom: 60px;
    }
}