/*#region GLOBAL STYLE / main - #666666 / sub - #5a6268 /grey - #333333 */
html, body {
    height: 100%;
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
}

html {
    overflow-y: scroll;
}

footer {
    width: 100%;
    position: absolute;
}

html {
    font-size: 0.875rem;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    color: #333333;
    padding-top: 54px;
}

.grecaptcha-badge {
    bottom: 40px !important;
}

@media (min-width: 450px) {
    .d-xs-block {
        display: block !important;
    }
}

@media (min-width: 450px) {
    .d-xs-none {
        display: none !important;
    }
}

.dropdown-menu {
    z-index: 9999;
}

.ssk-grayscale .ssk {
    background-color: #5a6268;
}

.text-grey {
    color: #ccc;
}

.gray-text {
    color: #5a6268;
}

.dark-text {
    color: #23272b !important;
}

.no-mp {
    padding: 0 !important;
    margin: 0 !important;
}

.no-p {
    padding: 0 !important;
}

.productCardMinHeightStk {
    min-height: 395px;
}

@media (max-width: 1199px) {
    .productCardMinHeightStk {
        min-height: 320px;
    }

    .productCardMinHeight {
        min-height: 320px;
    }

    .productCardMinHeightFeature {
        min-height: 250px;
    }
}

.card-title {
    color: #666666;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.card-subtitle {
    color: #5a6268;
    text-align: center;
    font-style: italic;
}

.card:hover {
    text-decoration: none;
    opacity: 0.8;
    cursor: pointer;
}

.disableCardEffect:hover {
    opacity: 1;
    cursor: inherit;
}

.selected {
    text-decoration: underline;
}

#fwBtn {
    position: fixed;
    bottom: 185px;
    right: -103px;
    z-index: 99;
    text-transform: uppercase;
    font-size: 12px;
    min-width: 150px;
}
#surveyBtn {
    position: fixed;
    bottom: 100px;
    right: -53px;
    z-index: 99;
    text-transform: uppercase;
    font-size: 12px;
    min-width:150px;
}

.vertical-button {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

#b2top {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 3px;
    right: 10px;
    z-index: 99;
    text-transform: uppercase;
    font-size: 12px;
}

#cookies {
    background-color: #000;
    color: #fff;
    margin-bottom: 3px;
    opacity: 1;
}

    #cookies .close:hover, #cookies .close:focus {
        color: #fff;
        text-decoration: none;
        opacity: .75;
    }

.btn-secondary {
    background-color: #1A658F;
}

    .btn-secondary:hover {
        background-color: #1A658F;
    }

.breadcrumb {
    background: none;
    margin-top: 50px;
}

.noPadMargin {
    padding: 0;
    margin: 0;
}
/*#endregion*/

/*#modal login*/
.loginHeader {
    text-align: center;
}

.dropdown-menu-center {
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
}
/*#endregion*/

/*#region Cart Layout*/
.selectorSize {
    font-size: 1.3rem;
}

.giftBoxFrame {
    width: 100%;
    height: 175px;
    border: 1px solid #dee2e6;
}

.giftBagFrame {
    width: 100%;
    height: 175px;
    border: 1px solid #dee2e6;
}

.cartGiftText {
    font-size: 1.2rem;
    color: white;
    background-color: #4b4f54;
}

.ng-hide.ng-hide-animate {
    display: none !important;
}

.pbFavs {
    color: inherit;
}

    .pbFavs a:hover {
        color: inherit;
    }

.orderItemsRowPadding {
    padding: 0 5px 0 5px;
}

#orderConfirmDetails {
    border-bottom: none;
}

@media (min-height:1000px) {
    #confirmationModal {
        margin-top: 200px;
    }
}

@media (min-width: 1200px) {
    .ecomInputQtyCart {
        margin-top: 20px;
        width: 80%;
    }

    .orderConfirmSpecText {
        font-size: 1.3em;
        margin-top: 2.7rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ecomInputQtyCart {
        margin-top: 20px;
        width: 100%;
    }

    .orderItemsRowPadding {
        padding: 0 5px 0 5px;
    }

    .orderConfirmSpecText {
        font-size: 1.3em;
        margin-top: 2.7rem !important;
    }
}

@media (max-width:991px) {
    #cartItemsContainer {
        border-top: none;
        padding-top: 0px !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .ecomInputQtyCart {
        margin-top: 5px;
        width: 70%;
    }

    .orderItemsRowPadding {
        padding: 0 5px 0 5px;
    }

    .orderConfirmSpecText {
        font-size: 1.2em;
        margin-top: 2.7rem !important;
    }
}

@media (max-width: 768px) {
    .ecomInputQtyCart {
        margin-top: 5px;
        width: 100%;
    }

    .estimatedShipping {
        font-size: 80%;
        font-weight: 400;
    }

    .orderConfirmSpecText {
        font-size: 1.3em;
    }

    .cartAdjustmentTitle {
        font-size: 1rem !important;
    }
}

@media only screen and (max-width:574px) {
    #orderConfirmDetails {
        border-bottom: 1px solid #dee2e6;
    }

    .estimatedShipping {
        font-size: 80%;
        font-weight: 400;
    }
}

.continueBtn {
    height: 45px;
    min-width: 150px;
}

.continueBtnNoThx {
    height: 45px;
    min-width: 150px;
}

.addressEditBtn {
    height: 40px;
    width: 100px;
}

.circleNumber {
    margin-top: 8px !important;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 30px; /* or 50% */
    border-radius: 30px; /* or 50% */
    background-color: #1A658F;
    color: white;
    text-align: center;
    font-size: 1.5em;
}

.removeMinHeightTitle {
    min-height: 0 !important;
}

.checkoutSectionHeaderSelected {
    margin-top: 0.5rem;
    font-size: 2.5rem !important;
    color: #1A658F !important;
}

.checkoutSectionHeader {
    font-size: 2.5rem !important;
    color: #4B4F54 !important;
}

@media (max-width:576px) {
    .checkoutSectionHeaderSelected {
        margin-top: 0.5rem;
        font-size: 2rem !important;
        color: #1A658F !important;
    }

    .checkoutSectionHeader {
        font-size: 2rem !important;
        color: #b5a374 !important;
    }
}

.unselectedCircleNumber {
    background-color: #4B4F54;
    color: white;
}

.unselectedCircleNumberComplete {
    background-color: lightseagreen;
    color: white;
}

.ellipsis {
    word-wrap: break-word;
}

.ecomLoginlogo {
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

.specLabel {
    font-weight: bold;
}

#contactContainer {
    padding: 15px;
}

#addressContainer {
    padding: 15px;
}

#cartItemsContainer {
}

#checkoutWithContainer {
    border-top: none;
    text-align: center;
}

.cartItem {
    border-top: 1px solid #dee2e6;
}

.cartItemTitle {
    font-size: 1.3rem;
    font-weight: bold;
    color: #333333;
}

    .cartItemTitle small {
        font-size: 1rem;
        color: #5a6268;
    }

.cartTextWidth {
    max-width: 420px;
}

@media (max-width:1200px) {
    .cartTextWidth {
        max-width:300px;
    }
}

#sameAddressBox {
    margin-top: 25px;
}

.instockcart {
    font-size: 10px;
}
/*.skuText {
    font-size:12px;
}*/
.instockcartSummary {
    font-size: 8px;
}

.stripeBtn {
}

.quantity {
    margin-top: 2rem;
    width: 100%;
}

.quantitySummary {
    margin-top: 20px;
    width: 50%;
}

.summaryPrice {
    text-align: right;
}

.checkoutRow {
    padding: 5px;
}

.removeItem {
    font-size: 0.7rem;
}

#applyPromoBtn {
    font-size: 1em;
    font-weight: 200;
    background-color: white;
    border: 2px solid #e7e7e7;
}

.checkoutBtn {
    margin-top: 0px !important;
    display: block;
}

.continueShoppingBtn {
    display: block;
    width: 50%;
}

#deliveryContainer {
}

#shippingContainer {
}

.carrierFontSmall {
    font-size: 13px;
}

.miniCheckoutBtn {
    width: 170px;
}

.deliveryMethodContainer {
    padding: 2px;
    padding-top: 10px;
    font-size: 11px;
    text-align: center;
    border: 2px solid #c8c8c8;
    cursor: pointer;
    min-height: 140px;
}

.deliveryMethodContainerConfirmPage {
    padding: 2px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.disclaimership {
    font-size: 13px;
}

.deliveryMethodContainerSelected {
    border: 2px solid #00a7bb;
}

.addressColContainer {
    padding: 20px;
    padding-top: 0px;
}

.addressCard {
    margin-top: 20px;
    text-align: left;
    min-height: 300px;
}

.addressCardBodyAdd {
    padding: 10px;
    padding-top: 90px;
    text-align: center;
    min-height: 283px;
}

.addressCardBody {
    padding: 10px;
}

.addressData {
    min-height: 150px;
}

.addressSettings {
    text-align: center;
}

.notDefault {
    margin-top: 50px;
}

.noColourLink {
    color: inherit;
    text-decoration: none;
    background-color: none;
}
.underlineLink {
    color: inherit;
    text-decoration: none;
    background-color: none;
}
.underlineLink:hover {
    color: inherit;
    text-decoration: underline;
}
a.noColourLink:hover {
    color: inherit;
    text-decoration: none;
}

.addAddressBtn {
    width: 100px;
}


#loginCreateModal {
    min-height: 500px !important;
}

#modalLoginCreateContainer {
    min-height: 350px;
    padding: 20px;
    text-align: left;
}

#GuestCheckoutContainer {
    padding-top: 45px;
    font-size: 15px;
    text-align: center;
    min-height: 194px;
}

#oAuthContainer {
    font-size: 15px;
    padding: 10px;
    text-align: center;
    min-height: 50px;
}

.leftText {
    text-align: left;
}

.mdlogo {
    font-size: 50px;
}

#guestCheckoutRow {
}

#createAccountModal {
    padding-top: 40px;
    text-align: center;
}

#cartItemsContainer {
}

.titleSlash {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #b5a475;
    text-align: center;
}

.titleSlashText {
    font-size: 18px;
    padding: 0 10px;
    background-color: white;
}

.createAccountBtn {
    margin: 0 auto;
    display: block;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 19px;
    font-weight: bold;
    padding: 14px 48px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    .createAccountBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        background-color: #e9e9e9;
    }

    .createAccountBtn:active {
        position: relative;
        top: 1px;
    }

.itemSummaryRow {
    margin-top: 5px;
    min-height: 75px;
}

.trashcanBold {
    font-size: 15px;
    font-weight: 300;
}

.itemSummaryImageRow {
    height: 75px;
}

.shippingCompanyImg {
    height: 30px;
}

.paymentMethodImg {
    height: 30px;
}

#editAddressLink {
    cursor: pointer;
    color: #0000FF;
}

#editAddressGuestLink {
    cursor: pointer;
    color: #0000FF;
}

.hiddenStripe {
    visibility: hidden;
}

.OrderConfirmationTitle {
    font-weight: 500;
    font-size: 4em;
}

.confirmationLeft {
    text-align: center;
}

