/* custom select styles */

.jcf-select {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #aaa;
    background: #fff;
    margin: 0;
    height: 25px;
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0;
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 10px;
        line-height: 15px;
        margin: 0 22px 0 9px;
        padding: 4px 0;
        color: #797979;
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        background: url(../images/sprites.png) no-repeat -28px -108px;
        width: 13px;
        height: 9px;
        right: 5px;
        top: 50%;
        margin-top: -4px;
    }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0;
    }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #aaa;
}

/* multiple select styles */

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%;
    }

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

        .jcf-list ul li {
            overflow: hidden;
            display: block;
        }

    .jcf-list .jcf-overflow {
        overflow: auto;
    }

    .jcf-list .jcf-option {
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        padding: 5px 9px;
        color: #656565;
        height: 1%;
    }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #aaa !important;
    }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

/* common custom form elements styles */

.jcf-disabled {
    background: #ddd !important;
}

/* custom checkbox styles */

.jcf-checkbox {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 1px solid #777;
    margin: 0 3px 0 0;
    height: 16px;
    width: 16px;
}

    .jcf-checkbox span {
        position: absolute;
        display: none;
        height: 6px;
        width: 10px;
        top: 50%;
        left: 50%;
        margin: -7px 0 0 -6px;
        border: 3px solid #777;
        border-width: 0 0 2px 2px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

:root .jcf-checkbox span {
    margin: -4px 0 0 -5px;
}

.jcf-checkbox input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0;
}

.jcf-checkbox.jcf-checked span {
    display: block;
}

/* custom radio styles */

.jcf-radio {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 1px solid #868686;
    border-radius: 50%;
    margin: -2px 3px 0 0;
    height: 14px;
    width: 14px;
}

    .jcf-radio span {
        display: none;
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        background: #777;
        border-radius: 100%;
    }

    .jcf-radio input[type="radio"] {
        position: absolute;
        height: 100%;
        width: 100%;
        border: 0;
        margin: 0;
        left: 0;
        top: 0;
    }

    .jcf-radio.jcf-checked span {
        display: block;
    }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url("../images/fancybox_loading.gif") center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../images/blank.gif"); /* helps IE */
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

    .fancybox-lock body {
        overflow: hidden !important;
    }

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: #000; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, .8);
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #fff;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

.header-top .add-nav > ul,
.wishlist .product-hold ul,
.search-box ul,
.bottom-bar .add-nav,
#nav .nav,
#nav .add-nav > ul,
.sub-nav .slide,
.cycle-gallery .pager-links ul,
.product-lists,
#sidebar ul,
.inner .review-options,
.inner .description-list,
.inner .nav-bar ul,
.inner .shipping-nav ul,
.update #nav .nav > li.beauty-seen .add-sub-nav,
.breadcrumbs ul,
.page-links ul,
.promo-bar ul,
.pager,
.form-block .row .radio-list,
.shop-holder .information-wrap .wishlist,
.account-info-list,
.sidenav ul,
.map-block .map-legend,
.country-list .country-block .connect,
.map-link,
.social-block,
.social-networks,
.stars,
#footer .add-nav ul,
.footer-nav ul,
.career .twocolumns .top-reasons ul,
.block-inform .list,
.block-subtotal ul,
.join-page .section-content .block .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .clearfix:after,
    .sub-nav .nav-wrap:after,
    #content:after,
    .inner .delivery-form .row-holder:after,
    .update .article-page .pager:after,
    .update .search-holder:after,
    .form-block:after,
    .form-block .row-frame:after,
    .form-block .row:after,
    .form-block .row .radio-list:after,
    .career .twocolumns:after,
    .checkout-page-new .payment-form .row.three-cols .col + .col.last-child:after,
    .checkout-page-new .box-inform:after,
    .block-inform .list:after,
    .fotm-account .row-hold:after,
    .join-page .section-story .heading-box:after,
    .join-page .visual .text-wrap:after,
    .join-page .section:after,
    .join-page .items-list > .item:after,
    .join-page .items-list .columns:after {
        content: "";
        display: block;
        clear: both;
    }

.ellipsis {
    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
    overflow: hidden;
}

#header.empty {
    margin: 0 0 50px;
}

#header .logo-block {
    padding: 18px 0 10px;
    width: 160px;
}

    #header .logo-block:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5%;
        right: 5%;
        content: "";
        background: #fff;
    }

    #header .logo-block > a {
        position: relative;
        z-index: 1;
    }

.header-top {
    position: relative;
    border-bottom: 2px solid #e0e0e0;
}

    .header-top .top-wrap {
        display: none;
    }

    .header-top .left-bar {
        display: table-cell;
        vertical-align: top;
        width: 294px;
    }

    .header-top .right-bar {
        display: table-cell;
        vertical-align: top;
        text-align: right;
        padding: 24px 0 10px;
    }

    .header-top .add-nav {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
    }

        .header-top .add-nav > ul {
            margin: 0 -13px;
            float: right;
        }

            .header-top .add-nav > ul > li {
                float: left;
                font-size: 14px;
                line-height: 28px;
                position: relative;
                padding: 0 8px 0 5px;
                text-transform: capitalize;
                font-family: ggx88light;
            }

                .header-top .add-nav > ul > li + li:before {
                    height: 14px;
                    width: 1px;
                    background: #846a96;
                    left: -2px;
                    top: 50%;
                    margin-top: -6px;
                    position: absolute;
                    content: "";
                }

                .header-top .add-nav > ul > li.wishlist > a {
                    display: block;
                    margin-left: 28px;
                    position: relative;
                    color: #ba0c2f;
                    margin: -2px 0 0;
                }

                    .header-top .add-nav > ul > li.wishlist > a:hover .fa {
                        color: #402640;
                    }

                    .header-top .add-nav > ul > li.wishlist > a .fa {
                        color: #47046a;
                        font-size: 24px;
                        line-height: 1;
                        vertical-align: middle;
                        margin: 0 3px 0 0;
                    }

                .header-top .add-nav > ul > li.wishlist .slide {
                    position: absolute;
                }

                .header-top .add-nav > ul > li.search-box > a {
                    position: relative;
                    color: #ba0c2f;
                    display: block;
                    width: 19px;
                    color: #47046a;
                    font-size: 19px;
                    line-height: 2;
                }

                    .header-top .add-nav > ul > li.search-box > a:hover {
                        color: #402640;
                    }

            .header-top .add-nav > ul a {
                text-decoration: none;
            }

                .header-top .add-nav > ul a:hover {
                    text-decoration: underline;
                }

.wishlist {
    color: #000;
}

    .wishlist .slide {
        text-transform: none;
        background: #fff;
        padding: 17px 7px 8px;
        z-index: 9;
        right: -36px;
        text-align: center;
    }

    .wishlist .slide-hold {
        max-width: 252px;
        margin: 0 auto;
        border: 2px solid #c0c0c0;
        padding: 18px 5px 7px 10px;
    }

    .wishlist .main-title {
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
        position: relative;
        text-transform: none;
        display: block;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }

        .wishlist .main-title:after {
            background: #c3c3c3;
            height: 3px;
            left: 7%;
            right: 4%;
            content: "";
            position: absolute;
            bottom: 0;
        }

    .wishlist .product-hold {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .wishlist .product-hold .img-hold {
            display: table-cell;
            vertical-align: top;
            width: 61px;
            text-align: center;
            padding-top: 5px;
        }

        .wishlist .product-hold .details {
            display: table-cell;
            vertical-align: top;
            padding-left: 9px;
            text-align: left;
            padding-top: 2px;
        }

        .wishlist .product-hold .title {
            display: block;
            font-size: 16px;
            line-height: 19px;
            font-weight: bold;
            color: #000;
        }

        .wishlist .product-hold ul {
            color: #7e7e7e;
            padding-top: 8px;
            padding-bottom: 17px;
        }

            .wishlist .product-hold ul li {
                display: block;
                font-size: 12px;
                line-height: 16px;
            }

                .wishlist .product-hold ul li:last-child {
                    margin-top: 3px;
                }

            .wishlist .product-hold ul a {
                text-transform: uppercase;
                color: #000;
                text-decoration: underline;
            }

                .wishlist .product-hold ul a:hover {
                    text-decoration: none;
                }

    .wishlist .table-data {
        border: 2px solid #cbcaca;
        border-width: 2px 0;
        padding-bottom: 15px;
        font-size: 12px;
        line-height: 16px;
    }

        .wishlist .table-data .row {
            display: table;
            width: 100%;
            padding: 5px 6px 0 1px;
            margin: 0;
        }

            .wishlist .table-data .row + .row {
                padding-top: 3px;
            }

            .wishlist .table-data .row span,
            .wishlist .table-data .row strong {
                display: table-cell;
                vertical-align: top;
                text-align: right;
                width: 65px;
                text-transform: uppercase;
            }

                .wishlist .table-data .row span:first-child,
                .wishlist .table-data .row strong:first-child {
                    padding-right: 10px;
                    text-align: left;
                    width: auto;
                }

    .wishlist .total-data {
        padding: 5px 10px 15px 8px;
        margin-bottom: 8px;
        border-bottom: 2px solid #cbcaca;
    }

        .wishlist .total-data .row {
            display: table;
            width: 100%;
            color: #470a68;
            max-width: none;
        }

            .wishlist .total-data .row span,
            .wishlist .total-data .row strong {
                display: table-cell;
                vertical-align: top;
                width: 65px;
                text-transform: uppercase;
                font-size: 18px;
                line-height: 22px;
                text-align: right;
            }

                .wishlist .total-data .row span:first-child,
                .wishlist .total-data .row strong:first-child {
                    width: auto;
                    text-align: left;
                    padding-right: 5px;
                }

    .wishlist .foot-links a:not(.btn) {
        text-transform: uppercase;
        font-size: 12px;
        line-height: 16px;
        color: #000;
        text-decoration: underline;
    }

        .wishlist .foot-links a:not(.btn):hover {
            text-decoration: none;
        }

    .wishlist .foot-links .btn {
        margin-top: 11px;
        padding: 6px 18px;
    }

.search-box {
    text-align: left;
}

    .search-box .slide {
        z-index: 9;
        width: 100%;
    }

    .search-box .slide-hold {
        background: #fff;
        max-width: 315px;
        padding-top: 6px;
        margin: 0 auto;
    }

    .search-box ul {
        text-transform: none;
    }

        .search-box ul li {
            font-size: 16px !important;
            line-height: 20px !important;
            float: none !important;
        }

            .search-box ul li a {
                display: block;
                overflow: hidden;
                text-decoration: none;
            }

            .search-box ul li .img-hold {
                vertical-align: middle;
                padding: 0 7px;
                text-align: center;
                padding: 7px 0;
                float: right;
                margin-right: 14px;
                width: 54px;
            }

            /*.search-box ul li .img-hold img {
                    max-width: none;
                }*/

            .search-box ul li .text-hold {
                vertical-align: middle;
                text-align: left;
                color: #000;
                padding: 10px 10px 13px 5px;
                float: left;
                width: 225px;
            }

                .search-box ul li .text-hold span {
                    font-weight: bold;
                }

            .search-box ul li + li {
                border-top: 1px solid #d6d6d6;
            }

            .search-box ul li:first-child {
                /*font-size: 16px;
                line-height: 20px;*/
            }

                .search-box ul li:first-child a {
                    text-decoration: underline;
                }

                    .search-box ul li:first-child a:hover {
                        text-decoration: none;
                    }

    .search-box .foot-link {
        padding: 0 10px;
        background: #470a68;
        font-size: 12px;
        line-height: 17px;
        padding: 3px 17px;
        text-align: right;
    }

        .search-box .foot-link a {
            text-transform: uppercase;
            position: relative;
            color: #fff;
        }

            .search-box .foot-link a:after {
                content: "";
                background: url(../images/sprites.png) no-repeat -60px -82px;
                width: 6px;
                height: 14px;
                display: inline-block;
                vertical-align: top;
                margin: 1px 0 1px 6px;
            }

.search-form .field-hold {
    position: relative;
}

.search-form input[type="search"] {
    display: block;
    width: 100%;
    margin: 0;
    height: 46px;
    border: 2px solid #bebebe;
    border-radius: 5px;
    padding: 9px 13px;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    padding-right: 50px;
    box-sizing: border-box;
}

    .search-form input[type="search"]::-webkit-input-placeholder {
        color: #000;
    }

    .search-form input[type="search"]::-moz-placeholder {
        opacity: 1;
        color: #000;
    }

    .search-form input[type="search"]:-moz-placeholder {
        color: #000;
    }

    .search-form input[type="search"]:-ms-input-placeholder {
        color: #000;
    }

    .search-form input[type="search"].placeholder {
        color: #000;
    }

.search-form input[type="submit"] {
    position: absolute;
    right: 22px;
    top: 50%;
    background: url(../images/sprites.png) no-repeat -33px -82px;
    width: 21px;
    height: 20px;
    border: 0;
    margin: -10px 0 0;
    padding: 0;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
}

    .search-form input[type="submit"]:hover {
        opacity: .8;
    }

.bottom-bar .add-nav {
    margin: 0 -9px;
    /*overflow: hidden;*/
    padding: 3px 0;
}

    .bottom-bar .add-nav li {
        float: left;
        font-size: 14px;
        line-height: 18px;
        /*text-transform: uppercase;*/
        padding: 0 9px;
        position: relative;
    }

        .bottom-bar .add-nav li + li:before {
            height: 14px;
            width: 1px;
            background: #846a96;
            left: -2px;
            top: 50%;
            margin-top: -6px;
            position: absolute;
            content: "";
        }

    .bottom-bar .add-nav a {
        text-decoration: none;
    }

        .bottom-bar .add-nav a:hover {
            text-decoration: underline;
        }

.choose-consultant {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    max-width: 294px;
    margin: 0 auto 10px;
    text-align: left;
}

    .choose-consultant .img-hold {
        display: table-cell;
        vertical-align: top;
        width: 53px;
    }

    .choose-consultant .details {
        display: table-cell;
        vertical-align: top;
        padding: 5px 30px 4px 6px;
        color: #470a68;
    }

        .choose-consultant .details .change-btn {
            text-decoration: underline;
        }

            .choose-consultant .details .change-btn:hover {
                text-decoration: none;
            }

        .choose-consultant .details a {
            color: #470a68;
            text-transform: uppercase;
        }

        .choose-consultant .details .slide {
            background: #470a68;
            z-index: 100;
            position: relative;
            top: 4px;
            width: 294px;
            margin-left: -59px;
        }

            .choose-consultant .details .slide .close-btn {
                position: absolute;
                right: 0;
                bottom: 100%;
                width: 23px;
                height: 18px;
                background: #470a68;
                overflow: hidden;
                text-indent: 101%;
                white-space: nowrap;
            }

                .choose-consultant .details .slide .close-btn:hover {
                    background: #670e97;
                }

                .choose-consultant .details .slide .close-btn:after {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    content: "";
                    background: url("../images/sprites.png") no-repeat -16px -82px;
                    width: 11px;
                    height: 10px;
                    margin: -5px 0 0 -5px;
                }

        .choose-consultant .details .slide-hold {
            padding: 28px 14px 14px;
        }

    .choose-consultant .main-title {
        font-size: 14px;
        line-height: 17px;
        display: block;
    }

    .choose-consultant .title {
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 16px;
        color: #ff0000;
        margin-bottom: 15px;
    }



.consultant-form {
    text-align: center;
}

    .consultant-form input[type="text"] {
        display: block;
        width: 100%;
        border: 1px solid #a8a8a8;
        margin: 0 0 16px;
        color: #989898;
        height: 43px;
        font-size: 20px;
        line-height: 27px;
        padding: 7px 6px;
        text-align: left;
    }

        .consultant-form input[type="text"]::-webkit-input-placeholder {
            color: #989898;
        }

        .consultant-form input[type="text"]::-moz-placeholder {
            opacity: 1;
            color: #989898;
        }

        .consultant-form input[type="text"]:-moz-placeholder {
            color: #989898;
        }

        .consultant-form input[type="text"]:-ms-input-placeholder {
            color: #989898;
        }

        .consultant-form input[type="text"].placeholder {
            color: #989898;
        }

    .consultant-form input[type="submit"] {
        background: url(../images/bg-btn.png) no-repeat 2px 3px;
        margin: 0;
        padding: 0;
        border: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        padding: 0 0 0 22px;
    }

        .consultant-form input[type="submit"]:hover {
            opacity: .8;
        }

#nav {
    text-align: center;
    padding: 17px 0 0;
    border-bottom: 2px solid #e0e0e0;
}

    #nav .nav-opener {
        position: absolute;
        width: 40px;
        height: 40px;
        z-index: 99;
        background: rgba(0, 0, 0, .5);
        border-radius: 3px;
        right: 20px;
        top: -90px;
    }

        #nav .nav-opener:before,
        #nav .nav-opener:after,
        #nav .nav-opener span {
            background: #fff;
            border-radius: 4px;
            position: absolute;
            top: 50%;
            left: 25%;
            right: 25%;
            height: 4px;
            margin-top: -2px;
            -webkit-transition: all .2s linear;
            transition: all .2s linear;
        }

        #nav .nav-opener:before,
        #nav .nav-opener:after {
            content: "";
            top: 30%;
        }

        #nav .nav-opener:after {
            top: 70%;
        }

        #nav .nav-opener span {
            overflow: hidden;
            text-indent: 101%;
            white-space: nowrap;
        }

    #nav.nav-active .nav-opener span {
        opacity: 0;
    }

    #nav.nav-active .nav-opener:hover {
        opacity: .9;
    }

    #nav.nav-active .nav-opener:after,
    #nav.nav-active .nav-opener:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        left: 15%;
        right: 15%;
    }

    #nav.nav-active .nav-opener:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav .nav {
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px;
        position: relative;
    }

        #nav .nav > li {
            letter-spacing: 0;
            font-size: 16px;
            line-height: 20px;
            text-transform: uppercase;
            font-family: GGX88Light,Arial, sans-serif;
        }

            #nav .nav > li > a {
                color: #000;
                text-decoration: none;
                display: block;
                padding: 7px;
            }

            #nav .nav > li.hover > a {
                background: #470A68;
                color: #fff;
            }

            #nav .nav > li.hover .sub-nav {
                display: block;
            }

            #nav .nav > li.active > a {
                background: #470A68;
                color: #fff;
            }

            /*#nav .nav > li.last {
                font-weight: bold;
            }*/

            #nav .nav > li.beauty-seen .sub-nav {
                box-shadow: none;
            }

    #nav .add-nav {
        padding: 10px;
    }

        #nav .add-nav > ul {
            text-align: center;
        }

            #nav .add-nav > ul > li {
                font-size: 14px;
                line-height: 18px;
                text-transform: uppercase;
                position: relative;
                display: block;
                margin-bottom: 10px;
            }

                #nav .add-nav > ul > li.wishlist > a {
                    display: block;
                    margin-left: 28px;
                    position: relative;
                    color: #ba0c2f;
                }

                    #nav .add-nav > ul > li.wishlist > a:hover .fa {
                        color: #402640;
                    }

                    #nav .add-nav > ul > li.wishlist > a .fa {
                        color: #47046a;
                        font-size: 24px;
                        line-height: 1;
                        vertical-align: middle;
                        margin: 0 3px 0 0;
                    }

                #nav .add-nav > ul > li.search-box {
                    text-align: center;
                }

                    #nav .add-nav > ul > li.search-box > a {
                        position: relative;
                        color: #ba0c2f;
                        width: 21px;
                        display: inline-block;
                        text-align: center;
                        font-size: 19px;
                        color: #47046a;
                    }

            #nav .add-nav > ul a {
                text-decoration: none;
            }

                #nav .add-nav > ul a:hover {
                    text-decoration: underline;
                }

.sub-nav {
    background: #fff;
    color: #000;
    z-index: 9;
    font-size: 14px;
    line-height: 18px;
    display: none;
    border-top: 2px solid rgba(178, 178, 178, .4);
    padding: 10px 0;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, .5);
}

    .sub-nav.right {
        left: auto;
        right: 0;
    }

    .sub-nav a {
        color: inherit;
    }

        .sub-nav a.opener {
            color: #848484;
            font-size: 20px;
            line-height: 24px;
            text-transform: uppercase;
            text-decoration: underline;
            font-weight: bold;
            cursor: pointer !important;
        }

    .sub-nav .nav-wrap {
        padding-bottom: 13px;
    }

    .sub-nav .shop-btn {
        font-size: 16px;
        line-height: 20px;
        color: #470a68;
        margin-left: 12px;
        letter-spacing: 0;
    }

    .sub-nav .open-close .shop-btn {
        font-size: 14px;
        margin-left: 0px;
        text-decoration: underline;
    }

        .sub-nav .open-close .shop-btn:before {
            left: -10px;
            top: 3px;
            background: none;
        }

    .sub-nav .img-block {
        text-align: left;
        position: relative;
        min-height: 330px;
    }

    .sub-nav .img-block {
        padding: 0 0 10px;
    }


    .sub-nav .sub-nav-footer {
        background: #e4e4e4;
        color: #848484;
        font-size: 32px;
        line-height: 34px;
        /*font-style: italic;*/
        font-family: "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
        padding: 7px 8px 12px;
        text-align: center;
        text-transform: none;
    }

.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}

.fancybox-skin {
    border: 1px solid #959595;
}

.fancybox-inner {
    overflow: hidden !important;
}

.fancybox-close:hover {
    opacity: .9;
}

.modal #header {
    margin: 0 0 50px;
}

.signin-form {
    text-align: center;
}

    .signin-form .title {
        font-size: 18px;
        line-height: 22px;
        color: #000;
        display: block;
        margin: 0 0 18px;
    }

    .signin-form .input-group {
        letter-spacing: -5px;
        margin: 0 -6px 18px;
        display: block;
    }

    .signin-form .col {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        letter-spacing: 0;
        padding: 0 6px;
    }

    .signin-form input[type="text"],
    .signin-form input[type="password"] {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        padding: 8px 6px;
        margin: 0;
        border: 1px solid #959595;
        background: none;
        color: #959595;
    }

        .signin-form input[type="text"]::-webkit-input-placeholder,
        .signin-form input[type="password"]::-webkit-input-placeholder {
            color: #959595;
        }

        .signin-form input[type="text"]::-moz-placeholder,
        .signin-form input[type="password"]::-moz-placeholder {
            opacity: 1;
            color: #959595;
        }

        .signin-form input[type="text"]:-moz-placeholder,
        .signin-form input[type="password"]:-moz-placeholder {
            color: #959595;
        }

        .signin-form input[type="text"]:-ms-input-placeholder,
        .signin-form input[type="password"]:-ms-input-placeholder {
            color: #959595;
        }

        .signin-form input[type="text"].placeholder,
        .signin-form input[type="password"].placeholder {
            color: #959595;
        }

    .signin-form input[type="submit"] {
        display: block;
        max-width: 200px;
        margin: 0 auto 18px;
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        border-style: none;
        background: #470a68;
        text-transform: uppercase;
        text-align: center;
        padding: 8px 7px 7px;
        min-width: 130px;
        white-space: normal;
    }

        .signin-form input[type="submit"]:hover {
            background: #5c1685;
        }

.modal-link {
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #a385b4;
    box-shadow: inset 0 -1px 0 #d1c2d9;
    color: #470a68;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

    .modal-link:hover {
        opacity: .8;
        text-decoration: none;
    }

.cycle-gallery {
    position: relative;
    /*overflow: hidden;*/
}

    .cycle-gallery .mask {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    /*.cycle-gallery .slideset {
        float: left;
        width: 99999px;
    }

    .cycle-gallery .slide {
        float: left;
    }*/

    .cycle-gallery .slide:active {
        z-index: 1;
    }


    .cycle-gallery .pager-links ul {
        letter-spacing: -4px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        .cycle-gallery .pager-links ul li {
            display: inline-block;
            vertical-align: top;
            letter-spacing: 0;
            opacity: .45;
            filter: alpha(opacity=45);
            margin: 6px 7px;
        }

            .cycle-gallery .pager-links ul li a {
                display: block;
                width: 19px;
                height: 22px;
                background: url(../images/sprites.png) no-repeat -47px 0;
                overflow: hidden;
                text-indent: 101%;
                white-space: nowrap;
            }

            .cycle-gallery .pager-links ul li.active,
            .cycle-gallery .pager-links ul li:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }





.intro-block .intro-content .sub-title {
    font: 50px/90px "Mistral";
    display: block;
    color: #eb132b;
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
    margin-bottom: 31px;
}

.intro-block h1 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-family: "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
}

    .intro-block h1 span,
    .intro-block h1 strong {
        display: block;
        font-weight: normal;
    }

    .intro-block h1 span {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 8px;
    }

        .intro-block h1 span:first-child {
            font-size: 55px;
            line-height: 1;
            margin-bottom: 7px;
        }

    .intro-block h1 strong {
        font-size: 70px;
        line-height: 1;
    }





.featured-block {
    padding: 30px 0 26px;
}

    .featured-block .two-cols {
        overflow: hidden;
        margin: 0 -15px;
        padding: 0 19px;
    }

        .featured-block .two-cols .column {
            text-align: center;
            padding-bottom: 20px;
        }

        .featured-block .two-cols .img-hold {
            margin-bottom: 19px;
            border: 2px solid #a2a2a2;
        }

    .featured-block h2 {
        text-align: center;
        line-height: 1.1;
        text-transform: uppercase;
        color: #000;
        font-weight: normal;
    }

    .featured-block .btn-hold {
        text-align: center;
    }

.video-block {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 12px 0 3px;
}

    .video-block .container {
        max-width: 1356px;
    }

    .video-block h2 {
        text-transform: uppercase;
        font-size: 22px;
        line-height: 1.1;
        margin: 0 0 15px;
        font-family: 'ggx88book', Arial, sans-serif;
        font-weight: normal;
    }

    .video-block .two-cols {
        overflow: hidden;
        margin: 0 -15px;
        padding: 0 19px;
    }

        .video-block .two-cols .column {
            text-align: center;
            padding-bottom: 20px;
            position: relative;
        }

        .video-block .two-cols .img-hold {
            margin-bottom: 30px;
        }

    .video-block .video-hold {
        background: #000;
        margin-bottom: 30px;
    }

    .video-block .title {
        font-family: 'ggx88book', Arial, sans-serif;
        text-transform: uppercase;
        display: block;
        font-size: 20px;
        line-height: 1.1;
    }

    .video-block .main-title {
        text-transform: uppercase;
        font-size: 20px;
        line-height: 1.1;
        margin: 0 0 25px;
        display: block;
        font-family: 'ggx88book', Arial, sans-serif;
    }

    .video-block .product-col {
        overflow: hidden;
    }

        .video-block .product-col .detail {
            font-size: 18px;
            line-height: 21px;
            display: block;
            font-family: 'ggx88book', Arial, sans-serif;
        }

            .video-block .product-col .detail del {
                color: #f10b0b;
            }

.jafra-world {
    padding: 32px 0 12px;
}

    .jafra-world .header {
        text-align: center;
        padding-bottom: 40px;
    }

        .jafra-world .header .logo-hold {
            margin-bottom: 10px;
        }

    .jafra-world .social-block li {
        margin: 0 10px 5px;
    }

    .jafra-world article {
        display: table;
        width: 100%;
        table-layout: fixed;
        text-align: center;
        font-size: 16px;
        line-height: 19px;
        color: #7b7a7a;
    }

        .jafra-world article + article {
            margin-top: 17px;
            padding-top: 29px;
            border-top: 2px solid #dedede;
        }

        .jafra-world article .detail {
            padding: 15px 10px;
        }

        .jafra-world article .title {
            display: block;
            line-height: 20px;
            text-transform: uppercase;
            color: #838383;
            margin-bottom: 12px;
            font-weight: bold;
        }

        .jafra-world article h4 {
            font-size: 16px;
            line-height: 1;
            margin: 0 0 9px;
            color: #000;
            text-transform: uppercase;
            font-weight: 500;
            word-wrap: break-word;
        }

            .jafra-world article h4 a {
                color: #000;
            }

        .jafra-world article p {
            margin-bottom: 11px;
        }

    .jafra-world .three-cols {
        overflow: hidden;
        margin: 0 -15px;
    }

        .jafra-world .three-cols .col {
            padding: 0 15px;
        }

    .jafra-world .col-middle {
        position: relative;
    }

        .jafra-world .col-middle:before,
        .jafra-world .col-middle:after {
            content: "";
            position: absolute;
            left: 6px;
            top: 5px;
            bottom: 0;
            width: 2px;
            background: #dcdcdc;
        }

        .jafra-world .col-middle:before {
            display: none;
        }

        .jafra-world .col-middle .detail {
            padding: 0 10px !important;
        }

        .jafra-world .col-middle:after {
            left: auto;
            right: 6px;
            display: none;
        }

        .jafra-world .col-middle article {
            display: block;
            padding-top: 36px;
            padding-bottom: 18px;
        }

            .jafra-world .col-middle article .img-hold,
            .jafra-world .col-middle article .detail {
                display: block;
                width: auto;
            }

            .jafra-world .col-middle article .img-hold {
                margin-bottom: 29px;
            }

.product-lists {
    letter-spacing: -4px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin: 0 -30px;
}

    .product-lists .img-wrap {
        position: relative;
        min-height: 300px;
        margin-bottom: 15px;
    }

        .product-lists .img-wrap img {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
        }

    .product-lists .title {
        min-height: 48px;
        line-height: 24px;
        display: block;
        font-family: 'ggx88light', Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
        /*text-transform:lowercase;*/
    }
    /*.product-lists .title:first-letter {
		text-transform:uppercase;
	}*/

    .product-lists .price {
        position: relative;
        z-index: 1;
        display: block;
    }

    .product-lists .btn {
        position: relative;
        z-index: 1;
    }

    .product-lists > li {
        width: 290px;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        font-size: 22px;
        text-align: center;
        line-height: 22px;
        color: #000;
        font-weight: bold;
        padding: 0 30px 85px;
    }

        .product-lists > li del {
            color: #d51928;
            font-weight: normal;
        }

#sidebar {
    display: none;
}

    #sidebar .title {
        display: block;
        text-transform: uppercase;
        color: #9b9a99;
        font-size: 22px;
        line-height: 26px;
        font-weight: bold;
        margin-bottom: 16px;
    }

    #sidebar ul {
        padding-left: 9px;
    }

        #sidebar ul li {
            font-size: 19px;
            line-height: 26px;
            font-weight: normal;
            color: #000;
            text-transform: capitalize;
        }

            #sidebar ul li a {
                color: inherit;
                text-decoration: none;
            }

                #sidebar ul li a:hover {
                    text-decoration: underline;
                }

#content {
    padding-top: 12px;
}

.product-article {
    padding-top: 12px;
    padding-bottom: 16px;
}

    .product-article .inner-hold {
        position: relative;
        border: 2px solid #999;
        padding: 5px;
        text-align: center;
    }

        .product-article .inner-hold img {
            vertical-align: top;
            height: auto;
            max-width: 100%;
        }

    .product-article .description {
        color: #000;
        padding-top: 20px;
        font-size: 18px;
        line-height: 31px;
        padding-bottom: 20px;
    }

        .product-article .description h2 {
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 36px;
            line-height: 40px;
            color: #999;
            margin: 0 0 13px;
        }

        .product-article .description p {
            margin: 0;
        }

            .product-article .description p + p {
                margin-top: 32px;
            }

.inner .main-holder h1 {
    font: bold 30px/34px "didot_regular", Times, serif;
    text-transform: uppercase;
    margin: 0 0 27px;
    padding: 0 0 5px;
    position: relative;
}

    .inner .main-holder h1:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 9999px 0 0;
        margin: 0 -9999px 0 0;
        width: 100%;
        height: 1px;
        background: #bfbfbf;
    }

.inner #content {
    display: block;
}

.inner .choose-consultant .details {
    font-size: 14px;
    line-height: 17px;
}

.inner .choose-consultant .main-title span {
    display: block;
}

.inner .seprator-hold.pull-up {
    /*margin: -26px 0 28px;*/
}

.inner #nav .nav > li {
    margin: 0 1px;
}

.inner .breadcrumbs ul {
    padding: 7px 5px;
}

    .inner .breadcrumbs ul li {
        /*font-weight: 600;*/
    }

        .inner .breadcrumbs ul li.active {
            color: #000;
            border-style: none;
        }

            .inner .breadcrumbs ul li.active span {
                border-bottom: 1px solid #404040;
            }

            .inner .breadcrumbs ul li.active:after {
                content: "";
            }

            .inner .breadcrumbs ul li.active:before {
                content: ">";
                display: inline-block;
                margin: 0 6px 0 -2px;
                vertical-align: top;
            }

        .inner .breadcrumbs ul li + li a:before {
            content: ">";
            display: inline-block;
            margin: 0 6px 0 -2px;
            vertical-align: top;
        }

        .inner .breadcrumbs ul li a {
            color: #999;
        }

            .inner .breadcrumbs ul li a:hover {
                text-decoration: none;
                color: #000;
            }

                .inner .breadcrumbs ul li a:hover:before {
                    border-color: #404040;
                }

                .inner .breadcrumbs ul li a:hover span {
                    border-color: #404040;
                }

            .inner .breadcrumbs ul li a:after {
                margin: 0;
                content: "";
            }

        .inner .breadcrumbs ul li span {
            border-bottom: 1px solid #b3b3b3;
        }

.inner .promo-bar ul {
    text-align: left;
    overflow: hidden;
}

    .inner .promo-bar ul li {
        margin: 5px;
    }

.inner .product-article {
    padding: 30px 0 0;
}

    .inner .product-article .img-hold {
        text-align: center;
    }

        .inner .product-article .img-hold .product {
            margin: 0 auto 42px;
            /*max-width: 130px;*/
        }

        .inner .product-article .img-hold .help-text {
            display: block;
            font-size: 14px;
            line-height: 18px;
            color: #000103;
            padding: 15px 5px 5px;
            font-weight: bold;
        }

        .inner .product-article .img-hold .add-to {
            font-size: 18px;
            line-height: 22px;
            font-weight: bold;
            color: #000103;
            display: inline-block;
            vertical-align: top;
            text-decoration: underline;
        }

            .inner .product-article .img-hold .add-to:hover {
                text-decoration: none;
            }

    .inner .product-article .description .image-holder {
        margin: 0 0 28px;
    }

    .inner .product-article .description p {
        margin: 0 0 20px;
    }

    .inner .product-article .description .social-block li {
        margin: 0 6px 10px;
    }

.inner .stars {
    text-align: left;
    padding: 11px 0 0;
}

    .inner .stars li {
        padding: 0 1px 0 0;
    }

        .inner .stars li a {
            background-position: -50px -127px;
            width: 20px;
            height: 19px;
        }

        .inner .stars li.unrated a {
            background-position: -75px -127px;
        }

.inner .share-holder {
    overflow: hidden;
}

.inner .review-options {
    letter-spacing: -5px;
    padding: 0 3px;
}

    .inner .review-options li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        font-size: 16px;
        line-height: 20px;
    }

        .inner .review-options li + li:before {
            content: "|";
            margin: 0 6px;
            display: inline-block;
            vertical-align: top;
        }

        .inner .review-options li a {
            color: #306;
            text-decoration: none;
        }

            .inner .review-options li a:hover {
                color: #60c;
            }

.inner .heading {
    text-align: center;
}

    .inner .heading h2 {
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding: 0 0 20px;
        margin: 0;
    }

        .inner .heading h2:after {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            background: url(../images/seprator02.png) no-repeat;
            background-size: 100% auto;
            width: 100%;
            height: 21px;
        }

    .inner .heading > img {
        width: 100%;
        max-width: 964px;
    }

.inner h1 {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin: 0 0 8px;
    text-transform: capitalize;
}

.inner h2 {
    font: 22px/26px "didot_headlinebold", Times, serif;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 20px;
}

.inner h3 {
    font-size: 20px;
    line-height: 24px;
    /*text-transform: uppercase;*/
    color: #020202;
    font-weight: normal;
    margin: 0 0 17px;
}

.inner .review-count {
    font-size: 13px;
    line-height: 17px;
    text-transform: none;
    display: block;
}

