/** Shopify CDN: Minification failed

Line 25:40 Unexpected ";"

**/
:root {
    --colorwareblue: #0087C7;
}

/* HOME PAGE START*/
.bannerSlice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}


.main-page-title { text-align: center; };

.bannerSlice a {
    border-right: solid 1px #7f7f7f;
    margin: 1vw 0;
    /*padding: 2vw 0;*/
}

.bannerSlice a:last-child {
    border-right: none;
}

.indexWrapper img {
    width: 100%;
}

.indexWrapper a {
    line-height: 0;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.indexWrapper ol,
.indexWrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.indexWrapper li {
    position: relative;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    padding: 3vw 0;
}

.indexWrapper>*:nth-child(2) {
    border-top: 1.25vw solid #000;
    border-bottom: 1.25vw solid #000;
    background: #000;
}

.indexWrapper>*:last-child {
    border-top: 1.25vw solid #000;
    background: #000;
}

.indexWrapper li:nth-child(even) {
    background-color: rgb(245, 245, 245);
}

.indexWrapper li img {
    position: relative;
    left: 20%;
    width: 100%;
}

.indexWrapper li:nth-child(even) img {
    position: relative;
    left: -20%;
}

.indexWrapper li img.justBanner {
    /*left: 0;*/
}

.indexWrapper li .bannerTagLine {
    position: absolute;
    left: -24%;
    top: 50%;
    line-height: 1.52em;
    width: 100%;
    height: 100%;
    margin-top: -2.25em;
    text-align: center;
    font-size: calc(15px + 0.5vw);
    font-family: "Raleway", sans-serif;
    /*font-optical-sizing: auto; font-weight: 400; font-style: normal;*/
}

.indexWrapper li .bannerTagLine p {
    margin: 0;
    padding: 0;
}

.indexWrapper li:nth-child(even) .bannerTagLine {
    left: 24%;
}

.indexWrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.indexWrapper li .bannerButton {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border: none;
    color: #FFF;
    display: inline-block;
    white-space: nowrap;
    margin: 0.7em auto 0;
    padding: 0 1em;
}

.indexWrapper li .bannerButton span:after {
    content: 'Customize Yours';
    /*font-family: "Raleway";*/
    font-size: 0.75em;
}

@media screen and (orientation: landscape),
screen and (min-width: 1000px) {
    .indexWrapper li {
        width: 50vw;
    }

    .indexWrapper ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (50vw)[2];
        grid-template-columns: repeat(2, 50vw);
        -ms-grid-rows: 22vw 22vw 22vw;
        grid-template-rows: 22vw 22vw 22vw;
        grid-auto-flow: column;
    }

    .indexWrapper ul>*:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .indexWrapper ul>*:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .indexWrapper ul>*:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .indexWrapper ul>*:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .indexWrapper ul>*:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }

    .indexWrapper ul>*:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
}

/* HOME PAGE END */

/* GLOBAL START */
button.cwBlueButton,
a.cwBlueButton {
    background-color: var(--colorwareblue);
    color: #F5F5F5;
    border: none;
}

a.cwBlueButton:link,
a.cwBlueButton:visited {
    color: #F5F5F5;
    text-decoration: none;
}

/* GLOBAL END */

/* header START */
header.header {
    max-width: 100%;
    padding-bottom: 0.7em;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.07) 0px, rgba(0, 0, 0, 0.48) 1px, rgba(0, 0, 0, 0.65) 2px, rgba(21, 74, 99, 1) 3px, rgba(0, 130, 192, 1) 5px, rgba(0, 130, 192, 1) 10px, rgba(0, 35, 51, 1) 12px, rgba(0, 0, 0, 1) 33px);
}

header a:link,
header a:visited {
    color: #FFFFFF;
}

header a:hover,
header a:active {
    color: #0087C7;
}

/* header END */

/* footer */

footer.footer {
    text-align: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100vw;
    grid-template-columns: 100vw;
    color: #CCC;
    padding: 50px 0;
    font-size: calc(12px + 0.5vw);
    z-index: 70;
    position: relative;
    background: rgb(238, 238, 238);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1
                /*0.07*/
            ) 0px, rgba(0, 0, 0, 1
                /*0.48*/
            ) 1px, rgba(0, 0, 0, 0.65) 2px, rgba(21, 74, 99, 1) 3px, rgba(0, 130, 192, 1) 5px, rgba(0, 130, 192, 1) 10px, rgba(0, 35, 51, 1) 12px, rgba(0, 0, 0, 1) 33px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1
                /*0.07*/
            ) 0px, rgba(0, 0, 0, 1
                /*0.48*/
            ) 1px, rgba(0, 0, 0, 0.65) 2px, rgba(21, 74, 99, 1) 3px, rgba(0, 130, 192, 1) 5px, rgba(0, 130, 192, 1) 10px, rgba(0, 35, 51, 1) 12px, rgba(0, 0, 0, 1) 33px);
    font-size: calc(12px + 0.5vw);
    font-size: min(calc(12px + 0.5vw), 20px);
    margin: 0;

}

footer section {
    text-align: left;
    -ms-grid-column-align: center;
    justify-self: center;
    padding: 1vh 5vw;
    width: 90vw;
}

footer ul,
footer ol,
footer p {
    margin: 0;
    padding: 0;
}

footer ul {
    display: flex;
    flex-wrap: wrap;
}

footer li {
    display: inline-block;
    line-height: 1.5em;
    white-space: nowrap;
}

footer li::after {
    content: '|';
    padding: 0 0.3em;
    color: #CCC;
}

footer li:last-child::after {
    display: none;
}

footer .cwb-ui-heading-footer {
    /*border-bottom: 2px solid #0087C7;*/
    padding: 0 0.1em 0.1em 0;
    display: inline-block;
}

footer a:link,
footer a:visited {
    color: #0087C7;
}

footer a:hover,
footer a:active {
    color: #FFFFFF;
}

footer a img {
    width: 194px;
    -webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .7));
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .7));
    max-width: 100%;
}

footer .cwNavLiveChat img {
    display: none;
}

.cwb-ui-wrap-footer-logo {
    width: auto;
}

.cwb-ui-wrap-footer-contact {
    width: auto;
    text-align: center;
}

.cwb-ui-wrap-footer-logo p {
    width: max-content;
    margin: 0 auto;
    display: none;
}

.cwb-ui-wrap-footer-social {
    padding: 0.85em 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 250px;
    margin: 0 auto;
    flex-direction: row;
}

.cwb-ui-wrap-footer-social li::after {
    display: none;
}

.cwb-ui-wrap-footer-social li img {
    width: auto;
    width: calc(14px + 1.5vw);
    height: calc(14px + 1.5vw);
    width: min(45px, calc(14px + 1.5vw));
    height: min(45px, calc(14px + 1.5vw));
}

@media screen and (orientation: landscape),
screen and (min-width: 600px) {
    footer.footer {
        -ms-grid-columns: 33% 33% 33% 33% 33%;
        grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
    }

    footer a img {
        width: 10em;
    }

    footer ul {
        flex-direction: column;
    }

    footer li {
        padding: 0.25em 0 0 0;
    }

    footer li::after {
        display: none;
    }

    footer section {
        padding: 0.75em 0 0 0;
        width: 100%;
        width: max-content;
    }

    footer .cwb-ui-heading-footer {
        margin: 0;
    }

    .cwb-ui-wrap-footer-logo {
        grid-column: 1 / -1;
        /*order:-2;*/
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .cwb-ui-wrap-footer-contact {
        grid-column: 1 / -1;
        grid-column: 2 / -1;
        grid-row: 1;
    }

    /* ------ from autoprefixer ----- */
    .cwb-ui-wrap-footer-logo {
        grid-column: 1 / -1;
        /*order:-2;*/
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    .cwb-ui-wrap-footer-contact {
        grid-column: 1 / -1;
        grid-column: 2 / -1;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    /* ------ from autoprefixer ----- */
    .cwb-ui-wrap-footer-logo p {
        line-height: 1.25em;
        padding: 0.75em 0 0 0;
        display: block;
    }

    .cwb-ui-wrap-footer-contact address {
        line-height: 1.25em;
        padding: 0;
    }

    .cwb-ui-wrap-footer-contact address a {
        padding: 0 0 0.5em 0;
        display: inline-block;
    }
}

@media screen and (orientation: landscape),
screen and (min-width: 1000px) {
    h1 {
        font-size: 3em;
    }

    footer.footer {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        -ms-grid-columns: 200px 200px 200px 200px 200px;
    }

    .cwb-ui-wrap-footer-logo,
    .cwb-ui-wrap-footer-contact {
        order: unset;
        grid-row: unset;
    }

    .cwb-ui-wrap-footer-logo {
        grid-column: unset;
    }

    .cwb-ui-wrap-footer-contact {
        grid-column: unset;
    }

    footer.footer {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        -ms-grid-columns: 20% 20% 20% 20% 20%;
        justify-content: center;
    }

    .cwb-ui-wrap-footer-logo,
    .cwb-ui-wrap-footer-contact {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        grid-row: unset;
    }

    .cwb-ui-wrap-footer-logo {
        grid-column: unset;
    }

    .cwb-ui-wrap-footer-contact {
        grid-column: unset;
    }

    .cwb-ui-wrap-footer-social ul {
        max-width: 25%;
    }

    footer>*:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    footer>*:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }

    footer>*:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }

    footer>*:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }

    footer>*:nth-child(5) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 1600px) {
    footer.footer {
        grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
        -ms-grid-columns: 20% 20% 20% 20% 20%;
        justify-content: center;
    }
}

/* footer */

/*---START------------------------ Cart ------------------START---*/

.cart-item__media img {
    min-width: 100px;
    max-width: 350px;
}

/*----END------------------------- Cart -------------------END----*/

/*---START------------------------ Topics ------------------START---*/

.cwTopicBoxTitle {
    border-bottom: 1px solid #0087C7;
    color: #7E8388;
    font-weight: 100;
    margin: 0 0 20px 0;
    padding-left: 3%;
    text-align: left;
    width: 50%;
    font-size: 2.5em;
}

.cwTopicBox {
    padding: 6em 0;
    max-width: 800px;
    margin: 0 auto;
}

.cwTopicBox .full-blue-button {
    background-color: #0087C7;
    border: medium none;
    color: #EEE;
    cursor: pointer;
    display: inline-block;
    font-family: 'WebCabin', sans-serif;
    font-size: 1.7em;
    line-height: 23px;
    padding: 9px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    width: 100%;
    -webkit-appearance: none;
}

.cwTopicBox p {
    line-height: 1.3em;
    padding: 1.3em 0 0 0;
    font-size: 1.2em;
}

.topicSubprivacy-policy p {
    text-indent: 3em;
}

.topicSubprivacy-policy .sectionToExpand {
    margin: 0 0 40px 0;
}


.topicSubprivacy-policy h5 {
    margin: 3em 0 0;
}

.topicSubpress {
    max-width: 1000px;
}

.topicSubpress p {
    margin: 0 15px 15px 15px;
}

.topicSubpress .mainTopicImage {
    position: absolute;
    top: 0;
    left: -44em;
}

.topicSubpress ul img {
    position: absolute;
}

.topicSubpress ul .pressImageLink1 img {
    left: 0;
    top: 0;
}

.topicSubpress ul .pressImageLink2 img {
    left: 9em;
    top: 0;
}

.topicSubpress ul iframe {
    position: absolute;
    left: 0;
    top: 0;
    margin: 7px 0;
}

.topicSubpress ul {
    display: flex;
    flex-wrap: wrap;
}

.topicSubpress ul li {
    padding: 1.5em 0 0 18em;
    /*clear: left;*/
    position: relative;
    min-height: 160px;
    width: 50%;
}

.topicSubpress ul p {
    padding: 0;
    margin: 0;
}

.topicSubcontact-us ul {
    /*width:94%; display:inline-block; vertical-align: top; */
    text-align: left;
    font-size: 1.1em;
    display: flex;
}

.topicSubcontact-us li {
    width: 33%;
    /*display: inline-block;*/
    padding: 30px 0;
    text-align: center;
    /*vertical-align: middle; */
}

.topicSubcontact-us-form {
    width: 54%;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    display: inline-block;
}

.topicSubcontact-us p {
    padding: 0;
}

.topicSubcontact-us a.full-blue-button {
    width: 60%;
    color: #EEE;
    font-size: 1.3em;
}

.topicSubcontact-us a.full-blue-button:hover {
    color: #FFF;
}

.topicSubcontact-us-form img {
    display: none;
}

.topicSubcontact-us-form input {
    width: 13em;
}

.topicSubcontact-us-form textarea {
    width: 13.3em;
}

.topicSubcontact-us-form h3 {
    width: 100%;
    text-align: center;
    display: block;
}

.topicSubcontact-us-form dl {
    padding: 1.5em 0;
}

.topicSubcontact-us-form dt {
    display: inline-block;
    width: 35%;
    text-align: right;
    vertical-align: top;
    padding: 0.5em;
}

.topicSubcontact-us-form dd {
    display: inline-block;
    width: 55%;
    padding: 0.5em;
}

.topicSubcontact-us-form #cwCSendContact {
    width: 50%;
    margin: 0 auto;
    display: block;
}

.topicSubcontact-us .CompanyHelpList {
    display: grid;
    grid-template-columns: minmax(200px, 25%) 1fr;
    margin: 0 0 6em 0;
}

.topicSubcontact-us .CompanyHelpList li {
    width: 100%;
    padding: 0 10px 0 0;
}

.topicSubcontact-us .CompanyHelpList>li {
    display: flex;
    flex-direction: column;
    margin: 3em 0 0 0;
}

.topicSubcontact-us .CompanyHelpList>li img {
    width: 70px;
    height: 70px;
    margin: auto;
}

.topicSubcontact-us .CompanyHelpList ul {
    flex-direction: column;
}

.topicSubcontact-us .CompanyHelpList ul li {
    text-align: left;
    list-style: disc;
    font-size: 0.85em;
    padding: 0.5em 0;
}

.topicSubcontact-us a:link,
.topicSubcontact-us a:visited {
    color: #0087C7;
}

.topicSubcontact-us a:hover,
.topicSubcontact-us a:active {
    color: #0098D8;
}

.topicSubcontact-us a.full-blue-button:link,
.topicSubcontact-us a.full-blue-button:visited {
    color: #CCCCCC;
}

.topicSubcontact-us a.full-blue-button:hover,
.topicSubcontact-us a.full-blue-button:active {
    color: #EEEEEE;
}

.cwTopicBox .redMessage {
    color: #D8000C;
}


@media screen and (orientation: portrait) {
    .topicSubpress ul li {
        width: 90%;
        margin: auto;
    }

    .topicSubprivacy-policy .sectionToExpand {
        padding: 0 5%;
    }

    .topicSubcontact-us ul {
        flex-direction: column;
    }

    .topicSubcontact-us li {
        width: 88%;
        margin: 0 auto;
    }
}

.topicSubholiday-order-dates {
    max-width: 800px;
}

.topicSubholiday-order-dates .date-boxes-wrapper {
    background: #cc1801;
    text-align: center;
    padding: 2em 0 2em 0;
}

.topicSubholiday-order-dates .date-boxes-wrapper>p {
    text-align: center;
    color: #EEE;
    padding: 14px 0;
    font-size: 1.2em;
}

.topicSubholiday-order-dates .date-boxes-wrapper ul {
    text-align: center;
    display: flex;
    justify-content: center;
}

.topicSubholiday-order-dates .date-boxes-wrapper ul li {
    margin: 0 1em;
    padding: 0 0 6px 0;
    width: 150px;
    background: #F0F0F0;
}