.confirmationCheck {
    color: #98c855;
}

.confirmationReturnBtn {
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    box-shadow: 0px 1px 0px 0px #f0f7fa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
    background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
    background-color: #33bdef;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #057fd0;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 13px 16px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #5b6178;
}

    .confirmationReturnBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
        background: -moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
        background-color: #019ad2 !important;
        color: white !important;
    }

    .confirmationReturnBtn:active {
        position: relative;
        top: 1px;
    }

.orderConfirmItemRow {
}

.confirmationItemName {
    margin-top: 15px;
}

.confirmationItemPrice {
    margin-top: 20px;
}

.confirmationItemQuantity {
    margin-right: 10%;
    margin-top: 20px;
}

.amountSummaryRightAlign {
    text-align: right;
}

.confirmationFontsize10 {
    font-size: 12px;
}

.amountBold {
    font-weight: 500;
}

.shippingIcon {
    height: 20px;
    width: 20px;
}

#ODSummaryContainer {
    padding-left: 0;
}

.ODSection {
    border-top: 1px #dee2e6 solid;
    margin-top: 5px;
    margin-bottom: 5px;
}

.rightText {
    text-align: right;
}

.paymentIcon {
    width: 25px;
    height: 25px;
}

.orderDetailImage {
    height: 100px;
}

.titleShift100 {
    padding-left: 100px;
}

#OrderDetailsContainer {
}

.shippedStatus {
    font-weight: 700;
    color: #5cb85c;
}

.ccTypeIcon {
    height: 25px;
}

.checkOrderStatusBtn {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
    box-shadow: 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 18px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}

    .checkOrderStatusBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        background-color: #ffab23;
    }

    .checkOrderStatusBtn:active {
        position: relative;
        top: 1px;
    }

#guestOrderLookupContainer {
    padding: 20px;
}

@media (max-width:1450px) {
    #imageGalleryContainer {
        max-width: 900px;
    }
}

#divLoadingDownloading {
    margin: 0px;
    display: none;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    opacity: 0.95;
    z-index: 30001;
    text-align: center;
}

#divLoading {
    margin: 0px;
    display: none;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 30001;
    opacity: 0.8;
    text-align: center;
}

#divLoadingStripe {
    margin: 0px;
    display: none;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 30001;
    opacity: 1;
    text-align: center;
}

.loadingtext {
    opacity: 1;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: 50px;
}

.loaderImage {
    height: 25px;
    width: 25px;
    margin-top: 20px;
    left: 50%;
    margin-left: -4em;
}

    .loaderImage, .loaderImage:after {
        border-radius: 50%;
        width: 8em;
        height: 8em;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4.05em;
        z-index: 1000;
    }

.pboloadlogo {
    margin-top: 23px;
    width: 65px;
    height: 65px;
}

.clickableItem {
    cursor: pointer;
}

.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .8em solid rgba(218, 219, 223, 1);
    border-left: .8em solid #4B4F54;
    animation: spin 1.1s infinite linear;
}

    .loader, .loader:after {
        border-radius: 50%;
        width: 8em;
        height: 8em;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4.05em;
    }

@keyframes spin {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

#promoContainer {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.freeShippingSpan {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.btn-arrow-right, .btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}

.btn-arrow-right {
    padding-left: 36px;
}

.btn-arrow-left {
    padding-right: 36px;
}

    .btn-arrow-right:before, .btn-arrow-right:after, .btn-arrow-left:before,
    .btn-arrow-left:after {
        /* make two squares (before and after), looking similar to the button */
        content: "";
        position: absolute;
        top: 5px; /* move it down because of rounded corners */
        width: 22px; /* same as height */
        height: 22px; /* button_outer_height / sqrt(2) */
        background: inherit; /* use parent background */
        border: inherit; /* use parent border */
        border-left-color: transparent; /* hide left border */
        border-bottom-color: transparent; /* hide bottom border */
        border-radius: 0px 4px 0px 0px;
        /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px;
    }

.btn-arrow-right:before, .btn-arrow-right:after {
    transform: rotate(45deg);
    /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.btn-arrow-left:before, .btn-arrow-left:after {
    transform: rotate(225deg);
    /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}

.btn-arrow-right:before, .btn-arrow-left:before {
    /* align the "before" square to the left */
    left: -11px;
}

.btn-arrow-right:after, .btn-arrow-left:after {
    /* align the "after" square to the right */
    right: -11px;
}

.btn-arrow-right:after, .btn-arrow-left:before {
    /* bring arrow pointers to front */
    z-index: 1;
}

.btn-arrow-right:before, .btn-arrow-left:after {
    /* hide arrow tails background */
    background-color: white;
}

#checkoutSPContainer {
}

.shippingMethod {
    cursor: pointer;
}

/*#endregion*/
/*#region FOOTER */
.footerIcon {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    margin-top: -3px;
}

@media (max-width:575px) {
    #ourStoryLogo {
        width: 60%;
    }
}

#socialFooter {
    font-size: 1.8rem;
}

    #socialFooter a {
        color: #1A658F;
    }

        #socialFooter a:hover {
            color: #339ac0;
        }

@media (max-width: 990px) {
    #socialFooter {
        font-size: 1.5rem;
    }

        #socialFooter a {
            color: #1A658F;
        }

            #socialFooter a:hover {
                color: #339ac0;
            }
}

#footerBar {
    background-color: #333333;
}

#footerHR {
    border: 2px solid #cccccc;
}

@media screen and (max-width: 992px) {
    #footerMore {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #footerRow {
        text-align: center;
    }
}
/*#endregion*/

/*#region NAVBAR */
.new-tag {
    display: inline-block;
    background-color: #9e2a2b; /* Bright color */
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 12px;
    text-transform: uppercase;
    animation: pulse 4s infinite;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

/* Pulse animation */
@keyframes pulse {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}
.saleBackground {
    background-color: #9e2a2b !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (-ms-high-contrast: active) and (min-width: 1200px), screen and (-ms-high-contrast: none) and (min-width: 1200px) {
    #pbnav {
        margin-top: 5px;
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 1199px), screen and (-ms-high-contrast: none) and (max-width: 1199px) {
    #pbnav {
        margin-top: 10px;
    }
}

.navbar-brand {
    margin-right: 5px;
}

.pbnavbar {
/*    background-image: url('images/bg-pattern.jpg');
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%), url('images/bg-pattern.jpg');*/
background-color:black;
    padding: 0px;
    border-bottom: 1px solid #fff;
}

.header-logo {
    height: 40px;
    margin-top: 5px;
}

@media (max-width: 375px) {
    .header-logo {
        height: 35px;
        margin-top: 7px;
    }
}

#navbarCollapse {
    min-height: 54px;
}

.headroom {
    will-change: transform;
    transition: -webkit-transform 200ms linear;
    transition: transform 200ms linear;
    transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.headroom--pinned {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.headroom--unpinned {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.nav-btn-group {
    height: 31px;
    margin-top: 12px;
}

    .nav-btn-group button {
        border-radius: 0.25rem;
        background-color: transparent;
        font-size: 1.0rem;
        color: #fff !important;
        text-transform: uppercase;
        border-color: rgba(255, 255, 255, 0.3) !important;
    }

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.nav-btn-group .dropdown-menu {
    margin-left: 7px;
    text-transform: uppercase;
    font-size: 1rem;
    min-width: 50px;
    text-align: center;
    border: 1px solid #666666;
}

.nav-btn-group .dropdown-item {
    padding: 0;
}

#nav-btn-lang .active-lang {
    text-decoration: none;
    background-color: lightgrey;
}

#nav-account {
    height: inherit;
}


.nav-active {
    font-weight: bold !important;
    color: #333333 !important;
}

#logoutForm {
    height: 100%;
}

@media (max-width: 1000px) and (max-height:800px) {
    #dropdownProductContainer.show {
        overflow: scroll;
        height: calc(100vh - 85px);
    }

    #dropdownProductContainer::-webkit-scrollbar {
        display: none; /* Chrome Safari */
    }

    #productNavContent::-webkit-scrollbar {
        display: none; /* Chrome Safari */
    }

    #productNavContent.show {
        overflow: scroll;
        height: calc(100vh - 85px);
    }
}
/*#endregion*/
/*#region SEARCH / AUTOCOMPLETE */
#search {
    margin-top: 12px;
    height: 30px;
}

#pbsearch-icon {
    /*border-bottom-left-radius: 0.6rem;
    border-top-left-radius: 0.6rem;*/
    z-index: 1052;
    height: 30px;
}

#pbsearch-input {
    margin-left: -5px;
    font-size: 0.75rem;
    height: 30px;
    /*border-bottom-right-radius: 0.6rem;
    border-top-right-radius: 0.6rem;*/
    text-transform: uppercase;
    width: 220px !important;
    padding: 0px;
    padding-left: 8px;
}

#search .form-control:focus {
    border-width: 1px;
    background-color: transparent;
    box-shadow: none;
    border-color: #C5B783;
}

.typeahead {
    z-index: 1051;
}

.twitter-typeahead input {
    height: 30px;
    margin-left: -5px;
    font-size: 0.75rem;
    /*border-bottom-right-radius: 0.6rem;
    border-top-right-radius: 0.6rem;*/
    text-transform: uppercase;
    width: 220px !important;
    padding: 0px;
    padding-left: 8px;
}

@media (min-width: 1200px) and (max-width: 1300px) {
    #pbsearch-input {
        margin-left: -5px;
        font-size: 0.75rem;
        height: 30px;
        /*border-bottom-right-radius: 0.6rem;
    border-top-right-radius: 0.6rem;*/
        text-transform: uppercase;
        width: 100px !important;
        padding: 0px;
        padding-left: 8px;
    }

    .twitter-typeahead input {
        height: 30px;
        margin-left: -5px;
        font-size: 0.75rem;
        /*border-bottom-right-radius: 0.6rem;
    border-top-right-radius: 0.6rem;*/
        text-transform: uppercase;
        width: 100px !important;
        padding: 0px;
        padding-left: 8px;
    }
}

.typeahead.dropdown-menu,
span.twitter-typeahead .tt-menu {
    margin-top: -1px;
    /*margin-left: -32%;*/
    width: 100%;
    background: #fff;
    border: 1px solid #C5B783;
    border-top: 0px;
}

/*Aspect of results, done*/
span.twitter-typeahead .tt-suggestion {
    padding: 5px;
    cursor: pointer;
    text-transform: uppercase;
    border-top: 1px solid #C5B783;
    font-size: 0.8rem;
    color: #333333;
}

.tt-error {
    padding: 5px;
    text-transform: uppercase;
    border-top: 1px solid #C5B783;
    font-size: 0.8rem;
    color: #333333;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff !important;
    background-color: #339ac0;
}

.tt-hint {
    color: #999;
}

/*Hover a result, done*/
span.twitter-typeahead .active.tt-suggestion,
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .active.tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion.tt-cursor:focus,
span.twitter-typeahead .active.tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
    background-color: #339ac0;
    color: #fff;
}
/*#endregion*/

/*#region PBMENU - PRODUCT DROPDOWN */
#pbmenu-content {
    width: 100%;
}