.inner .description-list {
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 56px;
}

    .inner .description-list li {
        margin: 0 0 7px;
    }

        .inner .description-list li.price {
            font-size: 26px;
            line-height: 30px;
            font-weight: bold;
        }

        .inner .description-list li s {
            color: black;
            font-weight: normal;
            text-decoration: line-through;
            /*margin: 0 11px;*/
        }

.inner .delivery-form .row-holder {
    margin: 0 0 11px;
}

    .inner .delivery-form .row-holder + .row-holder {
        margin: 0;
    }

.inner .delivery-form .row {
    margin: 0 0 5px;
    position: relative;
}

.inner .delivery-form label {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: bold;
    margin: 0 0 1px;
}

.inner .delivery-form #qty + .jcf-select {
    width: 66px;
}

    .inner .delivery-form #qty + .jcf-select .jcf-select-text {
        font-size: 26px;
        line-height: 30px;
        padding: 6px 0 0;
    }

.inner .delivery-form .custom-select {
    display: inline-block;
    vertical-align: top;
    min-width: 110px;
}

.inner .delivery-form .auto-delivery {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 15px;
}

    .inner .delivery-form .auto-delivery .slide {
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: -1px;
        background: #fff;
        border: 3px solid #306;
        border-radius: 3px 5px 5px;
        padding: 34px 5px 5px 5px;
        z-index: 1;
        width: 100%;
    }

        .inner .delivery-form .auto-delivery .slide .row-holder {
            margin-bottom: 13px;
        }

            .inner .delivery-form .auto-delivery .slide .row-holder + .row-holder {
                margin-bottom: 0;
            }

        .inner .delivery-form .auto-delivery .slide .btn {
            margin: 2px 0 0 4%;
            padding: 9px 4px;
            background: #3e0f59;
        }

            .inner .delivery-form .auto-delivery .slide .btn:hover {
                background: #6c1a9a;
            }

        .inner .delivery-form .auto-delivery .slide .close {
            overflow: hidden;
            text-indent: 101%;
            white-space: nowrap;
            width: 34px;
            height: 34px;
            position: absolute;
            top: -7px;
            right: -9px;
            background: #e1e2e3;
            border-radius: 50%;
            border: 3px solid #3e0f59;
            opacity: 1;
        }

            .inner .delivery-form .auto-delivery .slide .close:hover {
                opacity: .8;
            }

            .inner .delivery-form .auto-delivery .slide .close:after {
                content: "";
                position: absolute;
                top: 6px;
                left: 4px;
                background: url(../images/sprites.png) -216px -130px;
                width: 17px;
                height: 16px;
            }

        .inner .delivery-form .auto-delivery .slide .help {
            overflow: hidden;
            text-indent: 101%;
            white-space: nowrap;
            display: inline-block;
            vertical-align: top;
            background: url(../images/sprites.png) -180px -131px;
            width: 15px;
            height: 15px;
        }

            .inner .delivery-form .auto-delivery .slide .help:hover {
                opacity: .8;
            }

    .inner .delivery-form .auto-delivery .select-holder {
        width: 72px;
        height: 46px;
        border: 1px solid #666;
        float: left;
        margin: 0 4px 0 0;
        letter-spacing: -5px;
    }

        .inner .delivery-form .auto-delivery .select-holder label {
            font-size: 14px;
            line-height: 18px;
            display: inline-block;
            vertical-align: top;
            margin: 0;
            font-weight: normal;
            width: 37px;
            padding: 14px 2px 0 5px;
            text-transform: none;
            overflow: hidden;
            max-height: 34px;
            letter-spacing: 0;
        }

        .inner .delivery-form .auto-delivery .select-holder .jcf-select {
            width: 29px;
            height: 44px;
            border-style: none;
        }

            .inner .delivery-form .auto-delivery .select-holder .jcf-select .jcf-select-text {
                margin: 0 15px 0 0;
                font-size: 14px;
                line-height: 18px;
                padding: 14px 0 0;
                letter-spacing: 0;
            }

            .inner .delivery-form .auto-delivery .select-holder .jcf-select .jcf-select-opener {
                background-position: -63px -151px;
                width: 12px;
                height: 15px;
                right: 4px;
                margin-top: -7px;
            }

    .inner .delivery-form .auto-delivery .check-list {
        border: 1px solid #ccc;
        padding: 5px 1% 8px 2.6%;
        letter-spacing: -5px;
        overflow: hidden;
    }

        .inner .delivery-form .auto-delivery .check-list label {
            font-size: 12px;
            line-height: 15px;
            font-weight: normal;
        }

        .inner .delivery-form .auto-delivery .check-list .jcf-checkbox {
            display: inline-block;
            vertical-align: middle;
            width: 12px;
            height: 12px;
            background: #99999f;
            border-radius: 4px;
            border-color: #919197;
            margin: 0 5px 0 0;
            letter-spacing: 0;
        }

            .inner .delivery-form .auto-delivery .check-list .jcf-checkbox span {
                border-style: none;
                background: url(../images/sprites.png) no-repeat -143px -138px;
                width: 8px;
                height: 8px;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                margin: -4px 0 0 -4px;
            }

        .inner .delivery-form .auto-delivery .check-list .check-description {
            display: inline-block;
            vertical-align: middle;
            width: 90.9%;
            letter-spacing: 0;
        }

    .inner .delivery-form .auto-delivery .shipping-months .jcf-select {
        max-width: 62px;
        width: 100%;
        height: 16px;
        border: 1px solid #d9d9d9;
        border-bottom-color: #bababa;
        border-radius: 6px;
    }

    .inner .delivery-form .auto-delivery .shipping-months .jcf-select-text {
        font-size: 9px;
        line-height: 14px;
        padding: 0;
        margin-right: 14px;
    }

    .inner .delivery-form .auto-delivery .shipping-months .jcf-select-opener {
        background-position: -80px -151px;
        width: 13px;
        height: 15px;
        right: 0;
        margin-top: -7px;
    }

.inner .delivery-form .jcf-select {
    display: inline-block;
    vertical-align: top;
    width: 89px;
    height: 48px;
    border: 2px solid #e1e1e1;
}

    .inner .delivery-form .jcf-select .jcf-select-text {
        font-size: 18px;
        line-height: 22px;
        color: #000;
        margin: 0 28px 0 6px;
        padding: 12px 0;
    }

    .inner .delivery-form .jcf-select .jcf-select-opener {
        background-position: -103px -132px;
        width: 20px;
        height: 14px;
        right: 5px;
        margin-top: -7px;
    }

.inner .delivery-form .btn {
    background: #306;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 13px 8px;
    min-width: 150px;
    max-width: 300px;
}

    .inner .delivery-form .btn:hover {
        background: #60c;
    }

.inner .jcf-list .jcf-option {
    white-space: normal;
}

.inner .columns-holder {
    letter-spacing: -5px;
}

    .inner .columns-holder .figure {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        margin: 0 8px 16px;
        width: 182px;
    }

    .inner .columns-holder .image-holder {
        min-height: 179px;
        width: 182px;
        white-space: nowrap;
        border: 2px solid #949494;
        text-align: center;
    }

        .inner .columns-holder .image-holder:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 179px;
            overflow: hidden;
        }

        .inner .columns-holder .image-holder img {
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
        }

    .inner .columns-holder figcaption {
        font-size: 23px;
        line-height: 27px;
        text-transform: uppercase;
        padding: 20px 5px 0;
    }

        .inner .columns-holder figcaption a {
            color: #000103;
            text-decoration: none;
        }

            .inner .columns-holder figcaption a:hover {
                color: #003db5;
            }

.inner .nav-bar {
    padding: 33px 5px 13px;
    max-width: 964px;
    margin: 0 auto;
}

    .inner .nav-bar ul {
        letter-spacing: -5px;
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
    }

        .inner .nav-bar ul li {
            display: inline-block;
            vertical-align: top;
            letter-spacing: 0;
        }

            .inner .nav-bar ul li.active a,
            .inner .nav-bar ul li a:hover {
                color: #000;
            }

            .inner .nav-bar ul li + li:before {
                content: "|";
                display: inline-block;
                vertical-align: top;
                margin: 0 10px;
                color: #aeaeae;
            }

            .inner .nav-bar ul li a {
                text-decoration: none;
                color: #aeaeae;
            }

.inner .review-holder {
    color: #7b7a7a;
    font-weight: bold;
    overflow: hidden;
    margin: 0 0 30px;
}

    .inner .review-holder .row {
        overflow: hidden;
        margin: 0 0 46px;
    }

    .inner .review-holder .meta {
        font-size: 17px;
        line-height: 20px;
        font-weight: bold;
        color: #717171;
        margin: 0 0 30px;
    }

        .inner .review-holder .meta address {
            margin: 0;
        }

        .inner .review-holder .meta .stars {
            padding: 7px 0 0;
        }

            .inner .review-holder .meta .stars li {
                padding: 0 3px 0 0;
            }

        .inner .review-holder .meta a {
            display: inline-block;
            vertical-align: top;
            text-transform: capitalize;
            color: #020202;
            text-decoration: none;
            margin: 0 0 5px;
        }

            .inner .review-holder .meta a:hover {
                color: #282828;
            }

        .inner .review-holder .meta address {
            font-style: normal;
        }

    .inner .review-holder .stars li.unrated a {
        background-position: -143px -151px;
    }

    .inner .review-holder .stars li a {
        background-position: -103px -151px;
        width: 26px;
        height: 25px;
    }

    .inner .review-holder p {
        margin: 0 0 2px;
    }

    .inner .review-holder .pager {
        float: right;
        margin: 0 6.7% 0 0;
        padding: 0 3px 7px;
    }


.inner #footer .add-nav ul li {
    line-height: 30px;
}

    .inner #footer .add-nav ul li span {
        display: inline-block;
        vertical-align: top;
    }

    .inner #footer .add-nav ul li .copyright-mark {
        font-size: 30px;
        line-height: 30px;
    }

.inner .shipping-nav {
    margin: 0 0 20px;
    text-align: center;
}

    .inner .shipping-nav ul {
        letter-spacing: -5px;
        margin: 0 -5px;
    }

        .inner .shipping-nav ul li {
            display: inline-block;
            vertical-align: top;
            letter-spacing: 0;
            padding: 0 5px;
        }

            .inner .shipping-nav ul li + li {
                border: 4px solid #b8b7b7;
                border-width: 0 0 0 2px;
            }

            .inner .shipping-nav ul li.active a,
            .inner .shipping-nav ul li a:hover {
                color: #000;
            }

            .inner .shipping-nav ul li h1 {
                font-family: Arial, Helvetica, sans-serif;
                margin: 0;
                padding: 0;
                font-size: 14px;
                line-height: 14px;
            }

                .inner .shipping-nav ul li h1:after {
                    background: none;
                }

            .inner .shipping-nav ul li a {
                color: #b8b7b7;
                text-decoration: none;
            }

.inner .shopping-details {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #7e7e7e;
}

    .inner .shopping-details h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 11px;
    }

    .inner .shopping-details p {
        margin: 0 0 7px;
    }

    .inner .shopping-details .text-optional {
        font-size: 17px;
        line-height: 20px;
        text-transform: capitalize;
        color: #929292;
    }

    .inner .shopping-details label {
        font-size: 12px;
        line-height: 16px;
        color: #000;
        text-transform: capitalize;
        display: block;
        font-weight: bold;
        margin: 0 0 4px;
    }

    .inner .shopping-details input[type="text"],
    .inner .shopping-details input[type="tel"],
    .inner .shopping-details input[type="password"] {
        width: 100%;
        border-color: #9c9c9c;
        color: #000;
        height: 31px;
    }

    .inner .shopping-details .jcf-select {
        border-color: #e4e4e4;
        border-radius: 3px;
        background: #f2f2f2;
        height: 32px;
    }

        .inner .shopping-details .jcf-select .jcf-select-text {
            font-size: 13px;
            line-height: 13px;
            color: #000;
            text-transform: uppercase;
            padding: 9px 0 7px;
            margin: 0 16px 0 7px;
        }

        .inner .shopping-details .jcf-select .jcf-select-opener {
            background-position: -60px -187px;
            width: 11px;
            height: 18px;
            margin-top: -9px;
        }

.inner .address-holder {
    position: relative;
}

.inner .address-form {
    margin: 0 0 10px;
}

    .inner .address-form + .address-form h2 {
        margin-bottom: 8px;
    }

    .inner .address-form .destination-holder {
        letter-spacing: -5px;
        margin: 0 0 14px;
    }

        .inner .address-form .destination-holder label {
            display: inline-block;
            vertical-align: top;
            padding: 5px 10px 0 0;
            letter-spacing: 0;
        }

        .inner .address-form .destination-holder input[type="text"] {
            display: inline-block;
            vertical-align: top;
            letter-spacing: 0;
            width: 200px;
            border-style: none;
            font-size: 12px;
            color: #7e7e7e;
            height: auto;
        }

    .inner .address-form .row {
        letter-spacing: -5px;
        margin: 0 -10px 14px;
    }

    .inner .address-form .col {
        letter-spacing: 0;
        display: inline-block;
        vertical-align: top;
        width: 49%;
        padding: 0 10px;
    }

        .inner .address-form .col + .col {
            width: 51%;
        }

    .inner .address-form .checklist-holder {
        margin: 0 0 16px;
    }

        .inner .address-form .checklist-holder label {
            color: #7e7e7e;
            text-transform: none;
            overflow: hidden;
            padding: 5px 0 0;
        }

    .inner .address-form .checklist-row {
        overflow: hidden;
        margin: 0 0 3px;
    }

    .inner .address-form .jcf-checkbox {
        float: left;
        width: 21px;
        height: 20px;
        border-color: #9c9c9c;
        margin: 0 7px 0 0;
    }

        .inner .address-form .jcf-checkbox span {
            height: 6px;
            width: 12px;
            margin: -4px 0 0 -6px;
        }

.inner .seperator {
    height: 2px;
    background: #c3c3c3;
    margin: 0 0 24px;
}

.inner .shipping-holder {
    margin: 0 0 27px;
}

    .inner .shipping-holder h2 {
        margin: 0 0 15px;
    }

    .inner .shipping-holder .options-holder {
        width: 100%;
    }

    .inner .shipping-holder label {
        display: block;
        vertical-align: top;
        width: 100%;
        border: 1px solid #9c9c9c;
        padding: 5px;
    }

        .inner .shipping-holder label.jcf-label-active {
            border-color: #000;
        }

        .inner .shipping-holder label .title {
            font-size: 12px;
            line-height: 16px;
            text-transform: capitalize;
            display: block;
            color: #000;
        }

        .inner .shipping-holder label .disclaimer {
            font-size: 12px;
            line-height: 14px;
            display: block;
            color: #4b4b4b;
        }

            .inner .shipping-holder label .disclaimer span {
                display: block;
            }

    .inner .shipping-holder .jcf-radio {
        display: none;
    }

.inner .consultant-holder {
    border: 1px solid #a9a9a9;
    padding: 5px;
    margin: 0 0 27px;
}

    .inner .consultant-holder h2 {
        text-transform: none;
        margin-bottom: 8px;
    }

    .inner .consultant-holder + .seperator {
        margin-bottom: 20px;
    }

.inner .consultant-profile {
    margin: 0 0 20px;
}

.inner .consultant-block {
    overflow: hidden;
}

    .inner .consultant-block .image-holder {
        float: left;
        width: 113px;
        margin: 0 6px 13px 0;
    }

    .inner .consultant-block dl {
        overflow: hidden;
        margin: 0;
        color: #000;
    }

    .inner .consultant-block dt {
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin: 0 1px 0 0;
    }

    .inner .consultant-block dd {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
    }

.inner .new-consultant-form {
    letter-spacing: 0;
    margin: 0 0 10px;
    text-align: center;
}

    .inner .new-consultant-form h2 {
        margin-bottom: 11px;
    }

    .inner .new-consultant-form .row {
        letter-spacing: -5px;
        margin: 0 4%;
    }

        .inner .new-consultant-form .row + .row {
            margin: 20px 4% 11px;
        }

    /*.inner .new-consultant-form label {
        letter-spacing: 0;
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        color: #7e7e7e;
        padding: 11px 10px 0 4px;
        max-width: 170px;
    }*/

    .inner .new-consultant-form label {
        letter-spacing: 0;
        display: block;
        vertical-align: top;
        font-size: 12px;
        line-height: 18px;
        color: #7e7e7e;
    }

    .inner .new-consultant-form input[type="text"] {
        display: inline-block;
        vertical-align: top;
        width: 80%;
        margin: 0;
        border-color: #9c9c9c;
        height: 28px;
        padding: 5px;
    }

    .inner .new-consultant-form input[type="submit"] {
        background: #3d1256;
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        width: auto;
        height: auto;
        white-space: normal;
        padding: 7px;
        min-width: 167px;
        border-style: none;
    }

        .inner .new-consultant-form input[type="submit"]:hover {
            background: #5c1685;
        }

.inner .payment-form {
    margin: 0 0 5px;
}

    .inner .payment-form + .seperator {
        margin-bottom: 18px;
    }

    .inner .payment-form h2 {
        margin-bottom: 15px;
    }

    .inner .payment-form .jcf-select {
        height: 34px;
    }

    .inner .payment-form .controls-holder {
        padding: 15px 0;
    }

    .inner .payment-form .row {
        letter-spacing: -5px;
        margin: 0 0 17px;
    }

        .inner .payment-form .row.three-cols .col {
            width: 32.53%;
        }

            .inner .payment-form .row.three-cols .col + .col {
                padding: 0 0 0 15px;
                width: 27%;
            }

                .inner .payment-form .row.three-cols .col + .col.last-child {
                    width: 40%;
                    padding-left: 11px;
                }

        .inner .payment-form .row.three-cols input[type="text"] {
            display: inline-block;
            vertical-align: top;
            width: 48%;
        }

        .inner .payment-form .row p {
            margin: 0 6px 2px;
        }

        .inner .payment-form .row .col {
            letter-spacing: 0;
            display: inline-block;
            vertical-align: top;
            width: 100%;
        }

            .inner .payment-form .row .col + .col {
                padding: 10px 0 0;
            }

    .inner .payment-form input[type="text"] {
        height: 35px;
    }

    .inner .payment-form .hint {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background: url(../images/sprites.png) no-repeat 0 -179px;
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: top;
        margin: 3px 6px 0;
    }

        .inner .payment-form .hint:hover {
            text-decoration: none;
            opacity: .8;
        }

.inner .account-form .row {
    letter-spacing: -5px;
    margin: 0 -10px 10px;
}

    .inner .account-form .row p {
        margin: 0;
    }

    .inner .account-form .row .col {
        letter-spacing: 0;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 0 10px;
    }

        .inner .account-form .row .col + .col {
            padding-top: 10px;
        }

.inner .account-form label {
    font-size: 13px;
}

.inner .account-form .form-controls {
    padding: 44px 0 0;
}

.inner .calculator-form {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    overflow: hidden;
    border: 1px solid #c3c3c3;
    border-width: 0 0 1px;
    padding: 0 0 3px;
    margin: 0 0 14px;
}

    .inner .calculator-form .field-item {
        float: left;
        clear: both;
        max-width: 40%;
        margin: 0 0 6px;
    }

    .inner .calculator-form .price {
        float: right;
        max-width: 40%;
        margin: 0 3% 6px 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inner .calculator-form .input-holder {
        clear: both;
        text-align: center;
    }

        .inner .calculator-form .input-holder .field-item {
            max-width: 40%;
        }

        .inner .calculator-form .input-holder .price {
            max-width: 15%;
        }

    .inner .calculator-form input[type="text"] {
        width: 47px;
        height: 16px;
        padding: 1px 4px;
        font-size: 9px;
        line-height: 9px;
        margin: 0 3px;
        display: inline-block;
        vertical-align: top;
    }

    .inner .calculator-form input[type="submit"] {
        border: 1px solid #242424;
        width: 54px;
        height: 16px;
        font-weight: bold;
        font-size: 9px;
        line-height: 13px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        background: #000;
        white-space: normal;
        padding: 1px 4px;
        display: inline-block;
        vertical-align: top;
    }

        .inner .calculator-form input[type="submit"]:hover {
            background: #b1b1b1;
        }

.inner .total-holder {
    font-size: 24px;
    line-height: 28px;
    color: #310248;
    text-transform: uppercase;
    overflow: hidden;
    margin: 0 0 8px;
}

    .inner .total-holder .order-total {
        float: left;
        clear: both;
        max-width: 70%;
    }

    .inner .total-holder .price {
        float: right;
        max-width: 30%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.hide-mobile {
    display: none !important;
}

.checkout-page .main-holder #two-columns {
    margin: 0 0 18px;
}

.checkout-page .main-holder #sidebar {
    padding: 10px 1px;
    display: block;
}

.update .container-lg {
    max-width: 1310px;
}

.update #nav .nav > li.beauty-seen .nav-title {
    display: none;
}

.update #nav .nav > li.beauty-seen .add-sub-nav li {
    margin: 0 0 5px;
}

    .update #nav .nav > li.beauty-seen .add-sub-nav li.active a,
    .update #nav .nav > li.beauty-seen .add-sub-nav li.hover a {
        color: #a69461;
    }

    .update #nav .nav > li.beauty-seen .add-sub-nav li a {
        text-decoration: none;
    }



.update .banner-image:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    bottom: 0;
}

.update .banner-image .bg-stretch {
    z-index: -1;
}

.update .breadcrumbs {
    margin: 0 0 10px;
}

    .update .breadcrumbs ul {
        padding: 5px 0;
    }

        .update .breadcrumbs ul li {
            margin: 0 2px 3px;
        }

            .update .breadcrumbs ul li.active {
                border-color: #bfbfbf;
            }

                .update .breadcrumbs ul li.active:before,
                .update .breadcrumbs ul li.active:after {
                    content: "";
                    margin: 0;
                }

            .update .breadcrumbs ul li + li a:before {
                content: "";
                margin: 0;
            }

            .update .breadcrumbs ul li a:after {
                content: ">";
                display: inline-block;
                vertical-align: top;
                margin-left: 4px;
            }

.update .main-holder > #two-columns {
    margin: 0 0 30px;
    border-spacing: 0;
}

.update #two-columns {
    border-spacing: 15px 0;
    margin: 25px 0;
}

.update .news-article {
    padding: 0 0 15px;
}

    .update .news-article .heading {
        padding: 7px;
        margin: 0;
    }

        .update .news-article .heading .title {
            font-size: 24px;
            line-height: 28px;
            text-transform: uppercase;
            color: #84764d;
            display: block;
            margin: 0 0 15px;
        }

    .update .news-article h1 {
        font: bold 26px/30px "didot_headlinebold", Times, serif;
        text-transform: uppercase;
        margin: 0 0 16px;
        position: relative;
        padding: 0 0 17px;
    }

        .update .news-article h1:after {
            content: "";
            position: absolute;
            width: 125px;
            height: 3px;
            background: #000;
            bottom: 0;
            left: 50%;
            margin: 0 0 0 -63px;
        }

    .update .news-article em {
        font-size: 14px;
        line-height: 18px;
        color: #7d7d7d;
        display: block;
        margin: 0 0 10px;
    }

    .update .news-article img {
        width: 100%;
    }

    .update .news-article .bottom-links {
        text-align: center;
        padding: 0 20px;
    }

        .update .news-article .bottom-links .social-block {
            float: none;
            width: auto;
            text-align: center;
        }


.update .news-description {
    padding: 10px;
    line-height: 22px;
    color: #707070;
}

    .update .news-description p {
        margin: 0 0 22px;
    }

.update #content {
    margin: 0 0 30px;
}

    .update #content.content-holder {
        padding: 0;
        border: 1px solid #84764d;
    }

.update #sidebar {
    display: block;
}

    .update #sidebar.content-holder {
        padding: 0;
        border: 1px solid #84764d;
    }

    .update #sidebar .aside-block {
        text-align: center;
        border: 1px solid #84764d;
        border-width: 0 0 1px;
        margin: 0;
        padding: 0 0 18px;
        position: relative;
    }

        .update #sidebar .aside-block:first-child .title {
            background: #470a68;
            color: #fff;
        }

        .update #sidebar .aside-block:first-child h2 {
            margin: 0;
            padding-bottom: 9px;
        }

        .update #sidebar .aside-block:last-child {
            border-style: none;
            margin: 0;
        }

            .update #sidebar .aside-block:last-child:after {
                background: none;
            }

        .update #sidebar .aside-block + .aside-block {
            margin-top: 15px;
        }

        .update #sidebar .aside-block:after {
            position: absolute;
            top: 100%;
            content: "";
            height: 15px;
            background: #fff;
            left: -1px;
            margin: 1px 0;
            width: 420px;
        }

        .update #sidebar .aside-block + .aside-block {
            border: 1px solid #84764d;
            border-width: 1px 0 0;
        }

            .update #sidebar .aside-block + .aside-block h2 {
                padding-bottom: 19px;
            }

                .update #sidebar .aside-block + .aside-block h2:after {
                    content: "";
                    position: absolute;
                    width: 125px;
                    height: 3px;
                    background: #000;
                    bottom: 0;
                    left: 50%;
                    margin: 0 0 0 -60px;
                }

        .update #sidebar .aside-block .title {
            padding: 6px;
            font-size: 20px;
            line-height: 24px;
            margin: -1px -1px 14px;
        }

        .update #sidebar .aside-block h2 {
            font-size: 24px;
            line-height: 28px;
            font-weight: bold;
            padding: 0 15px;
            margin: 0 0 33px;
            position: relative;
        }

    .update #sidebar .image-holder {
        max-width: 79.6%;
        margin: 0 auto 21px;
        border-radius: 50%;
        overflow: hidden;
    }

        .update #sidebar .image-holder img {
            border-radius: 50%;
        }

    .update #sidebar .support-links {
        padding: 0 5px 18px 10px;
        text-align: left;
        font-style: italic;
    }

        .update #sidebar .support-links li {
            position: relative;
            padding: 0 0 18px 26px;
            text-transform: none;
            font-size: 13px;
            line-height: 18px;
        }

            .update #sidebar .support-links li:before {
                position: absolute;
                content: "";
                background: url(../images/sprites.png) no-repeat -359px -150px;
                width: 16px;
                height: 18px;
                left: 0;
                top: 0;
            }

            .update #sidebar .support-links li a {
                border-bottom: 2px solid #808080;
            }

                .update #sidebar .support-links li a:hover {
                    text-decoration: none;
                    color: #808080;
                }

.update .article-page .breadcrumbs {
    margin: 0 0 8px;
}

.update .article-page .banner-image {
    border: 3px solid #f8f8f8;
    margin: 0 0 9px;
    min-height: 0;
}

    .update .article-page .banner-image img {
        display: block;
        width: 100%;
        height: auto;
    }

    .update .article-page .banner-image:after {
        background: none;
    }

.update .article-page .main-holder h1 {
    text-align: center;
    margin: 0 0 8px;
}

.update .article-page .main-holder .article-holder {
    margin: 0 0 11px;
}

.update .article-page .main-holder .article {
    color: #000;
    line-height: 24px;
    padding: 0 3px;
    margin: 0 0 22px;
}

.update .article-page .main-holder .social-block li a.pinterest {
    top: 3px;
}

.update .article-page .pager {
    float: none;
}

    .update .article-page .pager li {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 18px;
    }

        .update .article-page .pager li.prev,
        .update .article-page .pager li.next {
            text-indent: 0;
            white-space: normal;
            width: 50%;
            margin: 0;
            overflow: visible;
            text-align: left;
        }

            .update .article-page .pager li.prev a,
            .update .article-page .pager li.next a {
                background: none;
                border-bottom: 1px solid #bebebe;
                box-shadow: inset 0 -1px 0 #dedede;
                color: #7d7d7d;
                display: inline;
                width: auto;
                height: auto;
            }

                .update .article-page .pager li.prev a:hover,
                .update .article-page .pager li.next a:hover {
                    text-decoration: none;
                }

        .update .article-page .pager li.next {
            text-align: right;
        }

.update .article-page p {
    margin: 0 0 24px;
}

.update .article-page .widget-holder {
    padding: 0 2px 46px;
    border: 1px solid #bfbfbf;
    border-width: 0 0 1px;
    margin: 0 0 3px;
}

    .update .article-page .widget-holder img {
        max-width: 100%;
        height: auto;
        display: block;
    }

.update .foundations {
    color: #000;
}

    .update .foundations #header {
        margin: 0;
        position: relative;
        background: #fff;
        z-index: 9;
    }

    .update .foundations .main-holder .article {
        margin: 0 0 30px;
    }

    .update .foundations .main-holder #two-columns {
        margin: 0 0 20px;
    }

    .update .foundations .main-holder #sidebar .title {
        margin: 0 0 8px;
        font-size: 15px;
        line-height: 18px;
    }

        .update .foundations .main-holder #sidebar .title.sub-title {
            margin: 0 0 1px;
        }

    .update .foundations .main-holder #sidebar ul {
        padding: 0;
    }

        .update .foundations .main-holder #sidebar ul li {
            font-size: 14px;
            line-height: 19px;
        }

    .update .foundations .main-holder #sidebar .radio-group {
        padding: 0;
    }

        .update .foundations .main-holder #sidebar .radio-group li {
            font-size: 12px;
            line-height: 16px;
            margin: 0 0 8px;
            overflow: hidden;
        }

            .update .foundations .main-holder #sidebar .radio-group li .ampersand {
                text-transform: none;
            }

        .update .foundations .main-holder #sidebar .radio-group label {
            vertical-align: middle;
        }



    .update .foundations .banner-image:after {
        background: none;
    }

    .update .foundations .heading {
        border: 1px solid #bfbfbf;
        border-width: 0 0 1px;
        overflow: hidden;
        margin: 0 0 22px;
    }


        .update .foundations .heading h2 {
            font-family: "didot_headline_demiregular", Times, serif;
            padding: 0;
            margin: 0 0 8px;
            overflow: hidden;
            text-align: left;
            display: block;
            font-weight: normal;
        }

            .update .foundations .heading h2:after {
                background: none;
            }

    .update .foundations .sort-form {
        float: right;
    }

        .update .foundations .sort-form .select-wrap {
            width: 130px;
            padding-top: 0;
        }

    .update .foundations .jcf-radio {
        float: left;
    }

    .update .foundations .jcf-select {
        border-color: transparent;
    }

        .update .foundations .jcf-select.jcf-drop-active {
            border-color: #464646;
        }

            .update .foundations .jcf-select.jcf-drop-active .jcf-select-text {
                margin: 0 15px 0 5px;
                text-align: left;
            }

        .update .foundations .jcf-select .jcf-select-text {
            font-size: 11px;
            line-height: 18px;
            text-transform: uppercase;
            color: #000;
            margin: 0 28px 0 11px;
        }

        .update .foundations .jcf-select .jcf-select-opener {
            background-position: -383px -151px;
            width: 11px;
            height: 8px;
            right: 15px;
            margin: -4px 0 0;
        }

    .update .foundations .selection-holder {
        letter-spacing: -5px;
    }

    .update .foundations .selection-block {
        margin: 0 0 16px;
        display: inline-block;
        vertical-align: top;
        width: 90%;
        padding: 0 5px 0 0;
        letter-spacing: 0;
    }

    .update .foundations .product-lists > li {
        /*text-transform: capitalize;*/
        padding: 0 8px 50px;
    }

        .update .foundations .product-lists > li.no-reflection img {
            position: static;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

        .update .foundations .product-lists > li .price {
            padding: 5px 0 0;
        }

    .update .foundations .product-lists .img-wrap {
        white-space: nowrap;
        width: 100%;
        margin-bottom: 21px;
    }

        .update .foundations .product-lists .img-wrap:after {
            content: "";
            display: inline-block;
            vertical-align: bottom;
            overflow: hidden;
        }

        .update .foundations .product-lists .img-wrap img {
            display: inline-block;
            vertical-align: bottom;
            white-space: normal;
        }

    .update .foundations .stars {
        text-align: center;
        margin: 0 0 10px;
        padding: 6px 0 0;
    }

        .update .foundations .stars li {
            padding: 0 3px 0 0;
        }

            .update .foundations .stars li.unrated a {
                background-position: -423px -151px;
                width: 20px;
            }

            .update .foundations .stars li a {
                background-position: -399px -151px;
                width: 19px;
                height: 19px;
            }

.update .search-results .product-lists {
    /* @include media('>=tablet') {
        margin: 0 1%;
      } */
}

.update .jcf-select-drop.jcf-drop-flipped .jcf-select-drop-content {
    border-width: 1px 1px 0;
}

.update .jcf-select-drop .jcf-select-drop-content {
    border-color: #464646;
    border-width: 0 1px 1px;
}

.update .jcf-list {
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0 0 5px;
}

    .update .jcf-list .jcf-option {
        color: #000;
        padding: 0 5px;
    }

        .update .jcf-list .jcf-option.jcf-selected {
            color: #470a68;
            font-weight: bold;
        }

.update .heading-mark {
    background: #fff;
    padding: 5px 0;
    margin: 0 0 7px;
}

    .update .heading-mark h1 {
        color: #000;
        font-family: "didot_display_demiregular", Times, serif;
        font-size: 24px;
        line-height: 30px;
        margin: 0;
        font-weight: normal;
        text-transform: inherit;
    }

        /*.update .heading-mark h1:first-letter {
            text-transform: capitalize;
        }*/

        .update .heading-mark h1 em {
            text-transform: none;
            display: block;
            /*font-family: "didot_headlineregular", Times, serif;*/
        }

.update .foundations .heading-description {
    font-family: "ggx88extralight", Times, serif;
    margin-bottom: 25px;
}

    .update .foundations .heading-description p {
        margin: 0;
    }

.update .search-holder {
    padding: 18px 0 8px;
}

    .update .search-holder .search-form {
        border: 1px solid #9c9c9c;
        position: relative;
        padding: 0 44px 0 0;
        margin: 7px 0 0;
    }

        .update .search-holder .search-form input[type="search"],
        .update .search-holder .search-form input[type="text"] {
            border-style: none;
            border-radius: 0;
            font-style: italic;
            font-size: 20px;
            line-height: 24px;
            padding: 8px 10px;
            height: 41px;
            color: #989898;
        }

            .update .search-holder .search-form input[type="search"]::-webkit-input-placeholder,
            .update .search-holder .search-form input[type="text"]::-webkit-input-placeholder {
                color: #989898;
            }

            .update .search-holder .search-form input[type="search"]::-moz-placeholder,
            .update .search-holder .search-form input[type="text"]::-moz-placeholder {
                opacity: 1;
                color: #989898;
            }

            .update .search-holder .search-form input[type="search"]:-moz-placeholder,
            .update .search-holder .search-form input[type="text"]:-moz-placeholder {
                color: #989898;
            }

            .update .search-holder .search-form input[type="search"]:-ms-input-placeholder,
            .update .search-holder .search-form input[type="text"]:-ms-input-placeholder {
                color: #989898;
            }

            .update .search-holder .search-form input[type="search"].placeholder,
            .update .search-holder .search-form input[type="text"].placeholder {
                color: #989898;
            }

        .update .search-holder .search-form input[type="submit"] {
            right: 19px;
        }

.update .text-result {
    display: block;
    text-align: center;
    margin: 0 0 14px;
}

.main-holder h1 {
    font: bold 30px/34px "didot_headlinebold", Times, serif;
    text-transform: uppercase;
    margin: 0 0 27px;
    padding: 0 0 5px;
    position: relative;
}

    .main-holder h1:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 9999px 0 0;
        margin: 0 -9999px 0 0;
        width: 100%;
        height: 1px;
        background: #bfbfbf;
    }

