<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/********************/
/* SHOPPING CART BASE FILE REVISION HISTORY */
/*
    DATE        WHO Comments
    ----------  --- ---------------------------------------------------
    11/04/2021  DG  Removed a share this reference from page  
    12/22/2021  DG  adding support for new spinner to be used in checking out to prevent refreshing or back button hit  
    09/19/2022  DG  Adding cart page new Host Rewards Details styles for box each product in cart line 7434
    11/03/2022  DG  Adding CSS to make cart info span tags own seprate lines

*/
/* END REVISION HISTORY */
/************************/
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,700,600);
@import url(https://fonts.googleapis.com/css?family=Sintony:400,700);

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v8/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff) format("woff");
}

.material-icons {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

i {
    font-style: normal !important;
}


    i a {
        text-decoration: none;
        cursor: pointer;
    }

li:after, li:before {
    text-decoration: none;
    cursor: pointer;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

.close-x {
    background-color: white;
    border-radius: 50%;
    float: right;
    color: #434a54;
}

    .close-x a {
        color: #434a54;
    }

        .close-x a:hover {
            color: #434a54;
        }

nav ul {
    display: table !important;
    width: 100%;
    margin: 0;
    padding: 0;
    background: 0 0;
    overflow: visible;
}

nav #search-desktop {
    background: #767676;
    text-align: center;
    font-size: 18px;
    padding: 10px 15px;
    line-height: 0px;
    cursor: pointer;
}

    nav #search-desktop i {
        color: #ffffff;
    }

nav.menu {
    background: #767676;
    min-height: 45px;
}

    nav.menu ul li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0);
    }

    nav.menu ul li {
        list-style: none;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        line-height: 45px;
        display: table-cell;
        vertical-align: top;
    }

        nav.menu ul li a {
            text-align: center !important;
            text-decoration: none;
            color: #fff;
            display: block;
            text-transform: uppercase;
            padding: 0px 24px;
            font-weight: 600;
        }

            nav.menu ul li a:hover {
                background: #9d9d9d;
                transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -webkit-transition-duration: 0.3s;
            }

        nav.menu ul li ul li {
            display: block;
            line-height: normal;
            padding: 2px 5px 2px 0 !important;
        }

            nav.menu ul li ul li a {
                text-transform: none !important;
                font-weight: normal !important;
                font-size: 14px;
                padding: 0px !important;
            }

.mega-menu a:hover,
.mini-menu a:hover {
    background: transparent !important;
}

.active {
    background: #9d9d9d !important;
}

.xs-menu li {
    list-style: none;
}

    .xs-menu li a {
        text-decoration: none;
        color: #fff;
        display: block;
        padding: 0px 24px;
    }

.displaynone {
    display: none;
}

.xs-menu-cont {
    display: none;
    position: relative;
}

#search-mobile {
    position: absolute;
    color: white;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

    #search-mobile i {
        font-size: 26px !important;
    }

.xs-menu-cont &gt; a {
    text-align: left;
    background: none repeat scroll 0 0 #767676;
    padding: 3px 6px;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px #3e3e3e 2px 5px 0px #000000;
    -moz-box-shadow: 0 1px 2px #3e3e3e 2px 5px 0px #000000;
    box-shadow: 0 1px 2px #3e3e3e 2px 5px 0px #000000;
}

    .xs-menu-cont &gt; a:hover {
        cursor: pointer;
    }

.xs-menu li {
    color: #fff;
    border-bottom: 1px solid #666e78;
    background: #434a54;
}

    .xs-menu li .top-mobile {
        padding-left: 10px !important;
        background-color: #5cc5aa;
        height: 40px;
        line-height: 40px;
    }

    .xs-menu li .mid-mobile {
        border-bottom: 5px solid #383838;
        padding-left: 25px !important;
        background-color: #32967d;
        height: 40px;
        line-height: 40px;
    }

.xs-menu a {
    text-decoration: none;
}

nav.xs-menu ul ul li {
    margin-left: 15px;
    padding: 10px;
}

    nav.xs-menu ul ul li:last-child {
        border-bottom: 0px;
    }

.mega-wrapper .trin-4:nth-child(4n-7) {
    clear: left;
}

.mega-menu {
    background: none repeat scroll 0 0 white;
    color: inherit;
    border-bottom: 8px solid #767676;
    border-top: 8px solid #767676;
    line-height: normal;
    left: 0;
    margin-top: 0px;
    position: absolute;
    z-index: 9998;
    width: 100%;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: none;
    transition-duration: 0.9s;
    box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.2);
}

    .mega-menu a {
        display: inline !important;
        padding: 2px !important;
    }

    .mega-menu .mega-wrapper {
        position: relative;
        display: block;
        overflow: auto;
        padding-bottom: 55px;
    }

    .mega-menu .catfish {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

        .mega-menu .catfish a {
            color: #363b43;
            text-decoration: underline;
        }

            .mega-menu .catfish a:visited {
                color: #363b43;
            }

            .mega-menu .catfish a:hover {
                color: #767676;
            }

            .mega-menu .catfish a:active {
                color: #767676;
            }

        .mega-menu .catfish a {
            text-decoration: none !important;
        }

    .mega-menu .categories-list ul li a {
        color: #363b43;
        text-decoration: underline;
    }

        .mega-menu .categories-list ul li a:visited {
            color: #363b43;
        }

        .mega-menu .categories-list ul li a:hover {
            color: #767676;
        }

        .mega-menu .categories-list ul li a:active {
            color: #767676;
        }

    .mega-menu .categories-list ul li a {
        text-decoration: none !important;
    }

    .mega-menu .categories-list ul span a {
        color: #767676;
        text-decoration: underline;
    }

        .mega-menu .categories-list ul span a:visited {
            color: #767676;
        }

        .mega-menu .categories-list ul span a:hover {
            color: #767676;
        }

        .mega-menu .categories-list ul span a:active {
            color: #767676;
        }

    .mega-menu .shop-all-links {
        text-align: right;
        float: right;
        margin-left: 50px;
    }

    .mega-menu .left-images {
        margin-right: 25px;
        display: block;
    }

        .mega-menu .left-images p {
            color: #666;
            text-align: center;
            font-size: 18px;
            line-height: normal;
            margin: 0;
            padding: 5px 14px;
        }

        .mega-menu .left-images img {
            width: 100%;
            max-width: 100%;
            -webkit-transition: all 0.2s ease 0s;
            -moz-transition: all 0.2s ease 0s;
            -ms-transition: all 0.2s ease 0s;
            -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
        }

            .mega-menu .left-images img:hover {
                opacity: 0.8;
            }

.mini-menu {
    background: none repeat scroll 0 0 #fff;
    color: inherit;
    border-bottom: 8px solid #767676;
    border-top: 8px solid #767676;
    line-height: normal;
    left: 0;
    margin-top: 0px;
    position: absolute;
    width: auto;
    min-width: 160px;
    display: none;
    transition-duration: 0.9s;
    box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.2);
}

    .mini-menu span.categories-list ul li a {
        color: #363b43;
        text-decoration: underline;
    }

        .mini-menu span.categories-list ul li a:visited {
            color: #363b43;
        }

        .mini-menu span.categories-list ul li a:hover {
            color: #767676;
        }

        .mini-menu span.categories-list ul li a:active {
            color: #767676;
        }

    .mini-menu span.categories-list ul li a {
        margin-left: 8px !important;
        text-decoration: none !important;
    }

    .mini-menu span.categories-list a {
        display: inline !important;
        padding: 2px;
        text-decoration: underline !important;
        color: #767676;
    }

    .mini-menu .categories-list ul {
        margin: 0 !important;
    }

.mini-drop-down {
    position: relative;
}

.categories-list {
    margin-top: 15px;
}

    .categories-list ul {
        margin: 0;
    }

    .categories-list span {
        text-decoration: underline;
        text-transform: uppercase;
        margin-bottom: 15px;
        font-family: "Sintony", "Helvetica Neue, Helvetica, Arial", sans-serif;
        padding: 0px 0px !important;
    }

        .categories-list span a {
            padding: 0px 0px !important;
        }

    .categories-list li {
        display: block;
        line-height: normal;
        margin: 0;
        padding: 2px 0;
    }

        .categories-list li a {
            display: inline;
            font-size: 12px;
            text-decoration: none;
            padding: 0px 0px !important;
        }

#menutoggle i {
    color: #fff;
    font-size: 33px;
    margin: 0;
    padding: 0;
}

.display-on .mini-menu {
    display: block;
    transition-duration: 0.9s;
    width: 100%;
}

.display-on .mega-menu {
    display: block;
    transition-duration: 0.9s;
}

.drop-down &gt; a:after,
.mini-drop-down &gt; a:after {
    content: "\E5C5";
    font-family: 'Material Icons' !important;
    color: #ffffff;
    font-size: 15px;
    line-height: 0 !important;
}

.catfish a:after {
    content: "\E038";
    font-family: 'Material Icons' !important;
    color: #262626;
    opacity: 0.4;
    font-size: 16px;
    vertical-align: middle !important;
    margin-left: 6px;
}

/*MediaQuerys*/
@media (max-width: 600px) {
    .menu {
        display: none;
    }

    .xs-menu li a {
        padding: 0px;
    }

    .xs-menu-cont {
        display: block;
    }
}

@media (max-width: 800px) {
    .mega-menu .trin-75 {
        width: 100%;
    }

    .mega-menu .menu-feature .trin-4 {
        width: 50% !important;
        margin-left: 25%;
    }
}

@media (max-width: 88em) {
    nav.menu ul li a {
        padding: 0 15px;
        white-space: nowrap;
    }
}

@media (max-width: 815px) {
    nav.menu ul li a {
        padding: 0;
        font-size: 12px;
        white-space: nowrap;
    }

    nav.menu ul {
        display: inline;
    }
}

/*Animation--*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.mega-menu .categories-list ul span a {
    white-space: normal !important;
}

nav.menu ul li ul li a {
    white-space: normal !important;
}

nav.menu ul li .mega-menu .menu-feature a {
    white-space: normal !important;
}

.red {
    color: #d92f42;
    font-weight: 500;
    clear: both;
}

.red-border {
    border: 2px solid #d92f42;
}

/*cart progress bar*/
#progress {
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    clear: both;
    line-height: 1em;
    /* margin: 0 -1px; */
    text-align: center;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 480px) {
    #progress {
        font-size: 11px;
    }
}

#progress li {
    float: left;
    padding: 10px 30px 10px 40px;
    background: #aab2bc;
    color: #ffffff;
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: auto;
    margin: 0 1px;
    display: table-cell;
}

@media only screen and (max-width: 480px) {
    #progress li {
        padding: 5px 10px 5px 10px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    #progress li {
        padding: 10px 20px 10px 20px;
    }
}

#progress li:before {
    content: '';
    border-left: 16px solid #ffffff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 480px) {
    #progress li:before {
        border-left: none;
        border-top: none;
        border-bottom: none;
    }
}

#progress li:after {
    content: '';
    border-left: 16px solid #aab2bc;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}

@media only screen and (max-width: 480px) {
    #progress li:after {
        border-left: none;
        border-top: none;
        border-bottom: none;
    }
}

#progress li.active {
    background: #767676 !important;
}

    #progress li.active:after {
        border-left-color: #767676;
    }

#progress li.done {
    background: #ccd1d7;
}

    #progress li.done:after {
        border-left-color: #ccd1d7;
    }

/*shipping method and award redeem images*/
.SCNCOShippingMethodLogos {
    width: 70%;
    text-align: left;
}

#ShipperRowsContainer hr.shop-divider {
    margin: auto;
}

#ShipperRowsContainer p {
    margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
    #ShipperRowsContainer p {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    #ShipperRowsContainer {
        font-size: 12px !important;
    }
}

.SCNRAImage {
    width: 80px;
}

@media only screen and (max-width: 480px) {
    .SCNRAImage {
        width: 100%;
    }
}

.qty-input {
    width: 45px !important;
}

.form-spacer {
    padding: 1px !important;
}

textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    border: 1px solid #ccd1d9;
}

input {
    border: 1px solid #ccd1d9;
    padding-left: 10px;
    width: auto;
    margin-bottom: 12px;
}

    textarea:focus,
    input:focus {
        border: 1px dotted #9d9d9d;
    }

    input.middle:focus {
        outline-width: 0 !important;
    }

    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
        outline: none;
    }

.required {
    position: relative;
    margin-right: 20px;
}

    .required:after {
        content: "*";
        display: block;
        font-size: 24px;
        color: #d92f42;
        position: absolute;
        right: -15px;
        top: 5px;
    }

.spotlight {
    font-size: 25px;
    color: #ffffff;
    display: block;
    background-color: #4fcead;
    padding: 5px;
    line-height: 44px;
    text-align: center;
}

    .spotlight.sub-total {
        font-size: 18px;
        background-color: #666e78;
        line-height: 14px;
    }

input[class*=Button] {
    font-size: 12pt;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 10px;
    border: none;
    color: white;
    white-space: normal;
    background-color: #b8babe;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    input[class*=Button]:hover {
        background-color: #d3d4d6;
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
    }

.NEButton-add {
    color: white;
    background-color: #8dbf58 !important;
}

    .NEButton-add:hover {
        background-color: #a6cd7d !important;
    }

.NEButton-cancel {
    color: white;
    background-color: #434a54 !important;
}

    .NEButton-cancel:hover {
        background-color: #5a6370 !important;
    }

.SCNLoginButton {
    color: white;
    background-color: #8dbf58 !important;
}

    .SCNLoginButton:hover {
        background-color: #a6cd7d !important;
    }

.SCNCOFindButton {
    color: white;
    background-color: #f4ba4e !important;
}

@media only screen and (max-width: 480px) {
    .SCNCOFindButton {
        width: 100%;
    }
}

.SCNCOFindButton:hover {
    background-color: #f7cd7e !important;
}

.SCNVSCBeginCheckoutButton, .SCNCACreateAccountButton, .SCNCOContinueCheckoutButton, .SCNAMRedeemButton, .SCNAMContinuCheckoutButton, .SCNCOApplyButton, .SCNCO________Button, .SCNCOAlternateAddrButton, .SCNFRCompleteButton, .ROEButton,
.ROEButton-alt, .FirestormStandardButton, .SCNODReturnToOHButton {
    color: white;
    background-color: #8dbf58 !important;
}

    .SCNVSCBeginCheckoutButton:hover, .SCNCACreateAccountButton:hover, .SCNCOContinueCheckoutButton:hover, .SCNAMRedeemButton:hover, .SCNAMContinuCheckoutButton:hover, .SCNCOApplyButton:hover, .SCNCO________Button:hover, .SCNCOAlternateAddrButton:hover, .SCNFRCompleteButton:hover, .ROEButton:hover,
    .ROEButton-alt:hover, .FirestormStandardButton:hover, .SCNODReturnToOHButton:hover {
        background-color: #a6cd7d !important;
    }