.pbmenu .dropdown {
    position: static;
}

.pbmenu-li {
    text-transform: uppercase;
    font-size: 1.3rem;
}

#pbnav .pbmenu-li a {
    color: #fff;
    margin-right: 3px;
    padding: 8px;
}

.pbmenu-li a:hover {
    opacity: 0.6;
}

.pbmenu .dropdown-menu {
    border: 2px solid #ECD898;
    border-radius: unset;
    margin: 0;
    left: auto;
}

    .pbmenu .dropdown-menu a {
        color: #4B4F54 !important;
    }

    .pbmenu .dropdown-menu a:active {
        background-color:white !important;
    }

    .pbmenu .dropdown-menu button:active {
        background-color: white !important;
    }

#retailDropdown a {
    padding: 0rem 1.5rem !important;
    font-weight: 400;
    text-align: center;
}

#aboutUSDropDown a {
    padding: 0rem 1.5rem !important;
    font-weight: 400;
    text-align: center;
}

#aboutUSDropDown .dropdown-header {
    color: #C5B783;
}

.pbmenu .pbmenu-content {
    padding: 15px;
}

.pbmenu-hr {
    border-top: 1px solid #4B4F54;
    margin: 0px;
    padding: 0px 0px 1px 0px;
}

.pbmenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.pbmenu-title {
    text-align: center;
    margin: 5px;
    font-size: 1.5rem;
    color: #051C2C;
    font-family: 'Vollkorn', serif;
}

@media (min-width: 2090px) {
    .px-lg-x5 {
        padding-left: 30rem;
        padding-right: 30rem;
    }
}

@media (min-width: 1806px) and (max-width: 2089px) {
    .px-lg-x5 {
        padding-left: 8rem;
        padding-right: 8rem;
    }
}

@media (min-width: 1351px) and (max-width: 1805px) {
    .pbmenu-title {
        text-align: center;
        margin: 5px;
        font-size: 1.2rem;
        color: #4B4F54;
        font-family: 'Vollkorn', serif;
    }

    .px-lg-x5 {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

@media (max-width: 1350px) {
    .pbmenu-title {
        text-align: center;
        margin: 5px;
        font-size: 1.1rem;
        color: #4B4F54;
        font-family: 'Vollkorn', serif;
    }

    .px-lg-x5 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 990px) {
    .pbmenu-title {
        text-align: center;
        margin: 5px;
        font-size: 1.5rem;
        color: #4B4F54;
        font-family: 'Vollkorn', serif;
    }

    .px-lg-x5 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

#journal-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Nav/NavJournals.png') top;
    background-size: 125px;
}

#planner-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Nav/NavPlanners.png') top;
    background-size: 125px;
}

#specialty-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Nav/NavSpecial.png') top;
    background-size: 125px;
}

#storage-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Nav/NavFileStorage.png') top;
    background-size: 125px;
}

#softcover-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Softcover-icon.png') top;
    background-size: 125px;
}

#dayplanner-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Dayplanners-icon.png') top;
    background-size: 125px;
}

#special-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Special-Notebooks-icon.png') top;
    background-size: 125px;
}

#accessories-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/nav/NavAccessories.png') top;
    background-size: 125px;
}


#tablet-icon {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto;
    background: url('images/Tablet-Cases-icon.png') top;
    background-size: 125px;
}

.subHeadertext {
    font-size: 0.9rem !important;
    margin-bottom: 3px !important;
}

.active-icon {
    background-position: bottom !important;
}

.pbmenu-subcat {
    padding: 0;
    margin: 5px;
    list-style: none;
    text-align: center;
    line-height: 20px;
}

#pbnav .pbmenu-subcat a {
    color: gray;
    font-size: 14px;
    margin: 0px;
}

/*#endregion*/
#moreFiltersSide {
    width: 250px;
    border: 1px solid #C5B783;
}
/*#region NAVBAR/SEARCH/PBMENU MEDIA QUERIES */
@media screen and (max-width: 1500px) {
    .pbmenu-li {
        font-size: 1.1rem;
    }

    #pbnav .pbmenu-li a {
        padding: 6px;
    }

    #nav-user {
        display: none;
    }

    #moreFiltersSide {
        width: 200px;
        border: 1px solid #C5B783;
    }
}

@media (min-width: 1200px) and (max-width: 1230px) {
    .shrinkNavHeader {
        font-size: 0.78rem;
    }

    .header-logo {
        height: 30px;
        margin-top: 10px;
    }
}

@media (min-width: 1231px) and (max-width: 1270px) {
    .shrinkNavHeader {
        font-size: 0.78rem;
    }

    .header-logo {
        height: 30px;
        margin-top: 10px;
    }
}

@media (min-width: 1271px) and (max-width: 1431px) {
    .shrinkNavHeader {
        font-size: 0.85rem;
    }

    .header-logo {
        height: 30px;
        margin-top: 10px;
    }
}

@media (min-width: 1432px) and (max-width: 1600px) {
    .shrinkNavHeader {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 1199px) {
    .collapsing {
        transition: none !important;
    }

    #navbarCollapse {
        width: 100%;
    }

    #moreFiltersSide {
        width: 200px;
        border: 1px solid #C5B783;
    }
}

@media screen and (max-width:991px) {
    #moreFiltersSide {
        width: 200px;
        border: 1px solid #C5B783;
    }
}

@media (max-width: 720px) {

    body {
        padding-top: 90px;
    }

    .navbar, #pbmenu-content {
        min-height: 90px;
    }

    #search {
        position: fixed;
        left: 0px;
        top: 55px;
        height: 27px;
        margin-top: 0px;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        width: 100% !important;
        display: block !important;
    }

        #search input, .twitter-typeahead, #pbsearch-input {
            width: 100% !important;
            display: block !important;
            margin-left: 0px !important;
            /*border-bottom-left-radius: 0.6rem;
            border-top-left-radius: 0.6rem;*/
        }

    #pbsearch-icon {
        display: none;
    }

    .typeahead.dropdown-menu,
    span.twitter-typeahead .tt-menu {
        margin-left: 0px !important;
        width: 100% !important;
        background: #fff;
    }

    #pbnav {
        margin-top: 30px
    }

    .noBorderTopMobile {
        border-top: none;
    }
}

@media (max-width:441px) {
    .checkoutModalMobile {
        padding: 0 !important;
    }

    .noBorderTopMobile {
        border-top: none;
    }
}
/*@media(max-width: 457px) {
    .navbar, #pbmenu-content {
        min-height: 110px;
    }


    .navbar-right {
        padding-right:20px;
    }
    body {
        padding-top:110px;
    }
}
@media(max-width: 441px) {
    .navbar, #pbmenu-content {
        min-height: 110px;
    }
    .navbar-right {
        padding-right: 0px;
        margin-top: -3px;
    }


    body {
        padding-top: 110px;
    }
}
@media(max-width:434px) {
    .navbar, #pbmenu-content {
        min-height: 110px;
    }

    .navbar-right {
        margin-top:-3px;
    }


    body {
        padding-top: 110px;
    }
}
@media(max-width:400px) {
    .navbar, #pbmenu-content {
        min-height: 110px;
    }

    .navbar-right {
        margin-top: -1px;
    }

    #search {
        position: fixed;
        left: 0px;
        top: 63px;
        height: 27px;
        margin-top: 0px;
        margin-left: 3%;
        width: 38% !important;
        display: block !important;
    }

    body {
        padding-top: 110px;
    }
}
@media(max-width:350px) {
    .navbar, #pbmenu-content {
        min-height: 110px;
    }

    .navbar-right {
        margin-top: -1px;
    }

    #search {
        position: fixed;
        left: 0px;
        top: 63px;
        height: 27px;
        margin-top: 0px;
        margin-left: 3%;
        width: 33% !important;
        display: block !important;
    }

    body {
        padding-top: 110px;
    }
}*/
/*#endregion*/
/*#region HOME PAGE*/
.linkableModal:hover {
    text-decoration: underline;
}

.card-home {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.pbcard-title {
    color: #4B4F54;
    font-size: 3.5em;
    font-family: 'Vollkorn', serif;
}

.pbcard-link {
    color: #333333;
    text-align: center;
    display: block;
    font-style: italic;
}

.pbhr-dot {
    border: 1px dashed #ccc;
    margin: 20px -15px 50px -15px;
}

.card-columns {
    -webkit-column-count: 4;
    column-count: 4;
}

#pbEndPaper .card, #pbConnect .card {
    border: 2px solid #cccccc;
    border-radius: 0px;
}

#pbEndPaper .card-img-top, #pbConnect .card-img-top {
    border-bottom: 2px solid #ccc;
}

#pbBYOP {
    background: url('images/Home/PBWS_BYOP_HomepageBanner_2.jpg') no-repeat center;
    background-color: black;
    height: 500px;
    background-size: cover;
}

#designArchivesHome {
    background: url('https://cdn.paperblanks.com/pbws_assets/pbws_design_archives_banner.webp?0411202321') no-repeat center;
    background-color: black;
    height: 500px;
    background-size: cover;
}
#hpHomeBanner {
    position: relative; /* This ensures that the pseudo-element is positioned relative to this element */
    background: url('https://cdn.paperblanks.com/pbws_assets/c5bd_landing page_mid banner.webp?1008202517') no-repeat center;
    background-color: black;
    height: 540px;
    background-size: cover;
}

    #hpHomeBanner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0; /* Set the z-index to 0 so it's below the content */
    }

    #hpHomeBanner > * {
        position: relative;
        z-index: 1; /* Ensure content appears above the overlay */
    }


#wickedHomeBanner {
    position: relative; /* This ensures that the pseudo-element is positioned relative to this element */
    background: url('https://cdn.paperblanks.com/pbws_assets/1523_wickedhome.webp?0808202529') no-repeat center;
    background-color: black;
    height: 540px;
    background-size: cover;
}

    #wickedHomeBanner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity for darkness */
        z-index: 0; /* Set the z-index to 0 so it's below the content */
    }

    #wickedHomeBanner > * {
        position: relative;
        z-index: 1; /* Ensure content appears above the overlay */
    }
#fwHomeBanner {
    position: relative; /* This ensures that the pseudo-element is positioned relative to this element */
    background: url('https://cdn.paperblanks.com/pbws_assets/4b07_homepage_midpage banner.webp?0408202528') no-repeat center;
    background-color: black;
    height: 540px;
    background-size: cover;
}

    #fwHomeBanner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.2); /* Adjust the opacity for darkness */
        z-index: 0; /* Set the z-index to 0 so it's below the content */
    }

    #fwHomeBanner > * {
        position: relative;
        z-index: 1; /* Ensure content appears above the overlay */
    }

.light-bold {
    font-weight: 600;
}


#pbOurStory {
    background: url('images/Home/Our-Story.jpg') no-repeat center;
    background-color: black;
    height: 500px;
    background-size: cover;
}

#pbCraftsman {
    background: url('images/Home/Creating-PB.jpg') no-repeat center;
    height: 500px;
    background-size: cover;
}

#pbCara .carousel-item {
    padding-bottom: 41%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
}

@media (max-width: 900px) {
    #pbOurStory, #pbCraftsman {
        text-align: center;
    }
}
/*#endregion*/

