/* Minification failed. Returning unminified contents.
(3776,28): run-time error CSS1038: Expected hex color, found '#green'
(3786,32): run-time error CSS1038: Expected hex color, found '#green'
 */
@font-face {
    font-family: Futura-Book;
    src: url("fonts/futura/futura book.ttf") format("truetype");
}

@font-face {
    font-family: "Futura Bold";
    src: url("fonts/futura/futura bold.ttf") format("truetype");
}

@font-face {
    font-family: "Futura Medium";
    src: url("fonts/futura/futura medium.ttf") format("truetype");
}

@font-face {
    font-family: "Futura Heavy";
    src: url("fonts/futura/futura heavy.ttf") format("truetype");
}

html {
    overflow-x: visible !important;
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-size: 13px;
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    color: #232323;
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
}

    body.fixed {
        overflow: hidden;
    }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#container {
    height: auto;
    max-width: 96%;
    position: relative;
    margin: 0 auto;
}
/*.bg-container {
    background-color: #eff4f8;
}*/

#main-content {
    /*padding-bottom: 270px;*/
    margin-top: .6rem;
}

margin-t-10 {
    margin-top: 10px
}

a,
a:visited,
a:hover {
    color: #5091cd;
}

h2 {
    font-size: 20px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

header,
footer,
nav,
section {
    display: block;
}

select,
input,
button,
textarea {
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

textarea {
    min-height: 75px;
    font-family: inherit;
    resize: none;
}

.ft-14{
    font-size:14px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid red;
    background-color: #fee;
}

.validation-summary-errors {
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    color: red;
}

.validation-summary-valid {
    display: none;
}

.hidden {
    display: none !important;
}

.full {
    width: auto;
}

.cycle-prev {
    top: 0;
    width: 12%;
    height: 100%;
    position: absolute;
    z-index: 800;
    cursor: pointer;
}

.cycle-next {
    top: 0;
    width: 12%;
    height: 100%;
    position: absolute;
    z-index: 800;
    cursor: pointer;
}

#home-slide-show .cycle-prev,
#home-slide-show .cycle-next {
    font-size: 120px;
    padding-top: 10%;
    text-align: center;
    font-family: "Arial";
    color: #fff;
}

    #home-slide-show .cycle-prev img,
    #home-slide-show .cycle-next img {
        opacity: 0;
    }

#home-slide-show:hover .cycle-prev img,
#home-slide-show:hover .cycle-next img {
    opacity: 0.7;
}

#home-slide-show .cycle-prev img:hover,
#home-slide-show .cycle-next img:hover {
    opacity: 1;
}

#home-slide-show-container .caption {
    color: #5091cd;
    font-size: 58px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    position: absolute;
    width: 450px;
    right: 50%;
    top: 200px;
    z-index: 150;
}

.home-quote-container {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-weight: 600;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 200;
    min-width: 910px;
}

    .home-quote-container #home-quote-gray-bar {
        background-color: #bcbec0;
        width: 80%;
        margin: 0 auto;
    }

    .home-quote-container .home-quote-inner {
        width: 80%;
        height: 90px;
        margin: 0 auto;
        color: #fff;
        position: relative;
    }

        .home-quote-container .home-quote-inner .home-quote {
            margin-left: 5px;
            font-size: 36px;
        }

        .home-quote-container .home-quote-inner .home-quote-source {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 24px;
            font-style: italic;
            font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
            font-weight: 600;
            padding: 10px;
        }

#homeslideposition {
    min-width: 910px;
    width: 80%;
    height: 806px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /*z-index: 1;*/
    text-align: center;
}

#homeslidewrapper {
    position: absolute;
    width: 100%;
    z-index: 40;
    height: 100%;
    overflow: hidden;
    left: 0;
}

#homeslidebox {
    width: 100%;
    height: 100%;
    position: relative;
}

.homeslide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

#home-slide-show .cycle-prev {
    left: 0;
}

#home-slide-show .cycle-next {
    right: 0;
}

#home-slide-show .cycle-pager {
    bottom: 50px;
    width: 500px;
    right: 50%;
    height: 20px;
    text-align: left;
    overflow: hidden;
    position: absolute;
    z-index: 500;
}

    #home-slide-show .cycle-pager span {
        width: 12px;
        height: 12px;
        display: inline-block;
        cursor: pointer;
        border: 1px solid #58595b;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        margin-right: 8px;
    }

        #home-slide-show .cycle-pager span.cycle-pager-active {
            background-color: #58595b;
        }

.cycle-pager-active > .thumb-container {
    outline: 1px solid #17497b;
}

#home-slide-show .cycle-pager > * {
    cursor: pointer;
}

.slide {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    -ms-behavior: url(/Scripts/backgroundsize.htc);
}

    .slide > a > div {
        height: 100%;
        width: 100%;
    }

    .slide img {
        width: 1280px;
        height: 806px;
    }

img {
    border: 0;
}

.email-dialog {
    width: 568px;
    height: 230px;
    text-align: left;
    opacity: 1;
    background-image: url(images/home/solumbra-medical.jpg);
    background-position: 433px 95px;
    background-repeat: no-repeat;
}

    .email-dialog button {
        padding: 0 15px 0 15px;
    }

   /* .email-dialog #email {
        height: 20px;
        border: 0;
        width: 229px;
    }*/

   /* .email-dialog #email-text-button {
        height: 29px;
        border: 1px solid #ddddde;
        display: inline-block;
        padding-left: 3px;
    }*/

#email-text-button{
    width:45%
}
#email-text-button input{
    border-radius:0;
}
#email-signup #SignUp {
    top: -1px
}

button.close.dialog-close {
    border-radius: 0;
    height: 33px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #17497b;
    color: #17497b;
    background-color: #ffffff;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    float: unset;
    opacity: 1;
    margin-left: 5px !important;
}

.email-dialog .close {
    height: 29px;
    margin-left: 22px;
}

    .email-dialog #solumbra-medical {
        position: absolute;
        right: 5px;
        height: 180px;
        bottom: 5px;
    }

    .email-dialog .input-validation-error {
        background-color: #fff;
    }

    .email-dialog .field-validation-error {
        font-size: 14px;
        margin-top: 6px;
    }

div.close.upper-right {
    background-image: url(images/common/x-dark.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    margin-top: -10px;
    margin-right: -10px;
}

.left-straight {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.border-radius-4 {
    border-radius: 4px;
}

.pop-up {
    background-color: #fff;
    display: none;
    border: 2px solid #bcbec0;
    border-radius: 0 0 8px 8px;
    margin: 0 auto;
    right: 0;
    left: 0;
    color: #58595b;
    padding: 15px;
}

a.dark-gray-button,
.dark-gray-button,
input[type="submit"].gray-button,
input[type="button"].gray-button,
a.gray-button {
    background-color: #e6e7e8;
    border: 1px solid #ddddde;
    color: #58595b;
}

a.dark-gray-button,
.dark-gray-button,
input[type="button"].dark-gray-button {
    background-color: #58595b;
    color: #fff;
    border: 1px solid #474849;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px 3px 8px;
    border-radius: 4px;
}

a.orange-button,
.orange-button,
input[type="submit"].orange-button {
    background-color: #fcb515;
    color: #000;
    border: 1px solid #c99011;
    padding: 3px 8px 3px 8px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}

a.gray-button {
    padding: 3px 8px 3px 8px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}

a.gray-button,
a.orange-button,
a.dark-gray-button {
    cursor: pointer;
}

.pop-up-title {
    font-size: 28px;
    color: #58595b;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    margin-bottom: 6px;
    margin-right: 24px;
}

.pop-up-subtitle {
    font-size: 18px;
    margin-bottom: 10px;
}

#password-dialog {
    background-color: #fff;
    display: none;
    padding: 15px;
    text-align: center;
    border: 2px solid #333;
    opacity: 0.8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0 auto;
    width: 200px;
}

    #password-dialog div {
        margin: 5px;
    }

    #password-dialog #OK {
        margin-right: 10px;
    }

header {
    font-size: 14px;
    width: 100%;
}

#checkout a,
#checkout a:visited {
    color: #000;
}

.trigger {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
}

#header {
    width: 900px;
    padding-left: 10px;
    height: 104px;
    margin: 0 auto;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    #header a {
        text-decoration: none;
    }

        #header,
        #header a,
        #header a:visited {
            color: #000;
        }

            #header .line1 {
                font-size: 40px;
                margin-bottom: -11px;
            }

                #header .line1 sup {
                    font-size: 16px;
                }

            #header .line2 {
                font-size: 22px;
                font-family: "Futura Medium", sans-serif, Arial, Helvetica;
                font-weight: 500;
            }

                #header .line2 sup {
                    font-size: 10px;
                }

            #header #top-line {
                display: block;
                text-align: right;
                padding-top: 10px;
                padding-right: 12px;
            }

#checkout-data-container {
    width: 70%;
    /*display: inline-block;*/
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

    #checkout-data-container button {
        height: 32px;
    }

    #checkout-data-container #ccv-tooltip {
        display: none;
        z-index: 2000;
        background: #fff;
        border: 1px solid #000;
        width: 400px;
        padding: 10px;
    }

#checkout-data #PromoCode1 {
    width: 180px;
}


.accordion .ui-accordion-header {
    border-radius: 0;
    /*background-color: #8a8c8e;*/
    background-image: none;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform:capitalize;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    height: 16px;
    border: none;
    background: none;
}
.abutton {
    background-color: #17497b;
    font-size: 14px;
    height: 32px;
    color: #ffffff;

    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}
   a.abutton, a.abutton:visited, a.abutton:hover {
        color: #fff;
    }

#checkout-data .ui-accordion-content {
    border-radius: 0;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

    #checkout-data .ui-accordion-content table {
        width: 100%;
    }

select.select-field {
    /*width: 90%;*/
    background-color: #e5e5e5;
}
    select.state-field {
        /*width: 95%;*/
    }
        #checkout-data .ui-accordion-content table input[type="text"],
        #checkout-data .ui-accordion-content table input[type="password"] {
           /* width: 95%;*/
            margin: 5px 0;
        }

.select-right-td{
    width: 88%;
    margin-left: 30px;
}

.select-right-td-payment {
    width: 88%;
    margin-left: 28px;
}
.p25 {
    padding-top: 25px;
}
.promo-code {
    width: 82%;
    display: inline-block;
}
.checkout-number {
    background-color: #17497b;
    border-radius: 50px;
    padding: 3px 7px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}
#checkout-data-container .apply-promo {
    border-radius: 0;
    height: 33px;
    position: relative;
    top: -2px;
    background-color: #17497b;
}

input[type="submit"].review-order {
/*    width: 40%;*/
    height:32px;
    border-radius:0;
}
#checkout-data .ui-accordion-content #CreditCardSecurityCode {
    width: 100px;
    margin-right: 10px;
}
#checkout-data-container button.next-button.exsting-user {
    height: 32px;
    border-radius: 0
}
.tbl-signin{
    width:100%;
}

#checkout-data .ui-accordion-header-active {
    /*background-color: #8a8c8e;*/
    background-image: none;
}

#checkout-data select.input-validation-error {
    background-color: #fff;
    border-color: #707070;
}

#checkout-data .orange-button {
    float: right;
}

#checkout-data input[type="text"],
#checkout-data input[type="password"] {
    border: 0;
    background-color: #e5e5e5;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.lblCartCount {
    font-size: 12px;
    background: #17497a;
    color: #fff;
    position: absolute;
    padding: 2px 4px;
    vertical-align: top;
    margin-left: -15px;
}

.mobile-menu .lblCartCount {
    margin-left: -5px;
}

#shoppingBagImage {
    background-image: url(images/common/shoppingbag.png);
    background-repeat: no-repeat;
    background-position: 120px 0;
    width: 140px;
    height: 18px;
    display: inline;
    text-align: left;
}