.topicSubholiday-order-dates .date-boxes-wrapper ul li h5 {
    background: #DCDCDC;
    padding: 5px 0;
    color: #cc1801;
    font-size: 18px;
    line-height: 17px;
    margin: 0;
    font-weight: 700;
}

.topicSubholiday-order-dates .date-boxes-wrapper ul li p {
    font-size: 1.2em;
    margin: 0.5em 0 0 0;
    color: #000000;
    padding: 0;
    margin: 0.25em;
}

.topicSubholiday-order-dates .date-boxes-wrapper ul li.pastDeadline p {
    color: #cc1801;
}

.topicSubholiday-order-dates .date-boxes-wrapper ul li .holidayDate {
    font-size: 3em;
    margin: 5px 0;
    font-weight: 700;
    padding: 0;
}

.topicSubholiday-order-dates .holiday-note {
    padding: 1em;
}

/*---END-------------------------- Topics --------------------END---*/

/*---START------------------------------- Newsletter Signup -------------------------START---*/

.newsletter-page {
    margin: 0 auto;
    max-width: 600px;
    padding: 0 0 5em;
}

.footer-newsletter {
    text-align: center;
    margin: 1em auto 0 auto !important;
}

.footer-newsletter h2 {
    margin: 0 auto 1em auto !important;
}

.footer-newsletter p {
    font-size: 0.75em;
    padding: 0.5em 0 0 0;
}

.footer-newsletter a img {
    width: 1.25em;
    height: 1.25em;
    vertical-align: text-bottom;
    filter: invert(100%) sepia(1%) saturate(1836%) hue-rotate(77deg) brightness(115%) contrast(97%);
    filter: invert(39%) sepia(25%) saturate(2980%) hue-rotate(167deg) brightness(99%) contrast(104%);
}

.footer-newsletter a path {
    color: #FF0000;
}

.newsletter-wrapper {
    margin: 0 auto;
    max-width: 600px;
    padding: 0 0 5em;
}

.newsletter-page {
    margin: 3vh auto;
    padding: 2em 4em 0.5em;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(top, #564e4e 0%, #f8f8f8 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType=0);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45), 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 -1px 1px rgba(0, 0, 0, 0.5) inset;
}

.newsletter-page .newsletter-form-wrapper {
    background: none !important;
}

.footer-newsletter p {
    padding: 0 4em;
    text-align: left;
}

.newsletter-actions input {
    margin: 15px 0 20px 0;
    width: 60%;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.5);
    background-color: #0087C7;
    border: medium none;
    color: #EEE;
    cursor: pointer;
    display: inline-block;
    font-family: 'WebCabin', sans-serif;
    font-size: 1.7em;
    line-height: 23px;
    padding: 9px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    width: 100%;
    -webkit-appearance: none;
}

.newsletter-page .notices {
    text-align: center;
}

.unsubscribe-page p {
    text-align: center;
    font-size: 1.5em;
    padding: 3em 0;
}

/*---END------------------------------- Newsletter Signup -------------------------END---*/


/*---START------------------------------- Support -------------------------START---*/

#innerContent {
    max-width: 1200px;
    margin: 0 auto;
}

.supportArea {
    font-size: 1.0em;
}

a:link,
a:visited {
    color: #0087C7;
    text-decoration: none;
}

a:hover,
a:active {
    color: #000000;
    text-decoration: none;
}

h2 {
    font-size: 1.8em;
}

#supportWarranty {
    margin: 0;
    overflow: hidden;
    padding: 0 5em;
}

#pnlWarranty {
    overflow: hidden;
}

.blackText {
    color: #333333;
    margin: 0 0 0 -3%
}

.supportArea .cwContentBox {
    padding: 1.7em 0;
    max-width: 1200px;
    /*margin: 0 auto;*/
}

row {
    display: flex;
    margin: 30px 10% 10px 10%;
    line-height: 1.3em;
}

column {
    width: 33%;
    text-align: center;
}

#cwSupportQuestions {
    margin: 2em auto 6.5em auto;
}

.cwContentBoxTitle {
    border-bottom: 1px solid #0087C7;
    color: #7E8388;
    font-weight: 100;
    margin: 0 0 40px 0;
    padding-left: 3%;
    text-align: left;
    width: 50%;
}

.supportContentBox {
    padding: 0 0 0 5%;
}

.supportContentBox p {
    margin: 5px 0 15px 0;
    line-height: 1.3em;
}

.supportContentBox span {
    margin: 0 0 10px -1em;
    font-size: 1.3em;
}

.closeCartCountryList {
    display: none;
}

#supportCountries,
#countryList {
    width: 96%;
    padding: 0 2%;
    column-width: 150px;
    max-width: 1000px;
    margin: 0 auto;

}

#supportCountries li,
#countryList li {
    padding: 0 0 10px 0;
    line-height: 1;
}

#supportCountries img {
    margin: 0 5px 0 0;
}

.supportContact .cwNavLiveChat {
    width: 60%;
    font-size: 1.2em;
}


#supportContactPhone,
#supportContactEmail {
    margin: 0 0 30px 0;
    width: 33%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

#supportContactMail {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

#frmSupportContacted {
    min-height: 220px;
}

#frmSupportContacted,
#frmSupportTechContacted {
    margin: 0 5%;
    position: relative;
}

.supportContactsSection {
    position: relative;
    margin: 0 0 6.5em 0;
}

.supportContact {
    margin: 30px 10% 10px 10%;
    line-height: 1.3em;
}

.supportTechRight {
    min-height: 560px;
}

.showContent {
    display: block;
}

.hideContent {
    display: none;
}

.showErrorField {
    background-color: #FFBABA;
}

#pnlMsg .errorMessage,
#pnlMsg .successMessage {
    margin: 0 auto 20px;
    padding: 10px 0;
    text-align: center;
    width: 35%;
}

#supportQuestions {
    padding: 0 5%;
}

.sCategory,
.sQuestion {
    position: relative;
    width: 100%;
}

.sCategory .sQuestions {
    width: 100%;
}

.categoryName {
    margin: 0;
    font-size: 1.3em;
    line-height: 2.2em;
    color: #005494;
}

.categoryName:hover,
.questionName:hover {
    color: #0087C7;
    cursor: pointer;
}

.arrowBigRight:hover:before {
    border-left: 8px solid #0087C7;
    cursor: pointer;
}

.arrowBigDown:hover:before {
    border-top: 8px solid #0087C7;
    cursor: pointer;
}

.arrowSmallRight:hover:before {
    border-left: 6px solid #0087C7;
    cursor: pointer;
}

.arrowSmallDown:hover:before {
    border-top: 6px solid #0087C7;
    cursor: pointer;
}

.questionName {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.2em;
}

.sAnswers>li {
    padding: 3px 0;
}

.dsSplashBackground .sAnswers {
    color: #333;
    background-color: #FFF;
    margin: 10px 10% 10px 3%;
    list-style: disc inside;
    font-size: 0.9em;
    border: 1px solid;
    padding: 10px 4%;
    /*text-indent:-14px;*/
    width: 78%;
    line-height: 1.3em;
}

.dsSplashBackground .sQuestions,
.sAnswers {
    display: none;
}

.dsSplashBackground .sQuestion {
    margin: 0 5% 0 1%;
    font-size: 0.9em;
    padding: 5px 0;
    color: #005494;
    width: 88%;
}

.arrowBigRight:before {
    border-left: 8px solid #005494;
    border-bottom: 8px solid #FAFAFA;
    border-top: 8px solid #FAFAFA;
    border-right: 8px solid #FAFAFA;
    content: "";
    position: absolute;
    top: 12px;
    left: -17px;
    font-size: 0;
}

.arrowBigDown:before {
    border-left: 8px solid #FAFAFA;
    border-bottom: 8px solid #FAFAFA;
    border-top: 8px solid #005494;
    border-right: 8px solid #FAFAFA;
    content: "";
    position: absolute;
    top: 17px;
    left: -22px;
    font-size: 0;
}

.arrowSmallRight:before {
    border-left: 6px solid #005494;
    border-bottom: 6px solid #FAFAFA;
    border-top: 6px solid #FAFAFA;
    border-right: 6px solid #FAFAFA;
    content: "";
    position: absolute;
    top: 9px;
    left: -13px;
    font-size: 0;
}

.arrowSmallDown:before {
    border-left: 6px solid #FAFAFA;
    border-bottom: 6px solid #FAFAFA;
    border-top: 6px solid #005494;
    border-right: 6px solid #FAFAFA;
    content: "";
    position: absolute;
    top: 11px;
    left: -17px;
    font-size: 0;
}

/*6F7277*/
.cwSubAnswers {
    margin: 0 0 0 5%;
}

@media screen and (max-width: 700px) and (orientation: portrait) {
    #supportQuestions {
        padding: 0 10%;
    }

    .sQuestion {
        margin: 0;
        width: 100%;
    }

    .sAnswers {
        margin: 10px 0 10px 2%;
        width: 92%;
    }
}


@media screen and (max-width: 900px) {
    .FAQColumn .questionCategory {
        width: 16%;
    }
}

@media screen and (max-width: 800px) {
    h2 {
        font-size: 1.8em;
    }

    .FAQColumn .questionCategory {
        width: 18%;
    }

    #frmSupportContacted {
        margin: 0 3% 0 7%;
    }

    #cwSupportQuestions {
        background-size: 20% auto;
    }
}

@media screen and (max-width: 600px) {
    .cwContentBoxTitle {
        width: 75%;
        font-size: 1.6em;
    }

    .cwContentBoxTitleContactLeft {
        width: 90%;
    }

    .supportContentBox {
        padding: 0 0 0 5%;
    }

    #supportWarranty {
        padding: 0 5%;
    }

    .cwSubAnswers li {
        text-indent: 0%;
    }
}

@media screen and (max-width: 480px) {
    h2 {
        font-size: 1.6em;
    }

    .FAQColumn .questionCategory {
        padding: 0 0 0 1.4%;
        width: 31%;
    }

    .supportSection {
        position: static;
    }
}

@media screen and (max-width: 320px) {
    .supportContentBox span {
        margin: 0 0 10px -4%;
    }

    #supportQuestions {
        margin: 0 3%;
    }
}


.cwTopicBox {
    padding: 2em 0 0 0;
    max-width: 1200px;
}

.cwTopicBox p.contactEmailLink {
    font-size: 1.4em;
}


/*---END------------------------------- Support -------------------------END---*/


/* splash page */



main .dsSplashBackground {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.dsSplashBackground ul,
.dsSplashBackground ol,
.dsSplashBackground p {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dsSplashList {
    top: 0;
    left: 0;
    margin: -4px 0 6px 0;
    -webkit-text-size-adjust: 100%;
    margin: 0;
}

/*.dsSplashList:before { content: ''; height: 43px; display: block; }*/
picture img {
    width: 100%;
}

.dsSplashList picture img {
    width: 100%;
    border: none;
}

.dsSplashList>li {
    position: relative;
    line-height: 0;
    margin: 0 0 -1px 0;
}

.dsSplashList h3 {
    font-size: 7em;
    position: absolute;
    color: #000;
    font-weight: 300;
    font-size: 3.5vw;
    line-height: 1em;
    margin: 0;
}

.dsSplashList .mainSection h3 {
    font-size: 5vw;
}

.dsSplashList #splashintro h3 {
    font-size: 5vw;
    left: 59.2vw;
}

.dsSplashList .mainSection {
    margin: 2.5vw 0 0 0;
}

.dsSplashList .mainSection:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background-color: #888;
    height: 2.5vw;
    margin: -2.5vw 0 0 0;
}

.dsSplashList p {
    font-size: 2em;
    position: absolute;
    color: #000;
    text-indent: 0;
    font-size: 1vw;
    line-height: 1.4em;
    /*text-indent: 2vw;*/
}

.dsSplashList>li ul {
    font-size: 2em;
    position: absolute;
    color: #000;
    text-indent: 0;
    font-size: 1vw;
    line-height: 1em;
}