.main-holder #sidebar {
    padding: 6px 6px 6px 0;
    color: #000;
}

    .main-holder #sidebar .news-group {
        margin: 0 0 25px;
        text-align: center;
    }

    .main-holder #sidebar .title {
        color: #000;
        font-size: 21px;
        line-height: 25px;
        margin: 0;
    }

    .main-holder #sidebar .news-list {
        padding: 0;
        font-size: 18px;
        line-height: 24px;
    }

        .main-holder #sidebar .news-list li {
            text-transform: none;
        }

            .main-holder #sidebar .news-list li.active a {
                font-weight: bold;
                color: #470a68;
                text-decoration: none;
            }

    .main-holder #sidebar .summary-block {
        border: 1px solid #808080;
        padding: 10px 10px 14px;
    }

        .main-holder #sidebar .summary-block h3 {
            font-size: 18px;
            line-height: 22px;
            color: #000;
            font-weight: bold;
            border: 1px solid #c3c3c3;
            border-width: 0 0 1px;
            padding: 0 0 10px;
            margin: 0 0 22px;
        }

        .main-holder #sidebar .summary-block .text-edit {
            font-size: 12px;
            line-height: 16px;
            color: #7d7d7d;
            text-decoration: none;
        }

            .main-holder #sidebar .summary-block .text-edit:hover {
                color: #3d1256;
            }

        .main-holder #sidebar .summary-block .btn-success {
            display: block;
            font-size: 18px;
            line-height: 22px;
        }

        .main-holder #sidebar .summary-block .product-summary {
            margin: 36px 0 13px;
            border: 1px solid #c3c3c3;
            border-width: 1px 0;
            padding: 5px 0 33px;
            overflow: hidden;
        }

            .main-holder #sidebar .summary-block .product-summary .image-holder {
                float: left;
                text-align: center;
                width: 87px;
            }

            .main-holder #sidebar .summary-block .product-summary .product-details {
                overflow: hidden;
                font-size: 15px;
                line-height: 18px;
                padding: 0 7%;
            }

                .main-holder #sidebar .summary-block .product-summary .product-details ul {
                    padding: 0;
                    min-height: 115px;
                    margin: 0 0 10px;
                }

                    .main-holder #sidebar .summary-block .product-summary .product-details ul li {
                        font-size: 15px;
                        line-height: 18px;
                        text-transform: none;
                    }

    .main-holder #sidebar .offer-block {
        border: 1px solid #b1b1b1;
        padding: 2px 8px;
        margin: 0 0 6px;
    }

        .main-holder #sidebar .offer-block .title {
            font-size: 15px;
            line-height: 18px;
            text-transform: capitalize;
            margin: 0 0 3px;
        }

        .main-holder #sidebar .offer-block .check-list {
            padding: 0;
        }

            .main-holder #sidebar .offer-block .check-list li {
                overflow: hidden;
                font-size: 15px;
                line-height: 18px;
                text-transform: none;
                margin: 0 0 7px;
            }

        .main-holder #sidebar .offer-block .jcf-checkbox {
            width: 17px;
            height: 20px;
            border-color: #a2a1a1;
            margin: 0 7px 0 0;
            float: left;
        }

            .main-holder #sidebar .offer-block .jcf-checkbox span {
                width: 12px;
                height: 6px;
            }

        .main-holder #sidebar .offer-block label {
            overflow: hidden;
            display: block;
        }

.main-holder #content {
    padding-top: 7px;
}

    .main-holder #content.add {
        padding: 0;
    }

.main-holder .article-holder {
    margin: 0 0 40px;
}

.main-holder .article {
    overflow: hidden;
    color: #707070;
    line-height: 22px;
    margin: 0 0 20px;
}

    .main-holder .article .image-holder {
        max-width: 265px;
        margin: 0 auto 20px;
    }

        .main-holder .article .image-holder img {
            display: block;
            height: auto;
            max-width: 100%;
        }

    .main-holder .article .text-wrap {
        overflow: hidden;
        padding: 0 7px;
    }

    .main-holder .article h2 {
        font: bold 24px/28px Arial, Helvetica, sans-serif;
        margin: 0 0 5px;
        text-align: center;
        color: #000;
    }

        .main-holder .article h2 a {
            color: #000;
            text-decoration: none;
        }

            .main-holder .article h2 a:hover {
                color: #a69461;
            }

.main-holder .bottom-links {
    overflow: hidden;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 0;
}

    .main-holder .bottom-links .read-more {
        float: right;
        max-width: 35%;
        text-align: right;
        margin: 9px 0 0;
    }


.main-holder .top-links {
    overflow: hidden;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 0 0 10px;
}

    .main-holder .top-links .posted-on {
        font-size: 16px;
        line-height: 20px;
        color: #7d7d7d;
        font-weight: bold;
        min-width: 230px;
        padding: 9px 4px 0 0;
    }

    .main-holder .top-links .share-holder {
        min-width: 198px;
        width: auto;
        float: none;
        max-width: 220px;
        margin: 0 auto 10px;
    }

        .main-holder .top-links .share-holder .fa {
            font-size: 21px;
        }

            .main-holder .top-links .share-holder .fa.fa-twitter {
                top: 2px;
            }

.main-holder .share-holder {
    float: left;
    width: 65%;
}

    .main-holder .share-holder strong {
        float: left;
        width: 56px;
        padding: 7px 4px 0 0;
        text-transform: uppercase;
    }

    .main-holder .share-holder .social-block {
        float: none;
        text-align: left;
        overflow: hidden;
        width: auto;
        max-width: none;
    }

        .main-holder .share-holder .social-block li {
            margin: 0 3px 10px;
        }

.main-holder .social-block {
    padding: 0;
}

    .main-holder .social-block li {
        margin: 0 9px 10px;
    }

.main-holder .pager-holder {
    float: right;
    text-align: right;
    padding: 0 7px 10px;
}

    .main-holder .pager-holder .pager {
        padding: 0 16px;
    }

        .main-holder .pager-holder .pager li {
            font-size: 14px;
            line-height: 18px;
            font-weight: normal;
        }

            .main-holder .pager-holder .pager li + li {
                margin-left: 8px;
            }

            .main-holder .pager-holder .pager li.active {
                font-weight: bold;
                color: #000;
            }

            .main-holder .pager-holder .pager li.prev,
            .main-holder .pager-holder .pager li.next {
                text-indent: 0;
                margin-top: 1px;
            }

                .main-holder .pager-holder .pager li.prev a,
                .main-holder .pager-holder .pager li.next a {
                    background: none;
                }

            .main-holder .pager-holder .pager li.prev {
                margin-right: 0;
            }

            .main-holder .pager-holder .pager li.next {
                margin-left: 7px;
            }

            .main-holder .pager-holder .pager li a {
                color: #848484;
            }

    .main-holder .pager-holder .see-all {
        color: #470a68;
        font-size: 14px;
        line-height: 18px;
        margin: 0;
        border: 1px solid #75478e;
        border-width: 0 0 1px;
    }

        .main-holder .pager-holder .see-all:hover {
            opacity: .8;
            text-decoration: none;
        }

.read-more {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    text-decoration: none;
}

    .read-more:hover {
        text-decoration: underline;
    }

.see-all {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    color: #000;
    text-decoration: none;
    margin: 0 0 10px;
}


    .see-all:hover {
        color: #a69461;
    }

.breadcrumbs ul {
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    margin: 0 -5px;
    padding: 0 11px;
}

    .breadcrumbs ul li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #929292;
        text-transform: uppercase;
        margin: 6px 5px 3px;
    }

        .breadcrumbs ul li.active {
            color: #010101;
            border-bottom: 1px solid #a3a3a3;
        }

            .breadcrumbs ul li.active:after {
                content: ">";
                display: inline-block;
                vertical-align: top;
                margin-left: 3px;
            }

        .breadcrumbs ul li a,
        .breadcrumbs ul li {
            color: inherit;
            text-decoration: none;
            font-family: 'ggx88light', Arial, sans-serif;
        }

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

            .breadcrumbs ul li a:after {
                content: ">";
                display: inline-block;
                vertical-align: top;
                margin-left: 3px;
            }

.breadcrumbs.add ul li.active {
    text-decoration: underline;
}

.page-links {
    background: #3e0f59;
}

    .page-links a {
        color: #fff;
        text-decoration: none;
    }

        .page-links a:hover {
            text-decoration: underline;
        }

    .page-links ul {
        text-align: left;
        letter-spacing: -4px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        .page-links ul li {
            display: inline-block;
            vertical-align: top;
            font-size: 17px;
            line-height: 21px;
            font-weight: 300;
            letter-spacing: 0;
            margin: 6px;
        }

        .page-links ul a .fa {
            display: inline-block;
            vertical-align: top;
            width: 10px;
            height: 14px;
            margin: 0 0 0 5px;
        }

.promo-bar {
    background: #3e0f59;
}

    .promo-bar a {
        color: #fff;
        text-decoration: underline;
    }

        .promo-bar a:hover {
            color: #ba0c2f;
        }

    .promo-bar ul {
        letter-spacing: -4px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        .promo-bar ul li {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            line-height: 20px;
            font-style: italic;
            letter-spacing: 0;
            margin: 6px;
            color: #fff;
        }

.product-title {
    padding-top: 20px;
    border-bottom: 2px solid #b2b2b2;
}

    .product-title .three-cols {
        letter-spacing: -4px;
        margin: 0 -10px;
        line-height: 0;
        padding: 0 9px;
        text-align: center;
    }

        .product-title .three-cols > * {
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0;
            padding: 0 10px;
        }

    .product-title .title-hold {
        text-align: center;
        margin-bottom: 10px;
    }

        .product-title .title-hold .text {
            text-transform: capitalize;
            font-weight: bold;
            color: #a1a1a1;
            background: #fff;
            padding: 0 5px;
        }

    .product-title h1 {
        font-size: 32px;
        line-height: 38px;
        text-transform: uppercase;
        font-weight: normal;
        color: #000;
        margin: 0 0 2px;
        letter-spacing: 1px;
        font-family: "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
    }

.sort-form .select-wrap {
    padding-top: 7px;
    width: 156px;
    margin: 0 auto 10px;
}

.navigation-form {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

    .navigation-form .select-hold {
        float: left;
        width: 135px;
        padding-top: 4px;
    }

        .navigation-form .select-hold > * {
            float: left;
        }

        .navigation-form .select-hold label {
            font-size: 11px;
            line-height: 15px;
            color: #000;
            font-weight: bold;
            margin-top: 9px;
            margin-right: 5px;
        }

        .navigation-form .select-hold .select-wrap {
            width: 60px;
            margin-right: 5px;
        }

            .navigation-form .select-hold .select-wrap .jcf-select {
                height: 31px;
            }

                .navigation-form .select-hold .select-wrap .jcf-select .jcf-select-opener {
                    right: 11px;
                }

                .navigation-form .select-hold .select-wrap .jcf-select .jcf-select-text {
                    margin-right: 27px;
                    font-size: 18px;
                    line-height: 23px;
                    padding: 3px 0;
                    color: #000;
                }

        .navigation-form .select-hold .text {
            font-size: 11px;
            line-height: 12px;
            font-weight: bold;
            padding-top: 8px;
        }

.pager {
    padding: 10px 3px;
    float: left;
}

    .pager li {
        float: left;
        font-size: 10px;
        line-height: 15px;
        color: #828c94;
        font-weight: bold;
    }

        .pager li + li {
            margin-left: 6px;
        }

        .pager li a {
            color: #25161a;
            text-decoration: none;
            border: none;
            border-radius: 0;
            padding: 0;
            background: none;
        }

            .pager li a:hover {
                text-decoration: underline;
                background: none;
            }

        .pager li.prev,
        .pager li.next {
            overflow: hidden;
            text-indent: 101%;
            white-space: nowrap;
            width: 9px;
            height: 15px;
        }

            .pager li.prev a,
            .pager li.next a {
                display: block;
                height: 100%;
                width: 100%;
                background: url(../images/sprites.png) no-repeat -47px -108px;
            }

                .pager li.prev a:hover,
                .pager li.next a:hover {
                    opacity: .8;
                }

        .pager li.prev {
            margin-right: 3px;
        }

        .pager li.next {
            margin-left: 9px;
        }

            .pager li.next a {
                background: url(../images/sprites.png) no-repeat -62px -108px;
            }

.page-title {
    text-align: center;
    padding: 54px 0 31px;
}

    .page-title h1 {
        color: #000;
        font: normal 40px/44px "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
        letter-spacing: 2px;
        margin: 0 0 2px;
        text-transform: uppercase;
    }

.container.signin-block {
    padding-bottom: 73px;
}

.form-block {
    color: #000;
}

    .form-block h2 {
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: normal;
        margin: 0 0 40px;
    }

    .form-block .wrap {
        max-width: 690px;
        margin: 0 auto;
    }

    .form-block .col {
        float: left;
        width: 50%;
    }

        .form-block .col.right-block {
            float: right;
        }

    .form-block .signin-form,
    .form-block .new-customer-form {
        padding: 0 35px 0 0;
        text-align: left;
    }

    .form-block .row {
        margin: 0 0 20px;
    }

        .form-block .row .label,
        .form-block .row label {
            font-size: 12px;
            line-height: 14px;
            font-weight: bold;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 9px;
        }

        .form-block .row input[type="text"],
        .form-block .row input[type="password"],
        .form-block .row input[type="email"] {
            font-size: 12px;
            line-height: 14px;
            background: #fff;
            width: 100%;
            margin: 0;
            padding: 2px 5px;
            border: 1px solid #a9a9a9;
            float: left;
            height: 21px;
            color: #989898;
        }

        .form-block .row textarea {
            background: #fff;
            width: 100% !important;
            font-size: 12px;
            line-height: 14px;
            min-height: 75px;
            height: 75px;
            margin: 0;
            padding: 2px 6px;
            border: 1px solid #a9a9a9;
            float: left;
            color: #989898;
        }

        .form-block .row .radio-list {
            margin: 0 -12px;
            padding: 6px 0 0 0;
        }

            .form-block .row .radio-list li {
                width: 33.33%;
                float: left;
                padding: 0 12px 5px;
            }

            .form-block .row .radio-list input[type="radio"] {
                width: 12px;
                height: 12px;
                margin: 0 6px 0 0;
                padding: 0;
            }

            .form-block .row .radio-list label {
                font-weight: normal;
                font-size: 11px;
                max-width: 78px;
                letter-spacing: 0;
                margin: 2px 0 0;
                display: inline-block;
            }

    .form-block .forget-row {
        margin: -11px 0 12px;
    }

        .form-block .forget-row a {
            color: #7e7e7e;
            font-size: 10px;
            line-height: 12px;
            text-decoration: underline;
        }

            .form-block .forget-row a:hover {
                text-decoration: none;
            }

    .form-block .btn-row {
        margin: 0 0 13px;
    }

        .form-block .btn-row input[type="submit"] {
            font-size: 15px;
            line-height: 17px;
            font-weight: bold;
            background: #000;
            border: none;
            cursor: pointer;
            display: block;
            height: 24px;
            margin: 0;
            padding: 4px 20px;
            text-transform: uppercase;
            color: #fff;
            min-width: 0;
        }

            .form-block .btn-row input[type="submit"]:hover {
                background: #4d4d4d;
            }

    .form-block .check-row input[type="checkbox"] {
        float: left;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        padding: 0;
    }

    .form-block .check-row .jcf-checkbox {
        border: 1px solid #9c9c9c;
        width: 18px;
        height: 15px;
        margin: 0 6px 0 0;
    }

        .form-block .check-row .jcf-checkbox span {
            border: none;
            background: url(../images/sprites.png) no-repeat -331px -156px;
            width: 9px;
            height: 9px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            margin: -5px 0 0 -5px;
        }

    .form-block .check-row label {
        display: inline-block;
        vertical-align: top;
        max-width: 200px;
        margin: 5px 0 0;
    }

    .form-block .textarea-row {
        padding: 0 15px 0 0;
    }

    .form-block .fb-login {
        text-align: right;
    }

        .form-block .fb-login .btn-holder {
            padding: 21px 1px 0 0;
        }

            .form-block .fb-login .btn-holder a {
                display: inline-block;
                vertical-align: top;
            }

                .form-block .fb-login .btn-holder a:hover {
                    opacity: .9;
                }

                .form-block .fb-login .btn-holder a img {
                    display: block;
                    width: auto;
                }

    .form-block .row.r1 {
        margin-left: -14px;
        margin-right: -14px;
    }

        .form-block .row.r1 .c1 {
            width: 50%;
            float: left;
            padding: 0 14px;
        }

    .form-block .r2 .c2 {
        float: left;
        width: 87px;
        padding: 0 7px 0 0;
    }

    .form-block .btn-center {
        text-align: center;
    }

        .form-block .btn-center input[type="submit"] {
            display: inline-block;
            vertical-align: top;
        }

    .form-block .jcf-select {
        background: #fdfdfd url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #ebebeb));
        background: -webkit-linear-gradient(top, #fdfdfd 0%, #ebebeb 100%);
        background: linear-gradient(to bottom, #fdfdfd 0%, #ebebeb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ebebeb',GradientType=0 );
        border: 1px solid #909090;
        border-radius: 4px;
        box-shadow: 0 1px 0 0 #a7a7a7;
        height: 25px;
        width: 100%;
    }

        .form-block .jcf-select:before {
            content: "";
            background: #656565;
            width: 1px;
            position: absolute;
            top: 0;
            height: 24px;
            right: 25px;
        }

        .form-block .jcf-select .jcf-select-opener {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 7px 0 7px;
            border-color: #656565 transparent transparent transparent;
            right: 6px;
        }

        .form-block .jcf-select .jcf-select-text {
            font-size: 12px;
            margin: 0 22px 0 4px;
            padding: 4px 0;
            color: #424242;
        }

.form-seperator {
    text-align: center;
    position: relative;
    z-index: 0;
    margin: 0 0 47px;
}

    .form-seperator:before {
        content: "";
        background: #e0e0e0;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin-top: 1px;
        z-index: -1;
    }

    .form-seperator .text {
        font: normal 35px/38px "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
        display: inline-block;
        vertical-align: top;
        background: #fff;
        padding: 0 10px;
        color: #000;
        letter-spacing: 2px;
    }

.create-form .col {
    padding: 0 81px 0 0;
}

    .create-form .col.right-block {
        padding: 0 0 0 3px;
    }

.create-form .check-row {
    font-size: 11px;
    line-height: 18px;
    margin: -6px 0 0;
    padding: 0 20px 0 0;
}

    .create-form .check-row label {
        display: inline;
        margin: 0;
    }

    .create-form .check-row .jcf-checkbox {
        margin: 0 0 0 14px;
    }

.create-form .row {
    margin: 0 0 10px;
}

    .create-form .row .label,
    .create-form .row label {
        line-height: 10px;
        margin-bottom: 2px;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
        color: #000;
        white-space: normal;
        display: block;
    }

    .create-form .row .label {
        padding-left: 0;
        text-align: left;
    }

.create-form .required {
    padding: 7px 0 0;
}

.create-form .btn-row {
    padding: 64px 0 46px;
    margin: 0;
}

    .create-form .btn-row input[type="submit"] {
        background: #306;
        padding: 4px 14px;
    }

        .create-form .btn-row input[type="submit"]:hover {
            background: #50a;
        }

.shop-wrap {
    padding: 22px 0;
}

    .shop-wrap .main-image {
        margin-bottom: 37px;
    }

        .shop-wrap .main-image img {
            width: 100%;
            height: auto;
            vertical-align: top;
        }

    .shop-wrap .greet {
        display: block;
        font-size: 19px;
        line-height: 22px;
        font-weight: 300;
        margin-bottom: 22px;
    }

.shop-holder #sidebar {
    padding-top: 0;
    padding-left: 0;
    width: 275px;
}

.shop-holder .sidenav h2 {
    margin: 0 0 7px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #9b9a99;
    max-width: 168px;
}

.shop-holder #content {
    padding: 0;
    overflow: hidden;
}

.shop-holder .information-wrap {
    text-align: center;
    float: left;
    margin-bottom: 150px;
    width: 100%;
}

    .shop-holder .information-wrap h2 {
        margin-bottom: 38px;
        font-size: 22px;
        line-height: 28px;
        text-transform: uppercase;
    }

        .shop-holder .information-wrap h2 .link-back {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            line-height: 15px;
            color: #000;
            text-transform: none;
            margin-left: 10px;
        }

        .shop-holder .information-wrap h2 .link-edit {
            display: inline-block;
            vertical-align: middle;
            font-size: 11px;
            line-height: 15px;
            text-transform: none;
            margin-left: 10px;
            font-weight: normal;
        }

    .shop-holder .information-wrap table {
        width: 100%;
    }

        .shop-holder .information-wrap table th,
        .shop-holder .information-wrap table td {
            font-size: 14px;
            line-height: 19px;
            padding: 3px 15px;
            text-align: left;
        }

        .shop-holder .information-wrap table td {
            padding-bottom: 38px;
        }

            .shop-holder .information-wrap table td .btn-pause {
                width: 59px;
                display: inline-block;
                vertical-align: top;
                font-size: 11px;
                line-height: 12px;
                border: 2px solid #c7c7c7;
                color: #000;
                border-radius: 5px;
                text-align: center;
                text-decoration: none;
                box-shadow: 0 1px 1px 0 #bebebe;
                padding: 2px 4px;
                background: #fdfdfd url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(63%, #ebebeb), color-stop(100%, #ebebeb));
                background: -webkit-linear-gradient(top, #fdfdfd 0%, #ebebeb 63%, #ebebeb 100%);
                background: linear-gradient(to bottom, #fdfdfd 0%, #ebebeb 63%, #ebebeb 100%);
            }

                .shop-holder .information-wrap table td .btn-pause:hover {
                    background: #ebebeb url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(37%, #ebebeb), color-stop(100%, #fdfdfd));
                    background: -webkit-linear-gradient(top, #ebebeb 0%, #ebebeb 37%, #fdfdfd 100%);
                    background: linear-gradient(to bottom, #ebebeb 0%, #ebebeb 37%, #fdfdfd 100%);
                }

            .shop-holder .information-wrap table td .add-rating {
                font-weight: bold;
            }

            .shop-holder .information-wrap table td img {
                vertical-align: top;
            }

            .shop-holder .information-wrap table td .order-image {
                border-bottom: 2px solid #e0e0e0;
                padding-bottom: 6px;
            }

                .shop-holder .information-wrap table td .order-image.last {
                    border: none;
                }

                .shop-holder .information-wrap table td .order-image img {
                    vertical-align: middle;
                    width: auto;
                }

            .shop-holder .information-wrap table td .details {
                text-align: left;
                max-width: 221px;
                margin: 0 auto;
            }

                .shop-holder .information-wrap table td .details h3 {
                    margin-bottom: 5px;
                    font-size: 15px;
                    line-height: 17px;
                    font-weight: bold;
                }

                .shop-holder .information-wrap table td .details .product-code {
                    display: block;
                }

            .shop-holder .information-wrap table td.order-info {
                font-weight: bold;
                color: #828282;
                padding-bottom: 5px;
                border-bottom: 1px solid #c0c0c0;
            }

            .shop-holder .information-wrap table td.order-view {
                padding-bottom: 5px;
            }

                .shop-holder .information-wrap table td.order-view .link-view {
                    font-weight: bold;
                    font-size: 14px;
                    line-height: 18px;
                    color: #000;
                }

        .shop-holder .information-wrap table.receipt {
            max-width: 80%;
            margin: 0 auto;
        }

            .shop-holder .information-wrap table.receipt td {
                padding: 5px 15px;
                font-weight: bold;
                text-align: left;
            }

                .shop-holder .information-wrap table.receipt td a {
                    color: #000;
                }

        .shop-holder .information-wrap table.order-table td {
            padding: 3px 15px;
            font-weight: bold;
        }

            .shop-holder .information-wrap table.order-table td .details .product-code {
                font-weight: normal;
            }

        .shop-holder .information-wrap table.order-table .buy-again {
            color: #000;
        }

    .shop-holder .information-wrap .wishlist {
        padding: 14px 27.5%;
        text-align: left;
    }

        .shop-holder .information-wrap .wishlist li {
            padding: 14px 0;
        }

            .shop-holder .information-wrap .wishlist li .product-image {
                float: left;
                margin-right: 10px;
            }

                .shop-holder .information-wrap .wishlist li .product-image img {
                    vertical-align: top;
                    width: auto;
                }

            .shop-holder .information-wrap .wishlist li .product-description {
                overflow: hidden;
                padding: 4px 0 9px;
                border-bottom: 1px solid #acacac;
            }

                .shop-holder .information-wrap .wishlist li .product-description h3 {
                    margin-bottom: 7px;
                    font-size: 15px;
                    line-height: 20px;
                }

                .shop-holder .information-wrap .wishlist li .product-description .lower-bar {
                    overflow: hidden;
                }

                    .shop-holder .information-wrap .wishlist li .product-description .lower-bar .price {
                        width: 49%;
                        float: left;
                    }

                        .shop-holder .information-wrap .wishlist li .product-description .lower-bar .price span {
                            display: inline-block;
                            vertical-align: top;
                            font-size: 16px;
                            line-height: 20px;
                        }

                            .shop-holder .information-wrap .wishlist li .product-description .lower-bar .price span.selling-price {
                                font-weight: bold;
                            }

                            .shop-holder .information-wrap .wishlist li .product-description .lower-bar .price span.marked-price {
                                color: #d20f43;
                                padding: 0 3px;
                                text-decoration: line-through;
                            }

                    .shop-holder .information-wrap .wishlist li .product-description .lower-bar .purchase {
                        float: right;
                        text-align: right;
                        width: 49%;
                        font-size: 12px;
                        line-height: 16px;
                        font-weight: bold;
                    }

                        .shop-holder .information-wrap .wishlist li .product-description .lower-bar .purchase .product-page {
                            padding: 0 3px;
                            display: block;
                            margin-bottom: 7px;
                        }

                        .shop-holder .information-wrap .wishlist li .product-description .lower-bar .purchase .btn-cart {
                            display: inline-block;
                            vertical-align: top;
                            background: #306;
                            min-width: 80px;
                            padding: 1px 5px;
                            color: #fff;
                            text-decoration: none;
                            text-align: center;
                            border: 0;
                        }

    .shop-holder .information-wrap .statement {
        display: block;
        font-size: 13px;
        line-height: 16px;
        font-weight: bold;
        color: #7e7e7e;
        margin-bottom: 40px;
    }

    /*.shop-holder .information-wrap .row {
        font-size: 0;
        line-height: 0;
    }*/

    .shop-holder .information-wrap .row .radio-title {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 18px;
        padding-right: 6px;
    }

    .shop-holder .information-wrap .row .radio-holder {
        display: inline-block;
        vertical-align: middle;
    }

        .shop-holder .information-wrap .row .radio-holder input[type="radio"] {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 0 3px;
        }

        .shop-holder .information-wrap .row .radio-holder label {
            display: inline-block;
            vertical-align: middle;
            font-size: 11px;
            line-height: 18px;
        }

    .shop-holder .information-wrap .info-form {
        text-align: left;
        margin-bottom: 20px;
    }

        .shop-holder .information-wrap .info-form .col-holder {
            margin: 0 -20px;
            overflow: hidden;
        }

            .shop-holder .information-wrap .info-form .col-holder .col {
                width: 32%;
                float: left;
                padding: 5px 20px;
            }

                .shop-holder .information-wrap .info-form .col-holder .col label {
                    display: inline-block;
                    vertical-align: top;
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: bold;
                    color: #000;
                }

                .shop-holder .information-wrap .info-form .col-holder .col input[type="text"],
                .shop-holder .information-wrap .info-form .col-holder .col input[type="tel"],
                .shop-holder .information-wrap .info-form .col-holder .col input[type="password"],
                .shop-holder .information-wrap .info-form .col-holder .col input[type="email"] {
                    display: block;
                    background: #eaeaea;
                    border-color: #eaeaea;
                    width: 100%;
                    font-size: 13px;
                    line-height: 16px;
                    height: 29px;
                    padding: 6px 9px 4px;
                }

            .shop-holder .information-wrap .info-form .col-holder.add {
                margin: 0 -5px;
            }

                .shop-holder .information-wrap .info-form .col-holder.add .col {
                    padding: 5px;
                    width: 20%;
                }

                    .shop-holder .information-wrap .info-form .col-holder.add .col.add1 {
                        width: 134px;
                    }

                    .shop-holder .information-wrap .info-form .col-holder.add .col.add2 {
                        width: 117px;
                    }

    .shop-holder .information-wrap .btn-add {
        padding: 10px 0;
    }

        .shop-holder .information-wrap .btn-add a {
            display: inline-block;
            vertical-align: top;
            font-size: 12px;
            line-height: 12px;
            color: #000;
            min-width: 80px;
            border: 2px solid #c7c7c7;
            border-radius: 5px;
            text-decoration: none;
            padding: 4px 5px;
            background: #fdfdfd url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(63%, #ebebeb), color-stop(100%, #ebebeb));
            background: -webkit-linear-gradient(top, #fdfdfd 0%, #ebebeb 63%, #ebebeb 100%);
            background: linear-gradient(to bottom, #fdfdfd 0%, #ebebeb 63%, #ebebeb 100%);
        }

            .shop-holder .information-wrap .btn-add a:hover {
                background: #ebebeb url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(37%, #ebebeb), color-stop(100%, #fdfdfd));
                background: -webkit-linear-gradient(top, #ebebeb 0%, #ebebeb 37%, #fdfdfd 100%);
                background: linear-gradient(to bottom, #ebebeb 0%, #ebebeb 37%, #fdfdfd 100%);
            }

    .shop-holder .information-wrap .billing-address {
        padding: 20px 0;
    }

        .shop-holder .information-wrap .billing-address .btn-update {
            padding: 10px 20px;
            text-align: right;
            margin-bottom: 10px;
        }

            .shop-holder .information-wrap .billing-address .btn-update a {
                background: #306;
                text-align: center;
                color: #fff;
                font-size: 18px;
                line-height: 18px;
                font-weight: bold;
                text-transform: uppercase;
                display: inline-block;
                vertical-align: top;
                text-decoration: none;
                min-width: 169px;
                padding: 5px 10px;
            }

                .shop-holder .information-wrap .billing-address .btn-update a:hover {
                    background: #000;
                }

        .shop-holder .information-wrap .billing-address h3 {
            margin-bottom: 10px;
        }

        .shop-holder .information-wrap .billing-address .two-columns {
            margin: 0 -20px;
            overflow: hidden;
            max-width: 410px;
            margin: 0 auto;
        }

            .shop-holder .information-wrap .billing-address .two-columns .column {
                width: 50%;
                float: left;
                padding: 0 20px;
                text-align: left;
                font-size: 12px;
                line-height: 16px;
                font-weight: bold;
                color: #000;
            }

                .shop-holder .information-wrap .billing-address .two-columns .column address {
                    font-style: normal;
                    overflow: hidden;
                }

                .shop-holder .information-wrap .billing-address .two-columns .column .selection-radio {
                    margin-bottom: 10px;
                }

                    .shop-holder .information-wrap .billing-address .two-columns .column .selection-radio label {
                        display: inline-block;
                        vertical-align: middle;
                    }

                        .shop-holder .information-wrap .billing-address .two-columns .column .selection-radio label .number {
                            font-size: 16px;
                            line-height: 16px;
                            padding-right: 10px;
                        }

                    .shop-holder .information-wrap .billing-address .two-columns .column .selection-radio input[type="radio"] {
                        display: inline-block;
                        vertical-align: middle;
                        margin-left: 10px;
                    }

                .shop-holder .information-wrap .billing-address .two-columns .column p {
                    margin-bottom: 10px;
                }

                .shop-holder .information-wrap .billing-address .two-columns .column a {
                    color: #000;
                    text-decoration: none;
                }

                    .shop-holder .information-wrap .billing-address .two-columns .column a:hover {
                        text-decoration: underline;
                    }

                .shop-holder .information-wrap .billing-address .two-columns .column .action-link {
                    overflow: hidden;
                }

                    .shop-holder .information-wrap .billing-address .two-columns .column .action-link a {
                        color: #000;
                        margin-right: 37px;
                        text-decoration: underline;
                    }

                        .shop-holder .information-wrap .billing-address .two-columns .column .action-link a:hover {
                            text-decoration: none;
                        }

.shop-holder .support-wrap .support-box {
    padding: 15px 20px;
    font-size: 15px;
    line-height: 27px;
    border: 1px solid #cecece;
    min-height: 262px;
}

    .shop-holder .support-wrap .support-box h2 {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 23px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .shop-holder .support-wrap .support-box p {
        margin: 0;
    }

    .shop-holder .support-wrap .support-box a {
        font-weight: bold;
        text-decoration: underline;
        color: #000;
    }

        .shop-holder .support-wrap .support-box a.tel-link {
            font-weight: normal;
            text-decoration: none;
        }

        .shop-holder .support-wrap .support-box a:hover {
            text-decoration: none;
        }

.account-info-list {
    padding: 0;
    margin-bottom: 26px;
}

    .account-info-list li {
        font-size: 15px;
        line-height: 18px;
        font-weight: bold;
        position: relative;
        padding: 6px 0;
    }

        .account-info-list li label {
            color: #9b9a99;
            display: inline-block;
            vertical-align: top;
        }

            .account-info-list li label:hover {
                color: #000;
            }

    .account-info-list .jcf-radio {
        margin: -2px 8px 0 0;
    }

.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}

.fancybox-skin {
    border: 1px solid #959595;
}

.fancybox-inner {
    overflow: hidden !important;
}

.fancybox-close:hover {
    opacity: .9;
}

label {
    font-weight: normal;
}

.banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .banner .bg-stretch {
        z-index: -1;
    }

    .banner h1 {
        background: rgba(0, 0, 0, .75);
        color: #fff;
        padding: 5px 0;
        font: 52px/56px "didot_regular", "Times", "Baskerville", "Georgia", serif !important;
        text-transform: uppercase;
    }

        .banner h1 .container {
            display: block;
        }

    .banner.add {
        min-height: 0;
    }

.sidenav {
    padding-top: 30px;
}

    .sidenav .title {
        display: block;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        /*text-transform: uppercase;*/
        margin-bottom: 4px;
    }

    .sidenav ul li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
    }

        .sidenav ul li a {
            color: #000;
        }

            .sidenav ul li a:hover {
                color: #470a68;
                text-decoration: none;
            }

        .sidenav ul li.active a {
            color: #470a68;
            font-weight: bold;
        }

.content-description {
    font-size: 20px !important;
    line-height: 24px !important;
}

    .content-description.add {
        font-size: 16px !important;
        line-height: 20px !important;
    }

        .content-description.add h2 {
            font-size: 36px !important;
            line-height: 40px !important;
        }


    .content-description h2 {
        margin-bottom: 17px !important;
        font: 44px/48px "didot_headlinebold", "Times", "Baskerville", "Georgia", serif !important;
        border-bottom: 1px solid #bfbfbf;
        text-transform: none;
        padding-bottom: 6px;
    }

    .content-description p {
        margin-bottom: 24px;
    }

.info-block {
    padding: 70px 0;
    margin-bottom: 73px;
}

    .info-block h2 {
        margin-bottom: 0 !important;
        font-size: 24px !important;
        line-height: 28px !important;
        text-align: center;
    }

    .info-block .image-holder {
        margin-bottom: 2px;
    }

    .info-block .link {
        display: block;
        text-align: right;
        text-transform: uppercase;
        font-weight: bold;
    }

.social-bar {
    padding-bottom: 47px;
}

    .social-bar h2 {
        margin-bottom: 13px !important;
        font: bold 16px/20px "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
    }

    .social-bar .social-network {
        margin-right: -4px;
        font-size: 0;
        line-height: 0;
    }

        .social-bar .social-network li {
            padding: 0 4px;
            font-size: 12px;
            line-height: 14px;
        }

            .social-bar .social-network li a {
                width: 38px;
                height: 38px;
                border-radius: 80px;
                display: block;
                background: #000;
                text-align: center;
                color: #fff;
            }

                .social-bar .social-network li a .fa {
                    display: inline-block;
                    vertical-align: top;
                    font-size: 28px;
                    line-height: 38px;
                }

                .social-bar .social-network li a:hover {
                    text-decoration: none;
                    background: #4d4d4d;
                }

    .social-bar.add {
        padding-bottom: 0;
    }

.main-heading {
    overflow: hidden;
    border-bottom: 1px solid #bfbfbf;
    padding: 14px 0 8px;
    margin-bottom: 1px;
}

    .main-heading h1 {
        margin-bottom: 0;
        font: 36px/40px "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
        text-transform: uppercase;
    }

.executive-list {
    padding: 16px 0 67px;
}

    .executive-list .member {
        padding: 18px 0 19px;
        border-bottom: 1px solid #bfbfbf;
    }

        .executive-list .member .image-holder img {
            max-width: 100%;
            width: auto;
            height: auto;
            vertical-align: top;
        }

        .executive-list .member .description {
            font-size: 14px;
            line-height: 23px;
            color: #555;
        }

        .executive-list .member h2 {
            margin-bottom: 3px;
            font: 30px/36px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        }

        .executive-list .member p {
            margin-bottom: 5px;
        }

        .executive-list .member .designation {
            margin-bottom: 7px;
            display: block;
            font: italic 22px/26px "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
            color: #000;
        }

.top-image img {
    width: 100%;
    max-width: none;
}

.contact-holder .main-heading {
    border-bottom: none;
    padding: 11px 0 19px;
}

    .contact-holder .main-heading h1 {
        margin-bottom: 0;
        font: 36px/40px "didot_headlineregular", "Times", "Baskerville", "Georgia", serif !important;
        text-transform: uppercase;
    }

.contact-holder .contact-form {
    padding: 13px 0 103px;
}


    .contact-holder .contact-form .legend {
        font-size: 14px;
        line-height: 18px;
        color: #898989;
        display: block;
        margin-bottom: 14px;
    }

    .contact-holder .contact-form .form-group {
        margin-bottom: 19px;
    }

    .contact-holder .contact-form label {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0;
    }

    .contact-holder .contact-form input.form-control {
        height: 35px;
    }

    .contact-holder .contact-form textarea {
        height: 200px;
        resize: none;
    }

    .contact-holder .contact-form .jcf-select {
        height: 35px;
    }

        .contact-holder .contact-form .jcf-select .jcf-select-text {
            padding: 7px 0;
            font-size: 14px;
            line-height: 18px;
        }


            .contact-holder .contact-form .jcf-select .jcf-select-text .jcf-option-hideme {
                color: #959595;
                font-size: 14px;
                line-height: 18px;
                font-style: italic;
            }

        .contact-holder .contact-form .jcf-select.jcf-drop-active .jcf-select-text .jcf-option-hideme {
            font-style: normal;
        }

    .contact-holder .contact-form .btn {
        min-width: 95px;
    }

.jcf-select-drop .jcf-option-hideme {
    display: none;
}

.mission-block {
    padding: 7px 0 0;
}

    .mission-block .mission-holder {
        padding-bottom: 54px;
    }

    .mission-block .image-holder {
        position: relative;
    }

        .mission-block .image-holder.holder1 {
            width: 548px;
        }

            .mission-block .image-holder.holder1 span.before {
                content: "";
                position: absolute;
                top: 100%;
                left: -1px;
                width: 206px;
                height: 150px;
                margin-top: -38px;
            }

                .mission-block .image-holder.holder1 span.before img {
                    width: 100%;
                    height: auto;
                    vertical-align: top;
                }

            .mission-block .image-holder.holder1 span.after {
                content: "";
                position: absolute;
                top: 100%;
                left: 223px;
                width: 129px;
                height: 97px;
                margin-top: -92px;
            }

                .mission-block .image-holder.holder1 span.after img {
                    width: 100%;
                    height: auto;
                    vertical-align: top;
                }

        .mission-block .image-holder.holder2 {
            width: 263px;
        }

            .mission-block .image-holder.holder2 span.after {
                content: "";
                position: absolute;
                top: 100%;
                left: 82px;
                width: 127px;
                height: 88px;
                margin-top: -35px;
            }

                .mission-block .image-holder.holder2 span.after img {
                    width: 100%;
                    height: auto;
                    vertical-align: top;
                }

    .mission-block .absolute-image {
        width: 260px;
        position: relative;
        top: 9px;
        right: -48px;
        margin-top: 20px;
        margin-bottom: -143px;
    }

        .mission-block .absolute-image span.before {
            content: "";
            position: absolute;
            top: 12px;
            right: 100%;
            width: 202px;
            height: 161px;
            margin-right: -17px;
        }

        .mission-block .absolute-image span.after {
            content: "";
            position: absolute;
            top: -33px;
            left: 100%;
            width: 113px;
            height: 152px;
            margin-left: -37px;
        }

    .mission-block .description {
        float: left;
        padding: 0 48px;
        font-size: 29px;
        line-height: 43px;
        width: 392px;
        position: relative;
    }

        .mission-block .description.large {
            width: 600px;
            padding-top: 40px;
        }

        .mission-block .description h2 {
            font: italic 40px/44px "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
            margin-bottom: 6px;
        }

            .mission-block .description h2 span {
                display: inline-block;
                vertical-align: top;
                border-bottom: 1px solid #bfbfbf;
            }

        .mission-block .description .highlight-text {
            color: #470a68;
            font-family: "didot_headlineregular", "Times", "Baskerville", "Georgia", serif;
            font-style: italic;
        }

.map-block {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 55px;
}



    .map-block .map-legend {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 250px;
        border: 1px solid #e1e1e1;
        padding: 3px 0;
        background: #fff;
    }

        .map-block .map-legend li {
            font-size: 14px;
            line-height: 18px;
            padding: 2px 10px;
        }

            .map-block .map-legend li img {
                vertical-align: top;
                margin-right: 9px;
            }

.hover-tooltip {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 4px 8px;
    border: 1px solid #e1e1e1;
    box-shadow: 3px 4px 4px rgba(1, 1, 1, .2);
}

    .hover-tooltip .tooltip-text {
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        color: #000;
    }

.country-list h2 {
    margin-bottom: 4px !important;
    font: bold 20px/24px "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
    border-bottom: 1px solid #bfbfbf;
    text-transform: none;
    padding-bottom: 3px;
}

.country-list h3 {
    margin-bottom: 15px !important;
    font-size: 30px !important;
    line-height: 34px !important;
    font-weight: bold !important;
    color: #333;
    text-transform: none;
}

.country-list .country-group {
    overflow: hidden;
}

    .country-list .country-group + .country-group {
        padding-top: 87px;
    }

.country-list .continent-block {
    overflow: hidden;
    padding-bottom: 39px;
}

    .country-list .continent-block .country-row + .country-row {
        padding-top: 55px;
    }

.country-list .country-block {
    overflow: hidden;
}

    .country-list .country-block h3 {
        margin-bottom: 12px !important;
        color: #000;
    }

    .country-list .country-block .branch-title {
        display: block;
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
        margin-bottom: 18px;
    }

    .country-list .country-block address {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 20px;
    }

    .country-list .country-block .connect {
        margin-bottom: 20px;
    }

        .country-list .country-block .connect li {
            font-size: 16px;
            line-height: 19px;
        }

            .country-list .country-block .connect li a {
                text-decoration: underline;
                color: #000;
            }

                .country-list .country-block .connect li a:hover {
                    text-decoration: none;
                }

                .country-list .country-block .connect li a.tel-link {
                    text-decoration: none;
                }

    .country-list .country-block .website {
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-bottom: 10px;
        word-break: break-all;
    }

        .country-list .country-block .website a {
            text-decoration: underline;
        }

            .country-list .country-block .website a:hover {
                text-decoration: none;
            }

.btn-top {
    width: 61px;
    height: 61px;
    background: #898989;
    border-radius: 5px;
    position: fixed;
    right: -3px;
    bottom: 20%;
    text-align: center;
    z-index: 8;
}

    .btn-top .fa {
        font-size: 30px;
        line-height: 58px;
        text-decoration: underline;
        color: #fff;
    }

    .btn-top:hover {
        background: #333;
    }

.map-link li {
    position: absolute;
    display: none;
    text-indent: -9999em;
    overflow: hidden;
    background-repeat: no-repeat;
}




.btn {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 19px;
    min-width: 110px;
    padding: 7px 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    text-align: center !important;
}

    .btn:hover {
        text-decoration: none !important;
    }

    .btn.btn-normal {
        background: #fff;
        color: #470a68;
    }

        .btn.btn-normal:hover {
            background: #ccc;
        }

    .btn.btn-success {
        background: #3e0f59;
        color: #fff;
    }

        .btn.btn-success:hover {
            background: #5c1685;
        }

    .btn.btn-primary {
        background: #470a68;
        color: #fff;
    }

        .btn.btn-primary:hover {
            background: #670e97;
        }

.shop-btn {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 18px;
}

    .shop-btn:before {
        position: absolute;
        content: "";
        background: url(../images/sprites.png) no-repeat -72px 0;
        width: 8px;
        height: 14px;
        top: 4px;
        left: -16px;
    }

    .shop-btn:hover {
        text-decoration: none;
        color: #666;
    }

.social-block {
    padding-top: 9px;
    text-align: center;
}

    .social-block li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        margin: 0 16px 10px;
    }

        .social-block li a {
            display: block;
            color: #000;
        }

            .social-block li a:hover {
                text-decoration: none;
                opacity: .7;
            }

        .social-block li .fa {
            vertical-align: top;
            line-height: 1;
            font-size: 25px;
            position: relative;
        }

            .social-block li .fa.fa-facebook {
                font-size: 23px;
            }

            .social-block li .fa.fa-twitter {
                font-size: 30px;
                top: -4px;
            }

.social-networks {
    letter-spacing: -4px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

    .social-networks li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        margin: 0 10px 10px;
    }

        .social-networks li a {
            display: block;
            width: 56px;
            height: 60px;
            background: url(../images/sprites.png) no-repeat -86px 0;
            line-height: 60px;
            font-size: 38px;
            color: #fff;
            text-align: center;
        }

            .social-networks li a:hover {
                background-position: -86px -66px;
            }

.seprator-hold {
    margin-bottom: 15px;
    text-align: center;
}

    .seprator-hold .seprator {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .seprator-hold .seprator:before,
        .seprator-hold .seprator:after {
            position: absolute;
            top: 50%;
            height: 1px;
            background: #ad98b8;
            content: "";
            left: 100%;
            right: -999px;
            margin-top: -1px;
        }

        .seprator-hold .seprator:after {
            left: -999px;
            right: 100%;
        }


.stars {
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
    text-align: center;
    padding: 5px 0 7px;
}

    .stars.hidden {
        visibility: hidden;
    }

    .stars li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        padding: 0 2px;
    }

        .stars li a {
            display: block;
            width: 18px;
            height: 19px;
            background: url(../images/sprites.png) no-repeat -24px -127px;
        }

        .stars li.unrated a {
            background-position: 0 -127px;
        }

.open-close .slide {
    display: none;
}

img {
    vertical-align: top;
    max-width: 100%;
}




.form-control {
    box-shadow: none;
    padding: 6px 12px 5px;
}

input[type="email"],
input[type="tel"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

#footer .seprator-hold {
    margin-bottom: 20px;
}

#footer .social-networks {
    padding-top: 11px;
}

#footer .add-nav {
    text-align: center;
}

    #footer .add-nav ul {
        letter-spacing: -4px;
        font-size: 0;
        line-height: 0;
    }

        #footer .add-nav ul li {
            display: inline-block;
            vertical-align: top;
            font-size: 18px;
            line-height: 20px;
            letter-spacing: 0.1em;
            color: #bebebe;
            text-transform: uppercase;
            font-weight: bold;
            padding: 6px;
        }

            #footer .add-nav ul li a {
                color: inherit;
                text-decoration: none;
                font-family: 'ggx88bold', Arial, sans-serif;
            }

                #footer .add-nav ul li a:hover {
                    text-decoration: underline;
                }

.footer-top {
    margin-bottom: 15px;
}

    .footer-top .two-cols {
        overflow: hidden;
    }

.signup-form .title {
    display: block;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    font-weight: normal;
    margin-bottom: 9px;
    font-family: ggx88book;
    letter-spacing: 0;
}

.signup-form .field-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .signup-form .field-wrap .btn-wrap {
        padding-top: 10px;
    }

.signup-form input[type="text"],
.signup-form input[type="email"] {
    height: 43px;
    margin: 0;
    border: 1px solid #9c9c9c;
    padding: 5px 6px;
    color: #989898;
    font-size: 18px;
    line-height: 31px;
    display: block;
    width: 100%;
    font-family: GGX88light;
}

    .signup-form input[type="text"]::-webkit-input-placeholder,
    .signup-form input[type="email"]::-webkit-input-placeholder {
        color: #989898;
    }

    .signup-form input[type="text"]::-moz-placeholder,
    .signup-form input[type="email"]::-moz-placeholder {
        opacity: 1;
        color: #989898;
    }

    .signup-form input[type="text"]:-moz-placeholder,
    .signup-form input[type="email"]:-moz-placeholder {
        color: #989898;
    }

    .signup-form input[type="text"]:-ms-input-placeholder,
    .signup-form input[type="email"]:-ms-input-placeholder {
        color: #989898;
    }

    .signup-form input[type="text"].placeholder,
    .signup-form input[type="email"].placeholder {
        color: #989898;
    }

.signup-form input[type="submit"] {
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 5px 2px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 31px;
    text-transform: uppercase;
    background: #000;
    font-family: ggx88book;
}

    .signup-form input[type="submit"]:hover {
        background: #4d4d4d;
    }

.footer-nav {
    background: #470a68;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

    .footer-nav ul {
        letter-spacing: -4px;
        font-size: 0;
        line-height: 0;
    }

        .footer-nav ul li {
            display: inline-block;
            vertical-align: top;
            font-size: 18px;
            line-height: 20px;
            padding: 6px;
            font-weight: bold;
            letter-spacing: 0;
            text-transform: uppercase;
        }

    .footer-nav a {
        color: #fff;
        text-decoration: none;
        font-family: 'ggx88Bold',arial,sans-serif;
        /*font-weight:normal;*/
    }

        .footer-nav a:hover {
            text-decoration: underline;
        }

.career .main-heading {
    border-bottom: 1px solid #bfbfbf;
    margin: 0;
}

.career .banner {
    min-height: 421px;
    max-height: 421px;
    overflow: hidden;
    width: 1392px;
    margin: 0 auto;
    position: relative;
}

    .career .banner .banner-caption {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-right: 50px;
        width: 473px;
        font-size: 47px;
        line-height: 47px;
        padding: 21px 0;
    }

    .career .banner span {
        display: inline-block;
        vertical-align: middle;
    }

    .career .banner .vvvv-important {
        font: 700 54px/50px "font-family-serif";
        text-transform: uppercase;
    }

    .career .banner .important {
        font-size: 40px;
    }

    .career .banner .vvv-important {
        font-size: 51px;
        line-height: 58px;
        letter-spacing: -2px;
    }

    .career .banner .v-important {
        font-size: 39px;
    }

    .career .banner mark {
        background: none;
        display: inline-block;
        vertical-align: middle;
        font-size: 38px;
    }

    .career .banner .vv-important {
        font-size: 42px;
    }

    .career .banner em {
        font: 62px/65px "font-family-serif";
        display: inline-block;
        vertical-align: middle;
        font-style: italic;
        letter-spacing: 1px;
    }

    .career .banner small {
        font-size: 41px;
        display: inline-block;
        vertical-align: middle;
    }

.career .twocolumns {
    padding: 15px 0 0 58px;
}

    .career .twocolumns .col-left {
        width: 564px;
        float: left;
    }

    .career .twocolumns .top-reasons {
        width: 370px;
        float: right;
        margin-bottom: 20px;
    }

        .career .twocolumns .top-reasons li {
            font-size: 16px;
            line-height: 18px;
            font-weight: 700;
            margin-bottom: 19px;
            position: relative;
            padding-left: 27px;
        }

        .career .twocolumns .top-reasons .ol-item-index {
            position: absolute;
            right: 95.6%;
            top: 2px;
            font-size: 16px;
            color: #ba0c2f;
            font-weight: 700;
            font-style: italic;
        }

        .career .twocolumns .top-reasons a {
            color: #000;
            text-decoration: none;
        }

            .career .twocolumns .top-reasons a:hover {
                color: #470a68;
            }

        .career .twocolumns .top-reasons h3 {
            font-size: 23px;
            line-height: 28px;
            font-weight: 700;
            color: #000;
            text-transform: none;
            position: relative;
            padding: 0 50px 13px 0;
            letter-spacing: -1px;
            margin-bottom: 8px;
        }

            .career .twocolumns .top-reasons h3:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                height: 11px;
                width: auto;
                left: 4px;
                right: 105px;
                background: url(../images/bar.png) repeat-x 0 100%;
            }


            .career .twocolumns .top-reasons h3:after {
                content: "";
                position: absolute;
                bottom: 0;
                height: 57px;
                width: 115px;
                right: -5px;
                background: url(../images/bg-title1.png) no-repeat;
            }

.career .block {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    overflow: hidden;
    margin-bottom: 56px;
}

    .career .block .btn {
        font-size: 14px;
        line-height: 18px;
        padding: 5px 10px;
    }

    .career .block i {
        font-family: "font-family-serif";
    }

    .career .block p {
        margin-bottom: 17px;
    }

    .career .block .alignright {
        float: right;
        margin-left: 10px;
        padding-top: 7px;
    }

    .career .block h2 {
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 8px;
        font-weight: 700;
        font-family: "Arial","Helvetica Neue","Helvetica",sans-serif;
    }

    .career .block dl dt {
        float: left;
        clear: left;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 303px;
        line-height: 18px;
        font-weight: 400;
        padding-right: 5px;
    }

    .career .block dl dd {
        margin: 0 0 8px 303px;
        line-height: 18px;
    }

    .career .block dl address {
        margin: 0;
        line-height: 18px;
    }

    .career .block dl a {
        color: #470a68;
        text-decoration: underline;
    }

        .career .block dl a:hover {
            text-decoration: none;
        }

.career .sidenav {
    padding-top: 17px;
}

.checkout-page-new .main-holder {
    padding-top: 20px;
}

    .checkout-page-new .main-holder #content {
        padding: 11px 31px 0 0;
    }

        .checkout-page-new .main-holder #content.checkout-returning {
            max-width: 750px;
            padding: 11px 0 0;
        }

            .checkout-page-new .main-holder #content.checkout-returning .shipping-holder .options-holder {
                width: 104%;
            }

            .checkout-page-new .main-holder #content.checkout-returning .consultant-holder {
                width: 100%;
            }

            .checkout-page-new .main-holder #content.checkout-returning .consultant-modal {
                width: 100%;
            }

        .checkout-page-new .main-holder #content.checkout-signin {
            max-width: 1121px;
            padding: 15px 0 50px;
        }

            .checkout-page-new .main-holder #content.checkout-signin .block {
                padding: 0 85px 0 0;
                margin: 0 -10px 0 0;
            }

                .checkout-page-new .main-holder #content.checkout-signin .block.block2 {
                    margin: 0 0 0 -10px;
                }

            .checkout-page-new .main-holder #content.checkout-signin h2 {
                text-transform: uppercase;
                margin: 0 0 15px;
                font: bold 16px/18px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
            }

            .checkout-page-new .main-holder #content.checkout-signin .row-hold {
                width: 100%;
                overflow: hidden;
                margin: 0 0 19px;
                padding: 1px;
            }

                .checkout-page-new .main-holder #content.checkout-signin .row-hold p {
                    margin: 8px 0 0;
                    font-size: 13px;
                    line-height: 15px;
                    color: #898989;
                }

                    .checkout-page-new .main-holder #content.checkout-signin .row-hold p a {
                        color: #898989;
                        text-decoration: underline;
                    }

                        .checkout-page-new .main-holder #content.checkout-signin .row-hold p a:hover {
                            text-decoration: none;
                        }

            .checkout-page-new .main-holder #content.checkout-signin label {
                overflow: hidden;
                width: 100%;
                display: block;
                padding: 0 0 1px;
                margin: 0;
                font-size: 14px;
                line-height: 16px;
                color: #000;
            }

            .checkout-page-new .main-holder #content.checkout-signin input[type="password"],
            .checkout-page-new .main-holder #content.checkout-signin input[type="email"] {
                border: 1px solid #959595;
                background: #fff;
                width: 100%;
                padding: 5px;
                height: 35px;
                font-size: 14px;
                line-height: 16px;
                color: #000;
            }

            .checkout-page-new .main-holder #content.checkout-signin .btn-hold {
                width: 100%;
                text-align: right;
            }

                .checkout-page-new .main-holder #content.checkout-signin .btn-hold a {
                    display: inline-block;
                    -webkit-transition: opacity .3s ease;
                    transition: opacity .3s ease;
                    margin: 7px 1px 0 0;
                }

                    .checkout-page-new .main-holder #content.checkout-signin .btn-hold a:hover {
                        opacity: .7;
                    }

            .checkout-page-new .main-holder #content.checkout-signin .btn {
                background: #470a68;
                color: #fff;
                font-size: 14px;
                line-height: 16px;
                min-width: 100px;
                padding: 9px 10px;
                margin: 0 1px 0 0;
                -webkit-transition: opacity .3s ease;
                transition: opacity .3s ease;
            }

                .checkout-page-new .main-holder #content.checkout-signin .btn:hover {
                    opacity: .7;
                }

            .checkout-page-new .main-holder #content.checkout-signin form.form .btn-hold {
                margin: 0 0 21px;
            }

            .checkout-page-new .main-holder #content.checkout-signin form.form .btn {
                min-width: 110px;
            }

        .checkout-page-new .main-holder #content.confirmation {
            max-width: 890px;
            padding: 15px 0 0;
        }

            .checkout-page-new .main-holder #content.confirmation h2 {
                text-transform: uppercase;
                margin: 0 0 11px;
                font: bold 22px/24px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
            }

                .checkout-page-new .main-holder #content.confirmation h2 span {
                    font-size: 18px;
                    line-height: 20px;
                    font-weight: normal;
                    color: #898989;
                    text-transform: none;
                    display: inline-block;
                }