#shopping-bag-container {
    display: inline-block;
    /*vertical-align: top;*/
    width: 38%;
}
.checkout-form{
    width:61%;
    vertical-align: top;
}
.shoping-bag-header {
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
}

#shopping-bag-container h2,
#checkout-data-container h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

#shoppingBagContents {
    background-color: #fff;
    color: #58595b;
    text-align: left;
    margin-bottom: -5px;
}
.shoppingBagContents {
    margin-top: -500px;
}

#shoppingBagContents.checkout,
#order-detail-right #shoppingBagContents {
    background-color: #fff;
    box-shadow: 0px 0px 5px #888888;
}

    #shoppingBagContents .cart-new-container {
        padding: 0 29px;
    }
    #shoppingBagContents .order-summary-item {
        border-bottom: 1px solid #e5e5e5;
        font-size: 13px;
        vertical-align: top;
        padding-top: 8px;
        padding-left: 8px;
    }

        #shoppingBagContents .order-summary-item a.standard-blue {
            color: #5091cd;
        }

    #shoppingBagContents #bag-header,
    #view-bag-summary-header,
    #order-detail-right #bag-header {
        background-color: #888a8d;
        color: #fff;
        padding: 8px;
        font-size: 14px;
        height: 16px;
        box-sizing: content-box;
    }

    #shoppingBagContents table {
        width: 100%;
        font-size: 14px;
        border-spacing: 0;
    }

    #shoppingBagContents #bag-items {
        border-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        max-height: 400px;
        overflow: auto;
        width: 100%;
    }

        #shoppingBagContents #bag-items #empty-cart {
            height: 80px;
            vertical-align: middle;
            text-align: center;
        }

    #shoppingBagContents .bag-bold {
        font-family: "Futura Medium", sans-serif, Arial, Helvetica;
        font-weight: 500;
        font-size: 16px;
    }

    #shoppingBagContents #bag-items td {
        border-bottom: 1px solid #e5e5e5;
    }

    #shoppingBagContents #bag-summary {
       /* background-color: #e5e5e5;*/
        width: 85%;
        margin:auto;
        margin-bottom:20px;
    }

        #shoppingBagContents #bag-summary .divider {
            border-bottom: 1px solid #888a8d;
        }

        #shoppingBagContents #bag-summary td {
            padding-top: 10px;
        }

        #shoppingBagContents #bag-summary #checkout {
            font-size: 14px;
            font-weight: normal;
            padding-top: 20px;
            vertical-align: middle;
        }

    #shoppingBagContents #estimaged-charges tbody td {
        border-bottom: 1px solid #bcbec0;
    }

    #shoppingBagContents #charges tbody td {
        border-bottom: 1px solid #bcbec0;
    }

.bold {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-weight: 400;
}

#home-link {
    float: left;
    margin: 0 5px 5px 5px;
    text-align: center;
}

.standard-blue {
    color: #5091cd;
}

#search-container {
    background-color: #fff;
    right: 0;
    z-index: 500;
    border-radius: 3px;
    display: inline-block;
    vertical-align: bottom;
}

    #search-container input.watermark,
    #search-container input,
    #search {
        border:0;
        border-bottom: 1px solid rgb(35, 35, 35);
        outline: 0;
        width: 139px;
        vertical-align: bottom;
        height: 30px;
    }

    #search-container .search-placeholder {
        visibility: hidden;
    }

    #search-container #search {
        /*
  background-image: url("images/home/magnifier.png");
  background-repeat: no-repeat;
  */
        background-color: #fff;
        border: 0;
        width: 20px;
    }

  

.watermark {
    color: #58595b;
    font-family: inherit;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.pad-right {
    padding-right: 20px;
}

input[type="submit"],
input[type="button"],
button {
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #17497b;
    color: #fff;
    border: 1px solid #4175a6;
    height: 25px;
    line-height: 1px;
}

a.blue-button {
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
    height: auto;
    color: #fff;
}

.btn.blue-button:hover, .btn.blue-button:focus, .btn.blue-button.focus {
    color: #fff;
}


.wide-button {
    width: 140px;
    text-align: center;
}

#shipping-options-container {
    min-height: 326px;
}

#shipping-options-container.waiting {
    background-image: url("images/common/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 102px;
}

#shipping-options-container .shipping-option {
    width: 250px;
    height: 54px;
    /*display: inline-block;*/
    margin-bottom: 10px;
    background-color: #eee;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #fff;
}

#shipping-options-container .shipping-option .price {
    font-size: 16px;
    color: #545a82;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    line-height: 1.3;
}

#shipping-options-container .shipping-option:hover {
    border: 1px solid #000;
    background-color: #eee;
}

#shipping-options-container .shipping-option.selected {
    background-color: #ccc;
    border: 1px solid #888a8d;
}

label.CheckoutAgreement {
    padding-left: .3rem;
}

#mti_wfs_colophon {
    height: 0;
}

.top,
.top td {
    vertical-align: top;
}

.arrows {
    font-family: "ITC Zapf Dingbats W95";
}

.font600 {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

.font500 {
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

.font400 {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-weight: 400;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font28 {
    font-size: 28px;
}

#main-product-slideshow img,
#product_slideshow .cycle-slideshow img {
    display: none;
}

    #main-product-slideshow img.first,
    #product_slideshow .cycle-slideshow img.first {
        display: block;
    }

#product_slideshow .image-pager .thumb-container {
    border: 1px solid #888a8d;
    height: 72px;
    width: 54px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    border: none;
    display: block;
    margin: 1px 8px 8px 1px;
}

.swatch {
    cursor: pointer;
}

#bottom-right {
    height: 18px;
    font-size: 15px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    text-align: right;
    color: #58595b;
    margin: 10px 11px 0 0;
}

#side-nav {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
}

    #side-nav .side-nav-head {
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
        text-transform: uppercase;
        margin-top: 0;
    }

    #side-nav .side-nav-subhead {
        border-bottom: 1px solid #000;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
        margin-top: 8px;
    }

    #side-nav p {
        font-family: Futura-Book, sans-serif, Arial, Helvetica;
        font-weight: 400;
        margin-top: 4px;
        margin-bottom: 4px;
        color: #58595b;
    }

#toggle-mobile-cat-side {
    display: none;
}

#cat-side {
    display: inline-block;
    margin-right: 3px;
    /*width: 168px;*/
    vertical-align: top;
    list-style: none;
    list-style-image: none;
    font-size: 16px;
    width: 20%;
    margin-top: 15px;
}

    #cat-side.narrow {
        display: inline-block;
        margin-right: 4px;
        width: 156px;
        vertical-align: top;
        list-style: none;
        list-style-image: none;
    }

ul.level2 {
    margin-top: 10px;
}

#about-page #cat-side,
#customer-service-page #cat-side {
    margin-right: 3px;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    list-style-image: none;
    font-size: 16px;
    width: 20%;
    margin-top: 15px;
}
#about-contents h2 {
    font-size: 18px;
    color: #222;
    margin: 0 0 8px 0;
}
#side-nav a,
#side-nav a:visited {
    text-decoration: none;
    color: inherit;
}
.cart-maindiv > div > div.shoppingBagContainer {
    width: 100% !important;
}
#side-nav ul,
#side-nav li {
    list-style: none;
    padding: 0;
}

    #side-nav ul.level0 > li > div {
        text-transform: uppercase;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
    }

    #side-nav ul.level1 > li > div {
        margin-top: 6px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
    }

    #side-nav ul.level1 li {
        padding: 5px 0 5px 10px;
    }

#cat-side.narrow #side-nav {
    padding: 3px 5px;
}

#product-details {
    display: flex;
    flex-direction:column;
    justify-content:space-between;
    vertical-align: top;
    padding-left: 8px;
    padding-right: 3px;
    color: #222;
    width:80%;
}

.product-detail-top{
    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#product-details #AddToCart, #popup-product-details-right #AddToCart {
    background-color: #17497b;
    color: #fff;
    font-size: 18px;
    height: 48px;
    text-transform: none;
    border: none;
    width: 100%;
    max-width:30rem
}

        #product-details #AddToCart:hover {
            background-color: #1b528a;
        }

    #product-details td {
        vertical-align: middle;
    }

    #product-details #name,
    #product-details #name h1,
    #product-popup #name {
        color: #231f20;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        font-size: 15px;
    }

        #product-details #name h1 {
            margin: 0;
        }

    #product-details #description {
        word-wrap: break-word;
    }

    #product-details h2 {
        margin: 0;
        width: 100%;
        border: none;
        padding-left: 0;
        padding-right: 0;
        color: #222;
        font-size: 24px;
        font-family: Futura-Book, sans-serif;
        font-weight: bold;
    }

    #product-details #itemno {
        width: 128px;
        margin-right: 8px;
    }

    #product-details #size {
        width: 88px;
        margin-right: 8px;
    }

    #product-details .orange-button {
        height: 19px;
        padding-left: 3px;
        padding-right: 3px;
    }

    #product-details #name h1 {
        font-size: 18px;
        color: #222;
        margin-bottom: 8px;
    }

#product-details-left {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 20px;
}

    #product-details-left .product-image {
      /*  height: 700px;
        height: 350px;*/
    }

    #product-details-left #product_slideshow {
        flex: 0 1 auto;
        display: flex;
        justify-content: flex-start;

    }


        #product-details-left #product_slideshow #image-pager {
            width: 80px;
            height: 380px;
            overflow-y: scroll;
            scrollbar-color: #17497b transparent;
            scrollbar-width: thin;
            margin-right: 5px;
        }

            #product-details-left #product_slideshow #image-pager::-webkit-scrollbar {
                width: 5px;
            }

            #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-track {
                background: transparent;
            }

            #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-thumb {
                background-color: #17497b;
                border-radius: 20px;
                border: 3px solid #17497b;
            }

#image-pager-mobile {
    display: none;
}

#product-details-right {
    display: inline-block;
    vertical-align: top;
    width: 55%;
}

    #product-details-right .icon {
        /*display: none;*/
    }

#style {
    font-size: 16px;
    margin-bottom: 20px;
}

#alternates {
    display: inline-block;
}

#alternates-mobile {
    display: none;
}

#alternates, #alternates-mobile {
    vertical-align: top;
    /* width: 600px;*/
    text-align: left;
    color: #58596d;
    cursor: pointer;
    font-size: 11px;
    margin-top: 15px;
}

    #alternates > span, #alternates-mobile > span {
        font-weight: 600;
        font-size: 18px;
        color: #222;
        text-align: left;
    }

    #alternates > div, #alternates-mobile > div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #alternates img, #alternates-mobile img {
        width: 100%;
    }

.alternate-products {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

#alternates .alternate-product, #alternates-mobile .alternate-product {
    line-height: 12px;
    cursor: pointer;
    width: 31%;
    display: block;
}

#alternates .alternate-product:last-child, #alternates-mobile .alternate-product:last-child {
    margin-right: 0;
}

#solumbra-reasons {
    display: flex;
}

    #solumbra-reasons .content {
        padding: 130px 100px;
        width: 650px;
        position: relative;
    }

        #solumbra-reasons .content ol {
            -moz-column-count: 2;
            -moz-column-gap: 50px;
            -webkit-column-count: 2;
            -webkit-column-gap: 50px;
            column-count: 2;
            column-gap: 50px;
            padding-inline-start: 20px;
            font-size: 14px;
        }

            #solumbra-reasons .content ol li {
                margin-bottom: 8px;
                white-space: pre;
            }

    #solumbra-reasons .image {
        width: 50%;
    }

    #solumbra-reasons img {
        width: 390px;
        height: auto;
    }

    #solumbra-reasons .content:before {
        content: "";
        background-image: url("/content/quietowl/SPF-100.svg");
        background-size: 100px 100px;
        position: absolute;
        top: 110px;
        left: -10px;
        width: 100px;
        height: 100px;
    }