.dsSplashList .whiteText h3 {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.dsSplashList .whiteText p {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.dsSplashList>li ul {
    color: #EEE;
}

.dsSplashList .splashSection-left h3 {
    top: 60%;
    right: 55%;
    left: 5%;
}

.dsSplashList .splashSection-center h3 {}

.dsSplashList .splashSection-right h3 {
    top: 60%;
    right: 5%;
    left: 55%;
}

.dsSplashList .splashSection-rightTop h3 {
    top: 2.6vw;
    right: 6vw;
    left: 50vw;
    /*text-align: right;*/
}

.dsSplashList .splashNamecolorware-skins h3 {
    text-align: right;
}

.dsSplashList .splashSection-leftTop h3 {
    top: 2.5vw;
    left: 4.8vw;
    right: 0;
}

.dsSplashList .splashSection-rightBottom h3 {
    top: auto;
    bottom: 9vw;
    right: 5vw;
    left: 68vw;
}

.dsSplashList .splashSection-rightBottomWide h3 {
    top: auto;
    bottom: 7vw;
    right: 5vw;
    left: 60vw;
}

.dsSplashList .splashSection-leftBottom h3 {
    top: 30.5vw;
    bottom: auto;
    left: 5vw;
    right: 0;
}

.dsSplashList .splashSection-left p {
    top: 71%;
    right: 55%;
    left: 5%;
}

.dsSplashList .splashSection-center p {
    top: 32%;
    right: 20%;
    left: 20%;
}

.dsSplashList .splashSection-centerShip p {
    top: 7.2vw;
    right: 30vw;
    left: 0;
    text-align: right;
    font-size: 2vw;
}

.dsSplashList .splashSection-centerEngraving p {
    top: 8.7vw;
    right: 0;
    left: 13.8vw;
    font-size: 2vw;
}

.engravingImageSpace {
    display: inline-block;
    width: 37vw;
}

.dsSplashList .splashSection-right p {
    top: 71%;
    right: 5%;
    left: 55%;
}

.dsSplashList .splashSection-rightTop p {
    top: 7vw;
    right: 6vw;
    left: 50vw;
    /*text-align: right;*/
}

.dsSplashList .splashNameintro p {
    top: 9vw;
    left: 59.5vw;
}

.dsSplashList .splashSection-rightTop ul {
    top: 8.5vw;
    right: 6vw;
    left: 75vw;
    font-size: 1.5vw;
    line-height: 1.3em;
    text-align: right;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.dsSplashList .splashSection-rightTop .discountNote {
    text-align: center;
    white-space: nowrap;
    margin: -0.8vw 4.8vw 1vw -23.6vw;
    color: rgba(187, 0, 0, 1);
}

.dsSplashList .splashSection-leftTop p {
    top: 7vw;
    left: 4.8vw;
    right: 63vw;
}

.dsSplashList .splashSection-leftTop span:after {
    content: '';
    display: block;
}


.dsSplashList .splashSection-leftTop ul {
    color: #000;
    top: 11vw;
    left: 6.8vw;
    font-size: 1vw;
}

.dsSplashList .splashSection-leftTop ul li {
    list-style: disc;
    padding: 0 0 0 0;
    text-indent: -0.25em;
    line-height: 1.3em;
}

.dsSplashList .splashSection-leftTop span:after {
    content: '';
    display: block;
}



.dsSplashList .splashSection-rightBottom p {
    top: auto;
    bottom: 2.5vw;
    right: 5vw;
    left: 68vw;
}

.dsSplashList .splashSection-rightBottomWide p {
    top: auto;
    bottom: 2.5vw;
    right: 5vw;
    left: 60vw;
}

.dsSplashList .splashSection-leftBottom p {
    top: 35vw;
    bottom: auto;
    left: 5vw;
    right: 57vw;
}

.dsSplashList .splashSection-rightBottom span:after {
    content: '';
    display: block;
}

.dsSplashList .splashSection-leftBottom span:after {
    content: '';
    display: block;
}


.dsSplashList .splashSection-centerShip .skinShipLine2 {
    top: 14.25vw;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 1.5vw;
    color: #111;
    text-shadow: none;
}

.dsSplashList .splashSection-centerShip .skinShipLine3 {
    top: 16.5vw;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 1vw;
    color: #111;
    text-shadow: none;
}

.dsSplashList .splashSection-centerNav {

    background-color: #313131;
    height: 2.5vw;
    text-align: center;
    position: fixed;
    top: 74px;
    z-index: 50;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.dsSplashList .splashSection-centerNav ul {
    position: relative;
    top: 0.7vw;
}

.dsSplashList .splashSection-centerNav li {
    display: inline-block;
    padding: 0 1.5vw;
    text-indent: 0;
}

.dsSplashList .splashSection-centerNav a {
    display: block;
    padding: 0 1.5vw;
}

.dsSplashList .splashSection-centerNav img {
    display: none;
}



.dsSplashList .splashSection-centerContact {
    height: auto;
    text-align: center;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 0.75vw 0;
}

.dsSplashList .splashSection-centerContact p {
    font-size: 1.5vw;
    position: static;
}

.dsSplashList .splashSection-centerContact picture {
    display: none;
}

#splashcolorware-skins a:link,
#splashcolorware-skins a:visited,
#splashnavigation a:link,
#splashnavigation a:visited {
    color: #EEE;
    padding: 0;
}

#splashcolorware-skins a:hover,
#splashcolorware-skins a:active,
#splashnavigation a:hover,
#splashnavigation a:active {
    color: #0087C7;
    cursor: pointer;
}

.dsSplashList a:link,
.dsSplashList a:visited {
    color: #0076B6;
    padding: 0 0 0 15px;
}

.dsSplashList a:hover,
.dsSplashList a:active {
    color: #0087C7;
    cursor: pointer;
}

.dsSplashList .splashNameintro a:link,
.dsSplashList .splashNameintro a:visited {
    padding: 0;
}

.dsSplashList .splashSection-centerContact a:link,
.dsSplashList .splashSection-centerContact a:visited {
    padding: 0 0 0 2vw;
}

.dsSplashList a.skinTextButton:link,
.dsSplashList a.skinTextButton:visited {
    color: #EEEEEE;
    padding: 0.1em 1em;
    font-size: 0.6em;
    border: solid 0.075vw #0087C7;
    display: inline-block;
    line-height: 1.6em;
    position: relative;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.dsSplashList a.skinTextButton:hover,
.dsSplashList a.skinTextButton:active {
    color: #FFFFFF;
    cursor: pointer;
}

.splashGalleryWrapper {
    /*background-color: #000;*/
    width: 100%;
    margin: -6px 0 0 0;
    width: 100vw;
    margin: 0 0 0 0;
    padding: 25vw 0 8vw 0;
}

.splashGalleryBox {
    max-width: 2000px;
    width: 100%;
    margin: 0 auto;
}

.defaultSlider {
    margin: 0 auto;
}

.splashGalleryWrapper #sliderHolder .slideHolder {
    display: block;
    white-space: normal;
    width: 100%;
    margin: 10px 0 30px 0;
    background: #000;
}

.splashGalleryWrapper #defaultSlider ul {
    width: 100%;
}

.splashGalleryWrapper #defaultSlider .slideHolder ul {
    position: relative;
    width: auto;
    min-height: 36px;
    padding: 3px 0 3px 0;
}

.splashGalleryWrapper .slideHolder ul li {
    width: auto;
    display: inline-block;
    padding: 0 60px 0 40px;
    font-size: 12px;
    color: #CCCCCC;
    top: 8px;
    text-align: left;
    left: 0;
}

.splashGalleryWrapper .slideHolder ul li.mediaLoadDesign {
    position: absolute;
    width: 30px;
    padding: 0 0 0 0;
    left: 3px;
    right: auto;
    font-size: 10px;
}

.splashGalleryWrapper .slideHolder ul .mediaTwitterShare {
    position: absolute;
    width: 30px;
    padding: 0 0 0 0;
    left: auto;
    right: 36px;
    font-size: 0;
}

.splashGalleryWrapper .slideHolder ul .mediaFacebookShare {
    position: absolute;
    width: 30px;
    padding: 0 0 0 0;
    left: auto;
    right: 3px;
    font-size: 0;
}

.splashGalleryWrapper .slideHolder ul .mediaImageDetails li {
    padding: 0;
    width: auto;
    display: block;
}

.splashGalleryWrapper #defaultSlider {
    width: 100%
}


.splashGalleryWrapperSlider {
    background-color: #000;
    width: 100%;
    margin: -2.5em 0 0 0;
    margin: 0;
}

.splashGalleryWrapperSlider #defaultSlider {
    width: 100%
}

.dsSplashList .video1000 p {
    position: static;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d8d8d8+40,d8d8d8+60,ffffff+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(216, 216, 216, 1) 40%, rgba(216, 216, 216, 1) 60%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(216, 216, 216, 1) 40%, rgba(216, 216, 216, 1) 60%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(216, 216, 216, 1) 40%, rgba(216, 216, 216, 1) 60%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.dsSplashList .up5 h3 {
    margin-top: -5%;
}

.dsSplashList .up5 p {
    margin-top: -5%;
}

.dsSplashList .down5 h3 {
    margin-top: 5%;
}

.dsSplashList .down5 p {
    margin-top: 5%;
}

@media screen and (orientation: portrait) {
    .dsSplashList {
        margin: 69px 0 -80px 0;
        margin: 0;
    }

    .dsSplashList:before {
        height: 9px;
    }

    .dsSplashList h3 {
        font-size: 7vw;
    }

    .dsSplashList #splashintro h3 {
        font-size: 9vw;
        left: 4.8vw;
        top: 3.5vw;
    }

    .dsSplashList p {
        font-size: 2.7vw;
        /*text-indent: 4vw;*/
    }

    .dsSplashList .mainSection h3 {
        font-size: 10vw;
    }


    .dsSplashList a.skinTextButton:link,
    .dsSplashList a.skinTextButton:visited {
        font-size: 1em;
        top: 0.3em;
    }

    .dsSplashList>li ul {
        font-size: 3.6vw;
    }

    .dsSplashList .mainSection {
        margin: 8vw 0 0 0;
    }

    .dsSplashList .mainSection:before {
        height: 8vw;
        margin: -8vw 0 0 0;
    }

    .dsSplashList .splashSection-centerNav {
        height: 8vw;
    }

    .dsSplashList .splashSection-centerNav ul {
        top: 2.25vw;
    }


    .dsSplashList .splashSection-rightTop h3 {
        top: 4vw;
        right: 6vw;
        left: 4.8vw;
        right: 6vw;
    }

    .dsSplashList .splashSection-rightTop p {
        top: 13vw;
        right: 6vw;
        left: 4.8vw;
    }

    .dsSplashList #splashintro p {
        top: 14vw;
        left: 4.8vw;
    }

    .dsSplashList .splashSection-rightTop ul {
        top: 17vw;
        right: 6vw;
        left: 63vw;
        font-size: 4.5vw;
    }

    .dsSplashList .splashSection-leftTop h3 {
        top: 5vw;
        left: 4.8vw;
        right: 0;
    }

    .dsSplashList .splashSection-leftTop p {
        top: 14vw;
        left: 4.8vw;
        right: 17vw;
    }

    .dsSplashList .splashNamepromotional-skins p {
        right: 27vw;
    }

    .dsSplashList .splashSection-leftTop ul {
        color: #000;
        top: 27vw;
        left: 10vw;
        font-size: 2.5vw;
    }

    .dsSplashList .splashSection-leftTop ul li {
        list-style: disc;
        padding: 0;
        margin: 0;
        text-indent: -0.5em;
        padding: 0 0 0 0.5em;
        font-size: 0.8em;
    }

    .dsSplashList .splashSection-leftBottom h3 {
        top: 52vw;
    }

    .dsSplashList .splashNamemore-coverage h3 {
        top: 55vw;
    }

    .dsSplashList .splashSection-leftBottom p {
        right: 16vw;
        top: 62vw;
    }

    .dsSplashList .splashNamemore-coverage p {
        right: 45vw;
        top: 63vw;
    }

    .dsSplashList .splashSection-centerContact p {
        font-size: 3vw;
        position: static;
    }

    .dsSplashList .splashSection-rightBottom h3 {
        bottom: 26vw;
        left: 48vw;
    }

    .dsSplashList .splashSection-rightBottom p {
        bottom: 5vw;
        left: 48vw;
    }

    .dsSplashList .splashSection-rightBottomWide h3 {
        bottom: 19vw;
        left: 20vw;
    }

    .dsSplashList .splashSection-rightBottomWide p {
        left: 20vw;
    }

    .dsSplashList .splashSection-centerEngraving p {
        top: 53.1vw;
    }

    .dsSplashList .splashSection-centerShip p {
        top: 3.2vw;
        right: 23.5vw;
        left: 23.5vw;
        text-align: center;
        font-size: 3vw;
    }

    .dsSplashList .splashSection-centerShip .skinShipLine2 {
        top: 34.25vw;
        font-size: 2.5vw;
    }

    .dsSplashList .splashSection-centerShip .skinShipLine3 {
        top: 38.5vw;
        font-size: 2vw;
    }

    .DSInSplashView main {
        padding: 0;
        margin-top: -4px;
    }


    .splashGalleryWrapperSlider {
        margin: 0 0 0 0;
    }

}

@media screen and (max-width: 1100px) and (orientation: landscape) {

    .DSInSplashView main {
        padding: 0;
    }

    .DSInSplashView .dsSplashList {
        margin: 2.7em 0 0 0;
    }
}

.pdInfo .dsSplashList:before {
    height: 0;
}

.pdInfo .blueAction {
    width: 80vw;
    margin: 10vw auto 10vw;
    padding: 0 0 0.1em 0;
    max-width: 300px;
    display: block;
}

@media screen and (max-width: 690px) {
    /*.dsSplashList { margin-top:0; }*/
}

/* splash page */



/* CW Colors */
.flagSprite {
    background: url('//www.colorware.com/cdn/shop/t/8/assets/sprite.png?v=133723822802377290291776118050') no-repeat top left;
    width: 16px;
    height: 11px;
    display: inline-block;
    margin: 0 5px 0 0;
}

.flagSprite.adflag {
    background-position: 0 0;
}

.flagSprite.aeflag {
    background-position: 0 -21px;
}

.flagSprite.afflag {
    background-position: 0 -42px;
}

.flagSprite.agflag {
    background-position: 0 -63px;
}

.flagSprite.aiflag {
    background-position: 0 -84px;
}

.flagSprite.alflag {
    background-position: 0 -105px;
}

.flagSprite.amflag {
    background-position: 0 -126px;
}

.flagSprite.anflag {
    background-position: 0 -147px;
}

.flagSprite.aoflag {
    background-position: 0 -168px;
}

.flagSprite.arflag {
    background-position: 0 -189px;
}

.flagSprite.asflag {
    background-position: 0 -210px;
}

.flagSprite.atflag {
    background-position: 0 -231px;
}

.flagSprite.auflag {
    background-position: 0 -252px;
}

.flagSprite.awflag {
    background-position: 0 -273px;
}

.flagSprite.axflag {
    background-position: 0 -294px;
}

.flagSprite.azflag {
    background-position: 0 -315px;
}

.flagSprite.baflag {
    background-position: 0 -336px;
}

.flagSprite.bbflag {
    background-position: 0 -357px;
}

.flagSprite.bdflag {
    background-position: 0 -378px;
}

.flagSprite.beflag {
    background-position: 0 -399px;
}

.flagSprite.bfflag {
    background-position: 0 -420px;
}

.flagSprite.bgflag {
    background-position: 0 -441px;
}

.flagSprite.bhflag {
    background-position: 0 -462px;
}

.flagSprite.biflag {
    background-position: 0 -483px;
}

.flagSprite.bjflag {
    background-position: 0 -504px;
}

.flagSprite.bmflag {
    background-position: 0 -525px;
}

.flagSprite.bnflag {
    background-position: 0 -546px;
}

.flagSprite.boflag {
    background-position: 0 -567px;
}

.flagSprite.bqflag {
    background-position: 0 -588px;
}

.flagSprite.brflag {
    background-position: 0 -609px;
}

.flagSprite.bsflag {
    background-position: 0 -630px;
}

.flagSprite.btflag {
    background-position: 0 -651px;
}

.flagSprite.bvflag {
    background-position: 0 -672px;
}

.flagSprite.bwflag {
    background-position: 0 -693px;
}

.flagSprite.byflag {
    background-position: 0 -714px;
}

.flagSprite.bzflag {
    background-position: 0 -735px;
}

.flagSprite.caflag {
    background-position: 0 -756px;
}

.flagSprite.ccflag {
    background-position: 0 -777px;
}

.flagSprite.cdflag {
    background-position: 0 -798px;
}

.flagSprite.cfflag {
    background-position: 0 -819px;
}

.flagSprite.cgflag {
    background-position: 0 -840px;
}

.flagSprite.chflag {
    background-position: 0 -861px;
}

.flagSprite.ciflag {
    background-position: 0 -882px;
}

.flagSprite.ckflag {
    background-position: 0 -903px;
}

.flagSprite.clflag {
    background-position: 0 -924px;
}

.flagSprite.cmflag {
    background-position: 0 -945px;
}

.flagSprite.cnflag {
    background-position: 0 -966px;
}

.flagSprite.coflag {
    background-position: 0 -987px;
}

.flagSprite.crflag {
    background-position: 0 -1008px;
}

.flagSprite.csflag {
    background-position: 0 -1029px;
}

.flagSprite.cuflag {
    background-position: 0 -1050px;
}

.flagSprite.cvflag {
    background-position: 0 -1071px;
}

.flagSprite.cwflag {
    background-position: 0 -1092px;
}

.flagSprite.cxflag {
    background-position: 0 -1113px;
}

.flagSprite.cyflag {
    background-position: 0 -1134px;
}

.flagSprite.czflag {
    background-position: 0 -1155px;
}

.flagSprite.deflag {
    background-position: 0 -1176px;
}

.flagSprite.djflag {
    background-position: 0 -1197px;
}

.flagSprite.dkflag {
    background-position: 0 -1218px;
}

.flagSprite.dmflag {
    background-position: 0 -1239px;
}

.flagSprite.doflag {
    background-position: 0 -1260px;
}

.flagSprite.dzflag {
    background-position: 0 -1281px;
}

.flagSprite.ecflag {
    background-position: 0 -1302px;
}

.flagSprite.eeflag {
    background-position: 0 -1323px;
}

.flagSprite.egflag {
    background-position: 0 -1344px;
}

.flagSprite.ehflag {
    background-position: 0 -1365px;
}

.flagSprite.erflag {
    background-position: 0 -1386px;
}

.flagSprite.esflag {
    background-position: 0 -1407px;
}

.flagSprite.etflag {
    background-position: 0 -1428px;
}

.flagSprite.fiflag {
    background-position: 0 -1449px;
}

.flagSprite.fjflag {
    background-position: 0 -1470px;
}

.flagSprite.fkflag {
    background-position: 0 -1491px;
}

.flagSprite.fmflag {
    background-position: 0 -1512px;
}

