.carrier {
    top:0px;
    background: #212529;
    color: #ffffff;
    height: 38px;
    padding: 5px 20px;
    text-align: right;
    box-shadow: 0px 0px 10px #534C4E;
    transition: all .5s;
}
.carrier .col-6.align-left .row {
    overflow: hidden;
}
.btn-xsm {
    padding: .025rem .25rem;
    font-size: .6rem;
    line-height: 1.5;
    border-radius: 5rem;
}
.carrier .btn-outline-prime {
    border-color: #d3d3d3 !important;
    color: #ffffff !important;
}
.carrier.show-me .btn-outline-prime {
    border-color: #2e2e2e !important;
    color: #444444 !important;
}
.carrier .btn-outline-prime:hover {
    border-color: #AD2851 !important;
    background-color: #AD2851 !important;
    color: #ffffff !important;
}
.carrier .into-me {
    /* opacity: 1; */
    transition: .5s
}
.carrier.show-me {
    background: #E8E8E8;
    color: #000000;
}
.carrier.show-me .into-me {
    /* opacity: 1; */
    transition: all .1s;
    font-weight: 600;
} 
.carrier img {
    opacity: 0;
}.carrier.show-me img {
    opacity: 1;
}
.carrier:hover .into-me{
    /* opacity: 1; */
    transition: .5s;
    font-weight: 600;
}
.carrier .col-10 p {
    font-size: .7rem;
    margin: 0px;
    line-height: 2;
}