#complements,
#complements-mobile {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

    #complements img,
    #complements-mobile img {
        width: 100%;
        display: block;
    }

    #complements table,
    #complements-mobile table {
        border-spacing: 0;
        text-align: center;
    }

        #complements table td {
            width: 115px;
            vertical-align: top;
        }

    #complements #head-to-toe {
        background-color: #5091cd;
        color: #fff;
        width: 113px;
        text-align: center;
        padding-right: 4px;
        height: 150px;
        display: table-cell;
        vertical-align: top;
    }

        #complements #head-to-toe #part1 {
            font-size: 22px;
            font-family: "Futura Medium", sans-serif, Arial, Helvetica;
            padding-top: 10px;
        }

        #complements #head-to-toe #part2 {
            font-size: 19px;
            font-family: "Futura Medium", sans-serif, Arial, Helvetica;
        }

        #complements #head-to-toe #part3 {
            font-size: 13px;
            font-family: "Futura Medium", sans-serif, Arial, Helvetica;
            padding-top: 10px;
            line-height: 1.1;
        }

        #complements #head-to-toe #part4 {
            font-size: 10px;
            padding-top: 9px;
        }

    #complements #title span,
    #complements-mobile #title span {
        font-size: 18px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        margin-bottom: 15px;
        display: block;
    }

.complements-products, .mobile-complements-products {
    display: flex;
    flex-wrap: nowrap;
}

.complements-product {
    cursor: pointer;
    width: 32.33%;
    margin-right: 2%;
    display: block;
}

    .complements-product:last-child {
        margin-right: 0;
    }

.selling-points,
.selling-points-mobile {
    background-color: #f8f8f8;
    display: flex;
    margin-top: 22px;
}

.selling-points-mobile,
#complements-mobile {
    display: none;
}

.free-shipping-block {
    width: 46%;
    margin-right: 2%;
    padding-right: 2%;
    border-right: 1px solid #d5d5d5;
    text-align: center;
    padding: 25px;
}

.dermatology-block {
    width: 46%;
    text-align: center;
    padding: 25px;
}

#category-contents,
#outfit-category-contents {
    display: inline-block;
    color: #58596d;
    width: 80%;
    margin-top:15px;
}
    .no-left-menu {
        width: 100% !important;
    }

    #category-contents #filter-container,
    #outfit-category-contents #filter-container {
        /*width: 900px;*/
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

        #category-contents #filter-container img,
        #outfit-category-contents #filter-container img {
            width: 100%;
        }

        #category-contents #filter-container #SortOptions {
            margin-top: 10px;
            display: inline-block;
            width: 255px;
        }

    #category-contents a,
    #category-contents a:visited,
    #category-contents a:hover {
        text-decoration: none;
        color: #58596d;
    }

    #category-contents .product-name {
        font-size: 13px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
    }

#breadcrumb {
    font-size: 12px;
    height: 30px;
    padding-left: 200px;
    line-height: 30px;
    color: #58596d;
}

#measuring-tape {
    border: none;
    text-decoration: underline;
    margin: 0;
}

    #measuring-tape img {
        margin-left: 0;
    }

#email-friend img {
    margin-left: 10px;
}

#measuring-tape td {
    width: 50%;
    vertical-align: top;
}

#measuring-tape,
#email-friend {
    border-color: #929396;
    color: #000;
    height: 19px;
    font-size: 12px;
    line-height: 13px;
    text-align: left;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 0 5px;
    cursor: pointer;
    width: 140px;
}

#measuring-tape {
    background-color: #fff;
    padding-left: -10px;
}

#email-friend {
    background-color: #e6e7e8;
    border: 1px solid #474849;
}

    #email-friend td {
        vertical-align: top;
    }

#footer .blue-button {
    color: #fff;
}

.screen-size-plus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#shoppingBagLink {
    cursor: default;
    position: relative;
}


.slider-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    width: 30px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    font-size: 13px;
}

.slider-container {
    font-size: 0;
    width: 116px;
    display: inline-block;
}

    .slider-container div {
        display: inline-block;
        vertical-align: top;
        clear: both;
    }

    .slider-container .vertical-bar {
        height: 10px;
        width: 2px;
        background-color: #a9a9a9;
        margin: 0;
        padding: 0;
    }

    .slider-container .horizontal-bar {
        height: 4px;
        width: 25px;
        border-bottom: 2px solid #a9a9a9;
        margin: 0;
        padding: 0;
    }

    .slider-container .dot {
        height: 8px;
        width: 8px;
        background-color: navy;
        border-radius: 4px;
        margin-top: 1px;
    }

    .slider-container .label {
        width: 58px;
        font-size: 10px;
        display: inline-block;
    }

#review-page {
    margin-top: 10px;
}

#review-list {
    padding-right: 6px;
}

.review-list-title,
.write-review-title {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ebebec;
}

.review-details {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    width: 380px;
}

    .review-details .top-line {
        width: 374px;
        margin-bottom: 20px;
    }

        .review-details .top-line .review-title {
            display: inline-block;
            width: 250px;
            font-size: 14px;
            font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
            font-weight: 600;
        }

        .review-details .top-line .review-date {
            display: inline-block;
            text-align: right;
            width: 100px;
            vertical-align: top;
        }

.review-title {
    text-transform: uppercase;
}

.single-review .reviewer {
    display: inline-block;
    border-collapse: collapse;
}

.single-review {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.fit-container {
    padding: 0;
    font-size: 0;
    width: 400px;
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
}

    .fit-container div {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        margin: 0;
        height: 14px;
    }

        .fit-container div.between {
            background-image: url(images/common/gray-bar.jpg);
            background-repeat: repeat-x;
            background-position: center, center;
            height: 14px;
            width: 66px;
        }

        .fit-container div.spacer {
            width: 33px;
            height: 14px;
        }

        .fit-container div input {
            margin: 0;
            height: 14px;
            width: 14px;
        }

    .fit-container .radio-label {
        width: 80px;
        margin-top: 4px;
    }

    .fit-container div label {
        width: 80px;
        font-size: 12px;
    }

#write-review .msg {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    font-size: 18px;
}

#write-review .rating-error-message {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

#product-details-right #description {
    font-size: 16px;
    color: #222;
    padding: 30px 0;
}

#rating-box {
    height: 30px;
    overflow: hidden;
    padding-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}

    #rating-box span {
        vertical-align: super;
        font-size: 14px;
        padding: 20px 0;
    }

        #rating-box span a,
        #rating-box span a:visited {
            color: #222;
        }

.prints-solids {
    padding-bottom: 25px;
}

.price {
    font-size: 16px;
}

#review-links {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    padding-top: 3px;
}

#write-review select,
#write-review textarea {
    margin-left: 0;
    margin-right: 0;
}

#write-review #text {
    width: 400px;
}

#write-review #Title {
    width: 387px;
}

#write-review #Nickname {
    width: 238px;
    text-transform: uppercase;
}

#ReviewSortOption {
    margin-left: 15px;
}

.input-validation-error {
    background: #fff;
}

.strikethrough {
    color: #ddd;
    position: relative;
    margin-right: 5px;
}

    .strikethrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid #a9a9a9;
        border-color: inherit;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

.medium-gray {
    color: #58595b;
}

.light-gray {
    color: #a7aabf;
}

.narrow-page {
    width: 754px;
    margin: 0 auto;
}

.full-page {
    margin: 10px auto 0 auto;
    position: relative;
    color: #58595b;
    width: 95%;
}

#login-container {
    font-size: 14px;
}

    #login-container #returning-customer {
        width: 365px;
        margin-right: 10px;
    }

    #login-container #guest-checkout {
        width: 317px;
    }

    #login-container #returning-customer,
    #login-container #guest-checkout {
        display: inline-block;
        background-color: #f1f1f2;
        vertical-align: top;
        padding: 14px;
    }

    #login-container h3 {
        font-size: 14px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        margin: 0 0 8px 0;
    }

    #login-container input[type="password"],
    #login-container input[type="email"] {
        width: 250px;
    }

    #login-container button {
        height: 22px;
    }

    #login-container .result {
        height: 38px;
        width: 100%;
        margin-top: 4px;
        color: red;
    }

.field-label {
    padding-top: 13px;
}

.required-field {
    color: red;
}

.required-field-legend {
    color: red;
    float: right;
    font-size: 11px;
}

#head-to-toe-container h2 {
    color: #5091cd;
    font-size: 28px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#head-to-toe-container .ui-spinner-input {
    width: 30px;
}

.free-item {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 200px;
    padding-top: 30px;
}

.free-item-title {
    font-size: 16px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#free-or {
    display: inline-block;
    width: 100px;
    height: 200px;
    padding-top: 30px;
    vertical-align: top;
    text-align: center;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

#cart-footer {
    height: 95px;
}

#summary-footer,
#head-to-toe-teaser {
    height: 142px;
}

#cart-footer,
#summary-footer,
#head-to-toe-teaser {
    background-color: #1762a7;
    color: #fff;
    padding-left: 15px;
}

    #cart-footer h2,
    #summary-footer h2,
    #head-to-toe-teaser h2 {
        padding-top: 10px;
        margin-bottom: 10px;
        margin: 0;
    }

#bag-items .link-button,
#view-bag-items .link-button {
    border: 0;
    background-color: transparent;
    color: #58595b;
    text-transform: none;
    text-decoration: underline;
    padding: 0;
}

#checkout-form a,
#checkout-form a:visited,
#checkout-form a:hover {
    color: #5091cd;
}

    #checkout-form a.text-decoration-none,
    #checkout-form a.text-decoration-none:visited,
    #checkout-form a.text-decoration-none:hover {
        text-decoration: none;
    }

#shipping-address-label {
    color: #58595b;
}

#need-help {
    background-color: #f1f1f2;
    margin-top: 30px;
    font-size: 14px;
    width: 100%;
}

    #need-help > div {
        margin: 15px;
    }

    #need-help h2 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 4px;
    }

#review-checkout-data h3 {
    background: none;
    font-size: 14px;
    border: none;
    border-image: none;
    color: #555;
    font-weight: 600;
    border-radius: 0;
    height: 14px;
    color: #000;
    text-transform: uppercase;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    background-image: none;
    background-color: none;
}

div.swatch.unavailable {
    display: none;
}

div.color-header {
    margin-bottom: 15px;
    margin-top: 6px;
    color: #231f20;
    font-size: 16px;
}

optgroup {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-size: 12px;
}

option {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
}

#review-links a:visited,
#review-links a:link,
#review-links a:hover {
    text-decoration: none;
    color: #58596d;
}

#write-review {
    display: none;
}

.inline-block {
    display: inline-block;
}

.edit-order-link {
    /*margin-right: 10px;*/
    border: 0;
    background-color: transparent;
    text-transform: none;
    text-decoration: underline;
    color: #5091cd;
    padding: 0;
    height: 15px;
}

#email-friend-popup {
    width: 536px;
    height: 475px;
    background-position: 395px 335px;
    background-repeat: no-repeat;
    color: #58595b;
}

    #email-friend-popup input[type="text"],
    #email-friend-popup input[type="email"] {
        width: 248px;
    }

    #email-friend-popup input[type="text"],
    #email-friend-popup input[type="email"],
    #email-friend-popup textarea {
        border-radius: 3px;
        border: 1px solid #bcbec0;
    }

    #email-friend-popup .field-container,
    #email-friend-popup .field-container-right {
        display: inline-block;
        padding-top: 10px;
    }

    #email-friend-popup .field-container-right {
        padding-left: 25px;
    }

    #email-friend-popup #EmailProduct_Message {
        width: 100%;
    }

    #email-friend-popup .message-container {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #email-friend-popup .product-name {
        font-size: 16px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
    }

    #email-friend-popup button {
        width: 100px;
        margin-top: 30px;
        margin-right: 20px;
    }

    #email-friend-popup.waiting {
        background-image: url("images/common/ajax-loader.gif");
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.8;
    }

