/*

label:has(> .pickup-points:checked) {
    background: lightgray;
} 
*/

/*container*/


/* -------------------- start checkout css ---------   */


.modal-img-shadow {
    -webkit-box-shadow: 10px 10px 40px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 40px -20px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 40px -20px rgba(0,0,0,0.75);
}

div#mag-target {
    position: absolute;
    transform: translate(-50%,-50%);
    height: 4in;
    width: 4in;
    border: 2px solid white;
    pointer-events: none;
}

.artmill-checkout #inStorePickup .info-map {
    min-height: 250px;
    --min-width: 250px;
    margin-top: 20px;
}

.artmill-checkout #inStorePickup input[type="radio"] {
    display: none;
}

.artmill-checkout #inStorePickup label {
    display: inline-block;
    padding: 7px 14px;
    font-size: 16px;
    cursor: pointer;
    background-color: #f3f4f7;
    margin-top: 20px;
    /*eaedf0*/
    border-radius: 5px;
    line-height: 1.5 !important;
    text-transform: none;
    min-height: 80px;
    min-width: 215px;
    width: 100%;
    /* border: 5px solid white;*/
}


    .artmill-checkout #inStorePickup label:hover {
        /* background-color: #eaedf0;*/
        /* border-color: #f3f4f7;*/
    }

.artmill-checkout #inStorePickup input[type="radio"]:checked + label {
    /*  background-color: #f3f4f7;
                border-color: #f3f4f7;*/
    /* background-color: gray;*/
}


@media screen and (max-width: 603px) {
    .artmill-checkout .calculator-select {
        float: none !important;
    }

        .artmill-checkout .calculator-select.is-open .calculator-dropdown {
            top: 70px !important;
        }

    .artmill-checkout .calculator-action.js-calc-dropdown-trigger-checkout {
        border-bottom: 2px solid #9ba2a8;
    }
}


.artmill-checkout label {
    font-weight: 300 !important;
}

.artmill-checkout .is-wide {
    z-index: 10000;
}

.artmill-checkout .twbs button {
    margin: initial !important;
}

.artmill-checkout .calculator-action {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.artmill-checkout .calculator-select {
    padding-top: 30px;
    padding-bottom: 30px;
}

.artmill-checkout .calculator-dropdown {
    top: inherit;
    width: 100vw !important;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.85);
    min-height: 100px;
}

.artmill-checkout .calculator-option {
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
}

.artmill-checkout .stored-address:hover {
    color: #0799c9 !important;
    cursor: pointer;
}

.artmill-checkout.calculator-option strong {
    font-weight: normal;
}

.artmill-checkout .calculator-content {
    margin: auto;
}


/* -------------------- end checkout css---------   */

.calculator-select.is-open .calculator-dropdown
/*header text*/
#my-gallery-header-content .topic-block h1 {
    font-weight: bolder !important;
}

    /*content body*/
    #my-gallery-header-content .topic-block ul {
        background-color: #f3f4f7;
        border-radius: 15px;
        padding: 20px
    }



        /*list items (not the numbers)*/
        #my-gallery-header-content .topic-block ul li span {
            font-size: 15px !important;
        }
        
._hidden {
    visibility: hidden;
}

._fadeIn {
    visibility: visible;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}


._fadeOut {
    visibility: visible;
    -webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 1s; /* Firefox < 16 */
    -ms-animation: fadeout 1s; /* Internet Explorer */
    -o-animation: fadeout 1s; /* Opera < 12.1 */
    animation: fadeout 1s;
}


@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}






@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}








.spinner-progress {
    text-align: center;
    line-height: 2;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6);
    font-size: 30px;
    color: white;
    z-index: 999999;
}


.fixed-center {
    margin: auto;
    position: fixed;
    top: 55%;
    left: 0;
    bottom: 0;
    right: 0;
    vertical-align: middle;
}


.dropdown-menu {
    text-align: left;
}



#js-shipping-option-dropdown {
    width: 100% !important;
}

.zig-zag-header {
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    width: 66%
}

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

.calculator-select {
    margin-left: 20px !important;
}

.field-text {
    min-width: 60px;
    /*  margin-left: 20px !important;*/
}

.js-subscribe-email-address, .js-discount-code, .js-gift-card-code {
    margin-left: 20px !important;
}

.calculator-select-shipping-option-wrapper .calculator-dropdown {
    background-color: rgba(255, 255, 255, 0.85);
}

.calculator-content-shipping-option {
    margin-top: -20px;
    margin-right: 50px;
}

#multi-panel-options .check-radio-block label {
    padding-left: 5px !important;
}

.cols, .rows {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 15;
    pointer-events: none;
}

    .cols div {
        display: inline-block;
        height: 100%;
        pointer-events: none;
        border-right: 2px dotted #FFF;
    }

    .rows div {
        display: inline-block;
        width: 100%;
        pointer-events: none;
        border-bottom: 2px dotted #FFF;
    }

.two-col div {
    width: 50%;
}

.three-col div {
    width: 33.333%;
}

.four-col div {
    width: 25%;
}


.two-row div {
    height: 50%;
}

.three-row div {
    height: 33.333%;
}

.four-row div {
    height: 25%;
}


