.list-item-ts {
    width: 1194px;
    display: inline-block;
}
/*.list-item-ts:first-child {*/
/*margin-top: 0;*/
/*}*/
.item-transportation {
    width: 388px;
    height: 220px;
    float: left;
    display: inline-block;
    margin: 5px;
}
.img-transportation {
    width: 388px;
    height: 170px;
    display: block;
    object-fit: cover;
}
.mdl-card__title {
    padding: 0;
}
.route-transportation {
    border-radius: 2px;
    width: 100%;
    height: auto;
    display: inline-block;
}
.name-transportatiton {
    position: absolute;
    /*background: #3d3d3d;*/
    width: 100%;
    bottom: 50px;
    height: 30px;
    /*opacity: 0.8;*/
    backface-visibility: visible;
}
.name-transportatiton:before {
    background: #3d3d3d;
    opacity: 0.8;

}
.name-transportatiton span {
    color: #ffffff;
    font-weight: 600;
    display: inline-block;
    align-items: center;
    vertical-align: middle;
    margin-top: 6px;
    margin-left: 6px;
}
.contact-phone {
    position: absolute;
    display: block;
    background: #FFA15C;
    bottom: 32px;
    right: 5px;
}
.ul-transportation {
    width: 100%;
    display: contents;
}
.ul-transportation .route-transportation-text {
    background: #F6F6F6;
    display: inline-block;
    border-radius: 5px;
    /*width: 122px;*/
    margin-left: 2px;
    margin-top: 7px;
}
.contact-phone:focus {
    background: #FFA15C;
    opacity: 0.9;
    outline: none;
}
.contact-phone:hover {
    background: #FFA15C;
}
.mdl-cell--2-col {
    width: calc((100% - 1194px)/2);
}
.mdl-cell--8-col {
    width: 1194px;
}