.italics {
    font-style: italic;
}

#missing-colorways {
    border-collapse: collapse;
    margin: 20px auto;
}

    #missing-colorways td {
        border: 1px solid #bcbec0;
        padding: 2px;
    }

#admin-show-images th {
    font-size: 16px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    background-color: #bcbec0;
}

#admin-show-images img {
    border: 1px solid #bcbec0;
    width: 300px;
}

.light-tan {
    background-color: #f3ede0;
}

.tan {
    background-color: #e7dbc3;
}

.light-blue {
    background-color: #a9bfe7;
}

.very-light-blue {
    background-color: #edf1fa;
}

.medium-blue {
    background-color: #5a8fd2;
}

.font-white {
    color: #fff;
}

#sizing-info-popup {
    width: 700px;
    height: 630px;
    line-height: 1;
}

    #sizing-info-popup table {
        text-align: center;
        color: #232323;
    }

    #sizing-info-popup td {
        padding: 2px 4px 2px 4px;
        min-width: 34px;
    }

    #sizing-info-popup #hats {
        display: inline-block;
        text-align: center;
    }

    #sizing-info-popup #kids-hats {
        display: inline-block;
        margin-left: 10px;
        text-align: center;
    }

    #sizing-info-popup .sub-title {
        color: #5091cd;
        font-size: 14px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        margin-top: 10px;
    }

#view-bag-left {
    margin-top: 15px;
    width: 770px;
    border-right: 1px solid #ebebec;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
}

    #view-bag-left .wide-button {
        width: 120px;
        text-align: center;
    }

    #view-bag-left form {
        display: inline-block;
    }

#view-bag-right {
    margin-top: 15px;
    width: 100px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-left: 20px;
}

    #view-bag-right img {
        max-width: 100px;
    }

    #view-bag-right div {
        margin-bottom: 30px;
    }

    #view-bag-right a {
        text-decoration: none;
        color: inherit;
    }

#add-sunscreen {
    display: inline-block;
    width: 350px;
    border: 1px solid #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    height: 180px;
    vertical-align: top;
}

#view-bag-summary {
    display: inline-block;
    width: 350px;
    height: 215px;
    vertical-align: top;
    padding-left: 25px;
}

    #view-bag-summary table {
        width: 100%;
    }

    #view-bag-summary td {
        vertical-align: top;
        padding-bottom: 10px;
    }

    #view-bag-summary .font600 {
    }

    #view-bag-summary thead td {
        background-color: #888a8d;
        color: #fff;
        padding: 8px;
        font-size: 14px;
    }

#empty-cart {
    padding: 15px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    font-size: 20px;
}

#product-popup {
    width: 600px;
}


#popup-product-details-right {
    display: inline-block;
    vertical-align: top;
    /*width: 290px;*/
}

.product-image {
    height: 372px;
}

#popup-product-details-alternates-horizontal {
    cursor: pointer;
    margin: 0 auto;
    width: 520px;
    text-align: center;
}

    #popup-product-details-alternates-horizontal div {
        width: 100px;
        vertical-align: top;
    }

#product-popup-contents.waiting {
    background-image: url("images/common/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}

#products-grid th,
.outfit-title {
    font-size: 24px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    background-color: #58595b;
    text-align: center;
    text-decoration: none;
}

#products-grid .sale-price {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#products-grid .sale-regular-price {
    text-decoration: line-through;
}

#products-grid {
    width: 100%;
}

    #products-grid img {
        width: 100%;
    }

.category-product-blocks {
    display: flex;
    flex-wrap: wrap;
}

.category-product-block {
    width: 33%;
    /*  margin-right: 2.33333%;
  margin-bottom: 2.3333%;*/
    text-align: center;
}

.subcategory-heading {
    font-weight: bold;
    padding: 30px 0;
    color: #232323;
    font-size: 18px;
}

#customer-sign-in {
    background-color: #f1f1f2;
    width: 350px;
    margin: 30px auto;
    padding: 15px;
    font-size: 14px;
}

    #customer-sign-in input[type="email"],
    #customer-sign-in input[type="password"] {
        width: 200px;
    }

    #customer-sign-in .input-fields {
        padding: 10px 0;
    }

    #customer-sign-in a {
        color: #5091cd;
    }

#add-edit-account input[type="text"],
#add-edit-account input[type="password"],
#add-edit-account input[type="email"] {
    width: 208px;
}

#add-edit-account .required-field-legend {
    display: inline-block;
    float: none;
    margin-left: 85px;
}

.order-detail-container.waiting {
    background-image: url("images/common/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 102px;
}

#order-detail-right {
    width: 400px;
    vertical-align: top;
    float: right;
}

#order-detail-left {
    display: inline-block;
    width: 290px;
    vertical-align: top;
}

.order-detail-container td {
    vertical-align: top;
}

#order-history-container,
#account-information {
    width: 751px;
    margin: 0 auto;
}

    #order-history-container h3 {
        margin-top: 0;
        border-radius: 0;
        padding-bottom: 0;
        padding-top: 0;
        background: none;
        border: 0;
    }

    #order-history-container > div > h3 > div {
        display: table-cell;
        width: 120px;
        margin: 0;
        padding: 2px 0 2px 0;
        border-right: 1px solid #aaa;
        text-align: center;
    }

    #order-history-container > div > h3 {
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }

    #order-history-container > div > div {
        border-radius: 0;
        padding: 20px 20px 20px 20px;
    }

#order-history-header {
    margin: 0;
    border: 1px solid #000;
}

    #order-history-header div {
        background-color: #888a8d;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal;
    }

.dislay-table-cell {
    display: table-cell;
}

#account-information .header-bar {
    background-color: #888a8d;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 2px;
    text-align: center;
}

#account-information table {
    border-spacing: 0;
    padding-left: 40px;
}

#account-information td {
    padding-right: 4px;
}

#account-information a {
    color: #5091cd;
}

#account-information #need-help {
    margin-top: 0;
    margin-left: 8px;
}

#standard-left-right {
    margin-top: 20px;
}

    #standard-left-right #left-side {
        display: inline-block;
        width: 490px;
        margin-left: 10px;
    }

    #standard-left-right #right-side {
        display: inline-block;
        width: 400px;
        vertical-align: top;
        float: right;
    }

#account-summary #need-help {
    display: inline-block;
    width: 300px;
    margin-left: 30px;
}

#head-to-toe-popup {
    width: 600px;
    height: 260px;
}

.popup-trigger {
    cursor: pointer;
}

#about-contents {
    display: inline-block;
    width: 735px;
}

.colgroup {
    display: block;
    float: left;
}

.column {
    margin-left: 18px;
    display: block;
    float: left;
}

.first {
    margin-left: 0;
    clear: left;
}

.clear {
    float: left;
}

.width1 {
    width: 231px;
}

.width2 {
    width: 486px;
}

.width3 {
    width: 738px;
}

.width-half {
    width: 435px;
}

#hd #shopping_tools {
    float: none;
    position: absolute;
    top: 36px;
    right: 0;
    width: 330px;
    height: 79px;
    padding-bottom: 0;
}

.unitx3 {
    width: 360px;
}

.pos_rel {
    position: relative;
}

.pos_abs_bottom {
    position: absolute;
    top: auto;
    bottom: 18px;
}

.no_gutter {
    margin-left: 0;
}

.text_white {
    color: #fff;
}

.pos_abs {
    position: absolute;
    z-index: 100;
}

.child {
    float: none;
}

ol.about_list {
    font-size: 16px;
    margin-bottom: 0;
}

    ol.about_list li h2 {
        margin: 0;
        font-size: 18px;
        line-height: 27px;
    }

    ol.about_list li {
        color: #5091cd;
    }

        ol.about_list li span.title {
            margin: 0;
            font-size: 18px;
            line-height: 27px;
        }

        ol.about_list li p {
            color: #232323;
            font-size: 13px;
            margin: 0 0 18px;
        }

#product_features_tagline hgroup {
    width: 80%;
    margin: 0 auto;
    padding: 18px 0;
}

#product_features_tagline h1 {
    text-align: center;
    margin-bottom: 0;
}

#product_features_tagline h2 {
    margin: 0 36px;
}

    #product_features_tagline h2 span.fancy {
        color: #fff;
        font-family: "Futura Bold", sans-serif, Arial, Helvetica;
        font-size: 18px;
    }

    #product_features_tagline h2 span.copyright {
        color: #000;
        font-size: 12px;
    }

#shirt_spread {
    position: relative;
    min-height: 567px;
    background-image: url(images/about/active_shirt_spread.png);
    background-repeat: no-repeat;
}

    #shirt_spread div.column {
        position: relative;
    }

.color_block_blue {
    background: #5091cd;
    color: #232323;
}

    .color_block_blue h1 {
        color: #fff;
    }

li.trigger {
    position: absolute;
    z-index: 1;
    display: block;
    width: auto;
    font-family: "Futura Bold", sans-serif, Arial, Helvetica;
    color: #569ada;
    cursor: pointer;
    font-size: 14px;
}

li#sun_smart_design {
    top: 63px;
    left: 0;
    color: #fff;
}

li#wicking {
    left: 45px;
    top: 171px;
}

li#dry_wet_protection {
    left: 27px;
    top: 252px;
}

li#soft_and_light {
    left: 18px;
    top: 333px;
}

li#built_in {
    left: 189px;
    top: 199px;
}

li#easy_care {
    left: 234px;
    top: 297px;
}

li#ventilation {
    left: 216px;
    top: 378px;
}

li#so_lightweight {
    width: 189px;
    top: 27px;
    left: 54px;
    color: #fff;
}

li#medical_device {
    width: 144px;
    left: 0;
    top: 117px;
}

li#how_do_you {
    width: 144px;
    top: 279px;
    left: 99px;
    color: #fff;
}

li.tooltip {
    z-index: 1000;
    display: none;
    width: 180px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding: 9px 9px 0;
    color: #005b88;
    border: 1px solid #005b88;
}

    li.tooltip em {
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        margin-left: -20px;
        border: 10px solid;
        border-color: transparent #005b88 transparent transparent;
    }

    li.tooltip p {
        margin: 0 0 9px;
        font-size: 12px;
        font-weight: normal;
    }

    li.tooltip ul {
        font-size: 12px;
        padding-right: 9px;
    }

ul.topics {
    margin: 18px 0 18px 20px;
    position: relative;
    top: 5px;
    list-style: none;
}

.inset {
    padding: 9px 18px;
}

.dark-gray-text {
    color: #232323;
}

iframe.online_catalog {
    height: 540px;
    margin: 0 0 18px;
    width: 100%;
}

#basic-shipping {
    border: 1px solid #5a8fd2;
}

    #basic-shipping td {
        padding: 4px;
        vertical-align: middle;
    }

.table-header {
    background-color: #88aadf;
    color: #fff;
    text-align: center;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

#care-instructions h3 {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#how-to-shop {
    outline-style: none;
    list-style: none;
    list-style-image: none;
    outline-width: 0;
}

    #how-to-shop ul,
    #how-to-shop li {
        outline-style: none;
        list-style: none;
        list-style-image: none;
        list-style-position: outside;
    }

    #how-to-shop table {
        border-collapse: collapse;
        border-spacing: 0;
    }

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
    width: 300px;
    padding: 0;
}

#contact-form textarea {
    height: 150px;
}

#contact-form select {
    width: 302px;
}

#product-specifics {
    padding-top: 15px;
    border-top: 1px solid #eee;
    color: #222;
    font-size: 14px;
}

    #product-specifics td {
        vertical-align: top;
        padding-bottom: 20px;
    }