.checkout-page-new #sidebar .summary-block {
    padding: 0 0 10px;
}

    .checkout-page-new #sidebar .summary-block h3 {
        text-align: center;
        color: #fff;
        padding: 4px 6px;
        margin: 0 0 18px;
        font-weight: normal;
        background: #470a68;
    }

    .checkout-page-new #sidebar .summary-block .product-summary {
        margin: 0 0 18px;
        border-bottom: solid #bfbfbf;
        border-width: 0 0 1px;
        padding: 0 0 5px;
    }

        .checkout-page-new #sidebar .summary-block .product-summary .title {
            display: block;
            font-size: 14px;
            line-height: 16px;
            text-transform: none;
            max-width: 170px;
            padding: 0 0 2px;
        }

        .checkout-page-new #sidebar .summary-block .product-summary .image-holder {
            width: auto;
            float: none;
        }

        .checkout-page-new #sidebar .summary-block .product-summary .product-details {
            padding: 0;
            margin: 0 0 0 -9%;
            font-size: 12px;
            line-height: 14px;
        }

            .checkout-page-new #sidebar .summary-block .product-summary .product-details .row-box {
                width: 100%;
                overflow: hidden;
            }

            .checkout-page-new #sidebar .summary-block .product-summary .product-details .box-inf {
                max-width: 52%;
                float: left;
            }

            .checkout-page-new #sidebar .summary-block .product-summary .product-details span {
                display: block;
            }

            .checkout-page-new #sidebar .summary-block .product-summary .product-details .summary {
                max-width: 40%;
                display: block;
                float: right;
                font-size: 14px;
                line-height: 16px;
                font-weight: normal;
            }

    .checkout-page-new #sidebar .summary-block .hold {
        overflow: hidden;
        padding: 0 6px;
    }

    .checkout-page-new #sidebar .summary-block .row-hold {
        width: 100%;
        overflow: hidden;
        margin: 0 0 16px;
    }

    .checkout-page-new #sidebar .summary-block .btn-hold {
        overflow: hidden;
        width: 100%;
        text-align: center;
    }

    .checkout-page-new #sidebar .summary-block .btn-success {
        display: inline-block;
        font-size: 14px;
        line-height: 16px;
        background: #470a68;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        padding: 8px 15px;
        min-width: 160px;
    }

        .checkout-page-new #sidebar .summary-block .btn-success:hover {
            opacity: .7;
        }

.checkout-page-new .calculator-form {
    padding: 0 0 1px;
    margin: 0 0 18px;
}

    .checkout-page-new .calculator-form .field-item {
        max-width: 52%;
    }

    .checkout-page-new .calculator-form input[type="submit"] {
        background: #470a68;
        font-size: 10px;
        line-height: 14px;
        margin: 8px 0 0;
    }

    .checkout-page-new .calculator-form input[type="text"] {
        height: 25px;
        font-size: 12px;
        line-height: 14px;
    }

    .checkout-page-new .calculator-form .input-holder {
        padding: 0 0 16px;
    }

        .checkout-page-new .calculator-form .input-holder .field-item {
            padding: 4px 0 0;
            margin: 0;
        }

.checkout-page-new .total-holder {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    margin: 0 0 19px;
}

.checkout-page-new .shopping-details {
    font-size: 14px;
}

    .checkout-page-new .shopping-details input[type="text"],
    .checkout-page-new .shopping-details input[type="tel"],
    .checkout-page-new .shopping-details input[type="password"] {
        height: 30px;
        font-weight: normal;
        border-color: #959595;
        font-size: 14px;
        padding: 5px 5px 6px;
        width: 100%;
    }

    .checkout-page-new .shopping-details h2 {
        margin: 0 0 6px;
    }

    .checkout-page-new .shopping-details label {
        font-weight: normal;
        font-size: 14px;
        margin: 0 0 1px;
    }

    .checkout-page-new .shopping-details .jcf-select {
        border: 1px solid #959595;
        border-radius: 0;
        background: #fff;
        height: 30px;
    }

        .checkout-page-new .shopping-details .jcf-select .jcf-select-text {
            font-size: 14px;
            line-height: 16px;
            font-style: italic;
            text-transform: none;
            font-weight: normal;
            color: #959595;
            padding: 5px 0 6px;
            cursor: pointer;
            height: 28px;
        }

        .checkout-page-new .shopping-details .jcf-select .jcf-select-opener {
            width: 17px;
            height: 28px;
            top: 0;
            margin-top: 0;
            right: 0;
            background: #f5f5f5;
            border-left: 1px solid #959595;
            cursor: pointer;
        }

            .checkout-page-new .shopping-details .jcf-select .jcf-select-opener:after {
                content: "";
                position: absolute;
                top: 13px;
                left: 50%;
                margin: 0 0 0 -5px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 5px 5.5px 0 5.5px;
                border-color: #7a7a7a transparent transparent transparent;
            }

    .checkout-page-new .shopping-details .text-optional {
        font-weight: normal;
        font-size: 18px;
    }

.checkout-page-new .address-form .row {
    margin: 0 -10px 20px;
}

.checkout-page-new .address-form p {
    font-weight: normal;
    margin: 0 0 16px;
}

.checkout-page-new .address-form .checklist-holder {
    margin: 0 0 11px;
}

    .checkout-page-new .address-form .checklist-holder label {
        color: #898989;
        padding: 1px 0 0;
    }

.checkout-page-new .address-form .jcf-checkbox {
    width: 15px;
    height: 15px;
    border-color: #959595;
}

    .checkout-page-new .address-form .jcf-checkbox span {
        width: 10px;
        margin: -4px 0 0 -5px;
    }

.checkout-page-new .seperator {
    height: 1px;
    background: #bfbfbf;
}

.checkout-page-new .address-holder:after {
    width: 1px;
    background: #bfbfbf;
}

.checkout-page-new .shipping-holder {
    margin: 21px 0 31px;
}

    .checkout-page-new .shipping-holder label {
        border-color: #ccc;
    }

        .checkout-page-new .shipping-holder label.jcf-label-active {
            border-color: #470a68;
        }

        .checkout-page-new .shipping-holder label .disclaimer {
            color: #000;
            margin: 0;
        }

        .checkout-page-new .shipping-holder label .title {
            font-size: 14px;
            line-height: 16px;
        }

    .checkout-page-new .shipping-holder .options-holder {
        width: 86%;
    }

    .checkout-page-new .shipping-holder .seperator {
        overflow: hidden;
        margin: 30px 0 0;
        width: 82.5%;
    }

.checkout-page-new .consultant-profile {
    width: 47% !important;
}

.checkout-page-new .consultant-holder h2 {
    font-size: 15px;
    line-height: 18px;
}

.checkout-page-new .consultant-block .image-holder {
    width: 70px;
    margin: 0;
    padding: 0 6px 0 0;
}

    .checkout-page-new .consultant-block .image-holder img {
        border: 1px solid #470a68;
    }

.checkout-page-new .consultant-block dt {
    font-size: 14px;
    margin: 0 0 2px;
    float: none;
    display: block;
}

.checkout-page-new .consultant-block dd {
    margin: 0 0 10px;
    font-size: 14px;
}

.checkout-page-new .consultant-holder {
    padding: 10px !important;
    margin: 40px 0 10px 0;
    border-color: #c2c2c2;
    width: 100%;
}

    .checkout-page-new .consultant-holder h2 {
        margin: 0 0 8px;
    }

.checkout-page-new .new-consultant-form {
    text-align: left;
    width: 52% !important;
}

    /*.checkout-page-new .new-consultant-form input[type="text"] {
        width: 150px;
    }*/

    .checkout-page-new .new-consultant-form .row {
        margin: 0 0 7px;
    }

        .checkout-page-new .new-consultant-form .row + .row {
            margin: 0 0 8px;
        }

    /*.checkout-page-new .new-consultant-form label {
        float: left;
        max-width: none;
        min-width: 120px !important;
        padding: 5px 5px 0 0;
        color: #898989;
        font-size: 12px !important;
        font-weight: normal;
        text-transform: none;
    }*/

    /*.checkout-page-new .new-consultant-form .form-control {
        padding: 5px;
        height: inherit !important;
        font-size: 12px;
    }*/

    .checkout-page-new .new-consultant-form .row-btn {
        width: 100%;
        overflow: hidden;
        text-align: right;
    }

    .checkout-page-new .new-consultant-form input[type="submit"] {
        margin: 0 !important;
        min-width: 120px;
        height: 30px;
        font-size: 14px;
        line-height: 16px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

.checkout-page-new .payment-form .controls-holder {
    padding: 15px 0 0;
}

.checkout-page-new .payment-form p {
    font-weight: normal;
    font-size: 14px;
    margin: 0;
}

    .checkout-page-new .payment-form p.txt {
        font-size: 12px;
        line-height: 14px;
        margin: 3px 0 5px;
    }

.checkout-page-new .payment-form .jcf-select {
    height: 30px;
}

.checkout-page-new .payment-form .row {
    margin: 0 0 21px;
}

    .checkout-page-new .payment-form .row .col {
        width: 25.5%;
        float: left;
    }

        .checkout-page-new .payment-form .row .col + .col {
            padding: 0 0 0 7px;
        }

            .checkout-page-new .payment-form .row .col + .col .image-holder {
                margin: 0 0 0 7px;
            }

    .checkout-page-new .payment-form .row .col2 {
        width: 47%;
    }

    .checkout-page-new .payment-form .row.three-cols {
        width: 100% !important;
    }

        .checkout-page-new .payment-form .row.three-cols .col {
            width: 21.1%;
        }

            .checkout-page-new .payment-form .row.three-cols .col + .col {
                margin: 0 0 0 10px;
                padding: 0;
                width: 16%;
            }


                .checkout-page-new .payment-form .row.three-cols .col + .col.last-child {
                    width: 25% !important;
                    padding: 0 0 0 10px;
                    margin: 0;
                    float: left;
                }

        .checkout-page-new .payment-form .row.three-cols input[type="text"] {
            width: 100%;
        }

.checkout-page-new .payment-form .hint {
    width: 16px;
    height: 16px;
    margin: 0;
    background: url(../images/img-quest.png) no-repeat;
}

.checkout-page-new .account-form {
    padding: 3px 0 40px;
}

    .checkout-page-new .account-form h2 {
        margin: 0 0 3px;
    }

    .checkout-page-new .account-form p {
        font-weight: normal;
    }

    .checkout-page-new .account-form .form-controls {
        padding: 12px 0 0;
    }

    .checkout-page-new .account-form .form-control {
        height: 30px;
    }

    .checkout-page-new .account-form .row {
        margin: 0 -18px 20px;
    }

        .checkout-page-new .account-form .row .col {
            width: 40%;
            padding: 0 12px 0 18px;
        }

            .checkout-page-new .account-form .row .col + .col {
                width: 29%;
                padding: 0;
            }

.checkout-page-new .shipping-nav {
    position: relative;
}

    .checkout-page-new .shipping-nav:after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0;
        right: 0;
        background: #bfbfbf;
        height: 1px;
        margin: 0 -9999px;
        padding: 0 9999px;
    }

.checkout-page-new .box-inform {
    width: 100%;
}

    .checkout-page-new .box-inform .seperator {
        width: 82.5%;
    }

.jcf-select-sel .jcf-list .jcf-option {
    padding: 5px 8px;
    font-style: italic;
    color: #959595;
    font-size: 14px;
}

/*.jcf-select-sel2 {
    width: 118px;
}*/

.consultant-modal {
    overflow: hidden;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
    border: 1px solid #470a68;
}

    .consultant-modal .table-hold {
        overflow: auto;
        width: 100%;
    }

    .consultant-modal .table {
        margin: 0;
        border: none;
    }

        .consultant-modal .table tr > th {
            border: none;
            padding: 8px 12px;
            font-size: 12px;
            line-height: 16px;
            font-weight: bold;
            color: #fff;
            vertical-align: top;
            background: #470a68;
        }

        /*.consultant-modal .table tr > th:first-child {
	padding-left: 80px;
	padding-right: 5px;
}*/

        .consultant-modal .table tr > td {
            font-weight: normal;
            border-top: 0;
            color: #000;
            font-size: 12px;
            line-height: 16px;
            padding: 8px 12px;
            vertical-align: middle;
        }

            .consultant-modal .table tr > td span {
                display: block;
            }

            /*.consultant-modal .table tr > td:first-child {
		padding: 3px 5px 3px 14px;
	}

	.consultant-modal .table tr > td:last-child {
		width: 124px;
	}*/

            .consultant-modal .table tr > td .btn {
                background: #470a68;
                color: #fff;
                /*width: 100px;*/
                height: 30px;
                font-size: 12px;
                line-height: 16px;
                padding: 5px;
                -webkit-transition: opacity .3s ease;
                transition: opacity .3s ease;
                /*margin: 3px 0 0 5px;*/
                min-width: 0;
            }

                .consultant-modal .table tr > td .btn:hover {
                    opacity: .7;
                }

        .consultant-modal .table tr.mark td {
            background: #e5f0f2;
        }

        .consultant-modal .table .img-hold {
            width: 15%;
            float: left;
            margin: 0 11px 0 0;
            border: 1px solid #470a68;
        }

        .consultant-modal .table .heading {
            display: inline-block;
            vertical-align: top;
            margin: 0;
            font-size: 12px;
            line-height: 18px;
            text-align: left;
        }

.block-inform {
    width: 100%;
    overflow: hidden;
    padding: 0 0 22px;
    margin: 0 0 23px;
    border-bottom: 1px solid #bfbfbf;
}

    .block-inform.inform {
        border-bottom: 0;
        padding: 0;
        margin: 0 0 30px;
    }

    .block-inform h2 {
        padding: 0 0 7px !important;
        margin: 0 0 22px !important;
        border-bottom: 1px solid #bfbfbf;
    }

    .block-inform .hold {
        width: 100%;
        overflow: hidden;
    }

    .block-inform .box {
        width: 48%;
        float: left;
        position: relative;
        padding: 0 0 0 40px;
        color: #000;
        font-weight: normal;
        border-left: 1px solid #bfbfbf;
        white-space: nowrap;
    }

        .block-inform .box:after {
            content: "";
            display: inline-block;
            height: 100%;
            width: 1px;
            overflow: hidden;
            vertical-align: middle;
        }

        .block-inform .box:first-child {
            width: 52%;
            border-left: 0;
            padding: 0 10px 0 0;
        }

            .block-inform .box:first-child:after {
                display: none;
            }

        .block-inform .box span {
            display: block;
            font-size: 18px;
            line-height: 20px;
            margin: 0 0 5px;
        }

    .block-inform .name {
        display: block;
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 6px;
    }

    .block-inform .list {
        vertical-align: middle;
        display: inline-block;
        white-space: normal;
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 -10px;
    }

        .block-inform .list li {
            overflow: hidden;
            padding: 0 0 10px;
        }

        .block-inform .list a {
            text-decoration: underline;
            color: #470a68;
        }

            .block-inform .list a:hover {
                text-decoration: none;
            }

    .block-inform address {
        width: 100%;
        overflow: hidden;
        font-style: normal;
        margin: 0;
    }

        .block-inform address a {
            color: #000;
        }

