.speaker-btn-001 img {
    transition: 0.3s;
}

.speaker-btn-001 img:hover {
    opacity: 0.5;
}

.flip-speaker-001 .sppb-flipbox-panel {
    display: flex;
    height: 400px !important;
}

@media(max-width:991px){
.flip-speaker-001 .sppb-flipbox-panel {
    display: flex;
    height: 380px !important;
    background-size: cover;
}}
.sppb-flipbox-front {
    background-size: cover !important;
    display: flex;
    background-position: top !important;
}

.sppb-flipbox-back.flip-box {
      padding: 20px;
      vertical-align: text-top !important;
      font-size: 13px;
      position: relative;
      background: linear-gradient(-331deg, rgb(30 27 81) 3%, rgb(55 53 128) 73%, rgb(105 104 158) 100%);
}

.sppb-flipbox-back.flip-box:after {
    position: absolute;
    content: '';
    background: url(/images/00-Sierra/pattern/07.png);
    width: 120px;
    height: 56px;
    background-size: cover;
    left: 0px;
    bottom: 0px;
    transition: 0.3s;
}

.sppb-flipbox-back.flip-box {
    padding: 0px;
}

.flip-box-inner {
    vertical-align: text-top !important;
    padding: 20px;
}



/*speaker*/
.border-speaker-001 .sppb-container-inner { 
    height:100%;
}

.border-speaker-001 .sppb-row {
    height: 100%;
}

.border-speaker-001 .sppb-column .sppb-column-addons {
    height: 100%;
    padding-bottom: 70px;
}

.border-speaker-001 .sppb-column-addons>div:last-child {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.border-speaker-001 .sppb-section {
    height: 100%;
}


.speaker-btn-001 .sppb-btn-primary {
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    letter-spacing: 1px !important;
    font-size: 15px !important;
    transition:0.3s;
}

.speaker-btn-001 .sppb-btn-primary:before {
    transform: skew(0deg);
}
.speaker-btn-001 .sppb-btn-primary:hover {
    opacity:0.9;
}