.product-specifics-heading {
    font-weight: bold;
    padding-right: 35px !important;
}

#shipping-popup {
    width: 450px;
    z-index: 1101;
}

    #shipping-popup table {
        margin: 0 auto;
    }

#dynamic-header-popup {
    width: 400px;
}

#skw {
    margin-right: -10px !important;
}

select#ShippingTitle,
select#BillingTitle {
    width: 88px;
}

#promoCodeSuccess {
    color: #5091cd;
    font-size: 12px;
}

#order-error {
    font-size: 14px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    margin-top: 20px;
    color: red;
}

#spotlight-prompt {
    width: 565px;
    height: 210px;
}

#missing-category {
    width: 545px;
    height: 210px;
    text-align: left;
    opacity: 0.8;
    background-image: url(images/home/solumbra-medical.jpg);
    background-position: 400px 35px;
    background-repeat: no-repeat;
    line-height: 1.3;
}

    #missing-category a.orange-button,
    #missing-category .gray-button {
        font-size: 13px;
    }

    #missing-category h2 {
        margin-top: 0;
    }

#request-dr-catalog td input[type="text"],
#request-dr-catalog input[type="email"],
#request-dr-catalog textarea {
    width: 233px;
    padding-left: 0;
    padding-right: 0;
}

#request-dr-catalog select {
    width: 235px;
}

.size-prompt-container {
    position: absolute;
    left: -35px;
    top: 5px;
    width: 100px;
    font-size: 13px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    display: none;
    color: #fff;
}

#size-blocks {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.size-block {
    background-color: #f8f8f8;
    margin-right: 8px;
    display: inline-block;
    width: 90px;
    height: 38px;
    margin-bottom: 8px;
    font-size: 12px;
    color: #222;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    border: 1px solid #f8f8f8;
}

    .size-block.active {
        border: 1px solid #222;
    }

.size-prompt {
    padding: 5px;
    background-color: #5091cd;
    text-align: center;
}

.arrow_box {
    background: #5091cd;
    border: 1px solid #4175a6;
}

    .arrow_box:after,
    .arrow_box:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: #5091cd;
        border-color: rgba(80, 145, 205, 0);
        border-bottom-color: #5091cd;
        border-width: 8px;
        margin-left: -8px;
    }

    .arrow_box:before {
        border-color: #4175a6;
        border-color: rgba(65, 117, 166, 0);
        border-bottom-color: #4175a6;
        border-width: 9px;
        margin-left: -9px;
    }

dt {
    font-size: 15px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

#h-nyt {
    height: 100px;
    width: 600px;
    background: url(images/about/h-nyt.jpg) 0 0 no-repeat;
    margin: 10px auto 0 auto;
}

#about-links li {
    margin-top: 2px;
    margin-bottom: 4px;
}

#side-nav ul.level1 #about-links li {
    padding-left: 15px;
    text-indent: -11px;
}

.outfit-product-image {
    height: 150px;
}

#outfit-page {
    margin-top: 10px;
}

#outfit-left {
    padding-right: 10px;
}

#outfit-title {
    text-transform: uppercase;
}

#outfit-page #product-details {
    width: 480px;
    border-right: 0;
    padding-right: 0;
}

.size-color-quantity {
    margin-bottom: 8px;
    margin-top: 10px;
}

#outfit-category-contents .outfit {
    width: 238px;
    margin-top: 20px;
    display: inline-block;
}

    #outfit-category-contents .outfit img {
        width: 100%;
    }

    #outfit-category-contents .outfit.left {
        margin-right: 7px;
    }

.outfit a {
    text-decoration: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

#product-bullets {
    color: #222;
    padding-left: 15px;
    margin-bottom: 0;
}

    #product-bullets ul li {
        margin-bottom: 10px;
    }

#rating-star-container {
    display: inline-block;
    cursor: pointer;
}

.star {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-image: url(images/common/star-gray.png);
}

    .star.hover,
    .star.stick {
        background-image: url(images/common/star-blue.png);
    }

.review-response {
    padding-left: 10px;
    padding-right: 10px;
    font-style: italic;
}

.review-response-date {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

.blockWait {
    border-radius: 8px;
}

    .blockWait h1 {
        font-family: "Futura Medium", sans-serif, Arial, Helvetica;
        font-weight: 500;
    }

.sale-disclaimer {
    color: red;
}

.address-popup {
    width: 430px;
}

.address-popup-contents {
    line-height: 20px;
    font-size: 17px;
}

    .address-popup-contents #name {
        color: #231f20;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        font-size: 17px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .address-popup-contents .addressFooter {
        color: #231f20;
        font-size: 15px;
        text-align: center;
        margin-top: 20px;
        text-align: justify;
    }

    .address-popup-contents .originalAddress {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .address-popup-contents .suggestedAddress {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .address-popup-contents .addressContent {
        border-width: 1px;
        border-style: outset;
        border-color: #e5e5e5;
        padding: 5px 5px;
        background-color: #e5e5e5;
        cursor: pointer;
    }

    .address-popup-contents .addressButton {
        margin-top: 15px;
        text-align: center;
    }

    .address-popup-contents button {
        text-transform: inherit;
    }

.header {
    background: #fff;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.header-inner {
    margin: 0 auto;
    width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:16px;
}

.header a {
    text-decoration: none;
    color: inherit;
    padding: 5px 0;
}

.header ul {
    list-style: none;
}

.desktop-menu {
    width: 100%;
}

.top-banner {
    background-color: #17497a;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.top-menu {
    height: 65px;
    display: flex;
    align-items: center;
    position: relative;
}

.nav-banner {
    color: #222;
}

.top-nav {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

.top-nav > .menu-items > li {
    padding: 2rem 1rem;
}

.logo .line1 {
    font-size: 4.2rem;
    font-weight: bold;
    line-height: 4rem;
}

.logo .line2 {
    font-size: 2.4rem;
    letter-spacing: -1px
}

.logo sup {
    font-size: 50%;
}

.right-nav {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}
.menu-items {
    margin-bottom: 0;
    padding:5px;
}
.menu-items {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .menu-items li {
        padding: 0.5rem 1rem;
        transition: background 0.3s ease-in-out;
        font-weight: bold;
    }

.top-menu .menu-items li > a {
    border-bottom: 2px solid transparent;
}

.top-menu .menu-items li:hover > a {
    border-bottom: 2px solid #17497a;
}

.top-banner .menu-items {
    justify-content: flex-end;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    background: #17497a;
    width: 100%;
    top: 32px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 501;
}

.menu-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.banner-nav .dropdown:hover .dropdown-menu {
    top: 32px;
    opacity: 1;
    visibility: visible;
}

.mega-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 85px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 15px -15px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 6px 15px -15px rgba(0, 0, 0, 0.8);
    box-shadow: 0 6px 15px -15px rgba(0, 0, 0, 0.8);
}

    .mega-menu .content {
        background: #fff;
        padding: 1rem 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        width: 100%;
        justify-content: space-between;
        width: 80%;
        margin: 0 auto;
    }

    .mega-menu .button {
        text-align: center;
        border: 1px solid #164879;
        color: #164879;
        width: 60%;
        padding: 15px 25px;
        margin: 10px auto;
        transition: all 0.3s ease;
    }

        .mega-menu .button:hover {
            background-color: #164879;
            color: white;
        }

.blog .content {
    grid-template-columns: repeat(3, 1fr);
}

.content .col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1rem;
}

    .content .col .img-wrapper {
        display: block;
        position: relative;
        width: 100%;
        height: 20vw;
        overflow: hidden;
    }

    .content .col .img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .content .col img {
        width: 100%;
        transition: transform 0.3s ease-in-out;
    }

    .content .col .img-wrapper:hover img {
        transform: scale(1.1);
    }

    .content .col h2 {
        color: #222;
        font-size: 1.2rem;
        line-height: 3rem;
        font-weight: bold;
    }

    .content .col p {
        line-height: 1.2rem;
    }

ul.mega-links {
    margin-bottom: 30px;
}

.mega-links > li {
    padding: 0.8rem 0;
}

.col .mega-links li,
.col .mega-links li a {
}

    .col .mega-links li:not(.heading) {
        font-weight: normal;
    }

.menu-items li:hover .mega-menu {
    top: 60px;
    opacity: 1;
    visibility: visible;
}

.section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.menu-btn {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    z-index: 2;
}

.menu-btn__lines::before,
.menu-btn__lines::after {
    content: "";
    position: absolute;
}

.menu-btn__lines,
.menu-btn__lines::before,
.menu-btn__lines::after {
    width: 1.5rem;
    height: 0.1rem;
    background: #17497a;
    transition: all 0.5s ease-in-out;
}

    .menu-btn__lines::before {
        transform: translateY(-0.5rem);
    }

    .menu-btn__lines::after {
        transform: translateY(0.5rem);
    }

.menu-btn.open .menu-btn__lines {
    transform: translateX(2rem);
    background: transparent;
}

    .menu-btn.open .menu-btn__lines::before {
        transform: rotate(45deg) translate(-1.5rem, 1.5rem);
        background: #17497a;
    }

    .menu-btn.open .menu-btn__lines::after {
        transform: rotate(-45deg) translate(-1.5rem, -1.5rem);
        background: #17497a;
    }

.mobile-menu {
    display: none;
}

.mobile-nav {
    display: none;
}

.mobile-menu-dropdown {
    display: none;
}

.accordion .ui-accordion-header {
    box-sizing: content-box;
}

/******************* ****************/
.home-products-grid .category-product-block {
    text-decoration-color: #green;
    margin-top: 15px;
}

    .home-products-grid .category-product-block img {
        width: 88%;
        height: auto;
    }

    .home-products-grid .category-product-block h3 {
        text-decoration-color: #green;
        color: #000000;
        padding-top: 20px;
        margin-top: 20px;
        text-align: center;
        margin: 0 auto;
        font-family:"Futura Medium";
        font-size:25px;
    }

        .home-products-grid .category-product-block h3:hover {
            text-decoration: none;
        }

#homeslideposition #homeslidewrapper-mid {
    display: none;
}

.help-section {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 25px 0;
    margin: 20px 0;
}

.help-section-box {
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #000;
    margin: auto;
    text-align: center;
}

.help-box {
    display: inline-block;
    margin: 0 10px;
}

.txt-bold {
    font-weight: 600;
    font-family: Futura-heavy, sans-serif, Arial, Helvetica;
}

.ft-section-1 {
    width: 70%;
    margin: auto;
    margin-bottom: 20px;
}

.txt-header {
    font-size: 24px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

.txt-email {
    display: inline-block;
    width: 65%;
    margin-top: 20px;
}

    .txt-email > input {
        border-radius: 0;
    }

.btn-signup {
    display: inline-block;
}

#SignUp {
    border-radius: 0;
    height: 34px;
    position: relative;
    top: -3px;
    left: -4px;
    background-color: #17497b;
    color:#fff;
}

.inline {
    display: inline-block
}

.btn-req {
    border-radius: 0;
    border: 1px solid #17497b;
    color: #17497b;
    background-color: #ffffff;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    padding: 12px 20px;
}

.inline .btnClrReverse {
    border-radius: 0;
}

.mt-20 {
    margin-top: 20px;
}
.mt-10 {
    margin-top: 10px;
}

.mr-10 {
    margin-right: 10px
}
.mb-10{
    margin-bottom: 10px;
}

.link-section {
    margin-top: 60px;
}

.followus-div {
    clear: both;
    height: 50px;
}

.putting-test {
    width: 80%;
    min-width: 360px;
    text-align: left;
}
.search-icon {
    width: 20px; 
    height: 20px; 
    margin-right: 10px;
}
.sum-tm {
    font-size: 16px;
    font-weight: bold;
    top: -0.8em;
    left: -8px;
}

.padding-10{
    padding:10px;
}
.complete-fit {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#main-product-slideshow img {
    z-index: auto !important;
}
/*popup product csss*/
/*
#popop-product-details-left {
    display: inline-block;
    vertical-align: top;
    width: 279px;
    margin-right: 15px;
}*/

#popop-product-details-left {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 20px;
}