/*#region CATALOG PAGE*/
.searchProductInfo {
    color: #666666;
}

#moreFiltersBtn {
    color: #4B4F54 !important;
    font-family: 'Vollkorn', serif;
    font-size: 1.5rem;
    height: 35px;
    padding-left: 0px;
}

#resultsTxt {
    color: #4B4F54 !important;
    font-family: 'Vollkorn', serif !important;
    font-size: 1.5rem !important;
    height: 35px !important;
    padding: 0.375rem 0.75rem !important;
    padding-right: 0px !important;
    margin: 0 !important;
}

#cataFilter {
    position: relative;
    z-index: 2;
}

    #cataFilter .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
        opacity: 1.0 !important;
        padding: 0px;
        margin: 0px;
        width: inherit;
        overflow-x: hidden;
    }

    #cataFilter .dropdown-toggle {
        border-radius: 0;
        font-style: italic;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
        background-size: 8px 10px;
        border: 1px solid #ced4da;
        color: #495057;
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #cataFilter .dropdown-toggle::after {
            display: none;
        }

        #cataFilter .dropdown-toggle:focus {
            border-color: #80bdff;
            outline: 0;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
        }

    #cataFilter .dropdown-menu {
        border-radius: 0;
        font-style: italic;
        background-color: #fff;
        border: 1px solid #ced4da;
        color: #495057;
        text-align: left;
        line-height: normal;
        font-size: 0.9rem;
    }


    #cataFilter .dropdown-item {
        padding: 0.2rem 0.5rem;
    }

    #cataFilter .dropdown-header {
        padding: 0rem 0.3rem;
        font-size: 1.2rem;
        text-transform: none;
        color: #C5B783;
        font-family: 'Vollkorn', serif;
    }

.dropdown-item.active {
    background-color: #1A658F !important;
    color: #fff !important;
}

.dropdown-item:hover {
    cursor: pointer;
}

#moreFilterswTop {
    border: 1px solid #C5B783;
}

#moreFilters {
    border: 1px solid #C5B783;
    border-top: none;
}

#cataFilter .filter-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid #C5B783;
}

#cataFilter label {
    text-transform: uppercase;
    color: #1a658f;
    font-family: 'Vollkorn', serif;
    font-size: 1.0rem;
    padding: 0px;
    margin: 0px;
}

#cataFilter h1 {
    text-transform: uppercase;
    color: #1a658f;
    font-family: 'Vollkorn', serif;
    font-size: 1.0rem;
    padding: 0px;
    margin: 0px;
}

.tagFilterLabel {
    text-transform: uppercase;
    color: #C5B783;
}

.form-check label {
    color: #5a6268 !important;
    font-size: 0.8rem !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #333333;
}

.custom-select {
    border-radius: 0;
    font-style: italic;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #5a6268;
    border-color: #5a6268;
}

.pbhero-header {
    text-align: center;
    font-weight: 600;
    font-size: 3.2rem;
    text-transform: uppercase;
}

.pbhero-lead {
    font-size: 1.3rem;
    font-style: italic;
    text-align: center;
}

#pbCara h1, #pbCara h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 4rem;
}

#pbCara h3 {
    font-style: italic;
}

#product-content {
    min-height: 600px;
}

.product-cards .card {
    border: none;
}

#product-content .card:hover {
    opacity: 0.6;
}

.product-cards .card-body {
    padding: 0px;
    height: 100px !important;
}

.product-cards .card-title {
    font-weight: 600;
}

.product-cards .card-text {
    text-align: center;
    font-style: italic;
    color: #5a6268;
    font-size: 0.9rem;
}

.banner-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 4.0rem;
    font-weight: 600;
}

.banner-subtitle {
    color: #fff;
    font-style: italic;
}

.journal-tab {
    margin-top: -33px;
}

    .journal-tab a {
        border-radius: 15px 15px 0px 0px !important;
        padding-bottom: 0px;
    }

    .journal-tab .btn {
        border: 1px solid #333333;
        border-bottom: none;
    }

    .journal-tab .btn-light {
        background-color: #fff;
    }

    .journal-tab .btn-secondary {
        color: #212529;
        background-color: #fff;
        opacity: 0.9;
        box-shadow: inset 0 -15px 10px -15px #111;
    }

.pb-pagination a {
    color: #333333;
}

    .pb-pagination a .active {
        background-color: #333333;
        border-color: #333333;
    }

.color-filter {
    display: block;
    height: 16px;
    width: 16px;
    margin: 4px;
    border: 1px solid #ccc;
}

/*#endregion*/
/*#region PRODUCT PAGE*/
.viewInCartBtn {
    background-color: #737B4C;
    color: white;
    opacity: 0.7
}

.productAlert {
    border-radius: 2px;
    border-color: #c5b783;
    color: white;
    background-color: #c5b783;
}

.exampleText {
    margin-top: -28px;
}

@media screen and (max-width: 992px) {
    .exampleText {
        margin-top: -25px;
    }
}

#categoryHeader {
    z-index: 1000;
}

#productShot {
    margin-left: -90px;
    margin-top: -40px;
    margin-bottom: -40px;
}

.reduceMargin {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
}

.product-details {
    margin-left: -110px;
    margin-right: 0px;
    padding: 0px 10px 0px 0px;
}

.category-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
}

.product-title {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
}

.product-subtitle {
    font-size: 1.25rem;
    font-style: italic;
    margin: 0;
}

.product-no {
    font-size: 0.8rem;
    color: #5a6268;
}

.product-hist {
    list-style-type: none;
    padding: 0;
}

.product-format {
    margin: 0;
    color: #5a6268;
}

.product-hr {
    margin: 0;
}

.product-size, .product-interior {
    text-transform: uppercase;
}

    .product-size a, .product-interior a {
        text-transform: uppercase;
        color: #5a6268;
        padding: 0px;
        border: none;
        margin-top: -3px;
    }

.product-section-hr {
    border-top: 2px solid #ccc;
}

#productInfo th {
    color: #5a6268;
}

.product-thumbs {
}

    .product-thumbs img {
        cursor: pointer;
    }

.active-img {
    opacity: 0.5;
}

.product-collapse {
    color: #4B4F54;
    position: absolute;
    font-size: 2.0rem;
    top: 30px;
    right: 10px;
}

#pbSocial .card {
    border: none;
}

#pbSocial .card-img-top {
    border-radius: 0.8rem;
}

#cataFilter {
    position: relative;
    z-index: 2;
}

#productFilter .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    opacity: 1.0 !important;
    padding: 0px;
    margin: 0px;
    width: inherit;
    overflow-x: hidden;
    border-radius: 0;
    font-style: italic;
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #495057;
    text-align: left;
    line-height: normal;
    font-size: 0.9rem;
}

#productFilter .dropdown-toggle {
    border-radius: 0;
    font-style: italic;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    color: #495057;
    padding: 0.375rem 1.75rem 0.375rem 0.375rem;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    font-size: 0.95rem;
}

    #productFilter .dropdown-toggle::after {
        display: none;
    }

    #productFilter .dropdown-toggle:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
    }

#productFilter .dropdown-item {
    padding: 0.2rem 0.5rem;
    white-space: normal;
}

#productFilter .dropdown-header {
    padding: 0rem 0.3rem;
    font-size: 1.2rem;
    text-transform: none;
    color: #C5B783;
    font-family: 'Vollkorn', serif;
}

@media screen and (max-width: 767px) {
    #productShot {
        margin-top: -20px;
        margin-left: 0px;
        margin-bottom: 0px !important;
    }

    .product-details {
        margin: 0px;
        padding: 0px;
    }
}

.hardcoverColour {
    color: #C5B783;
}

.softcoverColour {
    color: #C07D59;
}

.softcoverColour {
    color: #C5B783;
}

.paperOhColour {
    color: #f89b36 !important;
}

.twelveMonthColour {
    color: #1A658F;
}

.thirteenMonthColour {
    color: #1A658F;
}

.eighteenMonthColour {
    color: #737B4C;
}

.teacherPlannerColour {
    color: #737B4C;
}

.busPlannerColour {
    color: #B86125;
}

.dotGridColour {
    color: #708573;
}

.fiveYearColour {
    color: #708573;
}

.addressBookColour {
    color: #708573;
}

.guestBookColour {
    color: #708573;
}

.documentFolderColour {
    color: #744F28;
}

.manuBoxColour {
    color: #744F28;
}

.memeBoxColour {
    color: #744F28;
}

.pencilCaseColour {
    color: #744F28;
}

.bookmarkColour {
    color: #4B4F54;
}

.canvasBagColour {
    color: #4B4F54;
}

.penLoopColour {
    color: #4B4F54;
}

.btn-paperOh {
    background-color: #f89b36;
    color: white;
}
/*#endregion*/

/*#region PRODUCT FEATURE PAGES */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#featureVideoModalDialog {
    min-width: 80%;
}

.featureVideoModalDialog {
    min-width: 80%;
}

#pb-giftcards {
    height: 50px;
    color: #fff;
    background-size: cover;
}

#pb-subscribe {
    background: url('images/Features/FeatureBanner/0-0_Spring2020_HardcoverJournals-Header-Slider.jpg') no-repeat center;
    height: 50px;
    color: #fff;
    background-size: cover;
}