.block-inf {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin: 0 0 27px;
}

    .block-inf.create-account {
        display: none;
        padding: 25px 0 0;
        border-top: 1px solid #bfbfbf;
    }

    .block-inf.inf {
        border-bottom: 0;
        padding: 0;
        margin: 0 0 32px;
    }

    .block-inf p {
        margin: 0;
    }

    .block-inf .txt {
        display: block;
        font-size: 14px;
        line-height: 16px;
        color: #898989;
        margin: -4px 0 20px;
    }

    .block-inf .hold {
        width: 100%;
        overflow: hidden;
        padding: 20px 0 0;
    }

    .block-inf .box {
        border-left: 1px solid #bfbfbf;
        float: left;
        font-size: 18px;
        line-height: 20px;
        padding: 0 0 0 30px;
        width: 48%;
    }

        .block-inf .box:first-child {
            padding: 0 10px 0 0;
            border-left: 0;
        }

        .block-inf .box h3 {
            margin: 0 0 14px;
            font: bold 18px/20px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        }

        .block-inf .box address {
            font-style: normal;
            width: 100%;
            overflow: hidden;
            margin: 0;
        }

            .block-inf .box address span {
                display: block;
                padding: 0 0 2px;
            }

            .block-inf .box address a {
                color: #000;
            }

.fotm-account {
    width: 100%;
    overflow: hidden;
    color: #000;
}

    .fotm-account label {
        display: block;
        overflow: hidden;
        padding: 0 0 1px;
        margin: 0;
        font-size: 14px;
        line-height: 16px;
    }

    .fotm-account input[type="password"],
    .fotm-account input[type="email"] {
        border: 1px solid #959595;
        background: #fff;
        width: 100%;
        padding: 5px;
        height: 30px;
        font-size: 14px;
        line-height: 16px;
        color: #000;
    }

    .fotm-account .row-hold {
        width: 100%;
        padding: 0 1px 1px;
    }

    .fotm-account .row-btn {
        width: 100%;
        overflow: hidden;
        padding: 24px 0 0;
        text-align: right;
    }

    .fotm-account .btn {
        color: #fff;
        background: #470a68;
        font-size: 14px;
        line-height: 16px;
        min-width: 161px;
        padding: 8px 10px;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
    }

        .fotm-account .btn:hover {
            opacity: .7;
        }

.block-order {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 0 0 47px;
    padding: 21px 22px 23px;
    color: #000;
}

    .block-order h3 {
        margin: 0 0 24px;
        text-align: center;
        text-transform: none;
        font: bold 18px/20px "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
    }

    .block-order .block-hold {
        overflow: hidden;
    }

    .block-order .box {
        float: right;
        width: 40%;
        padding: 0 10px 0 0;
        font-size: 16px;
        line-height: 18px;
    }

        .block-order .box:first-child {
            width: 40%;
            float: left;
            text-align: right;
        }

            .block-order .box:first-child span {
                padding: 0 8px 0 0;
            }

        .block-order .box strong {
            display: block;
            margin: 0 0 6px;
        }

        .block-order .box span {
            display: block;
        }

.shopping-cart {
    overflow: hidden;
    width: 100%;
}

    .shopping-cart .table {
        margin-bottom: 18px;
        border-bottom: 1px solid #bfbfbf;
        /*min-width: 600px;*/
    }

        .shopping-cart .table thead > tr > th {
            border: none;
            padding: 10px 5px;
            color: #000;
            font-size: 18px;
            line-height: 20px;
            text-align: center;
        }

        /*.shopping-cart .table thead > tr > th:first-child {
                width: 353px;
            }*/

        .shopping-cart .table tbody > tr > td {
            padding: 36px 8px 13px;
            border-color: #bfbfbf;
            text-align: center;
            font-size: 16px;
            line-height: 18px;
            color: #000;
        }

            .shopping-cart .table tbody > tr > td:first-child {
                text-align: left;
                padding: 13px 12px 8px;
            }

            .shopping-cart .table tbody > tr > td.last {
                text-align: right;
                padding: 36px 16px 13px 8px;
            }

        .shopping-cart .table .img-hold {
            width: 33.43%;
            float: left;
            margin: 0 34px 0 0;
            text-align: center;
            overflow: hidden;
        }

        .shopping-cart .table .title {
            line-height: 20px;
            display: block;
            margin: 0 0 8px;
        }

        .shopping-cart .table .txt {
            overflow: hidden;
            white-space: normal;
        }

        .shopping-cart .table span {
            display: inline-block;
            vertical-align: top;
        }

        .shopping-cart .table strong {
            display: inline-block;
            vertical-align: top;
        }

    .shopping-cart .table-responsive {
        border: none;
    }

.block-subtotal {
    width: 100%;
    overflow: hidden;
    padding: 0 16px 40px;
}

    .block-subtotal .block {
        width: 241px;
        float: right;
    }

    .block-subtotal ul {
        font-size: 16px;
        line-height: 18px;
        overflow: hidden;
    }

        .block-subtotal ul li {
            display: block;
            overflow: hidden;
            padding: 0 0 6px;
        }

    .block-subtotal .txt {
        width: 161px;
        float: left;
        text-transform: uppercase;
    }

    .block-subtotal strong {
        font-size: 18px;
        line-height: 20px;
    }

    .block-subtotal .total {
        float: right;
        width: 80px;
        text-align: right;
    }

.box-info .seperator {
    width: 82.5%;
}

.join-page #two-columns {
    margin-bottom: 0 !important;
}

.join-page .section-content {
    overflow: hidden;
    width: 100%;
}

    .join-page .section-content .block {
        overflow: hidden;
        margin: 0 0 34px;
        font-size: 16px;
        line-height: 22px;
        color: #000;
    }

        .join-page .section-content .block.block2 {
            line-height: 30px;
            margin: 0 0 19px;
        }

            .join-page .section-content .block.block2 h2 {
                font-size: 76px;
                line-height: 78px;
            }

                .join-page .section-content .block.block2 h2 span {
                    font-size: 62px;
                    line-height: 64px;
                    display: block;
                    margin: 0 0 -30px;
                }

        .join-page .section-content .block p {
            margin: 10px 0 0;
        }

        .join-page .section-content .block .list {
            overflow: hidden;
            font-size: 16px;
            line-height: 20px;
        }

            .join-page .section-content .block .list li {
                float: left;
                padding: 0 16px;
                position: relative;
            }

                .join-page .section-content .block .list li:first-child {
                    padding: 0 16px 0 0;
                }

                    .join-page .section-content .block .list li:first-child:after {
                        display: none;
                    }

                .join-page .section-content .block .list li:after {
                    content: "";
                    position: absolute;
                    top: 2px;
                    left: 0;
                    width: 1px;
                    height: 16px;
                    background: #000;
                }

            .join-page .section-content .block .list a {
                color: #000;
            }

                .join-page .section-content .block .list a:hover {
                    text-decoration: underline;
                }

    .join-page .section-content h2 {
        color: #470a68;
        text-transform: none;
        font: italic 72px/74px "didot_regular", "Times New Roman", Times, Baskerville, Georgia, serif;
        margin: 0;
    }

    .join-page .section-content h3 {
        font-size: 24px;
        line-height: 26px;
        font-weight: normal;
        color: #000;
        color: #470a68;
        margin: 0;
        text-transform: none;
        margin: 12px 0 0;
    }

        .join-page .section-content h3 em {
            font-size: 72px;
            line-height: 74px;
            width: 15%;
            float: left;
            padding: 5px 0 0;
            font-style: normal;
        }

        .join-page .section-content h3 span {
            display: inline-block;
            vertical-align: top;
            width: 40%;
            float: left;
            padding: 0 15px 0 0;
        }

        .join-page .section-content h3 .txt {
            text-align: right;
            float: right;
            width: 45%;
            padding: 0 0 0 5px;
        }

    .join-page .section-content h4 {
        font: italic 62px/64px "didot_regular", "Times New Roman", Times, Baskerville, Georgia, serif;
        margin: 5px 0 0;
        text-transform: uppercase;
        color: #470a68;
        text-align: center;
    }

        .join-page .section-content h4 em {
            display: block;
            margin: 0 0 -30px;
        }

        .join-page .section-content h4 span {
            display: inline-block;
            font-size: 37px;
            line-height: 39px;
            color: #470a68;
            text-transform: none;
        }

        .join-page .section-content h4.title {
            font-size: 48px;
            line-height: 50px;
            margin: 12px 0 2px;
            text-transform: none;
            text-align: left;
        }

    .join-page .section-content .text-block {
        overflow: hidden;
        width: 100%;
        margin: 6px 0 58px;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        color: #636363;
    }

        .join-page .section-content .text-block h2 {
            color: #470a68;
            margin: 0 0 3px;
            text-align: center;
            font: 36px/38px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        }

            .join-page .section-content .text-block h2 strong {
                text-transform: uppercase;
                font: 32px/34px "didot_bold", "Times New Roman", Times, Baskerville, Georgia, serif;
                color: #ba0c2f;
                margin: 0 0 0 7px;
            }

    .join-page .section-content .box-txt {
        width: 100%;
        overflow: hidden;
        text-align: center;
        font-size: 16px;
        line-height: 19px;
        color: #636363;
        margin: 0 0 112px;
    }

        .join-page .section-content .box-txt .heading-box {
            color: #470a68;
            text-align: center;
            font: 30px/32px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        }

            .join-page .section-content .box-txt .heading-box em {
                display: inline-block;
            }

            .join-page .section-content .box-txt .heading-box strong {
                text-transform: uppercase;
                font: 25px/30px "didot_bold", "Times New Roman", Times, Baskerville, Georgia, serif;
                color: #ba0c2f;
                display: block;
            }

        .join-page .section-content .box-txt .img-box {
            width: 100%;
            overflow: hidden;
            text-align: center;
        }

        .join-page .section-content .box-txt p {
            margin: 0;
        }