#product_slideshow {
    display: flex;
}

#popop-product-details-left .popup-product-image {
    /*  height: 700px;
    height: 350px;*/
}

#popop-product-details-left #popup-product_slideshow {
    /*display: flex;*/
}

#popop-product-details-left #product_slideshow #image-pager-popup {
    width: 80px;
    height: 380px;
    overflow-y: scroll;
    scrollbar-color: #17497b transparent;
    scrollbar-width: thin;
    margin-right: 5px;
}

#popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar {
    width: 5px;
}

#popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-track {
    background: transparent;
}

#popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-thumb {
    background-color: #17497b;
    border-radius: 20px;
    border: 3px solid #17497b;
}

#continue-shopping {
    border: 1px solid #5091cd;
    padding: .5rem;
    font-size: 14px;
    border-radius: 27px;
    text-decoration: none;
}

@media screen and (min-width: 1025px) {

}
@media screen and (max-width: 1024px) {
    #container {
        /*padding: 0 25px;*/
        max-width: 100%;
    }

    .header-inner {
        width: 100%;
        font-size: 12px;
        padding: 0 10px;
    }

    .menu-items {
        margin-bottom: 0;
    }
    .search-icon {
        height: 15px;
        width: 15px;
        position: relative;
        top: -5px
    }
    #search-container input {
        border-bottom: 1px solid rgb(35, 35, 35);
        
        height: 15px;
        width: 139px;
        vertical-align: bottom;
        height: 30px;
    }

     /*   div {
        max-width: 100%;
    }*/

    #image-pager {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .pager-thumbnail div {
        display: inline-block;
    }

    #product-details-right {
        width: 100%;
        margin-top: 5px;
    }

    #complements {
        display: none;
    }

    .selling-points {
        display: none;
    }

    .selling-points-mobile {
        margin-bottom: 22px;
    }

    .selling-points-mobile {
        display: flex;
    }

    #complements-mobile {
        display: block;
    }

    #category-contents,
    #outfit-category-contents {
        width: 100%;
    }



        #cat-side.active {
            display: block;
        }

    .txt-email{
        width:35%;
    }

    .mb-text-center {
        text-align: center;
    }
    .mob-text-center {
        text-align: center;
    }
    .mob-flex {
        display: flex;
        justify-content: center;
    }
    .mob-mt-20 {
        margin-top: 20px;
    }
    .followus-div {
        clear: both;
        height: 20px;
    }

    #cat-side {
        /*width:20%;*/
        margin: 10px;
    }
    #category-contents {
        width: 80%;
    }
    .select-right-td {
        margin-left: 23px;
    }

    .select-right-td-payment {
        margin-left: 20px;
    }
    .promo-code {
        width: 77%;
    }
    #product-details {
        /* display: inline-block;
        vertical-align: top;
       width: 100%;*/
        padding-left: 8px;
        padding-right: 3px;
        color: #222;
    }
    #product-details-left {
        /*display: inline-block;
        vertical-align: top;*/
        width: 54%;
        margin-right: 20px;
    }
    #product-details-right {       
        width: 44%
    }
    #checkout-data-container {
        width: 80%;
    }
    
}

@media screen and (max-width: 960px) {
    .logo .line1 {
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 2.7rem;
    }

    .logo .line2 {
        font-size: 1.5rem;
    }

    form .txt-email {
        width: 60%;
    }
    #container {
        width:80%
    }
        /* <div id="homeslideposition">
    <div id="homeslidewrapper */

        #homeslideposition #homeslidewrapper {
        display: none;
    }

    #homeslideposition #homeslidewrapper-mid {
        display: inline-block;
    }

    .home-products-grid .category-product-blocks {
        margin: 0;
        padding: 0;
    }

    .home-products-grid .category-product-block {
        margin: 0;
        padding: 0;
        width: 50%;
    }

        .home-products-grid .category-product-block img {
            margin: 0;
            padding: 0;
            width: 85%;
            height: auto;
        }

    #header #top-line {
    }

    #search-form {
        display: none;
    }

    header {
        position: absolute;
        left: 0;
    }

    #header {
        height: 165px;
    }

    .top-banner,
    .top-menu {
        display: none;
    }

    .menu-btn {
        display: flex;
    }

    .desktop-menu {
        display: none;
    }

    .mobile-nav {
        position: fixed;
        padding: 0 0;
        width: 80%;
        transform: translateX(-100vw);
        background-color: #fff;
        transition: transform 0.3s ease-in-out;
        display: block;
        top: 65px;
        /*max-height: 80vh;*/
        overflow: hidden;
        height: 100%;
    }

    .menu-icons {
        display: flex;
        flex-direction: row;
        align-self: center;
        position: relative;
    }

    .menu-icon {
        align-self: center;
        margin-left: 35px;
    }

    .search-mobile {
        display: flex;
        position: absolute;
        position: absolute;
        background-color: #fff;
        padding: 10px;
        min-width: 200px;
        right: 0;
        top: 58px;
    }

    .search-mobile input {
        width: 180px;
    }

    #main-content {
        padding-top: 5.2rem;
    }

    /*.second-level,
    .third-level {
        display: none;
    }

    .top-level > .heading,
    .second-level ul > li > .heading,
    .third-level > ul > li {
        padding: 25px 5px;
        display: block;
        border-bottom: 1px solid #ddd;
    }

    .top-level > .heading.no-border {
        border-bottom: none;
        padding: 15px 5px;
    }*/

    .mobile-nav.active {
        transform: translateX(0);
    }

    /*.second-level .heading,
    .second-level ul > li .heading {
        padding-left: 20px;
    }

    .third-level ul > li {
        padding-left: 40px;
    }*/

    .heading.active {
        font-weight: bold;
        display: block;
    }

    /*.mobile-menu-items {
        display: block;
        padding: 0 0 30px 0;
        overflow-y: scroll;
        height: 100vh;
        overflow-y: scroll;
    }

    .mobile-menu-items::-webkit-scrollbar {
        display: none;
    }*/

    .mobile-menu {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        width: 100%;
        padding: 0 20px;
        position: fixed;
        top: 0;
        font-size: 16px;
        color: #222;
        background-color: #fff;
    }

    /*.mobile-menu-dropdown.active {
        display: block;
    }

    .mobile-menu-items li a {
        width: 100%;
        display: block;
    }*/

    .mobile-nav ul {
        list-style: none;
        padding: 10px 20px;
        margin: 0;
    }

    .mobile-nav li {
        padding: 0.4rem;
        border-bottom: 1px solid #e5e5e5;
    }

    .mobile-nav li:last-child {
        border-bottom: none;
    }

    .mobile-nav li a {
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 2rem;
        /*font-weight: 500;*/
        margin-left: .5rem;
    }

    /* Submenu active state styles */

    .mobile-submenu {
        transform: translateX(-100%);
        transition: transform 0.4s ease-in-out;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #fff;
        z-index: 4; /* Updated z-index value */
        overflow-y: scroll;
        padding: 10px 20px;
    }

    .mobile-submenu-active {
        transform: translateX(0);
        z-index: 5; /* Added z-index value */
    }

    .size-block {
        width: 30%;
        margin-right: 1.5%;
        margin-bottom: 1.5%;
    }

    select.quantity {
        margin-left: 10px;
        padding: 5px;
    }

    #breadcrumb {
        display: none;
    }
    /*
  #image-pager {
	display: none;
  }
  */
    #container {
        padding: 0 0px;
        position: relative;
        max-width: 100%;
    }

    #product-details {
        flex-direction: column;
        width:100%
        /* padding: 0;*/
    }
    .product-detail-top {
        flex-direction: column;
    }

    #product-details-left {
        width: 100%;
    }
    #product-details-right {
        width: 100%;
    }
    .product-image {
        width: 100%;
        height: auto;
    }
    #product-details-left #product_slideshow {
        flex-direction: column-reverse;
    }
        #popop-product-details-left #product_slideshow {
            flex-direction: column-reverse;
        }

    #image-pager > a {
        user-select: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #product_slideshow .image-pager .thumb-container {
        outline: none;
        height: 15px;
        width: 15px;
    }

    .thumb-container:after {
        content: "\A";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #d7d7d7;
        display: inline-block;
    }

    .cycle-pager-active > .thumb-container:after {
        background: #17497b;
    }

    .pager-thumbnail {
        display: none;
    }

    #style, .font13 {
        font-size: 16px;
    }
    .cycle-slideshow {
        margin: 20px;
    }
    #popop-product-details-left #product_slideshow #image-pager-popup {
        width: 100%;
        height: 42px;
        overflow-x: scroll;
        margin-right: 0;
        margin-top: 25px;
        text-align: center;
    }
        #popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar {
            display: none;
        }

        #popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-track {
            background: transparent;
        }

        #popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-thumb {
            border: none;
            background-color: transparent;
        }

    #product-details-left #product_slideshow #image-pager {
        width: 100%;
        height: 42px;
        overflow-x: scroll;
        margin-right: 0;
        margin-top: 25px;
    }

        #product-details-left #product_slideshow #image-pager::-webkit-scrollbar {
            display: none;
        }

        #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-track {
            background: transparent;
        }

        #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-thumb {
            border: none;
            background-color: transparent;
        }

    #complements-mobile table {
        width: 100%;
    }

        #complements-mobile table td {
            width: 24%;
            padding-right: 1%;
        }

    #complements-mobile img {
        margin-right: 0;
        width: 100%;
        height: auto !important;
    }

    #product_slideshow .image-pager .thumb-container {
        display: inline-block;
    }

    #product-details-left .product-image {
        width: 100%;
        height: auto;
    }

    .free-shipping-block,
    .dermatology-block {
        padding: 10px;
    }

    .review-details {
        margin-left: 0;
    }

    /* #product-details #AddToCart {
        padding: 20px 45px;
    } */
    #alternates {
        display: none;
    }

    #alternates-mobile {
        display: inline-block;
    }

    #alternates .alternate-product {
        /*width: 33.33%;*/
      
    }

        #alternates .alternate-product:nth-child(3) {
            margin-right: 0;
        }

        #alternates .alternate-product:last-child {
            display: none;
        }

    #alternates img {
        margin-right: 0;
    }

    #solumbra-reasons {
        width: 100%;
        display: block;
    }

        #solumbra-reasons .content {
            width: 100%;
            padding: 15px 0;
        }

            #solumbra-reasons .content:before {
                content: "";
                height: 0;
                width: 0;
            }

        #solumbra-reasons .image {
            width: 100%;
        }

        #solumbra-reasons h2 {
            text-align: center;
            font-size: 20px;
            margin-bottom: 15px;
        }

        #solumbra-reasons img {
            width: 100%;
        }

        #solumbra-reasons .content ol li {
            white-space: normal;
        }

    .category-product-block {
        width: 45%;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    .header a {
        margin-left: 73px;
    }
    .mobile-menu-items li a {
        margin-left: 0px;
    }

    .mb-font-12 {
        font-size: 12px;
    }

    .mb-text-center {
        text-align: center;
    }

    .mob-mt-20 {
        margin-top: 20px;
    }

    .inline .btnClrReverse, .inline .btn-req {
        padding: 12px
    }

    .mob-flex {
        display: flex;
    }

    .mob-hide {
        display: none
    }

    .followus-div {
        height: 20px;
    }

    .padding-left-right20 {
        padding: 0px 20px;
    }

    .mob-text-center {
        text-align: center;
    }

    #toggle-mobile-cat-side {
        display: block;
        border: 1px solid #232323;
        width: 120px;
        padding: 5px;
        margin-bottom: 25px;
    }

    #cat-side {
        display: none;
        position: absolute;
        background-color: white;
        min-width: 50%;
    }
    .tbl-signin, .checkout-form, #shopping-bag-container {
        width: 100%
    }
    #shopping-bag-container {
        margin-top: 1rem;
    }
    .select-right-td {
        margin-left: 20px;
        width: 93%;
    }
    .select-right-td-payment {
        margin-left: 20px;
        width: 92%;
    }
    a.buttonSized {
        font-size: 14px;
    }
}

