.shipping-notice-banner {
    height: 70px; 
    width: 100%; 
    display: block; 
    z-index: 102; 
    top: 0px; 
    position: fixed;
    background-color: #137dbd;
    overflow:hidden;
        border-bottom:solid 1px #000;
}

.shipping-notice-banner:before {
    position: absolute;
    content: "";
    background-image: url("../fonts/components-red.png");
    height:70px;
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index:1001;
}

.shipping-notice-banner .header-shipping-msg.msg-short {
    display:none;
}

/* Search Pages Only */
.mini-msg .shipping-notice-banner .header-shipping-msg.msg-short {
    display: block;
}

.mini-msg .shipping-notice-banner .header-shipping-msg.msg-tall {
    display: none;
}

html body:not(.gdpr).shipping-msg {
    margin-top:70px;
    background-position:0px 70px;
}

@media screen and (max-width:1024px) {
    html body:not(.gdpr).shipping-msg #header {
        margin-top:70px;
    }

    html body:not(.gdpr).flymenu-toggle.shipping-msg .shipping-notice-banner {
        z-index:99
    }
    
    html body:not(.gdpr).flymenu-toggle.shipping-msg .menu-backdrop {
        top:-70px;
    }
    
    html body:not(.gdpr).flymenu-toggle.shipping-msg.mini-msg .menu-backdrop {
        top:-36px;
    }
}

@media print {
        html body:not(.gdpr).shipping-msg {
        margin-top:0px !important;
        background-position:0px 0px;
    }

    .shipping-notice-banner {
        display:none !important;
    }
}

.header-shipping-msg {
    height:70px;
    width: 100%;
    display: block;
    color: white;
    text-align: center;
    cursor: pointer;
    font-size:20px;
    z-index: 1002;
    position: absolute;
    top:20px;
}

@media screen and (max-width:768px) {
    .header-shipping-msg {
        font-size:16px;
        top:24px;
    }
}

.header-shipping-msg a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.header-shipping-msg img {
    vertical-align: middle;
    padding:0 10px 0 0;
}

    .rtl .header-shipping-msg img {
        padding:0 0 0 10px;
    }

.header-shipping-msg-close {
    position: absolute; 
    top: 20px; 
    right: 5px; 
    width: 28px; 
    height: 28px; 
    padding: 0px; 
    font-size: 26px; 
    font-weight: normal; 
    text-align: center; 
    text-decoration: none; 
    color: #fff; 
    line-height: 28px;
    z-index: 1003;
    cursor: pointer;
}

    .rtl .header-shipping-msg-close {
        left: 5px;
    }

.gdpr .shipping-notice-banner {
    display: none !important;
}



/* Misc variations */
#twoDayShippingModal .dk-table td {
    text-align:left;
}

.text-color--green {
    font-weight:bold;
    color:green;
}

.new-price-text {
    color: green;
    font-weight: bold;
    padding: 0 0 0 5px;
}

.diagonal-strike {
    position: relative;
    display: inline-block;
}

.diagonal-strike::before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}

.diagonal-strike::before {
    border-bottom: 2px solid red;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
.billboard {display: block; position: relative; width: 100%; max-width: 100%; height: 250px; margin: 0; padding: 0; background-color: var(--red); z-index: 0; overflow: hidden;}
.billboard .billboard-banner {display: flex; flex-flow: wrap; flex: 100%; align-items: center; background-size: 100% auto; background-position: top; width: 100%; left: 0px; background: var(--red);}
.rtl .billboard .billboard-banner {right: 0px; left: auto;}
.billboard .billboard-banner .billboard-text--wrapper {flex: 1; padding: 0 50px;}

.billboard .billboard-text--wrapper h1 {display: block; max-width: 500px; max-height: 140px; overflow: hidden; box-sizing: border-box; font-size: 42px; font-weight: 700; color: white; line-height: 1.0;}
.billboard .billboard-text--wrapper h2 {display: block; max-width: 500px; max-height: 100px; overflow: hidden; box-sizing: border-box; font-size: 22px; font-weight: 700; color: white; line-height: 1.2;}
.billboard .billboard-banner .billboard-text {font-size: 42px; font-weight: 700; line-height: 1.2;  color:#fff;}
html[lang="ko-kr"] .billboard .billboard-banner .billboard-text {font-size: 45px;}

.billboard .billboard-banner .billboard-banner-white {position: relative; flex: 1; width: 100%; min-height: 250px;}
.rtl .billboard .billboard-banner .billboard-banner-white {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}
.billboard .billboard-banner .billboard-banner-black {position: absolute; top: 0; bottom: 0; left: 0; right: 10px;}
.rtl .billboard .billboard-banner .billboard-banner-black {left: 10px; right: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}

.billboard .billboard-banner .billboard-img-body {position: absolute;top: 0;bottom: 0;left: 0;right: 20px;-webkit-clip-path: polygon(0% 0, 100% 0, 85% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);}
.rtl .billboard .billboard-banner .billboard-img-body {left: 20px; right: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}
.billboard .billboard-banner .billboard-img-body img {width: 100%; height: 100%; object-fit: cover;}


@media (max-width: 1220px) {
    .billboard .billboard-banner .billboard-img-body img {width: 100%; height: 100%; object-fit: cover;}
}

@media (max-width: 800px) {
    .billboard {height: auto;}
    .billboard .billboard-banner {display: block; background: var(--red);}
    .billboard .billboard-banner .billboard-body {padding: 10px 30px; height: auto;}
    .billboard .billboard-banner .billboard-text {margin: 0; font-size: 20px !important; line-height: normal !important; color: #fff;}
    html[lang="ko-kr"] .billboard .billboard-banner .billboard-text {font-size: 20px !important;}

    .billboard .billboard-banner .billboard-banner-white {position: relative; flex: 1; width: 100%; min-height: 150px; background: #fff; -webkit-clip-path: none; clip-path: none;}
    .rtl .billboard .billboard-banner .billboard-banner-white {-webkit-clip-path: none; clip-path: none;}
    .billboard .billboard-banner .billboard-banner-black {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; -webkit-clip-path: none; clip-path: none;}
    .rtl .billboard .billboard-banner .billboard-banner-black {left: 0; right: 0; -webkit-clip-path: none; clip-path: none;}

    .billboard .billboard-banner .billboard-img-body {position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-clip-path: none; clip-path: none;}
    .rtl .billboard .billboard-banner .billboard-img-body {left: 0; right: 0; -webkit-clip-path: none; clip-path: none;}
    .billboard .billboard-banner .billboard-img-body img {width: 100%; height: 100%; object-fit: cover;}

    .billboard .billboard-banner .billboard-text--wrapper {padding: 15px 30px; height: auto; overflow: hidden;}
    .billboard .billboard-text--wrapper h1 {max-width: none; max-height: none; font-size: 22px; line-height: 0.5; white-space: nowrap; text-overflow: ellipsis;}
    .billboard .billboard-text--wrapper h2 {max-width: none; max-height: none; font-size: 14px; line-height: normal;}

}