html, body {
    overflow-x: hidden;
}

.digicert img {
    height: 60px;
    top: 4px !important;
}

.tooltip {
    opacity: 1 !important;
}

    .tooltip .tooltip-inner {
        font-size: 11px !important;
        background: #dadbdd;
        color: #2b2b2b;
    }

    .tooltip .arrow::before,
    .bs-tooltip-auto[x-placement^="top"] .arrow::before,
    .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
    .bs-tooltip-auto[x-placement^="right"] .arrow::before,
    .bs-tooltip-auto[x-placement^="left"] .arrow::before {
        border-top-color: #dadbdd;
    }

.tooltip-custom {
    position: absolute;
    top: -90%;
    left: 50%;
    margin-left: -50%;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
}

.arrow-custom {
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -4px;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

    .arrow-custom::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

.bg-section {
    padding: 0 0 20px;
    margin: 0 0 50px;
    -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.top-wrap {
    padding: 10px 0 0;
    font-size: 12px;
}

.top-equal {
    padding: 10px 0;
}

.arrow-custom::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #dadbdd;
}

.tooltip-inner-custom {
    font-size: 13px !important;
    padding: 0.25rem 0.5rem;
    color: #2b2b2b;
    text-align: center;
    background-color: #dadbdd;
    border-radius: 0.25rem;
}

.hidden {
    display: none;
}

.breadcrumb {
    background: none;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
}

    .breadcrumb a {
        color: #747474;
        outline: none;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            text-decoration: none;
            color: #000;
        }

    .breadcrumb img {
        display: inline-block;
        margin-right: 3px;
    }

    .breadcrumb > li {
        vertical-align: top;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

        .breadcrumb > li + li:before {
            color: #747474;
            padding: 0 3px 0 6px;
        }

    .breadcrumb li.active {
        color: #626262;
        font-weight: bold;
    }

    .breadcrumb > .last-item:before {
        display: none;
        content: "";
    }

    .breadcrumb a {
        outline: none;
    }

.back-btn {
    position: relative;
    height: 16px;
    margin: -4px 0 0 20px;
}

    .back-btn a {
        background: #fff;
        display: inline-block;
        vertical-align: top;
        padding: 5px 12px 5px 10px;
    }

        .back-btn a img,
        .back-btn a span {
            display: inline-block;
            vertical-align: middle;
        }

.back-diamond {
    border-bottom: 1px solid #efefef;
    text-align: center;
    padding: 0 0 3px;
    margin: 0 0 15px;
}

    .back-diamond a span,
    .back-diamond a img {
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px;
    }

    .back-diamond a:hover {
        text-decoration: none;
        color: #333;
    }

.top-transparent {
    background: none;
    border-top: 1px solid #f4f4f4;
}

.breadcrumb-check > li + li:before {
    content: inherit;
}

.breadcrumb-check > li {
    margin-right: 10px;
}

.breadcrumb-check img {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb .hide-item {
    display: none;
}

.top-transparent .field {
    background: #f5f5f5;
    color: #999999;
}

.search-wrap {
    float: right;
    position: relative;
}

.field {
    background: #fff;
    width: 425px;
    padding: 7px 35px 7px 10px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search {
    position: absolute;
    right: 10px;
    top: 6px;
    border: none;
    background: url(../images/search.svg) no-repeat;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.btn-default {
    font-size: 13px;
    padding: 12px 20px;
    border-color: #dbdbdb;
    background-color: #fefefe;
    background-image: -moz-linear-gradient(top, #fefefe, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #fefefe, #f9f9f9);
    background-image: -o-linear-gradient(top, #fefefe, #f9f9f9);
    background-image: linear-gradient(to bottom, #fefefe, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fefefe', endColorstr='#f9f9f9', GradientType=0);
}

.btn-sm {
    font-size: 12px;
    padding: 6px 12px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #fdfdfd;
    border-color: #dbdbdb;
}

.btn-orange {
    background: #f89842;
    color: #fff;
    text-align: left;
    padding: 12px 15px 12px 20px;
}

    .btn-orange:focus {
        background: #f89842;
        color: #fff;
    }

    .btn-orange span {
        display: block;
        background: url(../images/arrow-down-white.png) right center no-repeat;
        padding-right: 10px;
    }

.rightword span {
    background: url(../images/arrow-right-white.png) right center no-repeat;
}

.btn-orange em {
    display: block;
    font-style: normal;
    font-size: 12px;
}

.btn-orange strong {
    display: block;
    font-size: 16px;
}

.btn-orange:hover {
    color: #fff;
    opacity: 0.8;
}

/*  Main Area
-------------------------------------- */
.product-section-wrap {
    padding: 0;
}

.product-gallery {
    padding: 80px 0 20px;
}

.product-img {
    text-align: center;
    min-height: 395px;
    margin: 0 0 15px;
}

    .product-img img {
        margin: 0 auto;
    }

.product-gallery ul,
.product-gallery li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-gallery li {
    float: left;
    text-align: center;
    margin: 0 0 10px;
}

.three-item li {
    width: 33.33%;
}

.product-gallery a,
.product-gallery-outer #carousel a {
    display: inline-block;
    border-bottom: 3px solid transparent;
    padding: 0 5px 5px;
    outline: none;
}

    .product-gallery li.active a,
    .product-gallery li a:hover,
    .product-gallery-outer #carousel .flex-active-slide a,
    .product-gallery-outer #carousel a:hover {
        border-color: #f89842;
    }

.learn-more-wrap {
    padding-bottom: 5px;
    display: inline-block;
}

.diamond-detail-gallery {
    padding: 15px 0 20px;
}

    .diamond-detail-gallery .product-img {
        min-height: 280px;
    }

.product-thumbnail {
    position: relative;
    padding: 0 20px;
}

    .product-thumbnail li img,
    .product-gallery-outer #carousel img {
        max-width: 60px;
    }

    .product-thumbnail .flex-prev,
    .product-thumbnail .flex-next {
        position: absolute;
        left: 0;
        top: 50%;
        margin: -15px 0 0 0 !important;
        background: url(../images/prev.png) no-repeat;
        width: 22px;
        height: 27px;
        display: block;
        font-size: 0;
        background-size: 15px auto;
        padding: 0 !important;
        border: none !important;
    }

        .product-thumbnail .flex-prev:hover {
            background: url(../images/prev-dark.png) no-repeat;
        }

    .product-thumbnail .flex-next {
        left: auto;
        right: 0;
        background: url(../images/next.png) no-repeat;
    }

        .product-thumbnail .flex-next:hover {
            background: url(../images/next-dark.png) no-repeat;
        }

.flex-direction-nav li {
    padding: 0;
    margin: 0;
}

.product-gallery-outer {
    position: relative;
    margin: 0 0 20px;
}

    .product-gallery-outer ul,
    .product-gallery-outer li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .product-gallery-outer a {
        display: inline;
    }

    .product-gallery-outer #carousel {
        padding-top: 10px;
    }

        .product-gallery-outer #carousel a {
            display: inline-block;
        }

    .product-gallery-outer .flex-prev,
    .product-gallery-outer .flex-next {
        left: 0;
        margin: 0 !important;
        padding: 0;
        border: none;
        top: auto;
        bottom: 20px;
        z-index: 99;
    }

    .product-gallery-outer .flex-next {
        left: auto;
        right: 0;
        bottom: 20px;
    }

.no-arrow .flex-prev,
.no-arrow .flex-next {
    display: none;
}

.learn-more-wrap:hover > .learn-overlay {
    display: block;
}

.learn-overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 9;
    background: #fff;
    font-size: 12px;
    padding: 7px 12px;
    line-height: 1.4;
    width: 296px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 8px #C0C0C0;
    -webkit-box-shadow: 0 2px 8px #C0C0C0;
    box-shadow: 0 2px 8px #C0C0C0;
}

.caret-above {
    position: absolute;
    right: 12px;
    top: -7px;
    width: 12px;
    height: 7px;
    background: url(../images/caret-upword-dropdown.png) no-repeat;
}

.learn-overlay strong {
    color: #cd9339;
    font-weight: normal;
}

.detail-wrap {
    border-top: 1px solid #efefef;
    padding: 40px 0 20px;
    margin: 35px 0 25px;
    font-size: 13px;
}

    .detail-wrap .col-sm-4,
    .detail-wrap .col-lg-5 {
        padding: 0 8px;
    }

    .detail-wrap h2 {
        text-align: center;
    }

.list-seciton {
    margin: 0 0 20px;
}

    .list-seciton ul {
        list-style: outside;
        padding: 0;
        margin: 0 0 0 15px;
        color: #999999;
    }

    .list-seciton li {
        padding: 0 0 5px;
        color: #42494c;
    }

.detail {
    color: #42494c;
    padding: 0 0 20px;
}

    .detail h4 {
        font-size: 15px;
        color: #616161;
        font-weight: 900;
        line-height: 1.2;
        margin: 0 0 10px;
    }

    .detail ul,
    .detail li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .detail ul {
        border-top: 1px solid #e0e0e0;
    }

    .detail li {
        border-bottom: 1px solid #e0e0e0;
        padding: 3px 0;
    }

        .detail li span {
            color: #42494c;
            display: inline-block;
            min-width: 98px;
        }

.detail-sep li span {
    display: inline-block;
    min-width: 98px;
}

.detail-sep-lg li span {
    display: inline-block;
    min-width: 98px;
}

.detail-sep-exl li span {
    display: inline-block;
    min-width: 135px;
}

.detail-sep-exl li em {
    font-style: normal;
}

.detail .sep {
    display: inline-block;
    min-width: 6px;
    font-style: normal;
    text-align: center;
}

.product-detail {
    color: #656565;
}

    .product-detail h1,
    .product-gallery h1,
    .product-gallery .alternate-h1 {
        font-size: 22px;
        font-weight: 300;
        color: #424242;
        line-height: 1.2;
        margin: 0 0 5px;
    }

.rating {
    font-size: 11px;
    color: #9b9b9b;
}

    .rating p {
        padding: 3px 0;
    }

    .rating span,
    .rating img {
        display: inline-block;
        vertical-align: middle;
    }

.more-detail {
    color: #9d9d9d;
    text-decoration: underline;
}

    .more-detail:hover {
        text-decoration: none;
        color: #9d9d9d;
    }

.retail {
    color: #f89842;
    margin: 0 0 10px;
}

    .retail span {
        display: inline-block;
        margin-left: 15px;
    }

    .retail .mn-w {
        margin: 0 5px 0 0;
        min-width: 50px;
        display: inline-block;
    }

    .retail p {
        padding: 0 0 8px;
    }

    .retail em {
        font-style: normal;
    }

.linethrough {
    text-decoration: line-through;
}

.product-detail h3 {
    font-size: 23px;
    color: #626262;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 15px;
}

    .product-detail h3 span {
        color: #e63f10;
        font-weight: bold;
    }

    .product-detail h3 a {
        color: #9d9d9d;
        font-size: 12px;
        text-decoration: underline;
        font-weight: normal;
    }

        .product-detail h3 a:hover {
            text-decoration: none;
        }

.detail-form p {
    padding: 0 0 10px;
}

.detail-form select {
    padding: 5px;
    border: 1px solid #b2b2b2;
    width: 130px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.detail-form label {
    display: inline-block;
    vertical-align: bottom;
    font-weight: normal;
    color: #656565;
    margin-left: 5px;
}

    .detail-form label a {
        text-decoration: underline;
    }

        .detail-form label a:hover {
            text-decoration: none;
        }

.bank-wire {
    color: #626262;
    margin: 0 0 18px;
}

    .bank-wire span {
        display: inline-block;
        min-width: 60px;
    }

    .bank-wire strong {
        font-weight: normal;
        color: #e63f10;
    }

.detail-right p {
    padding: 0 0 20px;
}

.add-cart a {
    background: #656565;
    padding: 12px 10px 10px 10px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .add-cart a:hover {
        text-decoration: none;
        background: #333;
    }

    .add-cart a img,
    .add-cart a span {
        display: inline-block;
        vertical-align: middle;
    }

.add-tick span,
.add-tick img {
    margin: 0 2px;
}

.add-tick p {
    padding-bottom: 15px;
}

.btn-wrap {
    margin: 0 -1%;
}

    .btn-wrap ul,
    .btn-wrap li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .btn-wrap li {
        float: left;
        width: 48%;
        margin: 0 1%;
        padding: 5px 0 0;
    }

    .btn-wrap a {
        display: block;
        padding: 12px 10px;
        color: #9d9d9d;
    }

    .btn-wrap ul {
        position: relative;
        margin: 0 0 15px;
    }

    .btn-wrap li:hover > .social-wrap {
        display: block;
    }

.social-wrap {
    display: none;
    white-space: nowrap;
    padding: 10px 10px 8px 10px;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

    .social-wrap img {
        display: inline-block;
        vertical-align: middle;
    }

.caret-downword {
    position: absolute;
    right: 22%;
    bottom: -7px;
    display: block;
    background: url(../images/caret-down.png) no-repeat;
    width: 12px;
    height: 7px;
}

.social-wrap a {
    text-decoration: none;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

    .social-wrap a img {
        opacity: 0.9;
    }

.social-wrap iframe {
    height: 20px !important;
    width: 80px !important;
}

.delivery {
    position: relative;
    padding: 0 0 15px 40px;
    max-width: 280px;
    color: #656565;
}

.delivery-img {
    position: absolute;
    left: 0;
    top: 0;
}

    .delivery-img img {
        max-width: 33px;
    }

.clr {
    color: #f89842;
}

.delivery a {
    color: #f89842;
    text-decoration: underline !important;
}

    .delivery a:hover {
        color: #f89842;
        text-decoration: none;
    }

.dull {
    color: #969696;
}

    .dull a {
        color: #969696;
        text-decoration: underline;
    }

        .dull a:hover {
            text-decoration: none;
        }

.delivery-confirm {
    /*display: none;*/
    /*vikas*/
}

.personalize-top {
    color: #656565;
    padding: 0 0 5px;
    font-size: 15px;
}

    .personalize-top span {
        color: #e63f10;
    }

.stone-gallery {
    padding: 0 10px;
}

    .stone-gallery ul,
    .stone-gallery li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .stone-gallery li {
        float: left;
        width: 9.090909090909091%;
        padding: 6px 0 0;
        text-align: center;
    }

    .stone-gallery a {
        position: relative;
        font-size: 13px;
        color: #424242;
        display: inline-block;
    }

        .stone-gallery a img,
        .stone-gallery a object {
            border: 5px solid transparent;
            padding: 2px;
            max-width: 45px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        .stone-gallery a:hover img,
        .stone-gallery a:hover object {
            border-color: #e4dfc1;
            border-color: rgba(179, 179, 179, 0.5);
        }

    .stone-gallery li.active a img,
    .stone-gallery li.active a object {
        border-color: #b3b3b3;
    }

.css-tooltip div.tooltip {
    display: none;
    bottom: 55px;
    left: -8px;
}

.css-tooltip .swatch-desc div.tooltip {
    width: 250px;
    left: -90px;
}

.css-tooltip .swatch-desc-responsive div.tooltip {
    width: 125px;
    left: -41px;
}

.css-tooltip .tooltip-arrow {
    left: 58%;
}

.css-tooltip a:hover div.tooltip {
    display: block;
}

.stone-size-a div.tooltip {
    left: auto;
    bottom: 60px;
}

.metal-section {
    text-align: center;
    padding: 15px 0 0;
    margin: 0 -15px;
}

.metal {
    float: left;
    width: 18%;
}

.metal-single {
    width: 15%;
}

.metal-in {
    background: #fff9da;
    padding: 10px 0 5px;
    margin: 0 3px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.metal-rose .metal-in {
    background: #fae5d4;
}

.metal-white .metal-in {
    background: #f1f1f1;
}

.metal-silver .metal-in {
    background: #f2f2f2;
}

.metal h4 {
    font-size: 13px;
    color: #656565;
    line-height: 1.2;
    margin: 0 0 12px;
}

.metal ul,
.metal li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.metal li {
    display: inline-block;
    margin: 0 0 5px;
}

    .metal li a {
        position: relative;
        display: block;
        height: 47px;
        padding: 2px;
        border: 3px solid transparent;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

        .metal li a:hover {
            border-color: rgba(179, 179, 179, 0.5);
        }

    .metal li.active a {
        border-color: #b3b3b3;
    }

    .metal li a img {
        max-width: 37px;
    }

    .metal li span {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 37px;
        line-height: 37px;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        color: #a6771a;
        font-family: Helvetica, Arial, sans-serif;
    }

.metal-three-options .metal {
    width: 23%;
}

.metal-three-options .metal-in {
    margin: 0 2px 6px;
}

.metal-three-options .metal-single {
    width: 10%;
}

.metal-three-options .metal li {
    margin: 0 -1px 5px;
}

.metal-one-contain .metal {
    width: 100%;
}

.metal-two-contain .metal {
    width: 50%;
}

.metal-three-contain .metal {
    width: 33.33%;
}

.metal-four-contain .metal {
    width: 25%;
}

.metal-five-contain .metal {
    width: 20%;
}

.fonts {
    font-family: 'Courgette', cursive;
}

.courgette-txt {
    font-family: Arial, Helvetica, sans-serif;
}

.georgia-txt {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.script-txt {
    font-family: courgette, cursive;
}

.block-txt {
    font-family: "Times New Roman";
}

.tabs-wrap {
    margin: 0 0 20px;
}

.tabs {
    background: #f4f4f4;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .tabs ul,
    .tabs li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tabs li {
        float: left;
        width: 20%;
        border-left: 1px solid #fff;
    }

        .tabs li:first-child {
            border-left: none;
        }

.tabs-two-item li {
    width: 50%;
}

.tabs a {
    display: block;
    padding: 8px;
    text-align: center;
    color: #969696;
    outline: none;
    border-top: 3px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.tabs li.active {
    margin-right: -1px;
    position: relative;
    /*-moz-box-shadow: 0 -3px 2px rgba(0,0,0, 0.15);
    -webkit-box-shadow: 0 -3px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 -3px 2px rgba(0,0,0, 0.15);*/
}

    .tabs li.active a,
    .tabs-personalize .tabs li a:focus {
        color: #9a9a9a;
        position: relative;
        margin: 1px 0 -1px 0;
        padding-bottom: 11px;
        padding-top: 9px;
        background: #fff;
        text-decoration: none;
        border-color: #f89842;
        border-right-color: #d8d8d8;
        border-left-color: #d8d8d8;
        border-bottom-color: #fff;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

        .tabs li.active a em {
            color: #424242;
        }

.tabs a span {
    display: block;
    background: url(../images/drop-down-arrow.svg) no-repeat center bottom;
    padding-bottom: 12px;
}

.tabs a .block-in-table {
    display: inline-block;
}

.tabs.main-active a span {
    background: none;
    padding-bottom: 0;
}

.tabs.main-active a em {
    color: #868686;
}

.tabs a img {
    display: block;
    margin: 0 auto 2px;
    max-width: 37px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.tabs a em {
    font-style: normal;
    color: #424242;
    display: block;
}

.tabs a strong {
    display: block;
    font-weight: normal;
    font-size: 11px;
}

.tabs-content {
    display: none;
    background: #fff;
    padding: 10px 25px 20px;
    border: 1px solid #d8d8d8;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}

.no-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tabs-content2 {
    display: none;
}

.choice-wrap {
    border-bottom: 1px solid #efefef;
    margin: 0 0 30px;
    text-align: center;
    color: #888888;
    font-size: 13px;
}

.choice-section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.choice-section ul,
.choice-section li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.choice-section li {
    float: left;
    width: 16%;
    padding: 0 5px;
}

.choice-section h3 {
    font-size: 22px;
    font-size: 16px;
    color: #424242;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 0 20px;
}

.choice-section h4 {
    font-size: 13px;
    color: #616161;
    font-weight: normal;
    margin: 10px 0 5px;
}

.review-top-right {
    font-size: 13px;
    text-align: right;
    color: #555555;
    padding: 13px 0 0;
}

    .review-top-right span,
    .review-top-right img {
        display: inline-block;
        vertical-align: middle;
    }

.related-info {
    margin: 0 5px;
}

.review-section-wrap h2 {
    text-align: center;
}

.review-section {
    border-bottom: 1px solid #ffffff;
    padding: 30px 20px 20px;
}

    .review-section h3 {
        font-size: 12px;
        line-height: 1.2;
        margin: 0 0 3px;
    }

    .review-section p {
        padding: 0 0 3px;
    }

.dropline-wrap {
    background: #656565;
    text-align: center;
    padding: 30px 0 0;
    /*margin: 0 0 50px;*/
}

.dropline h2 {
    color: #fff;
}

    .dropline h2 span {
        display: block;
        font-size: 15px;
    }

.drop-items {
    padding: 0 0 12px;
}

    .drop-items a {
        font-size: 15px;
        color: #d3d3d3;
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px 10px;
    }

        .drop-items a:hover {
            text-decoration: none;
            color: #fff;
        }

        .drop-items a img,
        .drop-items a span {
            display: inline-block;
            vertical-align: middle;
        }

.social-section {
    padding: 0 0 25px;
}

    .social-section a {
        display: inline-block;
        text-decoration: none;
        margin: 0 10px 10px;
    }

    .social-section h4 {
        color: #d3d3d3;
    }

.hover-img {
    display: none;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 10px #fff;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
}

.social-section a:hover img {
    display: none;
}

.social-section a:hover .hover-img {
    display: inline-block;
}

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

    .social-fonts a {
        font-size: 30px;
        color: #d3d3d3;
    }

.dropline-bot {
    background: #e8e8e8;
    padding: 12px 0;
}

.feedback-wrap {
    /*border-bottom: 1px solid #ededed;*/
    /*Vikas*/
    padding: 0 0 15px;
}

.feedback-seciton h2 {
    text-align: center;
}

.feedback {
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 60px;
    margin-bottom: 25px;
}

.feedback-sidebar {
    text-align: center;
    font-size: 13px;
    color: #848383;
}

    .feedback-sidebar > img {
        display: block;
        margin: 0 auto 3px;
    }

    .feedback-sidebar span {
        display: block;
    }

.feedback-detail {
    padding: 35px 0 0;
    color: #555555;
}

.feedback h4 {
    font-size: 13px;
    color: #555555;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 4px;
}

.feedback-detail p {
    padding: 0 0 12px;
}

.star {
    font-size: 12px;
    color: #848383;
    margin: 0 0 12px;
}

.user-wrap {
    padding: 0 0 15px;
}

.user {
    float: left;
    width: 29px;
}

.user-info {
    margin-left: 40px;
}

.user-lg {
    font-weight: 600;
    padding-bottom: 10px;
}

    .user-lg .user {
        width: 54px;
    }

    .user-lg .user-info {
        margin-left: 72px;
        padding-top: 7px;
    }

.title-wrap {
    background: #f4f3f0;
    text-align: center;
    padding: 12px 0 4px;
    margin: 0 0 15px;
}

    .title-wrap h2 {
        color: #000;
        font-weight: normal;
        text-transform: capitalize;
        margin: 0 0 10px;
    }

.title-border {
    background: none;
    border-top: 1px solid #efefef;
}

.advantages-section {
    text-align: center;
    padding: 10px 0 0;
    color: #6c6868;
    font-size: 14px;
}

    .advantages-section h2 {
        margin: 0 0 30px;
    }

    .advantages-section ul,
    .advantages-section li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .advantages-section ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .advantages-section li {
        display: block;
        vertical-align: middle;
        width: 14.28571428571429%;
        padding: 0 5px 20px;
    }

.advantage-img {
    width: 100px;
    position: relative;
    max-width: inherit;
    margin: 0 auto 10px;
}

.advantages-section strong {
    font-weight: normal;
}

.advantages-home {
    background: #eef7f6;
}

.view-more-customer {
    padding: 10px 0;
    text-align: center;
}

.info-emphas {
    font-weight: bold;
    color: #6a6161;
}

#up-arrow {
    display: none;
    outline: none;
    background: #ababab url(../images/up-arrow.png) no-repeat;
    position: fixed;
    right: 1%;
    bottom: 2%;
    font-size: 0;
    height: 50px;
    width: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

/* category page start  */
.category-top-wrap {
    background: #fbfbfb;
    padding: 20px 0 5px;
}

.category-top {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #454545;
    padding: 0;
}

.mx-500 {
    max-width: 500px;
    margin: 0 auto;
}

.category-top h1 {
    font-size: 25px;
    color: #454545;
    margin: 0 0 10px;
    /*white-space:nowrap;*/
}

.top-neg {
    margin-top: -15px;
}

.category-top-shrink {
    padding-top: 30px;
}

    .category-top-shrink h1 {
        font-size: 21px;
        margin: 0 0 5px;
    }

    .category-top-shrink p {
        padding: 0 0 5px;
    }

.tag-section {
    padding: 7px 0 15px;
}

@media (min-width: 1200px) {

    .category-top-shrink {
        margin-top: -30px;
    }

    .tag-section {
        padding: 0 0 5px;
    }
}

.category-main-outer {
    margin: 0 0 30px;
}

.category-tabs-wrap {
    background: #fbfbfb;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.category-tabs-transparent {
    background: none;
    padding-top: 10px;
}

.category-tabs-wrap .tabs {
    background: none;
}

    .category-tabs-wrap .tabs li {
        width: auto;
        background-color: #f4f4f4;
    }

.ml-5-px {
    margin-left: 5px !important;
}

@media (min-width: 600px) {
    .category-tabs-wrap .tabs li {
        min-width: 76px;
    }
}

@media (max-width: 410px) {
    .category-tabs-wrap .tabs a {
        padding-left: 8px !important;
        padding-bottom: 6px !important;
    }

        .category-tabs-wrap .tabs a span,
        .category-tabs-wrap .tabs.main-active a span {
            padding-bottom: 8px !important;
            margin-right: 5px !important;
        }
}

@media (min-width: 1200px) {
    .col-lg-5-for-desktop {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
}

.category-tabs-wrap .tabs a {
    padding-right: 0;
    padding-left: 18px;
    font-size: 13px;
    min-height: inherit;
}

    .category-tabs-wrap .tabs a em {
        color: #616161;
        font-weight: bold;
    }

    .category-tabs-wrap .tabs a span,
    .category-tabs-wrap .tabs.main-active a span {
        /*border-right: 2px solid #d7d7d7;*/
        margin-right: 15px;
        display: block;
        background: url(../images/drop-down-arrow.svg) no-repeat center bottom;
        padding-bottom: 12px;
    }

.category-tabs-wrap .tabs li:last-child a span {
    border-right: none;
}

.category-tabs-wrap .tabs a:hover span,
.category-tabs-wrap .main-active a span {
    border-right-color: transparent;
}

.category-tabs-wrap .tabs li.active {
    margin-right: -1px;
    position: relative;
    -moz-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.15);
}

    .category-tabs-wrap .tabs li.active a span {
        background: none;
    }

.category-tabs-wrap .tabs li a,
.category-tabs-wrap .tabs-personalize .tabs li a:focus {
    color: #9a9a9a;
    position: relative;
    margin: -3px 0 -1px 0;
    padding-bottom: 11px;
    padding-top: 9px;
    text-decoration: none;
    border-color: #f4f4f4;
    border-bottom-color: #fff;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

    .category-tabs-wrap .tabs li.active a,
    .category-tabs-wrap .tabs li a:hover {
        border-color: #f89842;
        border-bottom-color: #fff;
    }

    .category-tabs-wrap .tabs li a em {
        color: #424242;
    }

.best-seller-wrap {
    padding: 15px 0;
}

    .best-seller-wrap .category-select {
        float: left;
        margin-bottom: 0;
    }

    .best-seller-wrap .category-control-wrap {
        float: right;
        top: 0;
        border: none;
        padding: 0 10px 0 0;
    }

    .best-seller-wrap .view-section {
        display: block;
    }

.tabs-outer {
    position: relative;
}

.category-control-wrap {
    position: absolute;
    right: 0;
    top: 18px;
}

.category-select {
    float: left;
    margin: 0 20px 10px 0;
    font-family: Arial, Helvetica, sans-serif;
}

    .category-select label {
        display: inline-block;
        vertical-align: middle;
        font-weight: normal;
        margin: 0 5px 0 0;
        font-size: 11px;
    }

    .category-select select {
        background: #fff;
        border: 1px solid #dedede;
        padding: 6px;
        color: #616161;
        display: inline-block;
        vertical-align: middle;
    }

.view-section {
    margin: 0 0 5px;
    float: left;
}

    .view-section span {
        border: 1px solid #e2e2e2;
        display: inline-block;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
        background: #fff url(../images/border.png) repeat-y center top;
    }

    .view-section a {
        display: inline-block;
        height: 13px;
        width: 13px;
        line-height: 1;
        margin: 6px 10px;
    }

.grid-view {
    background: url(../images/grid-view-disable.svg) no-repeat;
}

    .grid-view.active {
        background: url(../images/grid-view-active.svg) no-repeat;
    }

.list-view {
    background: url(../images/list-view-disable.svg) no-repeat;
}

    .list-view.active {
        background: url(../images/list-view-active.svg) no-repeat;
    }

.view-section .list-view-2 {
    background: url(../images/list-view2-disable.svg) no-repeat;
}

    .view-section .list-view-2.active {
        background: url(../images/list-view2-active.svg) no-repeat;
    }

.view-section label {
    font-size: 11px;
    color: #616161;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.tabs-content.tabs-content-normal {
    border: none;
    padding: 0;
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.category-content-in {
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf;
}

    .category-content-in h4 {
        font-size: 14px;
        color: #424242;
        font-weight: 500;
        margin: 0 0 15px;
    }

.metal-area li {
    float: left;
    width: 33.3%;
    line-height: 31px;
}

.stone-items ul,
.stone-items li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.stone-items li {
    padding: 8px 0;
    min-height: 68px;
    /*vikas*/
}

.stone-items .sinle-line {
    padding: 17px 0;
}

    .stone-items .sinle-line img {
        top: -15px;
    }

.stone-items a {
    font-size: 11px;
    color: #424242;
    padding: 0 0 0 50px;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.stone-items li img {
    position: absolute;
    left: 0;
    top: -7px;
    padding: 2px;
    border: 3px solid transparent;
    max-width: 47px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.stone-items li a:hover img {
    border-color: #e4dfc1;
}

.stone-items li.active a img {
    border-color: #b3b3b3;
}

.stone-items li a strong {
    display: block;
    /*font-size: 13px;*/
    /*color: #7d7d7d;*/
    margin: 0 0 1px;
}

/*.stone-items .yellow a {
        color: #d3ab11;
    }

    .stone-items .rose a {
        color: #c46319;
    }

    .stone-items .white a {
        color: #7f7d79;
    }

    .stone-items .silver a {
        color: #656565;
    }*/
.close-wrap, .show-more-wrap {
    padding: 5px 0 !important;
}

    .close-wrap a, .show-more-wrap a {
        color: #fff !important;
        padding: 8px 20px !important;
        text-transform: uppercase !important;
        display: inline-block;
        font-weight: 500 !important;
        background: #666 !important;
        border: 1px solid #666 !important;
        float: left;
    }

        .close-wrap a:hover, .show-more-wrap a:hover {
            text-decoration: none !important;
            background: #fff !important;
            color: #666 !important;
        }

.tag-section a {
    display: inline-block;
    background: #ffeddc;
    color: #616161;
    font-size: 11px;
    font-weight: 500;
    padding: 6px 24px 4px 10px;
    position: relative;
    margin: 0 7px 7px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .tag-section a:hover {
        text-decoration: none;
        color: #000;
    }

.tag-section .cross {
    position: absolute;
    right: 8px;
    top: 6px;
}

.tags-wrap {
    padding: 0 0 10px;
}

    .tags-wrap h4 {
        float: left;
        padding: 5px 0 0;
        margin: 0 18px 5px 0 !important;
    }

    .tags-wrap .tag-section {
        float: left;
    }

.filter-wrap ul,
.filter-wrap li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.filter-wrap h3 {
    color: #424242;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 15px;
}

.filter-wrap a {
    color: #424242;
}

    .filter-wrap a:hover,
    .filter-wrap li.active a {
        color: #f89842;
        text-decoration: none;
    }

.setting-area li {
    padding: 20px;
    float: left;
}

    .setting-area li a {
        display: inline-block;
        padding: 0 0 0 80px;
        position: relative;
    }

    .setting-area li span {
        position: absolute;
        left: 0;
        top: -15px;
        background: url(../images/setting-types.png) no-repeat;
        width: 61px;
        height: 47px;
        display: inline-block;
    }

    .setting-area li .prong {
        background-position: 0 0;
    }

    .setting-area li a:hover .prong {
        background-position: 0 -52px;
    }

    .setting-area li .channel {
        background-position: 0 -104px;
    }

    .setting-area li a:hover .channel {
        background-position: 0 -156px;
    }

    .setting-area li .bezel {
        background-position: 0 -208px;
    }

    .setting-area li a:hover .bezel {
        background-position: 0 -260px;
    }

    .setting-area li .pave {
        background-position: 0 -312px;
    }

    .setting-area li a:hover .pave {
        background-position: 0 -364px;
    }

.styles-area li {
    padding: 0 15px 15px 0;
    float: left;
    min-width: 180px;
}

.shapes-area li {
    padding: 8px 15px 8px 0;
    float: left;
}

.shapes-area a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
}

.shapes-area .disabled a {
    color: #b3b3b3;
    cursor: default;
}

.shapes-area span {
    position: absolute;
    left: 0;
    top: -4px;
    display: inline-block;
    background: url(../images/stone-shapes.png) no-repeat;
    width: 21px;
    height: 21px;
}

.round-item a:hover span {
    background-position: -22px top;
}

.round-item.disabled a span {
    background-position: -44px top;
}

.princess-item a span {
    background-position: left -32px;
}

.princess-item a:hover span {
    background-position: -22px -32px;
}

.princess-item.disabled a span {
    background-position: -44px -32px;
}

.cushion-item a span {
    background-position: left -62px;
}

.cushion-item a:hover span {
    background-position: -22px -62px;
}

.cushion-item.disabled a span {
    background-position: -44px -62px;
}

.asscher-item a span {
    background-position: left -93px;
}

.asscher-item a:hover span {
    background-position: -22px -93px;
}

.asscher-item.disabled a span {
    background-position: -44px -93px;
}

.emerald-item a span {
    background-position: left -124px;
}

.emerald-item a:hover span {
    background-position: -22px -124px;
}

.emerald-item.disabled a span {
    background-position: -44px -124px;
}

.marquise-item a span {
    background-position: left -154px;
}

.marquise-item a:hover span {
    background-position: -22px -154px;
}

.marquise-item.disabled a span {
    background-position: -44px -154px;
}

.pear-item a span {
    background-position: left -184px;
}

.pear-item a:hover span {
    background-position: -22px -184px;
}

.pear-item.disabled a span {
    background-position: -44px -184px;
}

.radiant-item a span {
    background-position: left -215px;
}

.radiant-item a:hover span {
    background-position: -22px -215px;
}

.radiant-item.disabled a span {
    background-position: -44px -215px;
}

.oval-item a span {
    background-position: left -245px;
}

.oval-item a:hover span {
    background-position: -22px -245px;
}

.oval-item.disabled a span {
    background-position: -44px -245px;
}

.heart-item a span {
    background-position: left -275px;
    width: 22px;
}

.heart-item a:hover span {
    background-position: -22px -275px;
}

.heart-item.disabled a span {
    background-position: -44px -275px;
}

.category-gallery-outer {
    display: flex;
    flex-wrap: wrap;
}

.category-seciton {
    width: 24%;
    position: relative;
    text-align: center;
    /*color: #8d8a8a;*/
    border: 1px solid transparent;
    padding: 0 10px 0;
    margin: 0 0 5px;
    font-size: 15px;
}

.category-info h3 a {
    width: 99%;
    display: inline-block;
}

.category-info.availables {
    text-align: left !important;
    padding: 5px 0 0 10px !important;
}

.new {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

/*Vikas*/
.category-seciton a {
    color: inherit;
}

    .category-seciton a.category-carat {
    }

    .category-seciton a.submit {
        color: #fff;
    }

.category-seciton:hover {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.category-seciton.active {
    -moz-box-shadow: 0 0 8px #f8b868;
    -webkit-box-shadow: 0 0 8px #f8b868;
    box-shadow: 0 0 8px #f8b868;
    border-color: #f8b868;
}

.category-img {
    margin: 0 0 10px;
}

.category-seciton h3 {
    color: #424242;
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: normal;
    min-height: 37px;
}

.category-seciton .font-courgette {
    color: #ec6258;
    font-weight: bold;
}

.category-seciton p {
    padding: 0;
}

    .category-seciton p span {
        color: #616161;
        font-weight: 500;
    }

.cat-icons {
    padding: 0 0 15px;
}

    .cat-icons img,
    .cat-icons a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
    }

    .cat-icons .stone {
        width: 25px;
    }

.heart-cate {
    background: url(../images/category/heart.png) no-repeat;
    width: 21px;
    height: 19px;
    position: relative;
}

    .heart-cate.active {
        background: url(../images/header/heart-active.svg) no-repeat;
        background-size: 100% 100%;
    }

    .heart-cate span {
        background: #ff8062;
        font-size: 10px;
        position: absolute;
        right: -5px;
        top: -14px;
        min-width: 15px;
        min-height: 15px;
        line-height: 15px;
        padding: 0 2px;
        text-align: center;
        color: #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.category-gallery-wrap .pagination {
    margin: 30px 0;
}

.category-gallery-wrap .category-seciton .price-info {
    color: #e93e00;
    font-size: 18px;
    padding: 2px 0;
}

    .category-gallery-wrap .category-seciton .price-info b {
        font-weight: normal;
    }

.list-view-info {
    display: none;
}

.category-gallery-outer.list-view-section > .col-sm-3 {
    float: none;
    width: auto;
    padding: 0;
}

.category-gallery-outer.list-view-section .category-seciton {
    text-align: left;
    padding: 10px 20px 15px;
    margin: 0 0 10px;
}

.category-gallery-outer.list-view-section .category-img {
    float: left;
    width: 200px;
    margin: 0;
}

.category-gallery-outer.list-view-section .category-info {
    margin: 0 0 0 210px;
    padding: 40px 0 0;
}

.category-gallery-outer.list-view-section .grid-view-info {
    display: none;
}

.category-gallery-outer.list-view-section .list-view-info {
    display: block;
    font-size: 14px;
    line-height: 1.5;
}

    .category-gallery-outer.list-view-section .list-view-info h3 {
        font-size: 22px;
        line-height: 1.3;
    }

        .category-gallery-outer.list-view-section .list-view-info h3 a {
            color: #424242;
        }

            .category-gallery-outer.list-view-section .list-view-info h3 a:hover {
                color: #000;
            }

/* category page end  */
.pagination {
    text-align: center;
    display: block;
    margin: 0 0 20px;
}

    .pagination li {
        float: none;
        display: inline-block;
        text-align: center;
    }

        .pagination li a {
            float: none;
            display: inline-block;
            font-size: 16px;
            color: #c3c3c3;
            font-weight: bold;
            line-height: 1;
            margin: 0 5px 5px;
            padding: 0 3px 3px;
            border: none;
            border-bottom: 1px solid transparent;
            background: none !important;
        }

        .pagination li span {
            float: none;
            display: inline-block;
            font-size: 16px;
            color: #c3c3c3;
            font-weight: bold;
            line-height: 1;
            margin: 0;
            padding: 0;
            border: none;
        }

            .pagination li a:hover,
            .pagination li span:hover,
            .pagination li.active a,
            .pagination li.active a:hover {
                color: #f89842;
                border-color: #f89842;
            }

    .pagination .prev-pagi {
        margin-right: 15px;
    }

    .pagination .next-pagi {
        margin-left: 15px;
    }

        .pagination .prev-pagi a:hover,
        .pagination .prev-pagi.active a,
        .pagination .next-pagi a:hover,
        .pagination .next-pagi.active a {
            color: #000;
            border-color: transparent;
        }

.dark-img {
    display: none;
}

.prev-pagi a:hover img,
.prev-pagi.active a img,
.next-pagi a:hover img,
.next-pagi.active a img {
    display: none;
}

.prev-pagi a:hover .dark-img,
.prev-pagi.active a .dark-img,
.next-pagi a:hover .dark-img,
.next-pagi.active a .dark-img {
    display: inline-block;
}

/* home page  */
/*  filter-start  */
.filter-section-wrap {
    background: #f8f8f8 url(../images/filter-section.jpg) center top repeat-x;
    padding: 45px 0;
    margin: 0 0 50px;
}

.filter-section h2 {
    text-align: center;
    /*text-transform: capitalize;*/
    font-size: 24px;
    font-weight: 300;
    color: #424242;
    margin: 0 0 20px;
}

.select-section-wrap {
    text-align: center;
}

.select-section {
    display: inline-block;
    width: 200px;
    /*Vikas*/
    text-align: left;
    margin: 0 9px 15px;
    position: relative;
}

    .select-section .select-link {
        display: block;
        background: #fff url(../images/select-downword.png) right center no-repeat;
        height: 45px;
        line-height: 45px;
        padding: 0 35px 0 15px;
        font-size: 14px;
        color: #585857;
        text-decoration: none;
        outline: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    }

.select-option {
    display: none;
    border: 1px solid #b2b2b2;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 9;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

    .select-option ul,
    .select-option li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .select-option a {
        display: block;
        padding: 4px 10px 5px;
        line-height: 1.2;
        text-decoration: none;
    }

        .select-option a:hover,
        .select-option a.every-active {
            background: #3399ff;
            color: #fff;
        }

.start-wrap {
    display: inline-block;
    width: 200px;
    /*vikas*/
    margin: 0 9px;
    text-align: center;
}

.start-search,
.start-search:active,
.start-search:focus {
    font-family: Arial, Helvetica, sans-serif;
    background: #898e90;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: none;
    display: block;
    height: 45px;
    line-height: 43px;
    padding: 0 10px;
    cursor: pointer;
    outline: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

    .start-search:hover {
        color: #fff;
        background: #585857;
    }

    .start-search span {
        display: inline-block;
        padding: 0 25px;
        background: url(../images/arrow-right-orange.png) right center no-repeat;
        height: 21px;
        line-height: 19px;
    }

.stone-title {
    padding: 10px 13px;
}

    .stone-title strong {
        color: #4D4D4D;
        display: block;
        margin: 0 0 1px;
    }

    .stone-title span {
        color: #4D4D4D;
        line-height: 1.2;
        padding: 0 0 3px;
    }

.select-gallery {
    padding: 4px 4px 0 10px;
}

    .select-gallery li {
        float: left;
        width: 44px;
        margin: 0 1px 2px 0;
    }

    .select-gallery a {
        padding: 0;
        display: block;
    }

    .select-gallery img {
        display: block;
        padding: 2px;
        border: 3px solid transparent;
        height: auto;
        width: auto;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .select-gallery a:hover,
    .select-gallery a.every-active {
        background: none;
    }

        .select-gallery a:hover img {
            border-color: rgba(179, 179, 179, 0.5);
            background: #fff;
        }

        .select-gallery a.every-active img {
            border-color: #b3b3b3;
        }

.metal-dropdown .white-gold-top {
    padding-top: 0;
}

.metal-dropdown ul {
    margin: 0 12px;
}

.metal-dropdown .metal-h {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 5px;
}

.metal-dropdown a {
    padding: 0;
}

.metal-dropdown img {
    padding: 0;
    height: auto;
    width: auto;
}

.metal-dropdown .white-gold-top li {
    width: 51px;
}

.metal-dropdown .gold-bot {
    padding-top: 5px;
}

    .metal-dropdown .gold-bot .long-field {
        width: 75px;
        clear: left;
    }

    .metal-dropdown .gold-bot ul {
        margin: 0;
    }

.white-gold-top {
    padding: 10px 0 0;
}

    .white-gold-top li {
        float: left;
        width: 50px;
        /*text-align: center;    vikas*/
        padding-left: 5px;
        /*vikas*/
        font-size: 13px;
        color: #4d4d4d;
        line-height: 1.6;
        padding: 0 5px 7px 0;
    }

        .white-gold-top li.first-item {
            padding-top: 12px;
        }

    .white-gold-top a {
        display: inline-block;
    }

        .white-gold-top a:hover,
        .white-gold-top a.every-active {
            background: none;
        }

        .white-gold-top a img {
            padding: 2px;
            max-width: 42px;
            border: 3px solid #fff;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        .white-gold-top a:hover img {
            border-color: rgba(179, 179, 179, 0.5);
        }

        .white-gold-top a.every-active img {
            border-color: #b3b3b3;
        }

    .white-gold-top img {
        display: block;
        margin: 0 auto;
    }

    .white-gold-top span {
        font-weight: 600;
    }

.gold-bot {
    border-top: 1px solid #cccccc;
    margin: 0 15px;
}

    .gold-bot .long-field {
        width: 70px;
    }

.stone-info-bot {
    padding-bottom: 0;
}

.bridal-set {
    margin-top: 50px;
}

.single-thumb {
    width: 110px;
}

/*  filter-end  */
.personalize-jewelry-wrap {
    padding: 0 0 50px;
}

.jewelry-contain {
    margin: 0 0 15px;
}

    .jewelry-contain a {
        display: block;
        padding: 15px 15px 30px;
        text-align: center;
        font-size: 14px;
        color: #6c6868;
    }

        .jewelry-contain a:hover,
        .jewelry-contain a.active {
            text-decoration: none;
            -moz-box-shadow: 0 0 6px rgba(141, 141, 141, 0.6);
            -webkit-box-shadow: 0 0 6px rgba(141, 141, 141, 0.6);
            box-shadow: 0 0 6px rgba(141, 141, 141, 0.6);
        }

    .jewelry-contain img {
        display: block;
        margin: 0 auto;
    }

.loose-diamond {
    padding: 0 0 45px;
}

    .loose-diamond .title-special {
        max-width: 810px;
    }

        .loose-diamond .title-special p {
            max-width: 400px;
        }

.loose-diamond-contain {
    margin: 0 0 15px;
}

.close-diamond {
    position: absolute;
    right: 3px;
    top: 3px;
    display: block;
    background: url(../images/cancel.png) no-repeat;
    width: 10px;
    height: 10px;
}

    .close-diamond:hover {
        background-position: left bottom;
    }

.loose-diamond-contain a {
    display: block;
    padding: 14px 5px 10px;
    text-align: center;
    color: #424242;
    font-size: 14px;
}

    .loose-diamond-contain a:hover {
        text-decoration: none;
        -moz-box-shadow: 0 0 6px rgba(141, 141, 141, 0.6);
        -webkit-box-shadow: 0 0 6px rgba(141, 141, 141, 0.6);
        box-shadow: 0 0 6px rgba(141, 141, 141, 0.6);
    }

    .loose-diamond-contain a img {
        display: block;
        margin: 0 auto 12px;
    }

.passion-section-wrap {
    background: #ebebeb;
    padding: 65px 0 40px;
}

    .passion-section-wrap .title-special {
        max-width: 800px;
        padding: 0 0 40px;
    }

        .passion-section-wrap .title-special h2 span {
            background: #ebebeb;
        }

.passion-info {
    text-align: center;
    font-size: 15px;
    color: #838383;
    margin: 0 0 15px;
}

.passion-img {
    margin: 0 0 30px;
}

.passion-info h3 {
    font-size: 16px;
    color: #555555;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.passion-in {
    padding: 0 35px;
}

.customer-seciton-wrap {
    padding: 15px 0 30px;
}

.box {
    position: relative;
    border: 2px solid #e0e0e0;
    padding: 20px 10px 10px;
    font-style: italic;
    margin: 0 0 20px;
    -moz-border-radius: 6px 6px 6px 0;
    -webkit-border-radius: 6px 6px 6px 0;
    border-radius: 6px 6px 6px 0;
    min-height: 170px;
}

.box-wrap {
    padding: 0 25px;
    margin: 0 0 20px;
}

.box-img {
    float: left;
    width: 85px;
}

.box-info {
    margin-left: 100px;
}

.box h3 {
    font-size: 15px;
    color: #38393c;
    margin: 0 0 2px;
}

.info-date {
    color: #b7b7b7;
    margin: 0 0 10px;
}

.info-md {
    font-size: 13px;
    color: #77787b;
}

.box p {
    padding: 0 0 10px;
}

.downword {
    bottom: -11px;
    left: -2px;
    position: absolute;
}

.user-section {
    padding: 0 0 10px;
    color: #b8b8b8;
}

.user-img {
    float: left;
    width: 53px;
}

.user-info {
    margin-left: 70px;
    padding: 12px 0 0;
}

    .user-info span {
        display: block;
        color: #424447;
        font-size: 13px;
    }

.customer-bot {
    text-align: center;
}

    .customer-bot span {
        display: block;
        font-size: 11px;
        color: #d5d5d5;
        font-weight: bold;
        margin: 0 0 4px;
    }

.customer-slider {
    position: relative;
    padding: 0 40px;
}

    .customer-slider ul,
    .customer-slider li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .customer-slider .flex-prev,
    .customer-slider .flex-next {
        position: absolute;
        left: 15px;
        top: 78px;
        background: url(../images/prev.png) no-repeat;
        width: 15px;
        height: 27px;
        font-size: 0;
        display: block;
        outline: none;
    }

        .customer-slider .flex-prev:hover {
            background: url(../images/prev-dark.png) no-repeat;
        }

    .customer-slider .flex-next {
        background: url(../images/next.png) no-repeat;
        left: auto;
        right: 15px;
    }

        .customer-slider .flex-next:hover {
            background: url(../images/next-dark.png) no-repeat;
        }

.custom-pagi {
    padding: 10px 15px 0 !important;
}

    .custom-pagi .btn img,
    .custom-pagi .btn span {
        display: inline-block;
        vertical-align: middle;
    }

.menu-studs-sep {
    content: " ";
    width: 86%;
    height: 1px;
    background: #d8d8d8;
    position: initial;
    margin: 0 16px;
}
@media (min-width: 767px) {
    .d-flex-lg-only {
        display: flex;
    }
}

/* Modal  */
.modal {
    z-index: 9999;
}

.close-custom {
    background: url(../images/close-btn.svg) no-repeat;
    width: 40px;
    height: 40px;
    font-size: 0 !important;
    display: inline-block;
    outline: none !important;
    box-shadow: none !important;
}

.modal-custom .modal-dialog {
    width: 770px;
    max-width: 770px;
}

.modal-custom .modal-header {
    background: #f2f2f2;
    padding: 30px 15px 0 100px;
}

.bdr-none {
    border: none;
}

.modal-custom .modal-header .close {
    margin-top: -15px;
}

.modal-custom .modal-footer {
    background: #f2f2f2;
    text-align: centerl;
}

    .modal-custom .modal-footer a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
    }

.modal-custom .tabs li {
    width: auto;
    background: #e8e8e8;
}

.modal-custom .tabs a {
    padding: 20px 30px;
    text-transform: uppercase;
    color: #898989;
    font-size: 13px;
    min-height: inherit;
}

.modal-custom .tabs li.active a {
    color: #424242;
    padding-top: 22px;
    padding-bottom: 22px;
}

.modal-custom .tabs a span {
    background: none;
    padding: 0;
}

.modal-custom .tabs li:first-child,
.modal-custom .tabs li:first-child a {
    -moz-border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
}

.modal-custom .tabs li:last-child,
.modal-custom .tabs li:last-child a {
    -moz-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.modal-custom .tabs-content {
    border: none;
    padding: 30px 40px 10px 40px;
    min-height: 400px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.title-special {
    text-align: center;
    padding: 0 0 15px;
}

.title-special {
    max-width: 600px;
    margin: 0 auto;
}

.max-375 {
    max-width: 375px;
}

.title-special h4,
.title-special h2 {
    background: url(../images/border.png) center center repeat-x;
    font-size: 18px;
    color: #f89842;
    margin: 0 0 10px;
}

    .title-special h4 span,
    .title-special h2 span {
        display: inline-block;
        background: #fff;
        padding: 0 20px;
    }

.title-special p {
    font-size: 15px;
    font-weight: 300;
    color: #424242;
    margin: 0 auto;
}

.title-special h2 {
    font-size: 24px;
    color: #424242;
}

    .title-special h2 span {
        padding: 0 15px;
    }

.title-section {
    font-size: 13px;
    margin: 0 0 15px;
}

    .title-section h2 {
        text-transform: uppercase;
        font-size: 24px;
        font-weight: normal;
        margin: 0 0 8px;
    }

.month-info-wrap {
    padding: 0 30px;
}

.month-info {
    float: left;
    width: 250px;
    padding: 67px 0 0 120px;
    min-height: 192px;
    position: relative;
    margin-right: 90px;
}

    .month-info:last-child {
        margin-right: 0;
    }

.month-price {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    background: url(../images/month-info.png) no-repeat;
    height: 192px;
    width: 165px;
    padding: 40px 15px 0 0;
    text-align: center;
}

    .month-price strong {
        font-size: 47px;
        color: #f89842;
        font-weight: bold;
        line-height: 1;
        display: block;
    }

.price-info {
    color: #e63f10;
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    /*z-index: 9;*/
}

    .price-info span {
        display: block;
    }

    .price-info .first {
        margin-left: 24px;
    }

    .price-info .second {
        margin-left: 12px;
    }

.number-seciton {
    position: relative;
    max-width: 570px;
    margin: 0 auto 20px;
}

    .number-seciton span {
        font-size: 12px;
        color: #f89842;
        text-transform: uppercase;
        margin: 0 0 5px;
    }

    .number-seciton .first {
        float: left;
    }

    .number-seciton .second {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
    }

    .number-seciton .third {
        float: right;
    }

    .number-seciton span em {
        font-style: normal;
    }

.num-info {
    text-align: center;
    font-size: 14px;
}

.tick-seciton {
    font-size: 13px;
    padding: 0 0 20px;
}

    .tick-seciton h3 {
        font-size: 17px;
        color: #f89842;
        font-weight: bold;
        margin: 0 0 15px;
    }

    .tick-seciton ul,
    .tick-seciton li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tick-seciton li {
        background: url(../images/tick.png) left 3px no-repeat;
        line-height: 1.5;
        padding: 0 0 15px 24px;
    }

.no-tick li {
    padding-bottom: 2px;
}

.tick-seciton li strong {
    display: block;
}

.tick-seciton li a {
    color: #f89842;
    text-decoration: underline;
}

    .tick-seciton li a:hover {
        text-decoration: none;
    }

.how-work {
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 10px;
}

.modal-logo h3 {
    font-size: 16px;
    color: #424242;
    font-weight: bold;
    margin: 0 0 10px;
}

.logo-info {
    float: left;
    border-left: 1px solid #bababa;
    padding-left: 10px;
    margin-left: 12px;
    font-size: 11px;
    color: #656565;
}

    .logo-info p {
        padding: 0 0 5px;
    }

        .logo-info p:last-child {
            padding-bottom: 0;
        }

.pre-scrollable {
    max-height: 400px;
}

.pdf-top h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 15px;
}

.pdf-icons {
    text-align: right;
    padding: 0 0 10px;
}

    .pdf-icons a {
        display: inline-block;
        margin: 0 0 5px 12px;
        text-decoration: none;
    }

        .pdf-icons a span {
            text-decoration: underline;
        }

        .pdf-icons a:hover span {
            text-decoration: none;
        }

        .pdf-icons a span,
        .pdf-icons a img {
            display: inline-block;
            vertical-align: middle;
        }

.pdf-section > img {
    width: 100%;
}

.pdf-table th {
    background: #e8e8e8;
    border: 1px solid #cecece;
    text-align: center;
}

.pdf-table td {
    border: 1px solid #cecece;
    text-align: center;
    font-size: 11px;
    vertical-align: bottom !important;
    padding: 4px !important;
}

.pdf-table tr:hover td {
    background: #fff9f3;
}

.pdf-table tr:hover {
    background: red;
}

    .pdf-table tr:hover td,
    .hover {
        background: #fff9f3 !important;
        background-color: #fff9f3 !important;
    }

.pdf-table .bold-item {
    font-weight: bold;
}

.pdf-table .bold-item {
    background: #f8f8f8;
}

.show-more strong,
.view-more strong,
.advance-options strong,
.more-option strong,
.more-option-table strong {
    font-weight: normal;
}

.arrow-contain {
    background: url(../images/arrow-down.png) no-repeat;
    width: 12px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.active .arrow-contain {
    background: url(../images/arrow-up.png) no-repeat;
}

/*  slider-seciton  */
.custom-pager a {
    display: block;
    float: left;
    width: 11.11111111111111%;
    position: relative;
    height: 73px;
}

.custom-pager img {
    position: absolute;
    bottom: 0;
    max-width: none;
    left: 50%;
    margin-left: -91px;
}

.custom-pager .on,
.custom-pager .off {
    display: block;
}

.custom-pager .on {
    visibility: hidden;
}

.custom-pager a:hover .on {
    z-index: 99;
    visibility: visible;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.44);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.44);
}

.custom-pager a:hover .on {
    z-index: 999;
    visibility: visible;
}

.custom-pager a {
    overflow: hidden;
}

    .custom-pager a:hover {
        overflow: visible;
    }

    .custom-pager a.active em {
        display: block;
    }

    .custom-pager a em {
        display: none;
        background: #fd9b31;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .custom-pager a:hover span {
        visibility: visible;
        z-index: 999;
    }

.pager-wrapper {
    width: 100%;
}

.custom-pager span {
    position: absolute;
    background: #717374;
    color: #CACACA;
    text-transform: uppercase;
    display: block;
    width: 182px;
    text-align: center;
    top: 100%;
    left: 50%;
    margin-left: -91px;
    visibility: hidden;
    font-size: 13px;
    padding: 10px;
}

.home-slider-wrap {
    max-width: 1640px;
    position: relative;
    margin: 0 auto;
}

    .home-slider-wrap ul,
    .home-slider-wrap li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .home-slider-wrap .bx-next,
    .home-slider-wrap .bx-prev,
    .flex-prev,
    .flex-next {
        background: url(../images/prev.png) no-repeat;
        display: block;
        font-size: 0;
        left: 5%;
        margin-top: -14px;
        position: absolute;
        top: 50%;
        height: 27px;
        width: 15px;
        outline: none !important;
    }

    .home-slider-wrap .bx-next,
    .flex-next {
        background: url(../images/next.png) no-repeat;
        left: auto;
        right: 5%;
    }

    .home-slider-wrap .bx-prev:hover,
    .flex-prev:hover {
        background: url(../images/prev-dark.png) no-repeat;
    }

    .home-slider-wrap .bx-next:hover,
    .flex-next:hover {
        background: url(../images/next-dark.png) no-repeat;
    }

    .home-slider-wrap .bx-next.disabled,
    .home-slider-wrap .bx-prev.disabled {
        display: none;
    }

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

.shopnow .hover {
    display: none;
}

.shopnow:hover .default {
    display: none;
}

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

#home-page {
    overflow-x: hidden;
}

.text-overlay {
    font-style: italic;
    left: 50%;
    margin-left: -480px;
    position: absolute;
    width: 390px;
    text-align: left;
    top: 28%;
}

@media (min-width: 1440px) {
    .text-overlay {
        margin-left: -650px;
    }
}

.home-slider-wrap .text-overlay h2 {
    color: #4c4c4c;
    font-weight: 100;
    font-size: 50px;
    font-style: normal;
    margin: 0 0 8px;
}

.home-slider-wrap .view-collection {
    background: none;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 11px 45px;
    border: 2px solid #707070;
    color: #4c4c4c;
    font-style: normal;
}

    .home-slider-wrap .view-collection:hover {
        border-color: #d57c35;
        background: #d57c35;
        color: #fff;
        text-decoration: none;
    }

.home-slider-wrap .text-overlay p {
    font-size: 15px;
    color: #6c6868;
    font-style: normal;
    line-height: 1.8;
    padding: 0 0 20px;
}

    .home-slider-wrap .text-overlay p span {
        color: #d57c35;
        font-weight: bold;
    }

.slide-btns span {
    display: block;
    font-style: normal;
    font-size: 15px;
    margin: 0 0 7px;
    line-height: 1.3;
}

.slide-btns a {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px 8px;
    font-size: 12px;
    background: #7e8c91;
    border: 1px solid #7e8c91;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .slide-btns a:last-child {
        margin-right: 0;
    }

    .slide-btns a:hover,
    .slide-btns a.active {
        background: #e69e20;
        border-color: #e0930d;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        text-decoration: none;
    }

/*  mobile slider  */
.home-slider-mobile {
    position: relative;
}

    .home-slider-mobile li {
        position: relative;
    }

.flex-direction-nav li {
    position: static;
}

#carousel {
    position: relative;
}

    #carousel li,
    #carousel a {
        cursor: pointer;
        outline: none;
    }

.flex-active-slide .line {
    display: block;
}

.line {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fd9b31;
    height: 2px;
    width: 100%;
}

/* loose-diamond-page  */
.gray-title-section {
    background: #fbfbfb;
    text-align: center;
    padding: 20px 0 5px;
    font-size: 14px;
    border-bottom: 1px solid #efefef;
    margin: 0 0 20px;
}

    .gray-title-section h1 {
        /*font-weight: bold;*/
        margin: 0 0 12px;
    }

.block-item {
    display: block;
}

.loose-diamond-section .tabs {
    float: left;
}

    .loose-diamond-section .tabs li {
        width: auto;
    }

    .loose-diamond-section .tabs a {
        padding: 15px 40px;
        font-size: 14px;
        color: #616161;
        min-height: inherit;
    }

    .loose-diamond-section .tabs li.active a {
        padding: 17px 40px;
        color: #616161;
        font-weight: bold;
        border-left-color: #ededed;
        border-right-color: #ededed;
    }

    .loose-diamond-section .tabs a img {
        display: inline-block;
        margin: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.loose-diamond-section .tabs-content {
    padding: 20px 0 0;
    border-color: #ededed;
}

.loose-diamond-row {
    margin: 0;
    position: relative;
}

    .loose-diamond-row > div {
        padding: 0;
    }

    .loose-diamond-row > .col-md-8 {
        max-width: calc(100% - 580px);
        flex: 0 0 calc(100% - 580px);
    }

    .loose-diamond-row > .col-md-4 {
        background: #fff0de;
        max-width: 580px;
        flex: 0 0 580px;
    }

.diamond-detail-in {
    background: #fff;
    box-shadow: 0 7px 24px rgba(0, 0, 0, 0.5);
    margin: 0 20px;
    padding: 15px 20px 0;
    min-height: 780px;
}

.right-women .diamond-detail-in {
    background: #f7f7f7;
}

.section.section-cover {
    background: #fff;
    padding: 20px;
    margin: -20px;
}

.total-wrap {
    padding: 0 15px 10px;
}

.btn-outer {
    text-align: right;
}

    .btn-outer a {
        margin: 0 0 5px;
    }

.btn-transparent {
    border: 1px solid #cecece;
    padding: 7px 12px 6px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

    .btn-transparent:hover {
        background: #f8f8f8;
    }

    .btn-transparent img,
    .btn-transparent span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
    }

.default-hide {
    display: none;
}

.btn-gap {
    margin: 0 10px;
}

#scrollbar1 {
    width: 100%;
    margin: 0;
    position: relative;
}

    #scrollbar1 .viewport {
        width: 100%;
        height: 856px;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #scrollbar1 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    #scrollbar1 .thumb .end,
    #scrollbar1 .thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        display: none;
    }

    #scrollbar1:hover .thumb .end,
    #scrollbar1:hover .thumb {
        display: block;
    }

    #scrollbar1 .scrollbar {
        position: absolute;
        right: 0;
        float: right;
        width: 15px;
        z-index: 9;
    }

    #scrollbar1 .track {
        background: none;
        height: 100%;
        width: 4px;
        position: relative;
    }

    #scrollbar1 .thumb {
        height: 20px;
        width: 6px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

        #scrollbar1 .thumb .end {
            overflow: hidden;
            height: 1px;
            width: 13px;
        }

    #scrollbar1 .disable {
        display: none;
    }

.diamond-detail-title {
    background: #f7f7f7;
    padding: 15px 25px;
    margin: 0;
}

    .diamond-detail-title h3 {
        color: #616161;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        text-transform: uppercase;
    }

.section {
    margin: 0 0 17px;
}

.section-img {
    float: left;
    width: 260px;
}

.section-info {
    margin-left: 85px;
    padding: 5px 0 0;
    color: #494949;
    font-size: 13px;
}

    .section-info p {
        padding: 0 0 5px;
    }

.section-pair {
    margin: 0 auto;
}

    .section-pair .section-img {
        width: 100px;
        margin-right: 70px;
    }

    .section-pair .section-info {
        padding-top: 0;
    }

    .section-pair .certificate-diamond {
        padding: 5px 0 18px;
    }

.info-box {
    background: #f7f7f7;
    color: #494949;
    margin: 0 0 25px;
}

    .info-box ul,
    .info-box li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .info-box li {
        padding: 6px 8px;
        border-bottom: 1px solid #f1f1f1;
    }

.info-box-sm li {
    padding: 5px 8px;
}

.info-box li:hover {
    background: #f1f1f1;
}

.info-box span {
    display: inline-block;
    min-width: 70px;
}

.info-box strong {
    display: inline-block;
    font-weight: normal;
    margin: 0 15px 0 0;
}

.info-box em {
    font-style: normal;
}

.or-wrap {
    background: url(../images/border.png) center center repeat-x;
    color: #747474;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin: 20px 0;
}

    .or-wrap span {
        display: inline-block;
        padding: 0 10px;
        background: #fff;
    }

.tabs-process {
    font-size: 14px;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 40px;
}

    .tabs-process ul,
    .tabs-process li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tabs-process li {
        float: left;
        width: 33.33%;
        padding: 0 5px;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.tabs-in {
    border: 1px solid #d8d8d8;
    border-bottom: none;
    padding: 12px 10px 12px 40px;
    min-height: 102px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.tabs-process li.active .tabs-in {
    border-top: 3px solid #f89842;
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}

.tabs-process li.active .tabs-in {
    margin: -2px 0 -1px;
    margin: 1px 0 -2px;
    background: #fff;
    border-bottom: 1px solid #fff;
}

.tabs-img {
    float: left;
    width: 60px;
    text-align: center;
    margin-right: 10px;
}

.tabs-info {
    margin-left: 70px;
    padding: 3px 0 0;
}

    .tabs-info.double-line-info {
        padding-top: 9px;
    }

    .tabs-info.single-line-info {
        padding-top: 20px;
    }

.tabs-process h4 {
    font-size: 14px;
    color: #616161;
    line-height: 1.2;
    margin: 0 0 2px;
}

.tabs-process p {
    padding: 0 0 3px;
}

.tab-links {
    font-size: 10px;
    text-transform: uppercase;
}

    .tab-links a {
        color: #f89842;
        text-decoration: underline;
        margin: 0 10px 5px 0;
        display: inline-block;
    }

    .tab-links .dull {
        color: #b9b9b9;
        text-decoration: none;
    }

.step-contain {
    max-width: 800px;
    margin: 50px auto 40px;
    position: relative;
    text-align: center;
    line-height: 1;
}

.all-active {
    border-color: #f89842;
}

.step-border-first {
    border-bottom: 1px dashed #bcbcbc;
    float: left;
    width: 50%;
}

.step-border-last {
    border-bottom: 1px dashed #bcbcbc;
    float: left;
    width: 50%;
}

    .step-border-first.active,
    .step-border-last.active {
        border-color: #f89842;
    }

.step-contain span {
    display: inline-block;
    width: 22px;
    height: 25px;
    font-size: 0;
}

.step-first span {
    background: url(../images/step-first.png) no-repeat;
}

.step-first.active span {
    background: url(../images/step-first-active.png) no-repeat;
}

.step-second span {
    background: url(../images/step-second.png) no-repeat;
}

.step-second.active span {
    background: url(../images/step-second-active.png) no-repeat;
}

.step-third span {
    background: url(../images/step-third.png) no-repeat;
}

.step-third.active span {
    background: url(../images/step-third-active.png) no-repeat;
}

.step-contain em {
    font-style: normal;
    color: #b9b9b9;
    text-transform: uppercase;
    display: block;
}

.step-contain .active em {
    color: #f89842;
}

.step-first {
    position: absolute;
    left: -85px;
    top: -34px;
    width: 180px;
}

.step-second {
    position: absolute;
    left: 50%;
    top: -34px;
    width: 180px;
    margin-left: -90px;
}

.step-third {
    position: absolute;
    right: -80px;
    top: -34px;
    width: 180px;
    margin-left: -90px;
}

.process-step-top,
.process-step-top-secondary {
    padding: 15px 0 0;
}

    .process-step-top .tabs-process,
    .process-step-top-secondary .tabs-process {
        margin: 0;
    }

    .process-step-top .tabs-process,
    .process-step-top-secondary .tabs-process {
        border: none;
    }

.process-step-top-secondary {
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 20px;
}

.landing-wrap {
    padding: 80px 0 60px;
    border-top: 1px solid #efefef;
}

.landng-section {
    padding: 0 0 40px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.landing-photo {
    margin: 0 0 20px;
}

.landng-section p {
    padding: 0 0 10px;
}

.landing-in {
    padding: 0 15px;
}

.landng-section .btn-grey {
    padding: 11px 10px;
    font-size: 14px;
    font-weight: bold;
}

.or-landing {
    background: url(../images/or-sep-landing.jpg) center center repeat-x;
    color: #b3b3b3;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    max-width: 180px;
    margin: 80px auto 0;
}

    .or-landing span {
        display: inline-block;
        padding: 0 10px;
        background: #fff;
    }

.tabs-secondary {
    margin: 0 0 10px;
    border-bottom: 1px solid #ededed;
}

    .tabs-secondary ul,
    .tabs-secondary li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tabs-secondary li {
        float: left;
        width: 50%;
        text-align: center;
        border-left: 1px solid #fff;
    }

        .tabs-secondary li:first-child {
            border-left: none;
        }

        .tabs-secondary li.active {
            margin-right: -1px;
            position: relative;
            -moz-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.15);
        }

    .tabs-secondary a {
        color: #616161;
        font-size: 14px;
        padding: 9px 5px;
        display: block;
        outline: none !important;
        background: #f4f4f4;
        text-decoration: none;
        border-top: 3px solid transparent;
        border-bottom: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

        .tabs-secondary a:hover {
            text-decoration: none;
        }

    .tabs-secondary li.active a {
        padding: 11px 5px;
        color: #616161;
        background: #fff;
        font-weight: bold;
        border-top-color: #f89842;
        border-left-color: #ededed;
        border-right-color: #ededed;
        margin: -3px 0 -1px;
        position: relative;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

.error-section {
    padding: 60px 0 70px;
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

.error-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #e63f10;
    font-size: 200px;
    line-height: 1;
    margin: 0 0 10px;
}

.error-section .btn-error {
    padding: 12px 65px;
    font-size: 14px;
}

.error-info {
    padding: 0 0 15px;
}

.form-outer {
    padding: 45px 0;
}

.form-contain {
    border: 1px solid #d8d8d8;
    max-width: 570px;
    margin: 0 auto;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.form-in {
    padding: 40px 132px;
}

.form-title {
    text-align: center;
    font-size: 13px;
    color: #616161;
    padding: 0 0 15px;
}

.form-title-lg {
    margin: 0 -15px;
}

.form-title h2 {
    color: #424242;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 15px;
}

.form-gap {
    padding: 0 0 25px;
}

.form-section p {
    padding: 0 0 12px;
}

.form-section .para-lg {
    padding: 0 0 24px;
}

.form-section label {
    display: block;
    font-size: 13px;
    color: #616161;
    margin: 0 0 2px;
}

.form-section .text-field {
    border: 1px solid #cccccc;
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    color: #424242;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .form-section .text-field:focus {
        border-color: #78bbf4;
        -moz-box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
        -webkit-box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
        box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
    }

.form-section .submit {
    width: 100%;
    font-size: 14px;
    padding: 11px 20px 10px;
}

.form-section .btn-default {
    display: block;
}

.form-section-sep {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 15px;
    margin: 0 0 22px;
}

.remember-wrap {
    padding: 0 0 15px;
}

    .remember-wrap label,
    .remember-wrap input {
        display: inline-block;
        vertical-align: middle;
        font-weight: normal;
        margin: 0 5px 0 0;
    }

.forget-wrap {
    text-align: right;
    padding: 0 0 15px;
}

    .forget-wrap a {
        color: #616161;
        font-size: 13px;
    }

.checkout-top-wrap {
    padding: 30px 0 20px;
    background: #fbfbfb;
    border-bottom: 1px solid #efefef;
    margin: 0 0 15px;
}

.bg-transparent {
    background: transparent;
}

.no-margin {
    margin: 0;
}

.checkout-top h1 {
    text-align: center;
}

.checkout-section {
    background: #fafafa;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.checkout-wrap {
    padding: 0 0 35px;
}

.shippin-section {
    padding: 20px 0 20px 30px;
    max-width: 632px;
}

.wrap {
    margin: 0 0 6px;
}

.checkout-wrap h2 {
    font-size: 16px;
    color: #505050;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 20px;
}

.form-secondary label {
    display: block;
    font-size: 12px;
    color: #505050;
    font-weight: normal;
    margin: 10px 0 5px;
}

.form-sm-label label {
    font-size: 11px;
}

.total-section select,
.form-secondary .field-bdr,
.form-secondary select,
.form-secondary textarea {
    border: 1px solid #cccccc;
    border-left: 2px solid #e63f10;
    width: 100%;
    padding: 5px 8px 6px;
    font-size: 13px;
    color: #424242;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.form-secondary textarea {
    border: 1px solid #cccccc;
}

    .form-secondary .field-bdr:focus,
    .form-secondary textarea:focus {
        border-color: #78bbf4;
        -moz-box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
        -webkit-box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
        box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
    }

.total-section .no-bdr,
.form-secondary .no-bdr {
    border-left: 1px solid #cccccc;
}

.form-secondary .select-inline,
.form-secondary .field-sm {
    display: inline-block;
    width: 48%;
}

.amazon-section img {
    display: block;
    width: 100%;
}

.orange-contain {
    text-align: right;
}

    .orange-contain a {
        padding: 10px 20px;
        font-weight: bold;
    }

.billing-seciton {
    background: #f2f2f2;
    padding: 20px 30px 20px 30px;
    min-height: 600px;
}

.billing-no-bg {
    background: none;
    padding: 0 !important;
}

.billing-seciton h3 {
    font-size: 14px;
    color: #424242;
    font-weight: bold;
    margin: 0 0 10px;
}

    .billing-seciton h3 a {
        color: #f89842;
        display: inline-block;
        margin-left: 10px;
        font-size: 12px;
    }

.card-img img {
    max-width: 150px;
}

.lock-section {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    font-size: 13px;
    color: #858585;
    padding: 7px 0;
    margin: 0 0 10px;
}

    .lock-section img,
    .lock-section span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px;
    }

.same-section {
    text-align: right;
}

    .same-section input,
    .same-section label {
        display: inline-block;
        vertical-align: middle;
        margin: 0 1px;
    }

.form-sep {
    padding: 0 0 10px;
    border-bottom: 1px solid #dfdfdf;
    margin: 0 0 15px;
}

.review-seciton {
    padding: 20px 30px 20px 0;
}

.edit-wrap {
    text-align: right;
    padding: 0 0 15px;
}

    .edit-wrap a {
        display: inline-block;
        color: #f89842;
        margin-left: 10px;
    }

.table-order table {
    border-bottom: 2px solid #d4d4d4;
    margin: 0 0 5px;
}

    .table-order table th {
        color: #25272c;
        font-size: 12px;
        background: #efefef;
        padding: 8px 10px;
    }

.total-section {
    width: 215px;
    font-size: 13px;
    float: right;
}

    .total-section ul,
    .total-section li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .total-section ul {
        margin: 0 0 20px;
    }

    .total-section li {
        padding: 6px 10px;
        border-bottom: 1px solid #e0e0e0;
    }

    .total-section h3 {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0 0 10px;
    }

.total-desc {
    color: #e63f10;
}

.total-section span {
    float: left;
}

.total-section strong {
    float: right;
    font-weight: normal;
}

.total-section .grant-total {
    background: #fcf4d9;
    font-weight: bold;
    padding: 10px 10px;
    border: none;
}

    .total-section .grant-total strong {
        font-weight: bold;
    }

.total-auto {
    float: none;
    width: auto;
}

.paypal-img {
    text-align: right;
    padding: 0 0 15px;
}

.shopping-cart-wrap {
    padding: 0 0 30px;
}

.table-img {
    max-width: 95px;
    width: 95px;
}

.table-shopping {
    margin: 0 0 20px;
    min-height: 300px;
    /*vikas*/
}

    .table-shopping table {
        width: 100%;
    }

    .table-shopping th {
        padding: 8px;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
        border-bottom: 2px solid #e0e0e0;
    }

    .table-shopping .total-th {
        width: 75px;
        text-align: left;
    }

    .table-shopping td {
        padding: 12px 10px;
        border-bottom: 1px solid #e3e3e3;
    }

    .table-shopping .clr-row td {
        background: #f8f8f8;
    }

    .table-shopping select {
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        border: 1px solid #b2b2b2;
        min-width: 70px;
        margin: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.select-table label {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 13px;
    color: #b2b2b2;
    margin: 0 5px;
}

.table-shopping .table-info {
    background: none !important;
}

.equall {
    font-size: 18px;
    padding: 0 5px;
}

.total {
    display: inline-block;
    vertical-align: middle;
    min-width: 50px;
    font-size: 14px;
}

.cancel-shopping {
    background: url(../images/shopping-cart/cancel2.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 33px;
    font-size: 0;
}

/*.cancel-shopping:hover {
        background: url(../images/shopping-cart/cancel-hover.png) no-repeat;
    }*/
.table-links {
    color: #b2b2b2;
    font-size: 12px;
}

    .table-links a {
        color: #f89842;
        text-decoration: underline;
        font-size: 13px;
    }

        .table-links a:hover {
            text-decoration: none;
        }

.check-table {
    text-align: center;
}

table .white td {
    background: #fff;
}

.estimated-seciton {
    padding: 0 0 25px;
}

    .estimated-seciton h3 {
        font-size: 12px;
        color: #626262;
        text-transform: uppercase;
        padding: 8px 0;
        border-bottom: 2px solid #e0e0e0;
        margin: 0 0 15px;
    }

    .estimated-seciton p {
        padding: 0 0 10px;
    }

    .estimated-seciton .radio-wrap {
        position: relative;
        padding-left: 13px;
    }

    .estimated-seciton input {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }

    .estimated-seciton label {
        margin: 0;
    }

    .estimated-seciton label {
        margin-left: 5px;
    }

    .estimated-seciton strong {
        font-size: 13px;
        color: #f89842;
    }

.coupon-section {
    margin: 0 0 35px;
}

    .coupon-section label {
        display: block;
        color: #626262;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0 0 7px;
    }

    .coupon-section .field-coupon {
        padding: 0 8px;
        height: 31px;
        line-height: 31px;
        width: 67%;
        /*color: #999;*/
        border: 1px solid #b2b2b2;
        display: inline-block;
        vertical-align: middle;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 14px;
        font-weight: bold;
    }

        .coupon-section .field-coupon:focus {
            border-color: #45b2ff;
            -moz-box-shadow: 0 0 4px #45b2ff;
            -webkit-box-shadow: 0 0 4px #45b2ff;
            box-shadow: 0 0 4px #45b2ff;
        }

    .coupon-section .apply {
        background: #b2b2b2;
        border: 1px solid #b2b2b2;
        cursor: pointer;
        width: 30%;
        min-width: 64px;
        padding: 0 12px;
        height: 31px;
        line-height: 31px;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .coupon-section .apply:hover {
            background: #333;
            border-color: #333;
        }

.card-gallery-wrap {
    display: none;
    padding: 40px 0;
    border-top: 1px solid #e7e7e7;
}

.card-gallery p {
    padding: 0 0 20px;
}

.card-gallery a {
    display: block;
    padding: 20px;
    text-align: center;
    border: 1px solid #d8d8d8;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .card-gallery a:hover {
        border-color: #f89842;
        -moz-box-shadow: 0 0 3px #f89842;
        -webkit-box-shadow: 0 0 3px #f89842;
        box-shadow: 0 0 3px #f89842;
    }

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
}

.popup-section {
    position: fixed;
    left: 50%;
    top: 10%;
    margin-left: -385px;
    width: 770px;
    z-index: 99;
    background: #fff url(../images/popup-sep.png) repeat-y;
    -moz-box-shadow: 0 0 80px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.8);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.popup-in {
    padding: 50px 45px;
}

    .popup-in p.pButton {
        text-align: center;
    }

.cancel-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9;
    background: url(../images/cancel-popup.png) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    font-size: 0;
}

    .cancel-popup:hover {
        opacity: 0.8;
    }

.login-account {
    padding-right: 30px;
}

.popup-section .form-title {
    padding: 0 25px 5px;
}

.create-account {
    padding-left: 30px;
}

.desc-section {
    font-size: 13px;
    padding: 0 0 30px;
}

.desc-title {
    max-width: 840px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    color: #616161;
    font-size: 13px;
}

.desc-title-sm {
    max-width: 600px;
}

.desc-title-xs {
    max-width: 450px;
}

.desc-section h3 {
    font-size: 15px;
    color: #616161;
    font-weight: bold;
    margin: 0 0 3px;
}

.desc-section p {
    line-height: 1.5;
    padding: 0 0 20px;
}

.information-box {
    max-width: 285px;
    margin: 0 auto 25px;
    border: 1px solid #e7e5da;
    background: #fbf9e3;
    padding: 30px;
    text-align: center;
    font-size: 14px;
    color: #424242;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

    .information-box h3 {
        font-size: 14px;
        color: #424242;
        font-weight: normal;
        margin: 0 0 8px;
    }

    .information-box p {
        padding: 0 0 2px;
    }

.full-width {
    max-width: inherit;
    font-size: 12px;
    text-align: left;
}

    .full-width h3 {
        margin: 0 0 12px;
    }

    .full-width p {
        line-height: 1.6;
        padding: 0 0 15px;
    }

.education-section {
    border-bottom: 1px solid #e2e1db;
    padding: 0 0 35px;
    margin: 0 0 35px;
}

    .education-section.last {
        border-bottom: none;
    }

    .education-section h3 {
        font-size: 14px;
        color: #616161;
        font-weight: bold;
        margin: 0 0 10px;
    }

        .education-section h3 span {
            color: #0099cc;
        }

.info-clarity h3 span {
    color: #ff9900;
}

.info-carat h3 span {
    color: #6666cc;
}

.education-section p {
    line-height: 1.5;
}

.education-info {
    padding: 20px 0 0;
}

.education-img {
    text-align: center;
}

.row-inverse {
    flex-direction: row-reverse;
}

.product-top-wrap {
    background: #fbfbfb;
    border-bottom: 1px solid #efefef;
    padding: 12px 0 0;
    margin: 0 0 30px;
}

    .product-top-wrap .pagination {
        float: right;
        margin: 5px 0 0;
    }

        .product-top-wrap .pagination li a {
            font-size: 13px;
        }

.product-review-wrap {
    padding: 0 0 40px;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 35px;
}

    .product-review-wrap.last-section {
        border-bottom: none;
        margin-bottom: 0;
    }

.product-review-img {
    text-align: center;
}

.review-info-bot {
    background: #f1f1f1;
    padding: 10px;
    margin: 0 0 15px;
}

.product-review {
    line-height: 1.8;
    padding: 15px 0 0;
}

    .product-review h3 {
        font-size: 16px;
        color: #424242;
        font-weight: normal;
        margin: 0 0 10px;
    }

.review-contain {
    margin: 0 0 12px;
}

    .review-contain span {
        color: #9f9f9f;
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
    }

    .review-contain img {
        display: inline-block;
        vertical-align: middle;
    }

.review-name {
    display: block;
    color: #a5a5a5;
}

.review-bot-wrap {
    background: #fbfbfb;
    padding: 15px 0 0;
    font-size: 14px;
    color: #424242;
    margin: 0 0 25px;
}

    .review-bot-wrap .pagination {
        text-align: center;
        margin: 0;
    }

        .review-bot-wrap .pagination li a {
            font-size: 15px;
        }

.receipt-top {
    font-size: 13px;
    padding: 0 0 20px;
}

    .receipt-top h3 {
        font-size: 18px;
        color: #626262;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .receipt-top p {
        padding: 0 0 10px;
    }

.invoice-contain {
    margin: 10px 0 15px;
}

.inovice-info {
    text-align: right;
    margin: 0 0 5px;
    padding: 0 10px;
}

    .inovice-info span {
        font-size: 12px;
        display: block;
    }

    .inovice-info strong {
        font-weight: normal;
        font-size: 22px;
    }

.print {
    display: inline-block;
    background: #656565;
    color: #fff;
    padding: 0 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .print:hover,
    .print:focus {
        color: #fff;
        text-decoration: none;
        background: #000;
    }

    .print span {
        background: url(../images/print.png) right center no-repeat;
        display: block;
        padding: 5px 50px 5px 0;
        font-size: 14px;
    }

    .print em {
        display: block;
        font-size: 10px;
        font-style: normal;
    }

.info-contain {
    font-size: 13px;
    color: #505050;
    padding: 0 0 10px;
}

    .info-contain h3 {
        font-size: 15px;
        color: #626262;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .info-contain p {
        padding: 0 0 3px;
    }

.my-profile-wrap {
    padding: 35px 0 30px;
}

.tabs-custom {
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 10px;
    margin: 0 0 25px;
}

    .tabs-custom ul,
    .tabs-custom li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tabs-custom li {
        float: left;
        width: 16%;
        padding: 0 3px;
    }

.custom-six li {
    width: 16.6667%;
}

.tabs-custom a {
    display: block;
    font-size: 14px;
    color: #505050;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-bottom: none;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

    .tabs-custom a:hover {
        text-decoration: none;
    }

    .tabs-custom a span {
        display: block;
        padding: 14px 8px;
        border-top: 2px solid transparent;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

.tabs-custom li.active a {
    color: #000;
    border-top-color: #f89842;
    position: relative;
    margin-bottom: -1px;
    text-decoration: none;
    outline: none;
}

    .tabs-custom li.active a span {
        border-top-color: #f89842;
        padding-top: 15px;
    }

.custom-tabs-content {
    display: none;
}

.my-profile-wrap h4 {
    font-size: 15px;
    color: #3e3e3e;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 25px;
}

.box-section {
    background: #f4f4f4;
    margin: 0 0 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.box-head {
    padding: 12px 15px 5px;
    border-bottom: 1px solid #fff;
}

.box-section h5 {
    font-size: 14px;
    color: #505050;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 5px;
}

.box-head p {
    padding: 0 0 5px;
}

.box-head input,
.box-head span {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.box-body {
    min-height: 150px;
    padding: 15px 15px 5px;
    border-bottom: 1px solid #fff;
}

.box-foot {
    padding: 15px;
}

    .box-foot.center {
        padding: 0 0 15px 0;
    }

    .box-foot .btn {
        padding: 8px 25px;
    }

    .box-foot .btn {
        padding: 6px 15px;
        font-size: 14px;
        font-weight: normal;
        text-transform: none;
        min-width: 85px;
        text-align: center;
        border: 2px solid transparent;
    }

    .box-foot .btn-transparent {
        border: 2px solid #656565;
    }

.process-table table {
    border: none;
    width: 100%;
}

    .process-table table th {
        border: none;
        border-bottom: 2px solid #e0e0e0;
        padding: 8px;
        font-size: 13px;
        color: #3e3e3e;
        font-weight: normal;
    }

    .process-table table td {
        vertical-align: top;
        padding: 8px;
        border-bottom: 1px solid #e9e7e1;
        font-size: 13px;
        color: #3e3e3e;
    }

    .process-table table .bg td {
        background: #f7f7f7;
        border-bottom: none;
    }

    .process-table table .bg-white td {
        background: #fff;
    }

/*vikas*/
.gridPager a {
    text-decoration: none;
}

.gridPager td {
    border: 0 none;
    padding: 20px 10px;
}

.gridPager table {
    width: auto !important;
}

    .gridPager table td {
        border-bottom: 0 none;
    }

    .gridPager table tr td {
        padding: 4px;
        border: 0 none;
    }

        .gridPager table tr td a {
            background-color: #cd9339 !important;
        }

        .gridPager table tr td a,
        .gridPager table tr td span {
            background-color: #555;
            color: white;
            border-radius: 2px;
            padding: 4px 12px;
        }

.btn-eql {
    min-width: 100px;
    text-align: center;
    padding: 2px 5px;
}

    .btn-eql.btn-warning {
        color: #fff;
        background: #f89842;
        border-color: #f89842;
    }

    .btn-eql.btn-success {
        background: #87b74e;
        border-color: #87b74e;
    }

.process-table .btn-eql.btn-danger {
    background: #ff6767;
    border-color: #ff6767;
}

.review-in {
    padding: 15px 0 0;
}

.review-desc {
    padding: 0 0 10px;
}

    .review-desc h4 {
        margin: 0 0 15px;
        text-decoration: underline;
    }

.recommended-info p {
    padding: 0 0 5px;
}

.recommended-info input,
.recommended-info span {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    color: #505050;
}

.diamond-certificate-wrap {
    padding: 0 0 35px;
}

.diamond-certificate-info {
    padding: 0 0 25px;
}

.diamond-certificate h3 {
    font-size: 14px;
    color: #616161;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 8px;
}

.diamond-certificate p {
    line-height: 1.6;
}

.certificate-gallery {
    text-align: center;
    padding: 0 0 30px;
}

    .certificate-gallery h3 {
        font-size: 20px;
        font-weight: normal;
        color: #424242;
        margin: 0 0 25px;
    }

    .certificate-gallery a {
        display: block;
        padding: 2px;
        margin: 0 0 8px;
        border: 3px solid transparent;
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    }

        .certificate-gallery a img {
            display: block;
            width: 100%;
        }

        .certificate-gallery a:hover {
            border-color: #f89842;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

    .certificate-gallery h4 {
        color: #424242;
        font-weight: normal;
        font-size: 14px;
        margin: 0 0 25px;
    }

.site-map-wrap {
    padding: 0 0 30px;
}

.site-map-section {
    padding: 0 0 15px;
}

    .site-map-section h3 {
        font-size: 14px;
        color: #f89842;
        font-weight: bold;
        margin: 0 0 15px;
    }

    .site-map-section h4 {
        font-size: 12px;
        color: #626262;
        font-weight: bold;
        background: url(../images/check-mark.png) left 2px no-repeat;
        padding: 2px 0 2px 17px;
        margin: 0 0 8px;
    }

    .site-map-section ul,
    .site-map-section li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .site-map-section ul {
        margin: 0 0 20px 5px;
    }

    .site-map-section li a {
        display: inline-block;
        padding-left: 10px;
        font-size: 12px;
        color: #626262;
        position: relative;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .site-map-section li a span {
            background: url(../images/menu-arrow-normal.svg) left 7px no-repeat;
            display: inline-block;
            padding: 4px 10px 4px 13px;
        }

        .site-map-section li a:hover span {
            background: url(../images/menu-arrow-hover.svg) left 7px no-repeat;
        }

        .site-map-section li a:hover {
            color: #c87429;
            background: #fdf4dd;
            text-decoration: none;
        }

.contact-top-wrap {
    padding: 20px 0 30px;
    border-bottom: 1px solid #eeeeee;
    margin: 0 0 40px;
}

.contact-info {
    text-align: center;
    color: #626262;
    font-size: 14px;
    padding: 0 0 30px;
}

.contact-img {
    padding: 0 0 20px;
}

.contact-info p {
    padding: 0 0 2px;
}

.contact-section {
    padding: 0 0 50px;
}

    .contact-section h4 {
        font-size: 18px;
        color: #424242;
        font-weight: normal;
        margin: 0 0 30px;
    }

.chat-seciton {
    display: none;
    cursor: pointer !important;
    position: fixed;
    right: 4%;
    bottom: 15px;
    background: #656565;
    /*#f89842*/
    width: 372px;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.chat-title {
    border-bottom: 1px solid #7f7f7f;
    padding: 20px 40px 5px 15px;
}

.cancel-chat {
    position: absolute;
    right: 20px;
    top: 25px;
    background: url(../images/cancel-white.png) no-repeat;
    width: 10px;
    height: 10px;
    font-size: 0;
    display: inline-block;
}

    .cancel-chat:hover {
        opacity: 0.6;
    }

.chat-arrow-up {
    display: inline-block;
    font-size: 0;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.chat-title h3 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 10px;
}

.chat-body {
    padding: 20px 20px 10px;
    background: #FBFBFB;
}

.chat-form {
    background: #FBFBFB;
}

    .chat-form label {
        display: inline-block;
        vertical-align: middle;
        min-width: 65px;
        text-align: right;
        margin: 5px 0;
    }

    .chat-form .field-chat:focus,
    .chat-form select:focus,
    .chat-form textarea:focus {
        -moz-box-shadow: 0 0 4px #45b2ff;
        -webkit-box-shadow: 0 0 4px #45b2ff;
        box-shadow: 0 0 4px #fff;
    }

    .chat-form select,
    .chat-form .field-bdr,
    .chat-form select,
    .chat-form textarea,
    .chat-form .field-chat {
        border: 1px solid #cccccc;
        border-left: 2px solid #e63f10;
        width: 100%;
        padding: 5px 8px 6px;
        font-size: 13px;
        color: #424242;
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .chat-form textarea {
        border: 1px solid #cccccc;
    }

        .chat-form .field-bdr:focus,
        .chat-form textarea:focus {
            border-color: #78bbf4;
            -moz-box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
            -webkit-box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
            box-shadow: 0 0 8px rgba(120, 187, 244, 0.9);
        }

    .chat-form .no-bdr {
        border-left: 1px solid #cccccc;
    }

    .chat-form .btn-orange {
        padding: 8px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        background: #ff8062;
    }

.sav-btn-top {
    text-align: right;
}

/*  zoom start  */
.cloud-zoom-lens {
    border: 4px solid #efefef;
    margin: 0;
    background-color: #fff;
    cursor: move;
    overflow: hidden;
}

.cloud-zoom-big {
    border: 4px solid #efefef;
    overflow: hidden;
    margin: 4px 0 0;
}

.cloud-zoom-loading {
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}
/*
    @media (min-width: 1300px) {
        .cloud-zoom-big {
            width:855px !important;
        }
        .cloud-zoom{
            overflow:hidden;
        }
    }
    @media (min-width: 1500px) {
        .cloud-zoom-big {
            width:955px !important;
        }
    }
*/
@media (max-width: 1200px) {

    .show-desktop {
        display: none;
    }

    .mousetrap {
        display: none !important;
    }

    .cloud-zoom-lens {
        cursor: auto;
    }

    .cloud-zoom-big {
        background: none !important;
        display: none !important;
    }

    .review-info-bot {
        text-align: center;
    }

        .review-info-bot span {
            float: none;
            display: block;
        }

    .choice-section ul li {
        width: 33%;
    }

    .show-more,
    .show-link {
        font-size: 13px;
        text-transform: uppercase;
        padding: 14px;
        background: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .border-only-top {
        border: none;
        border-top: 1px solid #dbdbdb;
    }

    .show-more strong,
    .show-link strong {
        font-weight: normal;
    }

    .arrow-contain {
        background: url(../images/arrow-more-details.svg) no-repeat;
        width: 11px;
        height: 7px;
    }

    .active .arrow-contain {
        background: url(../images/arrow-more-details-2.svg) no-repeat;
    }
}

/*  zoom end   */
.btn-black,
.btn-grey,
.btn-red {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    /*padding: 8px 10px;*/
    padding: 5px 9px;
    text-transform: uppercase;
    outline: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #757575;
    background-image: -moz-linear-gradient(top, #757575, #525252);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757575), to(#525252));
    background-image: -webkit-linear-gradient(top, #757575, #525252);
    background-image: -o-linear-gradient(top, #757575, #525252);
    background-image: linear-gradient(to bottom, #757575, #525252);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#757575', endColorstr='#525252', GradientType=0);
}

.btn-lg {
    padding: 9px 15px;
    font-size: 14px;
}

.btn-black:hover {
    color: #fff;
    background: #656565;
}

.btn-grey:hover {
    color: #fff;
    background: #525252;
}

.btn-normal {
    padding: 9px 15px;
    font-size: 14px;
}

.btn-red {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #ff746d;
    background-image: -moz-linear-gradient(top, #ff746d, #e9645d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff746d), to(#e9645d));
    background-image: -webkit-linear-gradient(top, #ff746d, #e9645d);
    background-image: -o-linear-gradient(top, #ff746d, #e9645d);
    background-image: linear-gradient(to bottom, #ff746d, #e9645d);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff746d', endColorstr='#e9645d', GradientType=0);
}

    .btn-red:hover {
        color: #fff;
        background: #ff746d;
    }

.btn-normal {
    font-weight: 500 !important;
}

.btn-space img,
.btn-space span {
    display: inline-block;
    padding: 0 5px;
}

.btn-black:active,
.btn-black:focus,
.btn-grey:active,
.btn-grey:focus {
    color: #fff;
    outline: none;
}

.btn-inside {
    padding: 0 !important;
    text-align: left;
}

    .btn-inside span {
        display: block;
        padding: 10px 14px;
        background: url(../images/ring-diamond.png) right center no-repeat;
    }

.btn-ring,
.btn-ring:hover {
    background: url(../images/add-to-ring.svg) right center no-repeat;
    text-align: left;
}

    .btn-ring:hover,
    .btn-pendent:hover,
    .btn-ring-diamond:hover,
    .btn-diamond-earring:hover {
        opacity: 0.8;
    }

.btn-pendent span {
    background: url(../images/btns/add-to-pendant.png) right center no-repeat;
    text-align: left;
}

.btn-ring-diamond,
.btn-ring-diamond:hover {
    background: #656565 url(../images/add-diamond-to-ring.svg) right center no-repeat;
    text-align: left;
}

.btn-diamond-earring span {
    background: url(../images/btns/add-diamond-to-earring.png) right center no-repeat;
    text-align: left;
}

.add-to-ring span {
    background: url(../images/btns/aadd-diamond-to-ring-2-red.png) right center no-repeat;
}

.btn-diamond-to-ring,
.btn-diamond-to-pendent,
.btn-only-diamond,
.btn-only-diamond-white,
.btn-diamond-earring-white {
    line-height: 1.8;
    color: #fff;
    text-align: left;
    padding: 0 !important;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    outline: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #ff746d;
    background-image: -moz-linear-gradient(top, #ff746d, #e9645d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff746d), to(#e9645d));
    background-image: -webkit-linear-gradient(top, #ff746d, #e9645d);
    background-image: -o-linear-gradient(top, #ff746d, #e9645d);
    background-image: linear-gradient(to bottom, #ff746d, #e9645d);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff746d', endColorstr='#e9645d', GradientType=0);
}

    .btn-diamond-to-ring:hover,
    .btn-diamond-to-pendent:hover,
    .btn-only-diamond:hover,
    .btn-only-diamond-white:hover {
        color: #fff;
    }

    .btn-diamond-to-ring span {
        background: url(../images/btns/aadd-diamond-to-ring-2-red.png) right center no-repeat;
        display: block;
        font-weight: bold;
        padding: 11px 80px 8px 14px;
    }

    .btn-diamond-to-pendent span {
        background: url(../images/btns/add-to-pendant.png) right center no-repeat;
        display: block;
        font-weight: bold;
        padding: 11px 80px 8px 14px;
    }

    .btn-only-diamond span {
        background: url(../images/btns/ring-diamond.png) right center no-repeat;
        display: block;
        font-weight: bold;
        padding: 10px 10px 9px 14px;
    }

    .btn-only-diamond-white span {
        background: url(../images/btns/ring-diamond-white.png) right center no-repeat;
        display: block;
        font-weight: bold;
        padding: 10px 10px 9px 14px;
    }

    .btn-diamond-earring-white span {
        background: url(../images/btns/add-diamond-to-earring-white.png) right center no-repeat;
        display: block;
        font-weight: bold;
        padding: 10px 10px 9px 14px;
    }

    .btn-diamond-earring-white:hover {
        opacity: 0.9;
        color: #fff;
    }

    .btn-diamond-to-ring.btn-black,
    .btn-diamond-to-pendent.btn-black,
    .btn-only-diamond-white.btn-grey {
        background-color: #757575;
        background-image: -moz-linear-gradient(top, #757575, #525252);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757575), to(#525252));
        background-image: -webkit-linear-gradient(top, #757575, #525252);
        background-image: -o-linear-gradient(top, #757575, #525252);
        background-image: linear-gradient(to bottom, #757575, #525252);
        background-repeat: repeat-x;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#757575', endColorstr='#525252', GradientType=0);
    }

        .btn-diamond-to-ring.btn-black:hover,
        .btn-diamond-to-pendent.btn-black:hover,
        .btn-only-diamond-white.btn-grey:hover {
            background: #525252;
        }

.btn-earrings span {
    background: url(../images/btns/earring.png) right center no-repeat;
    display: block;
    font-weight: bold;
    padding: 6px 60px 5px 14px;
}

.btn-success {
    background: #54b369;
    border-color: #54b369;
}

.tooltip-inner {
    font-size: 10px;
}

.btn-block + .btn-block {
    margin-top: 10px;
}

.checkbox {
    width: 19px;
    height: 25px;
    background: url(../images/checkbox.png) no-repeat;
    display: inline-block;
    margin: 0;
}

.select {
    position: absolute;
    width: 158px;
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    /*background:url(../images/select.gif) no-repeat;*/
    overflow: hidden;
}

.certificate-diamond {
    padding: 15px 0 18px;
}

    .certificate-diamond a {
        display: inline-block;
        border: 2px solid #dfdfdf;
        padding: 3px 5px 0;
        color: #424242;
        font-size: 11px;
        text-transform: uppercase;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .certificate-diamond a span {
            display: inline-block;
            vertical-align: middle;
            padding: 3px 0 3px 8px;
            border-left: 1px solid #dfdfdf;
        }

        .certificate-diamond a img {
            display: inline-block;
            vertical-align: middle;
            max-width: 40px;
            padding-right: 3px;
        }

.certificate-lg a {
    padding: 4px 12px;
    font-size: 13px;
}

    .certificate-lg a img {
        max-width: 50px;
    }

.margin-0 {
    margin: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.need-help {
    position: absolute;
    right: 0;
    top: -10px;
    background: #fff0de;
    font-size: 16px;
    color: #e63f10;
    background: #fff0de;
    padding: 12px 22px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

    .need-help::before {
        content: " ";
        background: url(../images/caret-down-color.png) no-repeat;
        width: 9px;
        height: 6px;
        position: absolute;
        bottom: -6px;
        right: 18px;
    }

    .need-help a {
        color: #e63f10;
        font-weight: bold;
        text-decoration: underline !important;
    }

.link-options {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    padding: 15px 0 0;
}

    .link-options .back-loose {
        font-size: 13px;
        color: #fa9936;
        display: inline-block;
        padding-left: 22px;
        text-transform: uppercase;
        position: relative;
        text-decoration: underline !important;
    }

        .link-options .back-loose::before {
            content: " ";
            background: url(../images/left-orange.png) no-repeat;
            position: absolute;
            left: 0;
            top: 2px;
            color: #fa9936;
            width: 16px;
            height: 14px;
        }

    .link-options .need-help {
        position: static;
        margin-left: auto;
    }

.form-wrap {
    border: 1px solid silver;
    position: absolute;
    left: 9%;
    bottom: 12%;
    height: 35px;
    width: 80%;
}

    .form-wrap .field {
        position: absolute;
        left: 0;
        width: 80%;
        height: 33px;
    }

    .form-wrap .btn {
        position: absolute;
        right: 0;
        height: 33px;
        line-height: 20px;
        background-color: #ff8062;
        border-radius: 0;
        color: white;
    }

/*  Footer 
-------------------------------------- */
#footer {
    background: url(../images/footer-bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 70px 0 40px;
    font-size: 12px;
    margin: 0 0 50px;
}

    #footer h3 {
        font-size: 16px;
        color: #43505c;
        font-weight: normal;
        line-height: 1.2;
        margin: 0 0 7px;
    }

    #footer ul,
    #footer li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #footer ul {
        padding-bottom: 20px;
        min-height: 162px;
    }

    #footer li {
        padding: 0 0 6px;
    }

    #footer a {
        color: #43505c;
    }

.footer-adds-wrap {
    text-align: center;
    margin: 0 0 15px;
}

.footer-adds ul,
.footer-adds li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-adds li {
    display: inline-block;
    vertical-align: top;
    padding: 0 14px;
    border-right: 1px solid #ebebeb;
    margin: 0 0 15px;
}

    .footer-adds li:last-child {
        border-right: none;
    }

.footer-bot {
    text-align: center;
    font-size: 12px;
    padding: 0 0 15px;
}

.footer-nav {
    padding: 0 0 10px;
}

    .footer-nav ul,
    .footer-nav li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer-nav li {
        display: inline-block;
        vertical-align: top;
        line-height: 1;
        border-right: 1px solid #dfdfdf;
        padding: 0 10px 0 9px;
        margin: 0 0 10px;
    }

        .footer-nav li:last-child {
            border-right: none;
            margin-right: 0;
            border-right: none;
        }

    .footer-nav a {
        color: #838383;
    }

.copyright {
    color: #b8b8b8;
    font-size: 14px;
}

.footer-bot p {
    margin: 0;
    padding: 25px 0 75px;
}

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

.pt-10 {
    padding-top: 10px;
}

.for-mobile {
    display: none;
}

.for-tabet-only {
    display: none;
}

@media (max-width: 992px) {
    .for-tabet-only {
        display: block;
    }

    .for-desktop-only {
        display: none;
    }
}

@media (max-width: 767px) {
    .for-tabet-only {
        display: none;
    }
}

.show-tablet {
    display: none;
}

.for-320-only {
    display: none;
}

.w-240 {
    max-width: 240px;
}

.w-280 {
    max-width: 280px;
}

.min-w-100 {
    min-width: 100px;
}

.min-w-170 {
    min-width: 170px;
}

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

.not-show {
    display: none;
}

.h-20 {
    min-height: 20px;
}

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

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

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
    font-size: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* Alignments */
.center {
    text-align: center;
}

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

@media (min-width: 576px) {
    .container {
        max-width: inherit;
    }
}

@media (min-width: 1300px) {
    .container {
        width: auto;
        max-width: 1800px;
        padding: 0 50px;
    }

    .engrave-txt-field {
        top: 42%;
        /*vikas*/
    }

    .loose-diamond-row .mid-section-loose-diamond {
        float: none;
        width: auto;
    }
}

@media (max-width: 1279px) {
    .text-overlay {
        top: 17%;
        margin-left: -400px;
    }
}

@media (min-width: 1200px) {
    #side-chat {
        display: initial;
        display: initial;
        position: fixed;
        right: 0;
        top: 45%;
        z-index: 11;
        max-width: 36px;
    }

    #img-chat {
        display: none;
    }
    /*#img-chat {
        display: initial;
        position: fixed;
        right: 4%;
        bottom: 0;
        z-index: 11;
    }

        #img-chat .chat-seciton {
            bottom: initial;
            right: initial;
            position: initial;
            width: 250px !important;
        }

        #img-chat .chat-title {
            padding: 12px 40px 0 15px;
        }

            #img-chat .chat-title h3 {
                padding: 3px 0 0 40px;
                cursor: pointer;
            }*/
}

@media (max-width: 1200px) {
    #side-chat {
        display: block;
        width: 20px;
        position: fixed;
        right: 0;
        top: 62%;
        z-index: 1;
    }

        #side-chat.message {
            width: 26px !important;
        }

    #img-chat {
        display: none;
    }

    .hide-tablet {
        display: none;
    }

    .show-tablet {
        display: block;
    }

    .product-gallery {
        padding: 0 0 20px;
        max-width: 450px;
        margin: 0 auto;
    }

        .product-gallery h1,
        .product-gallery .rating {
            text-align: center;
        }

    .select-section {
        margin: 0 5px 15px;
    }

    .start-wrap {
        width: 125px;
    }

    .start-search span {
        padding: 0 20px 0 10px;
    }

    .breadcrumb .back-btn {
        display: none !important;
    }

    .tabs-in {
        padding: 12px 10px 12px;
    }

    .tab-links a {
        margin-right: 5px;
    }

    .feedback {
        padding: 20px 15px;
    }

    .btn-orange {
        padding: 12px 5px 12px 10px;
    }

        .btn-orange strong {
            font-size: 14px;
        }

    .footer-adds li {
        padding: 5px 15px;
    }
}

@media (max-width: 992px) {
    .advantages-section li {
        width: 33.33%;
    }

    .loose-diamond-contain a {
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
    }

    .passion-in {
        padding: 0;
    }

    .filter-section-wrap {
        background: #EDEDED;
        padding: 20px 0 15px;
        margin: 0 0 30px;
    }

    .filter-section {
        padding: 0 0 0 70px;
    }

    .start-wrap {
        width: 375px;
    }

    .text-overlay {
        margin-left: -315px;
        top: 10%;
    }

    .home-slider-wrap .text-overlay h2 {
        font-size: 36px;
    }

    .home-slider-wrap .text-overlay p {
        padding: 0 0 10px;
    }

    .home-slider-wrap .text-overlay p,
    .slide-btns span {
        font-size: 13px;
    }

    .top-transparent .field {
        width: 200px;
    }

    .filter-diamond-section {
        margin: 0 0 25px;
    }

    .diamond-detail-in {
        padding: 0 15px 15px;
    }

    #scrollbar1 {
        border-bottom: 1px solid #e0e0e0;
    }

    .step-contain {
        margin: 50px 80px 40px;
    }

    .tabs-in {
        min-height: 120px;
    }

    .shippin-section {
        padding: 20px 0 20px 20px;
    }

    .billing-seciton {
        padding: 20px;
        min-height: inherit;
    }

    .review-seciton {
        padding: 20px 20px 20px;
    }

    .popup-section {
        margin-left: -350px;
        width: 700px;
        background-size: 100% auto;
    }

        .popup-section .form-title {
            padding: 0;
        }

    .btn-orange span {
        background: none;
    }

    .btn-orange em,
    .btn-orange strong {
        font-size: 12px;
    }

    .invoice-contain {
        margin: 0 0 15px;
    }

    .inovice-info strong {
        font-size: 15px;
    }

    .print {
        padding: 0 9px;
    }

    .tabs-custom a {
        font-size: 11px;
    }

        .tabs-custom a span {
            padding: 14px 6px 5px;
        }

    .box-info {
        margin: 0;
    }

    .box-img {
        margin: 0 10px 5px 0;
    }

    .tabs-sort-outer .category-select {
        float: right;
        margin-top: -5px;
    }

    .tabs-sort-outer .category-control-wrap {
        margin: 0;
        padding: 0;
        border: none;
        position: absolute;
    }

    #footer h3 {
        font-size: 14px;
    }

    .footer-adds li {
        width: 18%;
        margin: 0 0 20px;
    }

    .footer-nav li {
        padding: 0 6px 0 5px;
    }

    .category-select select {
        max-width: 115px;
    }

    .metal-area li {
        float: left;
        width: 33.33%;
    }

    .category-info.availables {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .table-shopping {
        /*vikas*/
        min-height: inherit;
    }

    .banner-strip {
        display: none;
    }

    .top-wrap {
        background: #efeee9;
    }

    .card-gallery .col-sm-4 {
        /*vikas*/
        float: none;
        width: auto;
    }

    h2 {
        font-size: 20px;
    }

    .for-desktop {
        display: none;
    }

    .for-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

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

    .btn-link-mobile {
        border: none !important;
        background: none !important;
        box-shadow: none !important;
    }

    .top-wrap {
        /*display: none;*/
        margin: 0;
        padding: 8px 0 10px;
    }

    .category-gallery-wrap .category-seciton .price-info {
        font-size: 14px;
    }

    #home-page #header-wrap {
        margin-bottom: 0;
    }

    #home-page .top-transparent {
        margin-top: 0;
        background: #e4e3e1;
        padding: 10px 0;
        margin: 0;
    }

        #home-page .top-transparent .field {
            background: #fff;
        }

    .link-options {
        display: block;
    }

        .link-options .back-loose {
            margin: 0 0 10px;
        }

        .link-options .need-help {
            margin: 0;
        }

    .cart-for-ios {
        position: relative;
    }

        .cart-for-ios .my-cart-dropdown {
            position: absolute;
            left: 0;
            top: 100%;
            background: #fff;
            z-index: 99;
            padding: 0;
            margin: 0;
            list-style: none;
            width: 100%;
            border-radius: 4px;
            -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
        }

        .cart-for-ios .caret-up {
            display: block !important;
            left: auto;
            right: 6px;
            top: -7px;
            z-index: 999;
        }

    .modal-dialog,
    .modal-custom .modal-dialog {
        width: auto;
    }

    .modal-custom .modal-header {
        padding: 35px 15px 0;
    }

    .modal-custom .tabs li {
        width: 33.33%;
    }

    .modal-custom .tabs a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 11px;
    }

    .modal-custom .modal-header .close {
        margin-top: -27px;
    }

    .modal-custom .tabs-content {
        padding: 20px 0 10px;
        min-height: inherit;
    }

    .month-info-wrap {
        padding: 0;
    }

    .month-info {
        padding: 57px 0 0 100px;
        min-height: 160px;
    }

    .price-info {
        font-size: 14px;
    }

    .month-info {
        width: 50%;
        margin: 0;
    }

    .month-price {
        background-size: 100% auto;
        width: 130px;
        height: 150px;
        font-size: 13px;
    }

        .month-price strong {
            font-size: 33px;
        }

    .number-seciton span {
        font-size: 11px;
    }

    .pdf-icons {
        text-align: left;
    }

    .product-detail {
        padding: 0;
    }

        .product-detail h1,
        .product-gallery h1,
        .product-gallery .alternate-h1 {
            font-size: 22px;
        }

    .product-img {
        margin: 0;
    }

    .tabs-content {
        padding: 10px 15px 20px;
    }

    .stone-gallery {
        text-align: center;
    }

        .stone-gallery span {
            font-size: 12px;
        }

    .engrave-txt-field {
        top: 38%;
    }

    .metal-single,
    .metal {
        width: 33.3333%;
    }

    .metal-four-contain .metal,
    .metal-five-contain .metal,
    .metal-three-options .metal {
        width: 50%;
    }

    .dropline-wrap {
        /*margin-bottom: 20px;*/
    }

    .feedback {
        padding: 15px 0;
    }

    .feedback-sidebar > img {
        display: inline-block;
    }

    .feedback-sidebar {
        text-align: left;
    }

    .advantages-wrap {
        padding: 20px 0 0;
    }

    .advantages-section {
        padding: 0;
    }

    .review-top-right {
        text-align: left;
        padding: 0;
    }

    .review-top .pull-right {
        float: none !important;
    }

    .search-wrap {
        display: none;
        float: none;
        max-width: 200px;
        margin-top: 5px;
    }

    .choice-section ul li {
        width: 49%;
    }

    .review-top .btn-default {
        padding: 7px 12px;
    }

    .searchBox {
        display: none;
    }

    .search-wrap {
        max-width: inherit;
        margin: 0 auto;
    }

    .field,
    .top-transparent .field {
        width: 100%;
    }

    .advantages-section li {
        width: 48%;
        margin: 0;
        padding: 0 5px 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .detail-wrap {
        padding: 20px 0 20px;
        margin: 15px 0 25px;
    }

    .learn-overlay {
        right: auto;
        left: 0;
    }

    .metal-section {
        margin: 0 -20px;
    }

    .category-gallery-outer > .col-sm-3 {
        float: left;
        width: 50%;
        text-align: center;
    }

    .category-control-wrap {
        position: static;
        border-bottom: 1px solid #efefef;
        padding: 10px;
        margin: 0 -15px;
        text-align: right;
    }

    .category-select select {
        width: auto;
    }

    .category-select {
        float: none;
        margin: 0;
    }

    .view-section {
        display: none;
    }

    .category-tabs-wrap .tabs a {
        padding-left: 10px;
    }

        .category-tabs-wrap .tabs a span {
            padding-right: 10px;
        }

    .stone-items {
        text-align: center;
        padding: 0 0 10px;
    }

    .category-content-in {
        padding: 20px 0;
    }

        .category-content-in h4 {
            margin: 15px 0 5px;
        }

    .stone-items li {
        float: left;
        width: 33.3333%;
        padding: 8px 10px;
    }

    .stone-items a {
        padding: 0;
    }

    .stone-items .sinle-line {
        padding: 5px 0;
    }

    .stone-items li img {
        position: static;
        display: block;
        margin: 0 auto;
    }

    .setting-area {
        padding: 0 0 15px;
    }

        .setting-area li {
            float: left;
            width: 50%;
        }

    .shapes-area,
    .styles-area {
        padding: 0 0 15px;
    }

        .shapes-area li,
        .styles-area li {
            float: left;
            /*margin: 0 7px;
            width: 44%;
            min-height: 48px;*/
        }

    .category-gallery-outer.list-view-section .category-seciton {
        width: 49%;
        padding: 0 15px;
    }

    .category-gallery-outer.list-view-section .category-info {
        margin: 0;
        padding: 10px 0 0;
    }

    .category-gallery-outer.list-view-section .list-view-info h3 {
        font-size: 18px;
    }

    .tabs a {
        min-height: 130px;
    }

    .tabs-two-item a {
        min-height: inherit;
    }

    .product-detail {
        padding: 0;
    }

    .passion-section-wrap {
        padding: 30px 0;
    }

        .passion-section-wrap .title-special {
            padding: 0 0 20px;
        }

    .title-special h2 {
        font-size: 20px;
    }

    .passion-info {
        font-size: 13px;
    }

    .customer-seciton-wrap {
        padding: 0 0 20px;
    }

    .box-wrap {
        padding: 0;
        margin: 0 0 10px;
    }

    .customer-slider {
        padding: 0 25px;
    }

        .customer-slider .flex-prev {
            left: -5px;
        }

        .customer-slider .flex-next {
            right: -5px;
        }

    .filter-section {
        padding: 0;
    }

    .select-section,
    .start-wrap {
        float: left;
        width: 50%;
        margin: 0 0 10px;
        padding: 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tabs-custom.custom-six {
        padding: 0;
    }

    .tabs-custom.tabs-five {
        padding: 0;
    }

        .tabs-custom.tabs-five li {
            width: 20%;
        }

    .start-wrap {
        width: 100%;
    }

    .select-option {
        width: 96%;
    }

    .start-search span {
        padding: 0 20px 0 0;
    }

    .custom-pager a {
        width: 20%;
        height: auto;
        outline: none;
    }

        .custom-pager a:hover {
            overflow: hidden;
        }

    .custom-pager img {
        max-width: 100%;
        width: 100%;
        margin: 0;
        left: auto;
        position: static;
    }

    .custom-pager .on,
    .custom-pager span {
        display: none !important;
    }

    .text-overlay {
        width: 100% !important;
        top: auto;
        left: auto;
        bottom: 30px;
        margin: 0;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .gray-title-section {
        padding: 25px 0;
    }

        .gray-title-section h1 {
            font-size: 24px;
        }

        .gray-title-section .block-item {
            display: inline;
        }

    .loose-diamond-section .tabs {
        float: none;
    }

        .loose-diamond-section .tabs li {
            width: 50%;
        }

        .loose-diamond-section .tabs a {
            padding: 10px 8px;
            font-size: 12px;
        }

    .tabs li.active {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .loose-diamond-section .tabs li.active a {
        padding: 12px 5px;
    }

    .loose-diamond-section .tabs a img {
        display: block;
        margin: 0 auto 5px;
    }

    .table-compare table th {
        font-size: 10px;
    }

    .table-compare table th,
    .table-compare table td {
        padding: 10px 3px !important;
    }

        .table-compare table th.first-empty {
            width: auto;
        }

    .diamond-img {
        max-width: 54px;
        margin: 0 auto 10px;
    }

    .close-diamond {
        top: 0;
    }

    .diamond-contain p {
        padding: 0 0 5px;
    }

    .diamond-contain .btn {
        min-width: inherit;
        font-size: 8px;
        padding: 3px 5px;
    }

    .btn-outer {
        text-align: left;
    }

    .click-slider {
        margin: 0 0 15px;
    }

    .scroll-slider-container {
        margin: 0 0 35px;
    }

    .scollbar-table {
        margin: 0 15px !important;
        width: auto !important;
    }

    #scrollbar1 .viewport {
        height: 350px;
    }

    #scrollbar1 .scrollbar {
        top: 30px;
    }

    #scrollbar1 .thumb .end,
    #scrollbar1 .thumb {
        display: block;
    }

    .diamond-btn-second {
        padding: 15px;
    }

    #filter-outer {
        display: none;
    }

    .tabs-process {
        font-size: 13px;
        text-align: center;
    }

    .tabs-in {
        padding: 12px 5px 5px;
        min-height: 167px;
    }

    .tabs-img {
        float: none;
        margin: 0 auto 5px;
    }

    .tabs-info {
        margin: 0;
        padding: 0;
    }

    .tabs-process h4 {
        font-size: 13px;
    }

    .diamond-btns {
        max-width: inherit;
    }

    .step-contain {
        margin: 50px 65px 40px;
    }

    .step-contain {
        margin: 50px 35px 40px;
    }

    .step-first {
        left: -50px;
        width: 100px;
    }

    .step-second {
        left: 52%;
        margin-left: -44px;
        width: 100px;
    }

    .step-third {
        margin-left: -90px;
        right: -50px;
        width: 100px;
    }

    .step-contain em {
        font-size: 10px;
    }

    .landing-wrap {
        padding: 20px 0 30px;
    }

    .landng-section {
        padding: 0;
    }

    .or-landing {
        margin: 40px auto;
    }

    .error-section {
        padding: 30px 0;
        max-width: inherit;
    }

    .error-title {
        font-size: 100px;
    }

    .error-section .btn-error {
        padding: 10px 20px;
        font-size: 12px;
    }

    .form-contain {
        max-width: inherit;
    }

    .form-in {
        padding: 25px;
    }

    .form-title-lg {
        margin: 0;
    }

    .shippin-section,
    .billing-seciton,
    .review-seciton {
        padding: 25px 15px 10px;
    }

    .same-section {
        text-align: left;
        padding: 0 0 15px;
    }

    .checkout-wrap,
    .shopping-cart-wrap {
        padding: 20px 0;
    }

    .card-gallery-wrap {
        padding: 25px 0 10px;
    }

    .checkout-top-wrap {
        padding: 10px 0 5px;
    }

    .checkout-top .step-contain {
        margin: 40px 65px 20px;
    }

    .checkout-top h1 {
        font-size: 16px;
    }

    .popup-section {
        background: #fff;
        width: 95%;
        left: 2.5%;
        margin: 0;
    }

    .cancel-popup {
        right: 15px;
        top: 15px;
    }

    .popup-in {
        padding: 0;
    }

    .login-account {
        padding: 25px 25px 0;
    }

    .create-account {
        padding: 25px 25px 5px;
        margin: 0;
        background: #fdf8e3;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .form-title h2 {
        font-size: 22px;
    }

    .btn-orange {
        padding-right: 15px;
    }

        .btn-orange span {
            background: url(../images/arrow-down-white.png) right center no-repeat;
        }

    .rightword span {
        background: url(../images/arrow-right-white.png) right center no-repeat;
    }

    .orange-contain {
        text-align: left;
    }

    .table-mobile th {
        border: none;
        background: #f4f4f4;
        padding: 15px 12px;
    }

    .table-mobile .first {
        width: 85%;
    }

    .table-mobile .second {
        width: 15%;
    }

    .table-mobile .third {
        width: 15%;
    }

    .cancel-wrap {
        float: left;
        width: 20px;
        text-align: center;
        padding: 15px 0 0;
        margin-right: 10px;
    }

    .table-mobile .table-img {
        float: left;
        width: 72px;
    }

    .table-mobile .table-info {
        margin-left: 60px;
        padding: 12px 0 0;
    }

    .more-info {
        display: none;
    }

    .card-gallery-wrap {
        display: block !important;
    }

    .shopping-section-mobile .bg {
        background: #f3f2f1;
        color: #333;
        padding: 10px 15px;
        font-weight: normal;
        margin: 0 -15px 15px;
    }

    .shopping-section-mobile h3 {
        color: #333;
        font-size: 18px;
    }

    .form-secondary .field-bdr,
    .form-secondary select {
        padding: 12px 8px 11px;
    }

    .shopping-section-mobile .hdng-sm {
        font-size: 16px;
    }

    .total-section {
        float: none;
        width: auto;
    }

    .desc-title h1 {
        font-size: 22px;
    }

    .education-section {
        text-align: center;
        padding: 0 0 15px;
        margin: 0 0 25px;
    }

    .product-top-wrap,
    .review-bot-wrap {
        text-align: center;
    }

        .product-top-wrap .pagination {
            float: none;
            margin: 15px 0 0;
        }

    .product-review-img {
        text-align: center;
    }

    .product-review-wrap {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }

    .review-bot-wrap .pagination {
        float: none;
        margin: 0 0 10px;
    }

    .my-profile-wrap {
        padding: 30px 0;
    }

    .tabs-custom a span {
        padding: 14px 8px 5px;
        min-height: 60px;
    }

    .review-in {
        padding: 0;
    }

    .my-profile-wrap h4 {
        margin: 0 0 10px;
    }

    .review-info-bot {
        text-align: center;
    }

        .review-info-bot .fl {
            float: left;
        }

        .review-info-bot .fr {
            float: right;
        }

    .process-table table th {
        padding: 8px 4px;
        font-size: 12px;
    }

    .process-table table td {
        padding: 8px 4px;
        font-size: 11px;
    }

    .process-table .btn-eql {
        min-width: 69px;
        font-size: 11px;
    }

    .ring-sizer {
        overflow-y: scroll;
        margin: 0 0 35px;
    }

    .contact-top-wrap {
        padding: 10px 0;
        margin: 0 0 25px;
    }

    .contact-info {
        font-size: 12px;
    }

    .logo-info {
        border: none;
        border-top: 1px solid #bababa;
        padding: 10px 0 0;
        margin: 10px 0 0;
    }

    .sav-btn-top {
        text-align: left;
    }

    #footer {
        text-align: center;
        padding: 20px 0 0;
        margin: 0 0 15px;
    }

        #footer > .container > .row > .col-sm-2 {
            float: left;
            width: 50%;
            min-height: 200px;
        }

    .footer-adds-wrap {
        margin: 0 0 5px;
        border: none;
    }

        .footer-adds-wrap .container {
            padding: 0;
        }

    .footer-adds li {
        display: block;
        border: none;
        float: left;
        width: 50%;
        min-height: 71px;
        border-bottom: 1px solid #e4e4e4;
        padding: 0 25px 15px;
        margin: 0 0 10px;
    }

    .home-slider-wrap .text-overlay h2 {
        font-weight: normal;
        font-size: 22px;
        margin: 0;
    }

    .home-slider-wrap .text-overlay p {
        line-height: 1.4;
    }
    /**Fix for listing issue, vikas**/
    .stone-items li {
        min-height: 118px;
    }
}

@media (max-width: 600px) {
    .detail-wrap {
        padding: 20px 15px;
    }
}

/*  For 480 resolution  */
@media (max-width: 500px) {
    .text-overlay {
        bottom: 15px;
    }

    .home-slider-wrap .view-collection {
        font-size: 13px;
        padding: 8px 30px;
    }

    .product-gallery-outer {
        margin: 0 0 40px;
    }
}

/*  For 320 resolution  */
@media (max-width: 400px) {
    .for-above-320 {
        display: none;
    }

    .for-320-only {
        display: block;
    }

    .tabs a {
        font-size: 11px;
        padding-left: 2px;
        padding-right: 2px;
    }
    /*.tabs li.active a {
        margin: 1px 0 -1px 0;
    }*/
    .let-menu,
    .right-menu {
        padding: 0 10px;
    }

    .loose-diamond-section .tabs a {
        font-size: 11px;
        padding: 10px 5px;
    }

    .metal li {
        margin: 0 0 5px;
    }

    .engrave-txt-field {
        font-size: 16px;
    }

    .metal-single,
    .metal {
        width: 50%;
    }

    .text-overlay {
        padding: 0 30px;
    }

    .home-slider-wrap .text-overlay h2 {
        font-size: 18px;
        margin: 0;
    }

    .home-slider-wrap .text-overlay p,
    .slide-btns span {
        font-size: 12px;
    }

    .home-slider-wrap .text-overlay p {
        line-height: 1.5;
        padding: 0 0 3px;
    }

    .home-slider-wrap .view-collection {
        padding: 5px 20px;
        font-size: 10px;
    }

    .custom-pager a {
        width: 33.33%;
    }

    .learn-overlay {
        width: 280px;
    }

    .product-thumbnail .flex-next {
        right: -7px;
    }

    .pagination li a {
        margin: 0 2px 5px;
    }

    .pagination .prev-pagi {
        margin-right: 0;
    }

    .pagination .next-pagi {
        margin-left: 0;
    }

    .category-seciton {
        padding: 15px 5px;
        margin: 0 0 10px;
    }

        .category-seciton h3 {
            font-size: 13px;
        }

        .category-seciton p {
            font-size: 11px;
        }

    .stone-items li {
        padding: 8px 0;
    }

    .category-gallery-outer.list-view-section .category-img {
        width: 130px;
    }

    .modal-custom .tabs a {
        font-size: 10px;
    }

    .modal-custom .tabs li.active a {
        padding-top: 18px;
    }

    .title-special h4 {
        font-size: 16px;
    }

        .title-special h4 span {
            padding: 0 10px;
        }

    .title-section h2 {
        font-size: 18px;
    }

    .month-info {
        float: none;
        width: auto;
        margin: 0;
    }

    .num-info {
        font-size: 12px;
    }

    .number-seciton span {
        font-size: 9px;
    }

        .number-seciton span em {
            display: none;
        }

    .jewelry-contain {
        margin: 0 0 5px;
    }

        .jewelry-contain a {
            font-size: 13px;
            padding: 15px 5px 30px;
        }

    .select-section .select-link {
        font-size: 11px;
        padding: 0 25px 0 10px;
    }

    .metal-dropdown ul,
    .gold-bot {
        margin: 0 7px;
    }

    .metal-dropdown .white-gold-top li {
        width: 40px;
    }

    .metal-dropdown img {
        width: 100%;
    }

    .white-gold-top span {
        font-size: 12px;
    }

    .table-item-hide-mob {
        display: none !important;
    }

    .filter-items {
        margin: 0 -12px 20px;
    }

    .btn-outer .btn-transparent {
        padding: 7px 8px 6px;
    }

    .scollbar-table .viewport {
        max-width: 300px;
        margin: 0 auto;
        overflow-x: auto !important;
    }

    .tabs-process {
        font-size: 11px;
    }

        .tabs-process li {
            padding: 0 2px;
        }

    .tabs-in {
        min-height: 189px;
    }

    .tabs-process h4 {
        font-size: 11px;
    }

    .product-gallery-outer .flex-prev {
        left: -12px;
    }

    .product-gallery-outer .flex-next {
        right: -12px;
    }

    .card-gallery a {
        padding: 15px 10px;
    }

    .form-secondary label {
        font-size: 11px;
    }

    .table-shopping select {
        min-width: 40px;
    }

    .process-table table th {
        font-size: 11px;
    }

    .process-table table td {
        font-size: 10px;
    }

    .process-table .btn-eql {
        min-width: 61px;
        font-size: 10px;
    }

    .tabs-custom {
        padding: 0;
        margin: 0 0 25px;
    }

        .tabs-custom li {
            padding: 0 1px;
        }

        .tabs-custom a {
            font-size: 10px;
        }

            .tabs-custom a span {
                min-height: 50px;
                padding: 14px 0 5px;
            }

    .review-img {
        max-width: 150px;
    }

    .tabs-personalize .tabs a span {
        min-height: 140px;
    }

    .best-seller-wrap .category-select select {
        width: 100px;
    }

    .certificate-gallery > .row > div {
        width: 50%;
    }

    .tabs-sort-outer .category-select {
        float: none;
        margin: 0;
    }

    .tabs-sort-outer .category-control-wrap {
        border-bottom: 1px solid #efefef;
        margin: 0 -15px;
        padding: 10px;
        position: static;
    }

    #footer h3 {
        font-size: 12px;
    }

    .footer-adds li {
        min-height: 70px;
    }
    /*Vikas*/
    .category-gallery-outer > .col-sm-3 {
        min-height: inherit;
    }
}

/*  product review  */
.form-secondary .inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.modal-header .bold-item {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}

.reviewOpinion label {
    display: auto !important;
}

/*  product review  */
/* mother day page start  */
.cat-top-left {
    background: #fbfbfb;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 15px 0;
}

    .cat-top-left .category-select {
        float: none;
        margin: 0;
    }

.category-title-wrap {
    background: #f9f9f9;
    padding: 20px 0 10px;
    margin: 0 0 5px;
}

    .category-title-wrap h3 {
        font-size: 18px;
        color: #616161;
        font-weight: bold;
        line-height: 1.2;
        margin: 0 0 7px;
    }

        .category-title-wrap h3 span {
            font-weight: normal;
        }

.mother-slider {
    position: relative;
}

    .mother-slider ul,
    .mother-slider li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mother-slider .flex-prev,
    .mother-slider .flex-next {
        background: url(../images/arrow-prev.png) no-repeat;
        width: 25px;
        height: 41px;
        top: 40%;
        left: 15px;
    }

    .mother-slider .flex-next {
        background: url(../images/arrow-next.png) no-repeat;
        left: auto;
        right: 15px;
    }

    .mother-slider .category-seciton {
        margin: 25px 5px;
    }

.progress-custom {
    margin: 0 0 30px;
    background: #efefef;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .progress-custom span {
        display: block;
        height: 7px;
        background: #cbcbcb;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

@media (max-width: 767px) {
    .visible-desktop {
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }

        .visible-desktop.active {
            visibility: visible;
            height: auto;
            overflow: visible;
        }

    .mother-slider .flex-prev,
    .mother-slider .flex-next {
        background-size: 15px auto;
        width: 15px;
        height: 27px;
    }

    .menu-studs-sep {
        position: absolute;
        left: 28px;
        margin: 0;
    }
}

@media (max-width: 400px) {
    .mother-slider .flex-prev {
        left: 10px;
    }

    .mother-slider .flex-next {
        right: 10px;
    }

    .personalize-jewelry .col-xs-6 {
        min-height: 205px;
    }
}

@media (max-width: 425px) {
    .gray-title-section h1,
    .category-top h1 {
        font-size: 15px;
        font-weight: bold;
    }

    .gray-title-section p,
    .category-top p {
        font-size: 11px;
    }
}

/* mother day page end  */
@media (max-width: 992px) {
    .start-wrap {
        width: 416px;
        margin: 0 5px;
        max-width: 100%;
    }

    .custom-pager a {
        height: 34px;
    }

    .custom-pager .off {
        width: 100%;
        margin-left: -43px;
        bottom: auto;
        top: 0;
    }

    .slide-btns a {
        font-size: 11px;
        padding: 3px 8px;
    }
}

/* ipad outside issue */
@media (max-width: 1200px) {
    .navbar-nav > .relative-wrap > ul.dropdown-double {
        left: -60px;
    }
}

/*  newsletter style  */
.form-secondary .inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.modal-header .bold-item {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}

.box-form {
    background: #f2f3f4;
    border-top: 1px solid #e6e7e9;
    border-bottom: 1px solid #e6e7e9;
    padding: 12px 10px;
    font-size: 12px;
    color: #505050;
    margin: 0 0 15px;
}

    .box-form .checkbox,
    .box-form .check-info,
    .check-wrap span {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-size: 13px;
        color: #656565;
    }

.check-wrap span {
    font-size: 12px;
    margin-right: 7px;
}

.box-form p {
    padding: 0 0 7px;
}

.box-form .text-field {
    border-color: #cccccc;
    color: #999;
}

.drop-txt {
    max-width: 340px;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
}

.drop-form {
    padding: 0 0 30px;
}

.subscribe-wrap {
    max-width: 400px;
    margin: 0 auto;
}

.drop-form h2 {
    margin: 0 0 2px;
}

.email-field {
    display: inline-block;
    width: 75%;
    float: left;
    background: #747373;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border: none;
    padding: 0 12px;
    font-size: 13px;
}

.subscribe-btn {
    width: 25%;
    float: left;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    background: #e2b567;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}

.subscribe-section {
    text-align: center;
    background: #91b54c;
    padding: 45px 0 40px;
}

    .subscribe-section h3 {
        font-size: 19px;
        color: #fff;
        font-weight: 300;
        margin: 0 0 10px;
    }

.popup-email {
    background: #fff;
    width: 570px;
    margin-left: -285px;
}

    .popup-email .popup-in {
        padding: 15px 0;
    }

    .popup-email .form-title {
        padding: 0 60px;
    }

        .popup-email .form-title h2 {
            font-size: 20px;
            color: #505050;
            font-weight: 300;
        }

    .popup-email .form-section {
        background: #f4f4f5;
        padding: 15px 0;
        margin: 0 0 25px;
    }

    .popup-email .form-gap {
        max-width: 275px;
        margin: 0 auto;
    }

    .popup-email .text-field {
        border-left: 2px solid #e63f10;
    }

.interest-section {
    font-size: 12px;
    color: #505050;
    padding: 10px 0 0;
}

    .interest-section p {
        padding: 0 0 8px;
    }

    .interest-section input,
    .interest-section span {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .interest-section span {
        margin: 0 7px 0 2px;
    }

.popup-email .subscribe-btn {
    float: none;
    display: block;
    width: 275px;
    margin: 0 auto;
    background: #7e8c91;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    height: auto;
    line-height: inherit;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.popup-subscribe {
    background: #74c443;
    /*width:570px;*/
    /*margin-left:-285px;*/
    padding: 55px 0 50px;
    text-align: center;
}

    .popup-subscribe h3 {
        font-size: 24px;
        color: #fff;
        font-weight: 300;
        margin: 0 0 10px;
    }

@media (max-width: 767px) {
    .popup-email {
        width: 95%;
        margin: 0;
    }

        .popup-email .form-gap {
            max-width: inherit;
            padding: 0 15px;
        }

        .popup-email .form-title h2 {
            font-size: 18px;
        }

    .list-view1 .category-seciton {
        margin: 0 !important;
        padding: 20px 0 0 !important;
        border-bottom: solid 1px #DDD !important;
    }

    .list-view1 .category-gallery-outer > .col-sm-3 {
        width: 100%;
        min-height: initial !important;
    }

    .list-view1 .category-gallery-outer .category-img {
        width: 40% !important;
        float: left;
    }

    .list-view1 .category-gallery-outer .category-info.grid-view-info {
        width: 60% !important;
        float: left;
        padding: 10px 0 0;
    }

    .retail-price {
        text-decoration: line-through;
        display: inline !important;
    }

    .list-view2 .category-seciton {
        margin: 0 !important;
        padding: 20px 0 !important;
        border-bottom: solid 1px #DDD !important;
    }

    .list-view2 .category-gallery-outer > .col-sm-3 {
        width: 100%;
        min-height: initial !important;
    }

    .view-section.for-mobile {
        display: block;
    }

        .view-section.for-mobile span {
            background: #fff !important;
        }
}

@media (min-width: 767px) {
    .view-section.for-mobile {
        display: none;
    }

    .retail-price {
        display: none !important;
    }

    .list-view-section .retail-price,
    .list-view-section .retail-price {
        text-decoration: line-through;
        display: inline !important;
    }
}

/*  newsletter end  */
/*  product detail page updates 2 Nov 2015 */
.strip-wrap {
    background: #fff7fe;
    position: relative;
    z-index: 9;
    -moz-box-shadow: 0 2px 3px rgba(71, 71, 71, 0.15);
    -webkit-box-shadow: 0 2px 3px rgba(71, 71, 71, 0.15);
    box-shadow: 0 2px 3px rgba(71, 71, 71, 0.15);
}

.strip-section {
    font-family: 'Roboto Condensed';
    font-weight: 300;
    font-size: 16px;
    color: #ba75ae;
}

    .strip-section ul,
    .strip-section li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .strip-section li {
        float: left;
        background: url(../images/strip/strip-sep.png) right 24px no-repeat;
        padding-right: 48px;
        margin-right: 20px;
    }

        .strip-section li.right-item {
            float: right;
            background: none;
            padding-right: 0;
            margin-right: 0;
        }

    .strip-section .no-bg {
        background: none !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

.top-gp {
    padding: 14px 0 0;
}

.img-strip {
    float: left;
    width: 50px;
    margin-right: 20px;
}

.strip-mobile {
    display: none;
}

.img-desc {
    float: left;
    padding: 14px 0 0;
    color: #ff81e9;
    font-weight: normal;
}

.circle-contain {
    background: url(../images/strip/circle-bg.png) no-repeat;
    width: 73px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    float: left;
}

.circle-again {
    float: right;
    padding: 12px 0 0 20px;
}

.arrow-right-pink {
    font-size: 18px;
    color: #ff62e4;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    background: url(../images/strip/strip-arrow.png) right center no-repeat;
    padding-right: 18px;
}

    .arrow-right-pink:hover {
        text-decoration: none;
        color: #ff62e4;
        opacity: 0.7;
    }

@media (min-width: 1440px) {
    .strip-section {
        font-size: 18px;
    }

        .strip-section li {
            background-position: right 25px;
        }
}

@media (max-width: 1300px) {
    .strip-section {
        font-size: 16px;
    }

        .strip-section li {
            padding-right: 35px;
            margin-right: 10px;
        }

    .img-strip {
        margin-right: 10px;
    }
}

@media (max-width: 1200px) {
    .strip-section {
        font-size: 14px;
    }

        .strip-section li {
            background-size: 12px 1px;
            background-position: right 24px;
            padding-right: 20px;
            margin-right: 7px;
        }

    .top-gp,
    .img-desc {
        padding-top: 14px;
    }

    .arrow-right-pink {
        font-size: 13px;
    }

    .circle-again {
        padding-left: 10px;
    }

    .footer-adds li {
        padding: 5px 9px;
    }
}

@media (max-width: 992px) {
    .strip-section {
        font-size: 14px;
        text-align: center;
        padding-top: 5px;
    }

        .strip-section .for-mobile {
            display: inline;
        }

        .strip-section .for-desktop {
            display: none;
        }

    .img-strip img {
        display: none;
    }

    .img-strip .strip-mobile {
        display: block;
    }

    .strip-section li,
    .strip-section li:last-child {
        background: none;
        margin: 0;
        padding: 0 0 8px;
    }

        .strip-section li:first-child {
            float: left;
            width: 29%;
            width: 165px;
            border-right: 1px solid #fde1fa;
            margin: 5px 0 10px;
            padding: 5px 10px 0 0;
        }

    .strip-section .combine-mobile {
        float: left;
        width: 42%;
        padding: 4% 2% 10px;
        float: none;
        width: auto;
        margin: 0 151px 0 165px;
    }

    .strip-section .right-item,
    .strip-section li:last-child {
        float: right;
        width: 29%;
        width: 151px;
        padding: 11px 0 0;
    }

    .img-desc {
        float: right;
        width: 68px;
        text-align: left;
        font-size: 16px;
        color: #ff81e9;
        font-weight: bold;
        padding: 10px 0 0;
    }

    .top-gp {
        padding: 0;
        display: inline;
    }

    .circle-contain,
    .circle-again {
        float: none;
        display: inline-block;
    }

    .top-gp {
        padding-top: 0;
    }

    .circle-contain {
        background: #FDECFB;
        height: 60px;
        width: 60px;
        line-height: 60px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
}

.retail {
    font-size: 14px;
}

    .retail p {
        padding: 0 0 5px;
    }

    .retail span {
        min-width: 68px;
        margin-right: 3px;
        margin: 0;
    }

.product-detail h3 a {
    font-size: 14px;
}

.free-ship,
.product-detail h3 .free-ship {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 6px;
    background: #f1f5ee;
    font-size: 12px;
    color: #769d56;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.extra-wrap {
    position: relative;
    margin: 7px -25px 0;
    padding-bottom: 12px;
}

.extra {
    color: #769d56;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.green-txt,
.extra-wrap .green-txt {
    color: #769d56;
    font-weight: bold;
}

.extra-wrap .learn-overlay {
    left: auto;
    right: 10px;
    width: 295px;
}

.extra-wrap .caret-up {
    bottom: auto;
    display: block;
    left: auto;
    right: 66px;
    top: -7px;
}

@media (min-width: 1440px) {
    .extra-wrap {
        margin: 7px -30px 0;
    }

        .extra-wrap .learn-overlay {
            right: 0;
            width: 315px;
        }
}

@media (max-width: 1300px) {
    .extra-wrap {
        margin: 7px -30px 0;
    }

        .extra-wrap .learn-overlay {
            width: 260px;
        }
}

@media (max-width: 767px) {
    .extra-wrap {
        margin: 0;
    }

        .extra-wrap .learn-overlay {
            right: auto;
            left: 0;
            width: 260px;
        }

            .extra-wrap .learn-overlay .caret-up {
                display: block !important;
                right: auto;
                left: 25px;
            }

    .width-7-mob {
        width: 58.3333% !important;
    }

    .width-5-mob {
        width: 41.6667% !important;
    }

    .extra-wrap .learn-overlay {
        left: auto;
        right: 0;
    }

        .extra-wrap .learn-overlay .caret-up {
            left: auto;
            right: 25px;
        }
}

@media (max-width: 600px) {
    .strip-section {
        position: relative;
    }

        .strip-section li:first-child {
            float: none;
            width: auto;
            border: none;
            border-bottom: 1px solid #fde1fa;
            padding: 0 0 5px;
            margin: 0 0 10px;
        }

    .img-strip,
    .img-desc {
        float: none;
        display: inline-block;
        vertical-align: middle;
        padding: 0;
    }

    .right-item {
        position: absolute;
        right: -7px;
        top: 0;
    }

    .circle-again {
        padding-left: 0;
    }

    .circle-contain {
        width: 55px;
        height: 55px;
        line-height: 55px;
        margin-right: 10px;
    }

    .strip-section .combine-mobile {
        margin: 0;
        padding: 0 0 10px;
    }

    .bold-320 {
        display: block;
        text-transform: capitalize;
    }

    .strip-section li:first-child {
        float: left;
        width: 50%;
        border: none;
        padding: 0;
        border-right: 1px solid #fde1fa;
        margin: 0 0 5px;
    }

    .strip-section li.right-item {
        float: right;
        width: 50%;
        position: static;
    }

    .strip-section .combine-mobile {
        clear: both;
    }
}

/*  product detail page updates complete  2 Nov 2015 */
/*thanksgiving start*/
.strip-wrap.thanksgiving {
    min-height: 43px;
    background: #EDE9D2;
}

    .strip-wrap.thanksgiving .arrow-right-pink {
        background: transparent url("../images/strip/strip-arrow-thanks.png") no-repeat scroll right center;
        color: #573826;
    }

    .strip-wrap.thanksgiving .strip-section li {
        background: transparent url("../images/strip/strip-sep - thanksgiving.png") no-repeat scroll right 24px;
        margin-right: 8px;
        padding-right: 22px;
    }

        .strip-wrap.thanksgiving .strip-section li.right-item {
            margin-right: 0;
            padding-right: 0;
            background: none;
        }

    .strip-wrap.thanksgiving .img-desc {
        color: #573826;
    }

    .strip-wrap.thanksgiving .strip-section {
        color: #D88B67;
    }

    .strip-wrap.thanksgiving table.strip-section {
        display: none;
    }

@media (max-width: 1200px) {
    .strip-wrap.thanksgiving .container {
        width: initial;
    }
}

@media (max-width: 992px) {
    .strip-wrap.thanksgiving div.strip-section {
        display: none;
    }

    .strip-wrap.thanksgiving table.strip-section {
        display: table;
        width: 100%;
    }

        .strip-wrap.thanksgiving table.strip-section td {
            text-align: center;
            line-height: 24px;
        }

    .strip-wrap.thanksgiving .strip-section .img-desc {
        float: none;
        white-space: nowrap;
        width: auto;
    }
}

@media (max-width: 767px) {
    .strip-wrap.thanksgiving .strip-section .coupon-code {
        display: block;
    }
}

@media (max-width: 425px) {
    .img-desc {
        font-weight: 14px;
    }

    .min425 {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .strip-wrap.thanksgiving table.strip-section td.xs-block {
        display: block;
    }
}

/*thanksgiving end*/
/*holiday start*/
.holiday-wrap span.no-bg {
    background: none 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.holiday-wrap {
    font-size: 16px;
    font-family: 'Roboto Condensed';
    background: #fff9de;
    position: relative;
    z-index: 9;
    -moz-box-shadow: 0 2px 3px rgba(71, 71, 71, 0.15);
    -webkit-box-shadow: 0 2px 3px rgba(71, 71, 71, 0.15);
    box-shadow: 0 2px 3px rgba(71, 71, 71, 0.15);
    text-align: center;
}

    .holiday-wrap span {
        display: inline-block;
        height: 28px;
        background: transparent url("../images/strip/strip-sep - thanksgiving.png") no-repeat scroll right 11px;
        margin-right: 8px;
        padding-right: 22px;
    }

    .holiday-wrap .strip-img {
        position: relative;
        width: 100px;
    }

        .holiday-wrap .strip-img img {
            top: -8px;
            left: 0;
            position: absolute;
        }

    .holiday-wrap .strip-title {
        color: #573826;
        white-space: nowrap;
    }

    .holiday-wrap .strip-coupon,
    .holiday-wrap .strip-content {
        color: #f06a76;
    }

    .holiday-wrap .strip-shop a {
        font-size: 16px;
        color: #573826;
        text-decoration: underline;
        text-transform: uppercase;
        display: inline-block;
        background: url(../images/strip/strip-arrow-thanks.png) right center no-repeat;
        padding-right: 18px;
        padding-left: 10px;
    }

@media (max-width: 992px) {
    .holiday-wrap span {
        padding-right: 0;
    }

    .holiday-wrap {
        font-size: 14px;
    }

        .holiday-wrap .strip-shop a {
            font-size: 14px;
        }
}

@media (max-width: 600px) {
    .holiday-wrap .strip-img {
        width: 60px;
    }

        .holiday-wrap .strip-img img {
            top: 18px;
            max-width: 60px;
        }

    .holiday-wrap span.no-bg,
    .holiday-wrap span {
        line-height: 24px;
        height: initial;
        padding: 0 60px !important;
        display: block;
        text-align: center;
    }

    .holiday-wrap .strip-shop {
        width: 60px;
    }

        .holiday-wrap .strip-shop a {
            font-size: 13px;
        }
}

@media (max-width: 485px) {
    .more-stones-mobile {
        display: none;
    }

    .holiday-wrap .strip-img {
        top: 14px;
    }

    .holiday-wrap .strip-shop a {
        top: 11px;
    }
}

@media (max-width: 380px) {
    .holiday-wrap .strip-shop {
        float: initial;
        position: initial;
        width: initial;
        position: initial;
    }

        .holiday-wrap .strip-shop a {
            white-space: nowrap;
            position: initial;
        }

    .holiday-wrap span.no-bg,
    .holiday-wrap span {
        padding: 0 0 0 60px !important;
        display: block;
        text-align: center;
    }
}

@media (max-width: 350px) {
    .holiday-wrap .strip-img {
        display: none;
    }

    .holiday-wrap span.no-bg,
    .holiday-wrap span {
        padding: 0 !important;
    }
}

/*holiday end*/
/* anniversary-pages start  */
.ani-title-wrap {
    background: #fbfbfb;
    padding: 25px 0 5px;
    text-align: center;
    margin: 0 0 30px;
}

    .ani-title-wrap h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 30px;
        color: #424242;
        font-weight: normal;
        line-height: 1.2;
        margin: 0 0 7px;
    }

    .ani-title-wrap p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #424242;
        padding: 0 0 2px;
    }

.anniversty-wrap {
    padding: 0 0 120px;
}

.anniversty-section {
    padding: 25px 0 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #4e4e4e;
    font-size: 18px;
    line-height: 1.2;
}

.anniversty-bg {
    background: #efefef;
}

.ani-left {
    float: left;
    width: 250px;
    padding: 15px 0 0;
}

.ani-stones {
    float: left;
    width: 125px;
    padding-left: 10px;
}

.stone-five {
    margin-top: -15px;
    width: 130px;
}

.ani-stones img {
    max-width: 36px;
    margin: 0;
    border: 3px solid transparent;
    border-radius: 50%;
}

.ani-month {
    float: right;
    width: 115px;
    font-size: 24px;
}

.ani-info-wrap {
    margin-left: 255px;
}

.ani-info {
    margin-right: 75px;
}

.ani-icon {
    float: right;
    width: 90px;
    text-align: center;
}

.birthstone {
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 0 0 35px;
}

    .birthstone table {
        width: 100%;
    }

        .birthstone table th {
            background: #cccccc;
            font-size: 35px;
            color: #606060;
            padding: 15px 20px;
            font-weight: normal;
        }

        .birthstone table .first {
            width: 30%;
        }

        .birthstone table .second {
            width: 20%;
        }

        .birthstone table td {
            font-size: 22px;
            color: #7d7d7d;
            padding: 15px 20px;
        }

        .birthstone table tr:nth-child(odd) td {
            background: #efefef;
        }

.birth-img {
    text-align: left;
}

    .birth-img img {
        max-width: 36px;
        margin: 0;
        border: 3px solid transparent;
        border-radius: 50%;
    }

.birthstone h4 {
    color: #7d7d7d;
    font-size: 26px;
    font-weight: normal;
    margin: 0;
}

@media (max-width: 767px) {
    .category-top {
        padding-top: 20px;
    }

    .anniversty-wrap {
        padding: 0 0 20px;
    }

    .anniversty-section {
        font-size: 15px;
    }

    .ani-left {
        width: 120px;
        padding: 10px 15px 15px;
    }

    .ani-stones,
    .ani-month {
        float: none;
        width: auto;
        font-size: 20px;
    }

    .ani-month {
        margin: 0 0 7px;
        text-align: center;
    }

    .stone-five {
        margin: 0;
    }

    .ani-info-wrap {
        margin-left: 130px;
    }

    .birthstone table th {
        font-size: 22px;
        padding: 10px 5px;
    }

    .birthstone table .first {
        width: 20%;
    }

    .birthstone table .second {
        width: 32%;
    }

    .birth-img img {
        margin-right: 2px;
    }

        .birth-img img:last-child {
            margin-right: 0;
        }

    .birthstone table td {
        font-size: 18px;
        padding: 10px 5px;
    }

    .birthstone h4 {
        font-size: 18px;
    }
}

/* anniversary-pages end  */
/* diamond studs page start  */
.diamond-title-wrap {
    padding-bottom: 15px;
}

    .diamond-title-wrap h2 span {
        color: #999;
        font-size: 16px;
    }

.diamond-studs-section .tabs-content {
    padding-top: 0;
}

.title-diff h4 {
    position: relative;
    color: #f89842;
    text-transform: uppercase;
    margin: 0 0 7px;
}

    .title-diff h4:before {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        background: #f89842;
        content: "";
        display: block;
        height: 1px;
    }

    .title-diff h4 span {
        position: relative;
        z-index: 9;
        display: inline-block;
        background: #fff;
        position: relative;
        padding: 0 7px;
    }

.filter-item-two .shapes-area li {
    width: 50%;
}

    .filter-item-two .shapes-area li a {
        height: auto;
        line-height: inherit;
        width: auto;
        font-size: 12px;
        text-decoration: none;
        outline: none;
    }

.filter-item-two li a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.filter-item-two .shapes-area li.active a {
    color: #fff;
}

.filter-diamond-studs .metal-section {
    margin: 0 0 10px;
    padding: 0;
}

.click-overtext {
    margin-bottom: 40px;
}

    .click-overtext li {
        position: relative;
    }

        .click-overtext li .outer-text {
            position: absolute;
            left: 0;
            top: 120%;
            width: 100%;
            text-align: center;
            font-size: 11px;
            color: #616161;
        }

.diamond-stud-gemstone {
    position: relative;
    z-index: 9;
    padding: 0 35px 25px;
    margin: 0 -35px;
}

    .diamond-stud-gemstone .title-diff h4 {
        margin: 0;
    }

    .diamond-stud-gemstone .stone-gallery {
        padding: 0;
    }

        .diamond-stud-gemstone .stone-gallery li {
            width: 12.5%;
        }

.diamond-stud-black-overlay .stone-gallery li {
    padding-top: 10px;
}

.more-tone-li {
    display: none;
}

.diamond-stud-gemstone .stone-gallery a img {
    max-width: 33px;
}

.diamond-stud-gemstone .stone-gallery a img,
.diamond-stud-gemstone .stone-gallery a object {
    border-width: 2px;
}

.table-diamond-studs table {
    margin: 0;
}

.table-diamond-studs th,
.table-diamond-studs td {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;
}

    .table-diamond-studs th:first-child,
    .table-diamond-studs td:first-child {
        text-align: left;
    }

    .table-diamond-studs th:last-child,
    .table-diamond-studs td:last-child {
        text-align: right;
    }

.table-diamond-studs td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    vertical-align: middle !important;
}

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

.formal-font {
    font-weight: normal;
}

.diamond-studs-sidebar .section {
    margin-bottom: 0;
}

.diamond-studs-sidebar .category-seciton {
    margin: 10px 0;
    padding: 0;
    position: relative;
    z-index: 9;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.diamond-studs-sidebar .btn-wrap .btn {
    padding: 7px;
}

.section-bg {
    background: #f7f7f7;
    padding: 20px 25px 15px;
    margin: 0 0 20px;
}

.pb-0 {
    padding-bottom: 0 !important;
}

#scrollbar1.scrollbar-diamond-studs .viewport {
    height: 970px;
}

.map-tb {
    margin: 15px;
}

.view-outer .btn-lg {
    padding: 12px 10px 10px;
    font-size: 14px;
}

.ml-0 {
    margin-left: 0 !important;
}

.radi-bot {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.diamond-studs-sidebar .social-wrap {
    z-index: 9;
}

@media (max-width: 767px) {
    #scrollbar1.scrollbar-diamond-studs .viewport {
        height: 350px;
    }

    .table-diamond-studs table {
        border: 1px solid #e0e0e0;
        margin: 0 0 15px;
    }

        .table-diamond-studs table td:first-child {
            border-left: none;
        }

        .table-diamond-studs table td:last-child {
            border-right: none;
        }

    .table-diamond-studs td {
        font-size: 11px;
    }

    .table-diamond-studs th {
        font-size: 10px !important;
    }

    .table-diamond-studs th,
    .table-diamond-studs td {
        padding-left: 4px !important;
        padding-right: 6px !important;
    }

        .table-diamond-studs th:nth-child(2),
        .table-diamond-studs td:nth-child(2) {
            width: 5% !important;
        }

    .block-mobile {
        display: block;
    }

    .diamond-studs-section .diamond-detail-wrap {
        padding-top: 0;
    }

    .diamond-studs-section .loose-diamond-row .right-sidebar-loose-diamond {
        padding-top: 0;
        padding-bottom: 0;
    }

    .diamond-studs-section .diamond-detail-in {
        padding-bottom: 0;
    }

    .diamond-studs-section #scrollbar1 {
        margin: 0 0 30px !important;
    }

    .diamond-studs-section .scollbar-table .viewport {
        max-width: inherit;
        overflow-x: none !important;
    }

    .diamond-studs-section .total-wrap {
        padding-top: 20px;
    }

    .default-hide-mobile {
        display: none;
    }

    .diamond-stud-gemstone .stone-gallery {
        height: 75px;
        padding: 0 0 25px;
        overflow: hidden;
    }

    .diamond-stud-black-overlay .stone-gallery {
        height: 54px;
    }

    .diamond-stud-gemstone .stone-gallery li {
        float: left;
        margin: 0;
    }
}

/* diamond studs page end  */
/*Loose Diamond Changes*/
.md-8.looseDiamonds,
.md-8.looseDiamonds .col-md-4,
.md-8.looseDiamonds .col-md-8 {
    padding: 0 !important;
}

@media (max-width: 1200px) {


    .loose-diamond-section .section-img {
        float: none;
        width: 50%;
        margin: 0 auto;
        padding-top: 15px;
    }


    /*.loose-diamond-row .left-sidebar-loose-diamond,
    .loose-diamond-row .right-sidebar-loose-diamond {
        width: 100%;
    }

    .mid-section-loose-diamond {
        width: 70% !important;
    }

    .right-sidebar-loose-diamond {
        width: 30% !important;
    }*/
}

.dropline-wrap {
    background: none;
    border-top: 1px solid #f1f1f1;
    padding: 55px 0 0;
    margin-top: 35px;
}

.drop-items {
    padding: 0 0 25px;
}

.dropline {
    margin: 0 0 25px;
}

    .dropline h2 {
        font-size: 20px;
        color: #43505c;
        font-family: 'Cinzel', serif;
        font-weight: bold;
        margin: 0 0 20px;
    }

.drop-items a {
    color: #43505c;
    font-size: 14px;
    font-weight: normal;
    margin: 0 30px;
}

.social-section {
    padding: 0 0 15px;
}

    .social-section img {
        width: 32px;
        height: 32px;
    }

.drop-items a:hover {
    color: #000;
}

.drop-sep {
    width: 1px;
    height: 25px;
    background: #eaedef;
    display: inline-block;
    vertical-align: middle;
}

.touch-section {
    max-width: 400px;
    margin: 0 auto 80px;
}

.touch-top {
    text-align: center;
    font-size: 15px;
    color: #43505c;
    padding: 0 35px 10px;
}

    .touch-top h3 {
        font-size: 16px;
        color: #43505c;
        font-weight: 500;
        margin: 0 0 3px;
    }

.touch-form .email-field {
    background: #e4ebed;
    color: #999999;
}

.touch-form .subscribe-btn {
    background: #ff8062;
}

@media (max-width: 767px) {
    .dropline-wrap {
        padding: 40px 0 0;
    }

    .touch-section {
        margin-bottom: 40px;
    }

    .drop-items a {
        margin: 0 10px 15px;
    }

    .drop-sep {
        display: block;
        visibility: hidden;
        height: inherit;
    }
}

/* about page style start */
.bdr-tb {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 80px 0 50px;
}

.banner-about-wrap {
    background: #ebf2fb url(../images/about/banner.jpg) center top no-repeat;
    background-size: cover;
}

.banner-about {
    text-align: center;
    padding: 120px 0 130px;
}

    .banner-about h2 {
        color: #43505c;
        font-size: 28px;
        text-transform: uppercase;
        margin: 0 0 5px;
    }

    .banner-about h1 {
        color: #43505c;
        font-family: 'Cinzel', serif;
        font-size: 43px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .banner-about h1 span {
            display: inline-block;
            padding: 18px 50px;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

.about-content {
    padding: 50px 0 80px;
    font-size: 16px;
    color: #333;
}

.about-bdr-bottom {
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
    margin-bottom: 100px;
}

.about-content h3 {
    color: #333;
    font-weight: normal;
    margin: 0 0 5px;
}

.about-content p {
    line-height: 1.9;
    padding: 0 0 30px;
}

.about-photo-round {
    max-width: 192px;
    overflow: hidden;
}

    .about-photo-round img {
        display: block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.view-all-wrap {
    text-align: center;
    margin-top: -10px;
}

    .view-all-wrap a {
        text-decoration: underline !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

/* about page style end sajid */
.stip-outer {
    background: none;
    display: flex;
    flex-wrap: wrap;
}

.stip-col {
    width: 47%;
    text-align: right;
    padding: 0 15px;
    position: relative;
}

    .stip-col:last-child {
        margin-left: auto;
        text-align: left;
    }

.stip-or {
    position: absolute;
    right: -8%;
    top: 10%;
    font-weight: bold;
    height: 80%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .stip-or:before {
        content: " ";
        background: #717171;
        width: 2px;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
    }

    .stip-or span {
        position: relative;
        background: #fff;
        padding: 5px 0;
    }

.stip-bdr-top {
    border-top: 1px solid #e2e2e2;
}

.stip-bdr-bot {
    border-bottom: 1px solid #e2e2e2;
}

.affirm-align {
    position: relative;
    top: -4px;
}

.check-learn {
    text-decoration: underline !important;
}

.link-blue {
    color: #0088cc !important;
}

    .link-blue:hover {
        text-decoration: underline !important;
    }

.info-outer {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

    .info-outer:hover .info-wrap {
        display: block;
    }

.info-wrap {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9;
}

.info-overlay {
    position: relative;
    background: #fff;
    margin-left: 13px;
    margin-top: -12px;
    padding: 20px 15px 20px 20px;
    width: 260px;
    font-size: 13px;
    color: #3c5364;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.caret-left {
    position: absolute;
    left: -6px;
    top: 15px;
    width: 7px;
    height: 12px;
    background: url(../images/caret-left.png) no-repeat;
}

.cancel-info {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 11px;
    height: 11px;
    background: url(../images/product/cancel-tab.png) no-repeat;
}

.info-body {
    max-height: 135px;
    overflow-y: auto;
    padding-right: 20px;
}

.info-overlay h3 {
    font-size: 15px;
    color: #3c5364;
    font-weight: bold;
    margin: 0 0 15px;
}

.ml-10 {
    margin-left: 10px;
}

.tabs-overflow {
    position: relative;
    /*z-index: 1;*/
    margin: 0 0 10px;
}

    .tabs-overflow .tabs {
        background: none;
    }

        .tabs-overflow .tabs > ul li {
            width: auto;
        }

        .tabs-overflow .tabs > ul a,
        .tabs-overflow .tabs > ul a:focus {
            font-size: 11px;
            padding: 14px 35px 20px;
            position: relative;
            border-left: none !important;
            border-right: none !important;
            background-color: #f3f4f6;
            background-image: -moz-linear-gradient(top, #f3f4f6, #e8e9ed);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f4f6), to(#e8e9ed));
            background-image: -webkit-linear-gradient(top, #f3f4f6, #e8e9ed);
            background-image: -o-linear-gradient(top, #f3f4f6, #e8e9ed);
            background-image: linear-gradient(to bottom, #f3f4f6, #e8e9ed);
            background-repeat: repeat-x;
            filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f3f4f6', endColorstr='#e8e9ed', GradientType=0);
            min-height: 112px;
        }

            .tabs-overflow .tabs > ul a:hover {
                border-left: none;
                border-right: none;
            }

        .tabs-overflow .tabs li.active {
            box-shadow: none;
            margin-top: -3px;
        }

        .tabs-overflow .tabs > ul li.active a {
            position: relative;
            /*top: -2px;*/
            /*z-index: 1;*/
            background: #fff;
            border-top-color: #ff8062;
            /*border-bottom: 3px solid #fff;*/
            -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
            -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
        }

        .tabs-overflow .tabs > ul > li:first-child a,
        .tabs-overflow .tabs > ul > li:first-child a:hover {
            -moz-border-radius: 3px 3px 0 3px;
            -webkit-border-radius: 3px 3px 0 3px;
            border-radius: 3px 3px 0 3px;
        }

        .tabs-overflow .tabs > ul > li:last-child a,
        .tabs-overflow .tabs > ul > li:last-child a:hover {
            -moz-border-radius: 3px 3px 3px 0;
            -webkit-border-radius: 3px 3px 3px 0;
            border-radius: 3px 3px 3px 0;
        }

        .tabs-overflow .tabs.main-active a span {
            background: url(../images/drop-down-arrow.svg) no-repeat center bottom;
            padding-bottom: 12px;
        }

    .tabs-overflow .tabs-content {
        background: #fff;
        position: relative;
        /*z-index: 1;*/
        padding-top: 0;
        padding-bottom: 0;
        border: none;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .tabs-overflow .tabs a img {
        margin-bottom: 8px;
    }

    .tabs-overflow .tabs a strong {
        font-size: 11px;
        margin-top: 2px;
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 auto;
    }

    .tabs-overflow .tabs-content-wrap {
        /*position: absolute;
        left: 0;
        top: 92%;*/
        z-index: 1;
        margin-top: -4px;
        width: 100%;
        background: #fff;
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

.nav-close {
    display: none;
    position: absolute;
    right: 15px;
    top: 80px;
    z-index: 2;
    background: url(../images/product/cancel-tab.png) no-repeat;
    width: 11px;
    height: 11px;
}

.main-active .nav-close {
    display: block;
}

.chat-rightside {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -28px;
    background: url(../images/chat-rightside.png) no-repeat;
    width: 58px;
    height: 57px;
    display: block;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}

.bg-tabs-wrap {
    background: #fbfbfb;
    border-bottom: 1px solid #efefef;
}

.category-content-in {
    border-bottom: none;
}

.cart-outer {
    margin: 0 0 20px;
}

.add-to-cart-btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    background-color: #757575;
    background-image: -moz-linear-gradient(top, #757575, #525252);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757575), to(#525252));
    background-image: -webkit-linear-gradient(top, #757575, #525252);
    background-image: -o-linear-gradient(top, #757575, #525252);
    background-image: linear-gradient(to bottom, #757575, #525252);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#757575', endColorstr='#525252', GradientType=0);
}

    .add-to-cart-btn:hover,
    .add-to-cart-btn:active,
    .add-to-cart-btn:focus {
        color: #fff;
        background: #757575;
    }

    .add-to-cart-btn span {
        display: inline-block;
        background: #ff8062;
        padding: 10px 18px 11px;
        vertical-align: middle;
    }

    .add-to-cart-btn strong {
        display: inline-block;
        vertical-align: middle;
        padding: 11px 40px 7px;
    }

@media (max-width: 1200px) {
    .tabs-overflow .tabs3-on-tablet > ul li {
        width: 33.33%;
    }

        .tabs-overflow .tabs3-on-tablet > ul li a,
        .tabs-overflow .tabs3-on-tablet > ul li a:focus {
            padding: 14px 5px 20px;
        }

    .tabs-overflow .tabs-category-page > ul li a,
    .tabs-overflow .tabs-category-page > ul li a:focus {
        padding: 14px 15px 20px;
    }

    .tabs-overflow .tabs4-on-tablet > ul li {
        width: 20%;
    }

        .tabs-overflow .tabs4-on-tablet > ul li a,
        .tabs-overflow .tabs4-on-tablet > ul li a:focus,
        .tabs-overflow .tabs5-on-tablet > ul li a,
        .tabs-overflow .tabs5-on-tablet > ul li a:focus {
            min-height: 112px;
            padding: 14px 5px 20px;
        }

    .tabs-overflow .tabs2-on-tablet > ul li {
        width: 50%;
    }

        .tabs-overflow .tabs2-on-tablet > ul li a,
        .tabs-overflow .tabs2-on-tablet > ul li a:focus {
            padding: 14px 5px 20px;
        }

    .tabs-overflow .tabs6-on-tablet > ul li {
        width: 16.66666666666667%;
    }

        .tabs-overflow .tabs6-on-tablet > ul li a,
        .tabs-overflow .tabs6-on-tablet > ul li a:focus {
            padding: 14px 5px 20px;
        }

    .stone-gallery a img {
        max-width: 38px;
    }

    .metal li a {
        height: 34px;
    }

        .metal li a img {
            max-width: 24px;
        }

    .metal h4 {
        font-size: 12px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*.nav-close {
        top: 25px;
    }*/
}

@media (max-width: 992px) {
    .stone-gallery li {
        width: 13%;
    }

    .metal,
    .metal-single {
        width: 25%;
    }

    .cart-outer .add-to-cart-btn {
        width: 100%;
        text-align: left;
    }

    .add-to-cart-btn strong {
        padding: 11px 25px 7px;
    }

    .stip-outer {
        display: block;
    }

    .stip-col,
    .stip-col:last-child {
        width: 100%;
        text-align: center;
        padding: 10px 20px;
    }

    .stip-or {
        position: relative;
        width: 100%;
        right: auto;
        margin-top: 20px;
        display: block;
    }

        .stip-or:before {
            left: 0;
            width: 100%;
            height: 1px;
            top: 50%;
        }

        .stip-or span {
            padding: 0 5px;
        }
}

@media (max-width: 767px) {
    .tabs-overflow .tabs-category-page > ul li {
        width: 20%;
    }

    .tabs-overflow .tabs a,
    .tabs-overflow .tabs a span {
        min-height: inherit;
    }

    .tabs-overflow .tabs4-on-tablet > ul li a,
    .tabs-overflow .tabs4-on-tablet > ul li a:focus,
    .tabs-overflow .tabs5-on-tablet > ul li a,
    .tabs-overflow .tabs5-on-tablet > ul li a:focus {
        min-height: 75px;
    }

    .stone-gallery {
        padding: 0;
    }

    .metal-section {
        margin: 0;
    }

    .metal,
    .metal-single {
        width: 33.33%;
    }

        .metal li a {
            height: 40px;
        }

            .metal li a img {
                max-width: 30px;
            }

    .tabs-overflow .tabs a strong {
        font-size: 11px;
    }
}



/* popup affirm content start */
.modal-affrim .modal-dialog {
    width: auto;
    max-width: 960px;
}

.modal-affrim-sm .modal-dialog {
    width: auto;
    max-width: 480px;
}

.modal-affrim-sm.modal-review-sm .modal-dialog {
    width: auto;
    max-width: 720px;
}

.modal-affrim-sm .affirm-modal-content {
    width: auto;
    margin-left: 0;
}

.modal-content {
    border: none;
}

.close-lg {
    font-size: 30px;
    color: #848484;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
}

.affirm-modal-hero {
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
    right: 50%;
    left: 0;
    border-radius: 5px 0 0 5px;
}

.affirm-modal-content {
    width: 50%;
    margin-left: 50%;
    height: 100%;
}

.close-modal-button {
    margin: 0;
    padding: 6px;
    top: 15px;
    right: 22px;
    color: #fff;
    width: 47px;
    height: 47px;
    opacity: .8;
    z-index: 9002;
    cursor: pointer;
    font-size: 55px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    text-decoration: none;
    border: 4px solid transparent;
    transition: all .2s ease-in-out;
    font-family: proxima-nova,sans-serif;
}

.affirm-content-text {
    padding: 48px 48px 40px;
}

.affirm-modal-header {
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    text-align: center;
}

    .affirm-modal-header .affirm-logo {
        font-size: 24px;
        vertical-align: middle;
        color: #00c8e5;
    }

    .affirm-modal-header img {
        max-width: 150px;
    }

.affirm-modal-plus {
    color: #9da6b0;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.affirm-tagline {
    font-weight: normal;
    font-size: 28px;
    color: #373e47;
    letter-spacing: 0;
    text-align: center;
    padding: 0;
    margin-top: 32px;
    margin-bottom: 0;
}

.affirm-promo-text {
    font-size: 16px;
    color: #858e99;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 32px;
    width: auto;
}

.affirm-copy-sections {
    margin-top: 32px;
    font-size: 13px;
    color: #858e99;
}

.affirm-copy-sections {
    margin-top: 32px;
    text-align: center;
}

    .affirm-copy-sections h4 {
        font-weight: bold;
        font-size: 14px;
        color: #373e47;
        margin-top: 16px;
    }

.affirm-checkout {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    color: #373e47;
    margin-top: 32px;
    letter-spacing: 0;
    line-height: 16px;
}

.affirm-footer {
    padding: 16px 48px;
    text-align: center;
    background: #f2f4f5;
    font-size: 12px;
    line-height: 20px;
    color: #373e47;
}

.modal-auto-width {
    display: flex !important;
    flex-wrap: wrap;
    visibility: hidden;
}

    .modal-auto-width.show {
        visibility: visible;
    }

    .modal-auto-width .modal-dialog {
        max-width: inherit;
        width: auto;
    }

@media (max-width: 767px) {
    .modal-affrim .modal-dialog {
        width: auto;
        max-width: inherit;
    }

    .affirm-content-text {
        padding: 48px 20px 20px;
    }

    .affirm-footer {
        padding: 16px 20px;
    }

    .affirm-modal-header img {
        max-width: 100px;
    }

    .affirm-tagline {
        font-size: 20px;
        margin-top: 20px;
    }

    .affirm-modal-hero {
        display: none;
    }

    .affirm-modal-content {
        width: auto;
        margin: 0;
    }

    .email-field {
        width: 65%;
    }

    .subscribe-btn {
        width: 35%;
    }

    .banner-about {
        padding: 70px 0 50px;
    }

        .banner-about h2 {
            font-size: 20px;
        }

        .banner-about h1 {
            font-size: 30px;
        }

    #footer ul {
        min-height: 192px;
    }

    .nav-close {
        top: 140px;
    }
}

@media (max-width: 600px) {
    .tabs-overflow .tabs > ul a,
    .tabs-overflow .tabs > ul a:focus {
        padding: 8px 16px 14px;
    }

    .payment-third .check-section ul li {
        padding: 5px 0 5px 17px;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    .hidden-xs {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
}

.add-to-cart-red {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 11px 80px 11px 14px;
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    background-color: #ff746d;
    background-image: -moz-linear-gradient(top, #ff746d, #e9635c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff746d), to(#e9635c));
    background-image: -webkit-linear-gradient(top, #ff746d, #e9635c);
    background-image: -o-linear-gradient(top, #ff746d, #e9635c);
    background-image: linear-gradient(to bottom, #ff746d, #e9635c);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff746d', endColorstr='#e9635c', GradientType=0);
}

    .add-to-cart-red:hover {
        color: #fff;
        background: #e9635c;
    }

    .add-to-cart-red span,
    .add-to-cart-red strong {
        display: inline-block;
        vertical-align: middle;
        padding: 0 7px;
    }

.process-wrap {
    margin: 20px 0;
}

.process {
    height: 82px;
    background-size: 100% 100% !important;
}

.process-first-active {
    background: url(../images/process/step-1.png) no-repeat;
}

.process-second-active {
    background: url(../images/process/step-2.png) no-repeat;
}

.process-third-active {
    background: url(../images/process/step-3.png) no-repeat;
}

.process ul,
.process li {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.process li {
    width: 32%;
    padding: 5px;
}

    .process li:first-child {
        width: 36%;
    }

.process-count {
    font-size: 15px;
    line-height: 1.5;
    color: #3f3535;
    padding-left: 25px;
    display: flex;
    align-items: center;
}

    .process-count img {
        max-width: 55px;
    }

    .process-count .proess-num {
        font-size: 48px;
        color: #3f3535;
        font-weight: 300;
        display: inline-block;
        margin: 0 10px;
    }

    .process-count em {
        font-style: normal;
    }

li.active .process-count img {
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.process li.active .process-count,
.process li.active .process-count .proess-num {
    color: #f84203;
}

.process li.active .process-count {
    font-weight: bold;
}

.info-process-main {
    font-size: 13px;
    color: #515151;
}

.info-active-process em {
    color: #f84203;
}

@media (min-width: 1300px) {
    .info-process-main {
        font-size: 14px;
    }

    .info-active-process em {
        font-size: 17px;
        font-weight: bold;
    }
}

.process-count h5 {
    font-size: 14px;
    color: #515151;
    font-weight: bold;
    margin: 0;
}

.process-links {
    line-height: 1;
}

    .process-links a {
        color: #f87c03;
        text-transform: uppercase;
        text-decoration: underline !important;
        display: inline-block;
        margin: 0 7px 5px 0;
        font-size: 10px;
    }

    .process-links .active {
        color: #949393;
        text-decoration: none !important;
    }

.red-color {
    color: #f84203 !important;
}

@media (max-width: 1300px) {
    .process-count {
        padding-left: 15px;
    }

    .info-process-main {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .process {
        height: 60px;
    }

        .process li {
            padding: 8px 5px;
        }

    .process-count {
        font-size: 12px;
        padding: 0 15px 0 0;
    }

        .process-count img {
            max-width: 30px;
        }

        .process-count .proess-num {
            font-size: 30px;
            margin: 0 5px;
        }

    .info-process-main {
        font-size: 9px;
    }

    .process-count h5 {
        font-size: 12px;
    }

    .loose-diamond-row > .col-md-8 {
        max-width: calc(100% - 350px);
        flex: 0 0 calc(100% - 350px);
    }

    .loose-diamond-row > .col-md-4 {
        background: #fff0de;
        max-width: 350px;
        flex: 0 0 350px;
    }

    .section-pair {
        margin: 0 50px;
    }

    .info-box {
        padding: 5px 0;
        margin: 0;
    }

        .info-box li {
            padding: 2px 10px 2px 50px;
        }

    .tabs a .block-in-table {
        display: block;
    }
}

@media (max-width: 767px) {
    .process {
        height: 56px;
    }

    .process-first-active {
        background: url(../images/process/mobile-step-1.png) no-repeat;
    }

    .process-second-active {
        background: url(../images/process/mobile-step-2.png) no-repeat;
    }

    .process-third-active {
        background: url(../images/process/mobile-step-3.png) no-repeat;
    }

    .process-count {
        padding-left: 7px;
    }

        .process-count img {
            max-width: 28px;
        }

    .process-txt-mob {
        font-weight: bold;
        font-size: 11px;
        margin-left: 6px;
    }

    .process li:first-child {
        width: 39%;
    }

    .process li {
        width: 30.5%;
        display: flex;
    }

    .section-pair {
        margin: 0;
    }
}

/* new split code start*/
.installment-desc {
    background: #fffff4;
    border: 1px solid #cedce0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .installment-desc ul,
    .installment-desc li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .installment-desc li {
        padding: 7px 10px;
        border-bottom: 1px solid #cedce0;
        min-height: 35px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
    }

.installment-left {
    width: 125px;
}

    .installment-left:after {
        content: " ";
        width: 1px;
        height: 100%;
        position: absolute;
        left: 125px;
        top: 0;
        background: #cedce0;
    }

.installment-right {
    width: calc(100% - 125px);
    padding-left: 5px;
}

.installment-desc select {
    border: 1px solid #b2b2b2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.installment-desc .full-item {
    border-bottom: none;
}

    .installment-desc .full-item .link {
        color: #457db7;
        text-decoration: underline !important;
        margin-right: 10px;
        display: inline-block;
    }

.align-top-tr td {
    vertical-align: top !important;
}

.choose-select {
    margin: 0 0 15px;
}

    .choose-select label {
        display: block;
        font-weight: normal;
        font-size: 13px;
        color: #42494c;
        margin: 0 0 2px;
    }

    .choose-select select {
        display: inline-block;
        vertical-align: middle;
        width: 220px;
        font-weight: bold;
        padding: 5px;
        border: 1px solid #b2b2b2;
        min-width: 70px;
        margin: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.estimated-seciton {
    padding: 0 0 10px;
}

.total-section li.bold-item,
.total-section li.bold-item strong {
    font-size: 14px;
    font-weight: bold;
}

.total-section .grant-total {
    color: #e93e00;
    font-size: 14px;
}

.checkout-contain {
    text-align: center;
    padding: 0 0 15px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
}

.cheeckout-btn {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #f26d68;
    padding: 18px 10px;
    position: relative;
    margin: 0 0 20px;
}

    .cheeckout-btn:hover {
        color: #fff;
    }

    .cheeckout-btn:after {
        content: " ";
        background: url(../images/cart-checkout-downword.png) no-repeat;
        width: 17px;
        height: 19px;
        position: absolute;
        left: 50%;
        bottom: -19px;
        display: inline-block;
    }

    .cheeckout-btn span,
    .cheeckout-btn img {
        display: inline-block;
        vertical-align: middle;
    }

.splitit-link {
    display: inline-block;
    margin-left: 40px;
}

.splitit-payment-inner {
    font-size: 15px;
    color: #42494c;
    padding: 0 25px;
}

    .splitit-payment-inner h3 {
        font-size: 20px;
        color: #457db7;
        text-transform: uppercase;
        text-align: center;
        font-weight: normal;
        margin: 0 0 20px;
    }

    .splitit-payment-inner p {
        padding: 0 0 25px;
    }

.billing-logo {
    margin: 0 0 15px;
}

.tell-me {
    text-decoration: underline !important;
}

.stirp-secondary-wrap {
    position: relative;
    background: #f36442;
}

.strip-secondary-inner {
    padding: 15px 0 12px;
    margin: 0 200px;
    color: #fff;
    position: relative;
    display: flex;
    flex-wrap: width;
    align-items: center;
}

    .strip-secondary-inner h3 {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        margin: 0 0 5px;
    }

    .strip-secondary-inner p {
        font-size: 16px;
        color: #fff;
        padding: 0 0 5px;
    }

.splitit-btn .btn {
    display: inline-block;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f36442;
    background: #fff;
    border-radius: 3px;
}

.splitit-w {
    margin-right: 45px;
}

.splitit-btn {
    margin-left: auto;
}

    .splitit-btn .btn:hover {
        opacity: 0.8;
    }

@media (min-width: 991px) {
    .modal-splitit-payments .modal-dialog {
        width: auto;
        max-width: 800px;
    }
}

.splitit-modal-title {
    text-align: center;
    padding: 40px 15px 0;
}

    .splitit-modal-title h3 {
        font-size: 24px;
        color: #958dc6;
        font-weight: bold;
        text-transform: uppercase;
        margin: 10px 0 7px;
    }

.splitit-article-wrap {
    padding: 0 50px;
}

.splitit-article {
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
    color: #201f1f;
    margin: 0 0 45px;
}

.sp-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 2px solid #958dc6;
    margin: 0 auto 10px;
    border-radius: 50%;
}

.splitit-article h4 {
    font-size: 16px;
    color: #201f1f;
    font-weight: bold;
    margin: 0 0 10px;
}

.splitit-article p {
    padding: 0 15px 15px;
}

.example-wrap {
    background: #f4f4f4;
    padding: 25px 75px;
}

    .example-wrap h4 {
        font-size: 18px;
        color: #958dc6;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        margin: 0 0 15px;
    }

        .example-wrap h4 span {
            font-weight: normal;
            color: #3a3939;
        }

    .example-wrap ul,
    .example-wrap li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

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

    .example-wrap li {
        width: 33.33%;
        background: #d2dc9d;
        position: relative;
    }

        .example-wrap li:after,
        .example-wrap li:last-child:before {
            content: " ";
            position: absolute;
            left: -5px;
            top: 0;
            height: 100%;
            width: 9px;
            background: url(../images/splitit/splitit-sep.png) no-repeat;
        }

        .example-wrap li:first-child:after {
            background: url(../images/splitit/splitit-sep-left.png) no-repeat;
        }

        .example-wrap li:last-child:before {
            background: url(../images/splitit/splitit-sep-right.png) no-repeat;
            left: auto;
            right: 0;
            width: 7px;
        }

        .example-wrap li h4 {
            font-size: 14px;
            color: #58654c;
            height: 51px;
            padding: 14px 15px;
            display: flex;
            align-items: center;
            margin: 0;
        }

            .example-wrap li h4 strong {
                margin-left: auto;
                font-size: 22px;
                color: #404739;
            }

    .example-wrap h5 {
        background: #b3bf6d;
        height: 33px;
        line-height: 33px;
        padding: 0 15px;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
    }

.splitit-checkout {
    padding: 25px 55px;
    font-size: 14px;
    color: #201f1f;
    line-height: 1.3;
}

    .splitit-checkout h4 {
        text-align: center;
        color: #958dc6;
        font-size: 22px;
        margin: 0 0 20px;
    }

    .splitit-checkout img {
        height: 25px;
    }

    .splitit-checkout li {
        padding: 0 0 10px;
    }

@media (min-width: 992px) {
    .modal-splitit-secondary .modal-dialog {
        width: auto;
        max-width: 600px;
    }
}

.modal-splitit-secondary button.close {
    background: url(../images/cancel-white.png) no-repeat;
    width: 10px;
    height: 10px;
    font-size: 0;
}

.modal-splitit-secondary .modal-content {
    background: url(../images/splitit/splitit-popup.jpg) center bottom no-repeat;
    background-size: cover;
    padding-bottom: 330px;
    border: 15px solid #fff;
    border-radius: 0;
}

.modal-splitit-secondary h3 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 1px #000;
    text-align: center;
    line-height: 1.1;
    padding: 10px 0;
    margin: 0;
}

.modal-splitit-secondary .splitit-article-wrap {
    padding: 30px 10px;
    background: rgba(52, 79, 104, 0.9);
}

    .modal-splitit-secondary .splitit-article-wrap .splitit-article {
        color: #fff;
        margin: 0 0 10px;
    }

.modal-splitit-secondary .sp-icon {
    border-color: #fff;
}

.modal-splitit-secondary .splitit-article-wrap .btn {
    font-size: 20px;
    color: #41515d;
    background: #fff;
    font-weight: bold;
    padding: 6px 30px;
    border-radius: 25px;
}

    .modal-splitit-secondary .splitit-article-wrap .btn:hover {
        opacity: 0.8;
    }

@media (min-width: 1200px) {
    .w-300 {
        width: 300px;
    }
}

@media (max-width: 1200px) {
    .total-section .grant-total {
        font-size: 13px;
    }

    .installment-desc select {
        font-size: 10px;
    }

    .strip-secondary-inner {
        margin: 0;
    }

    .category-seciton h3,
    .category-seciton p,
    .category-seciton .price-info,
    .category-seciton .price-info b {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .installment-desc li {
        display: block;
    }

    .installment-left {
        width: 100%;
    }

    .installment-right {
        width: 100%;
    }

    .installment-left:after {
        display: none;
    }

    .choose-select select {
        width: 100%;
    }

    .cheeckout-btn {
        font-size: 12px;
    }

        .cheeckout-btn img {
            max-width: 30px;
        }

    .splitit-link {
        margin: 0 10px;
    }

    .table-shopping th {
        font-size: 11px;
    }

    .splitit-modal-title h3 {
        font-size: 18px;
    }

    .splitit-article-wrap {
        padding: 0 10px;
    }

    .splitit-article p {
        padding: 0 0 15px;
    }

    .example-wrap {
        padding: 25px 10px;
    }

        .example-wrap li h4 {
            font-size: 12px;
        }

            .example-wrap li h4 strong {
                font-size: 16px;
            }

    .splitit-checkout {
        padding: 25px 10px;
    }

    .modal-splitit-secondary h3 {
        padding: 25px 0;
        font-size: 24px;
    }
}

@media (min-width: 767px) {
    .modal-splitit {
        width: 480px;
    }
}

@media (max-width: 767px) {
    .category-seciton {
        width: 49%;
    }

    .table-wrap {
        display: block;
        width: 100%;
        overflow-y: auto;
        padding: 20px 0;
    }

    .strip-secondary-inner {
        display: block;
        text-align: center;
    }

    .sp-info {
        padding: 10px 0;
    }

    .splitit-article {
        padding: 0;
        margin: 0 0 15px;
    }

    .example-wrap li {
        width: 100%;
        margin: 0 0 10px;
    }

        .example-wrap li:after,
        .example-wrap li:before {
            display: none;
        }
}
/* new split code end*/

.lines2 {
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    display: inline-block;
    max-height: 34px;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.lines3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.modal-dialog {
    border: solid 1px #aaa;
    border-radius: 5px;
    box-shadow: 10px 10px 5px #aaa;
}

.image-upload img {
    width: 50px;
    height: 50px;
    margin: 0 10px;
}

.modal-img {
    padding-bottom: 12px;
    display: inline-block;
}

    .modal-img img {
        cursor: pointer;
        min-width: 45px;
        max-width: 45px;
    }

.reviewComments {
    max-height: 400px;
    overflow-y: auto;
}

.review-reply {
    padding: 12px;
    width: 100%;
    max-width: 996px;
}

    .review-reply.bgcolor {
        background-color: #f8f9fa;
    }

    .review-reply img {
        cursor: pointer;
    }

    .review-reply span {
        padding: 12px 0;
        min-width: 49%;
        display: inline-block;
    }

        .review-reply span input {
            max-height: 22px;
        }

        .review-reply span.right {
            text-align: right;
        }