@media screen and (max-width: 320px) {
    .header a {
        margin-left: 73px;
    }
    .header span.has-submenu a {
        margin-left: 0px;
    }
    a.buttonSized {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .inline .btnClrReverse, .inline .btn-req {
        padding: 8px
    }
    .promo-code{
        width:77px;
    }
    .txt-email {
        width: 60%;
    }
    a.buttonSized {
        font-size: 14px;
    }
    .select-right-td {
        margin-left: 11px;
        width: 93%;
    }
}
.col-1l {
    width: 48%
}
.col-2r {
    width: 48%;
    padding-left: 4%;
}
.pt5 {
    padding-top: 5px;
}
.bline h3 {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 12px !important;
}

/* Add this CSS to your stylesheet */
.loading-spinner-cart {
    display: none; /* Hidden by default */
    position: absolute; /* Positioned relative to the parent div */
    z-index: 9999; /* Sit on top */
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px; /* Center the spinner */
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.loading-spinner {
    display: block; /* Display block for inline usage */
    width: 60px;
    height: 60px;
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto; /* Center the spinner inside the message div */
}

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

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

/*** ESSENTIAL STYLES ***/
.sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.no-list {
    list-style: none;
}

#customer-service-menu {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    float: none;
    /*width: 115px;*/
    font-size: 14px;
}

    #customer-service-menu > li {
        text-align: center;
        width: 100%;
    }

    #customer-service-menu > li > a {
        /*padding: 0 10px 0 5px;*/
    }
    #customer-service-menu li {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #customer-service-menu .sf-mega {
        width: 130px;
        padding: 5px 0 0 20px;
    }

    #customer-service-menu ul {
        padding: 0px;
        line-height: 1.4;
    }

    #customer-service-menu div.sf-mega a, #customer-service-menu div.sf-mega a:visited, #customer-service-menu .sfHover a.sf-with-ul {
        color: #000000;
    }

    #customer-service-menu #customer-service-title > a:hover, #customer-service-menu #customer-service-title.sfHover > a {
        color: #5091CD;
    }
.sf-menu .sf-mega {
    position: absolute;
    display: none;
    top: 100%;
    /*left: 0;*/
    z-index: 200;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
    display: block;
}

.sf-menu > li > a {
    display: block;
    position: relative;
}

#mega-menu {
    width: 900px;
    position: absolute;
    bottom: 8px;
}

    #mega-menu .sf-mega a, #mega-menu .sf-mega a:visited {
        color: #58595B;
        padding-left: 16px;
    }

    #mega-menu a.mega-section-header, #mega-menu a.mega-section-header:visited {
        color: #5091CD;
        padding-left: 0;
    }

    #mega-menu td {
        vertical-align: top;
    }

#mega-menu .left-menu .sf-mega {
    width: 430px;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    /*margin-bottom: 1em;*/
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}

    .sf-menu .left-menu {
        background-color: #FFFFFF;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        height: 18px;
        box-shadow: 0 2px 0 0px #c0c0c0;
    }

        .sf-menu .left-menu a {
            padding-left: 5px;
            height: 18px;
        }

    .sf-menu .middle-menu {
        background-color: #FFFFFF;
        margin-left: -1px;
        height: 18px;
    }

    .sf-menu .right-menu {
        background-color: #FFFFFF;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding-right: 10px;
        margin-left: 3px;
        box-shadow: 0 2px 0 0px #c0c0c0;
    }

        .sf-menu .right-menu a {
            height: 18px;
            margin-left: 5px;
        }

    .sf-menu > li > a {
        /*padding: .75em 1em;*/
        text-decoration: none;
        zoom: 1; /* IE7 */
        color: #13a;
    }

    .sf-menu > li {
        -webkit-transition: background .2s;
        transition: background .2s;
        padding-top: 3px;
        padding-bottom: 2px;
        padding-right: 5px;
    }

        .sf-menu > li:hover, .sf-menu > li.sfHover {
            -webkit-transition: none;
            transition: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .sf-menu > li.middle-menu:hover {
            background: #FFFFFF;
            -webkit-transition: none;
            transition: none;
        }

#mega-menu > li:hover > a, #mega-menu > li.sfHover > a {
    color: #000000;
}

/*** mega menu dropdown ***/
.sf-mega {
    padding: 5px;
    /*box-sizing: border-box;*/
    font-size: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: -1px;
}

    .sf-mega table {
        text-align: left;
    }

.sf-mega-section {
    float: left;
    width: 8em; /* optional */
    padding: 0 1em 1em 0;
    margin-right: 1em;
    border-right: 1px solid #b4c8f5;
}

.sf-mega .mega-section-header {
    font-weight: 600;
    color: #5091CD;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -3px;
        height: 0;
        width: 0;
        /* order of following 3 rules important for fallbacks to work */
        border: 5px solid transparent;
        border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
        border-top-color: rgba(255,255,255,.5);
    }

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

.menu-indent {
    padding-left: 20px;
}

/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	padding: 0 2px;
	text-decoration: none;
}

.compact-theme a:hover {
	text-decoration: none;
}

.compact-theme .prev {
}

.compact-theme .next {
}

.current.prev, .current.next {
}

.prev, .next {
}
.compact-theme .current {
	cursor: default;
    color: #5091CD;
}

.compact-theme .ellipse {
	padding: 0 10px;
	cursor: default;
}


#header {
    /*background: rgba(204,204,204,.3);*/
    background: #E5E5E5;
}

#main-content {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.sf-mega, .sf-menu > li:hover, .sf-menu > li.sfHover {
    background: #f8f0e2;
}