.join-page .section-story {
    width: 100%;
    overflow: hidden;
}

    .join-page .section-story .block-text {
        overflow: hidden;
        margin: 6px 0 46px;
        color: #000;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
    }

        .join-page .section-story .block-text h2 {
            text-transform: uppercase;
            color: #000;
            text-align: center;
            margin: 0 0 8px;
            font: bold 28px/30px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        }

        .join-page .section-story .block-text p {
            margin: 0;
        }

    .join-page .section-story .block-legacy {
        overflow: hidden;
        margin: 0 0 60px;
        font-size: 16px;
        line-height: 18px;
        color: #636363;
        text-align: center;
    }

        .join-page .section-story .block-legacy p {
            margin: 0;
        }

    .join-page .section-story .heading-box {
        width: 100%;
        position: relative;
        margin: 0 0 5px;
        border-bottom: 1px solid #c2c2c2;
    }

        .join-page .section-story .heading-box h2 {
            color: #470a68;
            margin: 0 0 4px;
            text-align: center;
            text-transform: none;
            font: italic 30px/32px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        }

            .join-page .section-story .heading-box h2 strong {
                font: 28px/30px "didot_bold", "Times New Roman", Times, Baskerville, Georgia, serif;
                color: #ba0c2f;
                margin: 0 0 0 2px;
                text-transform: uppercase;
            }

        .join-page .section-story .heading-box .day,
        .join-page .section-story .heading-box .year {
            width: 20.72%;
            position: absolute;
            bottom: -6px;
            left: 0;
            background: #fff;
            text-align: right;
            color: #636363;
            font-weight: bold;
            font-style: italic;
            font-size: 12px;
            line-height: 14px;
            padding: 0 5px;
        }

        .join-page .section-story .heading-box .day {
            left: auto;
            right: 0;
            text-align: left;
        }

    .join-page .section-story .img-hold {
        width: 100%;
        overflow: hidden;
    }

        .join-page .section-story .img-hold.alignright {
            text-align: right;
            padding: 0 16% 0 0;
        }

        .join-page .section-story .img-hold.alignleft {
            text-align: left;
            padding: 0 0 0 16%;
        }

    .join-page .section-story .text-block {
        overflow: hidden;
        margin: 0 0 120px;
        font-size: 16px;
        line-height: 18px;
        color: #636363;
        text-align: center;
    }

        .join-page .section-story .text-block p {
            margin: 0;
        }

            .join-page .section-story .text-block p span {
                font-weight: bold;
                color: #000;
            }

        .join-page .section-story .text-block h2 {
            color: #470a68;
            margin: 0 0 4px;
            text-transform: none;
            text-align: center;
            font: italic 30px/32px "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        }

            .join-page .section-story .text-block h2 strong {
                display: block;
                font: 28px/30px "didot_bold", "Times New Roman", Times, Baskerville, Georgia, serif;
                color: #ba0c2f;
                margin: 0 0 0 2px;
                text-transform: uppercase;
            }


@font-face {
    font-family: "didot_bold";
    src: url("../fonts/didot_display_bold-webfont.eot");
    src: url("../fonts/didot_display_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/didot_display_bold-webfont.woff2") format("woff2"), url("../fonts/didot_display_bold-webfont.woff") format("woff"), url("../fonts/didot_display_bold-webfont.ttf") format("truetype"), url("../fonts/didot_display_bold-webfont.svg#didot_bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "didot_regular";
    src: url("../fonts/didot_display-webfont.eot");
    src: url("../fonts/didot_display-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/didot_display-webfont.woff2") format("woff2"), url("../fonts/didot_display-webfont.woff") format("woff"), url("../fonts/didot_display-webfont.ttf") format("truetype"), url("../fonts/didot_display-webfont.svg#didot_regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'didot_headlineregular';
    src: url('../fonts/didot_headline-webfont.eot');
    src: url('../fonts/didot_headline-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/didot_headline-webfont.woff2') format('woff2'), url('../fonts/didot_headline-webfont.woff') format('woff'), url('../fonts/didot_headline-webfont.ttf') format('truetype'), url('../fonts/didot_headline-webfont.svg#didot_headlineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'didot_headlinebold';
    src: url('../fonts/didot_headline_bold-webfont.eot');
    src: url('../fonts/didot_headline_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/didot_headline_bold-webfont.woff2') format('woff2'), url('../fonts/didot_headline_bold-webfont.woff') format('woff'), url('../fonts/didot_headline_bold-webfont.ttf') format('truetype'), url('../fonts/didot_headline_bold-webfont.svg#didot_headlinebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'didot_display_demiregular';
    src: url('../fonts/didot_display_demi-webfont.eot');
    src: url('../fonts/didot_display_demi-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/didot_display_demi-webfont.woff2') format('woff2'), url('../fonts/didot_display_demi-webfont.woff') format('woff'), url('../fonts/didot_display_demi-webfont.ttf') format('truetype'), url('../fonts/didot_display_demi-webfont.svg#didot_display_demiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'didot_headline_demiregular';
    src: url('../fonts/didot_headline_demi-webfont.eot');
    src: url('../fonts/didot_headline_demi-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/didot_headline_demi-webfont.woff2') format('woff2'), url('../fonts/didot_headline_demi-webfont.woff') format('woff'), url('../fonts/didot_headline_demi-webfont.ttf') format('truetype'), url('../fonts/didot_headline_demi-webfont.svg#didot_headline_demiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ggx88light';
    src: url('../fonts/ggx88_lt-webfont.eot');
    src: url('../fonts/ggx88_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ggx88_lt-webfont.woff2') format('woff2'), url('../fonts/ggx88_lt-webfont.woff') format('woff'), url('../fonts/ggx88_lt-webfont.ttf') format('truetype'), url('../fonts/ggx88_lt-webfont.svg#ggx88light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ggx88book';
    src: url('../fonts/ggx88_bk-webfont.eot');
    src: url('../fonts/ggx88_bk-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ggx88_bk-webfont.woff2') format('woff2'), url('../fonts/ggx88_bk-webfont.woff') format('woff'), url('../fonts/ggx88_bk-webfont.ttf') format('truetype'), url('../fonts/ggx88_bk-webfont.svg#ggx88book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ggx88extralight';
    src: url('../fonts/ggx88_el-webfont.eot');
    src: url('../fonts/ggx88_el-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ggx88_el-webfont.woff2') format('woff2'), url('../fonts/ggx88_el-webfont.woff') format('woff'), url('../fonts/ggx88_el-webfont.ttf') format('truetype'), url('../fonts/ggx88_el-webfont.svg#ggx88extralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.join-page .page-heading {
    background: #470A68;
    color: #fff;
    padding: 15px 0;
}

    .join-page .page-heading a {
        color: inherit;
        text-decoration: none;
    }

        .join-page .page-heading a:hover {
            text-decoration: none;
            color: #a69461;
        }

    .join-page .page-heading h1 {
        float: left;
        width: 490px;
        font-size: 80px;
        line-height: 1;
        font-style: italic;
        font-weight: 300;
        color: inherit;
        margin: 0;
    }

        .join-page .page-heading h1 span {
            font-family: "didot_headlinebold", Times, serif;
            font-size: 98%;
            line-height: inherit;
            font-weight: normal;
            font-style: normal;
            text-transform: uppercase;
        }

    .join-page .page-heading .heading-nav {
        overflow: hidden;
    }

        .join-page .page-heading .heading-nav ul {
            list-style: none;
            padding: 0;
            margin: 35px 0 0;
            width: 100%;
            display: table;
            table-layout: fixed;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
        }

            .join-page .page-heading .heading-nav ul li {
                vertical-align: middle;
                padding: 0 5px;
            }

                .join-page .page-heading .heading-nav ul li.active a {
                    color: #a69461;
                }

.join-page .visual {
    position: relative;
    overflow: hidden;
    /*min-height: 282px;*/
    margin: 0 0 20px;
    /*white-space: nowrap;
    text-align: right;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;*/
}

    .join-page .visual p {
        margin: 10px 0 0;
        font-size: 20px;
        line-height: 26px;
        font-family: 'ggx88extralight', Arial, sans-serif;
    }

        .join-page .visual p:first-child {
            margin-top: 0;
        }

    /*.join-page .visual .bg-stretch {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -1;
    }*/

    .join-page .visual .bg-stretch img {
        display: block;
        width: 100%;
    }


    .join-page .visual .text-wrap {
        white-space: normal;
        display: inline-block;
        vertical-align: top;
        /*padding: 45px 21px;*/
        text-align: left;
        width: 51%;
        position: absolute;
        right: 30px;
        top: 30px;
        color: #fff;
    }

    .join-page .visual h2 {
        font-family: "Helvetica_Light-Normal", "Helvetica Neue", "Helvetica", sans-serif;
        text-transform: none;
        color: inherit;
        font-size: 48px;
        line-height: 42px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .join-page .visual .btn {
        float: right;
        margin-top: 15px;
    }

.join-page .section {
    color: #636363;
    margin: 0 0 50px;
}

    .join-page .section p {
        margin: 0 0 15px;
    }

    .join-page .section .section-heading {
        text-align: center;
        margin: 0 0 22px;
    }

        .join-page .section .section-heading h2 {
            font: 32px/1.2 "Arial", "Helvetica Neue", "Helvetica", sans-serif;
            text-transform: none;
            margin: 0;
            color: #470a68;
        }

            .join-page .section .section-heading h2 span,
            .join-page .section .section-heading h3 {
                font: italic 30px/1.2 "didot_regular", "Times New Roman", Times, Baskerville, Georgia, serif;
                color: #ba0c2f;
                margin: 0;
                display: block;
                text-transform: none;
            }

        .join-page .section .section-heading.text-left {
            text-align: left;
        }

    .join-page .section a {
        text-decoration: underline;
    }

        .join-page .section a:hover {
            text-decoration: none;
        }

    .join-page .section table {
        width: 100%;
        font-size: 14px;
    }

        .join-page .section table td,
        .join-page .section table th {
            background: #a3987a;
            color: #fff;
            font-weight: normal;
            padding: 3px 3px 3px 7px;
            text-align: center;
            border: 0 solid #fff;
            border-width: 0 0 0 2px;
        }

            .join-page .section table td:first-child,
            .join-page .section table th:first-child {
                border-width: 0 !important;
            }

        .join-page .section table td {
            color: #555;
            background: #fff;
        }

        .join-page .section table tbody tr:nth-child(even) td {
            background: #e5f0f2;
        }

    .join-page .section .rewards-table {
        table-layout: fixed;
        min-width: 954px;
    }

        .join-page .section .rewards-table th,
        .join-page .section .rewards-table td {
            border-left-width: 5px;
        }

        .join-page .section .rewards-table th {
            font-weight: bold;
            font-size: 13px;
            text-align: left;
        }

            .join-page .section .rewards-table th span {
                display: block;
                font-size: 13px;
                font-weight: normal;
            }

        .join-page .section .rewards-table .caption {
            display: block;
            font-weight: normal;
            font-size: 10px;
        }

        .join-page .section .rewards-table .col-1 {
            width: 114px;
        }

.join-page .rewards-list {
    list-style: none;
    margin: 0 0 2px;
    padding: 0;
    width: 100%;
    min-width: 954px;
    display: table;
    table-layout: fixed;
}

    .join-page .rewards-list li {
        display: table-cell;
        vertical-align: top;
        border-left: 5px solid transparent;
    }

        .join-page .rewards-list li:first-child {
            border-left-width: 0;
            width: 114px;
        }

        .join-page .rewards-list li img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            height: auto;
        }

    .join-page .rewards-list .title-row {
        font-size: 0;
        line-height: 0;
        white-space: nowrap;
        padding: 0 0 0 64px;
    }

        .join-page .rewards-list .title-row .number {
            display: inline-block;
            vertical-align: middle;
            width: 60px;
            height: 71px;
            background: url("../images/bg-number.png") 0 -121px no-repeat;
            text-align: center;
            font-size: 51px;
            line-height: 71px;
            overflow: hidden;
            color: #fff;
            white-space: normal;
            margin: 0 4px 0 -64px;
            font-weight: 300;
        }

        .join-page .rewards-list .title-row .title {
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
            width: 100%;
            font-size: 20px;
            line-height: 1;
            font-weight: normal;
            font-style: italic;
            color: #470a68;
        }

            .join-page .rewards-list .title-row .title span {
                font-family: "didot_bold", "Times New Roman", Times, Baskerville, Georgia, serif;
                font-weight: normal;
                font-style: normal;
                color: #ba0c2f;
                display: block;
            }

.join-page .items-list {
    list-style: none;
    padding: 15px 0;
    margin: 0;
    counter-reset: myCounter;
    border: 0 solid #e0e0e0;
    border-width: 0 0 2px;
}

    .join-page .items-list > .item {
        position: relative;
        padding: 18px 0 29px 140px;
    }

        .join-page .items-list > .item:before {
            position: absolute;
            left: 0;
            top: 0;
            width: 77px;
            height: 90px;
            background: url("../images/bg-number.png") no-repeat;
            text-align: center;
            font-size: 64px;
            line-height: 90px;
            color: #fff;
            overflow: hidden;
            counter-increment: myCounter;
            content: counters(myCounter, ".") " ";
        }

        .join-page .items-list > .item header {
            margin: 0 0 20px;
        }

            .join-page .items-list > .item header h4 {
                margin: 0 0 5px;
            }

            .join-page .items-list > .item header p {
                margin: 0;
            }

            .join-page .items-list > .item header table {
                display: inline-table;
                vertical-align: middle;
                width: auto;
                width: 278px;
            }

            .join-page .items-list > .item header .stock {
                display: inline-block;
                vertical-align: middle;
                position: static;
                margin: 10px 0 10px 56px;
            }

        .join-page .items-list > .item h4 {
            text-transform: uppercase;
            font-weight: normal;
            color: #000;
            font-size: 18px;
        }

        .join-page .items-list > .item h5 {
            margin: 0;
        }

            .join-page .items-list > .item h5 span,
            .join-page .items-list > .item h5 em {
                color: #ba0c2f;
                font-style: italic;
                font-weight: normal;
            }

    .join-page .items-list .columns .img-col {
        float: left;
        width: 520px;
        max-width: 70%;
        position: relative;
    }

        .join-page .items-list .columns .img-col img {
            display: block;
            width: 100%;
            height: auto;
        }

        .join-page .items-list .columns .img-col .stock {
            position: absolute;
            left: 0;
            top: 0;
        }

    .join-page .items-list .columns .note {
        margin: 5px 0 0;
        font-size: 11px;
        text-align: right;
    }

    .join-page .items-list .columns .info-col {
        overflow: hidden;
    }

    .join-page .items-list .stock {
        display: block;
        width: 80px;
        height: 80px;
        white-space: nowrap;
        font-style: italic;
        overflow: hidden;
        font-size: 17px;
        line-height: .86;
        font-style: italic;
        text-align: center;
        color: #470a68;
        position: relative;
        border: 1px dotted #c83e59;
        z-index: 1;
        border-radius: 50%;
        letter-spacing: -.03em;
    }

        .join-page .items-list .stock .save {
            font-size: 24px;
        }

        .join-page .items-list .stock:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 1px;
            height: 100%;
            margin-right: -1px;
        }

        .join-page .items-list .stock p {
            margin: 0 !important;
        }

        .join-page .items-list .stock strong {
            display: block;
            font-size: 34px;
        }

        .join-page .items-list .stock .stock-frame {
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
            width: 100%;
            padding: 5px;
        }


    .join-page .items-list .marked-text {
        color: #470a68;
    }

    .join-page .items-list .info-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .join-page .items-list .info-list > li {
            margin: 15px 0;
        }

        .join-page .items-list .info-list .text-wrap {
            display: inline-block;
            vertical-align: bottom;
            width: 420px;
            padding: 0 4px 0 0;
            margin-right: -4px;
        }

        .join-page .items-list .info-list img {
            display: inline-block;
            vertical-align: middle;
        }

        .join-page .items-list .info-list p {
            margin: 0;
        }

        .join-page .items-list .info-list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .join-page .items-list .info-list ul li {
                position: relative;
                padding: 0 0 0 10px;
            }

                .join-page .items-list .info-list ul li:before {
                    content: "\2022";
                    position: absolute;
                    left: 0;
                    top: 0;
                }

    .join-page .items-list .sub-columns {
        overflow: hidden;
    }

        .join-page .items-list .sub-columns .title {
            color: #555;
            font-weight: 600;
        }

        .join-page .items-list .sub-columns .sub-col {
            display: inline-block;
            vertical-align: top;
            margin-right: -5px;
            padding-right: 5px;
            width: 50%;
        }

.join-page .quotes-section {
    color: #000;
    padding: 0 0 35px;
}

    .join-page .quotes-section .row {
        margin-top: 35px;
    }

    .join-page .quotes-section h2 {
        font: italic 40px/1.1 "didot_regular", "Times New Roman", Times, Baskerville, Georgia, serif;
        margin: 0 0 30px;
        color: #470a68;
        text-align: center;
    }

    .join-page .quotes-section .photo-box {
        position: relative;
        width: 267px;
        height: 232px;
        margin: auto;
    }

        .join-page .quotes-section .photo-box:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: url("../images/photo-mask.png") no-repeat;
        }

        .join-page .quotes-section .photo-box img {
            display: block;
        }

    .join-page .quotes-section blockquote {
        margin: 0 auto;
        padding: 0;
        font-size: 15px;
        line-height: 1.4;
        border: none;
        max-width: 267px;
    }

        .join-page .quotes-section blockquote q {
            quotes: none;
            display: block;
            font-style: italic;
        }

            .join-page .quotes-section blockquote q:before {
                content: "\201C";
            }

            .join-page .quotes-section blockquote q:after {
                content: "\201D";
            }

        .join-page .quotes-section blockquote cite {
            display: block;
            text-align: right;
            font: 22px/1.2 "didot_regular", "Times New Roman", Times, Baskerville, Georgia, serif;
            color: #ba0c2f;
            padding: 0 0 0 0;
        }

            .join-page .quotes-section blockquote cite:before {
                content: "- ";
            }

.join-page .video-box {
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    max-width: 304px;
    margin: 0 auto;
}

    .join-page .video-box .video-thumbnail {
        display: block;
        position: relative;
        overflow: hidden;
        border: 2px solid #cb4963;
        border-radius: 2px;
        margin: 0 0 4px;
    }

    .join-page .video-box img {
        display: block;
        width: 100%;
        height: auto;
        max-width: none;
    }

    .join-page .video-box .play {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -45px 0 0 -45px;
        width: 90px;
        height: 90px;
        background: url("../images/play-btn.png") no-repeat;
    }

        .join-page .video-box .play:hover {
            opacity: .8;
        }

h2.no-margin {
    margin-bottom: 0 !important;
}

.timeline-wrap {
    margin-bottom: 41px;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}




body {
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}

* {
    max-height: 1000000px;
}

#wrapper {
    overflow: hidden;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px;
    width: auto;
}

/* New CSS */
@font-face {
    font-family: 'Helvetica_Light-Normal';
    src: url('../fonts/Helvetica_Light-Normal.woff') format('woff'), url('../fonts/Helvetica_Light-Normal.ttf') format('truetype'), url('../fonts/Helvetica_Light_Normal.eot'), url('../fonts/Helvetica_Light_Normal.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica_Light_Normal.woff2') format('woff2'), url('../fonts/Helvetica_Light-Normal.svg#Helvetica_Light-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-regular';
    src: url('../fonts/helvetica-regular.woff') format('woff'), url('../fonts/helvetica-regular.ttf') format('truetype'), url('../fonts/helvetica-regular.eot'), url('../fonts/helvetica-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-regular.svg#helvetica-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Customer Service CSS */
.customer-service {
    margin-bottom: 50px;
    margin-top: 10px;
}

    .customer-service h2 {
        margin-bottom: 34px;
        color: #000;
        border-bottom: 1px solid #bfbfbf;
        font: 36px/48px "didot_regular", "Times New Roman", Times, Baskerville, Georgia, serif !important;
        margin-bottom: 17px !important;
        padding-bottom: 6px;
        text-transform: uppercase;
    }

    .customer-service p {
        font-size: 16px;
        margin-bottom: 30px;
        font-family: 'helvetica-regular', Arial, sans-serif;
    }

    .customer-service .block {
        background: #f2f7f8;
        padding: 25px;
        margin-bottom: 20px;
    }

        .customer-service .block > h3 {
            text-transform: inherit;
            margin-bottom: 15px;
            font-family: 'Helvetica_Light-Normal', Arial, sans-serif;
            font-size: 30px;
        }

        .customer-service .block > .link {
            text-align: right;
        }

            .customer-service .block > .link a {
                text-transform: uppercase;
                font-size: 14px;
                text-decoration: underline;
                color: #470a68;
                font-family: 'Helvetica_Light-Normal', Arial, sans-serif;
            }

                .customer-service .block > .link a:hover {
                    text-decoration: none;
                    color: #000;
                }

/* Joinjafra CSS */
.join-jafra .jj-visual {
    background: url(../images/img47.jpg) no-repeat 0 0;
    background-size: cover;
    height: 282px;
    position: relative;
}

    .join-jafra .jj-visual .text-wrap {
        position: absolute;
        top: 60px;
        right: 20px;
        width: 550px;
    }

        .join-jafra .jj-visual .text-wrap > h2 {
            color: #fff;
            text-transform: inherit;
            font-family: 'Helvetica_Light-Normal', Arial, sans-serif;
            font-size: 48px;
            line-height: 38px;
            margin-bottom: 15px;
        }

        .join-jafra .jj-visual .text-wrap > p {
            font-size: 20px;
            color: #fff;
            font-family: 'Helvetica_Light-Normal', Arial, sans-serif;
        }

        .join-jafra .jj-visual .text-wrap a.btn {
            float: right;
            font-family: 'Helvetica_Light-Normal', Arial, sans-serif;
            font-weight: bold;
        }

.jafra-kit .kit,
.jafra-kit .last-kit {
    margin-bottom: 20px;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e4e0dd;
}

.jafra-kit .last-kit {
    margin-bottom: 50px;
    border: 0;
}

.jafra-kit .prod-info h2 {
    color: #470a68;
    font: italic 32px/30px "didot_regular", Georgia, serif !important;
    margin-bottom: 6px;
}

    .jafra-kit .prod-info h2 span {
        color: #000;
        font-size: 32px;
        display: block;
        font-family: 'helvetica-regular', Arial, sans-serif;
        font-style: normal;
    }

.jafra-kit .prod-info p {
    margin-top: 10px;
}

.jafra-kit .prod-detail {
    color: #636363;
    font-size: 13px;
}

    .jafra-kit .prod-detail h2 {
        color: #000;
        font-size: 32px;
        font-family: 'Helvetica_Light-Normal', Arial, sans-serif;
        line-height: normal;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .jafra-kit .prod-detail ul {
        margin-bottom: 30px;
        padding-left: 0;
    }

        .jafra-kit .prod-detail ul li {
            list-style: none;
            margin-bottom: 5px;
        }

.jafra-kit .price {
    margin-top: 50px;
    overflow: hidden;
}

    .jafra-kit .price span {
        font-family: 'helvetica-regular', Arial, sans-serif;
        font-style: italic;
        margin: 0 5px;
        font-size: 20px;
        float: left;
        line-height: 24px;
    }

        .jafra-kit .price span em {
            display: block;
            font-size: 30px;
            color: #ba0c2f;
            font-weight: bold;
        }

        .jafra-kit .price span a {
            background: #ba0c2f;
            color: #fff;
            text-transform: uppercase;
            padding: 15px 20px;
            display: inline-block;
            font-family: 'helvetica-regular', Arial, sans-serif;
            font-weight: bold;
            font-size: 30px;
            font-style: normal;
        }

/* Page Heading */
.page-heading {
    background: #470A68;
    color: #fff;
    padding: 15px 0;
}

    .page-heading h1 {
        color: inherit;
        float: left;
        font-size: 64px !important;
        font-style: italic;
        font-weight: 300;
        line-height: 1 !important;
        margin: 0;
        width: 430px;
    }

        .page-heading h1 span {
            font-family: "didot_headlinebold","Times New Roman",Times,Baskerville,Georgia,serif;
            font-size: 98%;
            font-style: normal;
            line-height: inherit;
            text-transform: uppercase;
        }

    .page-heading .heading-nav {
        overflow: hidden;
    }

        .page-heading .heading-nav ul {
            display: table;
            font-weight: bold;
            list-style: outside none none;
            margin: 35px 0 0;
            padding: 0;
            table-layout: fixed;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
        }

            .page-heading .heading-nav ul li {
                display: table-cell;
                padding: 0 5px;
                vertical-align: middle;
            }

    .page-heading a {
        color: inherit;
        text-decoration: none;
    }

    .page-heading .heading-nav ul li.active a,
    .page-heading .heading-nav ul li a:hover {
        color: #a69461;
    }

.nomargin #header {
    margin: 0 !important;
}

.nomargin #two-columns {
    margin: 30px 0 87px !important;
}

.nav-menu .col {
    width: 75%;
    float: left;
}

    .nav-menu .col .open-close {
        width: 28%;
        float: left;
        margin-left: 3%;
    }

    .nav-menu .col .nav-divider {
        clear: both;
        background: #fff;
    }

.nav-menu .col-product {
    width: 25%;
    float: left;
}

.nav-menu .sub-nav-footer {
    overflow: hidden;
    clear: both;
}

.nav-menu .img-block {
    padding-top: 20px !important;
    min-height: 360px !important;
}

.nav-menu .link-hold {
    margin-bottom: 15px;
}

/* Press Room */
.page-title {
    border-bottom: 1px solid #bfbfbf;
    padding: 15px 0;
}

    .page-title h1 {
        margin: 0;
        font: 36px "didot_regular", Georgia, serif;
    }

.page-banner {
    text-align: center;
}

.press-room {
    padding-top: 30px !important;
    font-family: 'Helvetica_Light-Normal', Arial, sans-serif;
}

    .press-room .pr {
        margin-bottom: 40px;
    }

    .press-room h3 {
        color: #000;
        font-weight: bold;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }

    .press-room h4 a {
        font-size: 18px;
        text-transform: inherit;
    }

    .press-room p {
        margin-bottom: 0px;
    }

    .press-room a {
        text-decoration: underline;
        font-size: 13px;
        text-transform: uppercase;
    }

    .press-room .row1 {
        margin-bottom: 15px;
    }

.news1,
.news2 {
    overflow: hidden;
}

.news p {
    margin-bottom: 10px;
}

.news img {
    border: 1px solid #c8c8c8;
    height: 100%;
}

.news1 .col-1 {
    width: 100%;
    text-align: center;
    height: 170px;
    margin-bottom: 10px;
}


/*.news1 .col-2 {
    margin-left: 202px;
    overflow: hidden;
}*/

.news2 .col-1 {
    width: 100%;
    text-align: center;
    height: 170px;
    margin-bottom: 10px;
}


.news1 .col-2 {
    width: 100%;
    display: block;
}


.tab-content #write .form-control {
    border-radius: 3px;
    padding: 10px 12px;
    font-size: 14px;
    box-shadow: 0px 0px 1px #848484;
    margin: 2px;
    width: 94%;
    height: inherit;
    resize: none;
}

.tab-content #write .btn-default {
    background: #470a68;
    color: #fff;
    padding: 12px 20px;
}

.tab-content #ingredient h3 {
    color: #7b7a7a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
}

.tab-content #ingredient p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #7b7a7a;
}

.tab-content #ingredient li {
    font-size: 14px;
    color: #7b7a7a;
}

.hfont h1 {
    font-family: 'helvetica-regular', Arial, sans-serif;
    font-weight: bold;
}

.shop-top-nav {
    background: #470a68;
    padding: 10px 0;
}

    .shop-top-nav a {
        color: #fff;
        font-family: 'helvetica-regular', Arial, sans-serif;
    }

.shop-page {
    padding: 40px 0 20px;
}

.shopping-cart .table span.itm {
    display: block;
}

.shopping-cart .table span.itm-link {
    margin-top: 20px;
}

    .shopping-cart .table span.itm-link a {
        text-decoration: underline;
    }

.shopping-cart .jcf-select {
    width: 60px;
}

.shop-sidebar {
    padding: 100px 0 30px 50px;
}

.shop-total ul {
    padding: 0;
}

.shop-total li {
    list-style: none;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'helvetica-regular', Arial, sans-serif;
}

    .shop-total li span {
        background: none;
        padding: 0;
        color: #000;
        font-weight: normal;
        font-family: 'helvetica-regular', Arial, sans-serif;
        font-size: 16px;
    }

    .shop-total li.estimate {
        border-top: 1px solid #000;
        padding: 10px 0;
        font-weight: bold;
    }

        .shop-total li.estimate span {
            font-weight: bold;
        }

.shipping-block {
    border: 1px solid #470a68;
    text-align: center;
    padding: 15px 5px;
    margin: 5px 0 14px;
}

    .shipping-block p {
        font-family: 'helvetica-regular', Arial, sans-serif;
        font-size: 16px;
        margin: 0;
    }

.like-block,
.freegift {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 14px;
}

    .like-block h5,
    .freegift h5 {
        padding: 0 10px;
        margin: 0 0 8px 0;
    }

        .freegift h5 span {
            font-weight: normal;
        }

    .like-block .lp,
    .freegift .lp {
        text-align: center;
        font-family: 'helvetica-regular', Arial, sans-serif;
        font-size: 12px;
        margin-bottom: 10px;
    }

        .like-block .lp .item-img,
        .freegift .lp .item-img {
            display: block;
            padding-bottom: 5px;
        }

            .like-block .lp .item-img > img,
            .freegift .lp .item-img > img {
                max-width: 100%;
            }

        .like-block .lp a,
        .freegift .lp a {
            font-weight: bold;
            color: #000;
        }

        .like-block .lp .price,
        .freegift .lp .price {
            font-weight: bold;
            margin: 4px 0;
        }

        .like-block .lp a.add-cart,
        .freegift a.add-cart {
            color: #fff;
            text-transform: uppercase;
            background: #470a68;
            padding: 4px 5px;
            font-size: 11px;
            font-weight: normal;
            display: inline-block;
        }

    .freegift .jcf-checkbox {
        width: 21px;
        height: 20px;
    }

        .freegift .jcf-checkbox span {
            height: 6px;
            margin: -4px 0 0 -6px;
            width: 12px;
        }

.checkout-btn {
    overflow: hidden;
    margin-top: 30px;
}

    .checkout-btn a {
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
        font-size: 15px;
    }

    .checkout-btn .checkout {
        float: right;
        background: #470a68;
        color: #fff;
        padding: 6px 12px;
        text-decoration: none;
    }

    .checkout-btn .continue-shop {
        margin-top: 6px;
        display: inline-block;
    }

.have-question {
    text-align: center;
    margin: 40px 0;
}

    .have-question h3 {
        font-family: 'helvetica-regular', Arial, sans-serif;
        font-weight: bold;
    }

    .have-question a {
        font-family: 'helvetica-regular', Arial, sans-serif;
        text-decoration: underline;
    }

    .have-question span {
        border-left: 1px solid #470a68;
        margin: 0 10px;
    }

.btn-lang {
    border: 0;
    border-radius: 3px;
    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 3px 5px;
    margin-top: 2px;
    display: inline-block;
}

a.btn-lang:hover,
a.btn-lang:focus {
    color: #fff;
}

.lang-btn ul.dropdown-menu {
    min-width: inherit;
    padding: 0;
}

    .lang-btn ul.dropdown-menu li a {
        padding: 4px 15px 4px 5px;
        font-size: 12px;
    }

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

/* Create account page */
.form-wrapper {
    padding: 30px 0 80px;
}

.account {
    padding-bottom: 80px;
}

.create-account .left-block {
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.create-account .right-block {
    padding-top: 32px;
}

.required {
    color: #898989;
    font-size: 14px;
    font-family: 'helvetica-regular', Arial, sans-serif;
    /*font-family:'Helvetica_Light-Normal', Arial, sans-serif;*/
    margin-bottom: 15px;
}

.form-wrapper h4 {
    font-size: 16px;
    font-family: 'helvetica-regular', Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.form-wrapper label {
    font-family: 'helvetica-regular', Arial, sans-serif;
    color: #000;
    font-size: 14px;
    margin-bottom: 2px;
}

.form-wrapper .form-control {
    font-size: 13px;
    padding: 6px 10px;
    height: 32px;
}

.form-wrapper .checkbox label {
    /*padding: 0;*/
    color: #898989;
}

.form-wrapper .checkbox span.jcf-checkbox {
    float: left;
}

.form-wrapper .checkbox label span.text {
    overflow: hidden;
    display: block;
    padding-left: 5px;
}

.form-wrapper .jcf-select {
    height: 32px;
    border-color: #9c9c9c;
}

    .form-wrapper .jcf-select .jcf-select-text {
        font-style: italic;
        font-size: 12px;
        line-height: 23px;
    }


.form-wrapper textarea {
    min-height: 101px;
    resize: none;
}

.btn-wrapper {
    text-align: right;
    margin-top: 30px;
}

.page-title ul {
    margin: 4px 0;
    padding: 0;
}

.page-title li {
    margin: 0;
    font: 36px "didot_regular", Georgia, serif;
    color: #000;
    text-transform: uppercase;
    list-style: none;
    display: inline-block;
    border-right: 1px solid #707070;
    margin-right: 20px;
    padding-right: 20px;
    line-height: 34px;
}

    .page-title li a {
        color: #707070;
    }

    .page-title li:last-child {
        border: 0;
    }

.forget-password a {
    font-size: 13px;
    color: #898989;
    text-decoration: underline;
    font-family: 'helvetica-regular', Arial, sans-serif;
}

    .forget-password a:hover {
        color: #000;
    }

.myaccount .left-block {
    padding-right: 25px;
}

.myaccount .right-block {
    padding-left: 25px;
}

.fb-signin .fb-btn {
    text-align: right;
}

.account .page-title {
    margin-bottom: 25px;
}

.account .sidenav {
    padding-top: 100px;
}

.padding-left0 {
    padding-left: 0px !important;
}

.padding-right0 {
    padding-right: 0px !important;
}


@media (min-width: 480px) {
    .inner .delivery-form .auto-delivery .shipping-months .jcf-select {
        max-width: 129px;
    }



    .main-holder #sidebar .news-holder {
        letter-spacing: -5px;
    }

    .main-holder #sidebar .news-group {
        display: none;
        vertical-align: top;
        letter-spacing: 0;
        width: 50%;
        padding: 0 10px 0 0;
        text-align: left;
    }

    .main-holder #sidebar .news-list li {
        font-size: 15px;
        line-height: 26px;
    }

    .main-holder .top-links .posted-on {
        float: left;
        width: 40%;
    }

    .main-holder .top-links .share-holder {
        float: right;
        text-align: right;
        margin: 0 -7px;
    }
}

@media (min-width: 640px) {
    .signup-form .field-wrap .input-wrap,
    .signup-form .field-wrap .btn-wrap {
        display: table-cell;
        vertical-align: top;
    }

    .signup-form .field-wrap .btn-wrap {
        padding-top: 0;
        width: 131px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {

    .pos-right {
        right: 0 !important;
        left: inherit !important;
    }

    #header .logo-block {
        /*padding: 0;*/
        position: absolute;
        left: 50%;
        /*bottom: -70%;*/
        width: 130px;
        margin: 0 0 3px -115px;
    }

    .header-top .top-wrap {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .wishlist .slide-hold {
        max-width: 100%;
        width: 252px;
    }

    .search-box .slide {
        right: 10px;
        width: auto;
        position: absolute;
    }

    .search-box .slide-hold {
        width: 315px;
    }

    .bottom-bar .add-nav {
        max-width: 310px;
    }

    .choose-consultant {
        margin-bottom: -1px;
    }

        .choose-consultant .details .slide {
            margin: 0;
            width: 350px;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
        }

    #nav .nav-opener {
        display: none;
    }

    #nav .nav > li {
        display: inline-block;
        vertical-align: top;
        font-size: 11px;
        line-height: 16px;
        position: static;
    }

    #nav .nav-slide {
        position: static !important;
    }

    .sub-nav {
        padding: 22px 0 0;
        text-align: left;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
    }

        .sub-nav .slide {
            position: static !important;
            height: auto !important;
            margin: 10px 0 22px !important;
            overflow: hidden !important;
        }

            .sub-nav .slide li {
                display: block;
                text-transform: none;
                margin-bottom: 1px;
            }

                .sub-nav .slide li a {
                    text-decoration: none;
                }

                    .sub-nav .slide li a:hover {
                        text-decoration: underline;
                    }

        .sub-nav a.opener {
            /*pointer-events: none;*/
            font-size: 16px;
        }

            .sub-nav a.opener:hover {
                cursor: default;
            }

        .sub-nav .nav-wrap .col {
            float: left;
            padding-left: 18px;
            width: 25%;
        }

            .sub-nav .nav-wrap .col.last-child {
                width: 23.5%;
                padding-right: 10px;
                text-align: center;
            }



    .fancybox-inner {
        min-width: 412px;
    }



    .intro-block .intro-content .sub-title {
        font-size: 89px;
    }

    .intro-block h1 span {
        margin-bottom: 17px;
        font-size: 154px;
        line-height: 138px;
    }

        .intro-block h1 span:first-child {
            font-size: 168px;
            line-height: 138px;
        }

    .intro-block h1 strong {
        font-size: 212px;
        line-height: 138px;
    }

    .featured-block .two-cols .column {
        float: left;
        width: 50%;
        padding: 0 15px;
    }

    .featured-block .btn-hold {
        text-align: right;
    }

    .video-block .product-col {
        margin: 0 -20px;
    }

        .video-block .product-col .col-1 {
            padding: 0 20px;
            float: left;
            width: 50%;
        }

        .video-block .product-col .img-hold {
            min-height: 359px;
        }

    .jafra-world article .img-hold {
        padding-top: 5px;
        display: table-cell;
        vertical-align: top;
        width: 170px;
    }

    .jafra-world article .detail {
        display: table-cell;
        vertical-align: top;
        padding: 0 10px 0 0 !important;
    }

    .jafra-world article.left-img .detail {
        padding: 0 0 0 10px !important;
    }

    .jafra-world .col-middle:before {
        display: block;
    }

    #sidebar {
        display: table-cell;
        vertical-align: top;
        padding: 85px 0;
        width: 100%;
    }

    #content {
        display: table-cell;
        vertical-align: top;
    }

    .product-article .inner-hold {
        border-width: 0 2px 0 0;
        padding: 6px 13px 14px 0;
    }

        .product-article .inner-hold:before,
        .product-article .inner-hold:after {
            position: absolute;
            top: 0;
            height: 2px;
            background: #999;
            content: "";
            left: 13%;
            right: 0;
        }

        .product-article .inner-hold:after {
            top: auto;
            bottom: 0;
        }

    .product-article .description {
        padding-left: 25px;
        display: table-cell;
        vertical-align: top;
    }

    .inner .breadcrumbs ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .inner .promo-bar ul {
        padding: 0 0 0 6.5%;
        margin: 0 -21px;
    }

        .inner .promo-bar ul li {
            margin: 13px 21px 11px;
        }

    /*.inner .product-article {
        padding: 80px 0 0;
    }*/

    .inner .product-article .img-hold {
        width: 50%;
        display: table-cell;
        vertical-align: top;
        padding: 25px 0 0;
    }

        .inner .product-article .img-hold .product {
            margin: 0 0 20px;
            /*max-width: 294px;*/
        }

            .inner .product-article .img-hold .product img {
                width: 100%;
            }

    .inner .product-article .description {
        padding: 0 2% 0 20px;
    }

    .inner .review-block {
        float: left;
        /*max-width: 310px;*/
        padding: 0 2px 0 0;
    }

    .inner .social-block {
        float: right;
        letter-spacing: 0;
        max-width: none;
    }

    .inner .heading h2 {
        padding: 0 0 36px;
    }

    .inner .heading {
        margin: 0 0 55px;
    }

    .inner h1 {
        font-size: 32px;
        line-height: 36px;
    }

    .inner h2 {
        font-size: 50px;
        line-height: 54px;
        margin-bottom: 34px;
    }

    .inner h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .inner .review-count {
        display: inline;
    }

    .inner .delivery-form {
        font-size: 19px;
        line-height: 25px;
        padding: 0 2px;
    }

        .inner .delivery-form .custom-select {
            min-width: 122px;
        }

        .inner .delivery-form .auto-delivery {
            position: relative;
        }

            .inner .delivery-form .auto-delivery .slide {
                padding: 34px 10px 7px 25%;
                width: 499px;
                padding: 34px 10px 7px 10px;
                left: auto;
                right: 0;
                border-radius: 5px 3px 5px 5px;
            }

                .inner .delivery-form .auto-delivery .slide .btn {
                    min-width: 172px;
                    margin: 2px 0 0 13.4%;
                }

                .inner .delivery-form .auto-delivery .slide .help {
                    margin: 0 0 0 4px;
                }

            .inner .delivery-form .auto-delivery .select-holder .jcf-select {
                width: 32px;
            }

            .inner .delivery-form .auto-delivery .check-list .jcf-checkbox {
                margin-right: 13px;
            }

            .inner .delivery-form .auto-delivery .check-list .check-description {
                width: 86%;
            }

            .inner .delivery-form .auto-delivery .shipping-months .jcf-select {
                max-width: 129px;
            }

            .inner .delivery-form .auto-delivery .shipping-months .jcf-select-text {
                font-size: 12px;
                line-height: 14px;
            }

    .inner .columns-holder .figure {
        margin-bottom: 5px;
    }

    .inner .nav-bar ul {
        font-size: 16px;
        line-height: 20px;
    }

    .inner .review-holder {
        padding: 0 6% 66px;
        font-size: 21px;
        line-height: 24px;
        margin: 0;
    }

        .inner .review-holder .meta {
            float: left;
            width: 235px;
            padding: 7px 10px 0 0;
        }

        .inner .review-holder .review-description {
            overflow: hidden;
        }

    .inner .footer-nav ul li {
        font-size: 14px;
    }

    .inner .shipping-nav {
        text-align: left;
        margin: 0 0 30px;
    }

        .inner .shipping-nav ul li h1 {
            font-size: 20px;
            line-height: 20px;
        }

    .inner .shopping-details {
        font-size: 13px;
        line-height: 18px;
    }

        .inner .shopping-details h2 {
            font-size: 16px;
            line-height: 20px;
        }

    .inner .address-holder + .seperator {
        margin: -3px 0 13px;
    }

    .inner .address-form + .address-form .checklist-holder label {
        font-size: 13px;
    }

    .inner .shipping-holder .options-holder {
        display: table;
        table-layout: fixed;
        border-spacing: 5px 0;
        margin: 0 -5px;
    }

    .inner .shipping-holder label {
        display: table-cell;
        padding: 8px;
        width: 33.33%;
    }

        .inner .shipping-holder label .disclaimer {
            margin: 0 0 14px;
        }

    .inner .new-consultant-form input[type="submit"] {
        margin: 0 10% 0 0;
    }

    .inner .payment-form label {
        font-size: 13px;
    }

    /*.inner .payment-form .row.three-cols .col + .col {
        width: 20.3%;
    }*/

    .inner .payment-form .row .col {
        width: 50%;
    }

        .inner .payment-form .row .col + .col {
            padding: 0 0 0 10px;
        }


    .inner .account-form .row .col {
        width: 50%;
    }

        .inner .account-form .row .col + .col {
            padding-top: 0;
        }

    .inner .calculator-form {
        font-size: 11px;
    }

        .inner .calculator-form .input-holder {
            text-align: left;
        }

    .inner .total-holder {
        font-size: 20px;
        line-height: 24px;
    }

    .hide-mobile {
        display: table-cell !important;
    }

    .checkout-page .main-holder #content {
        padding: 7px 31px 0 0;
    }

    .update #header {
        margin: 0;
    }

    .update #nav .nav > li.beauty-seen {
        position: static;
    }

        .update #nav .nav > li.beauty-seen .sub-nav {
            width: 100%;
            background: #000;
            color: #fff;
            border-style: none;
        }

            .update #nav .nav > li.beauty-seen .sub-nav:before {
                content: "";
                position: absolute;
                padding: 0 9999px;
                margin: 0 -9999px;
                background: #000;
                top: 0;
                left: 0;
                height: 100%;
                z-index: -1;
                border-top: 2px solid rgba(178, 178, 178, .4);
            }

        .update #nav .nav > li.beauty-seen .nav-title {
            font: bold 36px/40px "didot_headlinebold", Times, serif;
            float: left;
            text-transform: capitalize;
            display: inline-block;
            vertical-align: top;
            max-width: 460px;
            word-spacing: -10px;
        }

            .update #nav .nav > li.beauty-seen .nav-title em {
                font: italic 32px/40px Arial, Helvetica, sans-serif;
                display: inline-block;
                vertical-align: top;
            }

        .update #nav .nav > li.beauty-seen .add-sub-nav {
            float: right;
            text-align: right;
            letter-spacing: -5px;
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
            margin: 12px -6px;
            width: 74%;
        }

            .update #nav .nav > li.beauty-seen .add-sub-nav li {
                display: inline-block;
                vertical-align: top;
                letter-spacing: 0;
                margin: 0 6px 10px;
            }

    .update #two-columns {
        margin: 123px 0 87px;
    }

    .update .news-article h1 {
        font-size: 34px;
        line-height: 36px;
    }

    .update .news-description {
        padding: 22px 26px 8px;
    }

    .update #sidebar .aside-block .title {
        font-size: 24px;
        line-height: 28px;
    }

    .update #sidebar .aside-block h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .update #sidebar .support-links li {
        font-size: 18px;
        line-height: 22px;
    }

        .update #sidebar .support-links li:before {
            top: 2px;
        }

    /*.update .article-page #header {
        margin: 0 0 92px;
    }*/

    .update .foundations .heading-description {
        font-size: 19px;
        line-height: 24px;
    }

    .update .foundations .main-holder {
        padding-top: 18px;
    }

        .update .foundations .main-holder #sidebar {
            padding-top: 51px;
        }

            .update .foundations .main-holder #sidebar .title {
                font-size: 18px;
                line-height: 22px;
            }

            .update .foundations .main-holder #sidebar .radio-group {
                padding: 0 0 0 5px;
            }

                .update .foundations .main-holder #sidebar .radio-group li {
                    font-size: 16px;
                    line-height: 20px;
                }

    .update .foundations .heading h2 {
        text-indent: 98px;
        text-align: center;
        font-size: 34px;
        line-height: 40px;
    }

    .update .foundations .sort-form {
        margin: 0 4px 0 0;
    }

        .update .foundations .sort-form .select-wrap {
            padding-top: 8px;
            width: 180px;
        }

    .update .foundations .jcf-radio {
        margin: 4px 9px 0 0;
    }

    .update .foundations .jcf-select.jcf-drop-active .jcf-select-text {
        margin: 0 22px 0 11px;
    }

    .update .foundations .jcf-select .jcf-select-text {
        font-size: 14px;
    }

    .update .foundations .selection-holder {
        letter-spacing: 0;
    }

    .update .foundations .selection-block {
        display: block;
        width: 100%;
        padding: 0;
    }

    .update .foundations .product-lists {
        margin: 0 -15px;
    }

        .update .foundations .product-lists > li {
            width: 280px;
        }

    .update .foundations p {
        margin: 0 0 34px;
    }

    .update .search-results .product-lists .img-wrap img {
        bottom: -8px;
    }

    .update .search-results .main-holder #two-columns {
        margin: 0 0 52px;
    }

    .update .jcf-list {
        font-size: 14px;
    }

        .update .jcf-list .jcf-option {
            padding: 2px 12px;
        }

    .update .heading-mark h1 {
        font-size: 30px;
        line-height: 34px;
    }

        .update .heading-mark h1 em {
            display: inline;
            font-size: 34px;
        }

    .update .search-holder .breadcrumbs {
        float: left;
        width: 50%;
    }

    .update .search-holder .search-form {
        float: right;
        width: 349px;
    }

    .update .text-result {
        font-size: 24px;
        line-height: 28px;
        text-indent: 15%;
        text-align: left;
    }

    .main-holder #sidebar .news-holder {
        letter-spacing: 0;
    }

    .main-holder #sidebar .news-group {
        display: block;
        width: 100%;
    }

    .main-holder #sidebar .news-list li {
        font-size: 18px;
        font-family: 'ggx88extralight', Arial, sans-serif;
        letter-spacing: 0.2px;
    }

    .main-holder #sidebar .offer-block .check-list li {
        font-size: 12px;
    }

    .main-holder .article-holder {
        margin: 0 0 66px;
    }

    .main-holder .article {
        margin: 0 0 84px;
    }

        .main-holder .article + .article {
            margin: 0 0 76px;
        }

        .main-holder .article:last-child {
            margin: 0 0 66px;
        }

        .main-holder .article .image-holder {
            float: left;
            margin: 5px 8px 0 0;
            width: 29.1%;
        }

    .main-holder .bottom-links .read-more {
        max-width: 30%;
    }

    .main-holder .top-links {
        padding: 1px 0 26px;
    }

    .main-holder .share-holder {
        width: 70%;
    }

    .page-links ul li {
        margin: 6px 15px;
    }

    .promo-bar ul li {
        margin: 6px 15px;
    }

    .product-title {
        padding-top: 56px;
    }

        .product-title .three-cols {
            text-align: justify;
        }

            .product-title .three-cols:after {
                line-height: 0;
                height: 0;
                width: 100%;
                display: inline-block;
                vertical-align: top;
                overflow: hidden;
                content: "";
            }

            .product-title .three-cols > * {
                display: inline-block;
                vertical-align: top;
            }

        .product-title .title-hold {
            margin-bottom: -10px;
        }

    .sort-form .select-wrap {
        margin-bottom: 0;
    }

    .navigation-form {
        margin-bottom: 0;
    }

        .navigation-form .select-hold {
            width: 143px;
        }

            .navigation-form .select-hold label {
                margin-right: 12px;
            }

    .pager li + li {
        margin-left: 12px;
    }

    .pager li.prev {
        margin-right: 9px;
    }


    .pager li.next {
        margin-left: 17px;
    }

    .fancybox-inner {
        min-width: 412px;
    }

    .social-networks li {
        margin: 0 5px 10px;
    }

    #footer .add-nav ul li {
        letter-spacing: 1px;
        padding: 10px 6px;
    }

    .footer-top .two-cols {
        margin: 0 -15px;
    }

    .footer-top .left-holder {
        float: left;
        width: 50%;
        padding: 0 15px;
    }

    .footer-top .right-holder {
        float: left;
        width: 50%;
        padding: 0 15px;
    }

    .footer-nav ul li {
        letter-spacing: 1px;
        padding: 10px 6px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .jafra-world .three-cols .col {
        width: 60%;
        float: left;
    }

        .jafra-world .three-cols .col.col-middle {
            width: 40%;
        }

        .jafra-world .three-cols .col.last-child {
            width: auto;
        }

            .jafra-world .three-cols .col.last-child article {
                width: 50%;
                float: left;
                padding: 15px !important;
                border-top: 2px solid #dcdcdc;
                margin: 15px 0 0 !important;
            }
}

@media (min-width: 979px) {
    .inner .address-holder {
        letter-spacing: -5px;
        margin: 0 -17px 0 -13px;
    }

        .inner .address-holder:after {
            content: "";
            position: absolute;
            width: 2px;
            bottom: 23px;
            background: #c3c3c3;
            left: 50%;
            top: 0;
            margin: 0 0 0 -24px;
        }

    .inner .address-form {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        width: 47.4%;
        padding: 0 17px 0 13px;
    }

        .inner .address-form + .address-form {
            width: 52.6%;
            padding: 0 17px;
        }

        .inner .address-form .controls-holder {
            margin: 0 0 -2px;
        }

    .inner .consultant-holder {
        letter-spacing: -5px;
    }

    .inner .consultant-profile {
        display: inline-block;
        vertical-align: top;
        width: 66%;
        letter-spacing: 0;
        padding: 0 5px;
        margin: 0;
    }

    .inner .new-consultant-form {
        display: inline-block;
        vertical-align: top;
        width: 34%;
        text-align: right;
        padding: 0 3px;
    }

    /*.inner .new-consultant-form label {
            font-size: 12px;
            min-width: 124px;
        }

        .inner .new-consultant-form input[type="text"] {
            width: 60px;
        }*/

    .update .foundations .heading h2 {
        text-indent: 14.3%;
        font-size: 36px;
    }
}

@media (min-width: 1000px) {
    #nav .nav > li {
        margin: 0 7px;
    }
}

@media (min-width: 1024px) {
    #header .logo-block {
        width: auto;
    }

    .bottom-bar .add-nav {
        max-width: 410px;
        /*padding-right:14px;*/
    }



    .featured-block .two-cols {
        margin: 0 -35px;
    }

        .featured-block .two-cols .column {
            padding: 0 35px;
        }

    .featured-block h2 {
        margin: 0 0 17px;
        font-size: 36px;
    }

    .video-block h2 {
        font-size: 38px;
        margin-bottom: -7px;
    }

    .video-block .two-cols {
        margin: 0 -35px;
    }

        .video-block .two-cols .column {
            float: left;
            width: 50%;
            padding: 0 35px;
        }

            .video-block .two-cols .column + .column:before {
                position: absolute;
                width: 54px;
                height: 416px;
                content: "";
                top: 50%;
                margin-top: -220px;
                background: url(../images/border01.png) no-repeat;
                left: -27px;
            }

    .video-block .title {
        text-align: left;
        font-size: 28px;
    }

    .video-block .main-title {
        font-size: 28px;
        padding-top: 6px;
    }

    .jafra-world article .img-hold {
        width: 180px;
    }

    .jafra-world article h3 {
        font-size: 20px;
    }

    .jafra-world .three-cols {
        margin: 0 -26px;
    }

        .jafra-world .three-cols .col {
            float: left;
            width: 39.3%;
            padding: 0 26px;
        }

    .jafra-world .col-middle {
        width: 21.4% !important;
    }

        .jafra-world .col-middle:after {
            display: block;
        }

    .product-article .description {
        padding-top: 72px;
        padding-bottom: 0;
    }

    .inner .main-holder h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .inner .shipping-nav ul {
        margin: 0 -17px;
    }

        .inner .shipping-nav ul li {
            padding: 0 17px;
        }


            .inner .shipping-nav ul li + li {
                border-width: 0 0 0 4px;
            }

            .inner .shipping-nav ul li h1 {
                font-size: 30px;
                line-height: 30px;
            }

    .inner .shipping-holder .options-holder {
        width: 80.4%;
        margin: 0 -17px;
        border-spacing: 17px 0;
    }

    .inner .shipping-holder label {
        padding: 8px 10px;
    }

    .inner .consultant-holder {
        padding: 0 5px 0 13px;
    }

    .inner .payment-form .row.three-cols {
        width: 55%;
    }

    /*.inner .payment-form .row .col {
        width: 40.2%;
    }*/

    .inner .payment-form .row .col + .col {
        padding: 0 0 0 27px;
    }

    .inner .account-form .row {
        margin: 0 -18px 10px;
    }

        .inner .account-form .row .col {
            width: 43.8%;
            padding: 0 18px;
        }

    .inner .calculator-form {
        font-size: 15px;
        line-height: 18px;
    }

    .inner .total-holder {
        font-size: 24px;
        line-height: 28px;
    }

    .update #nav .nav > li.beauty-seen .nav-title {
        font-size: 54px;
        line-height: 58px;
        word-spacing: -14px;
    }

        .update #nav .nav > li.beauty-seen .nav-title em {
            font-size: 50px;
            line-height: 58px;
        }

    .update #nav .nav > li.beauty-seen .add-sub-nav {
        width: 70.5%;
        margin: 30px -15px;
        font-size: 16px;
    }

        .update #nav .nav > li.beauty-seen .add-sub-nav li {
            margin: 0 15px 10px;
        }

    .update #two-columns {
        margin: 160px 0 87px;
    }

    /*.update .article-page #header {
        margin: 0 0 128px;
    }*/

    .update .foundations .main-holder #sidebar .radio-group {
        padding-left: 0px;
    }



    .update .foundations .product-lists > li {
        padding-bottom: 83px;
        font-size: 21px;
        line-height: 21px;
        width: 280px;
    }

        .update .foundations .product-lists > li .price {
            font-size: 16px;
            line-height: 20px;
        }

    .update .heading-mark h1 {
        font-size: 44px;
        line-height: 58px;
    }

        .update .heading-mark h1 em {
            font-size: 52px;
        }

    .main-holder h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .main-holder #sidebar .offer-block .check-list li {
        font-size: 15px;
    }

    .product-title h1 {
        font-size: 38px;
        line-height: 42px;
    }

    .country-list .country-block .connect li a.tel-link {
        pointer-events: none;
        display: inline-block;
    }

    .social-networks li {
        margin: 0 10px 10px;
    }

    .footer-top {
        margin-bottom: 55px;
    }

        .footer-top .two-cols {
            margin: 0 -30px;
        }

        .footer-top .left-holder {
            padding: 0 30px;
            width: 55%;
        }

        .footer-top .right-holder {
            padding: 0 65px 0 50px;
            width: 45%;
        }

    .footer-nav ul li {
        padding: 31px;
    }
}

@media (min-width: 1025px) {
    .inner #nav .nav {
        padding: 0 0 0 1.5%;
    }

    .inner .product-article .img-hold {
        width: 490px;
        padding: 20px 0 15px;
        float: left;
    }

    .inner .product-article .description {
        padding: 0;
    }

    .inner .social-block {
        text-align: left;
        max-width: none;
    }

    .inner h1 {
        font-size: 36px;
    }

    .inner h2 {
        font-size: 68px;
        line-height: 72px;
    }

    .inner .delivery-form .auto-delivery .check-list .check-description {
        width: 90.9%;
    }

    .inner .nav-bar ul {
        font-size: 19px;
        line-height: 23px;
    }

    .inner .review-holder {
        padding: 0 6% 73px 13.1%;
    }

    .inner #footer .add-nav ul li {
        padding: 11px 30px;
    }
}

@media (min-width: 1200px) {
    .header-top .add-nav {
        max-width: 460px;
    }

    .sub-nav {
        width: 702px;
    }

    .jafra-world article .img-hold {
        width: 230px;
    }

    .jafra-world article h4 {
        font-size: 20px;
        line-height: 1.1;
    }


    #two-columns {
        margin-bottom: -55px;
    }

        #two-columns.container {
            overflow: hidden;
        }

    .inner #nav .nav > li > a {
        padding: 7px 16px 7px 16px;
    }

    .inner .product-article {
        padding: 25px .5% 80px 8.4%;
    }

        .inner .product-article .description {
            padding: 0 2% 0 3.1%;
        }

    .inner .footer-nav ul li {
        font-size: 16px;
    }

    .inner .footer-nav ul li {
        padding: 32px;
    }

    .inner .shipping-nav ul {
        margin: 0 -34px;
    }

        .inner .shipping-nav ul li {
            padding: 0 28px;
        }

            .inner .shipping-nav ul li h1 {
                font-size: 28px;
                line-height: 36px;
            }

    .inner .shopping-details h2 {
        font-size: 22px;
        line-height: 34px;
    }

    /*.inner .new-consultant-form label {
        font-size: 14px;
        min-width: 154px;
    }

    .inner .new-consultant-form input[type="text"] {
        width: 92px;
    }*/

    .update #nav .nav > li.beauty-seen .nav-title {
        font-size: 78px;
        line-height: 82px;
        word-spacing: -19px;
    }

        .update #nav .nav > li.beauty-seen .nav-title em {
            font-size: 74px;
            line-height: 82px;
        }

    .update #nav .nav > li.beauty-seen .add-sub-nav {
        width: 66.5%;
        margin: 30px -25px;
    }

        .update #nav .nav > li.beauty-seen .add-sub-nav li {
            margin: 0 25px 10px;
        }

    .update .foundations .product-lists {
        margin: 0 2.1%;
        max-width: 962px;
    }

        .update .foundations .product-lists > li {
            width: 290px;
        }

    .update .heading-mark {
        padding: 5px 0;
    }

        .update .heading-mark h1 {
            font-size: 60px;
            line-height: 60px;
        }

            .update .heading-mark h1 em {
                font-size: 72px;
            }

    .update .search-holder .breadcrumbs {
        width: 70%;
    }

    .page-links ul {
        padding-left: 143px;
        text-align: left;
    }

        .page-links ul li {
            margin: 6px 0 7px;
        }

            .page-links ul li + li {
                margin-left: 106px;
            }

    .promo-bar ul li {
        margin: 6px 0 7px;
    }

        .promo-bar ul li + li {
            margin-left: 106px;
        }

    #footer .add-nav ul li {
        letter-spacing: 0.1em;
        padding: 16px 30px;
    }

    .timeline-wrap {
        padding-left: 24px;
    }
}

@media (min-width: 1250px) {
    #nav .nav > li {
        font-size: 16px;
        line-height: 20px;
        margin: 0 9px;
        position: relative;
    }
}

@media (min-width: 1280px) {
    .inner .delivery-form .auto-delivery .slide {
        left: -1px;
        right: auto;
        border-radius: 3px 5px 5px;
        padding: 34px 12px 7px 24.3%;
    }
}

@media (min-width: 1300px) {
    .footer-nav ul li {
        padding: 29px;
        letter-spacing: 0.1em;
    }
}

@media (min-width: 1440px) {
}

@media (max-width: 1391px) {
    .career .banner {
        width: auto;
        min-height: 100px;
    }
}