#pb-journals {
    background: url('images/Features/FeatureBanner/0-0_Spring2020_HardcoverJournals-Header-Slider.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-flexis {
    background: url('images/Features/FeatureBanner/0-0_softcover-flexis-Header-Slider.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-memento-boxes {
    background: url('images/Features/MBoxes_Features_Main-header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-address-books {
    background: url('images/Features/FeatureBanner/0-0_addressbook-Header-Slider.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-mini-reporters {
    background: url('images/Features/Reporters_Features_Main-Header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-day-planners {
    background: url('images/Features/Dayplanners_Features_Main-header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-12-month {
    background: url('images/Features/Features-Main-Header-Slider-12month.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-12-month-flexis {
    background: url('images/Features/Features-Main-Header-Slider-12month.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-flexi-dot-grids {
    background: url('images/Features/Flexis_DotGrid_Features_Main-header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-13-month {
    background: url('images/Features/Dayplanners_Features_Main-header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-18-month {
    background: url('images/Features/18MDayplanners_Features_Main-header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-18-month-flexis {
    background: url('images/Features/18MDayplanners_Features_Main-header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-5-years {
    background: url('images/Features/FeatureBanner/0-0_5year-Header-Slider.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-dot-grids {
    background: url('images/Features/Dot-Grid_Main-Header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-guest-books {
    background: url('images/Features/FeatureBanner/0-0_GuestBook-Header-Slider.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-pencil-cases {
    background: url('images/Features/FeatureBanner/0-0_OugiPencilcase-Header-Slider.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-filing-storage {
    background: url('images/Features/Doc-Folders_main-header-image.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pb-specialty-planners {
    background: url('images/Features/5-4_TeachersPlanners_Main-header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pbLaurel {
    background: url('https://cdn.paperblanks.com/pbws_assets/lb collab page 01 banner mobile.webp?0214202423') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/lb collab page 01 banner mobile.webp?0214202423');
}

#pbNYPL {
    background: url('images/NYPL/PBWS-DESKTOP_NYPL-Banner.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/NYPL/PBWS-DESKTOP_NYPL-Banner.jpg');
}

#pbDuomo {
    background: url('https://cdn.paperblanks.com/pbws_assets/main collab page duomo banner 1920x540.webp?0928202346') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/main collab page duomo banner 1920x540.webp?0928202346');
}

#pbAsterix {
    background: url('https://cdn.paperblanks.com/pbws_assets/asterix collab page 01 banner 1920x540.webp?0928202341') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/asterix collab page 01 banner 1920x540.webp?0928202341');
}

#pbLePetit {
    background: url('https://cdn.paperblanks.com/pbws_assets/84ea_web banner.webp?0225202559') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/84ea_web banner.webp?0225202559');
}

#pbDejiArt {
    background: url('https://cdn.paperblanks.com/pbws_assets/d9e1_web banner.webp?1104202528') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/d9e1_web banner.webp?1104202528');
}

#pbAstrid {
    background: url('https://cdn.paperblanks.com/pbws_assets/c643_web banner.webp?1113202517') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://cdn.paperblanks.com/pbws_assets/c643_web banner.webp?1113202517');
}

#pbMarshLib {
    background: url('https://cdn.paperblanks.com/pbws_assets/0b96_web banner.webp?1113202536') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn.paperblanks.com/pbws_assets/0b96_web banner.webp?1113202536');
}



#pbFlowerFairies {
    background: url('https://cdn.paperblanks.com/pbws_assets/017c_web banner.webp?1104202536') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/017c_web banner.webp?1104202536');
}

#pbCartoonSaloon {
    background: url('	https://cdn.paperblanks.com/pbws_assets/20e4_pb-cpp-cartoonsaloon_main_featurebanner.webp?0324202548') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/20e4_pb-cpp-cartoonsaloon_main_featurebanner.webp?0324202548');
}

#pbFourthWing {
    background: url('https://cdn.paperblanks.com/pbws_assets/439c_homepage_midpage banner.webp?0403202510') no-repeat center;
    height: 540px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/439c_homepage_midpage banner.webp?0403202510');
}

#pbWicked {
    background: url('https://cdn.paperblanks.com/pbws_assets/78b3_wicked_landing page_banner.webp?0807202547') no-repeat center;
    height: 540px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn.paperblanks.com/pbws_assets/78b3_wicked_landing page_banner.webp?0807202547');
}
#pbHP {
    background: url('https://cdn.paperblanks.com/pbws_assets/b9e3_e251_web-banner.webp?1007202527') no-repeat center;
    height: 540px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn.paperblanks.com/pbws_assets/b9e3_e251_web-banner.webp?1007202527');
}

#pbCarrie {
    background: url('https://cdn.paperblanks.com/pbws_assets/1485_page banner.webp?1024202549') no-repeat center;
    height: 540px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn.paperblanks.com/pbws_assets/1485_page banner.webp?1024202549');
}

#pbFWRebecca {
    background: url('https://cdn.paperblanks.com/pbws_assets/38fa_landing page_empyrean collection banner gradient (1).webp?0408202544') no-repeat center;
    height: 540px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/38fa_landing page_empyrean collection banner gradient (1).webp?0408202544');
}

#pbWickedLineBG {
    background: url('https://cdn.paperblanks.com/pbws_assets/54fb_mid banner.webp?0807202523') no-repeat center;
    height: 540px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://cdn.paperblanks.com/pbws_assets/54fb_mid banner.webp?0807202523');
}

#pbGetty {
    background: url('https://cdn.paperblanks.com/pbws_assets/pbws_getty-collaboration-page_banner edit.webp?0222202330') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/pbws_getty-collaboration-page_banner edit.webp?0222202330');
}

#pbBarnes {
    background: url('	https://cdn.paperblanks.com/pbws_assets/feb1_web banner.webp?1118202549') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://cdn.paperblanks.com/pbws_assets/feb1_web banner.webp?1118202549');
}
#pbEnidBlyton {
    background: url('https://cdn.paperblanks.com/pbws_assets/eblyton_banner.webp?1202202405') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://cdn.paperblanks.com/pbws_assets/eblyton_banner.webp?1202202405');
}
#pbVanGoghMuseum {
    background: url('https://cdn2.paperblanks.com/cdn-cgi/image/width=1920,height=540,fit=cover,quality=85,f=webp/pbws_assets/9fe5_collab%20page%20banner_mobile.webp?0223202622') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn2.paperblanks.com/cdn-cgi/image/width=1920,height=540,fit=cover,quality=85,f=webp/pbws_assets/9fe5_collab%20page%20banner_mobile.webp?0223202622');
}
#pbFolgerShakespearLibrary {
    background: url('https://cdn2.paperblanks.com/cdn-cgi/image/width=1920,height=540.fit=cover,quality=85,f=webp/pbws_assets/f66b_collab%20page%20banner.webp?0224202658') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn2.paperblanks.com/cdn-cgi/image/width=1920,height=540.fit=cover,quality=85,f=webp/pbws_assets/f66b_collab%20page%20banner.webp?0224202658');
}
#pbFAQ {
    background: url('https://cdn.paperblanks.com/pbws_assets/faq-banner.webp?0307202319') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pbFAQ {
    background: url('https://cdn.paperblanks.com/pbws_assets/faq-banner.webp?0307202319') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#pbGryff {
    background: url('https://cdn.paperblanks.com/pbws_assets/b064_gryffindor page banner.webp?1008202503') no-repeat center;
    height: 540px;
    color: #fff;
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn.paperblanks.com/pbws_assets/b064_gryffindor page banner.webp?1008202503');
}
.playBtn {
}

#floatImageDevelopDesign {
    margin-top: 5px;
    float: right;
}

#specialCollection {
    margin-top: 350px;
}

#specialCollectionGetty {
}

#ongoingGetty {
}

.nyplHeaderTxt {
    font-size: 1.2rem;
}
.asterixHeaderTxt {
    font-size: 1.5rem;
}


@media screen and (max-width:990px) {
    #specialCollection {
        margin-top: 0;
    }

    #specialCollectionGetty {
        margin-top: 0;
    }

    #ongoingGetty {
        margin-top: 0;
    }

    #floatImageDevelopDesign {
        float: none;
    }

    .nyplHeaderTxt {
        font-size: 1rem;
    }
    .asterixHeaderTxt {
        font-size: 1rem;
    }
}

@media screen and (max-width:767px) {
    #pbFAQ {
        background: url('https://cdn.paperblanks.com/pbws_assets/faq-banner-mobile.webp?0307202319') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/faq-banner-mobile.webp?0307202319');
    }
    #pbDuomo {
        background: url('https://cdn.paperblanks.com/pbws_assets/main collab page duomo banner 1920x540.webp?0928202346') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/main collab page duomo banner 1920x540.webp?0928202346');
    }
    #pbAsterix {
        background: url('https://cdn.paperblanks.com/pbws_assets/asterix-collab-page-01-banner_mobile.webp?0928202307') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/asterix-collab-page-01-banner_mobile.webp?0928202307');
    }
    #pbLePetit {
        background: url('https://cdn.paperblanks.com/pbws_assets/c1ac_mobile banner.webp?0225202546') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/c1ac_mobile banner.webp?0225202546');
    }

    #pbCartoonSaloon {
        background: url('https://cdn.paperblanks.com/pbws_assets/8cfe_pb-cpp-cartoonsaloon_mobile_featurebanner.webp?0324202550') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/8cfe_pb-cpp-cartoonsaloon_mobile_featurebanner.webp?0324202550');
    }
    #pbCartoonSaloon {
        background: url('https://cdn.paperblanks.com/pbws_assets/439c_homepage_midpage banner.webp?04032025100') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/439c_homepage_midpage banner.webp?0403202510');
    }
    #pbGetty {
        background: url('https://cdn.paperblanks.com/pbws_assets/mobile-pbws_getty-collaboration-page_banner edit.webp?0222202330') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/mobile-pbws_getty-collaboration-page_banner edit.webp?0222202330');
    }

    #pbGetty {
        background: url('https://cdn.paperblanks.com/pbws_assets/mobile-pbws_getty-collaboration-page_banner edit.webp?0222202330') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/mobile-pbws_getty-collaboration-page_banner edit.webp?0222202330');
    }

    #pbWicked {
        background: url('https://cdn.paperblanks.com/pbws_assets/78b3_wicked_landing page_banner.webp?0807202547') no-repeat center;
        height: 300px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn.paperblanks.com/pbws_assets/78b3_wicked_landing page_banner.webp?0807202547');
    }

    #pbBarnes {
        background: url('	https://cdn.paperblanks.com/pbws_assets/feb1_web banner.webp?1118202549') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://cdn.paperblanks.com/pbws_assets/feb1_web banner.webp?1118202549');
    }
    #pbEnidBlyton {
        background: url('https://cdn.paperblanks.com/pbws_assets/eblyton_banner.webp?1202202405') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://cdn.paperblanks.com/pbws_assets/eblyton_banner.webp?1202202405');
    }

    #pbLaurel {
        background: url('https://cdn.paperblanks.com/pbws_assets/lb collab page 01 banner mobile.webp?0214202423') no-repeat center;
        height: 500px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.paperblanks.com/pbws_assets/lb collab page 01 banner mobile.webp?0214202423');
    }

    #pbVanGoghMuseum {
        background: url('https://cdn2.paperblanks.com/cdn-cgi/image/width=360,height=360,fit=cover,quality=85,f=webp/pbws_assets/9fe5_collab%20page%20banner_mobile.webp?0223202622') no-repeat center;
        height: 450px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn2.paperblanks.com/cdn-cgi/image/width=360,height=360,fit=cover,quality=85,f=webp/pbws_assets/9fe5_collab%20page%20banner_mobile.webp?0223202622');
    }

    #pbFolgerShakespearLibrary {
        background: url('https://cdn2.paperblanks.com/cdn-cgi/image/width=360,height=360.fit=cover,quality=85,f=webp/pbws_assets/f66b_collab%20page%20banner.webp?0224202658') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://cdn2.paperblanks.com/cdn-cgi/image/width=360,height=360.fit=cover,quality=85,f=webp/pbws_assets/f66b_collab%20page%20banner.webp?0224202658');
    }

    #pb-journals {
        background: url('images/Features/FeatureBanner/1-0_MOBILE_Spring-2020page---Main-Slider.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-flexis {
        background: url('images/Features/FeatureBanner/1-0_MOBILE_flexis-Page---Main-Slider.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-5-years {
        background: url('images/Features/FeatureBanner/1-0_MOBILE_5year-Page---Main-Slider.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-guest-books {
        background: url('images/Features/FeatureBanner/1-0_GuestBook-MOBILE_Home-Page---Main-Slider.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-address-books {
        background: url('images/Features/FeatureBanner/1-0_MOBILE_Address--Main-Slider.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-pencil-cases {
        background: url('images/Features/FeatureBanner/1-0_MOBILE_ougi-pencil-case---Main-Slider.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-filing-storage {
        background: url('images/Features/FeatureBanner/1-0_MOBILE_Storage-Page---Main-Slider.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-memento-boxes {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-memento-boxes_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-12-month {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-12-month_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-12-month-flexis {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-12-month-flexis_main_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-flexi-dot-grids {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-flexi-dot-grids_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-13-month {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-13-month_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-18-month {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-18-month_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-18-month-flexis {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-18-month-flexis_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-dot-grids {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-dot-grids_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #pb-specialty-planners {
        background: url('https://paperblanks.azureedge.net/feature_banners/pb-teachers-planners_mobile_featurebanner.jpg?1/16/2020') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #featureVideoModalDialog {
        min-width: 100%;
    }

    .featureVideoModalDialog {
        min-width: 100%;
    }
}

.feat-header {
    font-family: 'Vollkorn', serif;
    font-style: italic;
    color: #4B4F54;
    font-size: 3.5rem;
    text-align: center;
}

.feathr-dot {
    border: 1px dashed #ccc;
    margin-bottom: 20px;
}

.feature {
    height: 480px;
    border-bottom: 1px solid #333333;
    background-size: cover !important;
}

.feature-white {
    min-height: 480px;
    border-bottom: 1px solid #333333;
}

.feature-last {
    /*min-height: 500px;*/
    margin-bottom: -14px !important;
    background-size: cover !important;
    border-bottom: none !important;
}

    .feature-white .container, .feature-white .container .row, .feature-last .container, .feature-last .container .row {
        min-height: inherit
    }

.closure-icon {
    border: 1px solid #C5B783;
}

.feature-icon {
    border: 1px solid #C5B783;
}

#intImgMain {
    margin-top: -150px;
}

#intSliderRow {
    margin-top: -150px;
}

    #intSliderRow img {
        cursor: pointer;
    }

#interiorImages .modal-dialog {
    max-width: 1100px;
}


#interiorImages .modal-body {
    overflow: hidden;
}