.field-checkbox input:checked ~ .control-indicator:before, .check-radio-block input[type="checkbox"]:checked ~ .fake-box:after, .navigation .is-open .nav-item-menu:after, .navigation .nav-item-menu:after, .header-account-link:before, .header-account-link.logged-in:before, .header-account.is-open .header-account-link:before, .header-calculator-link:before, .header-cart-link:before, .newsletter-block-inner .submit-email, .button-create:after, .button-secondary-create:after, .button-secondary-create-small:after, .custom-upload.file:after, .custom-upload.fb:after, .custom-upload.instagram:after, .button-remove:before, .icon-social-fb, .icon-social-tw, .accordion-title:before, .accordion.is-open .accordion-title:before, .testimonials-prev, .testimonials-next, .banner-slider-prev, .banner-slider-next, .column-list-container li:before, .page-product .product-top-navigation .product-prev, .page-product .product-top-navigation .product-next, .product-navigation .product-prev:before, .product-navigation .product-next:after, .create-image-selected .image-success:before, .create-image-selected .image-optimal:before, .create-image-selected .image-error:before, .create-image-holder-empty span:before, .icn-drag:before, .icn-rotate:before, .icn-rotate[disabled]:before, .icn-rotate[disabled="disabled"]:before, .icn-rotate-small:before, .image-zoom.disabled .image-zoom-smaller:before, .image-zoom.disabled .image-zoom-larger:before, .image-zoom-smaller:before, .image-zoom-larger:before, .conversion-color .conversion-indicator:before, .conversion-black .conversion-indicator:before, .conversion-sepia .conversion-indicator:before, .icn-mail-in:before, .cart-product-image .inner.empty:before, .cart-promo-code.applied:before, .file-upload .remove, .icn-artmill, .billing-method.card .method:before, .billing-method.paypal .method:before, .billing-method.gift-card .method:before, .title-address:before, .title-card:before, .title-shipping:before, .card-visa .inner:before, .card-express .inner:before, .icn-back:before, .icn-gift-card:before, .icn-gift-email:before, .icn-gift-site:before, .icn-nav-prev:before, .icn-nav-next:before, .calculator-action:before, .calculator-action:focus:before, .calculator-action.is-selected:before, .calculator-action:hover .rollover .calculator-action:before, .calculator-dropdown .slick-prev, .calculator-dropdown .slick-next {
    background: url('Images/icons.png?v=21380a2db7') no-repeat
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .field-checkbox input:checked ~ .control-indicator:before, .check-radio-block input[type="checkbox"]:checked ~ .fake-box:after, .navigation .is-open .nav-item-menu:after, .navigation .nav-item-menu:after, .header-account-link:before, .header-account-link.logged-in:before, .header-account.is-open .header-account-link:before, .header-calculator-link:before, .header-cart-link:before, .newsletter-block-inner .submit-email, .button-create:after, .button-secondary-create:after, .button-secondary-create-small:after, .custom-upload.file:after, .custom-upload.fb:after, .custom-upload.instagram:after, .button-remove:before, .icon-social-fb, .icon-social-tw, .accordion-title:before, .accordion.is-open .accordion-title:before, .testimonials-prev, .testimonials-next, .banner-slider-prev, .banner-slider-next, .column-list-container li:before, .page-product .product-top-navigation .product-prev, .page-product .product-top-navigation .product-next, .product-navigation .product-prev:before, .product-navigation .product-next:after, .create-image-selected .image-success:before, .create-image-selected .image-optimal:before, .create-image-selected .image-error:before, .create-image-holder-empty span:before, .icn-drag:before, .icn-rotate:before, .icn-rotate[disabled]:before, .icn-rotate[disabled="disabled"]:before, .icn-rotate-small:before, .image-zoom.disabled .image-zoom-smaller:before, .image-zoom.disabled .image-zoom-larger:before, .image-zoom-smaller:before, .image-zoom-larger:before, .conversion-color .conversion-indicator:before, .conversion-black .conversion-indicator:before, .conversion-sepia .conversion-indicator:before, .icn-mail-in:before, .cart-product-image .inner.empty:before, .cart-promo-code.applied:before, .file-upload .remove, .icn-artmill, .billing-method.card .method:before, .billing-method.paypal .method:before, .billing-method.gift-card .method:before, .title-address:before, .title-card:before, .title-shipping:before, .card-visa .inner:before, .card-express .inner:before, .icn-back:before, .icn-gift-card:before, .icn-gift-email:before, .icn-gift-site:before, .icn-nav-prev:before, .icn-nav-next:before, .calculator-action:before, .calculator-action:focus:before, .calculator-action.is-selected:before, .calculator-action:hover .rollover .calculator-action:before, .calculator-dropdown .slick-prev, .calculator-dropdown .slick-next {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat
    }
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

a {
    background: transparent
}

img {
    border: 0;
    display: block;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
}

strong, b {
    font-weight: 500
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

label {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 2.3;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-text, .field-textarea, .field-select {
    background-color: #fff;
    border: solid 1px #d9dcde;
    border-radius: 3px;
    box-sizing: border-box;
    color: #9ba2a8;
    display: block;
    font-family: "Proxima Nova W01",Arial,sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    height: 46px;
    line-height: 18px;
    margin: 0 0 20px;
    padding: 13px 14px;
    width: 100%
}

.field-wrapper {
    position: relative
}

.field-text, .field-textarea, .field-select {
    -moz-appearance: none;
    -webkit-appearance: none
}

    .field-text::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder, .field-select::-webkit-input-placeholder {
        color: #9ba2a8;
        font-family: "Proxima Nova W01",Arial,sans-serif !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 18px !important
    }

    .field-text::-moz-placeholder, .field-textarea::-moz-placeholder, .field-select::-moz-placeholder {
        color: #9ba2a8;
        font-family: "Proxima Nova W01",Arial,sans-serif !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 18px !important;
    }

    .field-text:-ms-input-placeholder, .field-textarea:-ms-input-placeholder, .field-select:-ms-input-placeholder {
        color: #9ba2a8;
        font-family: "Proxima Nova W01",Arial,sans-serif !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 18px !important;
    }

    .field-text[readonly], .field-text[readonly="readonly"], .field-text:disabled, .field-textarea[readonly], .field-textarea[readonly="readonly"], .field-textarea:disabled, .field-select[readonly], .field-select[readonly="readonly"], .field-select:disabled {
        background-color: #f3f4f7;
        cursor: not-allowed;
        pointer-events: none
    }

    .field-text:focus, .field-textarea:focus, .field-select:focus {
        border-color: #0699c8;
        outline: none
    }

    .field-text.input-validation-error, .field-textarea.input-validation-error, .field-select.input-validation-error {
        border-color: #d50808;
        outline: none
    }

.field-textarea {
    min-height: 100px;
    resize: none
}

.field-select {
    background: #fff url("/themes/artmill/content/Styles/Images/icn-selectbox.png") no-repeat 100% 50%;
    cursor: pointer;
    height: 45px;
    overflow: hidden;
    padding: 0 28px 0 14px;
    -moz-padding-end: 28px;
    -webkit-padding-end: 28px;
    text-indent: .01px;
    text-overflow: '';
    white-space: nowrap
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .field-select {
        background-image: url("/themes/artmill/content/Styles/Images/icn-selectbox@2x.png");
        background-position: 100% 50%;
        background-size: 28px 8px
    }
}

.field-select::-ms-expand {
    display: none
}

.field-select *.not-recommended {
    color: #ff2b16
}

.ie9 .field-select {
    background-image: none;
    padding: 13px 14px
}

.field-checkbox {
    padding-left: 26px;
    position: relative;
    text-transform: none
}

    .field-checkbox input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .field-checkbox input:checked ~ .control-indicator:before {
            background-position: -66px -34px;
            width: 12px;
            height: 10px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -5px;
            margin-left: -6px
        }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .field-checkbox input:checked ~ .control-indicator:before {
        background-position: -66px -34px;
        background-size: 400px auto;
        width: 12px;
        height: 10px;
        margin-top: -5px;
        margin-left: -6px
    }
}

.field-checkbox .control-indicator {
    background-color: #f3f4f7;
    border: 1px solid #dbdee2;
    display: block;
    height: 16px;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px
}

    .field-checkbox .control-indicator:before {
        content: '';
        -moz-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
        transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
        width: 0
    }

@media screen and (max-width: 603px) {
    .field-text:focus, .field-textarea:focus, .field-select:focus {
        font-size: 16px
    }
}

.field-wrapper input.input-validation-error, .field-wrapper textarea.input-validation-error {
    padding-right: 28px
}

.form-field {
    margin-bottom: 20px;
    position: relative
}

.field-tooltip {
    border: 1px solid #d9dcde;
    border-radius: 100%;
    color: #9ba2a8;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: 14px;
    margin-top: -8px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 50%;
    width: 16px
}

.field-validation-error + .field-tooltip {
    right: 30px
}

.form-controls {
    border: 0;
    margin: 0;
    padding: 0
}

    .form-controls legend {
        margin: 0 0 15px;
        text-transform: uppercase
    }

    .form-controls.inline label {
        display: inline-block
    }

.check-radio-block {
    margin-bottom: 20px;
    position: relative
}

    .check-radio-block label {
        color: #1a1a1a;
        cursor: pointer;
        font-size: 14px;
        line-height: 2;
        padding-left: 32px;
        position: relative
    }

    .check-radio-block.inline-labels label {
        display: inline-block;
        margin-right: 14px
    }

    .check-radio-block input[type="checkbox"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

        .check-radio-block input[type="checkbox"] ~ .fake-box {
            display: block;
            height: 24px;
            left: 0;
            margin-top: -11px;
            position: absolute;
            top: 50%;
            width: 24px
        }

            .check-radio-block input[type="checkbox"] ~ .fake-box:after {
                content: '';
                width: 0;
                -moz-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
                -o-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
                -webkit-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
                transition: width .3s cubic-bezier(0.19, 1, 0.22, 1)
            }

            .check-radio-block input[type="checkbox"] ~ .fake-box:before {
                background-color: #f3f4f7;
                border: 1px solid #dbdee2;
                content: '';
                display: block;
                height: 24px;
                width: 24px
            }

        .check-radio-block input[type="checkbox"]:checked ~ .fake-box:after {
            border-color: #9ba2a8;
            background-position: -149px -34px;
            width: 13px;
            height: 13px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -6.5px;
            margin-left: -6.5px;
            -moz-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
            -o-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: width .3s cubic-bezier(0.19, 1, 0.22, 1);
            transition: width .3s cubic-bezier(0.19, 1, 0.22, 1)
        }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .check-radio-block input[type="checkbox"]:checked ~ .fake-box:after {
        background-position: -149px -34px;
        background-size: 400px auto;
        width: 13px;
        height: 13px;
        margin-top: -6.5px;
        margin-left: -6.5px
    }
}

.check-radio-block input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .check-radio-block input[type="radio"] + .fake-box {
        display: block;
        height: 24px;
        left: 0;
        margin-top: -12px;
        position: absolute;
        top: 50%;
        width: 24px
    }

        .check-radio-block input[type="radio"] + .fake-box:after {
            background-color: #fff;
            border: 2px solid #dbdee2;
            border-radius: 100%;
            content: '';
            display: block;
            height: 24px;
            width: 24px
        }

        .check-radio-block input[type="radio"] + .fake-box:before {
            background-color: #9ba2a8;
            border-radius: 100%;
            content: '';
            display: block;
            height: 12px;
            left: 10px;
            margin: -6px 0 0 -4px;
            opacity: 0;
            position: absolute;
            top: 50%;
            width: 12px;
            z-index: 1;
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -webkit-transform: scale(0);
            transform: scale(0);
            -moz-transition: opacity .3s,-moz-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
            -o-transition: opacity .3s,-o-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: opacity .3s,-webkit-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
            transition: opacity .3s,transform .3s cubic-bezier(0.19, 1, 0.22, 1)
        }

    .check-radio-block input[type="radio"]:checked + .fake-box:after {
        border-color: #dbdee2
    }

    .check-radio-block input[type="radio"]:checked + .fake-box:before {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.field-radio {
    color: #1a1a1a;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 32px;
    position: relative
}

    .field-radio input[type="radio"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

        .field-radio input[type="radio"] ~ .field-radio-indicator {
            display: block;
            height: 18px;
            left: 0;
            margin-top: -9px;
            position: absolute;
            top: 50%;
            width: 18px;
            z-index: 1
        }

            .field-radio input[type="radio"] ~ .field-radio-indicator:before {
                background-color: #fff;
                border: 1px solid #d9dcde;
                border-radius: 50%;
                bottom: 0;
                content: '';
                display: block;
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

            .field-radio input[type="radio"] ~ .field-radio-indicator:after {
                background-color: #0799c9;
                border-radius: 50%;
                bottom: 4px;
                content: '';
                left: 4px;
                opacity: 0;
                position: absolute;
                right: 4px;
                top: 4px;
                -moz-transition: opacity .3s;
                -o-transition: opacity .3s;
                -webkit-transition: opacity .3s;
                transition: opacity .3s
            }

        .field-radio input[type="radio"]:checked ~ .field-radio-indicator:before {
            border-color: #0799c9;
            border-width: 2px
        }

        .field-radio input[type="radio"]:checked ~ .field-radio-indicator:after {
            opacity: 1
        }

    .field-radio input[checked="checked"] ~ .field-radio-indicator:before {
        border-color: #0799c9;
        border-width: 2px
    }

    .field-radio input[checked="checked"] ~ .field-radio-indicator:after {
        opacity: 1
    }

.button-block {
    padding-top: 5px
}

.button-block-multiline {
    padding-top: 5px
}

    .button-block-multiline .button {
        margin-bottom: 4px
    }

span.field-validation-error {
    border-style: solid;
    border-color: transparent transparent #ed4a21 transparent;
    border-width: 10px 10px 15px 10px;
    cursor: pointer;
    display: none;
    height: 0;
    margin: -18px 0 0;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 0
}

    span.field-validation-error:after {
        color: #fff;
        content: '!';
        display: block;
        font-size: 11px;
        left: -1px;
        line-height: 1em;
        position: absolute;
        top: 4px
    }

.input-validation-error + span.field-validation-error {
    display: block
}

span.field-validation-error > span {
    background: #424242;
    background-clip: padding-box;
    bottom: 100%;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    height: auto;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
    position: absolute;
    right: -17px;
    visibility: hidden;
    white-space: nowrap;
    width: auto;
    z-index: 1
}

    span.field-validation-error > span:after {
        border-width: 6px;
        border-style: solid;
        border-color: #424242 transparent transparent transparent;
        content: '';
        height: 0;
        pointer-events: none;
        position: absolute;
        right: 11px;
        top: 30px;
        width: 0
    }

.input-validation-error:focus + span.field-validation-error > span, span.field-validation-error:hover > span, span.field-validation-error:focus > span {
    visibility: visible
}

select.input-validation-error + span.field-validation-error {
    right: 35px
}

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

hr {
    background: #f3f4f7;
    border: 0;
    height: 1px;
    margin: 20px 0;
    width: 100%;
    overflow: hidden;
    *zoom: 1
}

html {
    box-sizing: border-box;
    font-size: 14px;
    height: 100%
}

@media screen and (max-width: 768px) {
    html {
        font-size: 13px
    }
}

@media screen and (max-width: 603px) {
    html {
        font-size: 12px
    }
}

body {
    background-color: #fff;
    box-sizing: border-box;
    color: #374551;
    font-family: "Proxima Nova W01",Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 100%;
    line-height: 1.5;
    min-width: 320px;
    position: relative;
    width: 100%
}

h1, .heading1, h2, .heading2, h3, .heading3, h4, .heading4, h5, .heading5, h6, .heading6 {
    cursor: default;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 .5em
}

h1, .heading1 {
    font-size: 2.57143rem
}

h2, .heading2 {
    font-size: 2rem
}

h3, .heading3 {
    font-size: 1.78571rem
}

h4, .heading4 {
    font-size: 1.42857rem;
    text-transform: uppercase
}

    h4 .reset-transform, .heading4 .reset-transform {
        text-transform: none
    }

h5, .heading5 {
    font-size: 1.28571rem
}

h6, .heading6 {
    font-size: 1.14286rem
}

a {
    color: #0799c9;
    text-decoration: none
}

.rollover a:hover {
    color: #057ea6
}

p {
    margin: 0 0 1em
}

dl, dt, dd, figure {
    font-weight: 300;
    margin: 0
}

ul, ol {
    list-style-position: inside;
    margin: 0 0 1em;
    padding: 0
}

    ul ul, ol ul, ul ol, ol ol {
        padding-left: 1em
    }

.strong-blue {
    color: #0799c9;
    font-weight: 500
}

.page {
    box-sizing: border-box;
    min-height: 100%;
    overflow: hidden;
    position: relative
}

    .page *, .page *:before, .page *:after {
        box-sizing: inherit
    }

.page-frame {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 0 10px
}

    .page-frame:after {
        content: " ";
        display: block;
        clear: both
    }

@media screen and (max-width: 960px) {
    .page-frame {
        padding: 0 20px
    }
}

.page-header {
    background-color: #fff;
    height: 84px;
    width: 100%
}

.page-header-inner .button-secondary-create-small {
    vertical-align: middle
}

.page-header-inner .logo {
    float: left;
    height: 33px;
    margin-top: 24px;
    position: relative;
    width: 110px
}

    .page-header-inner .logo img {
        display: block;
        max-height: 33px
    }

@media screen and (max-width: 603px) {
    .page-header {
        height: 64px
    }

    .page-header-inner .button-secondary-create-small {
        display: none
    }

    .page-header-inner .logo {
        margin-top: 16px
    }

        .page-header-inner .logo img {
            max-height: 33px
        }
}

@media screen and (max-width: 480px) {
    .page-header-inner .logo {
        height: 28px;
        margin-top: 18px
    }

        .page-header-inner .logo img {
            max-height: 28px
        }
}

.help-notification {
    background: #0799c9;
    color: #fff;
    padding: 12px;
    text-align: center
}

    .help-notification h2 {
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        text-transform: uppercase
    }

    .help-notification a, .help-notification a:hover {
        color: #fff
    }

.navigation {
    float: left
}

.navigation-inner {
    list-style-type: none;
    margin: 0 0 0 7px;
    padding: 0
}

.navigation > ul > li:nth-child(1) a:after, .navigation > ul > li:nth-child(2) a:after {
    color: #0799c9;
    content: '/';
    font-size: 10px;
    margin-top: -13px;
    position: absolute;
    right: -1px;
    top: 50%
}

.navigation li {
    float: left;
    margin: 0;
    padding: 0
}

.navigation a {
    color: #374551;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.85;
    padding: 22px;
    position: relative;
    text-transform: uppercase
}

.rollover .navigation a:hover {
    text-decoration: none
}

.navigation a.active {
    color: #0799c9
}

.navigation .is-open .nav-item-menu {
    color: #0799c9
}

    .navigation .is-open .nav-item-menu:after {
        background-position: -78px -34px;
        width: 12px;
        height: 10px;
        position: absolute;
        top: 50%;
        margin-top: -5px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .navigation .is-open .nav-item-menu:after {
        background-position: -78px -34px;
        background-size: 400px auto;
        width: 12px;
        height: 10px;
        margin-top: -5px
    }
}

.navigation .nav-item-menu {
    padding-right: 29px
}

    .navigation .nav-item-menu:after {
        content: '';
        position: absolute;
        right: 5px;
        background-position: -90px -34px;
        width: 12px;
        height: 10px;
        position: absolute;
        top: 50%;
        margin-top: -5px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .navigation .nav-item-menu:after {
        background-position: -90px -34px;
        background-size: 400px auto;
        width: 12px;
        height: 10px;
        margin-top: -5px
    }
}

.rollover .navigation .nav-item-menu:hover {
    display: block
}

.navigation .dropdown-menu {
    width: 240px
}

    .navigation .dropdown-menu li.item-products, .navigation .dropdown-menu li.item-story {
        display: none
    }

@media screen and (max-width: 768px) {
    .navigation li {
        display: none
    }

        .navigation li.dropdown-wrapper {
            display: block
        }

    .navigation .dropdown-menu li.item-products, .navigation .dropdown-menu li.item-story {
        display: block
    }
}

@media screen and (max-width: 603px) {
    .navigation {
        float: right
    }

        .navigation .link-account {
            display: none
        }

        .navigation .button-secondary-create-small {
            display: none
        }

        .navigation a {
            line-height: 3;
            padding-bottom: 10px;
            padding-top: 12px
        }

        .navigation .dropdown-wrapper > a:before {
            color: #0799c9;
            /* content: '/';*/
            font-size: 10px;
            left: -1px;
            margin-top: -13px;
            position: absolute;
            top: 50%
        }
}

.header-account {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 28px;
    position: relative;
    vertical-align: middle
}

.header-account-link {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 18px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    vertical-align: middle;
    width: 20px
}

    .header-account-link:focus {
        outline: 0
    }

    .header-account-link:before {
        content: '';
        background-position: -242px -34px;
        width: 20px;
        height: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -10px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .header-account-link:before {
        background-position: -221px -34px;
        background-size: 400px auto;
        width: 20px;
        height: 18px;
        margin-top: -9px;
        margin-left: -10px
    }
}

.header-account-link.logged-in:before {
    background-position: -222px -34px;
    width: 20px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -10px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .header-account-link.logged-in:before {
        background-position: -241px -34px;
        background-size: 400px auto;
        width: 20px;
        height: 18px;
        margin-top: -9px;
        margin-left: -10px
    }
}

.header-account-name {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-account .dropdown-menu {
    left: -17px;
    min-width: 190px
}

.header-account.is-open .header-account-link:before {
    background-position: -222px -34px;
    width: 20px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -10px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .header-account.is-open .header-account-link:before {
        background-position: -241px -34px;
        background-size: 400px auto;
        width: 20px;
        height: 18px;
        margin-top: -9px;
        margin-left: -10px
    }
}

.header-calculator {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
    position: relative;
    vertical-align: middle
}

.header-calculator-link {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    vertical-align: middle;
    width: 14px
}

    .header-calculator-link:before {
        content: '';
        background-position: 0 -98px;
        width: 14px;
        height: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -7px
    }

@media only screen and (max-width: 667px) {
    .header-calculator-link {
        display: none;
    }
}


@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .header-calculator-link:before {
        background-position: 0 -98px;
        background-size: 400px auto;
        width: 14px;
        height: 16px;
        margin-top: -8px;
        margin-left: -7px
    }
}

.header-cart {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
    position: relative;
    vertical-align: middle
}

.header-cart-link {
    display: inline-block;
    height: 18px;
    position: relative;
    vertical-align: middle;
    width: 22px
}

    .header-cart-link:before {
        content: '';
        background-position: -14px -98px;
        width: 22px;
        height: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -11px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .header-cart-link:before {
        background-position: -14px -98px;
        background-size: 400px auto;
        width: 22px;
        height: 18px;
        margin-top: -9px;
        margin-left: -11px
    }
}

.header-cart-link span {
    background-color: #ff2b16;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 17px;
    left: 14px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 17px
}

    .header-cart-link span.hidden {
        display: none
    }

.header-column-1st {
    float: left
}

.header-column-2nd {
    /*float: right;*/
    text-align: right;
    white-space: nowrap;
    height: 84px;
    line-height: 84px
}

@media screen and (max-width: 603px) {
    .header-account .dropdown-menu {
        left: auto;
        right: -25px
    }

    .header-column-2nd {
        height: 64px;
        line-height: 64px
    }
}

@media screen and (max-width: 480px) {
    .header-account, .header-cart {
        margin-right: 10px
    }
}

.newsletter-block {
    background-color: #eaedf0
}

.newsletter-block-inner {
    padding: 23px 0;
    text-align: center
}

    .newsletter-block-inner p {
        display: inline;
        font-size: 16px;
        margin: 0;
        padding-right: 20px
    }

    .newsletter-block-inner .fields-wrapper {
        display: inline-block;
        vertical-align: middle
    }

    .newsletter-block-inner .field-text {
        border-radius: 2px 0 0 2px;
        border-right: 0;
        margin: 0;
        min-width: 190px
    }

    .newsletter-block-inner .form-field {
        float: left;
        margin: 0
    }

    .newsletter-block-inner .submit-email {
        background-color: #717b84;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: #d9dcde;
        border-radius: 0 3px 3px 0;
        cursor: pointer;
        float: left;
        height: 46px;
        overflow: hidden;
        text-indent: -9999px;
        width: 46px;
        background-position: -307px -98px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .newsletter-block-inner .submit-email {
        background-position: -307px -98px;
        background-size: 400px auto
    }
}

@media screen and (max-width: 960px) {
    .newsletter-block p {
        display: block;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 603px) {
    .newsletter-block p {
        display: block;
        font-size: 12px;
        margin-bottom: 10px
    }

        .newsletter-block p strong {
            display: block;
            font-size: 18px
        }
}

.footer-navigation-container h3 {
    color: #9ba2a8;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375;
    margin-bottom: 20px
}

.footer-navigation-container a {
    color: #374551
}

.footer-navigation-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .footer-navigation-container ul a {
        display: inline-block;
        font-size: 14px;
        line-height: 1.357;
        padding: 4px 0
    }

.footer-navigation-container .icon {
    margin-right: 10px
}

.footer-top {
    background-color: #f3f4f7
}

.footer-top-inner {
    padding: 50px 0
}

.footer-column-1st, .footer-column-2nd, .footer-column-3rd, .footer-column-4th {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%
}

.footer-column-5th {
    width: 27.14286%;
    float: right;
    margin-right: 0
}

.footer-logo {
    display: block;
    margin-bottom: 23px
}

    .footer-logo img {
        max-height: 26px
    }

@media screen and (max-width: 960px) {
    .footer-column-1st, .footer-column-2nd {
        width: 31.42857%;
        float: left;
        margin-right: 2.85714%;
        margin-bottom: 30px
    }

    .footer-column-3rd {
        width: 31.42857%;
        float: right;
        margin-right: 0;
        margin-bottom: 30px
    }

    .footer-column-4th {
        clear: both;
        width: 31.42857%;
        float: left;
        margin-right: 2.85714%
    }

    .footer-column-5th {
        width: 65.71429%;
        float: right;
        margin-right: 0
    }
}

@media screen and (max-width: 603px) {
    .footer-column-1st, .footer-column-3rd {
        width: 48.57143%;
        float: left;
        margin-right: 2.85714%
    }

    .footer-column-2nd {
        width: 48.57143%;
        float: right;
        margin-right: 0
    }

    .footer-column-4th {
        clear: none;
        width: 48.57143%;
        float: right;
        margin-right: 0;
        margin-bottom: 30px
    }

    .footer-column-5th {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.footer-bottom {
    color: #9ba2a8;
    font-size: 14px;
    padding: 10px 0
}

.footer-bottom-inner {
    display: table;
    width: 100%
}

.footer-bottom .copyright {
    display: table-cell;
    vertical-align: middle
}

    .footer-bottom .copyright p {
        font-size: 14px;
        margin: 0
    }

.footer-bottom .payment-types {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}

.footer-bottom .payment-type {
    display: inline-block;
    margin-left: 18px;
    max-height: 27px;
    vertical-align: middle
}

.footer-bottom .badge-promos {
    display: inline-block;
    vertical-align: middle
}

.footer-bottom .badge-promo {
    display: inline-block;
    margin-left: 18px;
    max-height: 75px;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .footer-bottom-inner {
        display: block
    }

    .footer-bottom .copyright {
        display: block
    }

        .footer-bottom .copyright p {
            padding: 10px 0
        }

    .footer-bottom .payment-types {
        display: block;
        text-align: left
    }

    .footer-bottom .payment-type:first-child {
        margin: 0
    }
}

@media screen and (max-width: 603px) {
    .footer-bottom .payment-types img {
        margin-left: 8px
    }
}

@media screen and (max-width: 480px) {
    .footer-bottom .payment-types {
        margin-top: 10px
    }

    .footer-bottom .badge-promos {
        margin-top: 20px
    }

    .footer-bottom .badge-promo:first-child {
        margin: 0
    }
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.error-title {
    color: #ff2b16
}

.page-basic .page-header {
    border-bottom: 1px solid #f3f4f7
}

.page-basic .page-content {
    padding: 20px 0
}

#_atssh {
    bottom: 0;
    position: absolute
}

.button {
    -webkit-font-smoothing: antialiased;
    height: 56px;
    background: #0799c9;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transition: all 150ms ease-out;
    -webkit-appearance: none;
    border: solid 2px #0799c9;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 500;
    line-height: 4;
    overflow: hidden;
    padding: 0 35px;
    text-align: center;
    text-transform: uppercase
}

    .button:focus {
        outline: 0
    }

.rollover .button:hover {
    background-color: #057ea6;
    border-color: #057ea6;
    color: #fff;
    text-decoration: none
}

.button:active {
    background-color: #0799c9
}

@media screen and (max-width: 480px) {
    .button {
        border-radius: 20px;
        font-size: 11px;
        height: 40px;
        line-height: 3.63636;
        padding: 0 16px
    }
}

.button-secondary, .button-secondary-create, .button-secondary-create-small {
    background-color: transparent;
    color: #0799c9
}

.rollover .button-secondary:hover, .rollover .button-secondary-create:hover, .rollover .button-secondary-create-small:hover {
    background-color: #b4e0ef;
    border-color: #b4e0ef;
    color: #fff
}

.button-white {
    background-color: #fff;
    border-color: #fff;
    color: #154f6c
}

.rollover .button-white:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #154f6c
}

.button-grey {
    background-color: #fff;
    border-color: #d9dcde;
    color: #154f6c;
    font-weight: 700
}

.rollover .button-grey:hover {
    background-color: #f2f2f2;
    border-color: #cbcfd2;
    color: #154f6c
}

.button-empty {
    background-color: transparent;
    border-color: transparent;
    color: #0799c9;
    font-weight: 300;
    padding: 0 15px;
    text-transform: none
}

.rollover .button-empty:hover {
    background-color: transparent;
    border-color: transparent;
    color: #0799c9;
    text-decoration: underline
}

.button-medium {
    border-radius: 25px;
    height: 50px;
    line-height: 3.57;
    padding: 0 40px
}

.button-small {
    border-radius: 20px;
    font-size: 11px;
    height: 40px;
    line-height: 3.63;
    padding: 0 25px
}

.button-xs {
    border-radius: 15px;
    font-size: 8px;
    height: 30px;
    line-height: 3;
    padding: 0 25px
}

.button-create:after {
    content: '';
    display: inline-block;
    margin-left: 17px;
    margin-top: -6px;
    vertical-align: middle;
    background-position: -50px -2px;
    width: 22px;
    height: 22px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .button-create:after {
        background-position: -50px -2px;
        background-size: 400px auto;
        width: 22px;
        height: 22px
    }
}

.button-secondary-create:after {
    content: '';
    display: inline-block;
    margin-left: 17px;
    margin-top: -6px;
    vertical-align: middle;
    background-position: 0 -2px;
    width: 22px;
    height: 22px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .button-secondary-create:after {
        background-position: 0 -2px;
        background-size: 400px auto;
        width: 22px;
        height: 22px
    }
}

.button-secondary-create-small {
    border-radius: 20px;
    font-size: 11px;
    height: 40px;
    line-height: 3.63;
    padding: 0 20px
}

    .button-secondary-create-small:after {
        content: '';
        display: inline-block;
        margin-left: 17px;
        margin-top: -6px;
        vertical-align: middle;
        background-position: -196px -34px;
        width: 16px;
        height: 16px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .button-secondary-create-small:after {
        background-position: -195px -34px;
        background-size: 400px auto;
        width: 16px;
        height: 16px
    }
}

.custom-upload {
    color: #9ba2a8;
    cursor: pointer;
    display: inline-block;
    line-height: 2.43;
    position: relative;
    text-align: center;
    text-transform: none
}

.custom-upload-soon {
    background: rgba(255,255,255,0.4);
    bottom: 35px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

    .custom-upload-soon .inner {
        background: #154f6c;
        border-radius: 3px;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        height: 28px;
        left: -3px;
        line-height: 25px;
        margin-top: -14px;
        position: absolute;
        right: -3px;
        text-align: center;
        text-transform: uppercase;
        top: 50%
    }

        .custom-upload-soon .inner:before, .custom-upload-soon .inner:after {
            background: #144b66;
            content: '';
            height: 28px;
            margin-top: -12px;
            position: absolute;
            top: 50%;
            width: 6px;
            z-index: -1
        }

        .custom-upload-soon .inner:before {
            border-radius: 3px 0 0 3px;
            left: -4px
        }

        .custom-upload-soon .inner:after {
            border-radius: 0 3px 3px 0;
            right: -4px
        }

.custom-upload:before {
    border: solid 1px #d9dcde;
    content: '';
    display: block;
    height: 134px;
    width: 134px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.custom-upload:after {
    content: '';
    top: 26px
}

.custom-upload.file:after {
    background-position: -160px -264px;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .custom-upload.file:after {
        background-position: -160px -264px;
        background-size: 400px auto;
        width: 80px;
        height: 80px;
        margin-left: -40px
    }
}

.custom-upload.fb:after {
    background-position: -320px -264px;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .custom-upload.fb:after {
        background-position: -320px -264px;
        background-size: 400px auto;
        width: 80px;
        height: 80px;
        margin-left: -40px
    }
}

.custom-upload.instagram:after {
    background-position: 0 -344px;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .custom-upload.instagram:after {
        background-position: 0 -344px;
        background-size: 400px auto;
        width: 80px;
        height: 80px;
        margin-left: -40px
    }
}

@media screen and (max-width: 960px) {
    .custom-upload:after {
        top: 8px
    }

    .custom-upload:before {
        height: 96px;
        width: 96px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }
}

@media screen and (max-width: 480px) {
    .custom-upload:after {
        top: 4px
    }

    .custom-upload:before {
        height: 88px;
        width: 88px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }
}

.button-file-upload {
    overflow: hidden
}

    .button-file-upload input[type="file"] {
        left: -1000px;
        position: fixed
    }

.button-remove {
    -webkit-font-smoothing: antialiased;
    height: 30px;
    background: #e7e8eb;
    border: 0;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transition: all 150ms ease-out;
    border: 0;
    border-radius: 100%;
    text-indent: -9999px;
    width: 30px
}

    .button-remove:focus {
        outline: 0
    }

    .button-remove:before {
        content: '';
        background-position: -102px -34px;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -5px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .button-remove:before {
        background-position: -102px -34px;
        background-size: 400px auto;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px
    }
}

.rollover .button-remove:hover {
    background-color: #d9dbdf
}

.coming-soon-banner {
    background: rgba(255,255,255,0.4);
    bottom: 15px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

    .coming-soon-banner .inner {
        background: #154f6c;
        border-radius: 3px;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        height: 28px;
        left: -3px;
        line-height: 25px;
        margin-top: -14px;
        position: absolute;
        right: -3px;
        text-align: center;
        text-transform: uppercase;
        top: 50%
    }

        .coming-soon-banner .inner:before, .coming-soon-banner .inner:after {
            background: #144b66;
            content: '';
            height: 28px;
            margin-top: -12px;
            position: absolute;
            top: 50%;
            width: 6px;
            z-index: -1
        }

        .coming-soon-banner .inner:before {
            border-radius: 3px 0 0 3px;
            left: -4px
        }

        .coming-soon-banner .inner:after {
            border-radius: 0 3px 3px 0;
            right: -4px
        }

.dropdown-wrapper {
    position: relative
}

.dropdown-menu {
    -moz-box-shadow: 0 4px 5px 0 rgba(50,50,50,0.4);
    -webkit-box-shadow: 0 4px 5px 0 rgba(50,50,50,0.4);
    box-shadow: 0 4px 5px 0 rgba(50,50,50,0.4);
    background-color: #fff;
    border-top: solid 1px #e1e5e6;
    display: none;
    left: 0;
    line-height: 2;
    list-style-type: none;
    margin: -1px 0 0;
    padding: 20px 35px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 25
}

    .dropdown-menu:after, .dropdown-menu:before {
        border: solid transparent;
        bottom: 100%;
        content: '';
        height: 0;
        left: 27px;
        pointer-events: none;
        position: absolute;
        width: 0
    }

    .dropdown-menu:after {
        border-width: 8px;
        border-color: transparent;
        border-bottom-color: #fff;
        margin-left: -8px
    }

    .dropdown-menu:before {
        border-width: 10px;
        border-color: transparent;
        border-bottom-color: #e1e5e6;
        margin-left: -10px
    }

    .dropdown-menu li {
        display: block;
        float: none
    }

    .dropdown-menu a {
        color: #154f6c;
        display: inline-block;
        font-weight: 400;
        line-height: 2;
        padding: 5px 0;
        text-transform: uppercase
    }

.is-open > .dropdown-menu {
    display: block
}

@media screen and (max-width: 603px) {
    .dropdown-menu {
        left: auto;
        right: 0
    }

        .dropdown-menu:before {
            left: auto;
            right: 25px
        }

        .dropdown-menu:after {
            left: auto;
            right: 27px
        }
}

.progress-steps-bar {
    background: #f3f4f7;
    padding: 35px 0
}

.progress-steps-two .progress-step {
    width: 50%;
    float: left
}

.progress-steps-three .progress-step {
    width: 33.33333%;
    float: left
}

.progress-steps-four .progress-step {
    width: 25%;
    float: left
}

.progress-step {
    overflow: hidden;
    position: relative;
    width: 22.85714%;
    float: left
}

.progress-step-index {
    border: 2px solid #0799c9;
    border-radius: 100%;
    color: #0799c9;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 44px
}

    .progress-step-index a {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.active .progress-step-index a {
    color: #fff
}

.disabled .progress-step-index a {
    color: #9ba2a8
}

.progress-step-desc {
    display: table;
    float: left;
    font-weight: 500;
    min-height: 44px;
    padding-left: 22px;
    text-transform: uppercase
}

    .progress-step-desc .inner {
        display: table-cell;
        margin: 0;
        vertical-align: middle
    }

    .progress-step-desc a {
        display: inline-block
    }

.disabled .progress-step-desc a {
    color: #9ba2a8
}

.progress-step.active .progress-step-index {
    background: #0799c9;
    color: #fff
}

.progress-step.active .progress-step-desc {
    color: #0799c9
}

.progress-step.disabled .progress-step-index {
    border-color: #9ba2a8;
    color: #9ba2a8
}

.progress-step.disabled .progress-step-desc {
    color: #9ba2a8
}

@media screen and (max-width: 768px) {
    .progress-step:before, .progress-step:after {
        background-color: #0799c9;
        content: '';
        height: 2px;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        width: 50%
    }

    .progress-step:before {
        margin-right: 22px;
        right: 50%
    }

    .progress-step:after {
        left: 50%;
        margin-left: 22px
    }

    .progress-step:first-child:before {
        display: none
    }

    .progress-step:last-child:after {
        display: none
    }

    .progress-step-index {
        float: none;
        margin: 0 auto
    }

    .progress-step-desc {
        display: none
    }

    .progress-step.disabled:after {
        background: #9ba2a8
    }

    .progress-step.disabled + .progress-step:before {
        background: #9ba2a8
    }
}

.styled-header:before, .styled-header:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 50% 50%;
    content: '';
    height: 7px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 20%
}

.styled-header {
    font-weight: 400;
    line-height: 1.07;
    position: relative
}

    .styled-header:before {
        left: 0
    }

    .styled-header span {
        display: block;
        margin: 0 auto;
        padding: 0 20px;
        text-align: center;
        width: 66%
    }

    .styled-header:after {
        right: 0
    }


.zig-zag-header:before {
    left: 20%;
}

.zig-zag-header:after {
    right: 20%;
}

.zig-zag-header:before, .zig-zag-header:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 50% 50%;
    content: '';
    height: 7px;
    margin-top: 15px;
    position: absolute;
    /* top: 50%;*/
    width: 20%
}

@media screen and (max-width: 768px) {
    .styled-header {
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {
    .styled-header span {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .styled-header:before {
        display: none
    }

    .styled-header:after {
        display: none
    }
}

.banner-create {
    margin-bottom: 50px;
    position: relative;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    margin-left: -10px;
    margin-right: -10px
}

    .banner-create:after {
        content: " ";
        display: block;
        clear: both
    }

    .banner-create .column-1st {
        width: 50%;
        float: left;
        padding: 0 1px 0 10px
    }

    .banner-create .column-2nd {
        width: 50%;
        float: left;
        padding: 0 10px 0 1px
    }

    .banner-create .position-center {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 100%
    }

        .banner-create .position-center form {
            left: 0;
            margin: -18px auto 0;
            position: absolute;
            right: 0;
            top: 50%
        }

@media screen and (max-width: 603px) {
    .banner-create {
        margin-left: -20px;
        margin-right: -20px
    }

        .banner-create .column-1st {
            width: 100%;
            float: left;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 1px;
            padding: 0
        }

        .banner-create .column-2nd {
            width: 100%;
            float: left;
            margin-left: 0;
            margin-right: 0;
            padding: 0
        }

        .banner-create .img-wrapper {
            height: 256px;
            overflow: hidden;
            position: relative
        }

            .banner-create .img-wrapper img {
                max-width: none;
                min-width: 100%;
                position: absolute;
                top: 50%;
                -moz-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%)
            }
}

.icon {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-indent: -999px;
    vertical-align: middle
}

.icon-social-fb {
    background-position: -96px -144px;
    width: 36px;
    height: 36px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icon-social-fb {
        background-position: -132px -144px;
        background-size: 400px auto;
        width: 36px;
        height: 36px
    }
}

.icon-social-tw {
    background-position: -132px -144px;
    width: 36px;
    height: 36px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icon-social-tw {
        background-position: -96px -144px;
        background-size: 400px auto;
        width: 36px;
        height: 36px
    }
}

.error-user-message-container, .caution-user-message-container, .success-user-message-container, .info-user-message-container {
    margin: 5px 0 15px;
    padding: 15px 5px;
    position: relative
}

.default-messages-container p {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0 20px;
    text-transform: none
}

.error-user-message-container {
    background: #ff7163
}

.caution-user-message-container {
    background: #f4e74f
}

.success-user-message-container {
    background: #62b006
}

.info-user-message-container {
    background: #9fd7eb
}

.navigation-bottom {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #f3f4f7;
    padding: 30px 0
}

    .navigation-bottom:after {
        content: " ";
        display: block;
        clear: both
    }

@media screen and (max-width: 480px) and (max-width: 480px) {
    .navigation-bottom {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.navigation-bottom.is-hidden {
    display: none
}

.navigation-bottom .button-empty {
    padding: 0
}

.navigation-col-two .align-left {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%
}

.navigation-col-two .align-right {
    width: 31.42857%;
    float: right;
    margin-right: 0
}

.navigation-col-three .align-left {
    width: 41.66667%;
    float: left
}

.navigation-col-three .align-center {
    width: 16.66667%;
    float: left
}

.navigation-col-three .align-right {
    width: 41.66667%;
    float: left
}

.accordion {
    border-bottom: 1px solid #f3f4f7;
    margin: -1px 0 25px
}

.accordion-title {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0 25px 25px 0;
    position: relative
}

    .accordion-title:before {
        content: '';
        position: absolute;
        right: 0;
        top: 10px;
        background-position: 0 -34px;
        width: 13px;
        height: 8px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .accordion-title:before {
        background-position: 0 -34px;
        background-size: 400px auto;
        width: 13px;
        height: 8px
    }
}

.accordion-content {
    display: none;
    padding: 0 0 20px
}

.accordion.is-open .accordion-title:before {
    background-position: -13px -34px;
    width: 13px;
    height: 8px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .accordion.is-open .accordion-title:before {
        background-position: -13px -34px;
        background-size: 400px auto;
        width: 13px;
        height: 8px
    }
}

.grid-products {
    background: #f3f4f7;
    padding-top: 1px;
    position: relative
}

    .grid-products .inner {
        margin-top: -41px;
        position: relative
    }

.grid-products-controls {
    overflow: hidden;
    padding: 45px 0 65px;
    position: relative;
    text-align: center
}

    .grid-products-controls span {
        position: relative
    }

        .grid-products-controls span:before, .grid-products-controls span:after {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 0 0;
            content: '';
            height: 7px;
            margin-top: -3px;
            position: absolute;
            top: 50%;
            width: 238px
        }

        .grid-products-controls span:before {
            left: -260px
        }

        .grid-products-controls span:after {
            right: -260px
        }

.grid-product {
    margin-bottom: 2.85714%;
    min-height: 380px;
    overflow: hidden;
    position: relative
}

    .grid-product.wide {
        width: 57.14286%;
        float: left;
        margin-right: 2.85714%
    }

    .grid-product.small {
        width: 40%;
        float: left;
        margin-right: 2.85714%
    }

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

.grid-product-image img {
    left: 0;
    max-width: none;
    position: absolute;
    top: 0
}

.grid-product-image.focus-center img {
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.grid-product-image.focus-left img {
    left: 0;
    right: auto
}

.grid-product-image.focus-right img {
    left: auto;
    right: 0
}

.grid-product-content {
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

    .grid-product-content h2 {
        color: #fff;
        display: inline;
        font-size: 24px
    }

    .grid-product-content .button, .grid-product-content form {
        float: right
    }

@media screen and (max-width: 768px) {
    .grid-product-content br {
        display: none
    }
}

@media screen and (max-width: 603px) {
    .grid-products {
        padding: 0
    }

        .grid-products .inner {
            margin-top: 0
        }

    .grid-products-controls {
        padding: 30px 0
    }

    .grid-product.wide, .grid-product.small {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        margin-top: 2px;
        width: 100%
    }

    .grid-product-image img {
        min-width: 100%
    }
}

@media screen and (max-width: 480px) {
    .grid-products-controls .button {
        height: 33px;
        line-height: 31px;
        padding: 0 20px
    }

    .grid-product {
        min-height: 280px
    }

    .grid-product-content {
        text-align: center
    }

        .grid-product-content h2 {
            display: block
        }

        .grid-product-content .button, .grid-product-content form {
            float: none
        }

    .grid-product-image img {
        height: 120%;
        min-width: initial
    }
}

@media screen and (max-width: 320px) {
    .grid-product-image img {
        height: 100%
    }
}

.single-product {
    height: 425px;
    overflow: hidden;
    position: relative
}

.single-product-image {
    left: 0;
    position: absolute;
    top: 0
}

    .single-product-image img {
        max-width: none
    }

    .single-product-image.focus-center {
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .single-product-image.focus-left {
        left: 0;
        right: auto
    }

    .single-product-image.focus-right {
        left: auto;
        right: 0
    }

.single-product-content {
    bottom: 55px;
    color: #fff;
    left: 35px;
    position: absolute;
    right: 35px
}

.single-product-heading {
    font-size: 34px
}

.single-product-text {
    font-size: 17px;
    margin-bottom: 30px;
    width: 40%
}

@media screen and (max-width: 603px) {
    .single-product {
        height: 395px;
        text-align: center
    }

        .single-product:before {
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMzM0NSIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
            background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(27,51,69,0.8)),color-stop(100%, rgba(255,255,255,0)));
            background: -moz-linear-gradient(left, rgba(27,51,69,0.8),rgba(255,255,255,0));
            background: -webkit-linear-gradient(left, rgba(27,51,69,0.8),rgba(255,255,255,0));
            background: linear-gradient(to right, rgba(27,51,69,0.8),rgba(255,255,255,0));
            bottom: 0;
            content: '';
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1
        }

    .single-product-image {
        height: 100%
    }

        .single-product-image img {
            max-height: 100%
        }

    .single-product-content {
        bottom: 25px;
        z-index: 1
    }

    .single-product-heading {
        font-size: 22px
    }

    .single-product-text {
        font-size: 14px;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .single-product-text br {
        display: none
    }
}

.testimonials {
    padding: 90px 0;
    position: relative
}

.testimonials-inner {
    opacity: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

    .testimonials-inner.is-init, .testimonials-inner.slick-initialized {
        opacity: 1
    }

.testimonials-prev, .testimonials-next {
    border: 0;
    bottom: 30px;
    cursor: pointer;
    display: none;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px
}

    .testimonials-prev:focus, .testimonials-next:focus {
        outline: none
    }

.testimonials-prev {
    left: 0;
    background-position: -22px -2px;
    width: 14px;
    height: 24px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .testimonials-prev {
        background-position: -22px -2px;
        background-size: 400px auto;
        width: 14px;
        height: 24px
    }
}

.testimonials-next {
    right: 0;
    background-position: -36px -2px;
    width: 14px;
    height: 24px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .testimonials-next {
        background-position: -36px -2px;
        background-size: 400px auto;
        width: 14px;
        height: 24px
    }
}

@media screen and (max-width: 603px) {
    .testimonials {
        padding: 40px 0
    }

    .testimonials-prev, .testimonials-next {
        display: block
    }
}

.testimonial {
    display: inline-block;
    text-align: center
}

    .testimonial:last-child .testimonial-photo:before {
        display: none
    }

.testimonial-content {
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

.testimonial-text {
    font-size: 17px;
    padding: 0 80px 75px;
    position: relative
}

    .testimonial-text:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 0 0;
        bottom: 45px;
        content: '';
        height: 7px;
        left: 50%;
        margin-left: -35px;
        position: absolute;
        width: 72px
    }

.testimonial-author-name {
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase
}

.testimonial-author-position {
    color: #9ba2a8
}

.testimonial-photo {
    display: inline-block;
    margin-top: 10px;
    padding: 0 20px;
    position: relative
}

    .testimonial-photo .inner {
        background: #fff;
        border: 1px solid #fff;
        border-radius: 100%;
        cursor: pointer;
        height: 80px;
        overflow: hidden;
        padding: 3px;
        position: relative;
        user-select: none;
        width: 80px;
        z-index: 0
    }

        .testimonial-photo .inner:before {
            background: rgba(255,255,255,0.5);
            bottom: 0;
            content: '';
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1
        }

        .testimonial-photo .inner img {
            border-radius: 100%
        }

    .testimonial-photo:before {
        background: #c7cbcd;
        border-radius: 100%;
        content: '';
        height: 4px;
        margin-top: -2px;
        position: absolute;
        right: -2px;
        top: 50%;
        width: 4px
    }

.testimonial.is-active .testimonial-content, .testimonial.slick-active .testimonial-content {
    display: block
}

.testimonial.is-active .testimonial-photo .inner, .testimonial.slick-active .testimonial-photo .inner {
    background: #f3f4f7;
    border-color: #0799c9
}

    .testimonial.is-active .testimonial-photo .inner:before, .testimonial.slick-active .testimonial-photo .inner:before {
        display: none
    }


@media screen and (max-width: 603px) {
    .testimonial-photo:before {
        display: none
    }

    .testimonial-content {
        display: block;
        left: auto;
        position: relative;
        top: auto
    }

    .testimonial-text {
        font-size: 14px;
        padding: 0 0 75px
    }
}

.upload-progress-bar .top-section {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%
}

    .upload-progress-bar .top-section .cancel {
        float: right;
        padding-right: 2px
    }

    .upload-progress-bar .top-section .filename {
        float: left
    }

.upload-progress-bar .bottom-section {
    border: 1px solid #f3f4f7;
    border-radius: 2px;
    display: inline-block;
    padding: .5em;
    position: relative;
    width: 100%
}

    .upload-progress-bar .bottom-section .bar {
        background-color: #70c907;
        -moz-border-radius: 2px 0 0 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px 0 0 2px;
        height: 2.5em;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 100
    }

        .upload-progress-bar .bottom-section .bar.completed {
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px
        }

    .upload-progress-bar .bottom-section .progress {
        color: #fff;
        position: relative;
        z-index: 150
    }

.banner-slider {
    height: 606px;
    overflow: hidden;
    position: relative
}

.banner-slider-inner {
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    margin: 0 auto;
    max-width: 1280px;
    opacity: 0;
    overflow: hidden;
    position: relative
}

    .banner-slider-inner.slick-initialized {
        opacity: 1
    }

.banner-slider-controls .page-frame {
    position: relative
}

.banner-slider-prev, .banner-slider-next {
    border: 0;
    bottom: 60px;
    cursor: pointer;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px
}

.rollover .banner-slider-prev:hover, .rollover .banner-slider-next:hover {
    opacity: .7
}

.banner-slider-prev:focus, .banner-slider-next:focus {
    outline: none
}

.banner-slider-prev {
    left: 10px;
    background-position: -208px -144px;
    width: 40px;
    height: 40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .banner-slider-prev {
        background-position: -190px -98px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

.banner-slider-next {
    right: 10px;
    background-position: -248px -144px;
    width: 40px;
    height: 40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .banner-slider-next {
        background-position: -248px -144px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

.banner-slider-dot {
    background: transparent;
    border: 2px solid rgba(255,255,255,0.6);
    border-radius: 100%;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 14px;
    margin: 0 10px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 14px
}

.slick-active .banner-slider-dot {
    background: #fff;
    border-color: #fff
}

.banner-slider-dot:focus {
    outline: none
}

.banner-slider .slick-dots {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

    .banner-slider .slick-dots li {
        display: inline-block
    }

.banner-slider .slick-track {
    overflow: hidden;
    border: none !important;
    outline: none !important;
    *zoom: 1
}

.js-banner-slider {
    border: none !important;
    outline: none !important;
}

    .js-banner-slider :focus {
        border: none !important;
        outline: none !important;
    }


.banner-slider {
    max-width: 1280px;
    margin: auto;
    text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

.home-slide {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 606px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.home-slide-content {
    padding: 150px 0;
    position: relative;
    z-index: 1
}

.home-slide-image {
    height: 100%;
    left: 0;
    position: absolute;
    z-index: 0
}

    .home-slide-image img {
        max-width: none;
        position: relative
    }

    .home-slide-image.focus-center {
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .home-slide-image.focus-left {
        left: 0;
        right: auto
    }

    .home-slide-image.focus-right {
        left: auto;
        right: 0
    }

.home-slide-slogan {
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    padding: 0 150px;
    position: relative;
    text-transform: uppercase
}

    .home-slide-slogan span {
        display: inline-block;
        position: relative
    }

        .home-slide-slogan span:before, .home-slide-slogan span:after {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5Nzg3RDkwNDI0MDExRTQ4MUNBQkNFOURGMENFMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5Nzg3RDkxNDI0MDExRTQ4MUNBQkNFOURGMENFMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDk3ODdEOEU0MjQwMTFFNDgxQ0FCQ0U5REYwQ0UyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDk3ODdEOEY0MjQwMTFFNDgxQ0FCQ0U5REYwQ0UyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4n1Q+BAAAAYUlEQVR42mK8fuu2MQMDw1kGHIAJiM8AcRgO+TCQgjIgngrEdmiSIP5UkIJuIA4B4rVAbI8kCeKHMkEFDkIVrQHiEpgkEB9gQTISpCgbiFcCcThIEiTICPQFusNQfAUQYADwsBSpSiOnLAAAAABJRU5ErkJggg==") repeat-x 0 0;
            content: '';
            height: 7px;
            margin-top: -3px;
            position: absolute;
            top: 50%;
            width: 130px
        }

        .home-slide-slogan span:before {
            left: -150px
        }

        .home-slide-slogan span:after {
            right: -150px
        }

.home-slide-heading {
    color: #fff;
    font-size: 46px;
    font-weight: 300;
    margin: 0 0 40px;
    position: relative
}

.home-grid-products {
    background: #f3f4f7;
    padding-top: 1px;
    position: relative
}

    .home-grid-products .inner {
        margin-top: -41px;
        position: relative
    }

.home-grid-products-controls {
    overflow: hidden;
    padding: 45px 0 65px;
    position: relative;
    text-align: center
}

    .home-grid-products-controls span {
        position: relative
    }

        .home-grid-products-controls span:before, .home-grid-products-controls span:after {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 0 0;
            content: '';
            height: 7px;
            margin-top: -3px;
            position: absolute;
            top: 50%;
            width: 238px
        }

        .home-grid-products-controls span:before {
            left: -260px
        }

        .home-grid-products-controls span:after {
            right: -260px
        }

.home-about {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.home-about-inner {
    padding: 95px 0;
    text-align: center
}

.home-about-logo {
    margin-bottom: 80px
}

    .home-about-logo img {
        margin: 0 auto;
        max-height: 45px
    }

.home-about-text {
    color: #fff;
    margin-bottom: 50px
}

    .home-about-text h2 {
        margin-bottom: 40px
    }

    .home-about-text p {
        font-size: 17px;
        margin: 0 auto 1em;
        max-width: 750px
    }

.home-about .button {
    padding: 0 72px
}

.home-product {
    margin: 65px 0
}

@media screen and (max-width: 768px) {
    .home-slide-slogan {
        padding: 0 30px
    }

    .home-slide-heading br {
        display: none
    }
}

@media screen and (max-width: 603px) {
    .banner-slider-controls {
        display: none
    }

    .home-slide-slogan {
        font-size: 18px
    }

    .home-slide-heading {
        font-size: 22px
    }

    .home-about {
        background-size: cover
    }

    .home-about-logo {
        margin-bottom: 40px
    }

    .home-about-inner {
        padding: 45px 0 40px
    }

    .home-about-text p {
        font-size: 14px
    }

    .home-product {
        margin: 40px 0
    }

    .home-grid-products {
        padding: 0
    }

        .home-grid-products .inner {
            margin-top: 0
        }

    .home-grid-products-controls {
        padding: 30px 0
    }
}

@media screen and (max-width: 600px) {
    .banner-slider {
        height: 100%;
    }

        .banner-slider .slick-dots {
            bottom: 20px
        }

    .home-slide {
        height: 310px
    }

    .home-slide-heading {
        margin-bottom: 20px
    }

    .home-slide-content {
        padding: 60px 0
    }

    .home-slide-image img {
        max-height: 100%
    }

    .home-grid-products-controls .button {
        padding: 0 20px
    }
}

.page-banner {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    text-align: center
}

    .page-banner.products {
        color: #fff;
        margin-bottom: -80px;
        min-height: 642px
    }

        .page-banner.products .page-frame {
            border-collapse: collapse;
            display: table;
            height: 642px;
            max-width: 710px;
            position: relative
        }

.page-banner-image img {
    left: 0;
    max-width: none;
    position: absolute;
    top: 0;
    z-index: 0
}

.page-banner-image.focus-center img {
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.page-banner-image.focus-left img {
    left: 0;
    right: auto
}

.page-banner-image.focus-right img {
    left: auto;
    right: 0
}

.page-banner-content {
    display: table-cell;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.products .page-banner-content {
    padding-bottom: 70px
}

.page-banner-title {
    font-size: 43px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 0
}

    .page-banner-title + p {
        margin-top: .7em
    }

.page-banner p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 1.55;
    margin-bottom: 1.5em
}

@media screen and (max-width: 960px) {
    .page-banner br {
        display: none
    }
}

@media screen and (max-width: 603px) {
    .page-banner-title {
        font-size: 22px
    }

    .page-banner-content {
        padding-bottom: 0
    }

    .products .page-banner-content {
        padding-bottom: 0
    }
}

@media screen and (max-width: 480px) {
    .page-banner-image {
        height: 100%
    }

        .page-banner-image img {
            max-height: 100%
        }

    .page-banner.products {
        margin-bottom: 0;
        min-height: 310px
    }

        .page-banner.products .page-frame {
            height: 310px
        }

    .page-banner p {
        font-size: 14px
    }

    .page-banner .button {
        height: 40px;
        line-height: 2.8
    }
}

.column-list-container {
    padding-top: 40px;
    position: relative
}

    .column-list-container ul {
        list-style: none;
        margin-bottom: 25px
    }

    .column-list-container li {
        float: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 60px;
        padding-left: 58px;
        width: 33.33333%
    }

        .column-list-container li:before {
            background-position: -26px -34px;
            width: 8px;
            height: 8px;
            content: '';
            display: inline-block;
            margin-left: -23px;
            margin-right: 15px
        }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .column-list-container li:before {
        background-position: -26px -34px;
        background-size: 400px auto;
        width: 8px;
        height: 8px
    }
}

.column-list-container li:nth-child(3n+1) {
    clear: both
}

@media screen and (max-width: 768px) {
    .column-list-container li {
        width: 50%
    }

        .column-list-container li:nth-child(3n+1) {
            clear: none
        }

        .column-list-container li:nth-child(2n+1) {
            clear: both
        }
}

@media screen and (max-width: 603px) {
    .column-list-container li {
        float: none;
        margin-bottom: 10px;
        padding-left: 28px;
        width: auto
    }

    .column-list-container .page-frame {
        padding-left: 0;
        padding-right: 0
    }
}

.title-triangles {
    margin-bottom: 3.8em;
    position: relative;
    text-align: center
}

    .title-triangles:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 0 0;
        content: '';
        display: block;
        height: 7px;
        left: 0;
        margin-top: -3px;
        position: absolute;
        right: 0;
        top: 50%;
        z-index: -1
    }

    .title-triangles > h1, .title-triangles > h2, .title-triangles > h3, .title-triangles > h4 {
        background-color: #fff;
        display: inline-block;
        letter-spacing: 1px;
        margin-bottom: 0;
        padding-left: 30px;
        padding-right: 30px
    }

@media screen and (max-width: 768px) {
    .title-triangles > h1, .title-triangles > h2, .title-triangles > h3, .title-triangles > h4 {
        padding-left: 15px;
        padding-right: 15px
    }
}

.page-banner.our-story {
    color: #fff
}

    .page-banner.our-story .page-frame {
        display: table;
        height: 515px;
        position: relative
    }

    .page-banner.our-story .page-banner-content {
        display: table-cell;
        vertical-align: middle
    }

@media screen and (max-width: 480px) {
    .page-banner.our-story .page-frame {
        height: 310px
    }
}

.our-story-intro {
    margin-bottom: 80px;
    margin-top: 80px;
    text-align: center
}

    .our-story-intro .styled-header {
        margin: 0 auto 50px;
        width: 60%
    }

        .our-story-intro .styled-header:before {
            width: 30%
        }

        .our-story-intro .styled-header:after {
            width: 30%
        }

    .our-story-intro .button {
        margin-top: 10px
    }

    .our-story-intro p {
        font-size: 16px;
        line-height: 1.75
    }

.our-story .content-frame {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px
}

.our-story-content {
    background-color: #f3f4f7;
    height: 447px;
    margin-bottom: 10px;
    margin-right: -10px;
    position: relative
}

    .our-story-content:before {
        background-color: #f3f4f7;
        bottom: 0;
        content: '';
        display: block;
        left: -100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .our-story-content p {
        font-size: 16px;
        line-height: 1.75
    }

    .our-story-content .image-container {
        height: 100%;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 43.30709%
    }

        .our-story-content .image-container img {
            left: 0;
            max-width: none;
            position: absolute;
            top: 0;
            z-index: 0
        }

        .our-story-content .image-container.focus-center img {
            left: 50%;
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0)
        }

        .our-story-content .image-container.focus-left img {
            left: 0;
            right: auto
        }

        .our-story-content .image-container.focus-right img {
            left: auto;
            right: 0
        }

    .our-story-content .text-container {
        max-width: 375px;
        padding-bottom: 80px;
        padding-top: 80px
    }

        .our-story-content .text-container h3 {
            text-transform: capitalize
        }

        .our-story-content .text-container p:last-child {
            margin-bottom: 0
        }

    .our-story-content:nth-child(odd) {
        margin-left: -10px;
        margin-right: auto
    }

        .our-story-content:nth-child(odd):before {
            left: 0;
            right: -100%
        }

        .our-story-content:nth-child(odd) .image-container {
            left: 0;
            right: auto
        }

        .our-story-content:nth-child(odd) .content-frame {
            margin: 0;
            max-width: 1030px;
            padding-left: 43.30709%
        }

        .our-story-content:nth-child(odd) .text-container {
            margin-left: 20%
        }

.our-story-frame {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 10px;
    padding-right: 10px
}

.our-story .testimonials-inner {
    margin-bottom: 60px
}

@media screen and (max-width: 960px) {
    .our-story-frame {
        padding-left: 20px;
        padding-right: 20px
    }

    .our-story-content {
        margin-left: -20px;
        margin-right: -20px
    }

        .our-story-content:nth-child(odd) {
            margin-left: -20px;
            margin-right: -20px
        }

        .our-story-content .text-container {
            padding-left: 20px;
            padding-right: 20px
        }
}

@media screen and (max-width: 768px) {
    .our-story-content .text-container {
        max-width: 320px;
        padding: 40px 20px
    }
}

@media screen and (max-width: 603px) {
    .our-story-content {
        height: auto
    }

        .our-story-content:before {
            content: none
        }

        .our-story-content .text-container {
            margin-left: auto;
            margin-right: auto;
            max-width: none
        }

        .our-story-content:nth-child(odd) .image-container {
            left: 0;
            right: auto
        }

        .our-story-content:nth-child(odd) .content-frame {
            max-width: none;
            padding-left: 0
        }

        .our-story-content:nth-child(odd) .text-container {
            margin-left: auto
        }

        .our-story-content .image-container {
            height: 100%;
            overflow: visible;
            position: relative;
            right: 0;
            top: 0;
            width: auto
        }

            .our-story-content .image-container img {
                left: 0;
                position: relative;
                top: 0;
                width: 100%;
                z-index: 0
            }

            .our-story-content .image-container.focus-center img {
                left: 50%;
                -moz-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0)
            }

            .our-story-content .image-container.focus-left img {
                left: 0;
                right: auto
            }

            .our-story-content .image-container.focus-right img {
                left: auto;
                right: 0
            }
}

.page-product .product-intro {
    background-position: 50% 0;
    background-repeat: no-repeat
}

    .page-product .product-intro h1 {
        font-size: 34px;
        margin-bottom: .12em;
        padding-top: 190px
    }

    .page-product .product-intro p {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 2em;
        max-width: 40%
    }

    .page-product .product-intro .price {
        color: #0799c9;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 1.42em;
        text-transform: uppercase
    }

.page-product .product-intro-inner {
    min-height: 660px;
    position: relative
}

.page-product .product-intro .product-navigation {
    bottom: 35px;
    left: 2.85714%;
    position: absolute;
    right: 2.85714%
}

.page-product .product-top-navigation {
    overflow: hidden;
    *zoom: 1;
    bottom: 35px;
    left: 0;
    position: absolute;
    right: 0
}

    .page-product .product-top-navigation a {
        overflow: hidden;
        text-indent: -100px;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

.rollover .page-product .product-top-navigation a:hover {
    opacity: .7
}

.page-product .product-top-navigation .product-prev {
    background-position: -190px -98px;
    width: 40px;
    height: 40px;
    float: left
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .page-product .product-top-navigation .product-prev {
        background-position: -110px -98px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

.page-product .product-top-navigation .product-next {
    background-position: -168px -144px;
    width: 40px;
    height: 40px;
    float: right
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .page-product .product-top-navigation .product-next {
        background-position: -208px -144px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

.page-product .page-inner {
    padding: 70px 0
}

.page-product .product-properties {
    background-color: #f3f4f7
}

@media screen and (max-width: 1024px) {
    .page-product .product-intro {
        background-size: cover
    }
}

@media screen and (max-width: 768px) {
    .page-product .product-intro h1 {
        padding-top: 80px
    }

    .page-product .product-intro p {
        max-width: 50%
    }

    .page-product .product-intro-inner {
        min-height: 0;
        padding-bottom: 100px
    }

    .page-product .product-top-navigation {
        bottom: 20px
    }

    .page-product .page-inner {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media screen and (max-width: 603px) {
    .page-product .product-top-navigation .product-prev {
        background: url('Images/icons.png?v=21380a2db7') no-repeat -110px -98px;
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width: 603px) and (min-resolution: 2dppx), screen and (max-width: 603px) and (-webkit-min-device-pixel-ratio: 2) {
    .page-product .product-top-navigation .product-prev {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -168px -144px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 603px) {
    .page-product .product-top-navigation .product-next {
        background: url('Images/icons.png?v=21380a2db7') no-repeat -70px -98px;
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width: 603px) and (min-resolution: 2dppx), screen and (max-width: 603px) and (-webkit-min-device-pixel-ratio: 2) {
    .page-product .product-top-navigation .product-next {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -70px -98px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 603px) {
    .page-product .product-navigation {
        height: auto
    }

        .page-product .product-navigation a {
            line-height: 40px
        }

        .page-product .product-navigation .product-prev {
            background: url('Images/icons.png?v=21380a2db7') no-repeat -110px -98px;
            width: 40px;
            height: 40px
        }
}

@media only screen and (max-width: 603px) and (min-resolution: 2dppx), screen and (max-width: 603px) and (-webkit-min-device-pixel-ratio: 2) {
    .page-product .product-navigation .product-prev {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -168px -144px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 603px) {
    .page-product .product-navigation .product-prev:before {
        content: none
    }

    .page-product .product-navigation .product-prev:after {
        content: ''
    }

    .page-product .product-navigation .product-next {
        background: url('Images/icons.png?v=21380a2db7') no-repeat -70px -98px;
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width: 603px) and (min-resolution: 2dppx), screen and (max-width: 603px) and (-webkit-min-device-pixel-ratio: 2) {
    .page-product .product-navigation .product-next {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -70px -98px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 603px) {
    .page-product .product-navigation .product-next:before {
        content: ''
    }

    .page-product .product-navigation .product-next:after {
        content: none
    }
}

.product-image-container {
    position: relative
}

    .product-image-container img {
        min-width: 100%
    }

.info-pointer-position {
    opacity: 0;
    position: absolute;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

    .info-pointer-position.height-set {
        opacity: 1
    }

    .info-pointer-position .info-pointer {
        position: relative;
        top: -50%
    }

        .info-pointer-position .info-pointer p {
            font-size: 14px;
            line-height: 1.4;
            margin: 0
        }

            .info-pointer-position .info-pointer p img {
                margin-bottom: .3em
            }

        .info-pointer-position .info-pointer:before {
            background-color: #d9dcde;
            content: '';
            height: 1px;
            position: absolute;
            right: 21px;
            top: 50%
        }

        .info-pointer-position .info-pointer:after {
            background: rgba(255,255,255,0.4);
            border: solid 1px #d9dcde;
            content: '';
            height: 40px;
            margin-top: -21px;
            position: absolute;
            right: -21px;
            top: 50%;
            width: 40px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

@media screen and (max-width: 603px) {
    .info-pointer-position .info-pointer p {
        font-size: 12px;
        line-height: 1
    }
}

.product-plaquemount {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    margin-left: -10px;
    margin-right: -10px
}

    .product-plaquemount:after {
        content: " ";
        display: block;
        clear: both
    }

.product-features-chart {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    margin-left: -10px;
    margin-right: -10px
}

    .product-features-chart:after {
        content: " ";
        display: block;
        clear: both
    }

.under-features-chart {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center
}

    .under-features-chart .content-holder {
        display: table-row
    }

        .under-features-chart .content-holder img {
            display: table-cell;
            margin: 0 auto
        }

        .under-features-chart .content-holder p {
            display: table-cell;
            padding-left: 10px;
            vertical-align: middle
        }

@media screen and (max-width: 603px) {
    .under-features-chart .content-holder {
        display: block
    }

        .under-features-chart .content-holder p {
            padding-bottom: 20px;
            padding-left: 0;
            padding-top: 20px
        }
}

.plaquemount-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .plaquemount-column-1st .product-image-container {
        padding-left: 30%;
        padding-top: 12%
    }

    .plaquemount-column-1st .info-pointer-position-1 {
        top: 40%;
        left: 0;
        right: 32%
    }

        .plaquemount-column-1st .info-pointer-position-1 .info-pointer p {
            width: 130px
        }

        .plaquemount-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .plaquemount-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 130px;
            right: 21px
        }

        .plaquemount-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .plaquemount-column-1st .info-pointer-position-1 .info-pointer p {
        width: 90px
    }

    .plaquemount-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .plaquemount-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 90px
    }
}

.plaquemount-column-1st .info-pointer-position-2 {
    top: 72.5%;
    left: 0;
    right: 60%
}

    .plaquemount-column-1st .info-pointer-position-2 .info-pointer p {
        width: 130px
    }

    .plaquemount-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .plaquemount-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 130px;
        right: 21px
    }

    .plaquemount-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .plaquemount-column-1st .info-pointer-position-2 .info-pointer p {
        width: 90px
    }

    .plaquemount-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .plaquemount-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 90px
    }
}

@media screen and (max-width: 768px) {
    .plaquemount-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.plaquemount-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0;
    padding-right: 0
}

    .plaquemount-column-2nd .product-image-container {
        padding-right: 54%;
        padding-top: 23%
    }

    .plaquemount-column-2nd .info-pointer-position-1 {
        top: 38%;
        left: 13%;
        right: 0
    }

        .plaquemount-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .plaquemount-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .plaquemount-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .plaquemount-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 140px
            }

            .plaquemount-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .plaquemount-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .plaquemount-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .plaquemount-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 100px
    }
}

.plaquemount-column-2nd .info-pointer-position-1 .info-pointer:before {
    top: 25%
}

.plaquemount-column-2nd .info-pointer-position-1 .info-pointer:after {
    top: 25%
}

@media screen and (max-width: 768px) {
    .plaquemount-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .plaquemount-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.gallery-lightbox-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .gallery-lightbox-column-1st .product-image-container {
        padding-left: 37%;
        padding-top: 12%
    }

    .gallery-lightbox-column-1st .info-pointer-position-1 {
        top: 20%;
        left: 0;
        right: 30%
    }

        .gallery-lightbox-column-1st .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .gallery-lightbox-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .gallery-lightbox-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 140px;
            right: 21px
        }

        .gallery-lightbox-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .gallery-lightbox-column-1st .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .gallery-lightbox-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .gallery-lightbox-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 100px
    }
}

.gallery-lightbox-column-1st .info-pointer-position-2 {
    top: 47%;
    left: 0;
    right: 42%
}

    .gallery-lightbox-column-1st .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .gallery-lightbox-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .gallery-lightbox-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 140px;
        right: 21px
    }

    .gallery-lightbox-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .gallery-lightbox-column-1st .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .gallery-lightbox-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .gallery-lightbox-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 100px
    }
}

@media screen and (max-width: 768px) {
    .gallery-lightbox-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.gallery-lightbox-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0
}

    .gallery-lightbox-column-2nd .product-image-container {
        padding-right: 68%;
        padding-top: 24%
    }

    .gallery-lightbox-column-2nd .info-pointer-position-1 {
        top: 45%;
        left: 31%;
        right: 0
    }

        .gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .gallery-lightbox-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 140px
            }

            .gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .gallery-lightbox-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 100px
    }
}

.gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer:before {
    top: 25%
}

.gallery-lightbox-column-2nd .info-pointer-position-1 .info-pointer:after {
    top: 25%
}

@media screen and (max-width: 768px) {
    .gallery-lightbox-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .gallery-lightbox-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.canvas-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .canvas-column-1st .product-image-container {
        padding-left: 15%;
        padding-top: 12%
    }

    .canvas-column-1st .info-pointer-position-1 {
        top: 50%;
        left: 0;
        right: 38%
    }

        .canvas-column-1st .info-pointer-position-1 .info-pointer p {
            width: 120px
        }

        .canvas-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .canvas-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 120px;
            right: 21px
        }

        .canvas-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .canvas-column-1st .info-pointer-position-1 .info-pointer p {
        width: 80px
    }

    .canvas-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .canvas-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 80px
    }
}

.canvas-column-1st .info-pointer-position-2 {
    top: 47%;
    left: 0;
    right: 42%
}

    .canvas-column-1st .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .canvas-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .canvas-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 140px;
        right: 21px
    }

    .canvas-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .canvas-column-1st .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .canvas-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .canvas-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 100px
    }
}

@media screen and (max-width: 768px) {
    .canvas-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.canvas-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0
}

    .canvas-column-2nd .product-image-container {
        padding-right: 71%;
        padding-top: 30%
    }

    .canvas-column-2nd .info-pointer-position-1 {
        top: 45%;
        left: 28%;
        right: 0
    }

        .canvas-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 130px
        }

        .canvas-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .canvas-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .canvas-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 130px
            }

            .canvas-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .canvas-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 90px
    }

    .canvas-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .canvas-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 90px
    }
}

.canvas-column-2nd .info-pointer-position-1 .info-pointer:before {
    top: 25%
}

.canvas-column-2nd .info-pointer-position-1 .info-pointer:after {
    top: 25%
}

@media screen and (max-width: 768px) {
    .canvas-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .canvas-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.acrylic-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .acrylic-column-1st .product-image-container {
        padding-left: 37%;
        padding-top: 12%
    }

    .acrylic-column-1st .info-pointer-position-1 {
        top: 32%;
        left: 0;
        right: 28%
    }

        .acrylic-column-1st .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .acrylic-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .acrylic-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 140px;
            right: 21px
        }

        .acrylic-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .acrylic-column-1st .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .acrylic-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .acrylic-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 100px
    }
}

.acrylic-column-1st .info-pointer-position-2 {
    top: 60%;
    left: 0;
    right: 48%
}

    .acrylic-column-1st .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .acrylic-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .acrylic-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 140px;
        right: 21px
    }

    .acrylic-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .acrylic-column-1st .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .acrylic-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .acrylic-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 100px
    }
}

.acrylic-column-1st .info-pointer-position-3 {
    top: 87%;
    left: 0;
    right: 40%
}

    .acrylic-column-1st .info-pointer-position-3 .info-pointer p {
        width: 140px
    }

    .acrylic-column-1st .info-pointer-position-3 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .acrylic-column-1st .info-pointer-position-3 .info-pointer:before {
        left: 140px;
        right: 21px
    }

    .acrylic-column-1st .info-pointer-position-3 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .acrylic-column-1st .info-pointer-position-3 .info-pointer p {
        width: 100px
    }

    .acrylic-column-1st .info-pointer-position-3 p {
        padding: 5px 10px 5px 0
    }

    .acrylic-column-1st .info-pointer-position-3 .info-pointer:before {
        left: 100px
    }
}

@media screen and (max-width: 768px) {
    .acrylic-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.acrylic-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0;
    padding-right: 0
}

    .acrylic-column-2nd .product-image-container {
        padding-right: 74%;
        padding-top: 26%
    }

    .acrylic-column-2nd .info-pointer-position-1 {
        top: 23%;
        left: 24%;
        right: 0
    }

        .acrylic-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .acrylic-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .acrylic-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .acrylic-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 140px
            }

            .acrylic-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .acrylic-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .acrylic-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .acrylic-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 100px
    }
}

.acrylic-column-2nd .info-pointer-position-2 {
    top: 76%;
    left: 21%;
    right: 0
}

    .acrylic-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .acrylic-column-2nd .info-pointer-position-2 p {
        border-left: solid 1px #d9dcde;
        display: inline-block;
        padding: 8px 0 8px 20px;
        text-align: left
    }

    .acrylic-column-2nd .info-pointer-position-2 .info-pointer {
        text-align: right
    }

        .acrylic-column-2nd .info-pointer-position-2 .info-pointer:before {
            left: 21px;
            right: 140px
        }

        .acrylic-column-2nd .info-pointer-position-2 .info-pointer:after {
            left: -21px
        }

@media screen and (max-width: 603px) {
    .acrylic-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .acrylic-column-2nd .info-pointer-position-2 p {
        padding: 5px 0 5px 10px
    }

    .acrylic-column-2nd .info-pointer-position-2 .info-pointer:before {
        right: 100px
    }
}

@media screen and (max-width: 768px) {
    .acrylic-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .acrylic-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.gallery-box-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .gallery-box-column-1st .product-image-container {
        padding-left: 22%;
        padding-top: 12%
    }

    .gallery-box-column-1st .info-pointer-position-1 {
        top: 40%;
        left: 0;
        right: 35%
    }

        .gallery-box-column-1st .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .gallery-box-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .gallery-box-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 140px;
            right: 21px
        }

        .gallery-box-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .gallery-box-column-1st .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .gallery-box-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .gallery-box-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 100px
    }
}

.gallery-box-column-1st .info-pointer-position-2 {
    top: 72%;
    left: 0;
    right: 60%
}

    .gallery-box-column-1st .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .gallery-box-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .gallery-box-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 140px;
        right: 21px
    }

    .gallery-box-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .gallery-box-column-1st .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .gallery-box-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .gallery-box-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 100px
    }
}