.flagSprite.foflag {
    background-position: 0 -1533px;
}

.flagSprite.frflag {
    background-position: 0 -1554px;
}

.flagSprite.gaflag {
    background-position: 0 -1575px;
}

.flagSprite.gbflag {
    background-position: 0 -1596px;
}

.flagSprite.gdflag {
    background-position: 0 -1617px;
}

.flagSprite.geflag {
    background-position: 0 -1638px;
}

.flagSprite.gfflag {
    background-position: 0 -1659px;
}

.flagSprite.ghflag {
    background-position: 0 -1680px;
}

.flagSprite.giflag {
    background-position: 0 -1701px;
}

.flagSprite.glflag {
    background-position: 0 -1722px;
}

.flagSprite.gmflag {
    background-position: 0 -1743px;
}

.flagSprite.gnflag {
    background-position: 0 -1764px;
}

.flagSprite.gpflag {
    background-position: 0 -1785px;
}

.flagSprite.gqflag {
    background-position: 0 -1806px;
}

.flagSprite.grflag {
    background-position: 0 -1827px;
}

.flagSprite.gsflag {
    background-position: 0 -1848px;
}

.flagSprite.gtflag {
    background-position: 0 -1869px;
}

.flagSprite.guflag {
    background-position: 0 -1890px;
}

.flagSprite.gwflag {
    background-position: 0 -1911px;
}

.flagSprite.gyflag {
    background-position: 0 -1932px;
}

.flagSprite.hkflag {
    background-position: 0 -1953px;
}

.flagSprite.hmflag {
    background-position: 0 -1974px;
}

.flagSprite.hnflag {
    background-position: 0 -1995px;
}

.flagSprite.hrflag {
    background-position: 0 -2016px;
}

.flagSprite.htflag {
    background-position: 0 -2037px;
}

.flagSprite.huflag {
    background-position: 0 -2058px;
}

.flagSprite.idflag {
    background-position: 0 -2079px;
}

.flagSprite.ieflag {
    background-position: 0 -2100px;
}

.flagSprite.ilflag {
    background-position: 0 -2121px;
}

.flagSprite.inflag {
    background-position: 0 -2142px;
}

.flagSprite.ioflag {
    background-position: 0 -2163px;
}

.flagSprite.iqflag {
    background-position: 0 -2184px;
}

.flagSprite.irflag {
    background-position: 0 -2205px;
}

.flagSprite.isflag {
    background-position: 0 -2226px;
}

.flagSprite.itflag {
    background-position: 0 -2247px;
}

.flagSprite.jmflag {
    background-position: 0 -2268px;
}

.flagSprite.joflag {
    background-position: 0 -2289px;
}

.flagSprite.jpflag {
    background-position: 0 -2310px;
}

.flagSprite.keflag {
    background-position: 0 -2331px;
}

.flagSprite.kgflag {
    background-position: 0 -2352px;
}

.flagSprite.khflag {
    background-position: 0 -2373px;
}

.flagSprite.kiflag {
    background-position: 0 -2394px;
}

.flagSprite.kmflag {
    background-position: 0 -2415px;
}

.flagSprite.knflag {
    background-position: 0 -2436px;
}

.flagSprite.kpflag {
    background-position: 0 -2457px;
}

.flagSprite.krflag {
    background-position: 0 -2478px;
}

.flagSprite.kwflag {
    background-position: 0 -2499px;
}

.flagSprite.kyflag {
    background-position: 0 -2520px;
}

.flagSprite.kzflag {
    background-position: 0 -2541px;
}

.flagSprite.laflag {
    background-position: 0 -2562px;
}

.flagSprite.lbflag {
    background-position: 0 -2583px;
}

.flagSprite.lcflag {
    background-position: 0 -2604px;
}

.flagSprite.liflag {
    background-position: 0 -2625px;
}

.flagSprite.lkflag {
    background-position: 0 -2646px;
}

.flagSprite.lrflag {
    background-position: 0 -2667px;
}

.flagSprite.lsflag {
    background-position: 0 -2688px;
}

.flagSprite.ltflag {
    background-position: 0 -2709px;
}

.flagSprite.luflag {
    background-position: 0 -2730px;
}

.flagSprite.lvflag {
    background-position: 0 -2751px;
}

.flagSprite.lyflag {
    background-position: 0 -2772px;
}

.flagSprite.maflag {
    background-position: 0 -2793px;
}

.flagSprite.mcflag {
    background-position: 0 -2814px;
}

.flagSprite.mdflag {
    background-position: 0 -2835px;
}

.flagSprite.meflag {
    background-position: 0 -2856px;
}

.flagSprite.mfflag {
    background-position: 0 -2877px;
}

.flagSprite.mgflag {
    background-position: 0 -2898px;
}

.flagSprite.mhflag {
    background-position: 0 -2919px;
}

.flagSprite.mkflag {
    background-position: 0 -2940px;
}

.flagSprite.mlflag {
    background-position: 0 -2961px;
}

.flagSprite.mmflag {
    background-position: 0 -2982px;
}

.flagSprite.mnflag {
    background-position: 0 -3003px;
}

.flagSprite.moflag {
    background-position: 0 -3024px;
}

.flagSprite.mpflag {
    background-position: 0 -3045px;
}

.flagSprite.mqflag {
    background-position: 0 -3066px;
}

.flagSprite.mrflag {
    background-position: 0 -3087px;
}

.flagSprite.msflag {
    background-position: 0 -3108px;
}

.flagSprite.mtflag {
    background-position: 0 -3129px;
}

.flagSprite.muflag {
    background-position: 0 -3150px;
}

.flagSprite.mvflag {
    background-position: 0 -3171px;
}

.flagSprite.mwflag {
    background-position: 0 -3192px;
}

.flagSprite.mxflag {
    background-position: 0 -3213px;
}

.flagSprite.myflag {
    background-position: 0 -3234px;
}

.flagSprite.mzflag {
    background-position: 0 -3255px;
}

.flagSprite.naflag {
    background-position: 0 -3276px;
}

.flagSprite.ncflag {
    background-position: 0 -3297px;
}

.flagSprite.neflag {
    background-position: 0 -3318px;
}

.flagSprite.nfflag {
    background-position: 0 -3339px;
}

.flagSprite.ngflag {
    background-position: 0 -3360px;
}

.flagSprite.niflag {
    background-position: 0 -3381px;
}

.flagSprite.nlflag {
    background-position: 0 -3402px;
}

.flagSprite.noflag {
    background-position: 0 -3423px;
}

.flagSprite.npflag {
    background-position: 0 -3444px;
}

.flagSprite.nrflag {
    background-position: 0 -3465px;
}

.flagSprite.nuflag {
    background-position: 0 -3486px;
}

.flagSprite.nzflag {
    background-position: 0 -3507px;
}

.flagSprite.omflag {
    background-position: 0 -3528px;
}

.flagSprite.paflag {
    background-position: 0 -3549px;
}

.flagSprite.peflag {
    background-position: 0 -3570px;
}

.flagSprite.pfflag {
    background-position: 0 -3591px;
}

.flagSprite.pgflag {
    background-position: 0 -3612px;
}

.flagSprite.phflag {
    background-position: 0 -3633px;
}

.flagSprite.pkflag {
    background-position: 0 -3654px;
}

.flagSprite.plflag {
    background-position: 0 -3675px;
}

.flagSprite.pmflag {
    background-position: 0 -3696px;
}

.flagSprite.pnflag {
    background-position: 0 -3717px;
}

.flagSprite.prflag {
    background-position: 0 -3738px;
}

.flagSprite.psflag {
    background-position: 0 -3759px;
}

.flagSprite.ptflag {
    background-position: 0 -3780px;
}

.flagSprite.pwflag {
    background-position: 0 -3801px;
}

.flagSprite.pyflag {
    background-position: 0 -3822px;
}

.flagSprite.qaflag {
    background-position: 0 -3843px;
}

.flagSprite.reflag {
    background-position: 0 -3864px;
}

.flagSprite.roflag {
    background-position: 0 -3885px;
}

.flagSprite.rsflag {
    background-position: 0 -3906px;
}

.flagSprite.ruflag {
    background-position: 0 -3927px;
}

.flagSprite.rwflag {
    background-position: 0 -3948px;
}

.flagSprite.saflag {
    background-position: 0 -3969px;
}

.flagSprite.sbflag {
    background-position: 0 -3990px;
}

.flagSprite.scflag {
    background-position: 0 -4011px;
}

.flagSprite.sdflag {
    background-position: 0 -4032px;
}

.flagSprite.seflag {
    background-position: 0 -4053px;
}

.flagSprite.sgflag {
    background-position: 0 -4074px;
}

.flagSprite.shflag {
    background-position: 0 -4095px;
}

.flagSprite.siflag {
    background-position: 0 -4116px;
}

.flagSprite.sjflag {
    background-position: 0 -4137px;
}

.flagSprite.skflag {
    background-position: 0 -4158px;
}

.flagSprite.slflag {
    background-position: 0 -4179px;
}

.flagSprite.smflag {
    background-position: 0 -4200px;
}

.flagSprite.snflag {
    background-position: 0 -4221px;
}

.flagSprite.soflag {
    background-position: 0 -4242px;
}

.flagSprite.srflag {
    background-position: 0 -4263px;
}

.flagSprite.stflag {
    background-position: 0 -4284px;
}

.flagSprite.svflag {
    background-position: 0 -4305px;
}

.flagSprite.sxflag {
    background-position: 0 -4326px;
}

.flagSprite.syflag {
    background-position: 0 -4347px;
}

.flagSprite.szflag {
    background-position: 0 -4368px;
}

.flagSprite.tcflag {
    background-position: 0 -4389px;
}

.flagSprite.tdflag {
    background-position: 0 -4410px;
}

.flagSprite.tfflag {
    background-position: 0 -4431px;
}

.flagSprite.tgflag {
    background-position: 0 -4452px;
}

.flagSprite.thflag {
    background-position: 0 -4473px;
}

.flagSprite.tjflag {
    background-position: 0 -4494px;
}

.flagSprite.tkflag {
    background-position: 0 -4515px;
}

.flagSprite.tlflag {
    background-position: 0 -4536px;
}

.flagSprite.tmflag {
    background-position: 0 -4557px;
}

.flagSprite.tnflag {
    background-position: 0 -4578px;
}

.flagSprite.toflag {
    background-position: 0 -4599px;
}

.flagSprite.trflag {
    background-position: 0 -4620px;
}

.flagSprite.ttflag {
    background-position: 0 -4641px;
}

.flagSprite.tvflag {
    background-position: 0 -4662px;
}

.flagSprite.twflag {
    background-position: 0 -4683px;
}

.flagSprite.tzflag {
    background-position: 0 -4704px;
}

.flagSprite.uaflag {
    background-position: 0 -4725px;
}

.flagSprite.ugflag {
    background-position: 0 -4746px;
}

.flagSprite.ukflag {
    background-position: 0 -4767px;
}

.flagSprite.umflag {
    background-position: 0 -4788px;
}

.flagSprite.usflag {
    background-position: 0 -4809px;
}

.flagSprite.uyflag {
    background-position: 0 -4830px;
}

.flagSprite.uzflag {
    background-position: 0 -4851px;
}

.flagSprite.vaflag {
    background-position: 0 -4872px;
}

.flagSprite.vcflag {
    background-position: 0 -4893px;
}

.flagSprite.veflag {
    background-position: 0 -4914px;
}

.flagSprite.vgflag {
    background-position: 0 -4935px;
}

.flagSprite.viflag {
    background-position: 0 -4956px;
}

.flagSprite.vnflag {
    background-position: 0 -4977px;
}

.flagSprite.vuflag {
    background-position: 0 -4998px;
}

.flagSprite.wfflag {
    background-position: 0 -5019px;
}

.flagSprite.wsflag {
    background-position: 0 -5040px;
}

.flagSprite.yeflag {
    background-position: 0 -5061px;
}

.flagSprite.ytflag {
    background-position: 0 -5082px;
}

.flagSprite.zaflag {
    background-position: 0 -5103px;
}

.flagSprite.zmflag {
    background-position: 0 -5124px;
}

.flagSprite.zwflag {
    background-position: 0 -5145px;
}

.colorferrari {
    background-color: #b80000;
}

.borderferrari {
    border-color: #b80000;
}

.textColorferrari {
    color: #b80000;
}

.colorcrush {
    background-color: #d64400;
}

.bordercrush {
    border-color: #d64400;
}

.textColorcrush {
    color: #d64400;
}

.colorcrush-gloss {
    background-color: #d64400;
}

.bordercrush-gloss {
    border-color: #d64400;
}

.textColorcrush-gloss {
    color: #d64400;
}

.colorcrush-matte {
    background-color: #d64400;
}

.bordercrush-matte {
    border-color: #d64400;
}

.textColorcrush-matte {
    color: #d64400;
}

.colorcaution {
    background-color: #f3c400;
}

.bordercaution {
    border-color: #f3c400;
}

.textColorcaution {
    color: #f3c400;
}

.colorcaution-gloss {
    background-color: #f3c400;
}

.bordercaution-gloss {
    border-color: #f3c400;
}

.textColorcaution-gloss {
    color: #f3c400;
}

.colorcaution-matte {
    background-color: #f3c400;
}

.bordercaution-matte {
    border-color: #f3c400;
}

.textColorcaution-matte {
    color: #f3c400;
}

.colorbilliard {
    background-color: #006100;
}

.borderbilliard {
    border-color: #006100;
}

.textColorbilliard {
    color: #006100;
}

.colorbilliard-gloss {
    background-color: #006100;
}

.borderbilliard-gloss {
    border-color: #006100;
}

.textColorbilliard-gloss {
    color: #006100;
}

.colorbilliard-matte {
    background-color: #006100;
}

.borderbilliard-matte {
    border-color: #006100;
}

.textColorbilliard-matte {
    color: #006100;
}

.colorjade {
    background-color: #187a59;
}

.borderjade {
    border-color: #187a59;
}

.textColorjade {
    color: #187a59;
}

.colorglacier {
    background-color: #2182a6;
}

.borderglacier {
    border-color: #2182a6;
}

.textColorglacier {
    color: #2182a6;
}

.colorcobalt {
    background-color: #1c4d8a;
}

.bordercobalt {
    border-color: #1c4d8a;
}

.textColorcobalt {
    color: #1c4d8a;
}

.colorabyss {
    background-color: #00013f;
}

.borderabyss {
    border-color: #00013f;
}

.textColorabyss {
    color: #00013f;
}

.colorabyss-matte {
    background-color: #00013f;
}

.borderabyss-matte {
    border-color: #00013f;
}

.textColorabyss-matte {
    color: #00013f;
}

.colorabyss-gloss {
    background-color: #00013f;
}

.borderabyss-gloss {
    border-color: #00013f;
}

.textColorabyss-gloss {
    color: #00013f;
}

.colorabyss {
    background-color: #101f4c;
}

.borderabyss {
    border-color: #101f4c;
}

.textColorabyss {
    color: #101f4c;
}

.colorconcord {
    background-color: #6b46ab;
}

.borderconcord {
    border-color: #6b46ab;
}

.textColorconcord {
    color: #6b46ab;
}

.colorconcord-gloss {
    background-color: #6b46ab;
}

.borderconcord-gloss {
    border-color: #6b46ab;
}

.textColorconcord-gloss {
    color: #6b46ab;
}

.colorconcord-matte {
    background-color: #6b46ab;
}

.borderconcord-matte {
    border-color: #6b46ab;
}

.textColorconcord-matte {
    color: #6b46ab;
}