@media screen and (max-width: 900px) {
    #intImgMain {
        margin-top: -100px;
    }

    #intSliderRow {
        margin-top: -100px;
    }
}

@media screen and (max-width: 768px) {
    .no-bg-md {
        background: none !important;
    }

    #intImgMain {
        margin-top: -50px;
    }

    #intSliderRow {
        margin-top: -50px;
    }
}

@media (max-width: 576px) {
    .no-bg-sm {
        background: none !important;
    }
}

/*#endregion*/

/*#region ABOUT */
#whereBeginImg {
    width: 50%;
    margin-left: -50px;
}

.number-title {
    font-size: 2.8rem;
    color: #4B4F54;
    font-family: 'Vollkorn', serif;
}

#pbAbout {
    background: url('images/About/Our-Story_Main-Header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

#whatWeDo {
    padding-top: 10px;
    padding-bottom: 10px;
    background: url('images/About/Our-Story_What-We-Do.jpg') no-repeat center;
    height: 480px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    background-size: cover;
}


#wereGoing {
    background: url('https://cdn.paperblanks.com/pbws_assets/0c39_whats new for paperblanks.webp?1118202521') no-repeat center;
    height: 560px;
    border-bottom: 1px solid #333333;
    background-size: cover;
}
/*#endregion*/
/*#region TIMELINE  */
.timeline ul {
    padding: 50px 0;
    overflow: hidden;
}

    .timeline ul li {
        list-style-type: none;
        position: relative;
        width: 6px;
        margin: 0 auto;
        padding-top: 20px;
        background: #000;
    }

        .timeline ul li::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: inherit;
        }

        .timeline ul li div {
            position: relative;
            bottom: 0;
            width: 400px;
            padding: 0px;
        }

        .timeline ul li:nth-child(odd) div {
            left: 30px;
        }

        .timeline ul li:nth-child(even) div {
            left: -420px;
        }

        /*#endregion*/

        /*#region TIMELINE EFFECTS  */

        .timeline ul li::after {
            transition: background .5s ease-in-out;
        }

        .timeline ul li.in-view::after {
            background: #C5B783;
        }

        .timeline ul li div {
            visibility: hidden;
            opacity: 0;
            transition: all .5s ease-in-out;
            text-align: center;
            top: 10px;
        }

        .timeline ul li:nth-child(odd) div {
            -webkit-transform: translate3d(200px, 0, 0);
            transform: translate3d(200px, 0, 0);
        }

        .timeline ul li:nth-child(even) div {
            -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0);
        }

        .timeline ul li.in-view div {
            -webkit-transform: none;
            transform: none;
            visibility: visible;
            opacity: 1;
        }

.circle-slide {
    visibility: hidden;
    opacity: 0;
    transition: all 1s ease-in-out;
}

    .circle-slide.in-view {
        -webkit-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
    }

/*#endregion*/

/*#region TIMELINE MEDIA QUERIES */

@media screen and (max-width: 900px) {
    .timeline ul li div {
        width: 250px;
    }

    .timeline ul li:nth-child(even) div {
        left: -289px;
        /*250+45-6*/
    }

    #whereBeginImg {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .timeline ul li {
        margin-left: 20px;
    }

        .timeline ul li div {
            width: calc(100vw - 91px);
        }

        .timeline ul li:nth-child(even) div {
            left: 30px;
        }

            .timeline ul li:nth-child(even) div::before {
                left: -15px;
                border-width: 8px 16px 8px 0;
                border-color: transparent #ccc transparent transparent;
            }
}

/*#endregion*/

/*#region SIZE CHART */
.modal-header {
    border-bottom: none;
}
/*#endregion*/

/*#region CONTACT PAGE */

#pbContact {
    background: url('images/ContactFAQ/Contact-FAQ_Main-Header.jpg') no-repeat center;
    height: 350px;
    color: #fff;
    background-size: cover;
}

.office-add {
    min-height: 60px;
}
/*#endregion*/

/*#region FONT MEDIA QUERIES*/
#FAQ .pbcard-title, #retailers .pbcard-title {
    max-width: 86%;
    margin-left: 7%;
}

@media screen and (max-width: 1200px) {
    .pbhero-header {
        font-size: 3rem;
    }

    .pbhero-lead {
        font-size: 1.2rem;
    }

    .banner-title, #pbCara h1 {
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 768px) {
    .banner-title, #pbCara h1, #pbCara h2 {
        font-size: 3.0rem;
    }

    .product-collapse {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    #pbCara h1, #pbCara h2 {
        font-size: 2rem;
    }

    #pbCara h3 {
        font-size: 1.2rem;
    }

    #FAQ .pbcard-title, #retailers .pbcard-title {
        text-align: left !important;
        margin-left: 4% !important;
        font-size: 2.4rem;
        max-width: 86%
    }

    .product-collapse {
        font-size: 1.7rem;
    }

    .pbcard-title, .feat-header, .banner-title {
        font-size: 2.5rem;
    }

    .pbhero-header {
        font-size: 2.5rem;
    }

    .pbhero-lead {
        display: none;
    }

    .category-title {
        text-align: center;
    }
}