@media screen and (max-width: 768px) {
    .gallery-box-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.gallery-box-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0
}

    .gallery-box-column-2nd .product-image-container {
        padding-right: 70%;
        padding-top: 30%
    }

    .gallery-box-column-2nd .info-pointer-position-1 {
        top: 45%;
        left: 25%;
        right: 0
    }

        .gallery-box-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .gallery-box-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .gallery-box-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .gallery-box-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 140px
            }

            .gallery-box-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .gallery-box-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .gallery-box-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .gallery-box-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 100px
    }
}

.gallery-box-column-2nd .info-pointer-position-1 .info-pointer:before {
    top: 40%
}

.gallery-box-column-2nd .info-pointer-position-1 .info-pointer:after {
    top: 40%
}

.gallery-box-column-2nd .info-pointer-position-2 {
    top: 71%;
    left: 25%;
    right: 0
}

    .gallery-box-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .gallery-box-column-2nd .info-pointer-position-2 p {
        border-left: solid 1px #d9dcde;
        display: inline-block;
        padding: 8px 0 8px 20px;
        text-align: left
    }

    .gallery-box-column-2nd .info-pointer-position-2 .info-pointer {
        text-align: right
    }

        .gallery-box-column-2nd .info-pointer-position-2 .info-pointer:before {
            left: 21px;
            right: 140px
        }

        .gallery-box-column-2nd .info-pointer-position-2 .info-pointer:after {
            left: -21px
        }