@media (max-width: 1310px) {
    .mission-block .image-holder.holder1 {
        width: 325px;
    }

        .mission-block .image-holder.holder1 span.before {
            width: 120px;
            height: 88px;
            background-size: 120px 88px;
            margin-top: -20px;
        }

        .mission-block .image-holder.holder1 span.after {
            width: 85px;
            height: 64px;
            left: 131px;
            margin-top: -53px;
        }

    .mission-block .image-holder.holder2 {
        width: 150px;
    }

        .mission-block .image-holder.holder2 span.after {
            width: 70px;
            height: 49px;
            left: 48px;
            margin-top: -17px;
        }

    .mission-block .absolute-image {
        width: 150px;
    }

        .mission-block .absolute-image span.before {
            width: 110px;
            height: 88px;
            margin-right: -10px;
        }

        .mission-block .absolute-image span.after {
            width: 62px;
            height: 84px;
            margin-left: -22px;
            top: -15px;
        }

    .mission-block .description {
        font-size: 20px;
        line-height: 28px;
    }

        .mission-block .description.large {
            padding-top: 0;
        }

        .mission-block .description h2 {
            font-size: 32px;
            line-height: 38px;
        }
}

@media (max-width: 1294px) {
    .checkout-page-new .consultant-profile {
        width: 50% !important;
    }

    .checkout-page-new .new-consultant-form {
        width: 50% !important;
    }

        /*.checkout-page-new .new-consultant-form input[type="text"] {
            width: 130px;
        }

        .checkout-page-new .new-consultant-form label {
            font-size: 13px;
            min-width: 130px;
        }*/

        .checkout-page-new .new-consultant-form .row-btn {
            text-align: center;
        }

    .checkout-page-new .payment-form p.txt {
        font-size: 11px;
    }

    .checkout-page-new .payment-form .row.three-cols .col + .col.last-child {
        width: 100% !important;
        padding: 10px 0 0;
        display: block;
    }

    /*.checkout-page-new .payment-form .row.three-cols input[type="text"] {
        width: 15%;
    }*/
}

@media (max-width: 1259px) {
    .inner #nav .nav > li > a {
        padding: 7px 14px 7px 15px;
    }
}

@media (max-width: 1250px) {
    .checkout-page-new .calculator-form .input-holder .field-item {
        padding: 0;
    }
}

@media (max-width: 1249px) {
    .career .twocolumns {
        padding-left: 0;
    }
}

@media (max-width: 1214px) {
    .shop-holder .information-wrap {
        width: 60%;
    }

        .shop-holder .information-wrap .info-form .col-holder.add {
            width: 48%;
        }

            .shop-holder .information-wrap .info-form .col-holder.add .col,
            .shop-holder .information-wrap .info-form .col-holder.add .col.add1,
            .shop-holder .information-wrap .info-form .col-holder.add .col.add2 {
                width: 100%;
            }
}

@media (max-width: 1199px) {
    .shop-holder .information-wrap .wishlist {
        padding: 20px 15%;
    }

    .shop-holder .information-wrap .row .radio-title {
        max-width: 50%;
    }

    .mission-block .description {
        width: 300px;
    }

        .mission-block .description.large {
            width: 550px;
        }

    .career .twocolumns .col-left {
        width: 60%;
    }

    .career .twocolumns .top-reasons {
        width: 35%;
    }

        .career .twocolumns .top-reasons h3 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 20px;
        }

    .career .block .alignright {
        width: 180px;
    }

        .career .block .alignright img {
            width: 100%;
        }

    .checkout-page-new .shopping-details label {
        font-size: 12px;
    }

    .join-page .visual h2 {
        font-size: 44px;
    }
}

@media (max-width: 1131px) {
    .join-page .section-content h2 {
        font-size: 60px;
        line-height: 62px;
    }

    .join-page .section-content h4 {
        font-size: 60px;
        line-height: 62px;
    }

    .featured-block h2 {
        font-size: 30px;
    }
}

@media (max-width: 1099px) {
    .join-page .section-content .block.block2 h2 {
        font-size: 66px;
        line-height: 68px;
    }

        .join-page .section-content .block.block2 h2 span {
            margin: 0 0 -15px;
            font-size: 50px;
            line-height: 52px;
        }
}

@media (max-width: 1024px) {
    .inner .promo-bar ul li {
        display: block;
    }

    .block-inf .box {
        width: 50%;
    }
}

@media (max-width: 1023px) {
    .featured-block h2 {
        font-size: 24px;
    }

    .inner #nav .nav > li > a {
        padding: 7px 6px;
    }

    .update .foundations .main-holder #sidebar .radio-group label {
        max-width: 85%;
    }

    .update .foundations .heading h2 {
        font-size: 28px;
    }


    .main-holder #sidebar .news-list li {
        font-size: 16px;
        line-height: 20px;
    }

    .shop-holder .information-wrap {
        width: 100%;
        margin-bottom: 30px;
        float: none;
    }

        .shop-holder .information-wrap .row .radio-title {
            max-width: 60%;
        }

    .account-info-list li label {
        width: 75%;
    }

    .executive-list .member h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .executive-list .member .designation {
        font-size: 18px;
        line-height: 22px;
    }

    .mission-block .image-holder.holder1 {
        margin-bottom: 75px;
    }

    .mission-block .description {
        width: 270px;
        padding: 0 20px;
    }

        .mission-block .description.large {
            width: 370px;
        }

    .career .banner .img-wrap {
        min-width: 1024px;
        width: 100%;
        position: relative;
        float: left;
        left: 50%;
    }

        .career .banner .img-wrap img {
            min-width: 1024px;
            width: 100%;
            position: relative;
            float: left;
            left: -50%;
        }

    .career .twocolumns .top-reasons li {
        font-size: 14px;
        line-height: 17px;
    }

    .career .block dl dt {
        width: 250px;
    }

    .career .block dl dd {
        margin-left: 250px;
    }

    .checkout-page-new .main-holder #content {
        padding: 11px 0 0;
    }

        .checkout-page-new .main-holder #content.checkout-returning .shipping-holder .options-holder {
            width: 101%;
        }

    .checkout-page-new #sidebar .summary-block .product-summary .title {
        font-size: 12px;
        line-height: 14px;
    }

    .checkout-page-new .calculator-form .input-holder .field-item {
        padding: 5px 0 0;
    }

    .checkout-page-new .shipping-holder .options-holder {
        width: 100%;
    }

    .checkout-page-new .shipping-holder .seperator {
        width: 100%;
    }

    .checkout-page-new .consultant-profile {
        width: 100% !important;
    }

    .checkout-page-new .consultant-block {
        max-width: 300px;
        margin: 0 auto;
    }

        .checkout-page-new .consultant-block .image-holder {
            float: left;
        }

    .checkout-page-new .consultant-holder {
        width: 100%;
    }

    .checkout-page-new .consultant-holder {
        padding: 15px 5px 0;
    }

        .checkout-page-new .consultant-holder h2 {
            text-align: center;
        }

    .checkout-page-new .new-consultant-form {
        text-align: center;
        width: 100% !important;
        margin: 20px 0;
    }

        /*.checkout-page-new .new-consultant-form label {
            float: none;
            display: inline-block;
            margin: 0;
        }*/


        .checkout-page-new .new-consultant-form .row-btn {
            text-align: center;
        }

    .checkout-page-new .payment-form .row .col + .col {
        width: 100%;
        padding: 0;
    }

    .checkout-page-new .payment-form .row.three-cols .col {
        width: 45%;
    }

        .checkout-page-new .payment-form .row.three-cols .col + .col {
            width: 45% !important;
        }

        /*.checkout-page-new .payment-form .row.three-cols input[type="text"] {
        width: 20%;
    }*/

        .checkout-page-new .payment-form .row.three-cols .col:last-child {
            margin-left: 0;
            margin-top: 10px;
        }

    .checkout-page-new .box-inform .seperator {
        width: 100%;
    }

    .consultant-modal {
        width: 100%;
    }

        .consultant-modal .table tr > th {
            font-size: 12px;
            line-height: 14px;
        }

            .consultant-modal .table tr > th:first-child {
                padding-left: 5px;
            }

        .consultant-modal .table tr > td {
            font-size: 12px;
        }

            .consultant-modal .table tr > td:first-child {
                padding-left: 5px;
            }

            .consultant-modal .table tr > td:last-child {
                width: 100px;
            }

            .consultant-modal .table tr > td .btn {
                width: 65px;
                font-size: 12px;
                line-height: 14px;
            }

        .consultant-modal .table .img-hold {
            margin: 0 6px 0 0;
            width: 25%;
        }

        .consultant-modal .table .heading {
            font-size: 12px;
            line-height: 16px;
        }

    .shopping-cart .table thead > tr > th {
        font-size: 14px;
        line-height: 16px;
    }

    .shopping-cart .table tbody > tr > td {
        font-size: 14px;
        line-height: 16px;
    }

    .shopping-cart .table .img-hold {
        margin: 0 10px 0 0;
        width: 20%;
    }

    .shopping-cart .table .title {
        font-size: 14px;
        line-height: 16px;
    }

    .box-info .seperator {
        width: 100%;
    }

    .join-page .section-content .block .list {
        font-size: 14px;
    }

    .join-page .section-content .text-block {
        margin: 0 0 30px;
    }

    .join-page .section-content .box-txt {
        margin: 0 0 30px;
    }

    .join-page .page-heading h1 {
        font-size: 66px;
        width: auto;
        margin: 0 30px 0 0;
    }

    .join-page .page-heading .heading-nav ul {
        margin-top: 24px;
    }

    .join-page .visual h2 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .join-page .visual p {
        font-size: 13px;
        line-height: 17px;
        margin-top: 5px;
    }

    .join-page .visual .btn {
        margin-top: 5px;
    }

    .join-page .items-list > .item header .stock {
        margin-left: 20px;
    }

    .join-page .items-list .columns .img-col {
        width: 100%;
        max-width: none;
        float: none;
        margin-bottom: 15px;
    }

    .join-page .items-list .info-list .text-wrap {
        width: 100%;
        display: block;
        margin: 0 0 10px;
    }

    .join-page .items-list .info-list img {
        display: block;
        margin: 0 auto 10px;
    }
}

@media (max-width: 991px) {
    .career .block dl dt {
        width: 100%;
        float: none;
        text-overflow: normal;
    }

    .career .block dl dd {
        margin: 2px 0 10px;
    }

    .join-page .section-content .block.block2 h2 span {
        display: inline-block;
    }

    .join-page .section-content h3 {
        margin: 20px 0 0;
        font-size: 20px;
        line-height: 22px;
    }

        .join-page .section-content h3 em {
            font-size: 20px;
            line-height: 22px;
            width: auto;
            float: none;
            padding: 0;
        }

        .join-page .section-content h3 span {
            float: none;
            width: auto;
            padding: 0;
        }

        .join-page .section-content h3 .txt {
            float: none;
            width: auto;
            padding: 0;
            text-align: left;
        }

    .join-page .section-content h4 {
        font-size: 50px;
        line-height: 52px;
        margin: 10px 0 0;
        text-align: left;
    }

        .join-page .section-content h4 em {
            display: inline-block;
            margin: 0;
        }

    .join-page .section-story .img-hold.alignright {
        padding: 20px 0;
        text-align: center;
    }

    .join-page .section-story .img-hold.alignleft {
        text-align: center !important;
        padding: 20px 0 0;
    }

    .join-page .section-story .text-block p {
        margin: 0 0 30px;
    }

    .join-page .quotes-section blockquote {
        text-align: center;
        margin: 0 auto 20px;
    }

        .join-page .quotes-section blockquote cite {
            display: inline-block;
            vertical-align: top;
            text-align: center;
            padding: 0 13px;
            position: relative;
        }

            .join-page .quotes-section blockquote cite:after,
            .join-page .quotes-section blockquote cite:before {
                content: "-";
                position: absolute;
                left: 0;
                top: 0;
            }

            .join-page .quotes-section blockquote cite:after {
                left: auto;
                right: 0;
            }

    .page-heading h1 {
        float: none;
        text-align: center;
        font-size: 55px !important;
        width: auto;
        display: block;
    }

    .form-wrapper .jcf-select {
        margin-bottom: 8px;
    }

    .jafra-world .three-cols .col,
    .jafra-world .three-cols .col.col-middle {
        width: 100%;
        float: none;
    }

    .jafra-world article .detail {
        min-height: inherit;
    }


    .jafra-world article {
        border-top: 2px solid #dedede;
        padding-top: 30px;
        margin-bottom: 25px;
    }


        .jafra-world article + article {
            border-bottom: 0px;
            margin-bottom: 25px;
            padding-top: 30px;
        }

    .career .banner .banner-caption {
        width: 400px;
        margin-right: 10px;
        font-size: 35px;
        line-height: 40px;
    }

    .career .banner .vvv-important {
        font-size: 45px;
        line-height: 50px;
    }

    .career .banner .important {
        font-size: 35px;
    }

    .career .banner .vv-important {
        font-size: 30px;
    }

    .career .banner .vvvv-important {
        font-size: 35px;
    }

    .career .banner small {
        font-size: 34px;
    }

    .career .banner em {
        font-size: 51px;
        line-height: 57px;
    }

    .block-inf .box {
        float: none;
        width: 100%;
        padding: 30px 0 0;
        border-left: 0;
        border-top: 1px solid #bfbfbf;
    }

        .block-inf .box:first-child {
            margin-bottom: 30px;
            border: 0;
            padding: 0;
        }

    .join-page .visual .text-wrap {
        top: 20px;
        width: 55%;
        right: 20px;
    }
}

@media (max-width: 849px) {
    .mission-block .absolute-image {
        margin-bottom: 0;
    }

    .mission-block .description {
        width: 225px;
        padding: 0 10px;
    }


    .checkout-btn {
        margin-top: 20px;
        text-align: center;
    }

        .checkout-btn .checkout {
            display: block;
            float: none;
            margin-bottom: 10px;
        }
}

@media (max-width: 767px) {
    .jcf-radio {
        margin-top: 0;
    }

    #nav {
        padding: 0;
        position: relative;
    }

        #nav .add-nav > ul > li.wishlist > a {
            margin-left: 0;
        }

    .sub-nav {
        box-shadow: none;
    }

        .sub-nav .slide {
            overflow: hidden !important;
        }

            .sub-nav .slide li {
                margin-bottom: 5px;
            }

                .sub-nav .slide li:first-child {
                    margin-top: 10px;
                }

        .sub-nav .nav-wrap .col {
            padding: 0 0 15px;
            width: 100% !important;
        }

            .sub-nav .nav-wrap .col .open-close {
                margin-bottom: 10px;
            }

    .jafra-world article {
        border-top: 1px solid #dedede !important;
        padding: 15px 0 !important;
    }

        .jafra-world article .img-hold {
            display: block;
            padding: 15px 0 !important;
        }

    .inner .sub-nav .active a,
    .inner .sub-nav a.opener:hover {
        color: #470a68;
    }

    .inner .address-form .col {
        width: 100%;
        display: block;
    }

        .inner .address-form .col + .col {
            width: 100%;
            padding-top: 10px;
        }

    .inner .consultant-block .image-holder {
        width: 100%;
        float: none;
    }

    .update .foundations .jcf-select .jcf-select-opener {
        margin: -3px 0 0;
    }

    .navigation-form {
        padding: 0;
    }

    .page-title h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .page-heading h1 {
        font-size: 38px !important;
    }

        .page-heading h1 span {
            display: block;
        }

    .form-block .col {
        width: 100%;
        float: none;
    }

    .form-block .signin-form,
    .form-block .new-customer-form {
        padding: 0;
    }

    .form-block .textarea-row {
        padding: 0;
    }

    .form-block .fb-login {
        text-align: center;
    }

        .form-block .fb-login .btn-holder {
            padding: 20px 0;
        }

    .create-form .col {
        padding: 0;
    }

        .create-form .col.right-block {
            float: none;
            padding: 0;
        }

    .create-form .check-row {
        padding: 0;
    }

    .shop-holder #sidebar {
        display: block;
    }

    .shop-holder .information-wrap {
        padding: 25px 10px;
    }

        .shop-holder .information-wrap table th,
        .shop-holder .information-wrap table td {
            padding: 3px 4px;
        }

            .shop-holder .information-wrap table td .add-rating {
                font-size: 12px;
                line-height: 16px;
            }

        .shop-holder .information-wrap table.order-table td {
            padding: 3px 4px;
        }

        .shop-holder .information-wrap .wishlist li .product-description h3 {
            font-size: 14px;
            line-height: 18px;
        }

        .shop-holder .information-wrap .row .radio-title {
            max-width: none;
            display: block;
            margin-bottom: 5px;
            padding: 0;
        }

    /*.banner {
        min-height: 350px;
    }*/

    .banner h1 {
        font-size: 38px !important;
        line-height: 42px !important;
    }

    .sidenav {
        padding-bottom: 20px;
    }

    .content-description h2 {
        font-size: 35px !important;
        line-height: 38px !important;
    }

    .info-block {
        padding: 30px 0;
        margin-bottom: 20px;
    }


        .info-block .image-holder {
            text-align: center;
        }

        .info-block .link {
            text-align: center;
        }

        .info-block .info-holder {
            padding-bottom: 20px;
        }

    .social-bar {
        text-align: center;
    }

    .main-heading h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .executive-list {
        padding-top: 0;
    }

        .executive-list .member .image-holder {
            text-align: center;
        }

        .executive-list .member .image-holder {
            margin-bottom: 10px;
        }

    .contact-holder .main-heading h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .contact-holder .contact-form textarea {
        height: 150px;
    }

    .mission-block .image-holder {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

        .mission-block .image-holder.holder1 {
            width: 300px;
        }

            .mission-block .image-holder.holder1 span.before {
                margin-top: -15px;
            }

            .mission-block .image-holder.holder1 span.after {
                margin-top: -35px;
            }

        .mission-block .image-holder.holder2 {
            margin-bottom: 45px;
        }

    .mission-block .absolute-image {
        margin-left: auto !important;
        margin-right: auto !important;
        right: auto !important;
        left: auto !important;
    }

    .mission-block .description {
        width: 100%;
        text-align: center;
    }

        .mission-block .description.large {
            width: 100%;
        }

    .country-list {
        padding-top: 50px;
    }

        .country-list h3 {
            font-size: 23px !important;
            line-height: 26px !important;
        }

        .country-list .country-group + .country-group {
            padding-top: 20px;
        }

        .country-list .continent-block .country-row + .country-row {
            padding-top: 0;
        }

        .country-list .country-block {
            padding-bottom: 20px;
        }

            .country-list .country-block .branch-title {
                font-size: 16px;
                line-height: 20px;
            }

    .footer-top .two-cols {
        overflow: visible;
    }

    .career .banner .banner-caption {
        width: 400px;
        font-size: 30px;
        line-height: 35px;
    }

    .career .banner .vvvv-important {
        font-size: 35px;
        line-height: 35px;
    }

    .career .banner .important {
        font-size: 32px;
        line-height: 35px;
    }

    .career .banner .vvv-important {
        font-size: 40px;
        line-height: 40px;
    }

    .career .banner .v-important {
        font-size: 37px;
        line-height: 40px;
    }

    .career .banner mark {
        font-size: 37px;
        line-height: 40px;
    }

    .career .banner em {
        font-size: 47px;
        line-height: 47px;
    }

    .career .twocolumns .top-reasons .ol-item-index {
        right: 97%;
    }

    .checkout-page-new .main-holder #content.checkout-returning .shipping-holder .options-holder {
        width: 100%;
    }

    .checkout-page-new .main-holder #content.checkout-signin .block {
        margin: 0 0 30px;
        padding: 0;
    }

        .checkout-page-new .main-holder #content.checkout-signin .block.block2 {
            margin: 0;
        }

    .checkout-page-new #sidebar .summary-block .product-summary .title {
        max-width: none;
        width: 100%;
    }

    .checkout-page-new #sidebar .summary-block .product-summary .image-holder {
        margin: 0 0 10px;
    }

    .checkout-page-new #sidebar .summary-block .product-summary .product-details {
        margin: 0;
    }

    .checkout-page-new .shipping-holder label {
        margin: 0 0 15px;
    }

    .checkout-page-new .consultant-block dt {
        font-size: 14px;
    }

    .checkout-page-new .consultant-block dd {
        font-size: 14px;
    }

    .checkout-page-new .payment-form .row {
        margin: 0;
    }

        .checkout-page-new .payment-form .row .col {
            width: 100%;
            margin: 0 0 15px;
        }

            .checkout-page-new .payment-form .row .col + .col .image-holder {
                margin: 0;
            }

        .checkout-page-new .payment-form .row .col2 {
            width: 100%;
        }

        .checkout-page-new .payment-form .row.three-cols .col {
            width: 100%;
            float: none;
        }

            .checkout-page-new .payment-form .row.three-cols .col + .col {
                float: none;
                display: block;
                width: 100% !important;
                margin-left: 0;
            }

                .checkout-page-new .payment-form .row.three-cols .col + .col.last-child {
                    width: 100% !important;
                    margin: 0 0 15px;
                    padding: 10px 0 0;
                }

        .checkout-page-new .payment-form .row.three-cols input[type="text"] {
            width: 25%;
        }

    .checkout-page-new .account-form .row {
        margin: 0;
    }

        .checkout-page-new .account-form .row .col {
            width: 100%;
            padding: 0;
            margin: 0 0 15px;
        }

            .checkout-page-new .account-form .row .col + .col {
                width: 100%;
                margin: 0 0 -15px;
            }

            .checkout-page-new .account-form .row .col.hide {
                display: none;
            }

    .checkout-page-new .shipping-nav ul li {
        padding: 0 6px;
    }

        .checkout-page-new .shipping-nav ul li h1 {
            font-size: 13px;
        }

    .jcf-select-sel2 {
        width: 100%;
    }

    .consultant-modal .table tr > td {
        font-size: 11px;
    }

    .consultant-modal .table .img-hold {
        width: 20%;
    }

    .consultant-modal .table .heading {
        font-size: 11px;
        line-height: 14px;
    }

    .consultant-modal .table-responsive {
        border: none;
        margin: 0;
    }

    .block-inform .box {
        width: 100%;
        border-top: 1px solid #bfbfbf;
        border-left: 0;
        height: auto !important;
        padding: 20px 0 0;
    }

        .block-inform .box:after {
            display: none;
        }

        .block-inform .box:first-child {
            width: 100%;
            border-top: 0;
            padding: 0 0 20px;
        }

        .block-inform .box span {
            font-size: 16px;
            line-height: 18px;
        }

    .block-inform .name {
        font-size: 18px;
        line-height: 20px;
    }

    /*.block-inf .box {
        float: none;
        width: 100%;
        height: auto !important;
        border-top: 1px solid #bfbfbf;
        border-left: 0;
        padding: 20px 0 0;
    }

        .block-inf .box:first-child {
            border-top: 0;
            padding: 0 0 20px;
        }*/

    .fotm-account .row-hold {
        margin: 0 0 15px;
    }

    .fotm-account .row-btn {
        padding: 10px 0 0;
    }

    .block-order {
        padding: 10px;
    }

        .block-order .box {
            font-size: 14px;
            line-height: 16px;
        }

    .join-page .section-content .block.block2 h2 {
        font-size: 60px;
        line-height: 62px;
    }

        .join-page .section-content .block.block2 h2 span {
            font-size: 40px;
            line-height: 42px;
        }

    .join-page .section-content .block .list li {
        padding: 0 10px;
    }

        .join-page .section-content .block .list li:first-child {
            padding: 0 10px 0 0;
        }

    .join-page .section-content h2 {
        font-size: 60px;
        line-height: 62px;
    }

    .join-page .section-content h3 {
        font-size: 16px;
        line-height: 18px;
    }

        .join-page .section-content h3 em {
            font-size: 16px;
            line-height: 18px;
        }

    .join-page .section-content h4 {
        font-size: 30px;
        line-height: 32px;
    }

        .join-page .section-content h4 span {
            font-size: 28px;
            line-height: 32px;
        }

        .join-page .section-content h4.title {
            font-size: 34px;
            line-height: 36px;
        }

    .join-page .section-story .block-text h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .join-page .section-story .text-block {
        margin: 0 0 20px;
    }

    .join-page .page-heading h1 {
        float: none;
        text-align: center;
        margin: 0;
        font-size: 58px;
    }

    .join-page .page-heading .heading-nav {
        font-size: 14px;
    }

    .join-page .visual h2 {
        font-size: 24px;
        line-height: 24px;
    }

    .join-page .visual p {
        font-size: 13px;
        line-height: 17px;
    }

    .join-page .visual .btn {
        font-size: 14px;
        padding: 5px 10px;
    }

    .join-page .items-list > .item header .stock {
        display: block;
        margin: 15px auto;
    }

    .join-page .items-list > .item header table {
        width: 100%;
    }

    .join-page .items-list > .item {
        padding-left: 0;
    }

        .join-page .items-list > .item:before {
            position: static;
            margin: 0 auto 15px;
            display: block;
        }

    /* New Css */
    .join-jafra .jj-visual .text-wrap {
        width: 80%;
        margin: 0 auto;
        right: 0;
        left: 0;
        top: 20px;
    }

    .jafra-kit .prod-info {
        text-align: center;
    }

    .shop-sidebar {
        padding: 0 0 30px 0;
    }

    .create-account .left-block {
        border: 0;
        padding: 0;
    }

    .myaccount .right-block,
    .myaccount .fb-signin {
        padding: 30px 0 0;
    }

    .account .sidenav {
        padding-top: 30px;
    }

    .career .banner .banner-caption {
        width: 280px;
        font-size: 26px;
        line-height: 35px;
    }


    .career .banner small {
        font-size: 26px;
    }


    .career .banner .vvvv-important {
        font-size: 32px;
        line-height: 35px;
    }


    .career .banner .important {
        font-size: 32px;
        line-height: 35px;
    }


    .career .banner .vvv-important {
        font-size: 32px;
        line-height: 40px;
    }


    .career .banner .v-important {
        font-size: 32px;
        line-height: 40px;
    }


    .career .banner mark {
        font-size: 32px;
        line-height: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }


    .career .banner em {
        font-size: 38px;
        line-height: 47px;
    }

    #header .logo-block {
        margin: 0 auto;
    }

    .mm-toggle {
        display: block;
    }

    .main-holder #sidebar .news-group {
        display: none;
    }

    .checkout-page-new .new-consultant-form label {
        min-width: 180px;
    }

    .inner .product-article .img-hold .product img {
        width: auto;
    }

    .update .foundations .heading h2 {
        position: inherit;
        width: 100%;
        display: block;
    }
}

@media (max-width: 639px) {
    .career .twocolumns .col-left {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .career .twocolumns .top-reasons {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .career .block .alignright {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .page-heading .heading-nav ul {
        margin-top: 25px;
    }

        .page-heading .heading-nav ul li {
            display: block;
            margin-bottom: 10px;
        }

    .author .author-info {
        display: block;
        width: 100%;
    }

    .product-lists .title {
        min-height: 35px;
        padding-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .form-block .row .radio-list li {
        width: 50%;
    }

    .form-block .row .radio-list label {
        max-width: 90px;
    }

    .shop-holder .information-wrap table th,
    .shop-holder .information-wrap table td {
        font-size: 12px;
        line-height: 19px;
    }

        .shop-holder .information-wrap table td .details h3 {
            font-size: 12px;
            line-height: 15px;
        }

        .shop-holder .information-wrap table td.order-view .link-view {
            font-size: 12px;
            line-height: 18px;
        }

    .shop-holder .information-wrap .wishlist {
        padding: 20px 5%;
    }

    .shop-holder .information-wrap .info-form .col-holder .col {
        width: 100%;
        float: none;
    }

    .shop-holder .information-wrap .info-form .col-holder.add .col {
        width: 100%;
    }

    .shop-holder .information-wrap .info-form .col-holder .padding-left0 {
        padding-right: 0 !important;
    }

    .shop-holder .information-wrap .info-form .col-holder .padding-right0 {
        padding-left: 0 !important;
    }

    .shop-holder .information-wrap .billing-address .two-columns .column {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .career .banner .banner-caption {
        width: auto;
        font-size: 20px;
        line-height: 25px;
        left: 30px;
        right: 30px;
        margin: 0;
    }

    .career .banner .vvvv-important {
        font-size: 20px;
        line-height: 25px;
    }

    .career .banner .important {
        font-size: 20px;
        line-height: 25px;
    }

    .career .banner .vvv-important {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0;
    }

    .career .banner .v-important {
        font-size: 20px;
        line-height: 25px;
    }

    .career .banner mark {
        font-size: 20px;
        line-height: 25px;
    }

    .career .banner .vv-important {
        font-size: 20px;
        line-height: 25px;
    }

    .career .banner em {
        font-size: 20px;
        line-height: 25px;
    }

    .career .banner small {
        font-size: 20px;
        line-height: 25px;
    }

    .career .twocolumns .top-reasons .ol-item-index {
        right: 95.5%;
    }

    .join-page .visual .text-wrap {
        top: 10px;
        right: 10px;
    }

    .join-page .visual h2 {
        font-size: 19px;
        line-height: 20px;
    }

    .join-page .visual .text-wrap p {
        display: none;
    }

    .join-page .visual .btn {
        margin-top: 0;
        font-size: 12px;
        line-height: 12px;
    }

    .join-page .items-list .columns .img-col .stock {
        font-size: 10px;
        width: 50px;
        height: 50px;
        line-height: 1;
    }

        .join-page .items-list .columns .img-col .stock .save {
            font-size: 13px;
        }

        .join-page .items-list .columns .img-col .stock strong {
            font-size: 15px;
        }

    .join-page .items-list .sub-columns .sub-col {
        width: 100%;
        margin: 0;
        padding: 0 0 10px;
    }

    .career .banner .banner-caption {
        display: none;
    }

    .shop-holder .information-wrap .info-form .col-holder.add {
        width: 100%;
    }
}

.resize {
    width: 400px;
}

    .resize .nav-wrap .col {
        width: 50%;
    }

    .resize .img-block {
        min-height: inherit;
    }

        .resize .img-block > img {
            position: relative;
        }

/* Footer Subnav */
.footer-nav ul li {
    position: relative;
}

.footer-nav ul.subnav {
    display: none;
    z-index: 10;
    padding-top: 5px;
    position: absolute;
    padding-bottom: 3px;
    margin-left: -1px;
}

    .footer-nav ul.subnav > li {
        padding: 0;
        display: block;
        text-transform: capitalize;
        font-size: 14px;
        letter-spacing: normal;
        text-align: left;
        white-space: nowrap;
        text-transform: uppercase;
    }

        .footer-nav ul.subnav > li > a {
            background: #470a68;
            color: #fff;
            display: block;
            padding: 3px 30px 3px 14px;
            font-family: ggx88book;
            font-weight: normal;
        }

            .footer-nav ul.subnav > li > a:hover {
                background: #ba0c2f;
                text-decoration: none;
            }

.footer-nav li:hover > ul.subnav {
    display: block;
}

@media (min-width: 1024px) {
    .footer-nav ul.subnav {
        bottom: 51px;
    }
}

@media (min-width: 1300px) {
    .footer-nav ul.subnav {
        bottom: 77px;
    }
}

@media (max-width: 1024px) {
    .footer-nav ul.subnav {
        bottom: 31px;
    }

    .footer-nav ul li {
        padding: 10px;
        font-size: 14px;
    }

    .footer-nav ul.subnav > li > a {
        padding: 3px 15px 3px 14px;
    }
}

@media (max-width: 767px) {
    .footer-nav li:hover > ul.subnav {
        display: none;
    }
    /*.footer-nav ul li {
		font-size:13px;
	}
	.footer-nav ul.subnav > li > a {
		font-size:13px;
		font-weight:normal;
	}*/
    #header .logo-block {
        margin: 0 auto;
    }

    .mm-toggle {
        display: block;
    }
}

@media (max-width: 479px) {

    .intro-block .intro-content {
        display: none;
    }
}



.sub-nav a.subCatgory {
    color: #848484;
    cursor: pointer !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-decoration: underline;
    text-transform: uppercase;
}

.sub-nav a.subCatgory {
    font-size: 16px;
}



#nav .nav > li {
    font-size: 16px;
}



.inner .delivery-form .jcf-select {
    width: 150px;
    margin-right: 15px;
}



.inner .total-holder {
    font-size: 20px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom:100px;
}

alert {
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
}

.alert-success {
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-info {
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;
}

.alert-warning {
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e;
}

.alert-danger {
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    color: #a94442;
}


.intro-block {
    position: relative;
    padding-bottom: 30px;
}

    .intro-block .intro-content {
        /*background: rgba(0, 0, 0, .5);*/
        position: absolute;
        right: 30px;
        top: 0;
        height: 100%;
        width: 560px;
        padding: 32px 15px 35px;
    }

.cycle-gallery {
    position: relative;
}

    .cycle-gallery .slideset {
        font-size: 0;
        letter-spacing: -4px;
        line-height: 0;
        white-space: nowrap;
        width: 100% !important;
    }

    .cycle-gallery .slide {
        display: inline-block;
        letter-spacing: 0;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        width: 100%;
    }

        .cycle-gallery .slide .bg-stretch {
            position: relative;
            text-align: center;
            width: 100%;
        }

    .cycle-gallery .pager-links {
        position: absolute;
        left: 10%;
        right: 10%;
        bottom: -38px;
        z-index: 1;
    }

.video-block .title {
    text-align: center !important;
}

.stock-out {
    margin: 0 0 30px 0;
    padding-top: 2px;
}

    .stock-out h3 {
        text-transform: uppercase;
        color: #ce0000;
        font-weight: bold;
        font-size: 22px;
    }

/*.cycle-gallery .slide img {
    height: 600px;
    max-width: inherit;
}*/

@media (max-width: 1199px) {
    .cycle-gallery .slide img {
        height: auto;
        max-width: 100%;
    }
}

.update .banner-image {
    width: 100%;
    text-align: center;
}

.close {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-open {
    overflow: hidden;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
    padding: 15px;
}

    .modal-header .close {
        margin-top: -8px;
    }

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }

    #prodvideoModal .modal-dialog {
        width: 800px;
    }

    #nav .nav > li {
        /*border-bottom: 1px solid #e5e5e5;
        background: #f9f9f9;*/
    }

    .resize {
        width: 100%;
    }
}

@media (max-width:768px) {
    .sub-nav .img-block,
    .sub-nav p,
    .sub-nav .link-hold,
    .sub-nav .sub-nav-footer {
        display: none;
    }

    .shop-holder .information-wrap .wishlist li .product-description .lower-bar .purchase {
        width: 100%;
        float: none;
        text-align: left;
        padding-top: 12px;
        clear: both;
    }

        .shop-holder .information-wrap .wishlist li .product-description .lower-bar .purchase .product-page {
            padding: 0;
        }
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.add-nav .product-detail {
    max-height: 500px;
    overflow: auto;
}

.header-top .add-nav > ul > li {
    font-size: 14px;
}

.sub-nav .slidemenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 960px) and (max-width: 1199px) {

    #nav .nav > li > a {
        font-size: 13px;
    }

    #nav .nav > li {
        margin: 0 1px;
    }

    .header-top .add-nav > ul > li {
        font-size: 13px;
    }
}


@media (min-width: 768px) and (max-width: 959px) {

    #nav .nav > li > a {
        font-size: 12.5px;
        width: 90px;
        text-align: center;
        min-height: 45px;
    }

    .sub-nav {
        top: 45px;
    }
}

.video-block .video-hold {
    background: #000;
    margin-bottom: 30px;
    cursor: pointer;
}

.author {
    margin-bottom: 25px;
}

.author-img {
    float: left;
    margin: 0 15px 15px 0;
    height: 150px;
}

.author .author-info {
    overflow: hidden;
}

    .author .author-info p {
        color: #767676;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 2px;
    }

.author a.author-link {
    font-size: 12px;
}

.article_head {
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-align: center;
}

    .article_head h1::after {
        height: 0 !important;
    }

    .article_head h1 {
        margin-bottom: 8px !important;
        padding: 0 !important;
    }

    .article_head h3 {
        margin-bottom: 0;
        text-transform: inherit;
    }

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

