﻿#spl-ofr-container {
    padding: 0;
    margin: 0 auto;
}
    #spl-ofr-container.row {
        margin: 0;
    }
    #spl-ofr-container h1 {
        margin: 10px 0 0 0;
        font-size: 60pt;
    }
    #spl-ofr-container h2 {
        margin: 10px 0 10px 0;
        font-size: 55pt;
    }

.top-logo {
    margin-top: 6px
}

#subheadr {
    font-size: 25pt;
}

.subheadr {
    font-size: 15pt;
}

.bndl-info-left {
    background: url(/img/prod/bundle/900/mega-drum-bundle.png);
    background-repeat: no-repeat;
    background-position: 65px 5px;
    background-size: 585px 892px;
    min-width: 368px;
    min-height: 800px;
}

.bndl-info-left-whole {
    background: url(/img/prod/bundle/900/whole-store-bundle.webp);
    background-repeat: no-repeat;
    background-position: 65px 5px;
    background-size: 585px 892px;
    min-width: 368px;
    min-height: 800px;
}

.bndl-info-right-cont {
    padding: 80px 10px 0 0
}

.bndl-info-right {
    border-radius: 15px;
    padding: 10px 15px;
    font-size: 14pt;
}
    .bndl-info-right div {
        padding: 8px 0;
        display: flex;
        align-items: center;
    }
    .bndl-info-right i {
        padding: 2px 0;
        margin-right: 15px;
        font-size: 20pt;
    }

.bndl-info-right-btm {
    border-radius: 15px;
    margin-top: 15px;
    padding: 15px;
    font-size: 16pt;
    text-align: center;
}

.agg-rating {
    margin-top: 20px;
    text-align: center;
    font-size: 16pt;
}

.col-md-4 {
    padding: 2px;
}


.panel-heading {
   /* text-transform: uppercase;*/
   font-weight:bold;
   font-size: 14pt;
}

.panel-body {
    background-repeat: no-repeat;
    background-position: 36px 10px;
    background-size: 250px 381px;
    height: 360px;
    padding: 0;
}

.panel-img-front {
    width: 100%;
    height: 360px;
    background-repeat: no-repeat;
    background-position: 134px 10px;
    background-size: 260px 395px;
    font-weight: bold;
    font-size: 13pt;
    position: relative;
    overflow: hidden;
}

.panel-img-single {
    background-position: 75px 12px !important;
}

.panel-info {
    padding-top:305px;
}
    .panel-info div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.value-tag {
    color: #f73737
}

.panel-footer {
    padding:0;
    height:43px;
}
.panel-footer audio {
    padding: 0;
    margin:0;
    height: 42px;
    width:100%;
}


.label-strip {
    top: -36px;
    left: -51px;
    width: 100px;
    height: 100px;
    position: absolute;
    transform: rotate(-45deg);
}
    .label-strip span {
        bottom: 0;
        width: 120px;
        display: block;
        position: absolute;
        font-size: 15px;
        line-height: 2em;
        text-align: center;
        text-transform: uppercase;
        background: #36A8FF;
        color: #fff;
    }

.middle-cont {
    border-radius: 15px;
    padding: 10px 15px 25px 15px;
    font-size: 14pt;
    margin: 20px auto;
    text-align:center;
}

.large-text {
    font-size: 25pt;
}

#tony-section {
    margin: 80px auto;
    min-height: 400px;
    border-radius: 15px;
    box-shadow: 0 0 3px 4px white;
    background: 
        linear-gradient(to top, white 0%, transparent 16%), 
        linear-gradient(to right, white 62%, transparent 75%),
        linear-gradient(to left, white 0%, transparent 22%), 
        linear-gradient(to bottom, white 0%, transparent 16%), 
        url(/images/tony/tony-pappas.jpg) no-repeat top right white;
}

#tony-text {
    margin: 0;
    padding: 15px 40% 0 15px;
    border-radius: 15px;
}
    #tony-text p {
        color: #333;
        font-size: 14pt;
    }
    #tony-text sub {
        font-size: 30pt;
    }

#signature{
    color:#444;
}

.testis {
    color: #111;
    background-color: white;
    box-shadow: 0 0 3px 4px white;
    border-radius: 15px;
    margin-bottom:30px;
}

@media (max-width: 767px) {
    .bndl-info-left {
        background-position: 65px 5px;
        background-size: 720px 1098px;
        min-width: 100%;
        min-height: 830px;
    }

    .bndl-info-right-cont {
        padding: 0 10px 0 0
    }

    .panel {
        margin: 2px auto;
        max-width: 500px;
    }

    .panel-body {
        background-position: 65px 15px;
    }

    .panel-img-front {
        background-position: 265px 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bndl-info-left {
        background-position: calc(100% + 160px) 15px;
        background-size: 540px 823px;
    }

    .panel-body {
        background-position: 45px 15px;
    }
    .panel-img-front {
        background-position: 227px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}