.SCNVSCContinueShoppingButton {
    color: white;
    background-color: #44b0d8 !important;
}

    .SCNVSCContinueShoppingButton:hover {
        background-color: #6ec2e1 !important;
    }

.SCNVSCApplyCouponButton {
    color: white;
    background-color: #ff8000 !important;
}

    .SCNVSCApplyCouponButton:hover {
        background-color: #ff9933 !important;
    }

@media only screen and (max-width: 480px) {
    .SCNCACreateAccountButton {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .SCNCOContinueCheckoutButton {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .SCNAMRedeemButton {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .SCNAMContinuCheckoutButton {
        width: 100%;
    }
}

.SCNRAAddToCartButton {
    background-color: #8dbf58 !important;
}

    .SCNRAAddToCartButton:hover {
        background-color: #a6cd7d !important;
    }

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .SCNRAAddToCartButton {
        text-align: right;
    }
}

@media only screen and (max-width: 480px) {
    .SCNRAAddToCartButton {
        width: 100%;
    }
}

.SCNCOApplyButton {
    background-color: #f4ba4e !important;
}

@media only screen and (max-width: 480px) {
    .SCNCOApplyButton {
        width: 100%;
    }
}

.SCNCOApplyButton:hover {
    background-color: #f7cd7e !important;
}

.SCNCO________Button {
    background-color: #f4ba4e !important;
}

@media only screen and (max-width: 480px) {
    .SCNCO________Button {
        width: 100%;
    }
}

.SCNCO________Button:hover {
    background-color: #f7cd7e !important;
}

.SCNCOAlternateAddrButton {
    background-color: #4e8bda !important;
}

@media only screen and (max-width: 480px) {
    .SCNCOAlternateAddrButton {
        width: 100%;
    }
}

.SCNCOAlternateAddrButton:hover {
    background-color: #78a7e3 !important;
}

.SCNRACancelButton {
    background-color: #434a54 !important;
}

    .SCNRACancelButton:hover {
        background-color: #5a6370 !important;
    }

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .SCNRACancelButton {
        text-align: right;
    }
}

@media only screen and (max-width: 480px) {
    .SCNRACancelButton {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .SCNFRCompleteButton {
        width: 100% !important;
    }
}

.ROEButton,
.ROEButton-alt {
    width: 100%;
    background-color: #666e78 !important;
}

    .ROEButton:hover,
    .ROEButton-alt:hover {
        background-color: #7f8792 !important;
    }

.SCNMYASaveButton {
    color: white;
    background-color: #44b0d8 !important;
}

    .SCNMYASaveButton:hover {
        background-color: #6ec2e1 !important;
    }

@media only screen and (max-width: 480px) {
    .FirestormStandardButton {
        width: 100% !important;
    }
}

.SCNODReturnToOHButton {
    background-color: #666e78 !important;
}

    .SCNODReturnToOHButton:hover {
        background-color: #7f8792 !important;
    }

input[type="checkbox"],
input[type="radio"] {
    width: auto;
    margin: 5px;
}

input[type="button"] {
    width: auto;
}

input[type="text"], input[type="password"] {
    width: 100%;
    height: 47px;
    display: block;
    margin-bottom: 15px;
    border-radius: 4px;
}

.coupons input {
    width: auto;
}

/*Cart sign in page*/
a.ghost-btn {
    padding: 8px;
    background-color: rgba(68, 176, 216, 0.4);
    color: black !important;
    border-radius: 20px;
    text-align: center;
    text-decoration: none !important;
    width: auto;
    margin: 5px;
}

    a.ghost-btn:hover {
        background-color: rgba(68, 176, 216, 0.7);
    }

.cart-sign-in .sign-in-box.trin-2 .panel-body,
.cart-sign-in .create-acct-box.trin-2 .panel-body {
    min-height: 450px;
}

@media only screen and (max-width: 480px) {
    .cart-sign-in .sign-in-box.trin-2,
    .cart-sign-in .create-acct-box.trin-2 {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .cart-sign-in input {
        width: 100%;
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .cart-sign-in input {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .col-box-1.trin-2,
    .col-box-2.trin-2 {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .col-box-1.trin-2,
    .col-box-2.trin-2 {
        width: 100%;
    }
}

.input-spacer {
    margin-bottom: 10px;
}

@media only screen and (max-width: 480px) {
    .billing-address .form-part {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .billing-address .form-part {
        width: 100%;
    }
}

.billing-address .form-part select {
    width: 80%;
}

@media only screen and (max-width: 480px) {
    .billing-address .form-part select {
        width: 100%;
    }
}

.auto-width {
    width: auto !important;
}

.notice {
    font-size: 10px;
    line-height: 12px;
}

.check img {
    width: 100%;
    padding: 15px;
}

.radio {
    position: relative;
    height: 60px;
}

    .radio input {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

/*Star RATINGS*/
.SCNFRPaymentDue {
    border-top-style: double;
    border-top-color: black;
}

/*CART REVIEW PAGE pullout */
.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

@media only screen and (max-width: 480px) {
    .right {
        text-align: left;
    }
}

.left {
    text-align: left !important;
}

table,
th,
td {
    border: none;
}

    table td {
        padding: 0 2px !important;
    }

.responsive {
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .responsive {
        font-size: 11px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .responsive {
        font-size: 12px;
    }
}

.responsive th {
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 480px) {
    .responsive th {
        border-left: 1px dotted #b8babe;
    }
}

.responsive tr {
    border-bottom: 1px solid #b8babe;
}

.zebra th {
    border-bottom: 3px solid #b8babe;
}

.zebra tbody tr:nth-child(even) {
    background-color: #dedddd;
}

@media only screen and (max-width: 480px) {
    table.review-table {
        font-size: 11px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    table.review-table {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    table.review-table th {
        border-left: 1px dotted #898f97;
    }
}

/*injected items in Cart view like ADD ONS*/
.small-table {
    font-size: 10px;
}

    .small-table caption {
        text-align: left;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 500;
    }

    .small-table tr {
        border-bottom: none;
    }

    .small-table td {
        padding-left: 5px !important;
    }

    .small-table th {
        border-bottom: none;
        text-align: left;
        padding-left: 5px;
        font-size: 11px;
        font-weight: 500;
        background-color: white !important;
    }

    .small-table.yellow tbody tr:nth-child(odd) {
        background-color: #e4cfb4;
    }

    .small-table.yellow tbody tr:nth-child(even) {
        background-color: #efe3d4;
    }

    .small-table.violet tbody tr:nth-child(odd) {
        background-color: #c0b1e9;
    }

    .small-table.violet tbody tr:nth-child(even) {
        background-color: #e0d8f4;
    }

    .small-table.cyan tbody tr:nth-child(odd) {
        background-color: #8cd6c3;
    }

    .small-table.cyan tbody tr:nth-child(even) {
        background-color: #c5ebe1;
    }

_ .payment-due {
    font-weight: 700;
}

.pullout-header {
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #b8babe;
}

@media only screen and (max-width: 480px) {
    .review-section-info .trin-4 {
        width: 100%;
        clear: both;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .review-section-info .trin-4 {
        width: 50%;
    }
}

.pullout-header .edit a {
    font-size: 10px !important;
    width: auto;
    color: inherit;
    text-decoration: none !important;
}

@media only screen and (max-width: 480px) {
    .pullout-header .edit a {
        float: right !important;
    }
}

.pullout-header .edit a:hover {
    color: #767676;
}

@media only screen and (max-width: 480px) {
    .FirestormPage_ShoppingCartPrintableReceipt_aspx .review-section-info .trin-4 {
        width: 100%;
        clear: both;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .FirestormPage_ShoppingCartPrintableReceipt_aspx .review-section-info .trin-4 {
        width: 50%;
    }
}

.FirestormPage_ShoppingCartPrintableReceipt_aspx .pullout-header .edit a {
    font-size: 10px;
    width: auto;
    color: inherit;
    text-decoration: none !important;
}

@media only screen and (max-width: 480px) {
    .FirestormPage_ShoppingCartPrintableReceipt_aspx .pullout-header .edit a {
        float: right !important;
    }
}

.FirestormPage_ShoppingCartPrintableReceipt_aspx .pullout-header .edit a:hover {
    color: #767676;
}

html,
html a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

body {
    padding: 0;
    margin: 0;
    color: #263248;
    background-color: #fff;
    font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif;
    font-size: 14px;
    line-height: 22px;
    min-width: 320px;
    /*overflow-x: hidden;*/
    position: relative;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

li ul,
li ol {
    margin: 0 1.5em;
}

ul,
ol {
    margin: 0 1.5em 1.5em 1.5em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

    ol ol {
        list-style: upper-alpha;
    }

        ol ol ol {
            list-style: lower-roman;
        }

            ol ol ol ol {
                list-style: lower-alpha;
            }

.main-content {
    min-height: 900px;
}

a {
    color: #767676;
    text-decoration: underline;
}

    a:visited {
        color: #767676;
    }

    a:hover {
        color: #9f9f9f;
    }

    a:active {
        color: #767676;
    }

blockquote {
    font: 18px/24px normal helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 6px dashed #767676;
}

/*MOBILE SPECIAL ITEMS*/
.touch {
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 480px) {
    .pullout .touch {
        background: #e6e8ec;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .pullout .touch {
        background: #e6e8ec;
    }
}

/*calculates the height and scrolling for mobile dialogs*/
.modal-detect {
    max-height: calc(130vh - 210px);
    overflow-y: auto;
}

/*Custom content*/
#CustomContentHTMLInnerContainer {
    padding-top: 60px;
}

/*Recaptcha responsive*/
#recaptcha_image {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}

    #recaptcha_image img {
        width: 100%;
    }

#recaptcha_response_field {
    width: 100% !important;
    max-width: 302px;
}

.recaptchatable,
#recaptcha_area tr,
#recaptcha_area td,
#recaptcha_area th {
    float: left;
}

#recaptcha_area tr {
    height: auto !important;
}

.recaptcha_image_cell {
    width: 100% !important;
    max-width: 300px;
}

    .recaptcha_image_cell img {
        height: auto !important;
    }

/*BUTTONS*/
.btn-link li a,
.btn-link li a:visited,
a.btn-link,
a.btn-link:visited {
    text-decoration: none;
    background-color: #434a54;
    border: none;
    padding: 10px 30px;
    width: 100%;
    display: inline;
    text-align: center;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

    .btn-link li a:hover,
    a.btn-link:hover {
        box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3);
        background-color: #666e78;
        border: none;
    }

    .btn-link li a:active,
    a.btn-link:active {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        background-color: #434a54;
    }

/*
adding 'long' with the other classes makes it 100%
*/
/*TYPOGRAPHY*/
p {
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666e78;
    font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif;
    margin: 15px 0;
    font-weight: 400;
}

.pullout.small-header-margin h1,
.pullout.small-header-margin h2,
.pullout.small-header-margin h3,
.pullout.small-header-margin h4,
.pullout.small-header-margin h5,
.pullout.small-header-margin h6 {
    margin: 0;
}

.shop-h0,
.shop-h1,
h1 {
    font-size: 64px;
    line-height: 70px;
}

.shop-h2,
h2 {
    font-size: 40px;
    line-height: 44px;
}

.shop-h3,
h3 {
    font-size: 32px;
    line-height: 36px;
}

.shop-h4,
h4 {
    font-size: 24px;
    line-height: 28px;
}

.shop-h5,
h5 {
    font-size: 18px;
    line-height: 22px;
}

.shop-h6,
h6 {
    font-size: 14px;
    line-height: 18px;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        line-height: 1;
        font-size: 80%;
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: #434a54 !important;
        text-decoration: none;
    }

/*Section headers*/
.shop-title-section h1,
.shop-title-section h2,
.shop-title-section h3,
.shop-title-section h4,
.shop-title-section h5,
.shop-title-section h6 {
    letter-spacing: 7px;
    text-transform: uppercase;
}

.shop-title-section {
    text-align: center;
}

/*SCROL TO TOP*/
.shop-wrapper {
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 0;
    position: relative;
}

html.shop-scrolled body &gt; .scrollToTop {
    bottom: 0;
}

.scrollToTop:hover {
    background: #767676;
}

.scrollToTop {
    background: #666e78;
    color: #fff;
    cursor: pointer;
    height: 50px;
    width: 50px;
    position: fixed;
    z-index: 2;
    right: 20px;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    line-height: 50px;
    border-top: 3px solid transparent;
    display: none;
    -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -ms-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

/*LAYOUT*/
.clear {
    clear: both !important;
}

/*DETAILS PAGE*/
.secondary-banner {
    height: 110px;
}

img.SCNProductDetailImage {
    width: 100%;
}

.SCNProductDetailPrice {
    color: #767676;
    width: 70%;
    margin-bottom: 30px;
}

.SCNProductPointPrice {
    color: #aab2bc;
}

/*payment page*/
.inline {
    display: inline !important;
}

.details-product-qty .quantity {
    width: 80px;
    margin: 0 0 20px 0 !important;
}

.product-qty .quantity {
    position: relative;
    margin: 0 10px 0 auto;
    overflow: hidden;
    zoom: 1;
    width: 78px;
    float: left;
    float: none;
    margin: 0 auto;
}

.product-qty .input-text.qty {
    margin-bottom: 0 !important;
    float: left;
    padding: 0;
    text-align: center;
    font-weight: 700;
    width: 58px;
    height: 38px;
    border: 1px dotted #505050;
    font-size: 14px;
    border-radius: 8px;
}

.details-product-qty .quantity {
    margin: 0 0 20px 0 !important;
}

/*HOME PAGE MODUALS*/
/*  REP AREA*/
.replicated {
    background-color: #434a54;
    /* Valid, works in 8-9 */
}

@media only screen and (max-width: 480px) {
    .replicated {
        padding-top: 0;
        margin-top: -5px;
    }
}

.replicated a {
    color: #f5f7fa;
    text-decoration: none;
}

    .replicated a:visited {
        color: #f5f7fa;
    }

    .replicated a:hover {
        color: #767676;
    }

    .replicated a:active {
        color: #767676;
    }

.replicated a {
    text-decoration: underline;
}

.replicated .rep-box {
    position: relative;
    padding: 0 !important;
    margin-top: 15px;
}

@media only screen and (max-width: 480px) {
    .replicated .rep-box {
        margin-top: 0;
    }
}

.replicated p {
    display: none;
}

.replicated h6 {
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 2px;
    display: inline;
    line-height: 55px;
}

@media only screen and (max-width: 480px) {
    .replicated h6 {
        border-top: 1px solid rgba(204, 204, 204, 0.53);
        border-bottom: 1px solid rgba(204, 204, 204, 0.54);
        display: block;
        line-height: 18px;
        text-align: center;
        margin-top: 5px;
    }
}

.replicated .rep-photo {
    margin-top: -36px;
}

@media only screen and (max-width: 480px) {
    .replicated .rep-photo {
        display: none;
    }
}

.replicated .rep-photo img {
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 5px 0;
    margin-right: 20px;
}

@media only screen and (max-width: 480px) {
    .replicated .rep-photo img {
        height: 20px;
        width: 20px;
    }
}

/*MASTHEAD AREA*/
span#lblShoppingCartID {
    color: #666e78;
    font-size: 10px;
    position: absolute;
    right: 20px;
    top: 0;
}

#header div.frame.fit {
    position: relative !important;
}

#header {
    background-color: #434a54;
    width: 100%;
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

    #header .header-links {
        position: relative;
        padding-right: 0 !important;
        margin-top: 15px;
    }

        #header .header-links a {
            color: #f5f7fa;
            text-decoration: none;
        }

            #header .header-links a:visited {
                color: #f5f7fa;
            }

            #header .header-links a:hover {
                color: #767676;
            }

            #header .header-links a:active {
                color: #767676;
            }

@media only screen and (max-width: 480px) {
    .header-links {
        font-size: 11px;
        margin-top: 0px !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .header-links {
        font-size: 13px !important;
    }
}

.header-links .shop-nav {
    text-align: right;
}

/*Catalog Select page*/
@media only screen and (max-width: 480px) {
    .catalog-select .trin-4 {
        width: 100%;
        float: none;
        margin: 0 auto !important;
    }
}

.catalog-select .trin-4 input.catalog-img {
    width: 100px;
    border: none !important;
    outline: none !important;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.catalog-select .trin-75 {
    padding: 10px;
}

@media only screen and (max-width: 480px) {
    .catalog-select .trin-75 {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .catalog-select .trin-75 h3 {
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .catalog-select .trin-75 p {
        text-align: center;
    }
}

/* CART QUICK VIEW AREA*/
.cart-button {
    position: relative;
    font-weight: normal;
    z-index: 9000;
    border-radius: 50%;
    background-color: #363b43;
    color: #ffffff !important;
    cursor: pointer;
    padding-right: 43px;
    padding-left: 10px;
    height: 40px;
    border-radius: 20px;
    line-height: 38px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}

    .cart-button:hover {
        color: #767676 !important;
    }

.cart-count {
    background-color: white;
    color: #434a54 !important;
    font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif;
    font-weight: 400;
    position: absolute;
    z-index: 9001;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    top: 50%;
    margin-top: -15px;
    right: 5px;
    transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s;
    -webkit-transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s;
}

.cart-amount {
    color: #898f97;
    font-weight: 700;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-top: -15px;
    transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s;
    -webkit-transition: all 400ms cubic-bezier(0.15, 1.03, 0.97, 0.98) 0s;
}

.shop-btn-icon {
    float: left;
    margin-top: 10px;
}

/* CART PAGE */
.loading-panel {
    position: relative;
    vertical-align: bottom;
    line-height: 35px;
    margin-top: 6px;
}

    .loading-panel .loading-box-text {
        vertical-align: bottom;
        float: right;
        margin-right: 60px;
    }

.FirestormPage_ViewShoppingCart_aspx .spinner2 {
    position: absolute;
    right: 0;
    top: 0;
}

div#SearchPartySpinner.loading-panel .spinner2 {
    right: 50% !important;
    left: 45% !important;
    top: -80px !important;
}

.SCNVSCTextBox {
    margin-bottom: 30px;
    height: 47px;
}

.questions {
    background-color: rgba(0, 0, 0, 0.02);
}

/* PAGE TITLE ICONS */
/* SECTION PANELS */
.panel-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 480px) {
    .panel-body {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .panel-body-modals {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.checkout-btns {
    text-align: right;
}

.coupons {
    position: relative;
    text-align: left;
}

    .coupons p {
        margin: 0;
        padding: 0;
        position: absolute;
        top: -35px;
        font-size: 11px;
    }

.panel-default {
    border-color: #ccc;
    position: relative;
}

.product-subtotal div {
    border-bottom: 1px dashed #909090;
    padding: 4px 0;
}

.more-info ul {
    margin-left: 0;
    list-style-type: none;
}

    .more-info ul li {
        margin-bottom: 5px;
        font-size: 10px;
    }

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .more-info ul li {
        font-size: 11px;
    }
}

.more-info ul li span {
    color: #ffffff;
    padding: 0 3px;
    border-radius: 4px;
    display: table-cell;
}

.more-info ul .cart-availibility span {
    background-color: #3fbb9b;
}

.more-info ul .cart-autoship span {
    background-color: #3fbb9b;
}

.more-info ul .cart-points span {
    background-color: #967dda;
}

.more-info ul .redeem-limit span {
    background-color: #3fbb9b;
}

.more-info ul .redeem-free-shipping span {
    background-color: #d92f42;
}

@media only screen and (max-width: 480px) {
    .award-section {
        font-size: 10px;
        line-height: 12px;
    }
}

.panel {
    margin-bottom: 20px;
    background-color: #f5f7fa;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default &gt; .panel-heading {
    color: #ffffff;
    background-color: #666e78;
    font-size: 18px;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

/*		PRODUCT INFOS*/
.img-responsive {
    width: 100% \9;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.thumbnail img {
    width: 100% \9;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    width: 100%;
}

/*SLIDE DOWN HELPFUL AREA*/
.helpful-toggle {
    font-family: "Poppins", "Helvetica Neue, Helvetica, Arial", sans-serif !important;
    font-size: 13px;
    position: relative;
    z-index: 788;
    text-align: center;
    background-color: #434a54 !important;
    border: 1px #666e78 solid;
    color: white;
    padding: 5px 20px 5px 20px;
    border-top-style: none !important;
    margin-top: -2px;
    margin-bottom: 5px;
}

    .helpful-toggle:hover {
        opacity: 1;
    }

.helpful-links {
    display: none;
    border: 1px solid #666e78;
    text-align: center;
    background-color: #434a54;
}

    .helpful-links a {
        color: #f5f7fa;
        text-decoration: none;
    }

        .helpful-links a:visited {
            color: #f5f7fa;
        }

        .helpful-links a:hover {
            color: #767676;
        }

        .helpful-links a:active {
            color: #767676;
        }

    .helpful-links ul {
        padding: 15px;
        margin: 0;
    }

        .helpful-links ul li {
            padding-bottom: 5px;
            list-style: none;
        }

    .helpful-links a {
        color: #ffffff;
        opacity: 0.8;
    }

        .helpful-links a:visited {
            color: #ffffff;
        }

        .helpful-links a:hover {
            opacity: 1;
            color: #767676;
        }

        .helpful-links a:active {
            color: #767676;
        }

/*ALERTS-MSG*/
.special-info {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    padding-bottom: 45px !important;
}

    .special-info a {
        color: #fff;
        font-weight: 700;
    }

    .special-info i {
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
    }

.toggle-on {
    display: block !important;
}

.alert-msg {
    position: relative;
    width: 100%;
    background-color: #ed6878;
    box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12);
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    margin-bottom: 15px;
    border-left: 10px solid #d92f42;
    color: #fff;
    text-align: left;
    font-size: 13px;
    font-family: inherit;
}

    .alert-msg span {
        font-weight: 700;
    }

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .alert-msg br {
        display: none;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .alert-msg br {
        display: none;
    }
}

.alert-msg li {
    margin-left: 15px;
}

.alert-msg.green {
    background-color: #98c569;
    border-left: 10px solid #719a47;
}

.alert-msg.orange {
    background-color: #ff8000;
    border-left: 10px solid #d46b00;
}

.alert-msg.blue {
    background-color: #57b8dc;
    border-left: 10px solid #368dad;
}

.alert-msg h1, .alert-msg h2, .alert-msg h3, .alert-msg h4, .alert-msg h5, .alert-msg h6 {
    color: white !important;
}

/*SLIDES*/
.slides {
    height: 400px;
    margin-bottom: 20px;
    padding: 50px 10px;
    color: white;
    background-color: transparent;
    background-image: url("");
    background-size: cover;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

@media only screen and (max-width: 480px) {
    .slides {
        padding: 0;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .slides .slide-text {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .slides .slide-text {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .slides .slide-text {
        width: 100%;
    }
}

.slides h2 {
    color: white;
    font-family: "Sintony", "Helvetica Neue, Helvetica, Arial", sans-serif;
    text-shadow: 2px 2px 6px #666e78;
}

@media only screen and (max-width: 480px) {
    .slides h2 {
        text-align: center;
    }
}

.slides p {
    color: white;
    margin-bottom: 35px;
    text-shadow: 2px 2px 6px #666e78;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .slides p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .slides p {
        text-align: center;
    }
}

.slides .btn-link {
    font-size: 15px !important;
}

@media only screen and (max-width: 480px) {
    .slides .btn-link {
        display: block;
    }
}

.shop-color-invert .shop-title.shop-title-main {
    border-color: rgba(255, 255, 255, 0.1);
}

.shop-title-main {
    margin-bottom: 15px;
}

    .shop-title-main h5 {
        font-weight: 600 !important;
    }

.shop-title.shop-title-main {
    text-transform: uppercase;
    border-bottom: 1px solid #ECEFF7;
}

.shop-text-muted {
    color: rgba(255, 255, 255, 0.4);
}

.shop-nav-inline &gt; ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.shop-footer .shop-nav-inline &gt; ul &gt; li a {
    color: white;
    padding-right: 10px;
    text-decoration: none;
}

    .shop-footer .shop-nav-inline &gt; ul &gt; li a:hover {
        color: #767676;
    }

.shop-text-small {
    font-size: 80%;
}

.shop-text-upper {
    text-transform: uppercase;
}

/*SEARCH BOX*/
.search-wrapper {
    position: relative;
}

.icon-search,
.icon-search-close {
    margin: 3px 5px 0;
}

.search-active .icon-search {
    display: none;
}

.search-active .icon-search-close {
    display: block;
}

body .icon-search-close {
    display: none;
}

.icon-search-close {
    display: none;
}

.search-active .icon-search-close {
    display: block;
}

.search-active .icon-search {
    display: none;
}

.search-active .icon-search {
    display: none;
}

.search-active .icon-search-close::before {
    content: "\E5CD";
    font-size: 32px;
    right: 20px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.icon-search::before {
    content: "\E8B6";
    font-size: 32px;
    right: 20px;
    position: absolute;
    top: 0px;
    width: 100%;
}


.pullout {
    background: #e6e8ec;
    margin-bottom: 15px;
    display: block;
    padding: 20px;
}

    .pullout .pullout-header {
        word-break: keep-all;
        font-weight: 700;
        text-transform: uppercase;
    }

@media only screen and (max-width: 480px) {
    .pullout .pullout-header {
        font-size: 12px !important;
    }
}

.pullout .redeem input {
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .pullout .redeem input {
        font-size: 10px !important;
        padding: 8px;
    }
}

.pullout .pullout {
    background: #dbdfe4;
    border-radius: 8px;
}

/* Header search */
.header-search .search-input {
    padding-right: 140px;
}

.search-input {
    width: 100%;
    font-weight: 200;
    background: none;
    font-size: 24px;
}

.search-button-main {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    line-height: 56px;
    padding: 0 20px;
    background-color: #719a47;
    color: #fff;
    font-weight: 300;
    font-size: 24px;
    border: solid 1px lightgray;
    border-left: none;
}

    .search-button-main:hover {
        background-color: #8dbf58;
    }

.header-search {
    background-color: #434a54;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    visibility: hidden;
    transition: visibility 0s linear 0.3s;
    z-index: 110;
}

    .header-search .searchform-wrapper {
        width: 100%;
        text-align: center;
        margin-top: -60px;
        transition: margin-top 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
        position: relative;
    }

    .header-search.header-search-active {
        visibility: visible;
        transition-delay: 0s;
    }

        .header-search.header-search-active .searchform-wrapper {
            margin-top: 0px;
        }

    .header-search .search-input {
        height: 58px;
        color: #fff;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        border-radius: 0px;
        border: 1px lightgray solid;
        margin-top: 15px;
        padding-left: 20px;
        padding-right: 110px !important;
    }

    .header-search .search-input {
        color: #FFF;
    }

.fs-input {
    padding-top: 13px;
    padding-bottom: 13px;
}

.shop-color-invert .shop-input,
.shop-color-invert .shop-select,
.shop-color-invert .shop-textarea {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

#shop-body .shop-btn.shop-active,
#shop-body .shop-btn.shop-toggled,
#shop-body .shop-btn:hover,
#shop-body .shop-btn:active {
    background: #767676;
    color: #fff;
}

.shop-form-field-btns {
    float: right;
}

.shop-form-field-btns {
    height: 49px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-bottom: -41px;
    margin-right: 3px;
}

.invert-text {
    color: #fff;
}

#logo img {
    width: 170px;
    height: auto;
}

@media only screen and (max-width: 480px) {
    #logo img {
        width: 180px;
        display: block;
        margin: 0 auto !important;
        margin-top: 0 !important;
    }
}

.shop-container {
    width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.shop-nav.shop-nav-inline .shop-dropdown-menu &gt; li,
.shop-nav.shop-nav-inline &gt; ul &gt; li {
    display: inline-block;
    border: none;
    margin: 0;
    padding: 0;
}

.color-invert a {
    color: #fff;
}

.color-invert {
    color: #fff;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

/*styles for text fields with small icons next to them*/
.question-icon, .find-icon {
    float: left;
    margin: 12px 12px 12px 0;
    cursor: pointer;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .question-icon, .find-icon {
        margin: 12px 12px 12px -25px !important;
    }
}

@media only screen and (max-width: 480px) {
    .question-icon, .find-icon {
        margin: 12px 12px 12px -25px !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .question-icon, .find-icon {
        margin: 12px 12px 12px -25px !important;
    }
}

.find-icon {
    cursor: default;
}

.field-with-icon-left {
    float: left;
    width: 90% !important;
}

/*BUTTONS*/
.shop-btn {
    background-color: #767676;
    margin-bottom: 10px;
    margin-right: 10px;
    outline: 0;
    min-height: 40px;
    min-width: 40px;
    text-shadow: none;
    color: #fff !important;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    text-decoration: none !important;
    overflow: hidden;
    transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

    .shop-btn.other-color {
        background-color: #767676;
    }

    .shop-btn:active,
    .shop-btn:hover {
        text-decoration: none;
        color: #fff;
    }

    .shop-btn.shop-text-right {
        float: right;
    }

    .shop-btn.shop-btn-large {
        font-size: 16px;
        padding: 20px 30px;
        min-width: 60px;
        min-height: 60px;
    }

    .shop-btn.shop-btn-small {
        font-size: 12px;
        padding: 5px 15px;
        min-width: 30px;
        min-height: 30px;
    }

    .shop-btn.shop-btn-mini {
        font-size: 10px;
        padding: 2px 5px;
        line-height: 16px;
        min-width: 20px;
        min-height: 20px;
        border: none !important;
        /*fixed IE issue*/
    }

    .shop-btn.shop-btn-fw {
        display: block;
    }

button.shop-btn.shop-btn-fw {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.shop-btn-round {
    border-radius: 50%;
    overflow: hidden;
}

.shop-btn &gt; i.shop-btn-icon {
    background-color: rgba(38, 50, 72, 0.44);
    color: #fff;
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    top: 50%;
    left: 0;
    margin-top: -20px;
    transition: all 200ms linear 0s;
    -webkit-transition: all 200ms linear 0s;
}

    .shop-btn &gt; i.shop-btn-icon + * {
        padding-left: 30px;
    }

.shop-btn.shop-btn-hover &gt; i.shop-btn-icon + * {
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    transition: left 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -webkit-transition: left 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.shop-btn.shop-btn-hover &gt; i.shop-btn-icon {
    text-indent: -20px;
    left: -40px;
}

.shop-btn.shop-btn-hover:active &gt; i.shop-btn-icon,
.shop-btn.shop-btn-hover:hover &gt; i.shop-btn-icon {
    text-indent: 0 !important;
    left: 0 !important;
}

    .shop-btn.shop-btn-hover:active &gt; i.shop-btn-icon + *,
    .shop-btn.shop-btn-hover:hover &gt; i.shop-btn-icon + * {
        left: 20px;
    }

/*spacer classes*/
.bm-30 {
    margin-bottom: 30px !important;
}

.bm-20 {
    margin-bottom: 20px !important;
}

.bm-10 {
    margin-bottom: 10px !important;
}

.tm-30 {
    margin-top: 30px !important;
}

.tm-20 {
    margin-top: 20px !important;
}

.tm-10 {
    margin-top: 10px !important;
}

.allm-10 {
    margin: 10px !important;
}

.block {
    display: block !important;
}

.foot-note {
    font-size: 10px;
    color: #666e78;
}

.rm-20 {
    margin-right: 20px !important;
}

.shop-bg-dark {
    background-color: #434a54;
}

/*PRODUCT LIST BOXES*/
.cart-product-row {
    position: relative;
}

@media only screen and (max-width: 480px) {
    .product-row .trin-4 {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-row .trin-4 {
        width: 50%;
    }
}

.product-row .trin-4 .item-box {
    box-shadow: none;
    border-bottom: 4px solid rgba(204, 204, 204, 0.22);
    margin-bottom: 30px;
    /*@include transition();*/
}

@media only screen and (max-width: 480px) {
    .product-row .trin-4 .item-box {
        border-bottom: 1px dashed rgba(68, 68, 68, 0.42);
    }
}

.product-row .trin-4 .item-box:hover {
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);*/
}

.product-row .trin-4 .item-box .SCNIndividualProductBox {
    margin-top: 40px;
    box-sizing: border-box;
}

.details-img #imgMainImage img {
    max-width: 400px;
    height: auto;
    margin: 0 auto;
    display: block;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .details-img {
        width: 33%;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .details-img {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .details-details {
        width: 66%;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .details-details {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .details-aside {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .details-aside {
        width: 100%;
    }
}

.product-details-section .details-aside .SCNProductNumber {
    float: none;
}

.product-details-section .details-aside .shop-divider {
    display: none;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .details-aside .aside-product-img {
        width: 50%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .details-aside .product-info {
        width: 50%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .details-aside .SCNAddToCartBar {
        width: 100%;
    }
}

.item-box {
    position: relative;
}

.SCNProductListImage {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}


.product-info {
    padding: 10px;
}

.details-text {
    padding: 15px;
}

.SCNProductName a {
    text-decoration: none;
    color: #767676 !important;
    font-size: 18px;
}

.SCNProductNumber {
    color: #aab2bc;
    font-size: 12px;
    float: none !important;
}

.SCNProductAddedMessage {
    text-align: center;
}

/*product added checkmark confirmation*/
.checkmark i {
    text-align: center;
    color: rgba(141, 191, 88, 0.65);
    font-size: 155px !important;
    text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.75);
    position: absolute;
    width: 100%;
    top: 30%;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    animation-delay: 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width: 480px) {
    .checkmark i {
        top: 20%;
    }
}

.SCNProductListImageDiv {
    position: relative;
}

.shop-product-sticker {
    font-size: 12px;
    background: #767676;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: default;
}

.begin-chk-section {
    height: 90px;
    padding: 0 !important;
    margin: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.SCNProductDetailStatusMessage {
    background: #3fbb9b;
    display: block;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 30px 30px 0 0;
}

    .SCNProductDetailStatusMessage a {
        color: #f5f7fa;
        text-decoration: none;
    }

        .SCNProductDetailStatusMessage a:visited {
            color: #f5f7fa;
        }

        .SCNProductDetailStatusMessage a:hover {
            color: #767676;
        }

        .SCNProductDetailStatusMessage a:active {
            color: #767676;
        }

    .SCNProductDetailStatusMessage a {
        font-size: 18px;
        text-decoration: none;
        border-radius: 30px 30px 0 0;
    }

        .SCNProductDetailStatusMessage a:hover {
            color: white;
        }

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #4e8bda;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

.SCNProductPrice {
    font-size: 16px;
    text-transform: uppercase;
    color: #719a47;
}

.SCNProductPriceOnSale {
    color: #d92f42;
}

.SCNProductDetailMoreInfoLink {
    font-size: 12px;
    color: #434a54;
    text-align: center;
}

.SCNVariationsTitle {
    font-weight: bold;
    font-size: 18px;
    color: #666e78;
    text-transform: capitalize;
}

.SCNSwatchCell {
    font-size: 12px;
    color: dimgray;
    text-align: center;
}

/*password page*/
.SCNRPGoButton {
    width: 100%;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .password-retrieve .trin-3 {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .password-retrieve .trin-3 {
        width: 100%;
    }
}

/*RULES*/
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    clear: both;
}

.shop-divider {
    border: none;
    border-top: 1px solid #d2d2d3;
    margin: 5px auto;
}

footer .shop-divider {
    border-color: #fff;
    opacity: .1;
}

.shop-divider.shop-divider-dashed {
    border-top-style: dashed;
}

    .shop-divider.shop-divider-dashed.dark {
        border-color: #b8babe;
        clear: both;
    }

.shop-divider.shop-divider-solid.dark {
    border-color: #b8babe;
    border-top-width: 2px;
    clear: both;
}

.shop-divider.shop-divider-dotted {
    border-top-style: dotted;
}

.shop-divider.shop-divider-fade {
    background-image: -webkit-linear-gradient(left, transparent, #ECEFF7, transparent);
    background-image: -moz-linear-gradient(left, transparent, #ECEFF7, transparent);
    background-image: -ms-linear-gradient(left, transparent, #ECEFF7, transparent);
    background-image: -o-linear-gradient(left, transparent, #ECEFF7, transparent);
    border: 0;
    height: 1px;
}

.shop-divider.shop-divider-hr {
    height: 1px;
    width: 50px;
}

.shop-divider.shop-divider-solid {
    border-top-width: 4px;
}

.shop-divider.shop-divider-double {
    border-bottom: 1px solid #ECEFF7;
    height: 3px;
}

    .shop-divider.shop-divider-double.short {
        border-bottom: 1px solid #ECEFF7;
        height: 3px;
        width: 200px;
    }

.shop-divider.shop-divider-short {
    height: 1px;
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
}

.shop-push-xsmall {
    margin-bottom: 15px;
    clear: both;
}

.shop-push-small {
    margin-bottom: 35px;
    clear: both;
}

.shop-push-medium {
    margin-bottom: 55px;
    clear: both;
}

.shop-push-large {
    margin-bottom: 75px;
}

/*ICONS*/
.checks li {
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    .checks li:before {
        content: "\E834";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        color: #767676;
        position: absolute;
        left: 0;
        top: 3px;
    }

.options li {
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    .options li:before {
        content: "\E8B8";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        color: #666e78;
        position: absolute;
        left: 0;
        top: 3px;
    }

    .options li a {
        text-decoration: none;
    }

.info {
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    .info:before {
        content: "\E88E";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        color: #8dbf58;
        position: absolute;
        left: 0;
        top: 3px;
    }

.red-x {
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    .red-x:before {
        content: "\E5C9";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        color: #d92f42;
        position: absolute;
        left: 0;
        top: 3px;
    }

.not-avail {
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    .not-avail:before {
        content: "\E5C9";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        color: #d92f42;
        position: absolute;
        left: 0;
        top: 3px;
    }

.password {
    padding: 0 0 0 18px;
    position: relative;
    padding-left: 20px;
}

    .password:before {
        content: "\E869";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 18px;
        color: #d92f42;
        position: absolute;
        left: 0;
        top: 3px;
    }

a.password {
    text-decoration: none;
    cursor: pointer;
}

.shipping {
    padding: 0 0 0 24px;
    position: relative;
    padding-left: 40px !important;
}

    .shipping:before {
        content: "\E558";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        color: #4e8bda;
        position: absolute;
        left: 0;
        top: 3px;
    }

    .shipping:before {
        top: 10px !important;
        padding-left: 10px !important;
    }

.not-avail:before {
    left: -20px !important;
    top: 10px !important;
}

ul.checks li span {
    font-weight: 700;
}

.keyboard_arrow_up:after {
    content: "\E316";
    font-family: 'Material Icons' !important;
    color: #ffffff;
    font-size: 24px;
    text-decoration: none !important;
}

/*FOOTER AREA or reversed stuff*/
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #767676;
}

footer p {
    color: #fff;
    text-transform: none;
}

    footer p.shop-color-invert {
        color: #363b43;
    }

footer a {
    color: #f5f7fa;
    text-decoration: none;
}

    footer a:visited {
        color: #f5f7fa;
    }

    footer a:hover {
        color: #767676;
    }

    footer a:active {
        color: #767676;
    }

footer ul li {
    list-style: none;
    padding-bottom: 5px;
}

footer .footer-1,
footer .footer-2,
footer .footer-3,
footer .footer-4 {
    color: #ffffff;
    position: relative;
}

    footer .footer-1 a {
        text-decoration: underline;
    }

.footer-1 img {
    margin-top: 5px;
    width: 200px;
    margin-bottom: 20px;
}

footer .sec-1,
footer .sec-2 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    footer .sec-1,
    footer .sec-2 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    footer .sec-1,
    footer .sec-2 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    footer .footer-1,
    footer .footer-2,
    footer .footer-3,
    footer .footer-4 {
        width: 100% !important;
    }
}

/*FOOTER ICONS FOR CONTACT INFOS*/
.more-horiz {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -webkit-transition: background-color 0.25s ease-in-out;
}

footer .more-horiz {
    vertical-align: middle !important;
}

.more-horiz:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}

footer ul.icons {
    position: relative;
}

    footer ul.icons li {
        position: relative;
        padding: 0px 5px 30px 0px;
    }

ul.icons li.room {
    font-size: 16px;
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    ul.icons li.room:before {
        content: "\E0C8";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 5px;
    }

ul.icons li.local_post_office {
    font-size: 16px;
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    ul.icons li.local_post_office:before {
        content: "\E554";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 5px;
    }

ul.icons li.phone_iphone {
    font-size: 16px;
    margin-bottom: 1em;
    list-style-type: none;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

    ul.icons li.phone_iphone:before {
        content: "\E325";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 5px;
    }

/*FORM PARTS*/
@media only screen and (max-width: 480px) {
    .frame.fit {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .form-part {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .form-part {
        width: 100%;
    }
}

.intro-text {
    clear: left;
}

/*helps take out padding in places needed*/
[class*=trin-].zero {
    padding: 0 !important;
    margin: 0 !important;
}

/*PAYMENT METHOD PAGE*/
.gift-certs {
    padding-left: 30px !important;
}

/*BREAD CRUMBS and TITLE BAR*/
.title-bar-section {
    background-color: #686868;
    padding: 5px;
}

    .title-bar-section .title-bar-control .page-name {
        padding-left: 10px;
        padding-top: 5px;
        margin: 0;
        color: white;
    }

    .title-bar-section .title-bar-control .breadcrumbs {
        margin: 15px 0 5px 0;
        line-height: 10px;
        font-size: 0;
        float: right;
    }

@media only screen and (max-width: 480px) {
    .title-bar-section .title-bar-control .breadcrumbs {
        display: none;
    }
}

.title-bar-section .title-bar-control .breadcrumbs ul {
    display: table;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .title-bar-section .title-bar-control .breadcrumbs ul li + li {
        border-left: 1px solid #DFE4F1;
    }

    .title-bar-section .title-bar-control .breadcrumbs ul li {
        display: table-cell;
        font-size: 12px;
        display: inline-block;
        line-height: 12px;
    }

        .title-bar-section .title-bar-control .breadcrumbs ul li .icon-home {
            padding: 0 0 0 15px;
            position: relative;
            font-size: 11px !important;
        }

            .title-bar-section .title-bar-control .breadcrumbs ul li .icon-home:before {
                content: "\E88A";
                display: block;
                font-family: "Material Icons" !important;
                font-size: 15px;
                color: white;
                position: absolute;
                left: 0;
                top: 3px;
            }

        .title-bar-section .title-bar-control .breadcrumbs ul li a {
            color: white;
            display: block;
            padding: 0 15px;
            text-decoration: none;
        }

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .title-bar-section .title-bar-control .breadcrumbs ul li a {
        padding: 0 5px;
    }
}

.title-bar-section .title-bar-control .breadcrumbs ul li a:hover {
    color: #000;
}

.title-bar-section .title-bar-control .breadcrumbs ul li a:active {
    color: #000;
}

.breadcrumbs ul li:hover a .icon-home:before {
    color: #000 !important;
}

.breadcrumbs ul li:hover a {
    color: #000;
}

.crumb-active a {
    font-weight: 600;
}

/*single page*/
@media only screen and (max-width: 480px) {
    .page-name {
        margin-left: 10px;
        margin-bottom: 0;
    }
}

.small-thumb-img {
    width: auto;
    height: 55px;
    margin-top: 10px;
}

/*Rapid order page and kit page*/
.prod-number {
    font-weight: 700;
    font-size: 13px;
    color: #777;
}

.prod-discription {
    font-weight: 700;
    font-size: 13px;
}

.product-row {
    clear: both;
    padding-top: 6px;
}

.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    .truncate-ellipsis &gt; * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media only screen and (max-width: 480px) {
    .label-shrink label {
        font-size: 11px;
    }
}

.panel-heading-small-text {
    font-size: 14px;
    float: right;
}

.sku, .serial {
    font-size: 12px;
    word-break: break-all !important;
}

/*use .stack to stack trin divs when space is small*/
@media only screen and (max-width: 480px) {
    .stack {
        width: 100%;
        padding: 0 !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .stack {
        width: 100%;
        padding: 0 !important;
    }
}

.small-text {
    font-size: 11px !important;
}

/*cart complete page*/
.print-me {
    padding: 15px;
    background-color: #44b0d8;
    text-align: center;
}

    .print-me .SCNPRPrintLink {
        color: #ffffff;
        padding: 0 0 0 27px;
        position: relative;
        text-decoration: none;
    }

        .print-me .SCNPRPrintLink:before {
            content: "\E8AD";
            display: block;
            font-family: "Material Icons" !important;
            font-size: 27px;
            color: #ffffff;
            position: absolute;
            left: 0;
            top: 3px;
        }

        .print-me .SCNPRPrintLink:before {
            left: -5px;
        }

span.award-star {
    padding: 0 0 0 20px;
    position: relative;
}

    span.award-star:before {
        content: "\E838";
        display: block;
        font-family: "Material Icons" !important;
        font-size: 20px;
        color: #4e8bda;
        position: absolute;
        left: 0;
        top: 3px;
    }

table.responsive p {
    margin-bottom: 5px;
}

.table-full {
    width: 100%;
}

/*reverse text*/
.reverse.primary {
    color: white;
    background-color: #767676;
    padding: 5px;
}

.reverse.denim {
    color: white;
    background-color: #4e8bda;
    padding: 5px;
}

.reverse.cyan {
    color: white;
    background-color: #3fbb9b;
    padding: 5px;
}

.primary-txt {
    color: #767676;
}

.primary-bg {
    background-color: #767676;
}

.denim-txt {
    color: #4e8bda;
}

.denim-bg, .sub-total.denim-bg {
    background-color: #4e8bda;
}

.cyan-txt {
    color: #3fbb9b;
}

.cyan-bg {
    background-color: #3fbb9b;
}

.green-txt {
    color: #8dbf58;
}

.green-bg {
    background-color: #8dbf58;
}

.yellow-bg {
    background-color: #f4ba4e;
}

.yellow-tinted-bg {
    background-color: #fbe3b8;
}

.hide {
    display: none;
}

.show {
    display: block !important;
}

.border-item {
    border-left: 12px solid #3fbb9b;
}

.SCNFRCartContentsHeader {
    background-color: #434a54;
    color: white;
}

    .SCNFRCartContentsHeader th {
        padding-left: 4px;
        padding-right: 4px;
    }

    .SCNFRCartContentsHeader.twenty-p th {
        width: 20%;
    }

    .SCNFRCartContentsHeader.thirty-p th {
        width: 30%;
    }

.payment-due {
    color: #3fbb9b;
    font-weight: 600;
}

/*Distributor locator*/
.DLSearchCriteriaHeader {
    font-weight: 600;
    color: #4e8bda;
    font-size: 18px;
}

.DLResultListingTable {
    background-color: #ebeaea;
    width: 100%;
}

    .DLResultListingTable tr td {
        padding: 2px 10px 2px 10px !important;
    }

.DLResultsFieldLabel {
    width: 33%;
}

.DLResultsFieldData {
    width: 50%;
}

    .DLResultsFieldData a {
        word-break: break-all;
    }

    .DLResultsFieldData input {
        font-size: 12px;
        padding: 2px;
    }

#DistributorLocator1_tblResults {
    width: 100%;
}

.DLDescriptionText {
    margin-bottom: 20px;
}

/*special boxes*/
.special-boxes .banner-text {
    padding: 10px !important;
    position: relative;
}

.special-boxes .material-icons {
    position: absolute;
    right: -13px;
    top: -5px;
    color: #fff;
    padding: 0px !important;
    z-index: 2;
}

.special-boxes .box-control {
    background-position: center;
    background-size: cover;
    overflow: hidden;
    height: 190px;
    position: relative;
    display: block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.14);
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

    .special-boxes .box-control:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.24);
    }

.special-boxes [id*=BoxType_UserContent_].box-control {
    box-shadow: none !important;
    height: auto !important;
}

    .special-boxes [id*=BoxType_UserContent_].box-control h3 {
        text-shadow: none;
        color: #666e78;
        font-size: 32px;
    }

    .special-boxes [id*=BoxType_UserContent_].box-control p {
        text-shadow: none;
        color: inherit;
        font-weight: inherit;
    }

    .special-boxes [id*=BoxType_UserContent_].box-control img {
        height: auto;
        text-align: center;
        margin: 0 auto;
    }

@media only screen and (max-width: 480px) {
    .special-boxes [id*=BoxType_UserContent_].box-control [class*=trin-] {
        width: 100% !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .special-boxes [id*=BoxType_UserContent_].box-control [class*=trin-] {
        width: 100% !important;
    }
}

.special-boxes .box .shop-banner {
    display: block;
    height: 100%;
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .special-boxes .box {
        width: 100% !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .special-boxes .box {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .special-boxes .box {
        width: 100% !important;
    }
}

.shop-banner .shop-banner-content {
    position: relative;
    z-index: 1;
    height: 100%;
}

    .shop-banner .shop-banner-content p {
        color: white;
        font-weight: 700;
        margin-bottom: 0;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    }

    .shop-banner .shop-banner-content h3 {
        margin: 0;
        padding-top: 6px;
        color: white;
        font-size: 22px;
        line-height: normal;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    }

.box.trin-33 .shop-banner .shop-banner-content h3 {
    font-size: 18px !important;
}

#SearchResultMessageContainer {
    float: left;
    font-weight: 600;
}

@media only screen and (max-width: 480px) {
    #SearchResultMessageContainer {
        text-align: center;
        padding: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .hide-bg-img-sm {
        background-image: none !important;
    }
}

ul.tabs-menu {
    margin: 60px 0px 20px;
    padding: 0px !important;
    list-style: none;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
    font-size: 18px;
}

    ul.tabs-menu li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 10px 5px;
        cursor: pointer;
        position: relative;
    }

        ul.tabs-menu li.current {
            background: #f5f5f5;
            background: white;
            color: #222;
            border-top: 2px solid #767676;
        }

.tab-content {
    display: none;
    background: #f5f5f5;
    background: white;
    padding: 5px;
}

    .tab-content.current {
        display: inherit;
    }

.tabs-arrow-down {
    display: none;
}

ul.tabs-menu li.current .tabs-arrow-down {
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #767676;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

/*Share*/
.share-bg {
    background-color: transparent;
    padding: 5px 0 10px;
}

    .share-bg .SCNSocialMediaTable {
        width: 50%;
        display: inline;
    }

/*Right Gutter*/
/*mobile drops some of the list of items off*/
@media only screen and (min-width: 481px) and (max-width: 991px) {
    #divRelatedProductsDetailContainer .trin-8:nth-child(even) {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    #divRelatedProductsDetailContainer .trin-8:nth-child(even) {
        display: none;
    }
}

.more-items {
    margin-top: 20px;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
    zoom: 1;
    background-color: #f4f4f4;
}

    .more-items .sku {
        font-size: 10px;
        display: block;
    }

@media only screen and (max-width: 480px) {
    .more-items .small-text {
        font-size: 15px !important;
    }
}

.more-items .side-title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {
    .more-items .side-title {
        font-size: 24px;
    }
}

.more-items p {
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
}

    .more-items p a {
        text-decoration: none;
        color: #434a54;
    }

.more-items img {
    width: 100%;
    height: auto;
}

.more-items .product-img {
    transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    box-shadow: 0 0 12px transparent;
}

    .more-items .product-img:hover {
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
        border-radius: 10%;
    }

.special-more {
    background-color: #edf3fb;
}

/*Horizontal products on details page*/
.maybe-this {
    background: #4e8bda;
    position: relative;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    margin-top: 10px;
}

    .maybe-this h6 {
        color: #ffffff;
    }

    .maybe-this h3 {
        color: #ffffff;
    }

.horizontal.more-items {
    float: left;
    width: 100%;
    border-radius: 0 0 15px 15px;
    padding-top: 40px;
    margin-top: -25px;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 480px) {
    .horizontal.more-items .trin-8 {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .horizontal.more-items .trin-8 {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .horizontal.more-items .trin-8 a {
        line-height: 12px !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .horizontal.more-items .trin-8 img {
        width: 60% !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media only screen and (max-width: 480px) {
    .horizontal.more-items .trin-8 img {
        width: 60% !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .gutter {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .gutter {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .gutter .more-items.special-more .product-img {
        width: 60% !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .gutter .more-items.special-more .product-img {
        width: 60% !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .gutter .more-items.special-more, .product-details-section .gutter .more-items.special-more .trin-1 {
        width: 100%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .gutter .more-items.special-more, .product-details-section .gutter .more-items.special-more .trin-1 {
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .gutter .more-items .trin-1 {
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .gutter .more-items .trin-1 {
        width: 50%;
        float: left;
    }
}

/*SNAP TO TOP page anchor menus*/
.snap-to-top {
    position: fixed;
    top: 0;
    background-color: white;
    width: 100%;
    z-index: 9;
    left: 0;
    text-align: center;
    border-bottom: 6px solid #767676;
    -webkit-box-shadow: -12px 0 32px #b7b7b7;
    box-shadow: -12px 0 32px #b7b7b7;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .snap-to-top {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .snap-to-top {
        font-size: 12px;
    }
}

.snap-to-top h1 {
    float: left;
    line-height: 25px;
}

@media only screen and (max-width: 480px) {
    .snap-to-top h1 {
        margin-left: 10px;
        float: none;
        text-align: center;
    }
}

.snap-to-top .snap-to-top-menu {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}

.more-info-menu {
    position: absolute;
    right: 30px;
    top: 0;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .more-info-menu {
        position: relative;
        right: auto;
    }
}

@media only screen and (max-width: 480px) {
    .more-info-menu {
        position: relative;
        right: auto;
    }
}

.more-info-menu-item {
    cursor: pointer;
    margin: 0 10px;
    text-decoration: underline;
}

.questions {
    position: relative;
}

.question-prod {
    background-color: #a38a6b;
    color: white;
    padding: 8px;
    font-size: 21px;
}

.item-num {
    background-color: #7b6b57;
    color: white;
    padding: 5px 0 5px 10px;
}

.question-text {
    padding: 5px;
    font-size: 16px;
}

    .question-text strong {
        font-weight: 600;
    }

.tank {
    position: relative;
}

@media only screen and (max-width: 480px) {
    .tank {
        height: auto;
    }
}

.cart-product-img {
    position: relative;
    text-align: center;
    font-size: 11px;
}

.chiclet-pe, .chiclet-pr, .chiclet-cv, .chiclet-pv {
    font-size: 10px;
    text-transform: none !important;
    background: #434a54;
    color: #fff;
    padding: 0 4px;
    position: absolute;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: default;
    width: 80px;
    border-radius: 5px;
    text-align: left;
    opacity: 0.8;
}

    .chiclet-pe a, .chiclet-pr a, .chiclet-cv a, .chiclet-pv a {
        text-decoration: none;
        color: white !important;
        padding: 0;
        margin: 0;
    }

    .chiclet-pe span, .chiclet-pr span, .chiclet-cv span, .chiclet-pv span {
        text-align: right;
        float: right;
    }

.chiclet-pe {
    background: #3e6fae;
    right: 10px;
    bottom: 90px;
}

.chiclet-pr {
    background: #967dda;
    right: 10px;
    bottom: 60px;
}

.chiclet-cv {
    background: #e4ab3a;
    right: 10px;
    bottom: 30px;
}

.chiclet-pv {
    background: #3fbb9b;
    right: 10px;
    bottom: 0px;
}

.cart-chiclets {
    float: right;
    margin-top: 20px;
}

    .cart-chiclets .chiclet-pe {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-pe span {
            position: static;
        }

    .cart-chiclets .chiclet-pr {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-pr span {
            position: static;
        }

    .cart-chiclets .chiclet-cv {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-cv span {
            position: static;
        }

    .cart-chiclets .chiclet-pv {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-pv span {
            position: static;
        }

/*Addons and Variations box style*/
.extras .pullout {
    padding: 8px;
}

.extras {
    position: relative;
    margin-top: 20px;
}

    .extras .label {
        margin: 8px 0 5px 2px;
        display: block;
        line-height: normal !important;
    }

    .extras .riSingle {
        width: 100% !important;
    }

        .extras .riSingle input {
            border: 1px solid #ffffff !important;
            font-size: 16px !important;
            background: #fcfcfc !important;
        }

    .extras .SCNProductAddOnError {
        background-color: rgba(255, 0, 0, 0.7);
        box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
        margin-left: auto;
        margin-right: auto;
        padding: 30px;
        margin-bottom: 15px;
        border-left: solid 10px #dd0f0f;
        color: #fff;
        text-align: left;
        font-size: 16px;
        font-family: inherit;
        display: block;
    }

    .extras h4 {
        font-size: 28px;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.8);
    }

.addon-section {
    position: relative;
}

.addon-section-indent {
    margin-left: 30px;
    width: 93%;
    float: right;
}

.variations-bg {
    background-color: #fbe3b8;
}

    .variations-bg .frame.pullout {
        background-color: rgba(255, 255, 255, 0.35);
        color: #434a54;
    }

.addons-bg {
    background-color: #d5cbf0;
}

    .addons-bg .frame.pullout {
        background-color: rgba(255, 255, 255, 0.35);
        color: #434a54;
    }

    .addons-bg input[type="text"], .addons-bg input[type="password"] {
        width: 100% !important;
        height: 47px !important;
    }

.variations-bg input[type="text"], .variations-bg input[type="password"] {
    width: 100% !important;
    height: 47px !important;
}

.SCNProductDetailItemsRemaining {
    padding: 10px;
    display: block;
    display: inline-block;
    background-color: #a69074;
    color: white;
    font-size: 18px;
    border-left: 10px solid #d0b38e;
}


.SCNProductDetailOutOfStock {
    padding: 10px;
    background-color: #a69074;
    color: white;
    font-size: 18px;
    border-left: 10px solid #d0b38e;
}

/*AUTO SHIP WIDGET*/



.auto-ship-widget {
    -webkit-box-shadow: 3px 3px 20px -5px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 3px 3px 20px -5px rgba(0, 0, 0, 0.23);
    box-shadow: 3px 3px 20px -5px rgba(0, 0, 0, 0.23);
    margin-bottom: 40px;
    background-color: #fff;
    overflow: auto;
    zoom: 1;
    color: #737373;
}

    .auto-ship-widget .RadDropDownList {
        width: auto !important;
        height: 30px !important;
        display: inline-block !important;
    }

        .auto-ship-widget .RadDropDownList .rddlInner {
            height: 30px !important;
            margin-left: 10px;
        }

    .auto-ship-widget .title h5 {
        color: #000;
    }

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .auto-ship-widget .title {
        width: 100%;
        margin-bottom: 5px !important;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .auto-ship-widget .title {
        width: 100%;
        margin-bottom: 5px !important;
        text-align: center;
    }
}

.auto-ship-image {
    display: none;
    height: 59px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .auto-ship-image {
        margin-top: 5px;
        width: 100%;
        background-position: center;
    }
}

@media only screen and (max-width: 480px) {
    .auto-ship-image {
        margin-top: 5px;
        width: 100%;
        background-position: center;
    }
}

.AutoshipBlockContainingTable {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

.ASRemoveLink {
    font-size: 10px;
}

.deliver-every-text {
    float: left;
    margin-left: 10px;
    line-height: 32px;
    clear: both;
}

input.auto-widget-input {
    height: 30px;
    width: 40px;
    color: #434a54;
    float: left;
    margin-left: 10px;
    background: #fcfff4;
    border-radius: 4px;
}

select.auto-widget-select {
    height: 30px !important;
    width: 125px !important;
    color: #434a54;
    float: left;
    margin-left: 10px;
    border-radius: 4px;
    padding: 0 10px 0 5px;
    font-size: 14px;
}

.ASFreqControls {
    height: 20px;
    border: solid 1px;
    border-color: #CCCCCC;
    font-family: Calibri, Verdana;
    font-size: 8pt;
}

.ASChangeFreqDiv {
    /* this must be display: none  */
    display: none;
    background-color: #aefaa8;
    padding: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.ASChangeFreqText {
    font-size: 11px;
}

.fancycheck input[type=checkbox] {
    float: left;
}

/*POP IMG*/
.SCNCartPopImagesContainerCell {
    margin: 5px;
}

    .SCNCartPopImagesContainerCell img {
        border: solid 2px #666e78 !important;
    }

.SCNCartPopImagesTableHeader {
    font-size: 8pt;
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

.SCNCartPopImagesTable {
    margin: 5px;
    border: none;
    width: 100%;
    font-size: 8pt;
}

.SCNCartPopImagesTableHeader {
    text-align: center;
}

/*ribbons*/
.normal-ribbon {
    position: absolute;
    top: 15px;
    right: -10px;
    padding: 5px;
    background-color: #3fbb9b;
    color: white;
}

    .normal-ribbon:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        right: 0px;
        top: 100%;
        border-width: 5px 5px;
        border-style: solid;
        border-color: #666 transparent transparent #666;
    }

    .normal-ribbon:before {
        content: ' ';
        position: absolute;
        width: 20px;
        height: 0;
        left: -20px;
        top: 0px;
        border-width: 16px 10px;
        border-style: solid;
        border-color: #3fbb9b #3fbb9b #3fbb9b transparent;
    }

.corner-ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .corner-ribbon span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#9BC90D 0%, #79A70A 100%);
        box-shadow: 0 3px 7px -5px black;
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .corner-ribbon span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .corner-ribbon span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #79A70A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

/*product swatches on Details page*/
#SwatchImagesDiv {
    margin-top: 30px;
}

#SwatchTitleDiv {
    font-weight: bold;
}

#SwatchWarningDiv {
    font-size: 13px;
    margin-bottom: 10px;
}

.SCNSwatchCell {
    width: 25%;
}

    .SCNSwatchCell * {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }

    .SCNSwatchCell br {
        display: none;
    }

    .SCNSwatchCell img {
        margin-bottom: 3px;
    }

/*REVIEWS BOX*/
.reviews-box {
    padding: 5px 5px 30px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 30px;
}

    .reviews-box.trin-1 {
        padding-left: 0;
    }

    .reviews-box h4 {
        background: #ccc;
        padding: 5px;
        margin-top: 0;
        border-radius: 8px 8px 0 0;
    }

    .reviews-box p {
        padding: 10px;
    }

    .reviews-box .btn-link {
        padding: 10px;
        margin: 30px;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .reviews-box .SCNInnerReviewTable {
        background: rgba(204, 204, 204, 0.24);
        margin: 10px;
        margin-bottom: 30px;
        display: block;
        padding: 15px 20px 10px 20px;
    }

        .reviews-box .SCNInnerReviewTable hr {
            margin-top: 3px;
            margin-bottom: 10px;
        }

        .reviews-box .SCNInnerReviewTable .SCNReviewNameLocation strong {
            font: 500 25px/1.3 "Sintony", "Helvetica Neue, Helvetica, Arial", sans-serif !important;
            color: #767676;
            text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
            margin-right: 10px;
        }

        .reviews-box .SCNInnerReviewTable .SCNReviewTitle {
            font-weight: 400;
            font-size: 22px;
        }

    .reviews-box .SCNReviewPostDate {
        font-style: italic;
        color: #666e78;
        text-align: right;
        display: block;
    }

    .reviews-box .shop-divider-hr {
        border-top: 1px dotted rgba(147, 147, 147, 0.35);
    }

    .reviews-box .review-btn {
        padding: 10px;
        margin-bottom: 20px;
        text-align: right;
    }

/* social media classes*/
.share-bg {
    background-color: #f3f5f6;
    padding: 10px 0 5px 0;
    overflow: auto;
}

.socialmedia-cta {
    font-size: 18px;
    margin: 10px;
    display: block;
}

.socialmedia-fb,
.socialmedia-tw,
.socialmedia-pin,
.socialmedia-share {
    float: left;
    margin-left: 10px;
}

.kit-product-row input.FirestormStandardTextBox {
    width: 40px;
}

a[data-zoom-id] img, .mz-thumb img {
    box-shadow: none !important;
}

.pop-img-box {
    margin-top: 40px;
    text-align: left !important;
    /* test */
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: left;
    align-items: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: stretch;
    align-content: stretch;
    width: 100% !important;
    padding-top: 6px;
    /* end test */
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .pop-img-box {
        text-align: center !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .details-img {
        text-align: center !important;
    }
}

div.pop-img-box span.pop-img-cell {
    float: left !important;
    font-size: 10px;
    text-align: center;
}

div.pop-img-box span.pop-img-title {
    width: 50px;
}

@font-face {
    font-family: "TelerikWebUI";
    src: url("Common/TelerikWebUI.eot");
    src: url("Common/TelerikWebUI.eot") format("embedded-opentype"), url("Common/TelerikWebUI.woff") format("woff"), url("Common/TelerikWebUI.ttf") format("truetype");
}

.rddlIcon {
    width: 1em;
    height: 1em;
    background-image: none !important;
    font: 22px / 1 "TelerikWebUI";
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    color: #000;
}

    .rddlIcon:before, .rddlIcon:before {
        content: "\e002";
        color: #222;
        right: 5px;
        top: 15px;
        position: relative;
    }

/*Colors for the drop down arrows in these areas:*/
.variations-bg .rddlIcon:before {
    color: #c3953e;
}

.addons-bg .rddlIcon:before {
    color: #3c3257;
}

/*combined default Telerik Skin with the Telerik Base of  drp dwn list- items with ! overide default skin that comes AFTER THEM*/
.RadDropDownList {
    width: 100% !important;
    line-height: 44px !important;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    cursor: default;
    color: #333 !important;
}

    .RadDropDownList .rddlInner {
        padding: 4px 2em 4px 10px;
        border-width: 1px;
        border-style: solid;
        background-repeat: repeat-x;
        background-position: 0 0;
        display: block;
        position: relative;
        border-color: #fff !important;
        color: #434a54 !important;
        background-color: #e8e8e8 !important;
        background-image: linear-gradient(transparent, transparent) !important;
        border-radius: 3px !important;
        background-color: #e6e6e6 !important;
        background-image: linear-gradient(white, #e6e6e6) !important;
    }

    .RadDropDownList .rddlFakeInput {
        width: 100% !important;
        height: 44px !important;
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 16px !important;
    }

    .RadDropDownList .rcbDisabled .rddlFakeInput {
        opacity: 1;
    }

    .RadDropDownList .rddlEmptyMessage, .RadDropDownList .rddlDefaultMessage {
        font-style: italic;
        filter: alpha(opacity=80);
        opacity: .6 !important;
    }

    .RadDropDownList .rddlSelect {
        padding: 4px;
        min-width: 1em;
        text-align: center;
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        box-sizing: content-box;
    }

        .RadDropDownList .rddlSelect:before {
            content: ".";
            width: 0;
            vertical-align: middle;
            display: inline-block;
            overflow: hidden;
        }

    .RadDropDownList .rrdlLabel {
        vertical-align: top;
        padding-right: 10px;
        line-height: 22px;
    }

    .RadDropDownList .rddlDisabled {
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .RadDropDownList_rtl, .RadDropDownList[dir="rtl"] {
        text-align: right;
    }

        .RadDropDownList_rtl .rddlInner, .RadDropDownList[dir="rtl"] .rddlInner {
            padding-left: 2em;
            padding-right: 10px;
        }

        .RadDropDownList_rtl .rddlSelect, .RadDropDownList[dir="rtl"] .rddlSelect {
            left: 0;
            right: auto;
        }

        .RadDropDownList_rtl .rrdlLabel, .RadDropDownList[dir="rtl"] .rrdlLabel {
            padding-left: 10px;
            padding-right: 0;
        }

.rddlSlide, .rddlDropDownSlide {
    float: left;
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 7000;
}

.rddlPopup {
    border-width: 1px;
    border-style: solid;
    text-align: left;
    cursor: default;
    position: relative;
    line-height: 1.42857143;
    border-color: #bbb !important;
    color: #333 !important;
    background-color: #fff !important;
}

    .rddlPopup .rddlHeader, .rddlPopup .rddlFooter {
        padding: 4px 10px;
        border-width: 0;
        border-style: solid;
    }

    .rddlPopup .rddlHeader {
        margin-bottom: 1px;
        border-bottom-width: 1px;
        border-color: #bbb !important;
    }

    .rddlPopup .rddlFooter {
        margin-top: 1px;
        border-top-width: 1px;
        border-color: #bbb !important;
    }

    .rddlPopup .rddlList {
        height: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        overflow: auto;
        box-sizing: border-box;
    }

    .rddlPopup .rddlItem {
        margin: 0;
        padding: 4px 10px;
        min-height: 13px;
        font-size: 16px;
        color: inherit;
    }

        .rddlPopup .rddlItem &gt; label {
            margin: -4px -10px;
            padding: 4px 10px;
            display: block;
        }

    .rddlPopup .rddlItemDisabled {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.rddlPopup_rtl {
    text-align: right;
    direction: rtl;
}

.RadDropDownList .rddlHovered {
    border-color: #fff !important;
    color: #000 !important;
    background-color: #fff !important;
    background-image: linear-gradient(#ffffff, #dbdbdb) !important;
}

.RadDropDownList .rddlFocused {
    border-color: #fff !important;
    color: #434a54 !important;
    background-color: #bababa !important;
    background-image: linear-gradient(#dbdbdb, #ffffff) !important;
}

.rddlPopup .rddlItemHovered, .rddlPopup .rddlItemLoading {
    color: #000 !important;
    background-color: orange !important;
}

.rddlPopup .rddlItemSelected {
    color: #fff !important;
    background-color: darkorange !important;
}

#RadAjaxLoadingPanel1ProductDetailDiv {
    z-index: 10 !important;
}

/*SELECT BOXES and LANGUAGE SWITCHER*/
.sort-by {
    border-bottom: 1px solid #ddd;
    margin: 5px;
}

    .sort-by select#cboProductListSortCombo {
        height: 20px;
        font-size: 12px;
        /*background-size: 8px;*/
        padding: 0 15px 0 4px;
        width: 250px !important;
        margin: 0 0 5px 0;
    }

@media only screen and (max-width: 480px) {
    .sort-by select#cboProductListSortCombo {
        margin: 0 10px 5px 0;
    }
}

select {
    height: 50px;
    background-color: white;
    font-size: 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23888888%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-position: right 10px center, top 0 center;
    background-repeat: no-repeat, repeat-x;
    background-size: 15px 15px, 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #222222 !important;
    padding: 10px 30px 10px 10px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin-bottom: 10px;
}

svg .dwn-arrow-color {
    fill: #fc1a1a !important;
}

select::-ms-expand {
    display: none;
}

.language-wrap {
    background-color: #434a54;
    text-align: center;
}

    .language-wrap .frame {
        position: relative;
    }

    .language-wrap select {
        margin-top: -1px;
        background-color: #434a54;
        font-size: 13px !important;
        height: 32px;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A") !important;
        background-position: right 10px center;
        background-repeat: no-repeat;
        /* background-size: 20px; */
        border-radius: 0px;
        border: 1px solid #666e78;
        color: #ffffff !important;
        padding: 0 5px 0 5px;
        outline: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        margin-bottom: 10px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 700;
        width: 100px;
        margin-right: 15px;
    }

        .language-wrap select::-ms-expand {
            display: none;
        }
/* end select boxes*/

@media only screen and (max-width: 480px) {
    .SCNIndividualProductBox .SCNProductListImageDiv img {
        /*width: 50% !important;*/
        margin: 0 auto;
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    .SCNIndividualProductBox .product-info {
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    .SCNIndividualProductBox hr {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .frame.fit p, .frame.fit h4 {
        padding: 0 10px;
    }
}

.SCNProductDetailsDiv .frame h4 {
    padding: 0;
}

li.mail {
    word-break: break-all;
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
    .product-details-section .details-img, .product-details-section .details-details, .product-details-section trin-6 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .product-details-section .details-img, .product-details-section .details-details, .product-details-section trin-6 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .begin-chk-section {
        height: 104px;
    }
}

@media only screen and (max-width: 480px) {
    .begin-chk-section .SCNProductDetailStatusMessage {
        padding: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .begin-chk-section p {
        font-weight: 600;
        font-size: 12px;
        padding: 0;
        line-height: 13px;
    }
}

@media only screen and (max-width: 480px) {
    .begin-chk-section .btn-link {
        font-size: 13px;
        font-weight: 600;
        white-space: nowrap;
    }
}

/*PRODUCT being added SPINNER*/
.spinner {
    position: absolute;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 35px 0 25px;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    top: 40%;
}

@media only screen and (max-width: 480px) {
    .spinner {
        top: 30%;
    }
}

.spinner &gt; div {
    width: 28px;
    height: 28px;
    background-color: #767676;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.spinner2 {
    width: 40px;
    height: 40px;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #3fbb9b;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.modal-container {
    display: none;
    position: fixed;
    z-index: 2000;
    background: #f5f7fa;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.modal-no-js .modal-container {
    display: block;
}

.modal-sml {
    max-width: 430px;
    width: 430px;
}

.modal-med {
    max-width: 960px;
    width: 80%;
}

.modal-lrg {
    max-width: 1440px;
    width: 90%;
}

.modal-container header,
.modal-container .modal-header {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
    background-color: #666e78;
}

    .modal-container header h3,
    .modal-container header h4,
    .modal-container .modal-header h3,
    .modal-container .modal-header h4 {
        margin: 0;
        color: white;
    }

.modal-container .modal-body {
    padding: 2em 1.5em;
}

.modal-container footer,
.modal-container .modal-footer {
    padding: 1.5em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.04);
    text-align: right;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 15px;
    right: 20px;
    text-decoration: none;
    color: #e8e8e8;
}

    a.close i {
        font-size: 35px;
    }

    a.close:hover {
        color: #767676;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        transition: color 1s ease;
    }

.modal-container .btn {
    width: 100% !important;
    font-size: 14px;
    padding: 0.55em 1.5em;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    text-decoration: none;
    display: inline;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

    .modal-container .btn:hover {
        background-color: #666e78;
        color: white;
    }

@media (max-width: 480px) {
    .modal-container {
        width: 98% !important;
    }

        .modal-container a.btn {
            display: block;
        }
}

/*FIND A PARTY TOOL FORM:*/
.party-hostess-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    margin: 3px 5px;
}

.find-party {
    color: #44b0d8;
}

.party-search-results input.shop-btn.shop-btn-mini {
    background-color: #8dbf58;
    vertical-align: middle;
    margin: 5px;
}

.continue-as-guest.FirestormStandardButton {
    background-color: #434a54 !important;
}

.search-party.FirestormStandardButton {
    background-color: #8dbf58 !important;
    width: 100%;
}

.party-search-results table {
    line-height: 12px;
}

    .party-search-results table th {
        line-height: 26px;
    }

.party-search-results caption {
    margin: 10px 0;
}

/*cart view page and it's mobile styles:*/
#cart-panel .panel-heading {
    padding: 0 0.8em;
}

.cart-product-1 input.input-text.qty {
    margin-bottom: 0 !important;
    padding: 0;
    text-align: center;
    font-weight: 700;
    width: 58px;
    height: 38px;
    border: 1px dotted #505050;
    font-size: 14px;
    border-radius: 8px;
}

/*cart totals area mobile*/
.cart-product-price .value {
    margin-top: 20px;
}

.cart-product-row .trin-9 .value {
    word-break: break-all;
}

.cart-product-row .trin-9 {
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 50em) {
    .cart-product-row h4 {
        margin: 0;
    }

    .cart-product-row .cart-info {
        width: 100%;
    }

    .cart-product-row .cart-product-1.trin-9 {
        width: 20%;
        position: absolute;
        top: 40px;
        padding: 5px 10px !important;
    }

    .cart-product-row .trin-9 {
        width: 20%;
        font-size: 12px;
        padding: 5px 1px !important;
    }

        .cart-product-row .trin-9 .value {
            word-break: break-all;
        }

    .cart-product-row .cart-info .cart-product-img {
        width: 50%;
        float: none;
        margin: 0 auto;
    }

    .cart-product-row .cart-info .cart-product-details {
        width: 100%;
        text-align: center;
    }

        .cart-product-row .cart-info .cart-product-details .AutoshipBlockContainingTable {
            text-align: center;
        }

            .cart-product-row .cart-info .cart-product-details .AutoshipBlockContainingTable .ASChangeFreqDiv {
                background-color: #3fbb9b;
            }

            .cart-product-row .cart-info .cart-product-details .AutoshipBlockContainingTable input {
                height: auto;
                width: auto;
            }

    .sub-total {
        /*cart totals footer- subtotals mobile:*/
        font-size: 12px !important;
    }

        .sub-total .sub-total-0 {
            display: none;
            /*removes the SUBTOTAL: text from cart footer on mobile*/
        }

        .sub-total .trin-9 {
            width: 16.66667%;
            padding: 10px 2px !important;
        }

    .second-header .second-1-cell {
        display: none;
    }

    .second-header .trin-6 {
        /*change to a trin-5 width lower font size*/
        width: 20%;
        font-size: 10px;
        line-height: 12px;
        padding: 5px 3px !important;
    }
}

.cart-product-6 .value {
    font-weight: 600;
}

.second-header {
    background-color: #666e78;
    color: white;
}

.sub-total-6 .value {
    font-weight: 600;
}

/*quantity box and REMOVE link style*/
.remove-link {
    display: block;
    text-align: center;
    margin-top: 20px;
    font-size: 11px;
    width: 58px;
    background-color: #ad3845;
    color: #ffffff;
    float: right;
    border-radius: 4px;
    padding: 2px 5px;
}

@media only screen and (max-width: 480px) {
    .remove-link {
        margin-top: 0;
    }
}

.remove-link:hover {
    background-color: #eb5769;
    color: #ffffff;
}

.refresh-link {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
    width: 58px;
    background-color: #719a47;
    color: #ffffff;
    border-radius: 4px;
    padding: 2px 5px;
}

    .refresh-link:hover {
        background-color: #a2d36e;
        color: #ffffff;
    }

/*css created combo box*/
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

    .dropdown-content a {
        display: block;
        padding: 12px;
        border-bottom: 1px solid #666;
        color: #434a54;
        text-decoration: none;
    }

        .dropdown-content a:hover {
            color: #363b43;
            background-color: #e4e4e4 !important;
        }

        .dropdown-content a:last-child {
            border-bottom: none;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

/*STYLES FOR COMPLETED ORDER PRINTED PAGE*/
.FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-logo {
    display: none;
}

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-logo img {
        width: 180px !important;
    }

@media print {
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-heading {
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .main-content {
        min-height: 0px;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx * {
        color: #000 !important;
        font-size: 11px !important;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .spotlight {
        font-size: 30px !important;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-me,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx #header,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .replicated,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .language-wrap,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .helpful-links,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .title-bar-section,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx #CheckoutProgressBar,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx footer,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .SCNFRRecurringOrderDescriptionText {
        display: none !important;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .print-logo {
        display: block !important;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .panel,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .panel-body,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .pullout,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .trin-1,
    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .shop-push-small {
        margin: 0 !important;
        padding: 0 !important;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .border-item {
        border-left: 6px solid #4d4d4d !important;
    }

    .FirestormPage_ShoppingCartPrintableReceiptv4_aspx .review-section-info {
        padding: 0 !important;
        line-height: 12px !important;
    }
}

.visible-xs,
.visible-md,
.visible-lg {
    display: none;
}

@media (max-width: 30em) {
    .hidden-xs {
        display: none;
    }

    .visible-xs {
        display: block;
    }
}

@media (min-width: 30em) and (max-width: 50em) {
    .hidden-md {
        display: none;
    }

    .visible-md {
        display: block;
    }
}

@media (min-width: 50em) and (max-width: 68.75em) {
    .hidden-lg {
        display: none;
    }

    .visible-lg {
        display: block;
    }
}


span.pop-img-cell {
    width: 25%;
    line-height: 11px;
    word-break: break-all;
    /*height: 100px;*/
}

.chiclet-pe, .chiclet-pr, .chiclet-cv, .chiclet-pv {
    font-size: 10px;
    text-transform: none !important;
    background: #434a54;
    color: #fff;
    padding: 0 4px;
    position: absolute;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: default;
    width: 80px;
    border-radius: 5px;
    text-align: left;
    opacity: 0.8;
}

    .chiclet-pe a, .chiclet-pr a, .chiclet-cv a, .chiclet-pv a {
        text-decoration: none;
        color: white !important;
        padding: 0;
        margin: 0;
    }

    .chiclet-pe span, .chiclet-pr span, .chiclet-cv span, .chiclet-pv span {
        text-align: right;
        float: right;
    }

.chiclet-pe {
    background: #3e6fae;
    right: 10px;
    bottom: 90px;
}

.chiclet-pr {
    background: #967dda;
    right: 10px;
    bottom: 60px;
}

.chiclet-cv {
    background: #e4ab3a;
    right: 10px;
    bottom: 30px;
}

.chiclet-pv {
    background: #3fbb9b;
    right: 10px;
    bottom: 0px;
}

.cart-chiclets {
    float: right;
    margin-top: 20px;
}

    .cart-chiclets .chiclet-pe {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-pe span {
            position: static;
        }

    .cart-chiclets .chiclet-pr {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-pr span {
            position: static;
        }

    .cart-chiclets .chiclet-cv {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-cv span {
            position: static;
        }

    .cart-chiclets .chiclet-pv {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

        .cart-chiclets .chiclet-pv span {
            position: static;
        }

/*adds style for autoship button in cart view*/

a.ASAddButton, a.ASRemoveButton {
    display: block;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
    width: 300px;
    border-radius: 4px;
    padding: 4px 8px;
    position: relative;
    line-height: 21px;
    margin: 0 auto;
}

a.ASAddButton {
    background-color: #666e78;
    color: #fff;
}

    a.ASAddButton:hover {
        background-color: #3c4046;
        color: #fff !important;
    }

a.ASRemoveButton {
    background-color: #23cde3;
    color: #fff;
}

    a.ASRemoveButton:hover {
        background-color: #23aabc;
        color: #fff !important;
    }

.product-row {
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: left;
    align-items: left;
    -webkit-justify-content: left;
    justify-content: left;
    /* You can set flex-wrap and flex-direction individually */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* Or do it all in one line with flex flow */
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    /* tweak the where items line up on the row */
    /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
    -webkit-align-content: stretch;
    align-content: stretch;
    width: 100% !important;
    max-width: 1440px;
    padding-top: 6px;
}

a.special-button {
    font-size: 12pt;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 10px;
    border: none;
    color: white !important;
    white-space: normal;
    background-color: #666e78;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    a.special-button:hover {
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
        opacity: 0.8;
    }

/* makes new buttomn more responsive at mobile size*/
@media only screen and (max-width: 480px) {
    a.special-button {
        width: 100%;
        text-align: center;
        text-align: center;
    }

    #btnReturnToOrderHistory, #btnReturnToOrderHistoryBottom {
        margin-right: 0px !important;
    }
}

/* taking the inline style off and putting it in a class and changing it to be AUTO to remove vertical bar */
.contain-table {
    overflow: auto;
    width: 100%;
}

.replicated .rep-photo {
    margin: 0 !important;
}

.replicated .rep-box {
    margin-top: 0 !important;
    font-size: 12px;
}

.replicated {
    background-color: #373d45 !important;
}

.guest-of {
    color: #ededed;
    font-size: 12px;
    padding-top: 4px;
}

.rep-contact-info {
    color: #ededed;
}

#ReplicatedFullDealerName {
    font-weight: 600;
    color: white;
}

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

    .rep-info {
        text-align: center;
    }

    .replicated .rep-box {
        padding: 8px !important;
    }
}


.helpful-toggle {
    margin-top: 0px;
    border: none;
}

.helpful-links {
    box-sizing: border-box;
}

.language-wrap select {
    margin-top: 0 !important;
    border: none;
}

#header .header-links a.my-backoffice {
    /* make backoffice link stand out */
    background-color: #787878;
    padding: 0 8px;
    border-radius: 10px;
    color: #fff !important;
}

    #header .header-links a.my-backoffice:visited {
        background-color: #787878;
        color: #fff !important;
    }

    #header .header-links a.my-backoffice:hover {
        background-color: #919191;
        color: #fff !important;
    }

    #header .header-links a.my-backoffice:active {
        background-color: #919191;
        color: #fff !important;
    }

.party-info {
    font-weight: 600;
}

.you-may-like {
    /*added to style new carousel bar when needed*/
    margin-top: 24px;
}

/* Overrides for images in Telerik combo boxes in cart */
img.rddlItemImg {
    margin: 5px;
    width: 50px;
    height: 50px;
}

span.rddlItemText {
    line-height: 60px;
    margin-left: 10px
}

.rddlPopup .rddlItem {
    padding: 5px 15px;
    display: flex;
}

#google_translate_element {
    position: absolute;
    right: 18px;
    top: 10px;
}

nav #search-desktop {
    line-height: 16px;
}

    nav #search-desktop i {
        position: relative;
        width: 20px;
    }

        nav #search-desktop i.icon-search::before {
            content: "\E8B6";
            font-size: 22px;
            right: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

        nav #search-desktop i.icon-search-close::before {
            content: "\E14C";
            font-size: 27px;
            right: -5px;
            position: absolute;
            top: 0;
            width: 100%;
        }

nav.menu ul li a {
    padding: 15px 2px !important;
    white-space: normal !important;
    line-height: 13px;
}

nav.menu {
    min-height: 0;
}

    nav.menu ul li {
        padding: 0 !important;
    }

nav #search-desktop i {
    margin-top: 10px;
}

nav.menu ul li a {
    position: relative !important;
}

.drop-down &gt; a:after,
.mini-drop-down &gt; a:after {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 7px !important;
    width: 15px;
    font-size: 18px;
}

@media only screen and (max-width: 480px) {
    #google_translate_element {
        position: static;
    }
}

/* TOP CART ICON */
.cart-button .shop-btn-icon {
    margin-left: 30px;
}

a.cart-button i::before {
    content: "\E8CC";
    font-size: 26px;
    left: 0 !important;
    position: absolute !important;
    top: 10px;
    width: 44px;
}


/*BACK TO TOP ICON */
a.scrollToTop i.top::before {
    content: "\E316";
    font-size: 24px;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px;
    color: white;
}

/*BUY NOW ANIMATED BUTTON ICON */
a.shop-add-to-cart i::before {
    content: "\E854";
    font-size: 24px;
    left: 0 !important;
    position: absolute !important;
    top: 0;
    width: 44px;
}

/* Product Add Ons Panel Overlay */
.panel-overlay {
    background-color: rgba(255, 255, 255, 0.76);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
}

.panel-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background: #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: -25px 0 0 -25px;
    z-index: 999999;
    box-shadow: 0px 4px 4px rgba(128, 128, 128, 0.52);
}

    .panel-spinner img {
        height: 24px;
        width: 24px;
        position: absolute;
        top: 12px;
        left: 13px;
    }

/* prevent overlap of error message */
.alert-msg {
    display: block;
}

.buy-with-points-qty-container {
    float: left;
}

.btnAddToCartWithPartialPoints {
    float: left;
    margin-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btnAddToCartFloatLeft {
    float: left;
}

input.buy-with-points-qty {
    border-left-width: 0px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-radius: 0 5px 5px 0;
    border-style: solid;
    border-color: rgb(141, 191, 88);
    height: 40px;
    width: 58px;
}

.points-to-redeem-label {
    float: left;
    color: rgb(141, 191, 88);
    margin-left: 5px;
    font-family: "Poppins","Helvetica Neue, Helvetica, Arial",sans-serif;
    font-size: 14px;
    padding-top: 8px;
}

@media only screen and (min-width: 1px) and (max-width: 771px) {
    input.buy-with-points-qty {
        float: none;
        border-radius: 0 0 5px 5px;
        border-left-width: 2px;
        border-top-width: 0px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        display: inline-block;
    }

    .btnAddToCartFloatLeft {
        float: none;
        display: block;
    }

    .btnAddToCartWithPartialPoints {
        float: none;
        margin-right: 0px;
        margin-bottom: 0px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 0px;
        display: block;
    }

    .points-to-redeem-label {
        float: none;
        color: rgb(141, 191, 88);
        margin-left: 5px;
        font-family: "Poppins","Helvetica Neue, Helvetica, Arial",sans-serif;
        font-size: 14px;
        padding-top: 8px;
        display: inline-block;
    }
}

.SCNAddToCartLinkDiv {
    position: relative;
}

.shop-qtybox {
    position: absolute;
    top: 0;
    right: 17px;
    width: 40px;
    padding-top: 5px;
}

    .shop-qtybox input {
        width: 100%;
        height: 30px !important;
        display: block;
        border: 3px solid rgba(228, 228, 228, 0.8);
        background-color: rgba(255, 255, 255, 1);
        color: rgb(76, 76, 76);
    }

/* RESERVATIONS COUNTDOWN TIMER */
.timer-clock-container {
    background-color: #000;
    width: 100%;
}

.clock-icon {
    float: left;
    width: 15px;
    height: auto;
    margin: 4px 4px 0px 0px;
}

.timer-clock p {
    float: left;
    height: auto;
    font-weight: bold;
    padding: 2px 10px;
    margin-bottom: 4px;
}

.clock-text, .clock-numbers {
    display: inline !important;
}

.clock-text {
    font-size: 14px;
    color: #fff;
}

.clock-numbers {
    color: #fff;
    font-weight: bold;
}

/****************************/
/* New Filter Tool for Cart */
/****************************/

.flex-product-master {
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: left;
    align-items: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
    width: 100% !important;
    max-width: 1440px;
}

#filter-container {
    font-family: inherit;
    color: inherit;
    padding: 5px;
    -webkit-flex: 1;
    flex: 1;
    order: 0;
    border-left: 1px dotted tranparent;
    border-top: 1px dotted tranparent;
    margin-top: 10px;
}

.product-item-master {
    -webkit-flex: 5;
    flex: 5;
    order: 1;
}

@media only screen and (max-width: 40em) {
    #filter-container {
        display: block !important;
    }

        #filter-container .filter-sets {
            display: none !important;
        }

    .flex-product-master {
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
    }
}

#filter-container input[type="checkbox"] {
    cursor: pointer;
}

.filter-section-header {
    margin-bottom: 5px;
    font-size: 19px;
    border-bottom: 1px dotted #ccc;
    line-height: 22px;
    padding-bottom: 15px
}


.filter-attribute-header {
    margin-bottom: 5px;
    margin-left: -7px;
    margin-right: -5px;
    font-size: 16px;
    font-weight: 600;
    /*    border-radius: 30px 0px 0 30px;*/
    padding: 2px 10px;
    /*
    background: -moz-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ececec), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
    background: -o-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
    background: -ms-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
    background: linear-gradient(270deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff', GradientType=1 );
*/
    color: #333;
}


.attribute-ul {
    margin-left: 0px;
    padding: 0;
    margin-top: 5px;
}

    .attribute-ul input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 3px;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    .attribute-ul li {
        list-style-type: none;
        list-style-position: initial;
        list-style-image: initial;
        padding: 2px;
        word-wrap: break-word;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

        .attribute-ul li label {
            display: block;
            padding-left: 15px;
            text-indent: -19px;
        }


#filter-container .how-many {
    font-size: 11px;
    color: #8e8e8e;
    margin-left: 2px;
    float: right;
}


.filter-value {
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    font-size: 14px;
    line-height: 22px;
}
/********************************/
/* END New Filter Tool for Cart */
/********************************/

/* Cart Reservation Status Indicators */
.ReservationActiveIndicator {
    text-align: left;
    font-weight: bold;
    color: limegreen;
}

.ReservationExpiredIndicator {
    text-align: left;
    font-weight: bold;
    background-color: red;
    color: white;
}
/* END Cart Reservation Status Indicators */

/* START SOCIAL ICON STYLES*/
.sl {
    font-size: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

    .sl:hover {
        opacity: 0.7;
    }

.sl-facebook {
    background: #3B5998;
    background: #666;
    color: white;
    background-image: url(../../art/SocialMedia/i-facebook.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

.sl-twitter {
    background: #55ACEE;
    background: #666;
    color: white;
    background-image: url(../../art/SocialMedia/i-twitter.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

.sl-pinterest {
    background: #cb2027;
    background: #666;
    color: white;
    background-image: url(../../art/SocialMedia/i-pinterest.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

.sl-sharethis {
    background: #55cb20;
    background: #666;
    color: white;
    background-image: url(../../art/SocialMedia/i-sharethis.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

.sl-email {
    background: #dd7012;
    background: #666;
    color: white;
    background-image: url(../../art/SocialMedia/i-email.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}
/* END SOCIAL ICON STYLES*/
/* START SOCIAL ICON ANIMATIONS */
.pulse {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
    transition: background-color 1s;
}

    .pulse:hover {
        animation: pulse 2s 1;
        /* background: #fff;*/
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255,255,255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255,255,255, 0);
        box-shadow: 0 0 0 20px rgba(255,255,255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}

/* END SOCIAL ICON ANIMATIONS */

/*START PRODUCT IMG OBJECT FIT*/
.SCNProductListImageDiv a {
    width: 100% !important;
    height: 295px !important;
    display: block !important;
}

.SCNProductListImage.SCNProductListImage {
    width: 100% !important;
    height: 295px !important;
    object-fit: scale-down !important;
    display: block !important;
}

/* style placeholder text in search bar DG AUG 15-2019 */

.header-search .search-input::-webkit-input-placeholder {
    color: rgba(147, 147, 147, 0.50);
}

.header-search .search-input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(147, 147, 147, 0.50);
}

.header-search .search-input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(147, 147, 147, 0.50);
}

.header-search .search-input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(147, 147, 147, 0.50);
}

.header-search .search-input::-ms-input-placeholder {
    /* Edge */
    color: rgba(147, 147, 147, 0.50);
}

.header-search .search-input:placeholder-shown {
    /* Standard one last! */
    color: rgba(147, 147, 147, 0.50);
}

/*make search bar constant DG AUG 15-19 */
.header-search {
    visibility: visible !important;
    position: static !important;
}

    .header-search .search-input {
        height: 30px !important;
        font-size: 14px;
    }

.search-button-main {
    line-height: 28px !important;
}

.header-search .searchform-wrapper {
    margin-top: 0px !important;
}

.search-toggle#search-desktop,
#search-mobile {
    display: none;
}

/* Styles for the Search Results page header DG AUG 19-2019 */

/* Style container for tab buttons */

.general-tab {
    overflow: visible;
    border: 0px solid #ccc;
    background-color: #f1f1f1;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    /*flex*/
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: left;
    align-items: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
}
    /* Style the buttons that are used to open the tab content */

    .general-tab a {
        background-color: #f1f1f1;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        text-decoration: none;
        color: #444;
        font-size: 21px;
        text-align: center;
        /*	flex*/
        -webkit-flex: 1;
        flex: 1;
    }

        .general-tab a.product-tab {
            order: 0;
        }

        .general-tab a.article-tab {
            order: 1;
        }

        /* Change background color of buttons on hover */

        .general-tab a:hover {
            background-color: #ddd;
            opacity: 0.7;
            text-decoration: none;
            color: #444;
        }
        /* Create an active/current tablink class */

        .general-tab a.infocus {
            background-color: #ccc;
            text-decoration: none;
            color: #444;
            overflow: visible;
            position: relative;
            display: block;
        }

        .general-tab a.tablinks.infocus::after {
            background-color: transparent;
            text-decoration: none;
            color: #ccc;
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -10px;
            width: 0;
            height: 0;
            height: 0;
            border: solid transparent;
            border-width: 10px;
            border-top-color: #ccc;
            content: '';
            pointer-events: none;
        }
/* Style the tab content */

.tabcontent {
    display: none;
    border-top: none;
    animation: fadeEffect 1.5s; /* Fading effect takes 1 second */
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#article-results .product-row {
    /* You can set flex-wrap and flex-direction individually */
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
}

    #article-results .product-row article {
        /*
	-webkit-flex: 1;
	flex: 1;
*/
        order: 0;
        border-bottom: 1px dashed #ccc;
        background-color: #f5f5f5;
        background: -moz-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ececec), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
        background: -webkit-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
        background: -o-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
        background: -ms-linear-gradient(180deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
        background: linear-gradient(270deg, #ffffff 0%, #ffffff 5%, #ececec 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff', GradientType=1 );
        margin: 10px 0;
    }

#article-results article h2 {
    margin: 0;
}
/*	search results header */
.lblSearchResults {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-left: 15px;
    display: block;
}

.search-results-title {
    font-size: 31px;
    display: block;
    line-height: 33px;
}

.search-results-criteria {
    font-size: 16px;
    line-height: 33px;
    display: block;
}

.search-results-returned {
    font-size: 16px;
    font-weight: bold;
    font-weight: bolder;
}

#article-results h2 a {
    font-size: 24px;
    line-height: normal;
}

@media only screen and (max-width: 480px) {
    .general-tab-container.frame.fit {
        padding: 0 8px !important;
    }

    .general-tab a {
        font-size: 16px;
        padding: inherit 5px;
    }
}

/*FILTER MENU SETS*/
.menu-sets {
    padding: 10px;
    margin-left: -10px !important;
    background-color: transparent;
    border-radius: 7px;
    margin-bottom: 30px
}

    .menu-sets .filter-value {
        color: black;
    }

    .menu-sets .how-many {
        font-size: 11px;
        margin-left: 2px;
        float: right;
    }

    .menu-sets .attribute-ul li {
        padding: 10px 2px;
        border-bottom: 1px #e3e3e3 solid;
    }

.attribute-ul {
    padding: 0 10px;
    width: 100%;
    padding: 0 15px !important;
}

.filter-section-header {
    margin-bottom: 5px;
    font-size: 19px;
    border-bottom: 1px solid #adadad;
    line-height: 22px;
    padding-bottom: 15px
}

/*END FILTER MENU SETS*/

/*DETAILS PAGE - Product Attributes Container table*/
#ProductAttributesContainer table {
    width: 100%;
}

#ProductAttributesContainer td {
    border-bottom: 1px solid #ddd;
    padding: 5px !important;
}

#ProductAttributesContainer .attributes-title {
    font-weight: bold;
    width: 50%;
}

#ProductAttributesContainer .attributes-value {
    width: 50%;
}
/*END DETAILS PAGE - Product Attributes Container table*/

/* 4/16/2021 JTR Control Images in Telerik drop downs */
.rddlItemImg {
    height: 42px !important;
    width: 64px !important;
}
/* 11/04/2021  DG  Removed a share this reference from page*/
#st-el-1 .st-btn[data-network='blm'] {
    display: none !important;
}
/*12/22/2021  DG  adding support for new spinner to be used in checking out to prevent refreshing or back button hit  */
.working,
.working:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.working {
    margin: 40px auto 20px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(87, 155, 19, 0.46);
    border-right: 1.1em solid rgba(87, 155, 19, 0.46);
    border-bottom: 1.1em solid rgba(87, 155, 19, 0.46);
    border-left: 1.1em solid #579b13;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

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

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

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

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


#divWorkingMessage.working-overlay {
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: center !important;
}

#divWorkingMessage .error-content {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 600px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 3px 90px rgb(0 0 0 / 0.3);
    padding: 50px 30px;
    3box-sizing: border-box;
    border-radius: 30px;
    box-sizing: border-box !important;
}

    #divWorkingMessage .error-content h4 {
        color: #579b13;
    }
/*Host Reward Details in Cart page*/
.hr-detail-container {
    position: relative;
    background-color: rgb(140, 182, 241);
    border-radius: 10px;
    padding: 10px;
}

.hr-details-label {
    color: white;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: 30px;
    padding-top: 4px;
}


.hr-details-body {
    color: white;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}

.hr-detail-container i::before {
    content: "\e8b1";
    font-size: 26px;
    left: 10px !important;
    position: absolute !important;
    top: 10px;
    width: 44px;
    color: white;
}

.cart-product-details .more-info span {
    display: block;
}
</pre></body></html>