.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)}.jp-card.jp-card-ie-10.jp-card-flipped,.jp-card.jp-card-ie-11.jp-card-flipped{-webkit-transform:0deg;-moz-transform:0deg;-ms-transform:0deg;-o-transform:0deg;transform:0deg}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after{left:18%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);left:5%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny{left:84%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after{left:-480%;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back{display:none}.jp-card-logo{height:36px;width:60px;font-style:italic}.jp-card-logo,.jp-card-logo:before,.jp-card-logo:after{box-sizing:border-box}.jp-card-logo.jp-card-amex{text-transform:uppercase;font-size:4px;font-weight:bold;color:white;background-image:repeating-radial-gradient(circle at center, #fff 1px, #999 2px);background-image:repeating-radial-gradient(circle at center, #fff 1px, #999 2px);border:1px solid #EEE}.jp-card-logo.jp-card-amex:before,.jp-card-logo.jp-card-amex:after{width:28px;display:block;position:absolute;left:16px}.jp-card-logo.jp-card-amex:before{height:28px;content:"american";top:3px;text-align:left;padding-left:2px;padding-top:11px;background:#267AC3}.jp-card-logo.jp-card-amex:after{content:"express";bottom:11px;text-align:right;padding-right:2px}.jp-card.jp-card-amex.jp-card-flipped{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before{background-color:#108168}.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex{opacity:1}.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc{visibility:visible}.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after{opacity:1}.jp-card-logo.jp-card-discover{background:#f60;color:#111;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:10px;text-align:center;overflow:hidden;z-index:1;padding-top:9px;letter-spacing:.03em;border:1px solid #EEE}.jp-card-logo.jp-card-discover:before,.jp-card-logo.jp-card-discover:after{content:" ";display:block;position:absolute}.jp-card-logo.jp-card-discover:before{background:white;width:200px;height:200px;border-radius:200px;bottom:-5%;right:-80%;z-index:-1}.jp-card-logo.jp-card-discover:after{width:8px;height:8px;border-radius:4px;top:10px;left:27px;background-color:#f60;background-image:-webkit-radial-gradient(#f60,#fff);background-image:radial-gradient(  #f60,#fff);content:"network";font-size:4px;line-height:24px;text-indent:-7px}.jp-card .jp-card-front .jp-card-logo.jp-card-discover{right:12%;top:18%}.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before{background-color:#86B8CF}.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover{opacity:1}.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after{-webkit-transition:400ms;-moz-transition:400ms;transition:400ms;content:" ";display:block;background-color:#f60;background-image:-webkit-linear-gradient(#f60,#ffa366,#f60);background-image:linear-gradient(#f60,#ffa366,#f60);height:50px;width:50px;border-radius:25px;position:absolute;left:100%;top:15%;margin-left:-25px;box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.5)}.jp-card-logo.jp-card-unionpay{width:60px;display:block;height:40px;background:#e21836;-webkit-transform:skew(-15deg);-moz-transform:skew(20deg);-o-transform:skew(20deg);border-radius:5px;font-size:10px;z-index:1;line-height:33px;color:#fff;text-align:center;font-family:"Sans-serif", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans", "Gulim", "\5B8B\4F53";font-weight:bold}.jp-card-logo.jp-card-unionpay:after,.jp-card-logo.jp-card-unionpay:before{display:block;margin:0 auto;position:absolute;height:40px;top:0;z-index:-1}.jp-card-logo.jp-card-unionpay:before{content:" ";width:28px;background:#00447c;left:14px;border-top-left-radius:5px;border-bottom-left-radius:5px}.jp-card-logo.jp-card-unionpay:after{content:"银联";width:26px;background:#007b84;left:34px;border-radius:5px;font-size:10px;line-height:54px;text-indent:-17px}.jp-card.jp-card-unionpay.jp-card-identified .jp-card-back:before,.jp-card.jp-card-unionpay.jp-card-identified .jp-card-front:before{background-color:#987c00}.jp-card.jp-card-unionpay.jp-card-identified .jp-card-logo.jp-card-unionpay{opacity:1}.jp-card-logo.jp-card-visa{text-transform:uppercase;color:white;text-align:center;font-weight:bold;font-size:24px;line-height:18px;margin-top:5px}.jp-card-logo.jp-card-visa:before,.jp-card-logo.jp-card-visa:after{content:" ";display:block;width:100%;height:25%}.jp-card-logo.jp-card-visa:before{position:absolute;left:-4px;width:0;height:0;border-style:solid;border-width:0 12px 6px 0;border-color:transparent #ffffff transparent transparent}.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before{background-color:#191278}.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa{opacity:1;box-shadow:none}.jp-card-logo.jp-card-visaelectron{background:white;text-transform:uppercase;color:#1A1876;text-align:center;font-weight:bold;font-size:15px;line-height:18px}.jp-card-logo.jp-card-visaelectron:before,.jp-card-logo.jp-card-visaelectron:after{content:" ";display:block;width:100%;height:25%}.jp-card-logo.jp-card-visaelectron:before{background:#1A1876}.jp-card-logo.jp-card-visaelectron:after{background:#E79800}.jp-card-logo.jp-card-visaelectron .elec{float:right;font-family:arial;font-size:9px;margin-right:1px;margin-top:-5px;text-transform:none}.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before,.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before{background-color:#191278}.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron{opacity:1}.jp-card-logo.jp-card-mastercard{color:white;font-style:normal;text-transform:lowercase;font-weight:bold;text-align:center;font-size:9px;line-height:84px;z-index:1;text-shadow:1px 1px rgba(0,0,0,0.6)}.jp-card-logo.jp-card-mastercard:before,.jp-card-logo.jp-card-mastercard:after{content:" ";display:block;width:36px;top:0;position:absolute;height:36px;border-radius:18px}.jp-card-logo.jp-card-mastercard:before{left:0;background:#EB001B;z-index:-1;opacity:0.9}.jp-card-logo.jp-card-mastercard:after{right:0;background:#FF5F00;z-index:-2}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard{box-shadow:none}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before{background-color:#0061A8}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard{opacity:1}.jp-card-logo.jp-card-maestro{color:white;font-style:normal;text-transform:lowercase;font-weight:bold;text-align:center;font-size:14px;line-height:84px;z-index:1;text-shadow:1px 1px rgba(0,0,0,0.6)}.jp-card-logo.jp-card-maestro:before,.jp-card-logo.jp-card-maestro:after{content:" ";display:block;width:36px;top:0;position:absolute;height:36px;border-radius:18px}.jp-card-logo.jp-card-maestro:before{left:0;background:#EB001B;z-index:-2}.jp-card-logo.jp-card-maestro:after{right:0;background:#00A2E5;z-index:-1;opacity:0.8}.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro{box-shadow:none}.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before{background-color:#0B2C5F}.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro{opacity:1}.jp-card-logo.jp-card-dankort{width:60px;height:36px;padding:3px;border-radius:8px;border:#000 1px solid;background-color:#fff}.jp-card-logo.jp-card-dankort .dk{position:relative;width:100%;height:100%;overflow:hidden}.jp-card-logo.jp-card-dankort .dk:before{background-color:#ED1C24;content:'';position:absolute;width:100%;height:100%;display:block;border-radius:6px}.jp-card-logo.jp-card-dankort .dk:after{content:'';position:absolute;top:50%;margin-top:-7.7px;right:0;width:0;height:0;border-style:solid;border-width:7px 7px 10px 0;border-color:transparent #ED1C24 transparent transparent;z-index:1}.jp-card-logo.jp-card-dankort .d,.jp-card-logo.jp-card-dankort .k{position:absolute;top:50%;width:50%;display:block;height:15.4px;margin-top:-7.7px;background:white}.jp-card-logo.jp-card-dankort .d{left:0;border-radius:0 8px 10px 0}.jp-card-logo.jp-card-dankort .d:before{content:'';position:absolute;top:50%;left:50%;display:block;background:#ED1C24;border-radius:2px 4px 6px 0px;height:5px;width:7px;margin:-3px 0 0 -4px}.jp-card-logo.jp-card-dankort .k{right:0}.jp-card-logo.jp-card-dankort .k:before,.jp-card-logo.jp-card-dankort .k:after{content:'';position:absolute;right:50%;width:0;height:0;border-style:solid;margin-right:-1px}.jp-card-logo.jp-card-dankort .k:before{top:0;border-width:8px 5px 0 0;border-color:#ED1C24 transparent transparent transparent}.jp-card-logo.jp-card-dankort .k:after{bottom:0;border-width:0 5px 8px 0;border-color:transparent transparent #ED1C24 transparent}.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before{background-color:#0055C7}.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort{opacity:1}.jp-card-logo.jp-card-elo{height:50px;width:50px;border-radius:100%;background:black;color:white;text-align:center;text-transform:lowercase;font-size:21px;font-style:normal;letter-spacing:1px;font-weight:bold;padding-top:13px}.jp-card-logo.jp-card-elo .e,.jp-card-logo.jp-card-elo .l,.jp-card-logo.jp-card-elo .o{display:inline-block;position:relative}.jp-card-logo.jp-card-elo .e{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}.jp-card-logo.jp-card-elo .o{position:relative;display:inline-block;width:12px;height:12px;right:0;top:7px;border-radius:100%;background-image:-webkit-linear-gradient( #ff0 50%,red 50%);background-image:linear-gradient( #ff0 50%,red 50%);-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);text-indent:-9999px}.jp-card-logo.jp-card-elo .o:before{content:"";position:absolute;width:49%;height:49%;background:black;border-radius:100%;text-indent:-99999px;top:25%;left:25%}.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before{background-color:#6F6969}.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo{opacity:1}.jp-card-logo.jp-card-jcb{border-radius:5px 0px 5px 0px;-moz-border-radius:5px 0px 5px 0px;-webkit-border-radius:5px 0px 5px 0px;background-color:white;font-style:normal;color:white;width:50px;padding:2px 0 0 2px}.jp-card-logo.jp-card-jcb>div{width:15px;margin-right:1px;display:inline-block;text-align:center;text-shadow:1px 1px rgba(0,0,0,0.6);border-radius:5px 0px 5px 0px;-moz-border-radius:5px 0px 5px 0px;-webkit-border-radius:5px 0px 5px 0px}.jp-card-logo.jp-card-jcb>div:before,.jp-card-logo.jp-card-jcb>div:after{content:" ";display:block;height:8px}.jp-card-logo.jp-card-jcb>div.j{background-color:#000063;background-image:-webkit-linear-gradient(left, #000063,#008cff);background-image:linear-gradient(to right,#000063,#008cff)}.jp-card-logo.jp-card-jcb>div.c{background-color:#630000;background-image:-webkit-linear-gradient(left, #630000,#ff008d);background-image:linear-gradient(to right,#630000,#ff008d)}.jp-card-logo.jp-card-jcb>div.b{background-color:#006300;background-image:-webkit-linear-gradient(left, #006300,lime);background-image:linear-gradient(to right,#006300,lime)}.jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before,.jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before{background-color:#CB8000}.jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb{opacity:1;box-shadow:none}.jp-card-logo.jp-card-dinersclub{font-family:serif;height:40px;width:100px;color:white;font-size:17px;font-style:normal;letter-spacing:1px}.jp-card-logo.jp-card-dinersclub::before,.jp-card-logo.jp-card-dinersclub::after{display:block;position:relative}.jp-card-logo.jp-card-dinersclub::before{content:'Diners Club'}.jp-card-logo.jp-card-dinersclub::after{content:'International';text-transform:uppercase;font-size:0.6em}.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo{box-shadow:none !important}.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before,.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before{background-color:#999}.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub{opacity:1}.jp-card-logo.jp-card-hipercard{height:20px;width:100px;color:white;font-size:21px;font-style:italic;font-weight:bold}.jp-card-logo.jp-card-hipercard::before,.jp-card-logo.jp-card-hipercard::after{display:block;position:relative}.jp-card.jp-card-hipercard.jp-card-identified .jp-card-front:before,.jp-card.jp-card-hipercard.jp-card-identified .jp-card-back:before{background-color:#770304}.jp-card.jp-card-hipercard.jp-card-identified .jp-card-logo.jp-card-hipercard{opacity:1;box-shadow:none}.jp-card-logo.jp-card-troy{text-transform:lowercase;color:#fff;text-align:center;font-weight:700;font-size:24px;line-height:18px;margin-top:5px}.jp-card-logo.jp-card-troy:before,.jp-card-logo.jp-card-troy:after{content:\"\";display:block;width:26%;height:6%;background:#22b8c3;right:32%;top:24%;position:absolute;transform:rotate(105deg)}.jp-card.jp-card-troy.jp-card-identified .jp-card-front:before,.jp-card.jp-card-troy.jp-card-identified .jp-card-back:before{background-color:#01adba}.jp-card.jp-card-troy.jp-card-identified .jp-card-logo.jp-card-troy{opacity:1;box-shadow:none}.jp-card-container{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;width:350px;max-width:100%;height:200px;margin:auto;z-index:1;position:relative}.jp-card{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1;position:relative;width:100%;height:100%;min-width:315px;border-radius:10px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear}.jp-card>*,.jp-card>*:after,.jp-card>*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.jp-card.jp-card-flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.jp-card .jp-card-back,.jp-card .jp-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:10px;background:#ddd}.jp-card .jp-card-back:before,.jp-card .jp-card-front:before{content:" ";display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;border-radius:10px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease}.jp-card .jp-card-back:after,.jp-card .jp-card-front:after{content:" ";display:block}.jp-card .jp-card-back .jp-card-display,.jp-card .jp-card-front .jp-card-display{color:#fff;font-weight:normal;opacity:0.5;-webkit-transition:opacity 400ms linear;-moz-transition:opacity 400ms linear;transition:opacity 400ms linear}.jp-card .jp-card-back .jp-card-display.jp-card-focused,.jp-card .jp-card-front .jp-card-display.jp-card-focused{opacity:1;font-weight:700}.jp-card .jp-card-back .jp-card-cvc,.jp-card .jp-card-front .jp-card-cvc{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:14px}.jp-card .jp-card-back .jp-card-shiny,.jp-card .jp-card-front .jp-card-shiny{width:50px;height:35px;border-radius:5px;background:#ccc;position:relative}.jp-card .jp-card-back .jp-card-shiny:before,.jp-card .jp-card-front .jp-card-shiny:before{content:" ";display:block;width:70%;height:60%;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#d9d9d9;position:absolute;top:20%}.jp-card .jp-card-front .jp-card-logo{position:absolute;opacity:0;right:5%;top:8%;-webkit-transition:400ms;-moz-transition:400ms;transition:400ms}.jp-card .jp-card-front .jp-card-lower{width:80%;position:absolute;left:10%;bottom:30px}@media only screen and (max-width: 480px){.jp-card .jp-card-front .jp-card-lower{width:90%;left:5%}}.jp-card .jp-card-front .jp-card-lower .jp-card-cvc{visibility:hidden;float:right;position:relative;bottom:5px}.jp-card .jp-card-front .jp-card-lower .jp-card-number{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:24px;clear:both;margin-bottom:30px}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;letter-spacing:0;position:relative;float:right;width:25%}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after,.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;font-size:7px;white-space:pre;display:block;opacity:0.5}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before{content:attr(data-before);margin-bottom:2px;font-size:7px;text-transform:uppercase}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after{position:absolute;content:attr(data-after);text-align:right;right:100%;margin-right:5px;margin-top:2px;bottom:0}.jp-card .jp-card-front .jp-card-lower .jp-card-name{text-transform:uppercase;font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:20px;max-height:45px;position:absolute;bottom:0;width:190px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.jp-card .jp-card-back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.jp-card .jp-card-back .jp-card-bar{background-color:#444;background-image:-webkit-linear-gradient(#444,#333);background-image:linear-gradient(#444,#333);width:100%;height:20%;position:absolute;top:10%}.jp-card .jp-card-back:after{content:" ";display:block;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff);width:80%;height:16%;position:absolute;top:40%;left:2%}.jp-card .jp-card-back .jp-card-cvc{position:absolute;top:40%;left:85%;-webkit-transition-delay:600ms;-moz-transition-delay:600ms;transition-delay:600ms}.jp-card .jp-card-back .jp-card-shiny{position:absolute;top:66%;left:2%}.jp-card .jp-card-back .jp-card-shiny:after{content:"This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";position:absolute;left:120%;top:5%;color:white;font-size:7px;width:230px;opacity:0.5}.jp-card.jp-card-identified{box-shadow:0 0 20px rgba(0,0,0,0.3)}.jp-card.jp-card-identified .jp-card-back,.jp-card.jp-card-identified .jp-card-front{background-color:#000;background-color:rgba(0,0,0,0.5)}.jp-card.jp-card-identified .jp-card-back:before,.jp-card.jp-card-identified .jp-card-front:before{-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease;background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 30% 30%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 70% 70%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 90% 20%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 15% 80%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 30% 30%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 70% 70%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 90% 20%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 15% 80%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);opacity:1}.jp-card.jp-card-identified .jp-card-back .jp-card-logo,.jp-card.jp-card-identified .jp-card-front .jp-card-logo{box-shadow:0 0 0 2px rgba(255,255,255,0.3)}.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before,.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)}@media (max-width: 450px){.card-wrapper{max-width:80vw;width:100%;margin:20px auto;overflow-x:hidden}.card-wrapper>.jp-card-container{transform:scale(0.625);transform-origin:left center}}