.colorfusion {
    background-color: #b10753;
}

.borderfusion {
    border-color: #b10753;
}

.textColorfusion {
    color: #b10753;
}

.colorcotton_candy,
.colorcotton-candy {
    background-color: #fdbdd7;
}

.bordercotton_candy,
.bordercotton-candy {
    border-color: #fdbdd7;
}

.textColorcotton_candy,
.textColorcotton-candy {
    color: #fdbdd7;
}

.colorcotton_candy-gloss,
.colorcotton-candy-gloss {
    background-color: #fdbdd7;
}

.bordercotton_candy-gloss,
.bordercotton-candy-gloss {
    border-color: #fdbdd7;
}

.textColorcotton_candy-gloss,
.textColorcotton-candy-gloss {
    color: #fdbdd7;
}

.colorcotton_candy-matte,
.colorcotton-candy-matte {
    background-color: #fdbdd7;
}

.bordercotton_candy-matte,
.bordercotton-candy-matte {
    border-color: #fdbdd7;
}

.textColorcotton_candy-matte,
.textColorcotton-candy-matte {
    color: #fdbdd7;
}

.colorromance {
    background-color: #f6cee1;
}

.borderromance {
    border-color: #f6cee1;
}

.textColorromance {
    color: #f6cee1;
}

.colorwhite,
.colorsmoke_white,
.colorsmoke-white {
    background-color: #f0f1f2;
}

.borderwhite,
.bordersmoke_white,
.bordersmoke-white {
    border-color: #f0f1f2;
}

.textColorsmoke_white,
.textColorsmoke-white {
    color: #f0f1f2;
}

.colorwhite,
.colorsmoke_white_gloss,
.colorsmoke-white-gloss {
    background-color: #f0f1f2;
}

.borderwhite,
.bordersmoke_white_gloss,
.bordersmoke-white-gloss {
    border-color: #f0f1f2;
}

.textColorsmoke_white_gloss,
.textColorsmoke-white-gloss {
    color: #f0f1f2;
}

.colorwhite,
.colorsmoke_white_matte,
.colorsmoke-white-matte {
    background-color: #f0f1f2;
}

.borderwhite,
.bordersmoke_white_matte,
.bordersmoke-white-matte {
    border-color: #f0f1f2;
}

.textColorsmoke_white_matte,
.textColorsmoke-white-white {
    color: #f0f1f2;
}

.colorcoffee {
    background-color: #43342c;
}

.bordercoffee {
    border-color: #43342c;
}

.textColorcoffee {
    color: #43342c;
}

.colorblack,
.colorjet_black,
.colorjet-black {
    background-color: #070707;
}

.borderblack,
.borderjet_black,
.borderjet-black {
    border-color: #070707;
}

.textColorjet_black,
.textColorjet-black {
    color: #070707;
}

.colorblack,
.colorjet_black_gloss,
.colorjet-black-gloss {
    background-color: #070707;
}

.borderblack,
.borderjet_black_gloss,
.borderjet-black-gloss {
    border-color: #070707;
}

.textColorjet_black_gloss,
.textColorjet-black-gloss {
    color: #070707;
}

.colorblack,
.colorjet_black_matte,
.colorjet-black-matte {
    background-color: #070707;
}

.borderblack,
.borderjet_black_matte,
.borderjet-black-matte {
    border-color: #070707;
}

.textColorjet_black_matte,
.textColorjet-black-matte {
    color: #070707;
}

.colorclover {
    background-color: #15a135;
}

.borderclover {
    border-color: #15a135;
}

.textColorclover {
    color: #15a135;
}

.colorclover-gloss {
    background-color: #15a135;
}

.borderclover-gloss {
    border-color: #15a135;
}

.textColorclover-gloss {
    color: #15a135;
}

.colorclover-matte {
    background-color: #15a135;
}

.borderclover-matte {
    border-color: #15a135;
}

.textColorclover-matte {
    color: #15a135;
}

.colorflirt {
    background-color: #c64679;
}

.borderflirt {
    border-color: #c64679;
}

.textColorflirt {
    color: #c64679;
}

.colorflirt-gloss {
    background-color: #c64679;
}

.borderflirt-gloss {
    border-color: #c64679;
}

.textColorflirt-gloss {
    color: #c64679;
}

.colorflirt-matte {
    background-color: #c64679;
}

.borderflirt-matte {
    border-color: #c64679;
}

.textColorflirt-matte {
    color: #c64679;
}

.colorformula {
    background-color: #b80000;
}

.borderformula {
    border-color: #b80000;
}

.textColorformula {
    color: #b80000;
}

.colorformula-gloss {
    background-color: #b80000;
}

.borderformula-gloss {
    border-color: #b80000;
}

.textColorformula-gloss {
    color: #b80000;
}

.colorformula-matte {
    background-color: #b80000;
}

.borderformula-matte {
    border-color: #b80000;
}

.textColorformula-matte {
    color: #b80000;
}

.colorjester {
    background-color: #9c87cd;
}

.borderjester {
    border-color: #9c87cd;
}

.textColorjester {
    color: #9c87cd;
}

.colorlemonade {
    background-color: #f9d75b;
}

.borderlemonade {
    border-color: #f9d75b;
}

.textColorlemonade {
    color: #f9d75b;
}

.colorparadise {
    background-color: #006eac;
}

.borderparadise {
    border-color: #006eac;
}

.textColorparadise {
    color: #006eac;
}

.colorparadise-gloss {
    background-color: #006eac;
}

.borderparadise-gloss {
    border-color: #006eac;
}

.textColorparadise-gloss {
    color: #006eac;
}

.colorparadise-matte {
    background-color: #006eac;
}

.borderparadise-matte {
    border-color: #006eac;
}

.textColorparadise-matte {
    color: #006eac;
}

.colorpumpkin {
    background-color: #e76317;
}

.borderpumpkin {
    border-color: #e76317;
}

.textColorpumpkin {
    color: #e76317;
}

.colorsky {
    background-color: #559ad8;
}

.bordersky {
    border-color: #559ad8;
}

.textColorsky {
    color: #559ad8;
}

.colorsky-gloss {
    background-color: #559ad8;
}

.bordersky-gloss {
    border-color: #559ad8;
}

.textColorsky-gloss {
    color: #559ad8;
}

.colorsky-matte {
    background-color: #559ad8;
}

.bordersky-matte {
    border-color: #559ad8;
}

.textColorsky-matte {
    color: #559ad8;
}

.colorspicy {
    background-color: #cb3d40;
}

.borderspicy {
    border-color: #cb3d40;
}

.textColorspicy {
    color: #cb3d40;
}

.colorcandy_apple,
.colorcandy-apple {
    background-color: #7f0000;
}

.bordercandy_apple,
.bordercandy-apple {
    border-color: #7f0000;
}

.textColorcandy_apple,
.textColorcandy-apple {
    color: #7f0000;
}

.colorcandy_apple-gloss,
.colorcandy-apple-gloss {
    background-color: #7f0000;
}

.bordercandy_apple-gloss,
.bordercandy-apple-gloss {
    border-color: #7f0000;
}

.textColorcandy_apple-gloss,
.textColorcandy-apple-gloss {
    color: #7f0000;
}

.colorcandy_apple-matte,
.colorcandy-apple-matte {
    background-color: #7f0000;
}

.bordercandy_apple-matte,
.bordercandy-apple-matte {
    border-color: #7f0000;
}

.textColorcandy_apple-matte,
.textColorcandy-apple-matte {
    color: #7f0000;
}

.colorhybrid {
    background-color: #c54c1d;
}

.borderhybrid {
    border-color: #c54c1d;
}

.textColorhybrid {
    color: #c54c1d;
}

.colorblaze {
    background-color: #c26f11;
}

.borderblaze {
    border-color: #c26f11;
}

.textColorblaze {
    color: #c26f11;
}

.colorgoldrush {
    background-color: #dbcb7b;
}

.bordergoldrush {
    border-color: #dbcb7b;
}

.textColorgoldrush {
    color: #dbcb7b;
}

.colorgoldrush-gloss {
    background-color: #dbcb7b;
}

.bordergoldrush-gloss {
    border-color: #dbcb7b;
}

.textColorgoldrush-gloss {
    color: #dbcb7b;
}

.colorgoldrush-matte {
    background-color: #dbcb7b;
}

.bordergoldrush-matte {
    border-color: #dbcb7b;
}

.textColorgoldrush-matte {
    color: #dbcb7b;
}

.colorgoldrush {
    background-color: #c09b57;
}

.bordergoldrush {
    border-color: #c09b57;
}

.textColorgoldrush {
    color: #c09b57;
}

.colorlightning {
    background-color: #c2b753;
}

.borderlightning {
    border-color: #c2b753;
}

.textColorlightning {
    color: #c2b753;
}

.colorenvy {
    background-color: #7ba700;
}

.borderenvy {
    border-color: #7ba700;
}

.textColorenvy {
    color: #7ba700;
}

.coloralpine {
    background-color: #02502c;
}

.borderalpine {
    border-color: #02502c;
}

.textColoralpine {
    color: #02502c;
}

.colordragon {
    background-color: #122415;
}

.borderdragon {
    border-color: #122415;
}

.textColordragon {
    color: #122415;
}

.colordragon {
    background-color: #182805;
}

.borderdragon {
    border-color: #182805;
}

.textColordragon {
    color: #182805;
}

.colormidnight {
    background-color: #112175;
}

.bordermidnight {
    border-color: #112175;
}

.textColormidnight {
    color: #112175;
}

.colormidnight-gloss {
    background-color: #112175;
}

.bordermidnight-gloss {
    border-color: #112175;
}

.textColormidnight-gloss {
    color: #112175;
}

.colormidnight-matte {
    background-color: #112175;
}

.bordermidnight-matte {
    border-color: #112175;
}

.textColormidnight-matte {
    color: #112175;
}

.colortechno {
    background-color: #005dcb;
}

.bordertechno {
    border-color: #005dcb;
}

.textColortechno {
    color: #005dcb;
}

.colortechno-gloss {
    background-color: #005dcb;
}

.bordertechno-gloss {
    border-color: #005dcb;
}

.textColortechno-gloss {
    color: #005dcb;
}

.colortechno-matte {
    background-color: #005dcb;
}

.bordertechno-matte {
    border-color: #005dcb;
}

.textColortechno-matte {
    color: #005dcb;
}

.colorpowder {
    background-color: #646c94;
}

.borderpowder {
    border-color: #646c94;
}

.textColorpowder {
    color: #646c94;
}

.colorwet {
    background-color: #679bbc;
}

.borderwet {
    border-color: #679bbc;
}

.textColorwet {
    color: #679bbc;
}

.colorlilac {
    background-color: #a5a4bf;
}

.borderlilac {
    border-color: #a5a4bf;
}

.textColorlilac {
    color: #a5a4bf;
}

.colorblush {
    background-color: #be658c;
}

.borderblush {
    border-color: #be658c;
}

.textColorblush {
    color: #be658c;
}

.colorblush-gloss {
    background-color: #be658c;
}

.borderblush-gloss {
    border-color: #be658c;
}

.textColorblush-gloss {
    color: #be658c;
}

.colorblush-matte {
    background-color: #be658c;
}

.borderblush-matte {
    border-color: #be658c;
}

.textColorblush-matte {
    color: #be658c;
}

.colormystique {
    background-color: #5b2f90;
}

.bordermystique {
    border-color: #5b2f90;
}

.textColormystique {
    color: #5b2f90;
}

.colormystique-gloss {
    background-color: #5b2f90;
}

.bordermystique-gloss {
    border-color: #5b2f90;
}

.textColormystique-gloss {
    color: #5b2f90;
}

.colormystique-matte {
    background-color: #5b2f90;
}

.bordermystique-matte {
    border-color: #5b2f90;
}

.textColormystique-matte {
    color: #5b2f90;
}

.colorprowler {
    background-color: #340a20;
}

.borderprowler {
    border-color: #340a20;
}

.textColorprowler {
    color: #340a20;
}

.colorprowler {
    background-color: #310622;
}

.borderprowler {
    border-color: #310622;
}

.textColorprowler {
    color: #310622;
}

.colorsand {
    background-color: #796f5b;
}

.bordersand {
    border-color: #796f5b;
}

.textColorsand {
    color: #796f5b;
}

.colorsteel {
    background-color: #bfbfc3;
}

.bordersteel {
    border-color: #bfbfc3;
}

.textColorsteel {
    color: #bfbfc3;
}

.colorsteel-gloss {
    background-color: #bfbfc3;
}

.bordersteel-gloss {
    border-color: #bfbfc3;
}

.textColorsteel-gloss {
    color: #bfbfc3;
}

.colorsteel-matte {
    background-color: #bfbfc3;
}

.bordersteel-matte {
    border-color: #bfbfc3;
}

.textColorsteel-matte {
    color: #bfbfc3;
}

.colorgraphite {
    background-color: #434343;
}

.bordergraphite {
    border-color: #434343;
}

.textColorgraphite {
    color: #434343;
}

.colorgraphite-gloss {
    background-color: #434343;
}

.bordergraphite-gloss {
    border-color: #434343;
}

.textColorgraphite-gloss {
    color: #434343;
}

.colorgraphite-matte {
    background-color: #434343;
}

.bordergraphite-matte {
    border-color: #434343;
}

.textColorgraphite-matte {
    color: #434343;
}

.colorcarbon_black,
.colorcarbon-black {
    background-color: #1a1a1a;
}

.bordercarbon_black,
.bordercarbon-black {
    border-color: #1a1a1a;
}

.textColorcarbon_black,
.textColorcarbon-black {
    color: #1a1a1a;
}

.colorcarbon_black_gloss,
.colorcarbon-black-gloss {
    background-color: #1a1a1a;
}

.bordercarbon_black_gloss,
.bordercarbon-black-gloss {
    border-color: #1a1a1a;
}

.textColorcarbon_black_gloss,
.textColorcarbon-black-gloss {
    color: #1a1a1a;
}

.colorcarbon_black_matte,
.colorcarbon-black-matte {
    background-color: #1a1a1a;
}

.bordercarbon_black_matte,
.bordercarbon-black-matte {
    border-color: #1a1a1a;
}

.textColorcarbon_black_matte,
.textColorcarbon-black-matte {
    color: #1a1a1a;
}

.colorcaribbean {
    background-color: #1f7d7a;
}

.bordercaribbean {
    border-color: #1f7d7a;
}

.textColorcaribbean {
    color: #1f7d7a;
}

.colorcaribbean-gloss {
    background-color: #1f7d7a;
}

.bordercaribbean-gloss {
    border-color: #1f7d7a;
}

.textColorcaribbean-gloss {
    color: #1f7d7a;
}

.colorcaribbean-matte {
    background-color: #1f7d7a;
}

.bordercaribbean-matte {
    border-color: #1f7d7a;
}

.textColorcaribbean-matte {
    color: #1f7d7a;
}

.colorcranberry {
    background-color: #40000a;
}

.bordercranberry {
    border-color: #40000a;
}

.textColorcranberry {
    color: #40000a;
}

.colorcranberry-gloss {
    background-color: #40000a;
}

.bordercranberry-gloss {
    border-color: #40000a;
}

.textColorcranberry-gloss {
    color: #40000a;
}

.colorcranberry-matte {
    background-color: #40000a;
}

.bordercranberry-matte {
    border-color: #40000a;
}

.textColorcranberry-matte {
    color: #40000a;
}

.colorfrostbite {
    background-color: #94acbd;
}

.borderfrostbite {
    border-color: #94acbd;
}