@media (max-width: 375px) {
    #pbCara h1, #pbCara h2 {
        font-size: 1.5rem;
    }
}

    /*#endregion*/

    /*#region RESOURCES PAGE*/

    #pbResources {
        background: url('images/Media-Resources_Main-header.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #resourceBtns .btn:hover, #resourceKits .btn:hover {
        opacity: 0.6;
    }

    /*#endregion*/

    /*#region FAQ PAGE*/

    #FAQ .pbcard-title {
        font-size: 3.0rem;
    }
    /*#endregion*/

    /*#region PRESS KIT PAGE*/
    .pbLinkColor {
        color: #1a658f;
    }

        .pbLinkColor:hover {
            color: #737b4c;
        }

    .smoothShow {
        -webkit-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }

        .smoothShow.ng-hide {
            opacity: 0;
        }

    .pressExpandFont {
        font-size: 1.8rem;
    }

    #pbPress {
        background: url('images/Media-Resources_Main-header.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    .pressSubHeader {
        color: #865991;
    }

    .pressBreak {
        font-size: 0.7rem;
        color: #d7d7d6;
    }

    .pressLinkText {
        font-size: 1.8rem;
    }

    .pressText {
        font-size: 1.3rem;
    }

    .goldhr {
        color: #C5B783;
        background-color: #C5B783;
    }

    @media screen and (max-width:763px) {
        .pressText {
            font-size: 1.2rem;
        }
    }

    @media screen and (min-width: 764px) and (max-width:991px) {
        .pressText {
            font-size: 1rem;
        }
    }

    #pbPressBar {
        background: url('images/Media/PressKit/Hartley-and-marks-banner.jpg') no-repeat center;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    .hmImageWidth {
        width: 20%;
    }

    .greyBG {
        background-color: #f5f5f5;
    }

    @media screen and (min-width: 1800px) and (max-width:5000px) {
        .hmImageWidth {
            width: 15%;
        }
    }

    @media screen and (min-width: 764px) and (max-width:1200px) {
        .hmImageWidth {
            width: 40%;
        }
    }

    @media screen and (min-width: 400px) and (max-width:763px) {
        .hmImageWidth {
            width: 50%;
        }
    }

    @media screen and (max-width:399px) {
        .hmImageWidth {
            width: 75%;
        }
    }

    .px-10 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .backgroundFAQ {
        background-color: #c4b783;
    }

    .contactInfo {
        line-height: 1.8;
    }
    /*#endregion*/
    /*#region CORPORATE PAGE*/
    #pbCorporate {
        background: url('images/Corporate/Corporate-Gifts_Main-Header.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    @media screen and (max-width:763px) {
        .hmImage {
        }
    }
    /*#endregion*/

    /*#region FILM PAGE*/
    #pbFilmTV {
        background-color: black;
        height: 350px;
        color: #fff;
        background-size: cover;
    }
    /*#endregion*/

    /*#region RETAILERS PAGE*/
    .returnCheckbox {
        width: 25px;
        height: 25px;
        text-align: center;
    }

    .soldOut {
        opacity: 0.8;
    }

    #orderLogos {
        display: none;
    }

    .dateHeader {
        font-weight: 500;
    }

    .retailerConfirmModal {
    }

    .angular-with-newlines {
        white-space: pre-wrap;
    }

    .negativeMargin {
        margin-top: -25px;
    }

    .subSeriesName {
        text-align: center;
        font-style: italic;
        color: #5a6268;
        font-size: 0.9rem;
        /*min-height:2.5rem;*/
    }

    .fixHeight {
        min-height: calc(100vh - 350px);
    }

    #pbRetailers {
        background-color: black;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #retailers .pbcard-title {
        font-size: 3.0rem;
    }

    .ccLogoInvoice {
        width: 75px;
    }

    .modal-overflow {
        overflow-x: auto;
    }

    .modal {
        overflow: auto !important;
    }

    .mobileBorderBottom {
        border-bottom: #dee2e6 solid 1px;
    }

    .voidedLine {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    @media screen and (max-width:575px) {
        .mobileRetailRegisterLabel {
            text-align: left !important;
        }
    }

    @media screen and (max-width: 991px) {
        .retailAccountDetailsOverview {
            margin-bottom: 20px !important;
        }
    }
    /*#endregion*/
    /*#region Retailer Product Catalog*/
    /*@media all and (min-width: 768px) {
    .fancybox-thumbs {
        top: auto;
        width: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 95px;
        padding: 10px 10px 5px 10px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.3);
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 0;
        bottom: 95px;
    }
}*/

    .retailerSaleCatalogBanner {
        background: url('images/Retailers/SaleBanner/PB_Christmas2019_Headers_Twitter_1.jpg') no-repeat center;
        border: 1px solid black;
        border-radius: 5px;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    .noHoverEffectCard {
        cursor: default !important;
        opacity: 1 !important;
    }

        .noHoverEffectCard .card:hover {
            cursor: default !important;
            opacity: 1 !important;
        }

    .imgcol .card:hover {
        cursor: default;
        opacity: 1;
    }

    #popperContainer .popover {
        background-color: #e9ecef !important;
        color: #495057;
    }

    #popperContainer .arrow::before {
        border-top-color: rgba(0, 0, 0, 0.2);
    }

    #popperContainer .arrow::after {
        border-top-color: #e9ecef;
    }

    #popperAddToCartContainer .popover {
        background-color: #e9ecef !important;
        color: #495057;
    }

    #popperAddToCartContainer .arrow::before {
        border-top-color: rgba(0, 0, 0, 0.2);
    }

    #popperAddToCartContainer .arrow::after {
        border-top-color: #e9ecef;
    }

    #popperMoreInfoHelperContainer .popover {
        background-color: #e9ecef !important;
        color: #495057;
    }

    #popperMoreInfoHelperContainer .arrow::before {
        border-top-color: rgba(0, 0, 0, 0.2);
    }

    #popperSearchHelpContainer .arrow::after {
        border-top-color: #e9ecef;
    }

    #popperSearchHelpContainer .popover {
        background-color: #e9ecef !important;
        color: #495057;
    }

    #popperSearchHelpContainer .arrow::before {
        border-top-color: rgba(0, 0, 0, 0.2);
    }

    #popperSearchHelpContainer .arrow::after {
        border-top-color: #e9ecef;
    }

    .hiddenInterior {
        display: none;
    }

    .productInfoBtnColor {
        color: white;
        background-color: #737B4C;
    }

    .productFeatureBtnColor {
        color: white;
        background-color: #708573;
    }

    .popover-header {
        text-align: center;
    }

    .shrinkSidebar {
        height: calc(100vh - 245px) !important;
    }

    .placeOrderLbl {
        font-weight: 700;
    }

    #retailOrderNote {
        width: 100%;
        resize: none;
        display: block;
    }

    @media screen and (max-width: 991px) {
        .centerText {
            text-align: center;
        }
    }

    #pageContainer {
        min-height: 100vh;
    }

    .retailProductInfo {
        word-wrap: break-word;
        white-space: normal;
        font-size: 12px;
    }

    .retailerProductCard {
        /*min-height: 500px;*/
        height: 100%;
    }

    .noTitleOverflow {
        white-space: nowrap;
        overflow: hidden;
    }

    .rCatalogMinH {
        min-height: 2.5em !important;
    }

    .selectedCard {
        border: 1px #538ab6 solid;
    }

    .selectedBtn {
        background-color: #708573;
        color: white;
    }

        .selectedBtn:hover {
            background-color: #708573;
            color: white;
        }

    .retailerCartProductFont {
        font-size: 12px;
        font-weight: bold;
    }

    .retailerCartSkuFont {
        font-size: 11px;
    }

    .retailOrderSummaryTotalFont {
        font-size: 15px;
    }

    .retailTooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
    }

        .retailTooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: #1A658F;
            color: #fff;
            text-align: left;
            border-radius: 6px;
            padding: 7px;
            /* Position the tooltip */
            position: absolute;
            z-index: 1;
        }

        .retailTooltip:hover .tooltiptext {
            visibility: visible;
        }

    /*endregion*/

    /*#region IMAGE LIBRARY PAGE*/
    #pbImgLibrary {
        background-color: black;
        height: 350px;
        color: #fff;
        background-size: cover;
    }
    /*#endregion*/

    /*#region DOWNLOADS PAGES*/

    #DLSnapshot {
        background: url('images/Downloads/Downloads_main-header.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #DLDiaries {
        background: url('images/Downloads/Downloads_main-header.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    .download-title {
        height: 75px;
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }

    .download-subtitle {
        height: 100px;
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }

    .download-vertical-align {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .download-screenshot-img {
        width: 60%;
        text-align: center;
        border: 1px solid #333333;
    }

    .download-reviewTitle {
        font-size: 1.2rem;
    }

    #whyDownload {
        background: url('images/Downloads/AppImages/13-3_App-Page_Purpose-of-the-app_2019.jpg') no-repeat center;
        min-height: 480px;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    #usingTheApp {
        background: url('images/Downloads/AppImages/13-3_App-Page_Filtering-sorting-prompts_2019.jpg') no-repeat center;
        min-height: 480px;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    .download-screenshot-col {
        text-align: center;
    }

    #download-LinkFont {
        font-size: 1.2em;
    }

    #download-app-customerReview-container {
        border-top: 1px solid #333333;
    }

    #app-iconDownload {
        width: 100%;
    }

    #app-prompt-container {
        border-bottom: 1px solid #333333;
    }

    #DLAppBanner {
        background: url('images/Downloads/AppImages/13-3_Main-Header_2019.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    .DLStoreBtn {
        height: 50%;
    }

    .featureFix {
        border-bottom: none;
    }

    @media screen and (min-width: 100px) and (max-width:445px) {
        #whyDownload {
            background: none;
        }

        #app-iconDownload {
            width: 100%;
        }

        #download-LinkFont {
            text-align: left;
            padding-top: 0px;
        }

        #usingTheApp {
            background: none;
        }

        .DLStoreBtn {
            text-align: left;
            height: 40px;
        }

        .featureFix {
            padding-top: 5px;
            padding-bottom: 5px;
            height: 600px;
        }

        .download-screenshot-col {
            margin-top: 100px;
        }
    }


    @media screen and (min-width:446px) and (max-width: 575px) {
        #download-title-logo {
            text-align: center;
        }

        #appStoreLinksContainer {
            text-align: center;
        }

        #app-iconDownload {
            width: 100%;
        }

        #whyDownload {
            background: none;
        }

        #usingTheApp {
            background: none;
        }

        .DLStoreBtn {
            text-align: left;
            height: 50px;
        }
    }

    @media screen and (min-width:576px) and (max-width: 767px) {
        #download-title-logo {
            text-align: center;
        }

        #appStoreLinksContainer {
            text-align: center;
        }

        #app-iconDownload {
            width: 80%;
        }

        #whyDownload {
            background: none;
        }

        #usingTheApp {
            background: none;
        }

        .DLStoreBtn {
            text-align: left;
            height: 50px;
        }

        #download-LinkFont {
            text-align: left;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
        #whyDownload {
            background: none;
        }

        #download-title-logo {
            text-align: center;
        }

        #appStoreLinksContainer {
            text-align: center;
        }

        #app-iconDownload {
            width: 100%;
        }

        #download-LinkFont {
            padding-top: 0px;
        }

        #phoneShake {
            height: 150px;
        }

        #usingTheApp {
            background: none;
        }

        .DLStoreBtn {
            text-align: left;
            height: 50px;
        }

        #download-LinkFont {
            text-align: left;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .DLStoreBtn {
            text-align: left;
            height: 50px;
        }

        #download-LinkFont {
            text-align: left;
        }

        #app-iconDownload {
            width: 80%;
        }
    }

    @media screen and (min-width: 1200px) {
        #app-iconDownload {
            width: 100%;
        }

        #download-LinkFont {
            padding-top: 20px;
        }
    }
    /*#endregion*/

    /*region Login.cshtml*/
    .lineThroughText {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        .lineThroughText:before,
        .lineThroughText:after {
            content: '';
            border-top: 1px #cccccc solid;
            margin: 0 20px 0 0;
            flex: 1 0 20px;
        }

        .lineThroughText:after {
            margin: 0 0 0 20px;
        }

    .lineText {
        position: relative;
        text-align: center;
    }

        .lineText span {
            display: inline-block;
            padding: 0 10px;
            background: #fff;
        }

        .lineText:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            left: 0;
            right: 0;
            top: 50%;
            height: 1px;
            background: #ccc;
        }

    .retailerSignupLink {
        font-weight: normal;
    }

    /*#endregion*/
    /*#region STORES PAGES*/
    #loader {
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #C5B783;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    #onlineStores {
        background: url('images/Retailers/Online-Stores_Header.jpg') no-repeat center;
        height: 500px;
        color: #fff;
        background-size: cover;
    }


    #pbShop {
        background: url('images/Features/Journals_main-header-image_01.jpg');
        background-size: cover;
        color: white;
    }

    #featured-stores .card:hover {
        cursor: default;
        opacity: 1;
    }

    #map-container {
        padding: 0;
    }

    .store_result {
        min-height: 170px;
    }

    .online_store_result {
        min-height: 75px;
    }

    .store-finder-title {
        margin-top: 2px;
        line-height: 1.5;
    }

    #map-row {
        margin: 0;
    }

    #map-col {
        padding: 0;
    }

    #map-canvas {
        height: 500px;
    }

    @media (max-width: 1199px) {
        #map-canvas {
            height: 300px;
        }
    }

    .store-finder {
        margin-top: 20px;
    }

    .navbar-headerCenter {
        float: left;
        padding: 15px;
        text-align: center;
        width: 100%;
    }

    #myAccountDropdown {
        min-width: 175px;
        max-width: 200px;
        padding: 0.2rem 0.5rem;
    }
    /*#endregion*/

    /*#region YT Video page*/

    #videoMediaBanner {
        background: url('images/Corporate/Corporate-Gifts_Main-Header.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    #videoPlayBtnLogo {
        height: 125px;
    }

    #playerContainer {
        padding: 0;
        text-align: center;
    }

    #youtube-video-player {
    }

    #videoPlaylists {
        margin-top: 30px;
    }

    .playlistImage {
        border: 1px solid black;
        width: 70%;
    }

    .videoContainer {
        margin-bottom: 10px;
    }

    .videoTitleText {
        margin-top: 5px;
        text-align: left;
    }

    .videoImage {
        position: relative;
        width: 100%;
        cursor: pointer;
        border: black solid 1px;
    }

    .imageBtn {
        width: 100%;
    }

    .floatVideoTime {
        font-size: 12px;
        position: absolute;
        bottom: 5px;
        right: 5px;
        color: white;
        font-weight: 500;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .videoText {
        font-size: 13px;
        font-weight: 700;
        text-align: center;
    }

    .videoInfo {
        font-size: 12px;
        font-weight: 500;
    }

    .videoDivider {
        margin-top: -15px;
    }

    a[aria-expanded=true] .fa-chevron-down {
        display: none;
    }

    a[aria-expanded=false] .fa-chevron-up {
        display: none;
    }

    .videoSubDesc {
        width: 80%;
        font-size: 13px;
        color: #4B4F54;
    }
    /*endregion*/

    /*RetailAccountOverview*/
    .retailAccountInfoContainer {
        min-height: 250px;
        padding: 20px;
    }

    .retailLinebreakColour {
        border-bottom: 2px solid #C5B783;
        margin-bottom: 20px;
    }
    /*endregion*/

    /*Retail Register Account*/
    .registerRetailerLabel {
        margin-top: 4px;
        font-weight: bold;
    }
    /*endregion*/

    /*Retail Image Library New*/
    .cardImage {
        width: 100%;
        height: 100px;
    }

    .retailImageCard {
    }

    .tagFilter {
        border-bottom: 1px solid #C5B783;
    }

    .cardImgResp {
        object-fit: contain;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    .cardingContainer {
        width: 100%;
        height: 200px;
    }

    .retailImgCardSize {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        height: 250px;
    }

    .retailCatalogueImgCardSize {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        height: 230px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .retailImgCardSize:hover {
        cursor: zoom-in;
    }

    #searchRetailImage {
        height: 34px;
    }

    .filterLabelRetailImg {
        font-weight: bold;
    }

    #sidebarjsContainer {
        margin-top: 65px;
        overflow: auto;
        height: 95vh;
    }

    #sidebarDownload {
        text-align: center;
    }

    @media (max-width: 670px) {
        #sidebarjsContainer {
            margin-top: 90px;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 479px) {
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
    }

    @media only screen and (min-width: 992px) {
    }

    /*#endregion*/

    /*Catalog Search*/
    #catalogSearchBanner {
        background: url('images/Catalog/PBWS_SearchPage_Banner-1-sized.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }
    /*#endregion*/

    /*#region Ecom. Order History*/
    .ecomOrderHistAddress {
        width: 150px;
        font-size: 13px;
    }

    .ecomItemSubtitleText {
        font-size: 12px;
        font-weight: bold;
    }

    .ecomPriceMargin {
        margin-top: 2rem !important;
    }

    .ecomTableBorder2 {
        border-width: 2px;
    }

    #ecomFilterSearchInput {
        width: 85%;
    }

    .ecomShippingIcon {
        width: 19px;
        height: 19px;
    }

    #orderSummaryTbl th {
        font-weight: normal;
        padding: 0;
    }

    #orderSummaryTbl td {
        padding: 0;
    }


    /*#endregion*/
    /*#region Ecom. Checkout */
    .widthGiftCard {
        width: 100%;
    }

    #paypal-button-container {
        right: 0;
        opacity: 0;
        position: absolute;
        float: right;
        z-index: 10;
        pointer-events: none;
    }

    .disabledPaypal {
        pointer-events: none;
    }

    .paymentPaypal {
        height: 40px;
    }

    .paymentStripe {
        height: 40px;
    }

    .paymentVoucher {
        height: 40px;
    }

    .paymentMethodFrame {
        cursor: pointer;
    }

    .paymentMethodSelected {
        border: 2px solid #00a7bb;
    }
    /*#endregion*/

    /*#region Ecom. Confirmation */
    .paymentMethodText {
        font-size: 16px;
        text-align: center;
    }
    /*#endregion*/


    /*#region My Account. Management */
    .addAddressCard {
        background-clip: unset;
        border-color: black;
        border-style: dashed;
    }

    .addAddressCardBody {
        min-height: 330px !important;
        display: flex;
        align-items: center
    }
    /*#endregion*/
    /*#region Ecom Order Lookup Page*/
    .orderLookupFrame {
        min-height: 620px;
    }

    @media (min-width:768px) and (max-width: 870px) {
        .orderLookupFrame {
            min-height: 660px;
        }
    }
    /*#endregion*/
    /*#region Ecom Sales Page*/
    .saleOverlay {
        position: absolute;
        top: 25px;
        left: 55px;
        background-color: #9E2A2B;
        font-size: 15px;
    }

    .retailSaleOverlay {
        top: 15px;
        left: 15px;
    }

    #pb-sale {
        background: url('images/Features/Features-Main-Header-Slider-12month.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    .saleProduct {
        color: black;
    }

        .saleProduct:hover {
            color: inherit !important;
            text-decoration: none !important;
        }

    .salePriceText {
        color: #9e2a2b;
    }
    /*#endregion*/

    .pbGold {
        color: #C5B783;
        color: #1a658f;
    }

    .pbDanger {
        color: #9E2A2B;
    }

    .pbGreen {
        color: #737B4C;
    }

    .vertical-center {
        min-height: 100%; /* Fallback for browsers do NOT support vh unit */
        min-height: 100vh; /* These two lines are counted as one :-)       */
        display: flex;
        align-items: center;
    }

    .vertical-centerBtn {
        margin: 0;
        position: absolute;
        top: 50%;
        right: 2rem;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /*#region LightSlider Custom*/
    .lSAction > a {
        background-image: none !important;
        font-size: 30px;
        color: #C5B784 !important;
        margin-top: -20px !important;
    }

    .lSAction > .lSNext {
        right: -20px !important;
    }

    #interiorImages .active {
        opacity: 0.4;
    }
    /*#endregion*/

    .mediaLibImage {
        height: 250px;
        width: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }

    .centerLang {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .selectedLang {
        border: 2px solid #00a7bb;
    }

    .noColourLinkLang {
        color: inherit;
        text-decoration: none;
        background-color: none;
    }

    a.noColourLinkLang:hover {
        color: inherit;
        text-decoration: none;
    }

    .centerText {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
    }

    .newsLetterSubBtn {
        height: 30px;
        width: 95%;
        margin-top: 2.5px;
    }

    .productSpecNoDD {
        padding: 0rem 0.3rem;
        font-size: 1.2rem;
        text-transform: none;
        color: #C5B783;
        font-family: 'Vollkorn', serif;
    }

    .body-content {
        min-height: 75vh;
    }

    .fontweightNormal {
        font-weight: normal;
    }

    @media (min-width: 1650px) {
        .d-xll-block {
            display: block !important;
        }

        .d-xll-none {
            display: none !important;
        }
    }

    .productCategoryAllText {
        color: #744f28;
        text-transform: capitalize;
        font-style: normal;
    }

    .productFormatInterior {
        color: #4b4f54;
    }

    .productCardMinHeightStkAll {
        min-height: 415px;
    }

    /*Tell a friend*/
    .tafLinkBox {
        width: calc(100% - 30px);
    }

    .tellFriendCircle {
        color: white;
        background: #1a658f;
        border-radius: 50%;
        width: 100px;
        height: 100px;
    }

    .myVoucherIcon {
        height: 25px;
        width: 25px;
    }

    .capitalize {
        text-transform: capitalize;
    }

    .shippingAlert {
        color: #612141;
        padding: 0.5rem 1.25rem;
    }

    .openSansText {
        font-family: 'Open Sans', sans-serif !important;
    }

    .thumbnailImage {
        width: 50px;
        height: 50px;
    }

    /*Product Wizard */
    .wizardWarningText {
        color: #9e2a2b;
        font-weight: bold;
    }

    .wizardImage {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 7px;
    }

    .wizardImageSmall {
        border-radius: 8px;
    }

    .wizardChoiceSmall {
        border-radius: 10px;
        border: 1px solid grey;
        color: grey;
        min-width: 100%;
    }

    .wizardChoiceSelectedSmall {
        border-radius: 10px;
        border: 2px solid #1A658F;
        color: grey;
        min-width: 100%;
    }

    .wizardChoice {
        border-radius: 10px;
        border: 2px solid grey;
        color: grey;
        min-width: 100%;
    }

    .wizardChoiceSelected {
        border-radius: 10px;
        border: 4px solid #1A658F;
        color: grey;
        min-width: 100%;
    }

    .wizardSelectedOverlay {
        position: absolute;
        /*    top: 50%;
    left: 50%;*/
        /*    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);*/
    }

    .col15 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .wizardBackBtn {
        background-color: #612141;
        color: white;
    }

    .wizardShowResultBtn {
        background-color: #708573;
        color: white;
    }

        .wizardShowResultBtn:hover {
            background-color: #708573;
            color: white;
        }

    .wizardNextBtn {
    }

    @media only screen and (min-width: 1px) and (max-width: 991px) {
        .homeBannerOpacity {
            background-color: rgb(0,0,0, 0.3) !important;
        }
    }

    /*Gift Cards*/
    .hrGiftCard {
        position: relative;
        z-index: 100;
    }

    .giftcardImgFrame {
        z-index: -1;
        margin-top: -20px;
        margin-bottom: -40px;
    }

    .tableRedBG {
        background-color: red;
    }

    .main-image {
        position: initial !important;
    }

    /* Paperblanks 30 BEGIN */
    #PB30Archives {
        background: url('https://cdn.paperblanks.com/pbws_assets/pbws_design_archives_30thanniversary-edit.webp?1013202210') no-repeat center;
        height: 480px;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    #PB30Join {
        background: url('images/PB30/PBWS_30Anniv_JointheFunOnline edit.jpg') no-repeat center;
        height: 480px;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    #PB30Behind {
        background: url('images/PB30/PBWS_30Anniv_BehindTheScenes edit.jpg') no-repeat center;
        height: 480px;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    #PBSpecials {
        background: url('images/PB30/PBWS_30Anniv_AnniversarySpecials edit.jpg') no-repeat center;
        height: 480px;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    #PBPressMedia {
        background: url('images/PB30/PBWS_30Anniv_PressAndMedia edit.jpg') no-repeat center;
        height: 480px;
        border-bottom: 1px solid #333333;
        background-size: cover;
    }

    #pb30Header {
        background: url('images/PB30/PBWS_30Anniv_Banner.jpg') no-repeat center;
        height: 350px;
        color: #fff;
        background-size: cover;
    }

    .pb30Hidden {
        display: none;
    }

    .pb30Show {
        display: block;
    }
    /* Paperblanks 30 END */

    .archivePMargin {
        margin-bottom: 0.7rem;
    }

    .signoutBtn {
        color: gray !important;
        border: none !important;
    }

    /* Valentines Promo*/
    .imageFrame {
        border-radius: 20px;
    }
.gstExempt{
    font-weight:bold;
}

.minHeight650px {
    min-height:650px !important;
}

/* For devices with a maximum width of 768px (typically tablets and mobile phones) */
@media only screen and (max-width: 1440px) {
    #fwModalBtn {
        display: none;
    }
}


.modal-open {
    overflow:visible !important;
    padding-right:0 !important;
}
.modal {
    padding-right: 0px !important;
}

#navbarShared {
    padding-right:0px !important;
}

.preorderBtnProduct {
    background-color: black;
    color: white;
    font-style: italic;
    padding: 15px;
    border-radius:10px;
}

    .preorderBtnProduct:hover {
        color: white;
        font-weight: bold;
    }
.clickableNavCategory {
    position: relative;
}

    .clickableNavCategory a.stretched-link {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        text-indent: -9999px; /* hide link text if needed */
    }

a {
    color: #1a658f;
}

.headerTextBackground {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    padding: 10px;
}

.btn-dark {
    background:black;
}

.pbDarkGrey {
    color:#4B4F54;
}

.pbCreamBackground {
    background: #F2F0E3;
}

.wickedPreorderBtnHome:hover {
    font-weight:bold;
}