@media screen and (max-width: 603px) {
    .gallery-box-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .gallery-box-column-2nd .info-pointer-position-2 p {
        padding: 5px 0 5px 10px
    }

    .gallery-box-column-2nd .info-pointer-position-2 .info-pointer:before {
        right: 100px
    }
}

@media screen and (max-width: 768px) {
    .gallery-box-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .gallery-box-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.floatmount-plaque-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .floatmount-plaque-column-1st .product-image-container {
        padding-left: 22%;
        padding-top: 12%
    }

    .floatmount-plaque-column-1st .info-pointer-position-1 {
        top: 26%;
        left: 0;
        right: 45%
    }

        .floatmount-plaque-column-1st .info-pointer-position-1 .info-pointer p {
            width: 125px
        }

        .floatmount-plaque-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .floatmount-plaque-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 125px;
            right: 21px
        }

        .floatmount-plaque-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .floatmount-plaque-column-1st .info-pointer-position-1 .info-pointer p {
        width: 85px
    }

    .floatmount-plaque-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .floatmount-plaque-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 85px
    }
}

.floatmount-plaque-column-1st .info-pointer-position-2 {
    top: 58%;
    left: 0;
    right: 58%
}

    .floatmount-plaque-column-1st .info-pointer-position-2 .info-pointer p {
        width: 125px
    }

    .floatmount-plaque-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .floatmount-plaque-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 125px;
        right: 21px
    }

    .floatmount-plaque-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .floatmount-plaque-column-1st .info-pointer-position-2 .info-pointer p {
        width: 85px
    }

    .floatmount-plaque-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .floatmount-plaque-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 85px
    }
}

.floatmount-plaque-column-1st .info-pointer-position-3 {
    top: 90%;
    left: 0;
    right: 64%
}

    .floatmount-plaque-column-1st .info-pointer-position-3 .info-pointer p {
        width: 125px
    }

    .floatmount-plaque-column-1st .info-pointer-position-3 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .floatmount-plaque-column-1st .info-pointer-position-3 .info-pointer:before {
        left: 125px;
        right: 21px
    }

    .floatmount-plaque-column-1st .info-pointer-position-3 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .floatmount-plaque-column-1st .info-pointer-position-3 .info-pointer p {
        width: 85px
    }

    .floatmount-plaque-column-1st .info-pointer-position-3 p {
        padding: 5px 10px 5px 0
    }

    .floatmount-plaque-column-1st .info-pointer-position-3 .info-pointer:before {
        left: 85px
    }
}

@media screen and (max-width: 768px) {
    .floatmount-plaque-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.floatmount-plaque-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0
}

    .floatmount-plaque-column-2nd .product-image-container {
        padding-right: 46%;
        padding-top: 27%
    }

    .floatmount-plaque-column-2nd .info-pointer-position-1 {
        top: 33%;
        left: 10.5%;
        right: 0
    }

        .floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .floatmount-plaque-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 140px
            }

            .floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .floatmount-plaque-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 100px
    }
}

.floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer:before {
    top: 30%
}

.floatmount-plaque-column-2nd .info-pointer-position-1 .info-pointer:after {
    top: 30%
}

.floatmount-plaque-column-2nd .info-pointer-position-2 {
    top: 85%;
    left: 10.5%;
    right: 0
}

    .floatmount-plaque-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .floatmount-plaque-column-2nd .info-pointer-position-2 p {
        border-left: solid 1px #d9dcde;
        display: inline-block;
        padding: 8px 0 8px 20px;
        text-align: left
    }

    .floatmount-plaque-column-2nd .info-pointer-position-2 .info-pointer {
        text-align: right
    }

        .floatmount-plaque-column-2nd .info-pointer-position-2 .info-pointer:before {
            left: 21px;
            right: 140px
        }

        .floatmount-plaque-column-2nd .info-pointer-position-2 .info-pointer:after {
            left: -21px
        }

@media screen and (max-width: 603px) {
    .floatmount-plaque-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .floatmount-plaque-column-2nd .info-pointer-position-2 p {
        padding: 5px 0 5px 10px
    }

    .floatmount-plaque-column-2nd .info-pointer-position-2 .info-pointer:before {
        right: 100px
    }
}

@media screen and (max-width: 768px) {
    .floatmount-plaque-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .floatmount-plaque-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.flushmount-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .flushmount-column-1st .product-image-container {
        padding-left: 22%;
        padding-top: 12%
    }

    .flushmount-column-1st .info-pointer-position-1 {
        top: 38%;
        left: 0;
        right: 43%
    }

        .flushmount-column-1st .info-pointer-position-1 .info-pointer p {
            width: 125px
        }

        .flushmount-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .flushmount-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 125px;
            right: 21px
        }

        .flushmount-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .flushmount-column-1st .info-pointer-position-1 .info-pointer p {
        width: 85px
    }

    .flushmount-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .flushmount-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 85px
    }
}

.flushmount-column-1st .info-pointer-position-2 {
    top: 70%;
    left: 0;
    right: 61%
}

    .flushmount-column-1st .info-pointer-position-2 .info-pointer p {
        width: 125px
    }

    .flushmount-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .flushmount-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 125px;
        right: 21px
    }

    .flushmount-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .flushmount-column-1st .info-pointer-position-2 .info-pointer p {
        width: 85px
    }

    .flushmount-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .flushmount-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 85px
    }
}

@media screen and (max-width: 768px) {
    .flushmount-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.flushmount-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0
}

    .flushmount-column-2nd .product-image-container {
        padding-right: 42%;
        padding-top: 25%
    }

    .flushmount-column-2nd .info-pointer-position-1 {
        top: 30%;
        left: 13%;
        right: 0
    }

        .flushmount-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .flushmount-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .flushmount-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .flushmount-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 140px
            }

            .flushmount-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .flushmount-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .flushmount-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .flushmount-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 100px
    }
}

.flushmount-column-2nd .info-pointer-position-1 .info-pointer:before {
    top: 30%
}

.flushmount-column-2nd .info-pointer-position-1 .info-pointer:after {
    top: 30%
}

.flushmount-column-2nd .info-pointer-position-2 {
    top: 82%;
    left: 17%;
    right: 0
}

    .flushmount-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 140px
    }

    .flushmount-column-2nd .info-pointer-position-2 p {
        border-left: solid 1px #d9dcde;
        display: inline-block;
        padding: 8px 0 8px 20px;
        text-align: left
    }

    .flushmount-column-2nd .info-pointer-position-2 .info-pointer {
        text-align: right
    }

        .flushmount-column-2nd .info-pointer-position-2 .info-pointer:before {
            left: 21px;
            right: 140px
        }

        .flushmount-column-2nd .info-pointer-position-2 .info-pointer:after {
            left: -21px
        }

@media screen and (max-width: 603px) {
    .flushmount-column-2nd .info-pointer-position-2 .info-pointer p {
        width: 100px
    }

    .flushmount-column-2nd .info-pointer-position-2 p {
        padding: 5px 0 5px 10px
    }

    .flushmount-column-2nd .info-pointer-position-2 .info-pointer:before {
        right: 100px
    }
}

@media screen and (max-width: 768px) {
    .flushmount-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .flushmount-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.floatmount-column-1st {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 0
}

    .floatmount-column-1st .product-image-container {
        padding-left: 37%;
        padding-top: 12%
    }

    .floatmount-column-1st .info-pointer-position-1 {
        top: 32%;
        left: 0;
        right: 43%
    }

        .floatmount-column-1st .info-pointer-position-1 .info-pointer p {
            width: 150px
        }

        .floatmount-column-1st .info-pointer-position-1 p {
            border-right: solid 1px #d9dcde;
            padding: 8px 20px 8px 0;
            text-align: right
        }

        .floatmount-column-1st .info-pointer-position-1 .info-pointer:before {
            left: 150px;
            right: 21px
        }

        .floatmount-column-1st .info-pointer-position-1 .info-pointer:after {
            right: -21px
        }

@media screen and (max-width: 603px) {
    .floatmount-column-1st .info-pointer-position-1 .info-pointer p {
        width: 110px
    }

    .floatmount-column-1st .info-pointer-position-1 p {
        padding: 5px 10px 5px 0
    }

    .floatmount-column-1st .info-pointer-position-1 .info-pointer:before {
        left: 110px
    }
}

.floatmount-column-1st .info-pointer-position-2 {
    top: 62%;
    left: 0;
    right: 56%
}

    .floatmount-column-1st .info-pointer-position-2 .info-pointer p {
        width: 150px
    }

    .floatmount-column-1st .info-pointer-position-2 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .floatmount-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 150px;
        right: 21px
    }

    .floatmount-column-1st .info-pointer-position-2 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .floatmount-column-1st .info-pointer-position-2 .info-pointer p {
        width: 110px
    }

    .floatmount-column-1st .info-pointer-position-2 p {
        padding: 5px 10px 5px 0
    }

    .floatmount-column-1st .info-pointer-position-2 .info-pointer:before {
        left: 110px
    }
}

.floatmount-column-1st .info-pointer-position-3 {
    top: 88%;
    left: 0;
    right: 40%
}

    .floatmount-column-1st .info-pointer-position-3 .info-pointer p {
        width: 150px
    }

    .floatmount-column-1st .info-pointer-position-3 p {
        border-right: solid 1px #d9dcde;
        padding: 8px 20px 8px 0;
        text-align: right
    }

    .floatmount-column-1st .info-pointer-position-3 .info-pointer:before {
        left: 150px;
        right: 21px
    }

    .floatmount-column-1st .info-pointer-position-3 .info-pointer:after {
        right: -21px
    }

@media screen and (max-width: 603px) {
    .floatmount-column-1st .info-pointer-position-3 .info-pointer p {
        width: 110px
    }

    .floatmount-column-1st .info-pointer-position-3 p {
        padding: 5px 10px 5px 0
    }

    .floatmount-column-1st .info-pointer-position-3 .info-pointer:before {
        left: 110px
    }
}