.textColorfrostbite {
    color: #94acbd;
}

.colorfossil {
    background-color: #8f8f8f;
}

.borderfossil {
    border-color: #8f8f8f;
}

.textColorfossil {
    color: #8f8f8f;
}

.colorfossil-gloss {
    background-color: #8f8f8f;
}

.borderfossil-gloss {
    border-color: #8f8f8f;
}

.textColorfossil-gloss {
    color: #8f8f8f;
}

.colorfossil-matte {
    background-color: #8f8f8f;
}

.borderfossil-matte {
    border-color: #8f8f8f;
}

.textColorfossil-matte {
    color: #8f8f8f;
}

.colormango {
    background-color: #f4ab00;
}

.bordermango {
    border-color: #f4ab00;
}

.textColormango {
    color: #f4ab00;
}

.colorvanilla {
    background-color: #e6e1ca;
}

.bordervanilla {
    border-color: #e6e1ca;
}

.textColorvanilla {
    color: #e6e1ca;
}

.colorvanilla-gloss {
    background-color: #e6e1ca;
}

.bordervanilla-gloss {
    border-color: #e6e1ca;
}

.textColorvanilla-gloss {
    color: #e6e1ca;
}

.colorroot_beer,
.colorroot-beer {
    background-color: #381b0a;
}

.borderroot_beer,
.borderroot-beer {
    border-color: #381b0a;
}

.textColorroot_beer,
.textColorroot-beer {
    color: #381b0a;
}

.colorroot_beer,
.colorroot-beer {
    background-color: #3f2117;
}

.borderroot_beer,
.borderroot-beer {
    border-color: #3f2117;
}

.textColorroot_beer,
.textColorroot-beer {
    color: #3f2117;
}

.colorplum-matte {
    background-color: #6c5d88;
}

.borderplum-matte {
    border-color: #6c5d88;
}

.textColorplum-matte {
    color: #6c5d88;
}

.colorgalaxy-matte {
    background-color: #47433a;
}

.bordergalaxy-matte {
    border-color: #47433a;
}

.textColorgalaxy-matte {
    color: #47433a;
}

.colortitanium-matte {
    background-color: #bcb3ae;
}

.bordertitanium-matte {
    border-color: #bcb3ae;
}

.textColortitanium-matte {
    color: #bcb3ae;
}

.colortank-matte {
    background-color: #6b785a;
}

.bordertank-matte {
    border-color: #6b785a;
}

.textColortank-matte {
    color: #6b785a;
}

.colorscorch-matte {
    background-color: #b33132;
}

.borderscorch-matte {
    border-color: #b33132;
}

.textColorscorch-matte {
    color: #b33132;
}

.colordiamond {
    background-color: #faf5ff;
}

.borderdiamond {
    border-color: #faf5ff;
}

.textColordiamond {
    color: #faf5ff;
}

.colordiamond-gloss {
    background-color: #faf5ff;
}

.borderdiamond-gloss {
    border-color: #faf5ff;
}

.textColordiamond-gloss {
    color: #faf5ff;
}

.colordiamond-matte {
    background-color: #faf5ff;
}

.borderdiamond-matte {
    border-color: #faf5ff;
}

.textColordiamond-matte {
    color: #faf5ff;
}

.colorglamour {
    background-color: #fccce0;
}

.borderglamour {
    border-color: #fccce0;
}

.textColorglamour {
    color: #fccce0;
}

.colorglamour-gloss {
    background-color: #fccce0;
}

.borderglamour-gloss {
    border-color: #fccce0;
}

.textColorglamour-gloss {
    color: #fccce0;
}

.colorglamour-matte {
    background-color: #fccce0;
}

.borderglamour-matte {
    border-color: #fccce0;
}

.textColorglamour-matte {
    color: #fccce0;
}

.colorstar_dust,
.colorstar-dust {
    background-color: #f3cc02;
}

.borderstar_dust,
.borderstar-dust {
    border-color: #f3cc02;
}

.textColorstar_dust,
.textColorstar-dust {
    color: #f3cc02;
}

.colorstar_dust-gloss,
.colorstar-dust-gloss {
    background-color: #f3cc02;
}

.borderstar_dust-gloss,
.borderstar-dust-gloss {
    border-color: #f3cc02;
}

.textColorstar_dust-gloss,
.textColorstar-dust-gloss {
    color: #f3cc02;
}

.colorstar_dust-matte,
.colorstar-dust-matte {
    background-color: #f3cc02;
}

.borderstar_dust-matte,
.borderstar-dust-matte {
    border-color: #f3cc02;
}

.textColorstar_dust-matte,
.textColorstar-dust-matte {
    color: #f3cc02;
}

.colorzest {
    background-color: #f04e10;
}

.borderzest {
    border-color: #f04e10;
}

.textColorzest {
    color: #f04e10;
}

.colorzest-gloss {
    background-color: #f04e10;
}

.borderzest-gloss {
    border-color: #f04e10;
}

.textColorzest-gloss {
    color: #f04e10;
}

.colorzest-matte {
    background-color: #f04e10;
}

.borderzest-matte {
    border-color: #f04e10;
}

.textColorzest-matte {
    color: #f04e10;
}

.colorcosmic {
    background-color: #5100a9;
}

.bordercosmic {
    border-color: #5100a9;
}

.textColorcosmic {
    color: #5100a9;
}

.colorcosmic-gloss {
    background-color: #5100a9;
}

.bordercosmic-gloss {
    border-color: #5100a9;
}

.textColorcosmic-gloss {
    color: #5100a9;
}

.colorcosmic-matte {
    background-color: #5100a9;
}

.bordercosmic-matte {
    border-color: #5100a9;
}

.textColorcosmic-matte {
    color: #5100a9;
}

.colorindulge {
    background-color: #a22561;
}

.borderindulge {
    border-color: #a22561;
}

.textColorindulge {
    color: #a22561;
}

.colorindulge-gloss {
    background-color: #a22561;
}

.borderindulge-gloss {
    border-color: #a22561;
}

.textColorindulge-gloss {
    color: #a22561;
}

.colorindulge-matte {
    background-color: #a22561;
}

.borderindulge-matte {
    border-color: #a22561;
}

.textColorindulge-matte {
    color: #a22561;
}

.colormint {
    background-color: #7de0b0;
}

.bordermint {
    border-color: #7de0b0;
}

.textColormint {
    color: #7de0b0;
}

.colormint-gloss {
    background-color: #7de0b0;
}

.bordermint-gloss {
    border-color: #7de0b0;
}

.textColormint-gloss {
    color: #7de0b0;
}

.colormint-matte {
    background-color: #7de0b0;
}

.bordermint-matte {
    border-color: #7de0b0;
}

.textColormint-matte {
    color: #7de0b0;
}

.colorstorm {
    background-color: #7d6874;
}

.borderstorm {
    border-color: #7d6874;
}

.textColorstorm {
    color: #7d6874;
}

.colornavy {
    background-color: #171830;
}

.bordernavy {
    border-color: #171830;
}

.textColornavy {
    color: #171830;
}

.coloroasis {
    background-color: #007e71;
}

.borderoasis {
    border-color: #007e71;
}

.textColoroasis {
    color: #007e71;
}

.colorflare {
    background-color: #ffc700;
}

.borderflare {
    border-color: #ffc700;
}

.textColorflare {
    color: #ffc700;
}

.colorlime {
    background-color: #75b400;
}

.borderlime {
    border-color: #75b400;
}

.textColorlime {
    color: #75b400;
}

.colorgoldfish {
    background-color: #ce4c00;
}

.bordergoldfish {
    border-color: #ce4c00;
}

.textColorgoldfish {
    color: #ce4c00;
}

.colorvarsity {
    background-color: #007aa9;
}

.bordervarsity {
    border-color: #007aa9;
}

.textColorvarsity {
    color: #007aa9;
}

.colorcayenne {
    background-color: #c00000;
}

.bordercayenne {
    border-color: #c00000;
}

.textColorcayenne {
    color: #c00000;
}

.colortangerine {
    background-color: #fc7e00;
}

.bordertangerine {
    border-color: #fc7e00;
}

.textColortangerine {
    color: #fc7e00;
}

.colorbreeze {
    background-color: #5690c3;
}

.borderbreeze {
    border-color: #5690c3;
}

.textColorbreeze {
    color: #5690c3;
}

.colordune {
    background-color: #a38c68;
}

.borderdune {
    border-color: #a38c68;
}

.textColordune {
    color: #a38c68;
}

.coloralloy {
    background-color: #d1cbc5;
}

.borderalloy {
    border-color: #d1cbc5;
}

.textColoralloy {
    color: #d1cbc5;
}

.coloriris {
    background-color: #602679;
}

.borderiris {
    border-color: #602679;
}

.textColoriris {
    color: #602679;
}

.colororiginal {
    /*background-color:#434343;*/
}

.borderoriginal {
    border-color: #434343;
}

.textColororiginal {
    color: #434343;
}

.colorremove-logo {
    background-color: #434343;
}

.borderremove-logo {
    border-color: #434343;
}

.textColorremove-logo {
    color: #434343;
}

.colordesire {
    background-color: #C81E32;
}

.borderdesire {
    border-color: #C81E32;
}

.textColordesire {
    color: #C81E32;
}

.colorscarlet {
    background-color: #7A1A26;
}

.borderscarlet {
    border-color: #7A1A26;
}

.textColorscarlet {
    color: #7A1A26;
}

.colorcanyon {
    background-color: #963D37;
}

.bordercanyon {
    border-color: #963D37;
}

.textColorcanyon {
    color: #963D37;
}

.coloradmiral {
    background-color: #1B2647;
}

.borderadmiral {
    border-color: #1B2647;
}

.textColoradmiral {
    color: #1B2647;
}

.colorocean {
    background-color: #1E549C;
}

.borderocean {
    border-color: #1E549C;
}

.textColorocean {
    color: #1E549C;
}

.coloratlantis {
    background-color: #1F86B6;
}

.borderatlantis {
    border-color: #1F86B6;
}

.textColoratlantis {
    color: #1F86B6;
}

.colorsplash {
    background-color: #45AAC3;
}

.bordersplash {
    border-color: #45AAC3;
}

.textColorsplash {
    color: #45AAC3;
}

.colormist {
    background-color: #AEBBBB;
}

.bordermist {
    border-color: #AEBBBB;
}

.textColormist {
    color: #AEBBBB;
}

.colorlagoon {
    background-color: #0F8E8B;
}

.borderlagoon {
    border-color: #0F8E8B;
}

.textColorlagoon {
    color: #0F8E8B;
}

.colorpineapple {
    background-color: #FFC865;
}

.borderpineapple {
    border-color: #FFC865;
}

.textColorpineapple {
    color: #FFC865;
}

.colorsunflower {
    background-color: #F09F22;
}

.bordersunflower {
    border-color: #F09F22;
}

.textColorsunflower {
    color: #F09F22;
}

.colorplum {
    background-color: #4C2E51;
}

.borderplum {
    border-color: #4C2E51;
}

.textColorplum {
    color: #4C2E51;
}

.coloreggplant {
    background-color: #41222E;
}

.bordereggplant {
    border-color: #41222E;
}

.textColoreggplant {
    color: #41222E;
}

.colortwilight {
    background-color: #41378B;
}

.bordertwilight {
    border-color: #41378B;
}

.textColortwilight {
    color: #41378B;
}

.colorlavender {
    background-color: #7D73AE;
}

.borderlavender {
    border-color: #7D73AE;
}

.textColorlavender {
    color: #7D73AE;
}

.colorspice {
    background-color: #A15435;
}

.borderspice {
    border-color: #A15435;
}

.textColorspice {
    color: #A15435;
}

.colorcarrot {
    background-color: #FF893D;
}

.bordercarrot {
    border-color: #FF893D;
}

.textColorcarrot {
    color: #FF893D;
}

.colormesa {
    background-color: #CE5740;
}

.bordermesa {
    border-color: #CE5740;
}

.textColormesa {
    color: #CE5740;
}

.colorcoral {
    background-color: #DD4646;
}

.bordercoral {
    border-color: #DD4646;
}

.textColorcoral {
    color: #DD4646;
}

.colorcactus {
    background-color: #5C7051;
}

.bordercactus {
    border-color: #5C7051;
}

.textColorcactus {
    color: #5C7051;
}

.colorsprout {
    background-color: #6DA855;
}

.bordersprout {
    border-color: #6DA855;
}

.textColorsprout {
    color: #6DA855;
}

.colorivy {
    background-color: #545137;
}

.borderivy {
    border-color: #545137;
}

.textColorivy {
    color: #545137;
}

.colorluscious {
    background-color: #C84D6C;
}

.borderluscious {
    border-color: #C84D6C;
}

.textColorluscious {
    color: #C84D6C;
}

.colorbubble-gum {
    background-color: #DB6794;
}

.borderbubble-gum {
    border-color: #DB6794;
}

.textColorbubble-gum {
    color: #DB6794;
}

.colorsassy {
    background-color: #B63A71;
}

.bordersassy {
    border-color: #B63A71;
}

.textColorsassy {
    color: #B63A71;
}

.colorlinen {
    background-color: #FEFCFD;
}

.borderlinen {
    border-color: #FEFCFD;
}

.textColorlinen {
    color: #FEFCFD;
}

.colormalt {
    background-color: #FAE5CB;
}

.bordermalt {
    border-color: #FAE5CB;
}

.textColormalt {
    color: #FAE5CB;
}

.colorbiscuit {
    background-color: #E9C9AE;
}

.borderbiscuit {
    border-color: #E9C9AE;
}

.textColorbiscuit {
    color: #E9C9AE;
}

.coloralmond {
    background-color: #A7856E;
}

.borderalmond {
    border-color: #A7856E;
}

.textColoralmond {
    color: #A7856E;
}

.colormocha {
    background-color: #422E25;
}

.bordermocha {
    border-color: #422E25;
}

.textColormocha {
    color: #422E25;
}

.colordriftwood {
    background-color: #563628;
}

.borderdriftwood {
    border-color: #563628;
}

.textColordriftwood {
    color: #563628;
}

.colormaple {
    background-color: #B58D6E;
}

.bordermaple {
    border-color: #B58D6E;
}

.textColormaple {
    color: #B58D6E;
}

.coloronyx {
    background-color: #191717;
}

.borderonyx {
    border-color: #191717;
}

.textColoronyx {
    color: #191717;
}

.colorshark {
    background-color: #6B6263;
}

.bordershark {
    border-color: #6B6263;
}

.textColorshark {
    color: #6B6263;
}

.colorlunar {
    background-color: #9B9494;
}

.borderlunar {
    border-color: #9B9494;
}

.textColorlunar {
    color: #9B9494;
}

.colorblack {
    background-color: #000000;
}

.borderblack {
    border-color: #000000;
}

.textColorblack {
    color: #000000;
}

.colorwhite {
    background-color: #FFFFFF;
}

.borderwhite {
    border-color: #FFFFFF;
}

.textColorwhite {
    color: #ffffff;
}

.colorivory {
    background-color: #f8e7dd;
}

.borderivory {
    border-color: #f8e7dd;
}

.textColorivory {
    color: #f8e7dd;
}

.colormoss {
    background-color: #655d4a;
}

.bordermoss {
    border-color: #655d4a;
}

.textColormoss {
    color: #655d4a;
}

.colornavy {
    background-color: #48515a;
}

.bordernavy {
    border-color: #48515a;
}

.textColornavy {
    color: #48515a;
}

.colorred {
    background-color: #b80000;
}

.borderred {
    border-color: #b80000;
}

