.about-columns .container .view {position: relative; z-index:15;}

.about-columns .about-columns-text{padding:30px;}
.about-columns .about-columns-text h4 a {margin-bottom:0;line-height:34px}
.about-columns .about-columns-text .subtile span {line-height:23px;text-transform:uppercase}
.about-columns .about-columns-text p span {line-height:37px; margin-top:19px; overflow:hidden;height:185px}
.about-columns .about-columns-text em{display:block;height:3px;background:rgba(255,255,255,.3);width:0;transition:all .3s ease-in-out 0s;}
.about-columns .about-columns-text:hover em{width:100px}
.about-columns .about-columns-text .about-columns-text-more {
    padding-top:30px;
}
.about-columns .about-columns-text .about-columns-text-more a {
    position: relative;
    display:inline-block;
    height:32px;
    line-height: 34px;
    padding-left:16px;
    transition:.6s
}
.about-columns .about-columns-text .about-columns-text-more a:before {
    content: "";
    width:15px;
    height:1px;
    position: absolute;
    left:10px;
    top:50%;
    transform: translateY(-50%);
    transition:.7s
}
.about-columns .about-columns-text:hover .about-columns-text-more a {
    padding-left:36px;
}
.about-columns .about-columns-text:hover .about-columns-text-more a:before {
    width:30px;
}
.about-columns .about-columns-text .about-columns-text-more a:after {
    content: "";
    width:1px;
    height:15px;
    position: absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
}

@media screen and (min-width: 0) and (max-width: 991px){
    .about-columns-text p{height: auto;}
    .about-columns-text em{margin: 0;}
}
@media screen and (min-width: 0) and (max-width: 767px){
    .about-columns-item:after,
    .about-columns-item:before {display: none;}
}