@media screen and (max-width: 768px) {
    .floatmount-column-1st {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.floatmount-column-2nd {
    width: 31.42857%;
    float: right;
    margin-right: 0;
    padding-right: 0
}

    .floatmount-column-2nd .product-image-container {
        padding-right: 58%;
        padding-top: 25%
    }

    .floatmount-column-2nd .info-pointer-position-1 {
        top: 23%;
        left: 6.5%;
        right: 0
    }

        .floatmount-column-2nd .info-pointer-position-1 .info-pointer p {
            width: 140px
        }

        .floatmount-column-2nd .info-pointer-position-1 p {
            border-left: solid 1px #d9dcde;
            display: inline-block;
            padding: 8px 0 8px 20px;
            text-align: left
        }

        .floatmount-column-2nd .info-pointer-position-1 .info-pointer {
            text-align: right
        }

            .floatmount-column-2nd .info-pointer-position-1 .info-pointer:before {
                left: 21px;
                right: 140px
            }

            .floatmount-column-2nd .info-pointer-position-1 .info-pointer:after {
                left: -21px
            }

@media screen and (max-width: 603px) {
    .floatmount-column-2nd .info-pointer-position-1 .info-pointer p {
        width: 100px
    }

    .floatmount-column-2nd .info-pointer-position-1 p {
        padding: 5px 0 5px 10px
    }

    .floatmount-column-2nd .info-pointer-position-1 .info-pointer:before {
        right: 100px
    }
}

@media screen and (max-width: 768px) {
    .floatmount-column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
        padding-right: 30%
    }
}

@media screen and (max-width: 480px) {
    .floatmount-column-2nd {
        padding-left: 10%;
        padding-right: 10%
    }
}

.product-properties {
    background-color: #f3f4f7;
    padding: 60px 0 50px
}

    .product-properties .column-1st {
        width: 40%;
        float: left;
        margin-right: 2.85714%;
        margin-left: 8.57143%
    }

        .product-properties .column-1st p {
            font-size: 18px;
            line-height: 1.334
        }

    .product-properties .column-2nd {
        width: 40%;
        float: left;
        margin-right: 2.85714%
    }

        .product-properties .column-2nd p {
            font-size: 16px
        }

    .product-properties table {
        margin-bottom: 2em;
        margin-top: 3em;
        table-layout: fixed;
        width: 100%
    }

        .product-properties table th {
            padding-left: 20px;
            text-align: left
        }

            .product-properties table th:first-child {
                padding-left: 0;
                padding-right: 30px;
                text-align: right
            }

            .product-properties table th:last-child {
                padding-left: 0
            }

        .product-properties table td {
            font-size: 18px;
            padding-left: 20px
        }

            .product-properties table td:first-child {
                padding-left: 0;
                padding-right: 30px;
                text-align: right
            }

            .product-properties table td:last-child {
                padding-left: 0
            }

@media screen and (max-width: 768px) {
    .product-properties {
        padding: 30px 0 25px
    }

        .product-properties .column-1st {
            width: 100%;
            float: left;
            margin-left: 0;
            margin-right: 0;
            margin-left: 0
        }

        .product-properties .column-2nd {
            width: 82.85714%;
            float: left;
            margin-right: 2.85714%;
            margin-left: 8.57143%
        }

            .product-properties .column-2nd p {
                text-align: center
            }

        .product-properties table {
            margin-bottom: 1em;
            margin-top: 1.5em
        }

            .product-properties table th:last-child {
                padding-left: 20px
            }

            .product-properties table td:last-child {
                padding-left: 20px
            }
}

@media screen and (max-width: 603px) {
    .product-properties .column-2nd {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.product-bottom-inner {
    padding: 40px 0
}

@media screen and (max-width: 603px) {
    .product-bottom-inner {
        padding-top: 0
    }
}

.product-navigation {
    height: 22px;
    position: relative;
    text-align: center;
    margin-top: 55px
}

    .product-navigation a {
        font-size: 16px;
        line-height: 1.375
    }

    .product-navigation .product-prev {
        left: 0;
        padding-left: 30px;
        position: absolute
    }

        .product-navigation .product-prev:before {
            content: '';
            left: 0;
            background-position: -262px -34px;
            width: 10px;
            height: 20px;
            position: absolute;
            top: 50%;
            margin-top: -10px
        }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .product-navigation .product-prev:before {
        background-position: -261px -34px;
        background-size: 400px auto;
        width: 10px;
        height: 20px;
        margin-top: -10px
    }
}

.product-navigation .product-next {
    padding-right: 30px;
    position: absolute;
    right: 0
}

    .product-navigation .product-next:after {
        content: '';
        right: 0;
        background-position: -212px -34px;
        width: 10px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .product-navigation .product-next:after {
        background-position: -211px -34px;
        background-size: 400px auto;
        width: 10px;
        height: 20px;
        margin-top: -10px
    }
}

@media screen and (max-width: 768px) {
    .product-navigation .product-prev {
        padding-left: 20px
    }

    .product-navigation .product-next {
        padding-right: 20px
    }
}

@media screen and (max-width: 603px) {
    .product-navigation a span {
        display: block;
        max-width: 82px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .product-navigation .product-prev span {
        display: none
    }

    .product-navigation .product-prev:after {
        content: 'Previous'
    }

    .product-navigation .product-next span {
        display: none
    }

    .product-navigation .product-next:before {
        content: 'Next'
    }
}

@media screen and (max-width: 480px) {
    .product-navigation a span {
        max-width: 72px
    }
}

.create-product-header {
    margin-bottom: -30px;
    padding: 60px 10px 0
}

.create-product-list {
    overflow: hidden
}

.create-product-wrapper {
    border-top: 1px solid #d9dcde;
    display: inline-block;
    margin-top: -1px;
    padding: 60px 0;
    position: relative;
    vertical-align: top;
    width: 49%
}

.create-product-image {
    width: 30%;
    float: left;
    margin-right: 2.85714%
}

.create-product-details {
    width: 60%;
    float: right;
    margin-right: 0;
    padding-right: 10px
}

.create-product-pricing {
    color: #0799c9;
    font-weight: 500;
    text-transform: uppercase
}

.create-product-desc {
    font-size: 17px
}

@media screen and (max-width: 768px) {
    .create-product-wrapper {
        display: block;
        width: 100%
    }
}

@media screen and (max-width: 603px) {
    .create-product-list {
        overflow: visible
    }

    .create-product-header {
        margin: 0;
        padding: 20px 10px
    }

    .create-product-wrapper {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 0;
        padding-top: 20px
    }

    .create-product-item {
        margin: 0;
        overflow: hidden
    }

    .create-product-image {
        padding: 0 0 12%;
        position: relative
    }

        .create-product-image img {
            position: absolute
        }

    .create-product-details {
        /*margin-top: 30px;*/
        padding: 0 10px 25px 0
    }

        .create-product-details h2 {
            font-size: 22px;
            margin: 0
        }

        .create-product-details .button {
            background-color: transparent;
            border: 0;
            height: 100%;
            left: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            text-indent: -9999px;
            top: 0;
            width: 100%;
            z-index: 2
        }

    .create-product-desc {
        display: none
    }
}

.create-image-header {
    border-bottom: 1px solid #d9dcde;
    margin: 40px 0 0;
    padding: 35px 0;
    position: relative
}

    .create-image-header .inner {
        padding-right: 115px
    }

.create-image-header-title {
    display: inline-block;
    margin: 0;
    padding: 0 30px 0 0
}

.create-image-header-change-product {
    display: inline-block
}

.create-image-header-subtitle {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 0 30px 0 0
}

    .create-image-header-subtitle span {
        font-weight: 400
    }

.create-image-header-price {
    color: #70c907;
    font-size: 26px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 35px
}

.create-image-empty {
    margin: 0 auto;
    padding: 40px 0 80px;
    width: 48.57143%
}

.create-image-mailin {
    margin-top: 20px;
    text-align: center
}

.create-image-upload {
    width: 33.33333%;
    float: left;
    padding-left: 1.38889%;
    padding-right: 1.38889%
}

.create-image-upload-message {
    color: #9ba2a8;
    font-size: 13px
}

.create-image-details {
    width: 48.57143%;
    float: right;
    margin-right: 0;
    padding: 40px 0 60px
}

.create-image-options {
    width: 48.57143%;
    float: right;
    margin-right: 0;
    padding: 40px 10px
}

.create-image-edge {
    border-bottom: 1px solid #f3f4f7;
    margin-bottom: 25px
}

.create-image-message p {
    color: #9ba2a8;
    margin: 20px 0;
    width: 100%
}

.create-image-backboard {
    background: #000;
    padding: 10px
}

.create-image-backboard-inner {
    background: #fff
}

.create-image-selected {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    min-height: 80px;
    padding: 70px 56px 70px 15px;
    position: relative
}

.create-image-selected-info {
    margin-top: -50px;
    padding: 20px 0
}

    .create-image-selected-info a {
        display: inline-block
    }

        .create-image-selected-info a + a {
            margin-left: 25px
        }

    .create-image-selected-info .back {
        display: inline-block;
        padding: 10px 0 10px 40px
    }

.create-image-selected .image-error, .create-image-selected .image-success, .create-image-selected .image-optimal {
    display: inline-block;
    padding: 10px 0 10px 40px;
    position: relative
}

    .create-image-selected .image-error:before, .create-image-selected .image-success:before, .create-image-selected .image-optimal:before {
        content: '';
        left: 0
    }

.create-image-selected .image-success {
    color: #70c907
}

    .create-image-selected .image-success:before {
        background-position: 0 -144px;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .create-image-selected .image-success:before {
        background-position: -64px -144px;
        background-size: 400px auto;
        width: 32px;
        height: 32px;
        margin-top: -16px
    }
}

.create-image-selected .image-optimal {
    color: #e9d70e
}

    .create-image-selected .image-optimal:before {
        background-position: -32px -144px;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .create-image-selected .image-optimal:before {
        background-position: 0 -144px;
        background-size: 400px auto;
        width: 32px;
        height: 32px;
        margin-top: -16px
    }
}

.create-image-selected .image-error {
    color: #ff2b16
}

    .create-image-selected .image-error:before {
        background-position: -64px -144px;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .create-image-selected .image-error:before {
        background-position: -358px -2px;
        background-size: 400px auto;
        width: 32px;
        height: 32px;
        margin-top: -16px
    }
}

.create-image-selected .mobile {
    display: none
}



.create-image-holder {
    background: #fff;
    position: relative
}

    .create-image-holder .create-image-holder-inner:before {
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -moz-box-shadow: #bab6b1 -20px 12px 40px 0;
        -webkit-box-shadow: #bab6b1 -20px 12px 40px 0;
        box-shadow: #bab6b1 -20px 12px 40px 0;
        z-index: -1
    }


    .create-image-holder:before {
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -moz-box-shadow: #bab6b1 -20px 12px 40px 0;
        -webkit-box-shadow: #bab6b1 -20px 12px 40px 0;
        box-shadow: #bab6b1 -20px 12px 40px 0;
        z-index: -1
    }

    .create-image-holder:after {
        border-radius: 50px;
        bottom: 0;
        content: '';
        left: 15px;
        position: absolute;
        right: 25px;
        top: 15px;
        -moz-box-shadow: #7b6a62 0 20px 20px 0;
        -webkit-box-shadow: #7b6a62 0 20px 20px 0;
        box-shadow: #7b6a62 0 20px 20px 0;
        z-index: -1
    }

.create-image-holder-inner {
    display: block;
    font-size: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    width: 100%;
    z-index: 10
}

.create-image-holder-empty {
    background: #9ba2a8;
    display: block;
    overflow: hidden;
    padding-bottom: 78%;
    position: relative;
    width: 100%;
    z-index: 10
}

    .create-image-holder-empty span {
        color: #fff;
        font-size: 14px;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 68%
    }

        .create-image-holder-empty span:before {
            content: '';
            top: -90px;
            background-position: -188px -192px;
            width: 60px;
            height: 72px;
            position: absolute;
            left: 50%;
            margin-left: -30px
        }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .create-image-holder-empty span:before {
        background-position: -188px -192px;
        background-size: 400px auto;
        width: 60px;
        height: 72px;
        margin-left: -30px
    }
}

.create-image-holder svg {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform;
    z-index: 0
}

    .create-image-holder svg image {
        display: block
    }

.create-image-holder img {
    margin: 0 auto
}

.ie9 .create-image-holder [data-color-conversion="sepia"] {
    behavior: url("/Scripts/polyfill/sepia.htc");
    filter: gray progid:DXImageTransform.Microsoft.Light()
}

.create-image-holder [data-color-conversion="sepia"] image {
    filter: url("/create/step4#sepia")
}

.ie9 .create-image-holder [data-color-conversion="greyscale"] {
    filter: gray
}

.create-image-holder [data-color-conversion="greyscale"] image {
    filter: url("/create/step4#greyscale")
}

.create-image-size {
    width: 48.57143%;
    float: right;
    margin-right: 0;
    padding: 40px 0
}

.create-image-size-select {
    border-bottom: 1px solid #f3f4f7;
    padding-bottom: 20px
}

    .create-image-size-select .controls {
        margin-bottom: 24px
    }

        .create-image-size-select .controls input {
            left: -100%;
            position: absolute;
            visibility: hidden
        }

            .create-image-size-select .controls input:checked + .control-btn {
                background: #0799c9
            }

        .create-image-size-select .controls label {
            display: inline-block;
            float: left;
            margin: 0 1px 1px 0;
            overflow: hidden;
            position: relative
        }

        .create-image-size-select .controls .control-btn {
            background: #999;
            color: #fff;
            font-size: 14px;
            padding: 0 14px;
            transition: background .3s, opacity .3s
        }

            .create-image-size-select .controls .control-btn:hover {
                opacity: .8
            }

.create-image-size-crop {
    padding: 30px 0;
    position: relative
}

    .create-image-size-crop .icn-rotate {
        position: absolute;
        right: 0;
        top: 25px
    }

    /*.create-image-size-crop p {
        margin-right: 115px
    }*/

    .create-image-size-crop .mobile {
        display: none
    }

.create-image-size-tooltip {
    display: inline-block;
    padding: 0 34px 0 0;
    position: relative
}

    .create-image-size-tooltip .icn-tooltip {
        position: absolute;
        right: 0;
        top: 0
    }

.create-image-size-large-notice {
    font-size: 16px
}

    .create-image-size-large-notice a {
        white-space: nowrap
    }

@media screen and (max-width: 960px) {
    .create-image-size-select .controls, .create-image-size-select .title {
        float: none
    }
}

@media screen and (max-width: 603px) {
    .create-image-header {
        margin: 0 -20px;
        padding-left: 20px
    }

    .create-image-header-price {
        right: 20px
    }

    .create-image-empty {
        width: 100%
    }

    .create-image-details {
        float: none;
        padding: 20px 0;
        width: 100%
    }

    .create-image-selected {
        border-bottom: 1px solid #d9dcde;
        float: none;
        margin: 0 -20px;
        padding: 45px;
        width: initial
    }

        .create-image-selected .mobile {
            display: block;
            margin-top: 20px;
            text-align: center
        }

    .create-image-size {
        float: none;
        margin: 0 -20px;
        padding: 20px;
        width: initial
    }

    .create-image-size-crop {
        padding: 30px 0 10px
    }

        .create-image-size-crop .inner {
            display: none
        }

        .create-image-size-crop .mobile {
            display: block;
            text-align: center
        }

    .create-image-options {
        float: none;
        padding: 20px 10px;
        width: 100%
    }

    .create-image-note {
        display: none
    }

    .create-image-message {
        display: none
    }
}

.icn-drag {
    color: #9ba2a8;
    display: inline-block;
    padding-left: 40px;
    position: relative
}

    .icn-drag:before {
        content: '';
        left: 0;
        background-position: -166px -2px;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        margin-top: -15px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-drag:before {
        background-position: -166px -2px;
        background-size: 400px auto;
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
}

.icn-rotate {
    background: transparent;
    border: 0;
    color: #0799c9;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    padding: 10px 0 10px 45px;
    position: relative;
    text-transform: uppercase
}

    .icn-rotate:before {
        content: '';
        background-position: -196px -2px;
        width: 37px;
        height: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        left: 0
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-rotate:before {
        background-position: -196px -2px;
        background-size: 400px auto;
        width: 37px;
        height: 32px;
        margin-top: -16px
    }
}

.icn-rotate:focus {
    outline: none
}

.icn-rotate[disabled], .icn-rotate[disabled="disabled"] {
    color: #9ba2a8;
    cursor: default
}

    .icn-rotate[disabled]:before, .icn-rotate[disabled="disabled"]:before {
        background-position: -321px -2px;
        width: 37px;
        height: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-rotate[disabled]:before, .icn-rotate[disabled="disabled"]:before {
        background-position: -321px -2px;
        background-size: 400px auto;
        width: 37px;
        height: 32px;
        margin-top: -16px
    }
}

.icn-rotate-small {
    display: inline-block;
    padding: 0 0 0 25px;
    position: relative
}

    .icn-rotate-small:before {
        content: '';
        background-position: -177px -34px;
        width: 19px;
        height: 16px;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 0
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-rotate-small:before {
        background-position: -177px -34px;
        background-size: 400px auto;
        width: 18.5px;
        height: 16px;
        margin-top: -8px
    }
}

.icn-tooltip {
    border: 2px solid #0799c9;
    border-radius: 100%;
    display: inline-block;
    font-size: 19px;
    font-weight: 500;
    height: 26px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    width: 26px
}

.image-zoom {
    min-height: 95px;
    position: relative
}

    .image-zoom.disabled:before {
        background: transparent;
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .image-zoom.disabled .image-zoom-smaller:before {
        background-position: -150px -98px;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        margin-left: -20px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .image-zoom.disabled .image-zoom-smaller:before {
        background-position: -150px -98px;
        background-size: 400px auto;
        width: 40px;
        height: 40px;
        margin-left: -20px
    }
}

.image-zoom.disabled .image-zoom-larger:before {
    background-position: -128px -192px;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .image-zoom.disabled .image-zoom-larger:before {
        background-position: -128px -192px;
        background-size: 400px auto;
        width: 60px;
        height: 60px;
        margin-left: -30px
    }
}

.image-zoom.disabled .range-handle {
    background-color: #9ba2a8
}

.image-zoom-controls {
    padding: 0 80px
}

.image-zoom-smaller, .image-zoom-larger {
    height: 92px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 75px
}

    .image-zoom-smaller:before, .image-zoom-larger:before {
        content: ''
    }

    .image-zoom-smaller span, .image-zoom-larger span {
        bottom: 0;
        color: #9ba2a8;
        font-size: 11px;
        font-weight: 500;
        left: 0;
        position: absolute;
        right: 0;
        text-transform: uppercase
    }

.image-zoom-smaller {
    left: 0
}

    .image-zoom-smaller:before {
        top: 12px;
        background-position: -230px -98px;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        margin-left: -20px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .image-zoom-smaller:before {
        background-position: -230px -98px;
        background-size: 400px auto;
        width: 40px;
        height: 40px;
        margin-left: -20px
    }
}

.image-zoom-larger {
    right: 0
}

    .image-zoom-larger:before {
        top: 3px;
        background-position: -68px -192px;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .image-zoom-larger:before {
        background-position: -68px -192px;
        background-size: 400px auto;
        width: 60px;
        height: 60px;
        margin-left: -30px
    }
}

.image-zoom-range {
    padding: 5px 0
}

    .image-zoom-range input {
        opacity: 0;
        position: absolute
    }

.colors-block {
    margin-bottom: 30px
}

.color-image {
    backface-visibility: hidden;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    position: relative
}

    .color-image polygon {
        backface-visibility: hidden
    }

.color-items {
    border: 0;
    margin: 0;
    padding: 0
}

    .color-items legend {
        margin: 0 0 15px;
        text-transform: uppercase
    }

.color-item {
    float: left;
    margin: 0 0 10px 10px;
    position: relative
}

    .color-item input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .color-item input:checked ~ .color-indicator {
            border-color: #0799c9
        }

    .color-item label {
        height: 46px;
        padding-left: 46px
    }

.color-indicator {
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 100%;
    display: block;
    height: 46px;
    left: 0;
    position: absolute;
    top: 0;
    width: 46px
}

    .color-indicator.white {
        border-color: #f3f4f7
    }

.conversion-item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 40px;
    text-align: center
}

    .conversion-item input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .conversion-item input:checked ~ .conversion-indicator {
            border-color: #0799c9
        }

            .conversion-item input:checked ~ .conversion-indicator + .conversion-title {
                color: #0799c9
            }

    .conversion-item label {
        color: #9ba2a8;
        font-size: 14px;
        text-transform: none
    }

    .conversion-item.last {
        float: right;
        margin-right: 0
    }

.conversion-indicator {
    border: 2px solid #d9dcde;
    border-radius: 20px;
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

    .conversion-indicator:before {
        content: ''
    }

.conversion-color .conversion-indicator:before {
    background-position: 0 -264px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .conversion-color .conversion-indicator:before {
        background-position: 0 -264px;
        background-size: 400px auto;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        margin-left: -40px
    }
}

.conversion-black .conversion-indicator:before {
    background-position: -240px -264px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .conversion-black .conversion-indicator:before {
        background-position: -240px -264px;
        background-size: 400px auto;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        margin-left: -40px
    }
}

.conversion-sepia .conversion-indicator:before {
    background-position: -80px -264px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .conversion-sepia .conversion-indicator:before {
        background-position: -80px -264px;
        background-size: 400px auto;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        margin-left: -40px
    }
}

.canvas-border-left, .canvas-border-top, .canvas-border-right, .canvas-border-bottom {
    background: rgba(55,69,81,0.45);
    pointer-events: none;
    position: absolute
}

    .canvas-border-left:before, .canvas-border-top:before, .canvas-border-right:before, .canvas-border-bottom:before {
        background: #fff;
        content: '';
        position: absolute
    }

    .canvas-border-left:after, .canvas-border-top:after, .canvas-border-right:after, .canvas-border-bottom:after {
        background: rgba(55,69,81,0.45);
        content: '';
        position: absolute
    }

.canvas-border-left {
    left: 0
}

    .canvas-border-left:before {
        height: 100%;
        right: -1px;
        width: 1px
    }

    .canvas-border-left:after {
        bottom: -300%;
        height: 300%;
        left: 0;
        width: 100%
    }

.canvas-border-top {
    top: 0
}

    .canvas-border-top:before {
        bottom: -1px;
        height: 1px;
        left: 0;
        right: 0
    }

    .canvas-border-top:after {
        height: 100%;
        left: -300%;
        top: 0;
        width: 300%
    }

.canvas-border-right {
    right: 0
}

    .canvas-border-right:before {
        height: 100%;
        left: -1px;
        width: 1px
    }

    .canvas-border-right:after {
        height: 300%;
        right: 0;
        top: -300%;
        width: 100%
    }

.canvas-border-bottom {
    bottom: 0
}

    .canvas-border-bottom:before {
        height: 1px;
        left: 0;
        right: 0;
        top: -1px
    }

    .canvas-border-bottom:after {
        bottom: 0;
        height: 100%;
        right: -300%;
        width: 300%
    }

.crop .modal-container {
    margin: 0 auto;
    width: 600px
}

.crop .modal-content {
    margin: 0;
    padding: 0
}

.crop-header {
    border-bottom: 1px solid #d9dcde;
    padding: 30px 0;
    position: relative;
    text-align: center
}

.crop-title {
    margin: 0
}

.crop-close, .crop-apply {
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    margin-top: -20px;
    position: absolute;
    top: 50%
}

.crop-close {
    left: 20px
}

.crop-apply {
    right: 20px
}

.crop-image {
    padding: 20px 45px;
    position: relative;
    z-index: 0
}

.crop-rotate {
    border-bottom: 1px solid #d9dcde;
    padding: 10px 0 15px;
    text-align: center
}

.crop-zoom {
    padding: 20px
}

.crop-note {
    color: #fff;
    height: 20px;
    left: 0;
    margin-top: -10px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%
}

.crop-message p {
    color: #9ba2a8;
    padding: 20px
}

@media screen and (max-width: 603px) {
    .crop .modal-container {
        width: 100%
    }
}

.icn-mail-in {
    display: inline-block;
    padding: 20px 0 20px 55px;
    position: relative;
    text-align: left
}

    .icn-mail-in:before {
        content: '';
        left: 0;
        position: absolute;
        top: 0;
        background-position: -353px -98px;
        width: 38px;
        height: 46px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-mail-in:before {
        background-position: -353px -98px;
        background-size: 400px auto;
        width: 38px;
        height: 46px
    }
}

.page-cart .page-header {
    border-bottom: 1px solid #f3f4f7
}

.cart-heading {
    font-weight: 400;
    line-height: 1.07;
    margin: 80px 0 40px;
    overflow: hidden;
    padding: 0 120px;
    position: relative;
    text-align: center
}

    .cart-heading span {
        position: relative
    }

        .cart-heading span:before, .cart-heading span:after {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 50% 50%;
            content: '';
            height: 7px;
            margin-top: -3px;
            position: absolute;
            top: 50%;
            width: 120px
        }

        .cart-heading span:before {
            left: -150px
        }

        .cart-heading span:after {
            right: -150px
        }

    .cart-heading.important {
        color: #0799c9
    }

.cart-subheading {
    margin: -20px 0 50px;
    text-align: center
}

.cart-title-name {
    display: inline-block
}

.cart-title-edit {
    display: inline-block;
    padding-left: 30px
}

.cart-header {
    border-bottom: 1px solid #f3f4f7;
    padding: 22px 0
}

    .cart-header.static .cart-product-item {
        width: 62.5%
    }

    .cart-header.is-hidden {
        display: none
    }

.cart-header-title {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase
}

.cart-empty {
    display: none;
    padding: 0 0 40px;
    text-align: center
}

    .cart-empty h3 {
        margin-bottom: 25px
    }

    .cart-empty.is-visible {
        display: block
    }

.cart-row {
    border-bottom: 1px solid #f3f4f7;
    padding: 40px 0 45px;
    position: relative
}

    .cart-row.static .cart-product-item {
        width: 62.5%
    }

    .cart-row .cart-header-title {
        display: none
    }

    .cart-row .cart-product-price {
        vertical-align: middle
    }

        .cart-row .cart-product-price .inner {
            color: #9ba2a8;
            font-size: 18px;
            font-weight: 400
        }

    .cart-row .cart-product-qty {
        vertical-align: middle
    }

        .cart-row .cart-product-qty .inner {
            font-size: 18px
        }

    .cart-row .cart-product-total {
        vertical-align: middle
    }

        .cart-row .cart-product-total .inner {
            font-size: 18px;
            font-weight: 400
        }

.cart-header, .cart-row-top, .cart-row-bottom {
    display: table;
    table-layout: fixed;
    width: 100%
}

.cart-product-item, .cart-product-price, .cart-product-qty, .cart-product-total, .cart-product-remove {
    box-sizing: border-box;
    display: table-cell;
    padding: 0 10px
}

.cart-product-item {
    width: 50%
}

.cart-product-price {
    position: relative;
    width: 12.5%
}

.cart-product-qty {
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 12.5%
}

    .cart-product-qty .form-field {
        margin: 0 auto;
        width: 46px
    }

    .cart-product-qty .field-text {
        color: #154f6c;
        font-size: 16px;
        margin: 0;
        padding: 13px 7px;
        text-align: center
    }

.cart-product-total {
    position: relative;
    text-align: center;
    width: 12.5%
}

.cart-product-remove {
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 12.5%
}

.cart-product-image {
    width: 40%;
    float: left;
    margin-right: 2.85714%;
    padding: 0 26px 0 10px;
    position: relative
}

    .cart-product-image .inner {
        background-color: #fff;
        font-size: 0;
        position: relative;
        z-index: 10
    }

    .cart-product-image .inner-holder {
        background-color: #fff;
        position: relative
    }

        .cart-product-image .inner-holder:before {
            bottom: 0;
            content: '';
            left: 0;
            position: absolute;
            right: 0;
            top: 3px;
            z-index: -1;
            -moz-box-shadow: #e0dbde -5px 7px 7px 0;
            -webkit-box-shadow: #e0dbde -5px 7px 7px 0;
            box-shadow: #e0dbde -5px 7px 7px 0
        }

        .cart-product-image .inner-holder:after {
            border-radius: 50px;
            bottom: 0;
            content: '';
            left: 6px;
            position: absolute;
            right: 12px;
            top: 15px;
            z-index: -1;
            -moz-box-shadow: #9a9a9a 0 10px 7px 0;
            -webkit-box-shadow: #9a9a9a 0 10px 7px 0;
            box-shadow: #9a9a9a 0 10px 7px 0
        }

    .cart-product-image .inner.empty {
        background: #9ba2a8;
        padding-bottom: 78%
    }

        .cart-product-image .inner.empty:before {
            content: '';
            background-position: -306px -34px;
            width: 38px;
            height: 46px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -23px;
            margin-left: -19px
        }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .cart-product-image .inner.empty:before {
        background-position: -305px -34px;
        background-size: 400px auto;
        width: 38px;
        height: 46px;
        margin-top: -23px;
        margin-left: -19px
    }
}

.cart-product-image .inner svg {
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ie9 .cart-product-image .greyscale {
    filter: gray
}

.ie9 .cart-product-image .sepia {
    behavior: url("/Scripts/polyfill/sepia.htc");
    filter: gray progid:DXImageTransform.Microsoft.Light()
}

.cart-product-details {
    width: 57.14286%;
    float: right;
    margin-right: 0;
    position: relative
}

    .cart-product-details p {
        font-weight: 400;
        margin: 0
    }

    .cart-product-details .label {
        color: #9ba2a8
    }

.cart-product-heading h2 {
    display: inline-block;
    padding-right: 30px
}

.cart-product-color {
    border: 1px solid transparent;
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin: 0 5px;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    width: 16px
}

    .cart-product-color.white {
        border-color: #d9dcde
    }

.cart-product-comment {
    margin-top: 15px
}

    .cart-product-comment p {
        margin: 0
    }

    .cart-product-comment .label {
        color: #9ba2a8;
        font-weight: 400
    }

.cart-summary.is-hidden {
    display: none
}

.cart-promo {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    padding: 20px 0
}

    .cart-promo hr {
        margin: 32px 0 20px
    }

.cart-promo-field {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0 0 3px;
    margin: 0
}

.cart-promo-code {
    position: relative;
    width: 50%;
    float: left
}

    .cart-promo-code.applied:before {
        content: '';
        background-position: 0 -144px;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        right: 7px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .cart-promo-code.applied:before {
        background-position: -64px -144px;
        background-size: 400px auto;
        width: 32px;
        height: 32px;
        margin-top: -16px
    }
}

.cart-promo-message {
    background: #f3f4f7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #9ba2a8;
    margin-top: 20px;
    padding: 10px
}

.cart-promo-submit {
    background: #717b84;
    border: 0;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 400;
    height: 46px;
    margin-left: 20px;
    padding: 0 20px
}

.cart-total {
    width: 48.57143%;
    float: right;
    margin-right: 0;
    font-weight: 400;
    padding: 40px 10px;
    text-align: right
}

.cart-total-row {
    display: table;
    table-layout: fixed;
    width: 100%
}

.cart-total-label, .cart-total-value {
    padding: 3px 10px
}

    .cart-total-label.important, .cart-total-value.important {
        color: #0799c9
    }

.cart-total-label {
    color: #9ba2a8;
    display: table-cell
}

.cart-total-value {
    display: table-cell;
    font-size: 19px;
    width: 35%
}

.cart-shipping {
    margin: 0 auto;
    width: 48.57143%
}

@media screen and (max-width: 603px) {
    .cart-heading {
        border-bottom: 1px solid #f3f4f7;
        font-size: 21px;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 30px;
        padding-top: 30px
    }

        .cart-heading span:before, .cart-heading span:after {
            display: none
        }

    .cart-subheading {
        margin: 30px 0 20px
    }

    .cart-header {
        display: none
    }

        .cart-header.static .cart-product-item {
            width: 100%
        }

    .cart-title {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        border-bottom: 1px solid #f3f4f7;
        position: relative
    }

    .cart-title-edit {
        position: absolute;
        right: 20px;
        top: 5px
    }

    .cart-row {
        display: block;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 95px;
        overflow: hidden;
        *zoom: 1
    }

        .cart-row.static {
            padding-bottom: 25px
        }

            .cart-row.static .cart-product-item {
                width: 100%
            }

        .cart-row .cart-header-title {
            display: block;
            margin: 0 0 15px
        }

    .cart-row-top, .cart-row-bottom {
        display: block;
        overflow: hidden;
        *zoom: 1
    }

    .cart-product-item, .cart-product-price, .cart-product-qty, .cart-product-total, .cart-product-remove {
        display: block;
        padding: 0
    }

    .cart-product-item {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px
    }

    .cart-product-price {
        width: 31.42857%;
        float: left;
        margin-right: 2.85714%
    }

    .cart-product-qty {
        width: 31.42857%;
        float: left;
        margin-right: 2.85714%
    }

    .cart-product-total {
        width: 31.42857%;
        float: right;
        margin-right: 0
    }

    .cart-product-remove {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        bottom: 40px;
        left: 0;
        position: absolute
    }

    .cart-product-comment {
        margin-top: 40px
    }

    .cart-promo, .cart-total {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .cart-shipping {
        padding: 20px 0;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .cart-product-image, .cart-product-details {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px
    }

    .cart-product-image:not(.checkout-product-image) {
        padding: 0 40px
    }

    .cart-promo-code {
        width: 66.66667%;
        float: left
    }

    .cart-total-value {
        width: 45%
    }
}

.login-form .button {
    width: 100%
}

.login-controls {
    margin-bottom: 10px
}

.login-controls-remember {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%
}

.login-controls-forget {
    width: 48.57143%;
    float: right;
    margin-right: 0;
    padding-top: 3px
}

    .login-controls-forget a {
        color: #154f6c
    }

.login-controls label {
    height: 25px;
    text-transform: none
}

.login-footer {
    background: #f3f4f7;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 40px;
    position: absolute;
    -webkit-transform: translateZ(0);
    width: 100%
}

    .login-footer p {
        font-size: 17px;
        margin: 0;
        text-align: center
    }

    .login-footer a {
        font-weight: 400
    }

.login-divider, .login-anonymous {
    font-size: 17px;
    text-align: center
}

.login-divider {
    margin: 30px 0 20px;
    text-transform: uppercase
}

.login-anonymous a {
    font-weight: 400;
    text-decoration: underline
}

.login .modal-container {
    padding: 35px 50px 130px;
    width: 500px
}

.login .modal-content {
    margin: 10px 0 0
}

@media screen and (max-width: 603px) {
    .login .modal-container {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .login .modal-container {
        padding: 35px 20px 130px
    }

    .login-controls-remember {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .login-controls-forget {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        padding-top: 0
    }
}

.error-page {
    background-position: 10% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 120px 0
}

    .error-page.error-500 {
        background: url("/Themes/Artmill/Content/Styles/Images/bg-error.jpg") no-repeat 50% 0;
        background-size: cover
    }

.error-page-content {
    margin: 0 auto;
    max-width: 540px;
    padding: 0 20px;
    text-align: center
}

.error-page-title {
    font-size: 160px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0
}

.error-page-text {
    font-size: 24px;
    margin: 0 0 75px
}

@media screen and (max-width: 603px) {
    .error-page.error-500 {
        background-position: 0 0
    }

    .error-page-title {
        font-size: 90px
    }
}

.coming-soon-content {
    color: #fff;
    margin: 0 auto;
    max-width: 500px;
    text-align: center
}

.coming-soon-logo {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative
}

    .coming-soon-logo .inner {
        display: inline-block;
        margin: 0 auto;
        position: relative
    }

        .coming-soon-logo .inner:before, .coming-soon-logo .inner:after {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5Nzg3RDkwNDI0MDExRTQ4MUNBQkNFOURGMENFMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5Nzg3RDkxNDI0MDExRTQ4MUNBQkNFOURGMENFMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDk3ODdEOEU0MjQwMTFFNDgxQ0FCQ0U5REYwQ0UyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDk3ODdEOEY0MjQwMTFFNDgxQ0FCQ0U5REYwQ0UyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4n1Q+BAAAAYUlEQVR42mK8fuu2MQMDw1kGHIAJiM8AcRgO+TCQgjIgngrEdmiSIP5UkIJuIA4B4rVAbI8kCeKHMkEFDkIVrQHiEpgkEB9gQTISpCgbiFcCcThIEiTICPQFusNQfAUQYADwsBSpSiOnLAAAAABJRU5ErkJggg==") repeat-x 0 0;
            content: '';
            height: 7px;
            margin-top: -3px;
            position: absolute;
            top: 50%;
            width: 150px
        }

        .coming-soon-logo .inner:before {
            left: -170px
        }

        .coming-soon-logo .inner:after {
            right: -170px
        }

    .coming-soon-logo img {
        margin: 0 auto;
        max-height: 41px
    }

.coming-soon-title {
    font-size: 50px;
    font-weight: 300
}

.coming-soon-text {
    font-size: 28px;
    padding-bottom: 60px;
    position: relative
}

    .coming-soon-text:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5Nzg3RDkwNDI0MDExRTQ4MUNBQkNFOURGMENFMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5Nzg3RDkxNDI0MDExRTQ4MUNBQkNFOURGMENFMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDk3ODdEOEU0MjQwMTFFNDgxQ0FCQ0U5REYwQ0UyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDk3ODdEOEY0MjQwMTFFNDgxQ0FCQ0U5REYwQ0UyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4n1Q+BAAAAYUlEQVR42mK8fuu2MQMDw1kGHIAJiM8AcRgO+TCQgjIgngrEdmiSIP5UkIJuIA4B4rVAbI8kCeKHMkEFDkIVrQHiEpgkEB9gQTISpCgbiFcCcThIEiTICPQFusNQfAUQYADwsBSpSiOnLAAAAABJRU5ErkJggg==") repeat-x 0 0;
        bottom: 0;
        content: '';
        height: 7px;
        left: 50%;
        margin-left: -140px;
        position: absolute;
        width: 280px
    }

.contact-banner {
    height: 380px;
    margin: 0 auto 60px;
    max-width: 1060px;
    overflow: hidden;
    position: relative
}

.contact-banner-image {
    left: 0;
    position: absolute
}

    .contact-banner-image img {
        max-width: none
    }

    .contact-banner-image.focus-center {
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .contact-banner-image.focus-left {
        left: 0;
        right: auto
    }

    .contact-banner-image.focus-right {
        left: auto;
        right: 0
    }

.contact-banner-content {
    color: #fff;
    display: table;
    height: 380px;
    position: relative;
    table-layout: fixed;
    text-align: center;
    width: 100%
}

.contact-banner-text {
    display: table-cell;
    vertical-align: middle
}

    .contact-banner-text p {
        font-size: 18px;
        margin: 0 auto;
        max-width: 600px
    }

.contact-form {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%
}

    .contact-form .field-textarea {
        height: 200px
    }

.contact-info {
    width: 40%;
    float: right;
    margin-right: 0;
    background: #f3f4f7;
    padding: 40px
}

.contact-info-map {
    margin: -40px;
    min-height: 400px
}

.contact-info-content {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: -40px;
    padding: 40px;
    position: relative;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjRmNyIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2Y0ZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(243,244,247,0.8)),color-stop(100%, #f3f4f7));
    background: -moz-linear-gradient(top, rgba(243,244,247,0.8),#f3f4f7);
    background: -webkit-linear-gradient(top, rgba(243,244,247,0.8),#f3f4f7);
    background: linear-gradient(to bottom right, rgba(243,244,247,0.8),#f3f4f7)
}

.contact-product {
    margin: 90px 0
}

.contact-list {
    padding: 10px 0 20px
}

    .contact-list dt {
        font-size: 12px;
        text-transform: uppercase
    }

    .contact-list dd {
        font-size: 16px
    }

@media screen and (max-width: 603px) {
    .contact-form {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 40px
    }

    .contact-info {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.file-upload {
    position: relative
}

    .file-upload.is-active .remove {
        display: inline-block
    }

    .file-upload input {
        height: 1px;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 1px;
        z-index: -1
    }

    .file-upload span.field-validation-error {
        top: 67%
    }

        .file-upload span.field-validation-error > span {
            text-transform: none
        }

    .file-upload .label {
        display: block;
        padding-right: 68px
    }

    .file-upload .select {
        color: #0799c9;
        position: absolute;
        right: 0;
        text-transform: none;
        top: 0
    }

    .file-upload .remove {
        background-position: -102px -34px;
        width: 10px;
        height: 10px;
        cursor: pointer;
        display: none;
        overflow: hidden;
        position: absolute;
        right: 0;
        text-indent: -9999px;
        top: 48px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .file-upload .remove {
        background-position: -102px -34px;
        background-size: 400px auto;
        width: 10px;
        height: 10px
    }
}

.file-upload .selected {
    color: #9ba2a8;
    display: block;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    padding-right: 15px;
    text-overflow: ellipsis;
    text-transform: none
}

.icn-artmill {
    display: inline-block;
    background-position: -248px -192px;
    width: 88px;
    height: 26px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-artmill {
        background-position: -248px -192px;
        background-size: 400px auto;
        width: 88px;
        height: 26px
    }
}

.checkout-section.is-hidden {
    display: none
}

.checkout-info {
    border-bottom: 1px solid #dcdde0;
    padding: 20px 0
}

    .checkout-info:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .checkout-info dt {
        color: #9ba2a8;
        font-size: 12px;
        text-transform: uppercase
    }

    .checkout-info dd {
        font-weight: 400
    }

.shipping-column {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-left: 25.71429%;
    margin-right: 25.71429%;
    margin: 0 auto;
    padding: 20px 0;
    position: relative
}

@media screen and (max-width: 603px) {
    .shipping-column {
        width: 100%
    }
}

.billing-selection {
    margin: 0 auto;
    max-width: 48.57143%;
    padding: 0 0 20px;
    position: relative;
    text-align: center
}

.billing-selection-left {
    width: 44.28571%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 8.57143%
}

    .billing-selection-left label {
        float: right
    }

.billing-selection-right {
    width: 44.28571%;
    float: right;
    margin-right: 0
}

    .billing-selection-right label {
        float: left
    }

.billing-column {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-left: 25.71429%;
    margin-right: 25.71429%;
    padding: 20px 0;
    position: relative
}

    .billing-column .field-checkbox {
        position: absolute;
        right: 0;
        top: 20px
    }

.billing-giftcard {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-left: 25.71429%;
    margin-right: 25.71429%
}

.billing-cvv {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 20px
}

.billing-month {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%
}

.billing-year {
    width: 31.42857%;
    float: right;
    margin-right: 0;
    padding-top: 29px
}

@media screen and (max-width: 768px) {
    .billing-cvv {
        padding-right: 10px
    }
}

@media screen and (max-width: 603px) {
    .billing-selection {
        margin-top: 15px;
        max-width: none
    }

    .billing-selection-note {
        padding-top: 20px
    }

    .billing-column {
        margin: 0;
        width: 100%
    }

    .billing-giftcard {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    .billing-column .field-checkbox {
        margin: 15px 0 10px;
        position: relative;
        top: auto
    }

    .billing-cvv {
        padding-right: 0
    }
}

.billing-method {
    float: left;
    position: relative
}

    .billing-method input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .billing-method input:checked ~ .billing-method-indicator {
            border-color: #0799c9
        }

.billing-method-indicator {
    border: 2px solid #f3f4f7;
    display: block;
    height: 134px;
    width: 134px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.billing-method-text {
    bottom: 5px;
    color: #9ba2a8;
    font-size: 14px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none
}

.billing-method .method {
    bottom: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

    .billing-method .method:before {
        content: '';
        position: absolute
    }

.billing-method.card .method:before {
    background-position: 0 -192px;
    width: 68px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -34px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .billing-method.card .method:before {
        background-position: 0 -192px;
        background-size: 400px auto;
        width: 68px;
        height: 48px;
        margin-top: -24px;
        margin-left: -34px
    }
}

@media screen and (max-width: 480px) {
    .billing-method.card .method:before {
        background: url('Images/icons.png?v=21380a2db7') no-repeat -277px -2px;
        width: 44px;
        height: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -22px
    }
}

@media only screen and (max-width: 480px) and (min-resolution: 2dppx), screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .billing-method.card .method:before {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -277px -2px;
        background-size: 400px auto;
        width: 44px;
        height: 32px;
        margin-top: -16px;
        margin-left: -22px
    }
}

.billing-method.paypal .method:before {
    background-position: -344px -34px;
    width: 54px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -27px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .billing-method.paypal .method:before {
        background-position: -343px -34px;
        background-size: 400px auto;
        width: 54px;
        height: 64px;
        margin-top: -32px;
        margin-left: -27px
    }
}

@media screen and (max-width: 480px) {
    .billing-method.paypal .method:before {
        background: url('Images/icons.png?v=21380a2db7') no-repeat -270px -98px;
        width: 37px;
        height: 42px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -21px;
        margin-left: -18.5px
    }
}

@media only screen and (max-width: 480px) and (min-resolution: 2dppx), screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .billing-method.paypal .method:before {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -270px -98px;
        background-size: 400px auto;
        width: 37px;
        height: 42px;
        margin-top: -21px;
        margin-left: -18.5px
    }
}

.billing-method.gift-card .method:before {
    background-position: -288px -144px;
    width: 68px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -34px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .billing-method.gift-card .method:before {
        background-position: -288px -144px;
        background-size: 400px auto;
        width: 68px;
        height: 48px;
        margin-top: -24px;
        margin-left: -34px
    }
}

@media screen and (max-width: 480px) {
    .billing-method.gift-card .method:before {
        background: url('Images/icons.png?v=21380a2db7') no-repeat -233px -2px;
        width: 44px;
        height: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -22px
    }
}

@media only screen and (max-width: 480px) and (min-resolution: 2dppx), screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .billing-method.gift-card .method:before {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -233px -2px;
        background-size: 400px auto;
        width: 44px;
        height: 32px;
        margin-top: -16px;
        margin-left: -22px
    }
}

@media screen and (max-width: 480px) {
    .billing-method-indicator {
        height: 88px;
        width: 88px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    .billing-method-text {
        bottom: 0;
        font-size: 12px
    }
}

.title-address {
    padding-left: 50px;
    position: relative
}

    .title-address:before {
        content: '';
        left: 0;
        background-position: -72px -2px;
        width: 26px;
        height: 26px;
        position: absolute;
        top: 50%;
        margin-top: -13px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .title-address:before {
        background-position: -72px -2px;
        background-size: 400px auto;
        width: 26px;
        height: 26px;
        margin-top: -13px
    }
}

.title-card {
    padding-left: 50px;
    position: relative
}

    .title-card:before {
        content: '';
        left: 0;
        background-position: -98px -2px;
        width: 34px;
        height: 22px;
        position: absolute;
        top: 50%;
        margin-top: -11px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .title-card:before {
        background-position: -271px -34px;
        background-size: 400px auto;
        width: 34px;
        height: 22px;
        margin-top: -11px
    }
}

.title-shipping {
    padding-left: 50px;
    position: relative
}

    .title-shipping:before {
        content: '';
        left: 0;
        background-position: -358px -2px;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        margin-top: -16px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .title-shipping:before {
        background-position: -32px -144px;
        background-size: 400px auto;
        width: 32px;
        height: 32px;
        margin-top: -16px
    }
}

.review-table {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.review-table-details {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f3f4f7;
    padding: 30px 40px 40px;
    margin-bottom: 40px;
    border-bottom: 4px solid #0799c9;
    position: relative
}

    .review-table-details:last-child {
        float: right;
        margin-right: 0
    }

    .review-table-details .inner {
        width: 100%
    }

        .review-table-details .inner h3 {
            padding-right: 30px
        }

.review-table-link {
    position: absolute;
    right: 40px;
    top: 30px
}

@media screen and (max-width: 603px) {
    .review-table {
        display: block
    }

    .review-table-details {
        display: block;
        margin: 0 0 40px;
        width: 100%
    }
}

.page-thankyou .page-header {
    border-bottom: 1px solid #f3f4f7
}

.thankyou-subheading {
    color: #9ba2a8;
    font-size: 15px;
    /*   font-style: italic;*/
    text-align: center;
    width: 40%;
    margin-left: 30%;
    margin-right: 30%
}

.thankyou-note {
    color: #9ba2a8;
    font-size: 15px;
    font-style: italic;
    text-align: center
}

.thankyou-share {
    border-top: 1px solid #f3f4f7;
    padding: 20px 0 50px;
    text-align: center
}

    .thankyou-share p {
        font-size: 16px;
        font-style: italic;
        font-weight: 500
    }

@media screen and (max-width: 603px) {
    .thankyou-subheading {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px
    }
}

.card-visa, .card-express {
    width: 50%;
    float: left;
    padding-left: 1.38889%;
    padding-right: 1.38889%;
    box-sizing: border-box;
    color: #0799c9;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0;
    position: relative;
    text-transform: uppercase
}

    .card-visa .inner, .card-express .inner {
        padding-bottom: 110px;
        position: relative
    }

        .card-visa .inner:before, .card-express .inner:before {
            bottom: 0;
            content: '';
            left: 0;
            position: absolute
        }

        .card-visa .inner:before {
            background-position: -235px -344px;
            width: 155px;
            height: 100px
        }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .card-visa .inner:before {
        background-position: -235px -344px;
        background-size: 400px auto;
        width: 155px;
        height: 100px
    }
}

.card-express .inner:before {
    background-position: -80px -344px;
    width: 155px;
    height: 100px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .card-express .inner:before {
        background-position: -80px -344px;
        background-size: 400px auto;
        width: 155px;
        height: 100px
    }
}

@media screen and (max-width: 480px) {
    .card-visa, .card-express {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.orders-user-panel {
    background: #f3f4f7;
    padding: 40px 0 25px
}

.orders-user-welcome {
    color: #0799c9;
    text-transform: uppercase
}

.orders-user-name, .orders-user-email {
    margin: 0
}

.orders-user-email, .orders-user-settings {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

.orders-user-settings {
    padding-right: 10px
}

.orders-user-details {
    display: table;
    table-layout: fixed;
    width: 100%
}

.orders-user-details-left, .orders-user-details-right {
    display: table-cell;
    vertical-align: middle
}

.orders-user-details-right {
    text-align: right
}

.orders-list {
    margin: 40px 0 100px
}

.orders-header {
    display: table;
    margin-bottom: 15px;
    table-layout: fixed;
    width: 100%
}

.orders-title {
    display: table-cell;
    vertical-align: middle;
    width: 35%
}

    .orders-title h2 {
        margin: 0
    }

.orders-time {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}

.orders-time-text {
    display: inline-block;
    font-size: 16px;
    padding-right: 5px;
    vertical-align: middle
}

    .orders-time-text p {
        margin: 0
    }

.orders-time-select {
    display: inline-block;
    vertical-align: middle
}

    .orders-time-select .field-select {
        color: #374551;
        margin: 0
    }

@media screen and (max-width: 603px) {
    .orders-user-details {
        display: block;
        margin-top: 0
    }

    .orders-user-details-left, .orders-user-details-right {
        display: block;
        margin-top: 10px;
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    .orders-header, .orders-title, .orders-time {
        display: block
    }

    .orders-title {
        margin-bottom: 15px;
        width: auto
    }
}

.order-summary-table {
    margin-bottom: 20px
}

.order-summary-table-header {
    border: 1px solid #d9dcde;
    border-radius: 3px 3px 0 0;
    display: table;
    padding: 30px 20px;
    position: relative;
    table-layout: fixed;
    width: 100%
}

.order-summary-table-cell {
    display: table-cell;
    padding-right: 10px;
    vertical-align: top
}

    .order-summary-table-cell h6 {
        color: #0799c9;
        font-size: 14px;
        margin: 0 0 5px;
        text-transform: uppercase
    }

    .order-summary-table-cell p {
        font-size: 16px;
        margin: 0
    }

    .order-summary-table-cell.order-cell-status {
        width: 17%
    }

    .order-summary-table-cell.order-cell-placed {
        width: 25%
    }

    .order-summary-table-cell.order-cell-total {
        width: 13%
    }

    .order-summary-table-cell.order-cell-id {
        width: 12%
    }

    .order-summary-table-cell.order-cell-tracking {
        width: 13%
    }

        .order-summary-table-cell.order-cell-tracking p + p {
            margin-top: 10px
        }

        .order-summary-table-cell.order-cell-tracking a {
            display: inline-block;
            word-break: break-all;
            word-wrap: break-word
        }

    .order-summary-table-cell.order-cell-controls {
        text-align: right;
        vertical-align: middle
    }

.order-summary-table-controls {
    float: right
}

.order-pending, .order-processing {
    color: #e9d70e
}

.order-shipped, .order-complete {
    color: #70c907
}

.order-cancelled {
    color: #ff2b16
}

.order-back {
    font-size: 16px;
    padding: 40px 0
}

.order-item-info {
    margin-bottom: 40px
}

.order-details {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .order-details p {
        margin: 0
    }

.order-details-info {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    width: 66.66667%
}

.order-details-controls {
    display: table-cell;
    padding: 0 2.85714%;
    text-align: right;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .order-summary-table-header {
        display: block;
        overflow: hidden;
        *zoom: 1
    }

    .order-summary-table-cell {
        display: block;
        margin-bottom: 20px
    }

        .order-summary-table-cell.order-cell-status, .order-summary-table-cell.order-cell-placed, .order-summary-table-cell.order-cell-total, .order-summary-table-cell.order-cell-id, .order-summary-table-cell.order-cell-tracking {
            display: block;
            float: left;
            width: 50%
        }

        .order-summary-table-cell.order-cell-controls {
            width: 100%;
            float: left;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 0;
            text-align: center
        }
}

@media screen and (max-width: 480px) {
    .order-details {
        display: block
    }

    .order-details-info {
        display: block;
        width: 100%
    }

    .order-details-controls {
        display: block;
        margin-top: 20px;
        text-align: center
    }

    .order-summary-table-cell.order-cell-status, .order-summary-table-cell.order-cell-placed, .order-summary-table-cell.order-cell-total, .order-summary-table-cell.order-cell-id, .order-summary-table-cell.order-cell-tracking {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.icn-back {
    display: inline-block;
    padding-left: 20px;
    position: relative
}

    .icn-back:before {
        content: '';
        left: 0;
        background-position: -142px -34px;
        width: 7px;
        height: 12px;
        position: absolute;
        top: 50%;
        margin-top: -6px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-back:before {
        background-position: -142px -34px;
        background-size: 400px auto;
        width: 7px;
        height: 12px;
        margin-top: -6px
    }
}

.account-section {
    margin: 40px 0
}

.account-column {
    margin: 0 auto;
    width: 48.57143%
}

@media screen and (max-width: 603px) {
    .account-column {
        padding: 20px 0;
        width: 100%
    }
}

.gift-card-banner {
    background: #f3f4f7;
    padding: 20px 0
}

    .gift-card-banner .inner {
        display: table;
        table-layout: fixed;
        width: 100%
    }

.gift-card-banner-text, .gift-card-banner-image {
    display: table-cell;
    vertical-align: middle
}

.gift-card-banner-text {
    font-size: 16px;
    padding-right: 2.85714%
}

.gift-card-content {
    margin: 70px 0 50px
}

.gift-card-details {
    width: 44.28571%;
    float: left;
    margin-right: 2.85714%
}

    .gift-card-details h3 {
        margin-bottom: 50px
    }

.gift-card-form {
    width: 40%;
    float: right;
    margin-right: 0
}

    .gift-card-form .button {
        float: right;
        margin-top: 10px
    }

    .gift-card-form h3 {
        margin-bottom: 40px
    }

.gift-card-faq {
    border-bottom: 1px solid #d9dcde;
    font-size: 16px;
    margin-bottom: 40px;
    padding: 0 0 25px 60px;
    position: relative
}

    .gift-card-faq:last-child {
        border: 0;
        margin-bottom: 0
    }

    .gift-card-faq h4 {
        text-transform: none
    }

@media screen and (max-width: 603px) {
    .gift-card-details, .gift-card-form {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .gift-card-details {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .gift-card-banner.inner {
        display: block
    }

    .gift-card-banner-text, .gift-card-banner-image {
        display: block;
        padding-right: 0
    }
}

.icn-gift-card:before {
    content: '';
    background-position: -36px -98px;
    width: 34px;
    height: 22px;
    left: 0;
    position: absolute;
    top: 5px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-gift-card:before {
        background-position: -36px -98px;
        background-size: 400px auto;
        width: 34px;
        height: 22px
    }
}

.icn-gift-email:before {
    content: '';
    background-position: -272px -34px;
    width: 34px;
    height: 22px;
    left: 0;
    position: absolute;
    top: 5px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-gift-email:before {
        background-position: -98px -2px;
        background-size: 400px auto;
        width: 34px;
        height: 22px
    }
}

.icn-gift-site:before {
    content: '';
    background-position: -132px -2px;
    width: 34px;
    height: 28px;
    left: 0;
    position: absolute;
    top: 5px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-gift-site:before {
        background-position: -132px -2px;
        background-size: 400px auto;
        width: 34px;
        height: 28px
    }
}

.blog-item {
    border-bottom: 1px solid #f3f4f7;
    margin: 0 0 40px;
    padding-bottom: 40px;
    position: relative
}

    .blog-item p {
        font-size: 18px
    }

.blog-banner {
    color: #fff;
    height: 356px;
    overflow: hidden;
    text-align: center
}

.blog-banner-image {
    margin: 0 auto;
    max-width: 1280px;
    position: relative
}

    .blog-banner-image img {
        left: 0;
        max-width: none;
        position: absolute;
        top: 0
    }

.blog-banner-content {
    display: table;
    height: 356px;
    position: relative;
    table-layout: fixed;
    width: 100%
}

    .blog-banner-content .inner {
        display: table-cell;
        vertical-align: middle
    }

    .blog-banner-content h1 {
        font-size: 46px;
        font-weight: 300
    }

.blog-items-list {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    margin-top: 60px
}

.blog-items-details {
    width: 31.42857%;
    float: right;
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 60px
}

.blog-subscribe {
    text-align: center
}

    .blog-subscribe h1 {
        font-size: 46px
    }

.blog-subscribe-wrapper {
    border: 1px solid #e7e8eb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block
}

    .blog-subscribe-wrapper .form-field {
        float: left;
        margin: 0
    }

.blog-subscribe-input {
    background: rgba(247,247,247,0.8);
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 0 0 3px;
    border: 0;
    margin: 0;
    min-width: 220px
}

.blog-subscribe-submit {
    background: #717b84;
    border-color: #717b84;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0;
    float: right;
    font-size: 11px;
    font-weight: 500;
    height: 46px;
    line-height: 3.28571;
    padding: 0 20px
}

.rollover .blog-subscribe-submit:hover {
    background: #717b84;
    border-color: #717b84
}

.pagination {
    font-size: 16px;
    margin-bottom: 40px;
    padding: 0 90px;
    position: relative
}

.pagination-prev, .pagination-next {
    margin-top: -12px;
    position: absolute;
    top: 50%
}

    .pagination-prev.disabled, .pagination-next.disabled {
        opacity: .5;
        pointer-events: none
    }

.pagination-prev {
    left: 0
}

.pagination-next {
    right: 0
}

.pagination-items {
    text-align: center
}

.pagination-item {
    display: inline-block;
    padding: 0 5px
}

    .pagination-item.active {
        color: #374551;
        font-weight: 500
    }

.blog-navigation-top {
    background: #f3f4f7
}

    .blog-navigation-top .inner {
        padding-bottom: 40px;
        padding-top: 40px
    }

.blog-navigation-bottom .inner {
    border-top: 1px solid #f3f4f7;
    padding-bottom: 40px;
    padding-top: 40px
}

.blog-navigation-top, .blog-navigation-bottom {
    font-size: 16px
}

    .blog-navigation-top .align-left, .blog-navigation-bottom .align-left {
        text-align: left;
        width: 29.16667%;
        float: left;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .blog-navigation-top .align-center, .blog-navigation-bottom .align-center {
        text-align: center;
        width: 41.66667%;
        float: left;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .blog-navigation-top .align-right, .blog-navigation-bottom .align-right {
        text-align: right;
        width: 29.16667%;
        float: left;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

.blog-tags {
    position: relative
}

.blog-tags-title {
    display: inline-block;
    margin-bottom: 15px;
    padding-right: 30px
}

.blog-tags-reset {
    display: inline-block;
    margin-bottom: 15px
}

@media screen and (max-width: 603px) {
    .blog-items-list, .blog-items-details {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .blog-items-details {
        border-top: 1px solid #f3f4f7;
        margin-top: 0;
        padding-top: 20px;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px
    }

    .blog-item {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px
    }

        .blog-item h2 {
            margin: 15px 0
        }

    .blog-banner-image img {
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .blog-banner-content h1 {
        font-size: 36px
    }

    .blog-subscribe-input {
        min-width: 160px;
        width: 160px
    }
}

@media screen and (max-width: 320px) {
    .pagination {
        padding: 10px 30px
    }

    .pagination-prev a, .pagination-next a {
        overflow: hidden;
        text-indent: -9999px
    }
}

.post-item {
    margin: 50px 0;
    position: relative
}

.post-date {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.post-author {
    color: #0799c9;
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase
}

.post-title {
    margin-right: 34.28571%
}

.post-content {
    font-size: 18px;
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%
}

    .post-content p {
        font-size: 18px
    }

    .post-content h2, .post-content h3, .post-content h4 {
        margin-top: 40px
    }

.post-sidebar {
    width: 31.42857%;
    float: right;
    margin-right: 0
}

.post-module {
    margin-bottom: 20px
}

.post-image {
    margin: 20px 0
}

.post-image-caption {
    color: #9ba2a8;
    padding: 10px 0 0
}

.post-tags {
    font-size: 0
}

.post-tag {
    background: #f7f7f7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #9ba2a8;
    display: inline-block;
    font-size: 13px;
    margin: 0 10px 10px 0;
    padding: 12px 15px
}

.rollover .post-tag:hover {
    background: #8f969e;
    color: #fff
}

.post-tag.selected {
    background: #0799c9;
    color: #fff
}

@media screen and (max-width: 603px) {
    .post-title {
        margin-right: 0%
    }

    .post-sidebar, .post-content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .post-date {
        position: relative;
        right: auto;
        top: auto
    }
}

.quote {
    margin: 40px 0;
    text-align: center
}

    .quote p {
        font-size: 16px
    }

    .quote blockquote {
        margin: 0 40px 25px
    }

.quote-caption {
    padding-top: 30px;
    position: relative
}

    .quote-caption:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRkEyQTAxNzJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRkEyQTAxNjJGODMxMUU0QkNDM0JDNEI1NTk0QzAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3ZDRhZThhLTYyMzctNDI0OS1hNmRlLTIxODliODVhNTUyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhY2M4OTNlLTYzOTAtMTE3Ny04NWZhLTkzODhlNjQzNWIxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgr5AvgAAABiSURBVHjaYvz//z8DIcBi4RaELsYFxN+QBZjQFAgCsSaUxqqIB4jlgPgJlOZBVwQSUAbie0D8EkqD+LwwRcgKPkM1fYbylYBYnAmLAgYkhY+AWIYFSFwH4l84fP8eJA8QYAA89xTuiAdQogAAAABJRU5ErkJggg==") repeat-x 0 0;
        content: '';
        display: block;
        height: 7px;
        left: 50%;
        margin-left: -35px;
        position: absolute;
        top: 0;
        width: 70px
    }

.quote-author {
    color: #374551;
    display: block;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase
}

.quote-position {
    color: #9ba2a8;
    font-size: 14px
}

.icn-nav-prev, .icn-nav-next {
    display: inline-block;
    position: relative
}

    .icn-nav-prev:before, .icn-nav-next:before {
        content: ''
    }

.icn-nav-prev {
    padding-left: 30px
}

    .icn-nav-prev:before {
        left: 0;
        background-position: -262px -34px;
        width: 10px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-nav-prev:before {
        background-position: -261px -34px;
        background-size: 400px auto;
        width: 10px;
        height: 20px;
        margin-top: -10px
    }
}

.icn-nav-next {
    padding-right: 30px
}

    .icn-nav-next:before {
        right: 0;
        background-position: -212px -34px;
        width: 10px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .icn-nav-next:before {
        background-position: -211px -34px;
        background-size: 400px auto;
        width: 10px;
        height: 20px;
        margin-top: -10px
    }
}

@media print {
    img {
        page-break-after: auto;
        page-break-before: auto;
        page-break-inside: avoid
    }

    .page-header, .page-footer, .progress-steps-bar {
        display: none
    }

    .bcms-sidemenu {
        display: none
    }

    .cart-heading {
        margin: 40px 0
    }

    .create-image-holder:before, .create-image-holder:after, .cart-product-image .inner-holder:before, .cart-product-image .inner-holder:after {
        display: none
    }

    .cart-row, .review-table {
        page-break-inside: avoid
    }

    .blog-banner {
        display: none
    }

    .blog-navigation-top, .blog-navigation-bottom {
        display: none
    }

    .post-author {
        color: #374551
    }

    .post-title {
        margin-right: 0
    }

    .post-image {
        page-break-inside: avoid
    }

    .post-tag {
        background: none;
        color: #374551;
        font-size: 18px;
        padding: 0
    }

        .post-tag:after {
            content: ', '
        }

        .post-tag:last-child:after {
            display: none
        }

    .post-content, .post-sidebar {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .post-content a {
            word-wrap: break-word
        }

            .post-content a[href^='http://']:after, .post-content a[href^='https://']:after {
                content: " (" attr(href) ")"
            }
}

.grid-row {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-left: -10px;
    margin-right: -10px;
    max-width: none
}

    .grid-row:after {
        content: " ";
        display: block;
        clear: both
    }

.column-1 {
    width: 5.71429%;
    float: left;
    margin-right: 2.85714%
}

    .column-1.last {
        float: right;
        margin-right: 0
    }

.column-2 {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%
}

    .column-2.last {
        float: right;
        margin-right: 0
    }

.column-3 {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%
}

    .column-3.last {
        float: right;
        margin-right: 0
    }

.column-4 {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%
}

    .column-4.last {
        float: right;
        margin-right: 0
    }

.column-5 {
    width: 40%;
    float: left;
    margin-right: 2.85714%
}

    .column-5.last {
        float: right;
        margin-right: 0
    }

.column-6 {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%
}

    .column-6.last {
        float: right;
        margin-right: 0
    }

.column-7 {
    width: 57.14286%;
    float: left;
    margin-right: 2.85714%
}

    .column-7.last {
        float: right;
        margin-right: 0
    }

.column-8 {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%
}

    .column-8.last {
        float: right;
        margin-right: 0
    }

.column-9 {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%
}

    .column-9.last {
        float: right;
        margin-right: 0
    }

.column-10 {
    width: 82.85714%;
    float: left;
    margin-right: 2.85714%
}

    .column-10.last {
        float: right;
        margin-right: 0
    }

.column-11 {
    width: 91.42857%;
    float: left;
    margin-right: 2.85714%
}

    .column-11.last {
        float: right;
        margin-right: 0
    }

.column-push-1 {
    margin-left: 8.57143%
}

.column-push-2 {
    margin-left: 17.14286%
}

.column-push-3 {
    margin-left: 25.71429%
}

.column-push-4 {
    margin-left: 34.28571%
}

.column-push-5 {
    margin-left: 42.85714%
}

.column-push-6 {
    margin-left: 51.42857%
}

.column-push-7 {
    margin-left: 60%
}

.column-push-8 {
    margin-left: 68.57143%
}

.column-push-9 {
    margin-left: 77.14286%
}

.column-push-10 {
    margin-left: 85.71429%
}

.column-push-11 {
    margin-left: 94.28571%
}

.grid-row-nested {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-left: -10px;
    margin-right: -10px
}

    .grid-row-nested:after {
        content: " ";
        display: block;
        clear: both
    }

.column-centered {
    float: none;
    margin: 0 auto
}

.hidden {
    display: none
}

.scroll-bar-measure {
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 100px
}

iframe[name='google_conversion_frame'] {
    float: left;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    margin-top: -13px;
    width: 0 !important
}

.page-header-inner:after, .navigation-inner:after, .newsletter-block-inner .fields-wrapper:after, .footer-top-inner:after, .footer-bottom:after, .progress-steps-bar:after, .column-list-container ul:after, .our-story-content:after, .product-navigation:after, .create-product-list:after, .create-product-wrapper:after, .create-product-item:after, .create-image-size-select:after, .colors-block:after, .color-items:after, .cart-summary:after, .clearfix:after {
    clear: both;
    content: '';
    display: table;
    height: 0
}

.modal-context {
    background-color: rgba(37,65,85,0.3);
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.modal-container {
    background: #fff;
    box-sizing: border-box;
    margin: 85px auto;
    min-height: 60px;
    position: relative;
    width: 600px
}

.modal-close {
    color: #9ba2a8;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 5px;
    width: 30px;
}


.rollover .modal-close:hover {
    background: #e1e1e1;
    color: #000
}

.modal-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.1;
    padding: 20px 20px 0
}

.modal-content {
    margin: 20px 0 0;
    padding: 20px
}

.modal-wall {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998
}

.modal-on body {
    overflow: hidden
}

.alert.modal-container {
    box-sizing: border-box;
    padding: 80px;
    width: 620px
}

.alert .modal-title {
    color: #d50808;
    padding: 0
}

.alert .modal-content {
    padding: 0
}

.alert .actions {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .alert.modal-container {
        margin: 66px auto;
        padding: 60px 40px;
        width: 100%
    }
}

.confirmation.modal-container {
    box-sizing: border-box;
    padding: 80px;
    width: 620px
}

.confirmation .modal-title {
    padding: 0
}

.confirmation .modal-content {
    padding: 0
}

.confirmation .actions {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .confirmation.modal-container {
        margin: 66px auto;
        padding: 60px 40px;
        width: 100%
    }
}

.range {
    background: #f3f4f7;
    height: 4px;
    margin: 25px 0;
    position: relative;
    width: 100%
}

    .range:before {
        background: #9ba2a8;
        content: '';
        display: block;
        height: 12px;
        left: 50%;
        margin: -4px 0 0 -1px;
        position: absolute;
        width: 2px
    }

.range-fill {
    background: transparent;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.range-handle {
    background: #0799c9;
    border-radius: 100%;
    cursor: pointer;
    height: 20px;
    position: absolute;
    top: -8px;
    width: 20px;
    z-index: 1
}

.cs-photo-selector {
    background: rgba(0,0,0,0.9);
    box-sizing: content-box;
    color: #333;
    display: none;
    font-size: 11px;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

    .cs-photo-selector * {
        box-sizing: content-box;
        line-height: normal
    }

    .cs-photo-selector li {
        list-style-type: none
    }

    .cs-photo-selector p, .cs-photo-selector ul, .cs-photo-selector li {
        margin: 0;
        padding: 0
    }

    .cs-photo-selector img {
        max-width: none
    }

.cs-photo-selector-clearfix:after {
    clear: both;
    content: '';
    display: table;
    height: 0
}

.cs-photo-selector-dialog {
    margin: 10% auto;
    overflow: hidden;
    position: relative;
    width: 580px
}

.facebook .cs-photo-selector-dialog {
    background: rgba(82,82,82,0.7);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px
}

.instagram .cs-photo-selector-dialog {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2),0 1px 12px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2),0 1px 12px rgba(0,0,0,0.4);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2),0 1px 12px rgba(0,0,0,0.4)
}

.cs-photo-selector-close {
    color: #fff;
    font-size: 26px;
    position: absolute;
    right: 25px;
    text-transform: none;
    top: 14px
}

.instagram .cs-photo-selector-close {
    right: 14px;
    top: 3px
}

.rollover .cs-photo-selector-close:hover {
    color: #fff
}

.facebook .cs-photo-selector-form {
    border: 1px solid #3b5998
}

.cs-photo-selector-header {
    background: #6d84b4;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 10px
}

    .cs-photo-selector-header h5 {
        margin: 0
    }

.facebook .cs-photo-selector-header {
    background: #6d84b4
}

.instagram .cs-photo-selector-header {
    background: #517fa4;
    border-bottom: 1px solid #1c5380;
    -moz-box-shadow: 0 1px 0 rgba(111,151,182,0.5) inset,0 -1px 0 rgba(111,151,182,0.2) inset,0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 0 rgba(111,151,182,0.5) inset,0 -1px 0 rgba(111,151,182,0.2) inset,0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 rgba(111,151,182,0.5) inset,0 -1px 0 rgba(111,151,182,0.2) inset,0 1px 1px rgba(0,0,0,0.2)
}

    .instagram .cs-photo-selector-header h5 {
        text-shadow: 0 1px 1px #1c5380
    }

.cs-photo-selector-button-ok, .cs-photo-selector-button-cancel {
    background: #3b5998;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-color: #d9dfea #0e1f5b #0e1f5b #d9dfea;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    display: none;
    float: right;
    font-weight: 500;
    padding: 4px 20px 5px
}

.instagram .cs-photo-selector-button-ok, .instagram .cs-photo-selector-button-cancel {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmOTdiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmNzI5YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6f97b6),color-stop(100%, #3f729b));
    background-image: -moz-linear-gradient(top, #6f97b6,#3f729b);
    background-image: -webkit-linear-gradient(top, #6f97b6,#3f729b);
    background-image: linear-gradient(to bottom, #6f97b6,#3f729b);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-color: #1c5380;
    padding: 4px 6px 5px
}

.cs-photo-selector-button-cancel {
    background-color: #eee;
    border-color: #999 #999 #888;
    border-style: solid;
    border-width: 1px;
    color: #333;
    display: block;
    margin-right: 8px
}

.instagram .cs-photo-selector-button-cancel {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa),color-stop(100%, #eeeeee));
    background-image: -moz-linear-gradient(top, #fafafa,#eeeeee);
    background-image: -webkit-linear-gradient(top, #fafafa,#eeeeee);
    background-image: linear-gradient(to bottom, #fafafa,#eeeeee);
    border-color: #d6d6d6
}

.cs-photo-selector-content {
    background: #fff;
    min-height: 400px;
    padding: 10px
}

.facebook .cs-photo-selector-content {
    background: #fff
}

.instagram .cs-photo-selector-content {
    background: #f8f8f8
}

.cs-photo-selector-content a, .cs-photo-selector-content a:active, .cs-photo-selector-content a:visited {
    color: #3b5998;
    text-decoration: none
}

.rollover .cs-photo-selector-content a:hover {
    color: #3b5998;
    text-decoration: none
}

.cs-photo-selector-footer {
    background: #fff;
    padding: 8px 10px
}

.facebook .cs-photo-selector-footer {
    background: #f2f2f2;
    border-top: 1px solid #ccc
}

.instagram .cs-photo-selector-footer {
    -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.06);
    box-shadow: 0 -1px 1px rgba(0,0,0,0.06)
}

.cs-photo-selector-search-container {
    background: #f3f4f7;
    border-color: #cacaca;
    border-style: solid;
    border-width: 1px 0;
    font-weight: 400;
    margin-top: 10px;
    padding: 10px
}

.cs-photo-selector-photos-container {
    font-size: 0;
    margin: 10px 0 0
}

.cs-photo-selector-selected-count-container {
    float: left;
    padding: 3px 0
}

.cs-photo-selector-back-to-albums {
    float: right;
    padding: 3px 0
}

.cs-photo-selector-page-next, .cs-photo-selector-page-prev {
    background: transparent url("/Themes/Artmill/Content/Styles/Images/cs-pagination.png") no-repeat 0 0;
    float: left;
    height: 21px;
    overflow: hidden;
    text-indent: -9999px;
    width: 22px
}

.instagram .cs-photo-selector-page-next, .instagram .cs-photo-selector-page-prev {
    border-radius: 3px
}

.cs-photo-selector-page-next {
    margin-right: 6px
}

    .cs-photo-selector-page-next.cs-photo-selector-disabled {
        background-position: -22px 0;
        cursor: default
    }

.cs-photo-selector-page-prev {
    background-position: -44px 0;
    margin-right: 2px
}

    .cs-photo-selector-page-prev.cs-photo-selector-disabled {
        background-position: -66px 0;
        cursor: default
    }

.cs-photo-selector-page-number-container {
    float: left;
    padding: 4px 0 0
}

.cs-photo-selector-photo {
    background: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    height: 90px;
    margin: 0 5px 5px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width: 119px
}

.rollover .cs-photo-selector-photo:hover .cs-photo-selector-photo-select {
    display: block
}

.cs-photo-selector-photo.cs-photo-selector-photo-disabled {
    cursor: default;
    opacity: .5
}

.rollover .cs-photo-selector-photo.cs-photo-selector-photo-disabled:hover .cs-photo-selector-photo-select {
    display: none
}

.cs-photo-selector-photo.cs-photo-selector-photo-filtered {
    display: none
}

.cs-photo-selector-photo-avatar {
    border: 0;
    display: block;
    left: -10%;
    margin: 0 auto;
    position: relative;
    width: 120%
}

.cs-photo-selector-photo-name {
    display: block;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding: 5px 0 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cs-photo-selector-photo span {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cs-photo-selector-album {
    cursor: pointer;
    display: inline-block;
    margin: 0 8px 14px;
    position: relative;
    width: 155px
}

    .cs-photo-selector-album .cs-photo-selector-photo-avatar {
        border: 0;
        display: block;
        max-width: 100%
    }

.cs-photo-selector-album-wrap {
    border: 1px solid #ccc;
    padding: 4px;
    position: relative;
    width: 145px
}

    .cs-photo-selector-album-wrap div {
        height: 120px;
        overflow: hidden
    }

.rollover .cs-photo-selector-photo:hover, .rollover .cs-photo-selector-album-wrap:hover {
    background: #f3f4f7;
    border-color: #999;
    cursor: pointer
}

.cs-photo-selector-photo.cs-photo-selector-photo-selected, .cs-photo-selector-album-wrap.cs-photo-selector-photo-selected {
    background: #f3f4f7;
    border-color: #3b5998;
    cursor: pointer
}

.cs-photo-selector-loader {
    background: rgba(255,255,255,0.5) url("/Themes/Artmill/Content/Styles/Images/cs-loader.gif") no-repeat center center;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cs-photo-selector-wrapper {
    display: none;
    overflow: auto
}

.cs-photo-container-active .cs-album-selector-wrapper {
    display: none
}

.cs-photo-container-active .cs-photo-selector-wrapper {
    display: block
}

@media screen and (max-width: 603px) {
    .cs-photo-selector-dialog {
        box-sizing: border-box;
        width: 100%
    }

    .cs-photo-selector-wrapper {
        box-sizing: border-box
    }

    .cs-photo-container-active {
        left: 11px;
        right: 11px
    }
}

.loading-indicator {
    backface-visibility: hidden;
    background-image: url("/Themes/Artmill/Content/Styles/Images/spinner.png");
    background-position: 0 62px;
    height: 62px;
    width: 62px;
    will-change: background-position
}

.loading-indicator-overlay {
    background-color: rgba(37,65,85,0.3);
    border-radius: 2px
}

.loading-indicator-overlay-inverse {
    background-color: rgba(255,255,255,0.3);
    border-radius: 2px
}

.loading-indicator-inverse {
    background-image: url("/Themes/Artmill/Content/Styles/images/spinner.png");
    background-position: 0 0;
    height: 62px;
    width: 62px
}

.loading-indicator-center {
    margin: -31px 0 0 -31px
}


.js-banner-slider {
    visibility: hidden !important;
}

.slick-slider {
    display: block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.slick-initialized {
    visibility: visible !important;
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0;
    zoom: 1
}

    .slick-track:before, .slick-track:after {
        content: '';
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider .slick-list, .slick-track, .slick-slide {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: transform
}

*/

table tr:last-child td {
    border-bottom: 0 none
}

table th {
    color: #0799c9;
    font-weight: 500;
    padding: 5px;
    text-transform: uppercase
}

table td {
    border-bottom: solid 1px #e2e4e8;
    line-height: 1.2;
    padding: 5px
}

.tooltip {
    background: #f3f4f7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #9ba2a8;
    font-size: 16px;
    line-height: 1.2;
    max-width: 340px;
    padding: 15px;
    position: absolute;
    text-align: left;
    z-index: 100
}

    .tooltip:after {
        border-width: 8px 8px 0 8px;
        border-style: solid;
        border-color: #f3f4f7 transparent transparent transparent;
        bottom: -8px;
        content: '';
        height: 0;
        left: 50%;
        margin-left: -8px;
        position: absolute;
        width: 0
    }

    .tooltip.top:after {
        border-bottom: 10px solid #f3f4f7;
        border-top-color: transparent;
        bottom: auto;
        top: -16px
    }

    .tooltip.left:after {
        left: 10px;
        margin: 0
    }

    .tooltip.right:after {
        left: auto;
        margin: 0;
        right: 10px
    }

.sp-container {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9999994
}

    .sp-container.sp-flat {
        position: relative
    }

    .sp-container.sp-input-disabled .sp-input-container {
        display: none
    }

    .sp-container.sp-buttons-disabled .sp-button-container {
        display: none
    }

    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
        display: none
    }

    .sp-container, .sp-container * {
        box-sizing: content-box
    }

.sp-top {
    display: inline-block;
    position: relative;
    width: 100%
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px
}

.sp-top-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sp-color {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 20%;
    top: 0
}

.sp-fill {
    padding-top: 80%
}

.sp-sat, .sp-val {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sp-alpha {
    bottom: -14px;
    display: none;
    height: 8px;
    left: 0;
    position: absolute;
    right: 0
}

.sp-alpha-enabled .sp-alpha {
    display: block
}

.sp-alpha-inner {
    border: solid 1px #333
}

.sp-alpha-handle {
    background: #fff;
    border: 1px solid #000;
    bottom: -4px;
    cursor: pointer;
    left: 50%;
    opacity: .8;
    position: absolute;
    top: -4px;
    width: 6px
}

.sp-clear {
    display: none
}

    .sp-clear.sp-clear-display {
        background-position: center
    }

.sp-clear-enabled .sp-clear {
    bottom: 0;
    display: block;
    height: 28px;
    left: 84%;
    position: absolute;
    right: 0;
    top: 0
}

.sp-container, .sp-container button, .sp-container.sp-dragging .sp-input, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-alpha-handle .sp-clear {
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.sp-sat {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjOWE4MSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff),color-stop(100%, rgba(204,154,129,0)));
    background: -moz-linear-gradient(left, #ffffff,rgba(204,154,129,0));
    background: -webkit-linear-gradient(left, #ffffff,rgba(204,154,129,0));
    background: linear-gradient(to right, #ffffff,rgba(204,154,129,0))
}

.sp-val {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjOWE4MSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #000000),color-stop(100%, rgba(204,154,129,0)));
    background: -moz-linear-gradient(bottom, #000000,rgba(204,154,129,0));
    background: -webkit-linear-gradient(bottom, #000000,rgba(204,154,129,0));
    background: linear-gradient(to top, #000000,rgba(204,154,129,0))
}

.sp-hue {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIvPjxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjZmZmZjAwIi8+PHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIvPjxzdG9wIG9mZnNldD0iNjclIiBzdG9wLWNvbG9yPSIjMDAwMGZmIi8+PHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiNmZjAwZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000),color-stop(17%, #ffff00),color-stop(33%, #00ff00),color-stop(50%, #00ffff),color-stop(67%, #0000ff),color-stop(83%, #ff00ff),color-stop(100%, #ff0000));
    background: -moz-linear-gradient(top, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);
    background: -webkit-linear-gradient(top, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);
    bottom: 0;
    height: 100%;
    left: 84%;
    position: absolute;
    right: 0;
    top: 0
}

.sp-clear-enabled .sp-hue {
    height: 77.5%;
    top: 33px
}

.sp-hidden {
    display: none !important
}

.sp-cf:after {
    clear: both;
    content: '';
    display: table;
    height: 0
}

.sp-dragger {
    background: #000;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px
}

.sp-slider {
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    height: 3px;
    left: -1px;
    opacity: .8;
    position: absolute;
    right: -1px;
    top: 0
}

.sp-palette-only .sp-picker-container {
    display: none
}

.sp-palette-disabled .sp-palette-container {
    display: none
}

.sp-initial-disabled .sp-initial {
    display: none
}

@media screen and (max-width: 480px) {
    .sp-color {
        right: 40%
    }

    .sp-hue {
        left: 63%
    }

    .sp-fill {
        padding-top: 60%
    }
}

.sp-container {
    background-color: #fff;
    border: solid 1px #0799c9;
    border-radius: 0 3px 3px;
    padding: 0
}

    .sp-container:before {
        background: #fff;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        top: -1px;
        width: 63px
    }

    .sp-container button {
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #0799c9;
        border: 1px solid #0799c9;
        -moz-border-radius: 27px;
        -webkit-border-radius: 27px;
        border-radius: 27px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 10px;
        padding: 6px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle
    }

        .sp-container button:focus {
            outline: none
        }

.sp-top {
    margin-bottom: 3px
}

.sp-container, .sp-color, .sp-hue, .sp-clear {
    box-sizing: border-box
}

    .sp-container button, .sp-container input, .sp-color button, .sp-color input, .sp-hue button, .sp-hue input, .sp-clear button, .sp-clear input {
        box-sizing: border-box
    }

.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #d9dcde
}

.sp-input-container {
    float: right;
    margin-bottom: 4px;
    width: 100px
}

.sp-initial-disabled .sp-input-container {
    width: 100%
}

.sp-input {
    background: #fff;
    border: 1px solid #d9dcde;
    border-radius: 3px;
    color: #9ba2a8;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 8px;
    width: 100%
}

    .sp-input:focus {
        border: 1px solid #0799c9;
        outline: none
    }

    .sp-input.sp-validation-error {
        background: #fdd;
        border: 1px solid #f00
    }

.sp-picker-container, .sp-pallete-container {
    float: left;
    margin-bottom: -290px;
    padding: 10px 10px 300px;
    position: relative
}

.sp-picker-container {
    width: 172px
}

.sp-palette-container {
    border-right: solid 1px #ccc
}

.sp-palette-only .sp-palette-container {
    border: 0
}

.sp-palette .sp-thumb-el {
    border: solid 2px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin: 3px;
    position: relative;
    width: 24px
}

    .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el .sp-thumb-active {
        border-color: #ffa500
    }

.sp-thumb-el {
    position: relative
}

.sp-initial {
    border: solid 1px #333;
    float: left
}

    .sp-initial span {
        border: 0;
        display: block;
        float: left;
        height: 25px;
        margin: 0;
        width: 30px
    }

    .sp-initial .sp-clear-display {
        background-position: center
    }

.sp-palette-button-container, .sp-button-container {
    float: right
}

.sp-replacer {
    background: transparent;
    border: solid 1px #e7e8eb;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 4px;
    vertical-align: middle
}

    .sp-replacer.sp-active {
        border-bottom: 0;
        border-color: #0699c8;
        border-radius: 3px 3px 0 0
    }

    .sp-replacer.sp-disabled {
        border-color: #c0c0c0;
        cursor: default
    }

.sp-dd {
    float: left;
    font-size: 10px;
    height: 35px;
    line-height: 33px;
    padding: 2px 4px 2px 6px
}

.sp-preview {
    border: solid 1px #e7e8eb;
    border-radius: 100%;
    float: left;
    height: 35px;
    overflow: hidden;
    position: relative;
    width: 35px;
    z-index: 0
}

.sp-pallete {
    max-width: 220px
}

    .sp-pallete .sp-thumb-el {
        border: solid 1px #d0d0d0;
        height: 16px;
        margin: 2px 1px;
        width: 16px
    }

    .sp-pallete span:hover, .sp-pallete span.sp-thumb-active {
        border-color: #000
    }

    .sp-pallete .sp-thumb-inner {
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .sp-pallete .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
    }

    .sp-pallete .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
    }

.sp-cancel {
    color: #0799c9;
    font-size: 12px;
    margin: 0 5px 0 0;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    position: relative
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sp-clear-display {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
    background-position: center;
    background-repeat: no-repeat
}

.calculator {
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative
}

    .calculator.class .calculator-canvas, .calculator.class .calculator-file-upload {
        display: none
    }

    .calculator.class .calculator-price-wrapper {
        margin-bottom: 5px;
        width: 100%
    }

    .calculator.class .calculator-price-inner {
        top: -56px
    }

    .calculator.class .calculator-dropdown {
        /*background-color: #fff*/
    }

    .calculator.class .calculator-toolbar .calculator-select:first-child .calculator-action::before {
        content: none
    }

.calculator-file-upload {
    display: inline-block;
    margin-top: 25px;
    min-height: 22px;
    text-transform: none
}

    .calculator-file-upload input[type="file"] {
        position: fixed;
        top: -1000px
    }

.calculator-toolbar {
    border-bottom: 1px solid #f3f4f7;
    display: block;
    position: relative;
    z-index: 1
}

    .calculator-toolbar:after {
        clear: both;
        content: '';
        display: table;
        width: 100%
    }

.calculator-select {
    display: inline-block
}

    .calculator-select + .calculator-select {
        margin-left: 50px
    }

    .calculator-select.is-open .calculator-dropdown {
        display: block
    }

.calculator-action {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border-color: #9ba2a8;
    border-style: solid;
    border-width: 0 0 2px 0;
    color: #9ba2a8;
    cursor: pointer;
    display: inline-block;
    font-family: "Proxima Nova W01",Arial,sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    height: 40px !important;
    min-width: 170px;
    padding: 0 30px 0 0;
    position: relative;
    text-align: left
}

    .calculator-action:before {
        -moz-transition: -moz-transform .2s;
        -o-transition: -o-transform .2s;
        -webkit-transition: -webkit-transform .2s;
        transition: transform .2s;
        content: '';
        right: 0;
        background-position: -50px -34px;
        width: 16px;
        height: 9px;
        position: absolute;
        top: 50%;
        margin-top: -4.5px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .calculator-action:before {
        background-position: -50px -34px;
        background-size: 400px auto;
        width: 16px;
        height: 9px;
        margin-top: -4.5px
    }
}

.calculator-action:focus, .calculator-action.is-selected, .calculator-action:hover .rollover .calculator-action {
    border-color: #0799c9;
    color: #0799c9
}

    .calculator-action:focus:before, .calculator-action.is-selected:before, .calculator-action:hover .rollover .calculator-action:before {
        background-position: -34px -34px;
        width: 16px;
        height: 9px;
        position: absolute;
        top: 50%;
        margin-top: -4.5px
    }

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .calculator-action:focus:before, .calculator-action.is-selected:before, .calculator-action:hover .rollover .calculator-action:before {
        background-position: -34px -34px;
        background-size: 400px auto;
        width: 16px;
        height: 9px;
        margin-top: -4.5px
    }
}

.calculator-action:focus {
    outline: 0
}

.is-open .calculator-action:before {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.calculator-dropdown {
    background-color: #fff;
    -moz-box-shadow: 0 1px 3px 0 rgba(106,106,106,0.1);
    -webkit-box-shadow: 0 1px 3px 0 rgba(106,106,106,0.1);
    box-shadow: 0 1px 3px 0 rgba(106,106,106,0.1);
    display: none;
    left: 50%;
    min-height: 370px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    top: 100%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.calculator-select-size-wrapper .calculator-dropdown {
    background-color: rgba(255,255,255,0.85)
}

.calculator-dropdown.is-wide {
    padding-left: 50px;
    padding-right: 50px;
    width: 100vw
}

.calculator-dropdown:before, .calculator-dropdown:after {
    background-color: rgba(255,255,255,0.85);
    -moz-box-shadow: 0 9px 8px -8px rgba(106,106,106,0.1);
    -webkit-box-shadow: 0 9px 8px -8px rgba(106,106,106,0.1);
    box-shadow: 0 9px 8px -8px rgba(106,106,106,0.1);
    bottom: 0;
    content: '';
    position: absolute;
    top: 0;
    width: 100%
}

.calculator-dropdown:before {
    right: 100%
}

.calculator-dropdown:after {
    left: 100%
}

.calculator-dropdown .slick-arrow {
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    border: 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 0
}

    .calculator-dropdown .slick-arrow:hover {
        opacity: .85
    }

    .calculator-dropdown .slick-arrow:focus {
        outline: none
    }

    .calculator-dropdown .slick-arrow.slick-disabled {
        display: none !important
    }

.calculator-dropdown .slick-prev {
    background-position: -110px -98px;
    width: 40px;
    height: 40px;
    left: 30px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .calculator-dropdown .slick-prev {
        background-position: -168px -144px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

.calculator-dropdown .slick-next {
    background-position: -70px -98px;
    width: 40px;
    height: 40px;
    right: 30px
}

@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .calculator-dropdown .slick-next {
        background-position: -70px -98px;
        background-size: 400px auto;
        width: 40px;
        height: 40px
    }
}

.calculator-dropdown .field-radio {
    display: inline-block;
    font-size: 18px;
    text-transform: none
}

    .calculator-dropdown .field-radio + .price {
        margin-left: 5px
    }

.calculator-dropdown .price {
    color: #0799c9;
    font-weight: 500
}

.calculator-scroll {
    white-space: nowrap
}

.calculator-content {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    white-space: normal
}

    .calculator-content:after {
        content: " ";
        display: block;
        clear: both
    }

.calculator-content-sizes {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    font-size: 18px
}

.calculator-content-notes {
    width: 48.57143%;
    float: right;
    margin-right: 0;
    font-size: 16px;
    display: none
}

    .calculator-content-notes.is-active {
        display: block
    }

.calculator-content-sizes-wrapper {
    width: 446px
}

    .calculator-content-sizes-wrapper:after {
        clear: both;
        content: '';
        display: table;
        height: 0
    }

    .calculator-content-sizes-wrapper .col-1 {
        float: left;
        width: 50%
    }

    .calculator-content-sizes-wrapper .col-2 {
        float: left;
        width: 50%
    }

.calculator-option {
    margin-bottom: 15px
}

.calculator-option-content {
    padding-left: 32px
}

    .calculator-option-content label {
        white-space: nowrap;
        font-size: 11px
    }

        .calculator-option-content label.field-checkbox {
            white-space: normal;
            font-size: 12px;
            line-height: 1.2
        }

.calculator-results {
    border-top: 1px solid #d9dcde;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: right
}

.calculator-label {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin-right: 5px
}

.calculator-price {
    color: #70c907;
    display: inline-block;
    font-size: 36px;
    font-weight: 400;
    vertical-align: middle
}

.calculator-quantity {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    display: inline-block;
    margin-bottom: 0;
    text-align: right;
    width: 50px
}

    .calculator-quantity::-webkit-inner-spin-button {
        display: none
    }

.calculator-fields {
    margin-bottom: 20px
}

.calculator-price-wrapper, .calculator-quantity-wrapper {
    display: inline-block
}

.calculator-price-wrapper {
    text-align: right;
    margin-bottom: -20px;
    position: absolute;
    top: 10px;
    right: 0
}

.calculator-price-message {
    float: right;
    display: none;
    margin-top: 15px;
    max-width: 435px
}

    .calculator-price-message.is-active {
        display: block
    }

.calculator-quantity-wrapper + .calculator-price-wrapper {
    margin-left: 100px
}

.calculator-canvas {
    margin: 30px auto 60px;
    max-width: 621px;
    position: relative
}

.calculator-upload-progress {
    background-color: rgba(37,65,85,0.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

    .calculator-upload-progress::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .calculator-upload-progress .upload-progress-bar {
        display: inline-block;
        vertical-align: middle;
        width: 90%
    }

.calculator-image {
    background: url("/themes/artmill/content/Styles/Images/calculator-canvas.jpg") no-repeat center center;
    background-size: cover;
    -moz-box-shadow: -24px 24px 21px rgba(0,0,0,0.3);
    -webkit-box-shadow: -24px 24px 21px rgba(0,0,0,0.3);
    box-shadow: -24px 24px 21px rgba(0,0,0,0.3);
    display: block;
    padding-bottom: 66.66667%
}

.calculator.have-message {
    padding-bottom: 100px
}

    .calculator.have-message .calculator-price-message {
        max-width: 510px
    }

@media screen and (max-width: 768px) {
    .calculator-price-wrapper {
        top: 17px
    }

    .calculator-select + .calculator-select {
        margin-left: 10px
    }

    .calculator-label {
        font-size: 16px
    }

    .calculator-price {
        font-size: 26px;
        font-weight: 400
    }

    .calculator-price-message {
        margin-top: 20px;
        max-width: 360px
    }
}

@media screen and (max-width: 603px) {
    .calculator {
        position: relative
    }

    .calculator-file-upload {
        display: block;
        margin-top: 15px
    }

    .calculator-toolbar {
        border-top: 1px solid #f3f4f7;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .calculator-price-wrapper {
        margin-top: 10px;
        position: relative;
        top: auto;
        right: auto;
        width: 100%
    }

    .calculator-dropdown {
        overflow-x: hidden
    }

    .calculator .slide-left, .calculator .slide-right {
        display: none
    }

    .calculator-select {
        display: block;
        float: left;
        width: 50%
    }

        .calculator-select + .calculator-select {
            margin-left: 0
        }

        .calculator-select:last-child {
            border-left: 1px solid #f3f4f7
        }

        .calculator-select.is-open {
            background: #fff;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            width: auto;
            z-index: 1
        }

            .calculator-select.is-open .calculator-action {
                border-bottom: 2px solid #0799c9;
                color: #0799c9;
                font-size: 18px;
                font-weight: 500;
                height: 50px;
                padding-left: 20px
            }

                .calculator-select.is-open .calculator-action:before {
                    background: url('Images/icons.png?v=21380a2db7') no-repeat -162px -34px;
                    width: 15px;
                    height: 14px;
                    position: absolute;
                    top: 50%;
                    margin-top: -7px
                }
}

@media only screen and (max-width: 603px) and (min-resolution: 2dppx), screen and (max-width: 603px) and (-webkit-min-device-pixel-ratio: 2) {
    .calculator-select.is-open .calculator-action:before {
        background: url('Images/icons@2x.png?v=66ae6d89ca') no-repeat -162px -34px;
        background-size: 400px auto;
        width: 14.5px;
        height: 14px;
        margin-top: -7px
    }
}

@media screen and (max-width: 603px) {
    .calculator-select.is-open .calculator-dropdown {
        bottom: 0;
        height: auto;
        overflow-y: auto;
        padding: 20px;
        top: 50px
    }

    .calculator-select.is-open .calculator-scroll {
        overflow: visible
    }

    .calculator-select.is-open .calculator-content-sizes, .calculator-select.is-open .calculator-content-notes {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .calculator-select.is-open .calculator-content-sizes {
        margin-bottom: 20px
    }

    .calculator-select.is-open .calculator-content-sizes-wrapper {
        width: auto;
        margin-right: 15px
    }

        .calculator-select.is-open .calculator-content-sizes-wrapper .col-1, .calculator-select.is-open .calculator-content-sizes-wrapper .col-2 {
            float: none;
            width: auto
        }

    .calculator-action {
        border-bottom: 0;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 40px;
        width: 100%
    }

        .calculator-action:before {
            right: 20px
        }

    .calculator-scroll {
        overflow-x: hidden;
        overflow-y: auto;
        white-space: normal
    }

    .calculator-canvas {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .calculator-image {
        -moz-box-shadow: -15px 15px 21px rgba(0,0,0,0.3);
        -webkit-box-shadow: -15px 15px 21px rgba(0,0,0,0.3);
        box-shadow: -15px 15px 21px rgba(0,0,0,0.3)
    }

    .calculator-results {
        text-align: left
    }

    .calculator-quantity-wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%
    }

    .calculator-price-wrapper > div {
        width: 100%
    }

    .calculator-quantity-wrapper {
        margin-bottom: 15px
    }

        .calculator-quantity-wrapper + .calculator-price-wrapper {
            margin-left: 0
        }

    .calculator-price-message {
        text-align: left;
        margin-top: 0;
        max-width: 100%
    }

    .calculator-label {
        float: left
    }

    .calculator-price {
        bottom: 5px;
        position: relative
    }

    .calculator.have-message {
        padding-bottom: 0
    }

        .calculator.have-message .calculator-price-message {
            max-width: 100%
        }
}

.product-radio {
    display: inline-block;
    line-height: 1.5;
    min-height: 328px;
    padding: 25px;
    position: relative;
    text-align: center;
    text-transform: none;
    vertical-align: top;
    white-space: normal;
    width: 260px
}

    .product-radio:hover .product-radio-indicator {
        color: #0799c9
    }

    .product-radio + .product-radio {
        margin-left: 10px
    }

    .product-radio input[type=radio] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

        .product-radio input[type=radio]:checked ~ .product-radio-indicator {
            border-color: #0799c9;
            border-width: 2px
        }

.product-radio-indicator {
    border: 1px solid #d9dcde;
    border-radius: 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.product-radio-image {
    display: block;
    height: 150px;
    margin-left: auto;
    margin-right: auto
}

.product-radio-title {
    display: block;
    font-size: 26px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 10px
}

.success-modal .modal-title {
    color: green
}

.trust-pilot-img {
    /*max-width: 300px;
        width: 90%;*/
    /* border: 1px solid lightsteelblue;*/
    max-width: 175px;
}

@media only screen and (max-width: 600px) {
    .trust-pilot-wrap {
        padding: 0px !important;
        float: right !important;
        width: inherit !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .trust-pilot-img {
        max-width: 150px;
    }
}

@media only screen and (max-width: 950px) and (min-width: 601px) {
    .trust-pilot-wrap {
        padding-left: 245px !important;
        float: right !important;
        width: inherit !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .trust-pilot-img {
        max-width: 150px;
    }
}

.trust-pilot-wrap {
    padding-left: 245px;
    width: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
    float: left;
}