.textColorred {
    color: #b80000;
}

.colorblue {
    background-color: #1c4d8a;
}

.borderblue {
    border-color: #1c4d8a;
}

.textColorblue {
    color: #1c4d8a;
}

.colororiginal-black {
    background-color: #000000;
}

.borderoriginal-black {
    border-color: #000000;
}

.textColororiginal-black {
    color: #000000;
}

.colororiginal-white {
    background-color: #FFFFFF;
}

.borderoriginal-white {
    border-color: #FFFFFF;
}

.textColororiginal-white {
    color: #ffffff;
}

.colorgold {
    background-color: #deceb8;
}

.bordergold {
    border-color: #deceb8;
}

.textColorgold {
    color: #deceb8;
}

.colorsilver {
    background-color: #ebebeb;
}

.bordersilver {
    border-color: #ebebeb;
}

.textColorsilver {
    color: #ebebeb;
}

.colorspace-gray {
    background-color: #000000;
}

.borderspace-gray {
    border-color: #000000;
}

.textColorspace-gray {
    color: #000000;
}

.colortitanium {
    background-color: #000000;
}

.bordertitanium {
    border-color: #000000;
}

.textColortitanium {
    color: #000000;
}

.colormatte-black {
    background-color: #000000;
}

.bordermatte-black {
    border-color: #000000;
}

.textColormatte-black {
    color: #000000;
}

.colorshadow-gray {
    background-color: #000000;
}

.bordershadow-gray {
    border-color: #000000;
}

.textColorshadow-gray {
    color: #000000;
}

.colorcustom-color {
    background-color: #434343;
}

.bordercustom-color {
    border-color: #434343;
}

.textColorcustom-color {
    color: #434343;
}

.coloriphone-5c-green {
    background-color: #b2f38e;
}

.borderiphone-5c-green {
    border-color: #b2f38e;
}

.textColoriphone-5c-green {
    color: #b2f38e;
}

.coloriphone-5c-blue {
    background-color: #7bc3fc;
}

.borderiphone-5c-blue {
    border-color: #7bc3fc;
}

.textColoriphone-5c-blue {
    color: #7bc3fc;
}

.coloriphone-5c-yellow {
    background-color: #fff38c;
}

.borderiphone-5c-yellow {
    border-color: #fff38c;
}

.textColoriphone-5c-yellow {
    color: #fff38c;
}

.coloriphone-5c-pink {
    background-color: #fc828d;
}

.borderiphone-5c-pink {
    border-color: #fc828d;
}

.textColoriphone-5c-pink {
    color: #fc828d;
}

.coloriphone-5c-white {
    background-color: #efefef;
}

.borderiphone-5c-white {
    border-color: #efefef;
}

.textColoriphone-5c-white {
    color: #efefef;
}

.colormidnight-black {
    background-color: #070707;
}

.bordermidnight-black {
    border-color: #070707;
}

.textColormidnight-black {
    color: #070707;
}

.colorcoral-blue {
    background-color: #7884ac;
}

.bordercoral-blue {
    border-color: #7884ac;
}

.textColorcoral-blue {
    color: #7884ac;
}

.colorlilac-purple {
    background-color: #b594ba;
}

.borderlilac-purple {
    border-color: #b594ba;
}

.textColorlilac-purple {
    color: #b594ba;
}

.colormomentum-red {
    background-color: #eb313b;
}

.bordermomentum-red {
    border-color: #eb313b;
}

.textColormomentum-red {
    color: #eb313b;
}

.colormomentum-pink {
    background-color: #cd666c;
}

.bordermomentum-pink {
    border-color: #cd666c;
}

.textColormomentum-pink {
    color: #cd666c;
}

.colormomentum-green {
    background-color: #777656;
}

.bordermomentum-green {
    border-color: #777656;
}

.textColormomentum-green {
    color: #777656;
}

.colormomentum-black-and-brown {
    background-color: #864835;
}

.bordermomentum-black-and-brown {
    border-color: #864835;
}

.textColormomentum-black-and-brown {
    color: #864835;
}

.colormomentum-blue {
    background-color: #363f51;
}

.bordermomentum-blue {
    border-color: #363f51;
}

.textColormomentum-blue {
    color: #363f51;
}

.colormomentum-black {
    background-color: #392e2e;
}

.bordermomentum-black {
    border-color: #392e2e;
}

.textColormomentum-black {
    color: #392e2e;
}

.colormomentum-dark-brown {
    background-color: #452c23;
}

.bordermomentum-dark-brown {
    border-color: #452c23;
}

.textColormomentum-dark-brown {
    color: #452c23;
}

.colorwhite-text {
    background-color: #FFFFFF;
}

.borderwhite-text {
    border-color: #FFFFFF;
}

.textColorwhite-text {
    color: #FFFFFF;
}

.colorblack-text {
    background-color: #000000;
}

.borderblack-text {
    border-color: #000000;
}

.textColorblack-text {
    color: #000000;
}

.colorwhite-pattern {
    background-color: #FFFFFF;
}

.borderwhite-pattern {
    border-color: #FFFFFF;
}

.textColorwhite-pattern {
    color: #FFFFFF;
}

.colorblack-pattern {
    background-color: #000000;
}

.borderblack-pattern {
    border-color: #000000;
}

.textColorblack-pattern {
    color: #000000;
}

.colorslate-stone {
    background-color: #928f8a;
}

.borderslate-stone {
    border-color: #928f8a;
}

.textColorslate-stone {
    color: #928f8a;
}

.colormarble-stone {
    background-color: #525252;
}

.bordermarble-stone {
    border-color: #525252;
}

.textColormarble-stone {
    color: #525252;
}

.colorwhite-marble-stone {
    background-color: #f4f2e8;
}

.borderwhite-marble-stone {
    border-color: #f4f2e8;
}

.textColorwhite-marble-stone {
    color: #f4f2e8;
}

.colorblack-carbon-fiber {
    background-color: #48484a;
}

.borderblack-carbon-fiber {
    border-color: #48484a;
}

.textColorblack-carbon-fiber {
    color: #48484a;
}

.colorwhite-carbon-fiber {
    background-color: #dcded3;
}

.borderwhite-carbon-fiber {
    border-color: #dcded3;
}

.textColorwhite-carbon-fiber {
    color: #dcded3;
}

.colorgold-carbon-fiber {
    background-color: #b3ada2;
}

.bordergold-carbon-fiber {
    border-color: #b3ada2;
}

.textColorgold-carbon-fiber {
    color: #b3ada2;
}

.colorsilver-metal {
    background-color: #a4a4a2;
}

.bordersilver-metal {
    border-color: #a4a4a2;
}

.textColorsilver-metal {
    color: #a4a4a2;
}

.colorblue-metal {
    background-color: #343338;
}

.borderblue-metal {
    border-color: #343338;
}

.textColorblue-metal {
    color: #343338;
}

.colorgold-metal {
    background-color: #a69c81;
}

.bordergold-metal {
    border-color: #a69c81;
}

.textColorgold-metal {
    color: #a69c81;
}

.colorrust-metal {
    background-color: #281a0b;
}

.borderrust-metal {
    border-color: #281a0b;
}

.textColorrust-metal {
    color: #281a0b;
}

.colormosaic-metal {
    background-color: #8c8c8b;
}

.bordermosaic-metal {
    border-color: #8c8c8b;
}

.textColormosaic-metal {
    color: #8c8c8b;
}

.colorebony-wood {
    background-color: #565251;
}

.borderebony-wood {
    border-color: #565251;
}

.textColorebony-wood {
    color: #565251;
}

.colortamo-wood {
    background-color: #22110a;
}

.bordertamo-wood {
    border-color: #22110a;
}

.textColortamo-wood {
    color: #22110a;
}

.colorzebra-wood {
    background-color: #a8794b;
}

.borderzebra-wood {
    border-color: #a8794b;
}

.textColorzebra-wood {
    color: #a8794b;
}

.colorash-wood {
    background-color: #6f5a3f;
}

.borderash-wood {
    border-color: #6f5a3f;
}

.textColorash-wood {
    color: #6f5a3f;
}

.colorblack-wood {
    background-color: #7d7875;
}

.borderblack-wood {
    border-color: #7d7875;
}

.textColorblack-wood {
    color: #7d7875;
}

.colordark-brown-leather {
    background-color: #36312b;
}

.borderdark-brown-leather {
    border-color: #36312b;
}

.textColordark-brown-leather {
    color: #36312b;
}

.colorlight-brown-leather {
    background-color: #827167;
}

.borderlight-brown-leather {
    border-color: #827167;
}

.textColorlight-brown-leather {
    color: #827167;
}

.colorblack-leather {
    background-color: #2b2b29;
}

.borderblack-leather {
    border-color: #2b2b29;
}

.textColorblack-leather {
    color: #2b2b29;
}

.colorwhite-leather {
    background-color: #edece8;
}

.borderwhite-leather {
    border-color: #edece8;
}

.textColorwhite-leather {
    color: #edece8;
}

.colorred-leather {
    background-color: #833d3d;
}

.borderred-leather {
    border-color: #833d3d;
}

.textColorred-leather {
    color: #833d3d;
}

.colorred-leather {
    background-color: #833d3d;
}

.borderred-leather {
    border-color: #833d3d;
}

.textColorred-leather {
    color: #833d3d;
}

.colortracer {
    background-color: #474548;
}

.bordertracer {
    border-color: #474548;
}

.textColortracer {
    color: #474548;
}

.colorgalaxy-gloss {
    background-color: #47433a;
}

.bordergalaxy-gloss {
    border-color: #47433a;
}

.textColorgalaxy-gloss {
    color: #47433a;
}

.colorscorch-gloss {
    background-color: #b33132;
}

.borderscorch-gloss {
    border-color: #b33132;
}

.textColorscorch-gloss {
    color: #b33132;
}

.colorblur {
    background-color: #656264;
}

.borderblur {
    border-color: #656264;
}

.textColorblur {
    color: #656264;
}

.colorburn {
    background-color: #141415;
}

.borderburn {
    border-color: #141415;
}

.textColorburn {
    color: #141415;
}

.colorcloak {
    background-color: #2f2f2f;
}

.bordercloak {
    border-color: #2f2f2f;
}

.textColorcloak {
    color: #2f2f2f;
}

.colordark-slate-stone {
    background-color: #3b3b3b;
}

.borderdark-slate-stone {
    border-color: #3b3b3b;
}

.textColordark-slate-stone {
    color: #3b3b3b;
}

.colorhive {
    background-color: #1a1a1a;
}

.borderhive {
    border-color: #1a1a1a;
}

.textColorhive {
    color: #1a1a1a;
}

.colorplatinum-carbon-fiber {
    background-color: #9a9a9a;
}

.borderplatinum-carbon-fiber {
    border-color: #9a9a9a;
}

.textColorplatinum-carbon-fiber {
    color: #9a9a9a;
}



.coloragate-black {
    background-color: #030303;
}

.borderagate-black {
    border-color: #030303;
}

.textColoragate-black {
    color: #030303;
}

.coloravalanche-grey {
    background-color: #7b7c7f;
}

.borderavalanche-grey {
    border-color: #7b7c7f;
}

.textColoravalanche-grey {
    color: #7b7c7f;
}

.colorford-performance-blue {
    background-color: #17334f;
}

.borderford-performance-blue {
    border-color: #17334f;
}

.textColorford-performance-blue {
    color: #17334f;
}

.coloringot-silver {
    background-color: #7a7b7c;
}

.borderingot-silver {
    border-color: #7a7b7c;
}

.textColoringot-silver {
    color: #7a7b7c;
}

.colorlead-foot {
    background-color: #494747;
}

.borderlead-foot {
    border-color: #494747;
}

.textColorlead-foot {
    color: #494747;
}

.colorlightning-blue {
    background-color: #162c59;
}

.borderlightning-blue {
    border-color: #162c59;
}

.textColorlightning-blue {
    color: #162c59;
}

.colormagnetic {
    background-color: #2d2e2e;
}

.bordermagnetic {
    border-color: #2d2e2e;
}

.textColormagnetic {
    color: #2d2e2e;
}

.coloroxford-white {
    background-color: #bfbfbf;
}

.borderoxford-white {
    border-color: #bfbfbf;
}

.textColoroxford-white {
    color: #bfbfbf;
}

.colorrace-red {
    background-color: #970101;
}

.borderrace-red {
    border-color: #970101;
}

.textColorrace-red {
    color: #970101;
}

.colorruby-red {
    background-color: #5c0f10;
}

.borderruby-red {
    border-color: #5c0f10;
}

.textColorruby-red {
    color: #5c0f10;
}

.colorshadow-black {
    background-color: #020202;
}

.bordershadow-black {
    border-color: #020202;
}

.textColorshadow-black {
    color: #020202;
}

.colorvelocity-blue {
    background-color: #164a70;
}

.bordervelocity-blue {
    border-color: #164a70;
}

.textColorvelocity-blue {
    color: #164a70;
}

.colorblue-dusk {
    background-color: #608193;
}

.borderblue-dusk {
    border-color: #608193;
}

.textColorblue-dusk {
    color: #608193;
}



.colorblaze-orange-gloss {
    background-color: #ff5923;
}

.borderblaze-orange-gloss {
    border-color: #ff5923;
}

.textColorblaze-orange-gloss {
    color: #ff5923;
}

.colorblaze-orange-matte {
    background-color: #ff5923;
}

.borderblaze-orange-matte {
    border-color: #ff5923;
}

.textColorblaze-orange-matte {
    color: #ff5923;
}

.coloracid-gloss {
    background-color: #a0cc04;
}

.borderacid-gloss {
    border-color: #a0cc04;
}

.textColoracid-gloss {
    color: #a0cc04;
}

.coloracid-matte {
    background-color: #a0cc04;
}

.borderacid-matte {
    border-color: #a0cc04;
}

.textColoracid-matte {
    color: #a0cc04;
}




.colorglaze-gloss {
    background-color: #EACEB8;
}

.borderglaze-gloss {
    border-color: #EACEB8;
}

.textColorglaze-gloss {
    color: #EACEB8;
}

.colorglaze-matte {
    background-color: #EACEB8;
}

.borderglaze-matte {
    border-color: #EACEB8;
}

.textColorglaze-matte {
    color: #EACEB8;
}

.colortoasty-gloss {
    background-color: #A98775;
}

.bordertoasty-gloss {
    border-color: #A98775;
}

.textColortoasty-gloss {
    color: #A98775;
}

.colortoasty-matte {
    background-color: #A98775;
}

.bordertoasty-matte {
    border-color: #A98775;
}

.textColortoasty-matte {
    color: #A98775;
}

.colorjava-gloss {
    background-color: #4C3430;
}

.borderjava-gloss {
    border-color: #4C3430;
}

.textColorjava-gloss {
    color: #4C3430;
}

.colorjava-matte {
    background-color: #4C3430;
}

.borderjava-matte {
    border-color: #4C3430;
}

.textColorjava-matte {
    color: #4C3430;
}





.coloraurora-gloss {
    background: #b5ab24;
}

.borderaurora-gloss {
    border-color: #b5ab24;
}

.textColoraurora-gloss {
    color: #b5ab24;
}

.coloraurora-matte {
    background: #b5ab24;
}

.borderaurora-matte {
    border-color: #b5ab24;
}

.textColoraurora-matte {
    color: #b5ab24;
}

.coloraurora-gloss,
.coloraurora-matte {
    background: linear-gradient(180deg, rgba(228, 207, 106, 1) 0%, rgba(89, 136, 80, 1) 100%);
}

.colorsunset-gloss {
    background: #b85b25;
}

