/* Main Banner */
.mainHoliday-banner {
    background-image:url('https://cdn.shopify.com/s/files/1/0275/7784/3817/files/fur-vector.svg?v=1604342595');
    background-color: #2d2d2d;
    background-size:cover;
    overflow:hidden;
}
.mainHoliday-bannerRow {
    overflow: hidden;
}
.mainHoliday-bannerRow .imgSide{
    background: #F0EEEB;z-index: 98;
}
.mainHoliday-banner .pinecone_img {
    position: absolute;
    width: 262px;
    left: calc(-33% - 64px);
}
.mainHoliday-img {
    text-align: center;
    position: absolute;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
}
.mainHoliday-bannerContent {
    max-width: 550px;
    margin-left: auto;
    padding: 90px 0 70px;
}
.mainHoliday-bannerContent h1 {
    font-size: 70px;
    font-family: MetropolisBlack;
    line-height: .85;
    margin-bottom: 40px;
    color: #F0EEEB;
}
.mainHoliday-bannerContent .limited-time {
    font-size: 20px;
    margin-left: 44px;
    font-family: MetropolisBold;
    color: #91a24f;
}
.mainHoliday-bannerContent .percent-savings {
    position: relative;
    color: #91A24F;
    font-family: MetropolisBold;
    font-size: 46px;
    z-index: 1;
    line-height: 1;
    align-items: center;
    display: flex;
}
.mainHoliday-bannerContent .percent-savings:before {
    content: '';
    width: 300vw;
    height: 80px;
    position: absolute;
    background: #fff;
    left: -300%;
    z-index: -1;
}
.mainHoliday-bannerContent .percent-savings:after{
    content: '';
    width: 80px;
    height: 100vh;
    position: absolute;
    background: #fff;
    left: -30%;
    z-index: -1;
    transform: rotate(180deg);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.mainHoliday-bannerContent .percent-off {
    margin-left: 8px;
}
.mainHoliday-bannerContent .sale-percent {
    position: absolute;
    display: block;
    top: 0;
    font-size: 30px;
}
.mainHoliday-bannerContent .sale-off {
    position: absolute;
    bottom: 0;
    font-size: 14px;
}
.mainHoliday-bannerContent h6 {
    margin-bottom: 30px;
    color: #F0EEEB;
    margin-top: 46px;
    font-size: 25px;
    line-height: 1;
    font-family: MetropolisBold;
}
.mainHoliday-bannerContent p {
    margin-bottom: 0;
    color: #F0EEEB;
    font-size:16px;
    font-family:Metropolis;
    line-height:1.3;
}
.mainHoliday-bannerContent .mobile-block {
    display:none;
}
.mainHoliday-banner .btn-outline-primary {
 align-items: center;
    color: #fff;
    margin-top: 12px;
    border: 2px solid;
    display: flex;
    justify-content: center; 
}
@media(min-width: 1800px) {
    .mainHoliday-bannerContent {
        max-width: 998px;
    }
}
@media (min-width: 1200px) {
    .col-xl-7 {
    -ms-flex: 0 0 58.33334%;
    flex: 0 0 58.33334%;
    max-width: 58.33334%;
    }
  /*.holiday-ctas {
   display: flex;
    align-items:center;
  }
  .holiday-ctas .btn-outline-primary {
   margin-top: 0px !important;
    margin-left: 8px;
    width: 192px !importnt;
  }*/
}
@media(max-width: 1200px) {
    .mainHoliday-banner .pinecone_img {
        position: absolute;
        width: 198px;
        left: calc(-33% - 32px);
    }
    .mainHoliday-bannerContent h1 {
        font-size: 62px;
    }
    .mainHoliday-bannerContent {
        max-width: 436px;
    }
    .mainHoliday-bannerContent .percent-savings {
        margin-left: 4px;
        z-index:0;
    }
    .mainHoliday-bannerContent .percent-off {
        margin-left: 4px;
    }
    .mainHoliday-bannerContent .percent-savings {
    }
    .mainHoliday-bannerContent .percent-savings:before {
        height: 75px;
    }
}
@media(max-width: 992px) {
    .mainHoliday-bannerContent h1 {
        font-size: 62px;
    }
    .mainHoliday-bannerContent .limited-time {
        font-size: 18px;
        margin-left: 33px;
    }
    .mainHoliday-bannerContent .percent-off {
        margin-left: 4px;
    }
    .mainHoliday-bannerContent .percent-savings {
        font-size: 25px;
        margin-left: 4px;
    }
    .mainHoliday-bannerContent .percent-savings {
        font-size:32px;
    }
    .mainHoliday-bannerContent .sale-percent {
        font-size: 22px;
    }
    .mainHoliday-bannerContent .sale-off {
        font-size: 10px;
    }
    .mainHoliday-bannerContent .percent-savings:before {
        height: 60px;
    }
}
@media(max-width: 767px) {
    .mainHoliday-bannerContent {
        max-width: unset;
        text-align: center;
    }
  .holiday-ctas a {
   max-width: calc(100% - 30px) !important; 
  }
  .mainHoliday-banner .btn-outline-primary {
    margin-left: auto;
    margin-right: auto;
  }
    .mainHoliday-img {
        width: calc(100% - 60px);
        position:relative;
    }
    .percent-savings.desktop-block {
        display:none !important;
    }
    .mainHoliday-bannerRow .col-xl-7 {
        padding-left:0;
        padding-right:0;
    }
    .mainHoliday-bannerContent .mobile-block {
        background: #f0eeeb;
    display: block;
    padding-bottom: 15px;
    }
    .mainHoliday-bannerContent .mobile-block h5{
        margin-top: 14px;
        color: #91a24f;
        display:none;
    }
    .mainHoliday-bannerContent .percent-savings:after {
        display:none;
    }
    .mainHoliday-bannerContent .percent-savings:before {
        left: -100%;
        background: #f0eeeb;
    }
    .mainHoliday-bannerContent {
        padding: 30px 0;
    }
    .mainHoliday-bannerContent h1 {
        font-size: 50px;
        text-align: center;
        margin-bottom: 12px;
    }
    .mainHoliday-bannerContent h6 {
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 16px;
    }
    .mainHoliday-bannerContent .sale-off {
        font-size: 13px;
    }
    .mainHoliday-bannerContent .sale-percent {
        font-size: 35px;
    }
    .mainHoliday-bannerContent .percent-savings {
        text-align: center;
        font-size: 44px;
        justify-content: center;
        margin:0;
    }
    .mainHoliday-bannerContent .limited-time {
        display:none;
    }
    .mainHoliday-bannerContent {
        text-align: center;
    }
}
/* / Main Banner */

/* Limited Banner */
.limitedHoliday-banner {
    background-image:url('https://cdn.shopify.com/s/files/1/0275/7784/3817/files/fur-vector.svg?v=1604342595');
    background-color: #771214;
    background-size:cover;
}
.limitedHoliday-banner .pinecone_img {
    position: absolute;
    width: 262px;
    left: calc(-33% - 64px);
}
.limitedHoliday-bannerRow {
    overflow: hidden;
}
.limitedHoliday-bannerRow .imgSide{
    background: #F0EEEB;z-index: 98;
}
.limitedHoliday-img {
    text-align: center;
    position: absolute;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
}
.limitedHoliday-bannerContent {
    max-width: 550px;
    margin-left: auto;
    padding: 90px 0;
}
.limitedHoliday-bannerContent h1 {
    font-size: 64px;
    font-family: MetropolisBlack;
    line-height: .9;
    margin-bottom: 40px;
    color: #F0EEEB;
}
.limitedHoliday-bannerContent .limited-time {
    font-size: 20px;
    margin-left: 44px;
    font-family: MetropolisBold;
    color: #91a24f;
}
.limitedHoliday-bannerContent .percent-savings {
    position: relative;
    color: #91A24F;
    font-family: MetropolisBold;
    font-size: 46px;
    z-index: 1;
    line-height: 1;
    align-items: center;
    display: flex;
}
.limitedHoliday-bannerContent .percent-savings:before {
    content: '';
    width: 300vw;
    height: 88px;
    position: absolute;
    background: #fff;
    left: -300%;
    z-index: -1;
}
.limitedHoliday-bannerContent .percent-savings:after{
    content: '';
    width: 88px;
    height: 100vh;
    position: absolute;
    background: #fff;
    left: -30%;
    z-index: -1;
    transform: rotate(180deg);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.limitedHoliday-bannerContent .peppThumbnail {
    background: #313F1C;
    border: 10px solid #F0EEEB;
    width: 120px;
    height: 120px;
    position: absolute;
    right: 60px;
    border-radius: 50%;
    top: -40px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.limitedHoliday-bannerContent .peppImg {
    width: 100%;
    position:absolute;
    transform:scale(1.02);
    bottom:0;
}
.limitedHoliday-bannerContent .btn-primary {
    margin-top: 50px;
}
.limitedHoliday-bannerContent .percent-off {
    margin-left: 8px;
}
.limitedHoliday-bannerContent .sale-percent {
    position: absolute;
    display: block;
    top: 0;
    font-size: 30px;
}
.limitedHoliday-bannerContent .sale-off {
    position: absolute;
    bottom: 0;
    font-size: 18px;
}
.limitedHoliday-bannerContent h6 {
    margin-bottom: 16px;
    color: #F0EEEB;
    margin-top: 46px;
    font-size: 25px;
    line-height: 1;
    font-family: MetropolisBold;
}
.limitedHoliday-bannerContent p {
    margin-bottom: 0;
    color: #F0EEEB;
    font-size:16px;
    font-family:Metropolis;
    line-height:1.3;
}
.limitedHoliday-banner .mobile-block {
    display:none;
}
@media(min-width: 1800px) {
    .limitedHoliday-bannerContent {
        max-width: 998px;
    }
    .limitedHoliday-bannerContent .peppThumbnail {
        right: 50%;
    }
}
@media (min-width: 1200px) {
    .col-xl-7 {
    -ms-flex: 0 0 58.33334%;
    flex: 0 0 58.33334%;
    max-width: 58.33334%;
    }
}
@media(max-width: 1200px) {
    .limitedHoliday-banner .pinecone_img {
        position: absolute;
        width: 198px;
        left: calc(-33% - 32px);
    }
    .limitedHoliday-bannerContent h1 {
        font-size: 50px;
    }
    .limitedHoliday-bannerContent {
        max-width: 436px;
    }
    .limitedHoliday-bannerContent .percent-savings {
        font-size: 36px;
        margin-left: 4px;
    }
    .limitedHoliday-bannerContent .percent-off {
        margin-left: 4px;
    }
    .limitedHoliday-bannerContent .sale-percent {
        font-size: 19px;
    }
    .limitedHoliday-bannerContent .sale-percent {
        font-size: 19px;
    }
    .limitedHoliday-bannerContent .sale-off {
        font-size: 10px;
    }
    .limitedHoliday-bannerContent .percent-savings {
        font-size:29px;
    }
    .limitedHoliday-bannerContent .percent-savings:before {
        height: 75px;
    }
    .limitedHoliday-bannerContent .peppThumbnail {
        right:0;
    }
}
@media(max-width: 992px) {
    .limitedHoliday-bannerContent h1 {
        font-size: 44px;
    }
    .limitedHoliday-bannerContent .peppThumbnail {
right:0;
    }
    .limitedHoliday-bannerContent .limited-time {
        font-size: 18px;
        margin-left: 33px;
    }
    .limitedHoliday-bannerContent .percent-off {
        margin-left: 4px;
    }
    .limitedHoliday-bannerContent .percent-savings {
        font-size: 25px;
        margin-left: 4px;
    }
    .limitedHoliday-bannerContent .percent-savings {
        font-size:24px;
    }
    .limitedHoliday-bannerContent .sale-percent {
        font-size: 16px;
    }
    .limitedHoliday-bannerContent .sale-off {
        font-size: 8px;
    }
    .limitedHoliday-bannerContent .percent-savings:before {
        height: 60px;
    }
}
@media(max-width: 767px) {
    .limitedHoliday-bannerContent {
        max-width: unset;
        text-align: center;
    }
    .limitedHoliday-bannerContent .peppThumbnail {
        width: 100px;
        height: 100px;
        top: -20px;
    }
    .percent-savings.desktop-block {
        display:none !important;
    }
    .limitedHoliday-bannerRow .col-xl-7 {
        padding-left:0;
        padding-right:0;
    }
    .limitedHoliday-banner .mobile-block {
        background: #f0eeeb;
    display: block;
    padding-bottom: 15px;
    }
    .limitedHoliday-banner .mobile-block h5{
    margin-top: 0;
    color: #91a24f;
    font-size: 18px;
    }
    .limitedHoliday-bannerContent .percent-savings:after {
        display:none;
    }
    .limitedHoliday-bannerContent .percent-savings:before {
        left: -100%;
        background: #f0eeeb;
    }
    .limitedHoliday-bannerContent {
        padding: 30px 0;
    }
    .limitedHoliday-img {
        width: 100%;
        position:relative;
    }
    .limitedHoliday-bannerContent h1 {
        font-size: 40px;
        text-align: center;
        line-height: .95;
        margin-bottom: 12px;
    }
    .limitedHoliday-bannerContent h6 {
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
    }
    .limitedHoliday-bannerContent .btn-primary {
        margin-top: 37px;
    }
    .limitedHoliday-bannerContent .sale-off {
        font-size: 13px;
    }
    .limitedHoliday-bannerContent .sale-percent {
        font-size: 35px;
    }
    .limitedHoliday-bannerContent .percent-savings {
        font-size: 44px;
    justify-content: end;
    margin: 0 15px;
    text-align: left;
    }
    .limitedHoliday-bannerContent .limited-time {
        display:none;
    }
    .limitedHoliday-bannerContent {
        text-align: center;
    }
}
/* / Limited Banner */


/* BYOB Banner */
.byobHoliday-banner {
    background-image:url('https://cdn.shopify.com/s/files/1/0275/7784/3817/files/fur-bg-white.jpg?v=1604448249');
    background-color: #F0EEEB;
    background-size:cover;
}
.byobHoliday-banner .pinecone_img {
    position: absolute;
    width: 262px;
    left: calc(-33% - 64px);
}
.byobHoliday-bannerRow {
    overflow: hidden;
}
.byobHoliday-bannerRow .imgSide{
    z-index: 98;
}
.byobHoliday-bannerContent .freeGifts {
    margin-top: 45px;
    margin-bottom: 15px;
    font-size: 35px;
    font-family: MetropolisBold;
}
.byobHoliday-img {
    width: 100%;
}
.byobHoliday-bannerContent {
    max-width: 550px;
    margin-left: auto;
    padding: 90px 0;
}
.byobHoliday-bannerContent h1 {
    font-size: 80px;
    font-family: MetropolisBlack;
    line-height: .85;
    margin-bottom: 40px;
    color: #313F1C;
}
.byobHoliday-bannerContent .limited-time {
    font-size: 20px;
    margin-left: 44px;
    font-family: MetropolisBold;
    color: #91a24f;
}
.byobHoliday-bannerContent .percent-savings {
    position: relative;
    color: #fff;
    font-family: MetropolisBold;
    font-size: 46px;
    z-index: 1;
    line-height: 1;
    align-items: center;
    display: flex;
}
.byobHoliday-bannerContent .percent-savings:before {
    content: '';
    width: 300vw;
    height: 88px;
    position: absolute;
    background: #771214;
    left: -300%;
    z-index: -1;
}
.byobHoliday-bannerContent .percent-savings:after{
    content: '';
    width: 88px;
    height: 100vh;
    position: absolute;
    background: #771214;
    left: -30%;
    z-index: -1;
    transform: rotate(180deg);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.byobHoliday-bannerContent .percent-off {
    margin-left: 8px;
}
.byobHoliday-bannerContent .sale-percent {
    position: absolute;
    display: block;
    top: 0;
    font-size: 30px;
}
.byobHoliday-bannerContent .sale-off {
    position: absolute;
    bottom: 0;
    font-size: 18px;
}
.byobHoliday-bannerContent h6 {
    margin-bottom: 16px;
    color: #F0EEEB;
    margin-top: 46px;
    font-size: 25px;
    line-height: 1;
    font-family: MetropolisBold;
}
.byobHoliday-bannerContent p {
    margin-bottom: 0;
    color: #F0EEEB;
    font-size:16px;
    font-family:Metropolis;
    line-height:1.3;
}
.byobHoliday-banner .mobile-block {
    display:none;
}
@media(min-width: 1800px) {
    .byobHoliday-bannerContent {
        max-width: 998px;
    }
}
@media (min-width: 1200px) {
    .col-xl-7 {
    -ms-flex: 0 0 58.33334%;
    flex: 0 0 58.33334%;
    max-width: 58.33334%;
    }
}
@media(max-width: 1200px) {
    .byobHoliday-banner .pinecone_img {
        position: absolute;
        width: 198px;
        left: calc(-33% - 32px);
    }
    .byobHoliday-bannerContent h1 {
        font-size: 62px;
    }
    .byobHoliday-bannerContent {
        max-width: 436px;
    }
    .byobHoliday-bannerContent .percent-savings {
        font-size: 36px;
        margin-left: 4px;
    }
    .byobHoliday-bannerContent .percent-off {
        margin-left: 4px;
    }
    .byobHoliday-bannerContent .sale-percent {
        font-size: 19px;
    }
    .byobHoliday-bannerContent .sale-percent {
        font-size: 22px;
    }
    .byobHoliday-bannerContent .sale-off {
        font-size: 10px;
    }
    .byobHoliday-bannerContent .percent-savings {
        font-size:33px;
    }
    .byobHoliday-bannerContent .percent-savings:before {
        height: 75px;
    }
}
@media(max-width: 992px) {
    .byobHoliday-bannerContent h1 {
        font-size: 62px;
    }
    .byobHoliday-bannerContent .limited-time {
        font-size: 18px;
        margin-left: 33px;
    }
    .byobHoliday-bannerContent .percent-off {
        margin-left: 4px;
    }
    .byobHoliday-bannerContent .percent-savings {
        font-size: 25px;
        margin-left: 4px;
    }
    .byobHoliday-bannerContent .percent-savings {
        font-size:24px;
    }
    .byobHoliday-bannerContent .sale-percent {
        font-size: 16px;
    }
    .byobHoliday-bannerContent .sale-off {
        font-size: 8px;
    }
    .byobHoliday-bannerContent .percent-savings:before {
        height: 60px;
    }
}
@media(max-width: 767px) {
    .byobHoliday-bannerContent {
        max-width: unset;
        text-align: center;
    }
    .byobHoliday-bannerContent .freeGifts {
        font-size: 29px;
        color: #771114;
        margin-top: 11px;
        font-family: MetropolisBold;
        margin-bottom: 20px !important;
    }
    .percent-savings.desktop-block {
        display:none !important;
    }
    .byobHoliday-bannerRow .col-xl-7 {
        padding-left:0;
        padding-right:0;
    }
    .byobHoliday-banner .mobile-block {
        background: transparent;
    display: block;
    padding-bottom: 15px;
    }
    .byobHoliday-banner .mobile-block h5{
        margin-top: 14px;
        color: #fff
    }
    .byobHoliday-bannerContent .percent-savings:after {
        display:none;
    }
    .byobHoliday-bannerContent .percent-savings:before {
        left: -100%;
        background: #771214;
    }
    .byobHoliday-bannerContent {
        padding: 30px 0;
    }
    .byobHoliday-img {
        width: 100%;
    }
    .byobHoliday-bannerContent h1 {
        font-size: 50px;
        text-align: center;
        margin-bottom: 12px;
    }
    .byobHoliday-bannerContent h6 {
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
    }
    .byobHoliday-bannerContent .sale-off {
        font-size: 13px;
    }
    .byobHoliday-bannerContent .sale-percent {
        font-size: 35px;
    }
    .byobHoliday-bannerContent .percent-savings {
        text-align: center;
        font-size: 44px;
        justify-content: center;
        margin:0;
    }
    .byobHoliday-bannerContent .limited-time {
        display:none;
    }
    .byobHoliday-bannerContent {
        text-align: center;
    }
}
/* / BYOB Banner */