.article_head h2 {
    text-align: left;
    margin-bottom: 0;
}

.article_head h4 {
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
}

.loading {
    color: #470a68;
    padding-bottom: 20px;
    text-align: center;
}

.main-holder #sidebar .news-list {
    padding: 0 0 0 18px;
    list-style-type: disc;
    margin: 4px 0 12px;
}

.wishlist .total-data .row strong {
    padding-left: 5px;
}

.selectImg {
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 2px solid #f40000;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.error {
    text-align: center;
    padding: 40px 0;
}


    .error h3 {
        font-family: 'ggx88book', Arial, sans-serif;
        margin-top: 25px;
        font-size: 32px;
        color: #470a68;
        line-height: 36px;
    }


    .error p {
        font-family: 'ggx88light', Arial, sans-serif;
        font-size: 16px;
    }

/* ##GLOBAL - Community/Forum HTML ## Add below css */

/* Community / Forum */
.community {
    padding: 20px 0 30px 0;
}

    .community h3.c-title {
        font-family: 'didot_bold', Arial, sans-serif;
        text-transform: capitalize;
        font-size: 32px;
        text-align: center;
        margin-bottom: 35px;
    }

    .community .c-page {
        width: 94%;
    }

    .community .c-info {
        margin: 0px 20px 30px;
    }

        .community .c-info p {
            margin-bottom: 20px;
            font-family: 'ggx88light', Arial, sans-serif;
        }

        .community .c-info a {
            text-decoration: underline;
        }

    .community .Actions {
        padding: 0 0 14px 20px;
    }


        .community .Actions a {
            font-family: 'ggx88book', Arial, sans-serif;
            margin-right: 12px;
            text-decoration: underline;
        }

    /* Forum Table */

    .community .Forum {
        margin-bottom: 40px;
    }

.Forum thead {
    margin-bottom: 10px;
}

.Forum tr > th,
.Forum tr > td {
    text-align: center;
}

.Forum tr.Forum td.ForumInfo,
.Forum tr.Header th.ForumName {
    text-align: left;
}

.Forum thead > tr > th {
    border: 0;
    font-weight: normal;
}

.Forum tr.Header {
    background: #f3f3f3;
    color: #8b8b8b;
    font-family: 'ggx88light', Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
}

.Forum th.ForumName {
    color: #330066;
    padding-left: 18px;
    text-transform: uppercase;
    font-family: 'ggx88book', Arial, sans-serif;
    font-weight: 600;
}

.Forum tbody tr.Forum {
    margin: 10px 0;
    border: 1px dotted #333;
}

.ForumGroup .table .LastPost {
    width: 170px;
}

.ForumGroup .table .Posts,
.ForumGroup .table .Threads,
.ForumGroup .table .Views {
    width: 100px;
}

.Forum td {
    font-family: 'ggx88light', Arial, sans-serif;
}

    .Forum td.ForumInfo > div {
        margin: 10px 0 10px 10px;
    }

    .Forum td.ForumInfo .ForumName {
        display: block;
        margin-bottom: 8px;
        font-family: 'ggx88book', Arial, sans-serif;
    }

        .Forum td.ForumInfo .ForumName a {
            text-decoration: underline;
        }

    .Forum td.ForumInfo .ForumDescription {
        font-size: 15px;
    }

    .Forum td.Threads,
    .Forum td.Posts,
    .Forum td.Author,
    .Forum td.Views,
    .Forum td.LastPost {
        font-size: 14px;
        vertical-align: middle;
    }

        .Forum td.LastPost .PostTime {
            color: #737373;
            font-size: 13px;
        }


.ForumFlat .Table,
.ForumTree .Table {
    width: 100%;
    background-color: #fff;
}

    .ForumFlat .Table .Info td,
    .ForumTree .Table .Info td {
        background: #f3f3f3;
        text-align: left;
    }

    .ForumFlat .Table .ForumName,
    .ForumTree .Table .ForumName {
        display: block;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 20px;
        font-family: "ggx88book",Arial,sans-serif;
        color: #470a68;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .ForumFlat .Table .Actions td,
    .ForumTree .Table .Actions td {
        text-align: left;
        padding: 6px 20px;
    }

        .ForumFlat .Table .Actions td span {
            font-size: 13px;
        }

            .ForumFlat .Table .Actions td span.jcf-select {
                width: 100px;
                float: right;
            }

.ForumFlat .ForumBreadCrumbs {
    font-weight: normal;
    font-size: 13px;
}

    .ForumFlat .ForumBreadCrumbs a {
        margin-right: 3px;
    }

.ForumFlat .Table .Actions select.form-control {
    width: 100px;
    padding: 4px;
    height: auto;
    font-size: 13px;
    display: inline-block;
}

.ForumFlat .Posts {
    padding: 0 20px;
}

.ForumFlat .Table .Posts td {
    padding: 0;
}

.ForumFlat .Table .PostsTable,
.ForumTree .Table .PostsTable {
    width: 100%;
}

    .ForumFlat .Table .PostsTable td,
    .ForumTree .Table .PostsTable td {
        text-align: left;
    }

    .ForumFlat .Table .PostsTable .Content,
    .ForumTree .Table .PostsTable .Content {
        padding-left: 20px !important;
        padding-top: 0 !important;
        vertical-align: top;
        font-size: 14px;
    }

.ForumPost .PostUserName {
    text-decoration: underline;
    font-weight: bold;
    color: #470a68;
    letter-spacing: 1px;
}

.ForumPost .UserAvatar .Badge {
    margin-left: 5px;
    font-size: 12px;
    padding-top: 3px;
}

.ForumPost {
    padding: 0 0 30px 0;
}

    .ForumPost .PostSubject {
        display: block;
        font-weight: bold;
        padding: 4px 0 20px;
        letter-spacing: 1px;
    }

    .ForumPost .PostText {
        border-bottom: 1px solid #333;
        padding-bottom: 20px;
    }

    .ForumPost .PostActionLink {
        text-decoration: underline;
    }

    .ForumPost .PostUser {
        color: #470a68;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .ForumPost .PostTime {
        font-size: 14px;
    }

.PostReply .PostText {
    border: 0;
    padding: 0;
    font-size: 14px;
}

.PostIndent {
    margin-left: 45px;
}

.ForumNewPost .Title {
    font-size: 17px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
    display: block;
    padding-left: 20px;
    text-align: left;
}

.ForumNewPost .PostReply {
    border: solid 1px #ccc;
    margin: 5px 20px;
    background-color: #fff;
    padding: 10px;
}

    .ForumNewPost .PostReply .ForumPost {
        padding: 0 14px 8px 19px;
    }

.ForumFlat .Table td {
    padding: 10px;
    color: #737373;
}

.ForumPost .UserAvatar {
    width: 75px;
}

.ForumPost .Content {
    text-align: left;
    vertical-align: top;
}

.ForumNewPost .FormPadding {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ForumContent .form-horizontal {
    width: 660px;
    margin: 0 0 0 30px;
}

.ForumContent .form-group {
    margin-bottom: 10px;
    clear: both;
}

.editing-form-label-cell {
    margin-bottom: 6px;
    font-size: 15px;
}

    .editing-form-label-cell span,
    .editing-form-label-cell label {
        display: block;
        padding-right: 15px;
    }

.ForumContent .form-group .editing-form-label-cell,
.ForumContent .form-group .filter-form-label-cell,
.ForumContent .form-group .filter-form-condition-cell,
.ForumContent .form-group .filter-form-condition-cell-generated,
.ForumContent .form-group .filter-form-value-cell {
    width: 33.33333333%;
    float: left;
    font-size: 15px;
}

.ForumContent .form-group .editing-form-value-cell {
    width: 66.66666667%;
    float: left;
    text-align: left;
    font-size: 15px;
}

    .ForumContent .form-group .editing-form-value-cell span {
        padding-top: 5px;
        display: inline-block;
    }

.ForumContent input.form-control {
    border: 1px solid #cdcdcd;
    height: 30px;
    line-height: 30px;
    width: 200px;
    display: inline-block;
    padding: 5px 8px;
    font-size: 13px;
}

.ForumContent .form-group .editing-form-value-cell textarea {
    border: 1px solid #cdcdcd;
    height: 100px !important;
    padding: 5px 8px;
    font-size: 13px;
}

.ForumContent .form-group .editing-form-value-cell span.checkbox input {
    margin-left: 0;
}

.ForumContent .form-group-submit {
    margin-left: 33.33333333%;
    text-align: left;
}

/* Community / Forum Sidebar */
.community .sidebar {
    /*padding-top:65px;*/
}

.community .widget {
    margin-bottom: 30px;
}

    .community .widget h3 {
        font-family: 'ggx88book', Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
    }

    .community .widget ul {
        padding: 0;
    }

        .community .widget ul li {
            list-style: none;
            margin-bottom: 4px;
        }


            .community .widget ul li a {
                text-decoration: underline;
            }

.forumSearch > strong {
    display: none;
}

.forumSearch a {
    font-size: 12px;
}

.forumSearch .btn {
    min-width: inherit;
}

.forumSearch .btn-default {
    background: #330066;
    color: #fff;
    border: 0;
}

.latest-post .LatestPosts a {
    text-decoration: underline;
    margin-bottom: 5px;
    display: block;
}

.confirmation h2 {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 20px;
}

@media (max-width:991px) {

    .community .c-page {
        width: 100%;
    }

    .community .sidebar {
        padding-top: 0;
    }

    .community .forumSearch {
        padding: 0 20px;
    }

        .community .forumSearch .form-group .forumSearch {
            padding: 0;
        }

    /*.community .form-inline .form-group {
        display: inline-block;
    }*/

    .community .form-inline input.form-control {
        display: inline-block;
        width: 60%;
    }
}

.reset-password {
    margin-top: 25px;
}

.fragrance {
    width: 558px;
}


.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 3px 0 !important;
    cursor: pointer;
}


    .checkbox-custom + .checkbox-custom-label:before {
        content: '';
        background: #fff;
        border: 2px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        padding: 2px;
        margin-right: 10px;
        text-align: center;
        line-height: 16px;
    }

    .checkbox-custom:checked + .checkbox-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        background: rebeccapurple;
        color: #fff;
        font-size: 14px;
    }

.checkbox-custom-label {
    position: relative;
}

.checkbox-custom:focus + .checkbox-custom-label {
    outline: none;
}

.mob-links {
    margin-top: 15px;
}

    .mob-links ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .mob-links ul li a {
            padding: 6px 10px;
            color: #fff;
            display: inline-block;
            font-family: 'ggx88light', Arial, sans-serif;
            font-size: 13px;
        }

.consultant {
    margin-top: 30px;
    padding: 0 10px;
    overflow: hidden;
}

    .consultant .img {
        float: left;
        background: #fff;
        padding: 1px;
        margin: 0 10px 10px 0;
        width: 55px;
    }

    .consultant .detail {
        overflow: hidden;
    }

        .consultant .detail p {
            margin: 0;
            font-size: 13px;
            font-family: 'ggx88light', Arial, sans-serif;
        }

            .consultant .detail p span {
                display: block;
                text-transform: uppercase;
            }

        .consultant .detail a {
            color: #fff;
            text-decoration: underline;
        }

.chagneBeautyConsultant {
    display: none;
    width: 100%;
}

    .chagneBeautyConsultant .txtbox {
        width: 100%;
        border: 0;
        color: #333;
        padding: 8px;
        font-size: 13px;
        margin-bottom: 5px;
    }

    .chagneBeautyConsultant .submitBtn {
        border: 0;
        padding: 8px 15px;
        font-size: 13px;
        color: #fff;
        background: #470a68;
        text-transform: uppercase;
    }

.account-link {
    padding: 0 10px;
    margin: 12px 0;
}

    .account-link span {
        display: inline-block;
        margin-right: 15px;
    }

        .account-link span.search {
            cursor: pointer;
            font-size: 13px;
        }

        .account-link span a {
            color: #fff;
            font-size: 13px;
            font-family: 'ggx88light', Arial, sans-serif;
        }

            .account-link span a em {
                color: #56f5d2;
                font-style: normal;
            }

    .account-link .search-form {
        margin-top: 6px;
        display: none;
    }

.search-form input[type="button"],
.search-form input#mobileSearch {
    position: absolute;
    right: 22px;
    top: 50%;
    background: url(../images/sprites.png) no-repeat -33px -82px;
    width: 21px;
    height: 20px;
    border: 0;
    margin: -10px 0 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    /*white-space: nowrap;*/
    z-index: 999;
    cursor: pointer;
}

a:active, a:focus {
    outline: 0;
}

.jafra-world article .intro {
    font-size: 14px;
    margin-bottom: 8px;
}

.shop-holder .information-wrap table td .order-image {
    width: 100px;
}

.modal-content .ng-scope label {
    font-weight: bold;
}

.modal-content .ng-scope .ng-binding {
    margin-bottom: 10px;
}

#modelChangeAddress label {
    font-weight: bold;
}

#modelChangeAddress .modal-content {
    font-size: 14px;
}

    #modelChangeAddress .modal-content .ng-binding {
        margin-bottom: 14px;
    }

#modelChangeAddress .modal-footer {
    overflow: hidden;
}

.checkoutinfo .checkform {
    margin-bottom: 15px;
}

.checkoutinfo .leftbar .block {
    border-right: 1px solid #ccc;
    padding-right: 15px;
}

.checkoutinfo h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 34px;
    font-weight: bold;
    margin-bottom: 6px;
}

.checkoutinfo p.require {
    color: #7e7e7e;
    font-size: 13px;
    margin-bottom: 16px;
}

.checkoutinfo p.card-type {
    color: #7e7e7e;
    font-size: 12px;
    margin-bottom: 10px;
}

.checkoutinfo .form-group {
    font-size: 13px;
}

    .checkoutinfo .form-group label {
        margin-bottom: 3px;
    }

    .checkoutinfo .form-group .form-control {
        border-color: #959595;
        font-size: 14px;
        height: 30px;
        padding: 5px 5px 6px;
    }

.checkoutinfo .checklist-holder {
    margin-bottom: 16px;
}

    .checkoutinfo .checklist-holder label {
        color: #333;
        padding: 1px 0 0;
        font-size: 14px;
    }

.checkoutinfo .jcf-select {
    background: #fff;
    border: 1px solid #959595;
    border-radius: 0;
    height: 30px;
}

    .checkoutinfo .jcf-select .jcf-select-text {
        color: #959595;
        cursor: pointer;
        font-size: 14px;
        font-style: italic;
        font-weight: normal;
        height: 28px;
        line-height: 16px;
        padding: 5px 0 6px;
        text-transform: none;
    }

    .checkoutinfo .jcf-select .jcf-select-opener::after {
        border-color: #7a7a7a transparent transparent;
        border-style: solid;
        border-width: 5px 5.5px 0;
        content: "";
        height: 0;
        left: 50%;
        margin: 0 0 0 -5px;
        position: absolute;
        top: 13px;
        width: 0;
    }

    .checkoutinfo .jcf-select .jcf-select-opener {
        background: #f5f5f5;
        border-left: 1px solid #959595;
        cursor: pointer;
        height: 28px;
        margin-top: 0;
        right: 0;
        top: 0;
        width: 17px;
    }

.checkoutinfo .security img {
    margin-top: -2px;
}

/* Modal Window */
#addProductcart .modal-header {
    background: #3e0f59;
    color: #fff;
    border: 0;
}

    #addProductcart .modal-header h4 {
        margin: 5px 0;
        font-family: 'ggx88book', Arial, sans-serif;
        font-weight: normal;
    }

#addProductcart button.close {
    color: #9d87aa;
    opacity: 1;
    text-shadow: none;
    font-size: 28px;
    margin-top: 1px;
}

#addProductcart .add-item-cart {
    overflow: hidden;
    padding-top: 30px;
}

    #addProductcart .add-item-cart .product-image {
        float: left;
        width: 25%;
        margin-right: 5%;
        text-align: center;
    }

        #addProductcart .add-item-cart .product-image img {
            width: 100px;
        }

    #addProductcart .add-item-cart .product-info {
        width: 70%;
        float: left;
    }

        #addProductcart .add-item-cart .product-info h4 {
            margin-bottom: 20px;
        }

        #addProductcart .add-item-cart .product-info p {
            margin-bottom: 5px;
        }

            #addProductcart .add-item-cart .product-info p span {
                color: #c3002f;
            }

#addProductcart .modal-footer {
    border: 0;
    padding: 10px 27px 27px;
}

    #addProductcart .modal-footer .btn {
        padding: 10px 12px;
        border: 0;
    }

#addProductcart .btn-default {
    border: 0;
    color: #3e0f59;
    text-transform: capitalize;
    font-weight: normal;
}


@media (max-width:768px) {
    .checkoutinfo .security {
        margin-top: 15px;
    }

    .checkoutinfo .leftbar .block {
        border: 0;
        padding-right: 0;
    }
}

.reviewTable th,
.reviewTable td {
    border: 0 !important;
}

.reviewTable th {
    padding-bottom: 15px !important;
}

    .reviewTable th.product-name {
        width: 160px;
    }

    .reviewTable th.rating {
        width: 160px;
    }

.reviewTable ul.stars {
    padding: 0;
}

dl {
    margin-bottom: 8px;
}

@media (max-width:480px) {
    #addProductcart .add-item-cart {
        padding-top: 10px;
    }

        #addProductcart .add-item-cart .product-image {
            float: none;
            width: 100%;
            margin-right: 0;
            padding-bottom: 20px;
        }

        #addProductcart .add-item-cart .product-info {
            width: 100%;
            text-align: center;
            float: none;
        }

    #addProductcart .modal-footer {
        text-align: center;
        padding: 10px 10px 27px;
    }

    .join-page .section-content .text-block h2 strong {
        display: block;
    }
}

@media (max-width:1280px) {
    .container {
        width: 96%;
    }
}


@font-face {
    font-family: 'ggx88light';
    src: url('../fonts/ggx88_lt-webfont.eot');
    src: url('../fonts/ggx88_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ggx88_lt-webfont.woff2') format('woff2'), url('../fonts/ggx88_lt-webfont.woff') format('woff'), url('../fonts/ggx88_lt-webfont.ttf') format('truetype'), url('../fonts/ggx88_lt-webfont.svg#ggx88light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ggx88book';
    src: url('../fonts/ggx88_bk-webfont.eot');
    src: url('../fonts/ggx88_bk-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ggx88_bk-webfont.woff2') format('woff2'), url('../fonts/ggx88_bk-webfont.woff') format('woff'), url('../fonts/ggx88_bk-webfont.ttf') format('truetype'), url('../fonts/ggx88_bk-webfont.svg#ggx88book') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Popup Header */
#delivery .modal-title {
    font-family: 'ggx88book', Arial, sans-serif;
}

#delivery .modal-header .close {
    color: #9d87aa;
    opacity: 1;
    text-shadow: none;
    margin-top: -10px;
    font-size: 35px;
}

/* Popup body */
#delivery .modal-content {
    box-shadow: none;
    font-family: 'ggx88light', Arial, sans-serif;
}

#delivery .row1 {
    padding: 5px 0px 25px 0px;
}

#delivery .save-txt {
    text-align: center;
    font-size: 18px;
}

    #delivery .save-txt img {
        margin-left: 10px;
    }

#delivery .selection {
    text-align: center;
    padding-top: 15px;
    position: relative;
}

    #delivery .selection span.msg {
        position: absolute;
        right: 0;
        top: 20px;
        font-size: 14px;
    }

#delivery .select-style {
    border: 1px solid #6c4892;
    width: 180px;
    overflow: hidden;
    background: #fff url("../images/icon-select.png") no-repeat 100% 50%;
    margin: 0 auto;
    text-transform: uppercase;
}

    #delivery .select-style select {
        padding: 4px;
        width: 115%;
        background: transparent;
        -webkit-appearance: none;
        border: 0;
    }

        #delivery .select-style select:focus {
            outline: none;
        }

#delivery .row2 {
    border-top: 2px solid #eee;
    overflow: hidden;
    padding-top: 5px;
}

#delivery .table th.price,
#delivery .table th.qty,
#delivery .table td.price,
#delivery .table td.qty {
    text-align: center;
}

#delivery .table > thead > tr > th {
    padding-bottom: 0px;
}

#delivery .table > thead > tr > th,
#delivery .table > tbody > tr > td {
    border-color: #fff;
}

#delivery .product .col-xs-5 {
    padding-right: 5px;
}

#delivery .product .col-xs-7 {
    padding-left: 5px;
}

#delivery .product .image {
    text-align: center;
}

    #delivery .product .image > img {
        width: 100%;
        margin: 0;
        max-height: inherit;
        max-width: inherit;
    }

#delivery .product .detail {
    width: 100%;
    white-space: normal;
}

    #delivery .product .detail h4 {
        color: #3e0f59;
        margin-top: 0;
        font-size: 14px;
        line-height: 20px;
        font-family: 'ggx88light', Arial, sans-serif;
    }

/* Popup Footer */
#delivery .modal-footer {
    border-color: #eee;
    padding: 20px 25px;
    font-family: 'ggx88light', Arial, sans-serif;
}

    #delivery .modal-footer span {
        float: left;
        margin-top: 8px;
        color: #ababab;
    }

    #delivery .modal-footer .btn {
        font-family: 'ggx88light', Arial, sans-serif;
    }

.cancel-btn {
    background: #fff;
    color: #3e0f59;
}

@media screen and (max-width: 460px) {
    #delivery .selection span.msg {
        position: inherit;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: center;
        top: 0;
        padding-top: 10px;
    }

    /*#delivery .modal-footer {
        padding: 10px 25px 20px;
        text-align: center;
    }*/

    #delivery .modal-footer span {
        float: none;
        display: block;
        text-align: center;
        padding-bottom: 10px;
    }
}

#delivery .modal-header {
    background: rgba(74, 13, 102, 1);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

    #delivery .modal-header .modal-title {
        color: #fff;
        line-height: 1.42857;
        margin: 0;
    }

.inner .description-list li b {
    color: red;
}

#delivery .modal-footer {
    border-color: #eee;
    padding: 20px 0;
    font-family: 'ggx88light', Arial, sans-serif;
}

    #delivery .modal-footer .inner {
        padding: 0 25px;
    }

.show-info {
    text-align: left;
    font-size: 15px;
    border-top: 1px solid #eee;
    padding: 12px 5px 0 5px;
    margin-top: 10px;
}

    .show-info p {
        margin: 0;
    }


.inner .description-list li b {
    color: red;
}

.author {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.comments {
    margin-top: -20px;
}

    .comments h3 {
        text-transform: inherit;
        /*font-family: 'ggx88light', Arial, sans-serif;*/
        font-size: 26px;
    }

.CommentDetail {
    border-bottom: 2px solid #ccc;
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

    .CommentDetail span {
        padding-right: 5px;
    }

    .CommentDetail .CommentUserName {
        font-family: 'ggx88book', Arial, sans-serif;
    }


.message-board-form span.control-label {
    font-family: 'ggx88book', Arial, sans-serif;
    display: block;
}

.message-board-form .form-group {
    margin-left: 0;
    margin-right: 0;
}

    .message-board-form .form-group .control-label {
        text-align: left;
        padding-top: 12px;
    }

.lineHeight {
    line-height: 40px;
}

.CommentDetail .commentInfo {
    display: block;
    padding-bottom: 4px;
}

.CommentDetail .CommentDate {
    font-family: 'ggx88extralight', Arial, sans-serif;
}


/* ========================================= */
/* GLOBAL - create new page template */
/* ========================================= */

/* Add below css */

/*.pageTemplate {
    background: url(../images/bg.jpg) no-repeat top center;
}*/

.zone {
    background: #fff;
    border: 1px solid #6e3d84;
    margin-bottom: 30px;
}

.zone-banner {
    margin-bottom: 15px;
}

.zone-text {
    padding: 0 20px 30px 20px;
    font-family: 'ggx88light', Arial, sans-serif;
}

    .zone-text p {
        line-height: 24px;
        margin-bottom: 15px;
    }

        .zone-text p.highlight {
            color: #ba0c2f;
            font-size: 18px;
            font-style: italic;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }

    .zone-text ul {
        margin-bottom: 25px;
    }

        .zone-text ul li {
            margin-bottom: 5px;
        }

    .zone-text h4 {
        color: #470a68;
        font-size: 20px;
    }


/* ========================================= */
/* Create modal for configuring kits */
/* ========================================= */

.select-items {
    background: #333;
    position: relative;
    padding: 25px 0 60px;
    margin-top: 3px;
}

    .select-items a.close {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #fff;
        font-weight: normal;
        opacity: 0.8;
    }

    .select-items .popup-wrapper {
        padding: 0 100px;
    }

    .select-items .panel-title {
        margin-bottom: 25px;
        font-family: 'ggx88light', Arial, sans-serif;
        padding: 5px 0 0 20px;
    }

        .select-items .panel-title h3 {
            color: #fff;
            text-transform: capitalize;
            margin-bottom: 10px;
            font-family: 'ggx88book', Arial, sans-serif;
        }

        .select-items .panel-title p {
            text-transform: uppercase;
            color: #999;
        }

    .select-items .product-container {
        background: #fff;
        padding: 5px;
        border-radius: 3px;
        margin-bottom: 20px;
    }

.steps {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 10px 15px;
    font-size: 22px;
    font-family: 'ggx88light', Arial, sans-serif;
}

    .steps span.number {
        background: #333;
        color: #fff;
        text-align: center;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        display: inline-block;
        line-height: 40px;
        margin-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-weight: bold;
    }

.back-btn {
    padding: 0 0 20px 20px;
    font-size: 13px;
}

    .back-btn a {
        color: #5c5c5c;
        text-decoration: underline;
    }

.product-variations {
    padding: 20px 36px 20px;
    overflow: hidden;
}

    .product-variations .item {
        font-family: 'ggx88light', Arial, sans-serif;
        color: #5c5c5c;
        float: left;
        /*margin:0 4% 15px;*/
        width: 110px;
        text-align: center;
        margin-bottom: 40px;
        margin-right: 30px;
        height: auto;
        min-height: 210px;
    }

        .product-variations .item a {
            color: #5c5c5c;
        }

        .product-variations .item .image-holder {
            margin-bottom: 10px;
            /*width:99px;*/
            text-align: center;
        }

        .product-variations .item p {
            min-height: 45px;
            font-size: 12px;
            line-height: 20px;
        }

.product-sidebar {
    background: #fff;
    border-radius: 3px;
    margin-left: 10px;
    font-family: 'ggx88light', Arial, sans-serif;
    border: 1px solid #e5e5e5;
}

    .product-sidebar h3.title {
        color: #fff;
        text-align: center;
        background: #3e0f59;
        font-size: 22px;
        padding: 10px 0;
        margin-bottom: 8px;
        margin-top: 0;
        font-family: 'ggx88book', Arial, sans-serif;
    }

    .product-sidebar .cart-box {
        padding: 10px 15px;
    }

    .product-sidebar .cart-item {
        overflow: hidden;
        margin-bottom: 10px;
    }

        .product-sidebar .cart-item .number {
            float: left;
            width: 35px;
            padding-top: 8px;
        }

            .product-sidebar .cart-item .number span {
                display: inline-block;
                width: 26px;
                height: 26px;
                border-radius: 100%;
                line-height: 27px;
                text-align: center;
                background: #333;
                font-size: 13px;
                color: #fff;
            }

        .product-sidebar .cart-item .product {
            float: left;
            width: 54px;
            text-align: center;
        }

            .product-sidebar .cart-item .product .image-holder {
                width: 50px;
                margin-bottom: 4px;
            }

            .product-sidebar .cart-item .product a {
                font-size: 11px;
                color: #5c5c5c;
            }

        .product-sidebar .cart-item .details {
            float: right;
            width: 110px;
            font-size: 14px;
            /*padding-top: 8px;*/
        }

            .product-sidebar .cart-item .details p {
                margin-bottom: 4px;
                font-size: 12px;
            }

            .product-sidebar .cart-item .details span {
                font-size: 12px;
            }

    .product-sidebar .cart-box p.total {
        margin-top: 30px;
    }

    .product-sidebar .cart-box .cart-btn {
        padding: 15px 0;
    }

    .product-sidebar .cart-box .btn {
        font-family: Arial, Helvetica, sans-serif;
        background: #306;
        color: #fff;
        padding: 10px 12px;
    }

        .product-sidebar .cart-box .btn:disabled {
            background: #ddd;
        }

.inner .description-list li span {
    color: #d51928;
    font-family: 'ggx88light', Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
    padding-left: 10px;
}

.ext-info {
    padding-top: 40px;
}

    .ext-info h3 {
        color: #999;
        font-family: 'ggx88light', Arial, sans-serif;
        text-transform: inherit;
        font-size: 22px;
    }

    .ext-info p {
        margin-bottom: 12px !important;
    }

    .ext-info ul {
        margin-top: -8px;
    }

    .ext-info li {
        font-size: 16px;
        line-height: 22px;
    }

@media (max-width:1300px) {
    .product-sidebar .cart-item .details {
        width: 100px;
    }

    .select-items .popup-wrapper {
        padding: 0;
    }

    .join-page .visual h2 {
        font-size: 36px;
        line-height: 34px;
    }

    .join-page .visual p {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width:1140px) {
    .join-page .visual h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .join-page .visual p {
        font-size: 15px;
        line-height: 20px;
    }
}

@media (max-width:992px) {
    .product-variations .item .image-holder {
        width: auto;
        height: auto;
    }

    .product-sidebar .cart-item .details {
        width: 45%;
    }

    .join-page .visual h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .join-page .visual p {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (max-width:768px) {
    .product-sidebar .cart-item .details {
        width: auto;
    }

    .join-page .visual h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .join-page .visual p {
        font-size: 11px;
        line-height: 14px;
    }
}

@media (max-width:480px) {
    .product-variations {
        padding: 20px 15px 10px;
    }

        .product-variations .item {
            width: 40%;
            margin: 0 4%;
        }
}

.img-circle {
    width: 100px;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1100px;
    }
}

body.modal-open {
   /* overflow: hidden;
    position: fixed;
    width: 100%;*/
}

#configurableKit > .modal-lg > .modal-content > .modal-header {
    font-family: 'ggx88book', Arial, sans-serif;
}

#btnKitAddToCart {
    font-family: 'ggx88regular', Arial, sans-serif;
}

.chekoutItem {
    font-size: 12px;
    color: #b8b7b7;
    font-family: 'ggx88book',Arial, sans-serif;
}

.flag {
    padding-top: 42px;
    padding-left: 30px;
}

.MiCuentaFont {
    font-family: 'ggx88book';
}

.ContactanosFont {
    font-family: ggx88light;
}

.MiCuentaFont {
    text-transform: uppercase;
}

.comment {
    text-transform: uppercase;
}

.rating {
    text-transform: uppercase;
}

.signoutLink {
    text-transform: uppercase;
}
/*## please add below css*/

.video-wrapper h2.vtitle {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    margin: 5px 0 10px;
    font-family: 'didot_display_demiregular';
}

.video-wrapper p.vdesc, .video-wrapper .video-list p {
    font-family: 'ggx88extralight';
    padding-top: 10px;
}

.video-wrapper .video-list {
    padding-top: 40px;
}

    .video-wrapper .video-list h3 {
        font-family: 'ggx88book';
        font-size: 22px;
        margin-bottom: 10px;
        text-align: center;
    }



.signoutLink {
    text-transform: uppercase;
}

/* ========================================= */
/* Royal Boost */
/* ========================================= */
@font-face {
    font-family: "Didot LT W01 Italic";
    src: url("../fonts/185ad289-dfde-4051-ba50-1b52546798e0.eot?#iefix");
    src: url("../fonts/185ad289-dfde-4051-ba50-1b52546798e0.eot?#iefix") format("eot"), 
         url("../fonts/443d65aa-6f72-4676-9ff8-47280867f2f6.woff2") format("woff2"), 
         url("../fonts/2f0a4cb5-52da-49ad-9454-2148732dcc2c.woff") format("woff"), 
         url("../fonts/c2015594-e96d-4c58-a425-cd835f59bd02.ttf") format("truetype")
}
@font-face {
    font-family: "AvenirNextLTW01-Regular";
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"), 
         url("../fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"), 
         url("../fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"), 
         url("../fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype")
}
@font-face {
    font-family: "Avenir Next LT W01 Bold";
    src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
    src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"), 
         url("../fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"), 
         url("../fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"), 
         url("../fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype")
}
@font-face {
    font-family: "Avenir Next Medium";
    src: url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.eot");
    src: url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.woff2") format("woff2"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.woff") format("woff"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.ttf") format("truetype"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.svg#Avenir Next Medium") format("svg");
}
@font-face {
    font-family: "Avenir Next Demi Bold";
    src: url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.eot");
    src: url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.eot?#iefix") format("embedded-opentype"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.woff2") format("woff2"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.woff") format("woff"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.ttf") format("truetype"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.svg#Avenir Next Demi Bold") format("svg");
}
@font-face {
    font-family: "Avenir Next";
    src: url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.eot");
    src: url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.eot?#iefix") format("embedded-opentype"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.woff2") format("woff2"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.woff") format("woff"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.ttf") format("truetype"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.svg#Avenir Next") format("svg");
}
@font-face {
    font-family: "Avenir";
    src: url("../fonts/2184e38751bd90baea505aef3f313bda.eot");
    src: url("../fonts/2184e38751bd90baea505aef3f313bda.eot?#iefix") format("embedded-opentype"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.woff2") format("woff2"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.woff") format("woff"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.ttf") format("truetype"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.svg#Avenir") format("svg");
}
/*26/02/2019*/
@font-face {
    font-family: "Didot LT W01 Italic";
    src: url("../fonts/185ad289-dfde-4051-ba50-1b52546798e0.eot?#iefix");
    src: url("../fonts/185ad289-dfde-4051-ba50-1b52546798e0.eot?#iefix") format("eot"), 
         url("../fonts/443d65aa-6f72-4676-9ff8-47280867f2f6.woff2") format("woff2"), 
         url("../fonts/2f0a4cb5-52da-49ad-9454-2148732dcc2c.woff") format("woff"), 
         url("../fonts/c2015594-e96d-4c58-a425-cd835f59bd02.ttf") format("truetype")
}
@font-face {
    font-family: "AvenirNextLTW01-Regular";
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"), 
         url("../fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"), 
         url("../fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"), 
         url("../fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype")
}
@font-face {
    font-family: "Avenir Next LT W01 Bold";
    src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
    src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"), 
         url("../fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"), 
         url("../fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"), 
         url("../fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype")
}
@font-face {
    font-family: "Avenir Next Medium";
    src: url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.eot");
    src: url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.woff2") format("woff2"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.woff") format("woff"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.ttf") format("truetype"),
         url("../fonts/bab83561e0b205dd44fed06e5b64a2a0.svg#Avenir Next Medium") format("svg");
}
@font-face {
    font-family: "Avenir Next Demi Bold";
    src: url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.eot");
    src: url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.eot?#iefix") format("embedded-opentype"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.woff2") format("woff2"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.woff") format("woff"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.ttf") format("truetype"),
         url("../fonts/14bcfcf98e9d42ff3c30c88d332fd7d4.svg#Avenir Next Demi Bold") format("svg");
}
@font-face {
    font-family: "Avenir Next";
    src: url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.eot");
    src: url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.eot?#iefix") format("embedded-opentype"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.woff2") format("woff2"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.woff") format("woff"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.ttf") format("truetype"),
         url("../fonts/f3df85918e3f1ba8a7b13be9b47882ce.svg#Avenir Next") format("svg");
}
@font-face {
    font-family: "Avenir";
    src: url("../fonts/2184e38751bd90baea505aef3f313bda.eot");
    src: url("../fonts/2184e38751bd90baea505aef3f313bda.eot?#iefix") format("embedded-opentype"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.woff2") format("woff2"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.woff") format("woff"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.ttf") format("truetype"),
         url("../fonts/2184e38751bd90baea505aef3f313bda.svg#Avenir") format("svg");
}