.bordersunset-gloss {
    border-color: #b85b25;
}

.textColorsunset-gloss {
    color: #b85b25;
}

.colorsunset-matte {
    background: #b85b25;
}

.bordersunset-matte {
    border-color: #b85b25;
}

.textColorsunset-matte {
    color: #b85b25;
}

.colorsunset-gloss,
.colorsunset-matte {
    background: linear-gradient(180deg, rgba(191, 48, 29, 1) 0%, rgba(224, 162, 74, 1) 100%);
}

.colortwilight-gloss {
    background: #513098;
}

.bordertwilight-gloss {
    border-color: #513098;
}

.textColortwilight-gloss {
    color: #513098;
}

.colortwilight-matte {
    background: #513098;
}

.bordertwilight-matte {
    border-color: #513098;
}

.textColortwilight-matte {
    color: #513098;
}

.colortwilight-gloss,
.colortwilight-matte {
    background: linear-gradient(180deg, rgba(67, 66, 207, 1) 0%, rgba(218, 101, 119, 1) 100%);
}

/* CW Colors */


/*---START------------------------ Categories ------------------START---*/


a:link,
a:visited {
    color: #555555;
    text-decoration: none;
}

.account-page .notices {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
}

.category-navigation {
    display: flex;
    align-items: baseline;
    text-align: center;
    width: fit-content;
    margin: 1em auto;
    flex-wrap: wrap;
}

.category-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 0 1em;
}

.category-navigation h3 {
    padding: 0 0 0 1em;
}

.category-navigation li {
    padding: 0 0.75em;
    margin: 1em 0;
    border-right: 1px solid #999;
    color: #777;
}

.category-navigation li:last-child {
    border-right: none;
}

.category-navigation a:link,
.category-navigation a:visited {
    color: #777;
    text-decoration: none;
}

.category-navigation a:hover,
.category-navigation a:active {
    color: #0087C7;
    text-decoration: none;
}

.productList {
    padding: 0 0 5em 0;
}

.fullCategories {
    background: rgba(245, 245, 245, 1);
    margin: 0;
    padding: 0;
}

/*.productList li*/
.fullProductFrame {
    background: rgba(255, 255, 255, 1);
}

.fullCategories>li {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    text-align: center;
    padding: 2em 2.5vw 5em;
    grid-gap: 3em 2.5vw;
    background: rgba(255, 255, 255, 1);
    background: rgba(245, 245, 245, 1);
}

.fullCategories>li a {
    position: relative;
    background: rgba(235, 235, 235, 1);
    background: rgba(255, 255, 255, 1);
}

.fullCategories>li>a {
    line-height: 0;
    transition-property: top;
    transition-duration: 0.25s;
    position: relative;
    top: 0;
}

.fullCategories>li>a:hover {
    top: -6px;
}

.fullCategories>li a img {
    width: 100%;
    /*-webkit-filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 2px 3px rgba(0, 0, 0, .7)); */
}

.fullCategories>li a .productName {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.0em;
    /*background: rgba(0,0,0,0.1);*/
    padding: 0.5em;
    font-size: 0.6em;
    background: rgba(255, 255, 255, 1);
    background: none;
    line-height: 1.2em;
    top: calc(100% + 0.3em);
    bottom: 0;
}

.fullCategories .limitedCategory a .productName {
    background: rgba(0, 0, 0, 0.4);
    background: none;
}

.fullCategories .limitedCategory a {
    background: rgba(0, 0, 0, 1);
}

.fullCategories .limitedCategory h5 a {
    background: rgba(0, 0, 0, 0);
}

.fullCategories .limitedCategory {
    background: rgba(25, 25, 25, 1);
}

.fullCategories .limitedCategory a:link,
.limitedCategory a:visited {
    color: #CCC;
    text-decoration: none;
}

.fullCategories a ul.thumbnailData {
    display: none;
}

.fullCategories h5 {
    /*grid-area: header;*/
    grid-column: 1 / -1;
    text-align: center;
}

.fullCategories h5 a {
    font-size: 1.25em;
    border-bottom: 1px solid #0087C7;
    grid-column: 1 / 2;
    display: inline-block;
    padding: 0 1em;
    background: unset;
}

.productFlag {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.65);
    font-size: 10px;
    left: 50%;
    line-height: 1em;
    margin: 0 0 0 -60px;
    padding: 3px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    font-weight: 600;
    bottom: calc(100% - (1em + 6px));
    color: #333;
}

.productFlag:before {
    border-left: 5px solid transparent;
    border-top: 17px solid #0087C7;
    content: "";
    left: -5px;
    position: absolute;
    top: 0;
}

.productFlag:after {
    border-right: 5px solid transparent;
    border-top: 17px solid #0087C7;
    content: "";
    right: -5px;
    position: absolute;
    top: 0;
}

.flagAddShipping {
    background: none repeat scroll 0 0 #e9eb6b;
}

.flagAddShipping:before,
.flagAddShipping:after {
    border-top-color: #e9eb6b;
}

.flagBackorder {
    background: none repeat scroll 0 0 #e63939;
}

.flagBackorder:before,
.flagBackorder:after {
    border-top-color: #e63939;
}

.flagNew {
    background: none repeat scroll 0 0 #0087c7;
}

.flagNew:before,
.flagNew:after {
    border-top-color: #0087c7;
}

.flagUpdate {
    background: none repeat scroll 0 0 #00c700;
}

.flagUpdate:before,
.flagUpdate:after {
    border-top-color: #00c700;
}

.flagPrevious {
    background: none repeat scroll 0 0 #e9eb6b;
    color: #333;
}

.flagPrevious:before,
.flagPrevious:after {
    border-top-color: #e9eb6b;
}

.flagSoldOut {
    background: none repeat scroll 0 0 #e63939;
}

.flagSoldOut:before,
.flagSoldOut:after {
    border-top-color: #e63939;
}

.flagReadyToShip {
    background: none repeat scroll 0 0 #00c700;
}

.flagReadyToShip:before,
.flagReadyToShip:after {
    border-top-color: #00c700;
}

.flagComingSoon {
    background: none repeat scroll 0 0 #d8d9da;
}

.flagComingSoon:before,
.flagComingSoon:after {
    border-top-color: #d8d9da;
}

.flagSalePrice {
    background: none repeat scroll 0 0 #DC143C;
    color: #CCCCCC;
}

.flagSalePrice:before,
.flagSalePrice:after {
    border-top-color: #DC143C;
}

.cwb-ui-wrap-content h1 {
    font-size: 2em;
}

@media screen and (orientation: landscape),
screen and (min-width: 1000px) {
    .cwb-ui-wrap-content h1 {
        font-size: 3em;
    }

    .fullCategories>li {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 2em 2.5vw 5em;
        grid-gap: 5em;
    }

    .fullCategories>li a .productName {
        padding: 0.5em;
        font-size: 0.8em;
    }

    .fullCategories h5 a {
        font-size: 2.5em;
        padding: 0 1em;
        border-bottom: 3px solid #0087C7;
    }
}

.collection-hero h1 {
    text-align: center;
}

.promoProduct img {
    width: 100%;
    height: auto;
}

.aftermarketMessage {
    max-width: 1250px;
    padding: 3em 0;
    margin: 0 auto;
}

.fullProductFrame {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20), 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
    margin: 14px auto;
    overflow: hidden;
    max-width: 450px;
    position: relative;
    font-size: 2em;
    color: #fff;
    font-family: 'WebCabin', sans-serif;
    min-height: 300px;
    min-width: 150px;
}

.blackProductFrame {
    background: #000;
}

.fullProductFrame img {
    /*margin-left:-200px;*/
    height: 100%;
}

.vehicleProductFrame img {
    margin-left: 0px;
}

@media screen and (max-width: 517px) {
    .fullProductFrame img {
        /*margin-left: 0;*/
        width: 300px;
        /*margin-top: 50px; left: -60px; position: relative; height: auto;*/
    }
}

.fullProductFrame .productName {
    /*position:absolute; right:25px; top:40px; padding: 0;*/
    text-align: center;
    width: 100%;
    display: block;
    font-size: 0.5em;
}

.fullProductFrame .smallFontTitle {
    font-size: 0.85em;
}

.fullProductFrame .xtraSmallFontTitle {
    font-size: 0.65em;
}

.subCategory-best-sellers .fullProductFrame .productName {
    padding: 5px;
    background-color: #FFF;
    color: #333;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
}

.subCategory-best-sellers .fullProductFrame .productName ul {
    color: #CCCCCC;
}

.fullProductFrame .productName ul {
    position: absolute;
    right: 0;
    top: 35px;
    text-align: right;
    width: 70px;
    white-space: nowrap;
}


.fullProductFrame .productName ul .originalPrice {
    font-size: 18px;
}

.fullProductFrame .productName ul .offPrice {
    font-size: 18px;
}

.fullProductFrame .productName ul .originalPrice:after {
    background: #94000c none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    right: 0px;
    left: 0;
    position: relative;
    top: -10px;
    width: 100%;
    z-index: 55;
    transform: rotate(8deg);
}

.blackProductFrame .productName ul .originalPrice:after {
    background: #C8000c none repeat scroll 0 0;
}

.fullProductFrame .productName ul .offPrice {
    border-bottom: 1px solid #444444;
}

.fullProductFrame .productName ul .currentPrice {
    /*font-weight: 700;*/
    font-size: 1.1em;
    padding: 0.1em 0;
}


.fullProductFrame .productPrice {
    position: absolute;
    right: 25px;
    bottom: 50px;
}

.fullProductFrame .isRelImg {
    position: absolute;
    left: 0;
    bottom: 0;
}

.blackProductFrame a {
    font-size: 0;
}

.blackProductFrame .productName {
    border-top: 1px solid #AAA;
    font-size: 15px;
    padding: 0.5em 0;
}

.fullProductFrame a ul.thumbnailData {
    font-size: 12px;
    list-style: none;
    text-align: left;
    font-weight: 300;
    display: inline-block;
    padding: 2em 5em;
}

.fullProductFrame a ul.thumbnailData:before {
    content: '';
    display: block;
    width: 110%;
    height: 1px;
    background-color: #AAA;
    margin: -2em auto 1em -5%;
}

.fullProductFrame a ul.thumbnailData li {
    line-height: 1.4em;
}

.fullProductFrame a ul.thumbnailData .importantData {
    font-size: 1.2em;
    font-weight: 700;
}


.fullProductFrame a:link,
.fullProductFrame a:visited {
    color: #444444;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
}

.fullProductFrame a:hover,
.fullProductFrame a:active {
    color: #000000;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
}

.blackProductFrame .productName ul .offPrice {
    border-bottom: 1px solid #CCCCCC;
}

.blackProductFrame a:link,
.blackProductFrame a:visited {
    color: #CCCCCC;
}

.blackProductFrame a:hover,
.blackProductFrame a:active {
    color: #FFFFFF;
}

@media screen and (max-width: 650px) {
    .fullProductFrame .productName {
        top: 15px;
    }
}

@media screen and (max-width: 517px) {
    .fullProductFrame {
        min-height: 138px;
        box-shadow: 1px 1px 3px #aaa;
        max-width: 320px;
        margin: 24px auto;
        border-radius: 1px;
        padding: 20px 0 0;
    }

    .fullProductFrame .productName {
        left: 0;
        right: 0;
        text-align: center;
        padding: 0;
        top: 24px;
        font-size: 4vw;
    }

    .fullProductFrame .smallFontTitle {
        font-size: 16px;
    }

    .fullProductFrame .productPrice {
        top: 35px;
        bottom: auto;
    }

    .fullProductFrame .productName span {
        display: none;
    }

    .fullProductFrame .isRelImg {
        left: 1em;
        /*margin-left: -115px;*/
        bottom: 0.5em;
        width: 150px;
    }

    .fullProductFrame .productName ul {
        right: 25px;
        top: auto;
        bottom: -69px;
        font-size: 23px;
        /*color: #555555;*/
    }
}

@media screen and (max-width: 400px) {
    .fullProductFrame {
        min-height: 158px;
        margin: 24px auto;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    }

    .fullProductFrame .productPrice {
        top: 35px;
        bottom: auto;
    }
}

.blueCallToAction {
    border: medium none;
    bottom: 1em;
    color: #efefef;
    cursor: pointer;
    font-size: 0.65em;
    font-weight: 400;
    line-height: 2em;
    overflow: hidden;
    padding: 0 0 0.1em;
    position: absolute;
    right: 1em;
    text-align: center;
    text-shadow: none;
    width: 8em;
    margin: 0;
    background: #0087c7 none repeat scroll 0 0;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.5);
}



.bfBannerWrapper {
    background: #000000;
    background: linear-gradient(#000000 0%, #000000 48%, #111111 66%, #222222 77%, #333333 100%);
}

html.newBlackHeader2 .content {
    max-width: 1300px;
    padding: 0;
    margin: -4px auto -30px;
}

.productNavigation {
    background: #EFEFEF;
}

.season-sale-banner {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 1000px;
}

.season-sale-banner .cwContentBox {
    background: none;
    box-shadow: none;
}

.season-sale-subSection,
.cw-sub-category {
    display: flex;
    flex-wrap: wrap;
}

.season-sale-subSection .productFrame,
.cw-sub-category .productFrame {
    list-style: none;
    margin: 14px 0;
    max-width: 563px;
    min-height: 225px;
}

.season-sale-subSection .productFrame img,
.cw-sub-category .productFrame img {
    margin-left: -150px;
    width: 675px;
    margin-top: 50px;
}

.season-sale-subSection,
.cw-sub-category {
    padding: 0 50px 50px;
}

.season-sale-subSection h3,
.cw-sub-category h3 {
    border-bottom: 1px solid #0087C7;
    color: #444;
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1em;
    margin: 0 0 20px 0;
    padding: 5px 0 1px 2%;
    position: relative;
    text-align: left;
    width: 33%;
}

img.categoryHeader {
    width: 100%;
    margin-bottom: 3em;
    display: none;
}

.productList {
    padding: 50px 0 0 0;
}

.season-sale-subSection ul,
.cw-sub-category ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.season-sale-subSection .productName ul,
.cw-sub-category .productName ul {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
}

.productFrame .productName ul {
    flex-direction: column;
    align-items: flex-end;
}

.productFrame .productName ul li {
    width: max-content;
}

.productFrame .productName ul .originalPrice:after {
    right: 0px;
    width: 100%;
}

.productFrame .productName ul .currentPrice {
    padding: 0.1em 0;
    font-size: 25px;
}

@media screen and (orientation: landscape) {
    .categoryHeader.showLandscape {
        display: block;
    }
}

@media screen and (orientation: portrait) {
    .categoryHeader.showPortrait {
        display: block;
        margin-bottom: 0;
    }

    .categoryHeader.showPortrait+.productList {
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    .season-sale-banner {}

    .season-sale-subSection,
    .cw-sub-category {
        padding: 0 0 50px 0;
    }

    .season-sale-subSection .productFrame img,
    .cw-sub-category .productFrame img {
        margin-left: -89px;
        width: 400px;
        margin-top: 50px;
    }

    .productFrame {
        list-style: none;
        margin: 14px 0;
        max-width: 563px;
        min-height: 225px;
        width: 100%;
    }

    .bfSkinBanner .productFrame {
        min-height: 180px;
    }

    .bfSkinBanner img {
        width: 140%;
        margin-top: 0;
        margin-left: -29%;
    }

    .season-sale-subSection h3,
    .cw-sub-category h3 {
        width: 66%;
    }
}

/*---END-------------------------- Categories --------------------END---*/