body {
    font-family: 'Lato', sans-serif;
    color: #000;
}

.FL {
    float: left !important
}

.FR {
    float: right !important
}

.MT0 {
    margin-top: 0 !important
}

.MR0 {
    margin-right: 0 !important
}

.MB0 {
    margin-bottom: 0 !important
}

.ML0 {
    margin-left: 0 !important
}

.MT5 {
    margin-top: 5px !important
}

.MR5 {
    margin-right: 5px !important
}

.MB5 {
    margin-bottom: 5px !important
}

.ML5 {
    margin-left: 5px !important
}

.MT10 {
    margin-top: 10px !important
}

.MR10 {
    margin-right: 10px !important
}

.MB10 {
    margin-bottom: 10px !important
}

.ML10 {
    margin-left: 10px !important
}

.MT20 {
    margin-top: 20px !important
}

.MR20 {
    margin-right: 20px !important
}

.MB20 {
    margin-bottom: 20px !important
}

.ML20 {
    margin-left: 20px !important
}

.PT0 {
    padding-top: 0 !important
}

.PR0 {
    padding-right: 0 !important
}

.PB0 {
    padding-bottom: 0 !important
}

.PL0 {
    padding-left: 0 !important
}

.PT5 {
    padding-top: 5px !important
}

.PR5 {
    padding-right: 5px !important
}

.PB5 {
    padding-bottom: 5px !important
}

.PL5 {
    padding-left: 5px !important
}

.MR5 {
    margin-right: 5px !important
}

.MR10 {
    margin-right: 10px !important
}

.PR0 {
    padding-left: 0 !important
}

.mar05 {
    margin: 5px 5px !important
}

.mar10 {
    margin: 10px 10px !important
}

.mar15 {
    margin: 15px 15px !important
}

.mar20 {
    margin: 20px 20px !important
}

.pad05 {
    padding: 5px 5px !important
}

.pad10 {
    padding: 10px 10px !important
}

.pad15 {
    padding: 15px 15px !important
}

.pad20 {
    padding: 20px 20px !important
}

h1.mainHeading {
    font-size: 20px !important;
    text-align: center;
    text-transform: uppercase;
    clear: both;
    margin: 0 0;
    padding: 0 0;
    line-height: 64px
}

h1.mainHeading-inner {
    font-size: 24px !important;
    text-align: center;
    text-transform: uppercase;
    clear: both;
    margin: 0 0 3px;
    padding: 0 0 10px;
    line-height: 26px
}

h1.homeHeading {
    width: 100%;
    text-align: center;
    margin: 25px 0;
    padding: 0 0;
    float: left;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: capitalize
}

.all-pageHeading {
    width: 100%;
    float: left;
    text-align: center
}

.fontItalic {
    font-style: italic
}

.textPink {
    color: #007f91
}

.textGray44 {
    color: #404040
}

.textGray76 {
    color: #767676
}

.textBlack {
    color: #000
}

.colorPink {
    color: #404040
}

.colorGray44 {
    color: #404040
}

.colorGray76 {
    color: #767676
}

.colorBlack {
    color: #000
}

.bgColorPink {
    background-color: #90336f
}

.bgColorGray44 {
    background-color: #404040
}

.bgColorGray76 {
    background-color: #767676
}

.bgColorBlack {
    background-color: #000
}

.bgColorWhite {
    background-color: #fff
}

.bgColorBlack10 {
    background-color: rgba(0, 0, 0, .1);
    width: 100%;
    float: left
}

.bgColorBlack20 {
    background-color: rgba(0, 0, 0, .2)
}

.textLeft {
    text-align: left !important
}

.textRight {
    text-align: right !important
}

.textCenter {
    text-align: center !important
}

.textJustify {
    text-align: justify !important
}

.divide10,
.divide15,
.divide20,
.divide25,
.divide30,
.divide35,
.divide40,
.divide45,
.divide5,
.divide50,
.dividerLine {
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    overflow: hidden;
    display: block;
    clear: both
}

.divide5 {
    height: 5px
}

.divide10 {
    height: 10px
}

.divide15 {
    height: 15px
}

.divide20 {
    height: 20px
}

.divide25 {
    height: 25px
}

.divide30 {
    height: 30px
}

.divide35 {
    height: 35px
}

.divide40 {
    height: 40px
}

.divide45 {
    height: 45px
}

.divide50 {
    height: 50px
}

.dividerLine {
    border-top: 1px solid #efefef;
    float: left;
    height: 1px;
    margin: 10px 0
}

.dividerLine-top-bg {
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    float: left;
    background-color: #283e31
}

.divideBullet {
    width: 100%;
    height: 10px;
    float: left;
    margin: 5px 0;
    padding: 0 0;
    overflow: hidden;
    clear: both;
    background: url(../images/divider-with-bullet.png) no-repeat center center
}

.borderBottomGray {
    border-bottom: 1px solid #dfdfdf
}

.arrowDownIcon01 {
    width: 18px;
    height: 18px;
    background-position: 0 -88px
}

.arrowUpIcon01 {
    width: 18px;
    height: 18px;
    background-position: 0 -106px
}

.phoneIcon {
    width: 18px;
    height: 18px;
    background-position: 0 -226px
}

.icon8 {
    background-image: url(/images/icons/icon-18-18.png);
    background-repeat: no-repeat
}

.icon12 {
    background-image: url(/images/icons/icon-18-18.png);
    background-repeat: no-repeat
}

.icon24 {
    background-image: url(/images/icons/icon-18-18.png);
    background-repeat: no-repeat
}

.icon32 {
    background-image: url(/images/icons/icon-18-18.png);
    background-repeat: no-repeat
}

.newTag,
.saleTag {
    width: 72px;
    height: 72px;
    background-image: url(../images/icons/sale-new-tag.png);
    background-repeat: no-repeat
}

.saleTag {
    background-position: 0 0
}

.newTag {
    background-position: -72px 0
}

.abouttittle {
    font-size: 22px
}

.diamondShape01_18x18,
.diamondShape02_18x18,
.diamondShape03_18x18,
.diamondShape04_18x18,
.diamondShape05_18x18,
.diamondShape06_18x18,
.diamondShape07_18x18,
.diamondShape08_18x18,
.diamondShape09_18x18,
.diamondShape10_18x18 {
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/diamond-frames.png);
    background-repeat: no-repeat
}

.diamondShape01_18x18 {
    background-position: 0 0
}

.diamondShape02_18x18 {
    background-position: -18px 0
}

.diamondShape03_18x18 {
    background-position: -36px 0
}

.diamondShape04_18x18 {
    background-position: -54px 0
}

.diamondShape05_18x18 {
    background-position: -72px 0
}

.diamondShape06_18x18 {
    background-position: -90px 0
}

.diamondShape07_18x18 {
    background-position: -108px 0
}

.diamondShape08_18x18 {
    background-position: -126px 0
}

.diamondShape09_18x18 {
    background-position: -144px 0
}

.diamondShape10_18x18 {
    background-position: -162px 0
}

.ratingStarsGray,
.ratingStarsGrayHalf,
.ratingStarsGreen,
.ratingStarsYellow {
    width: 18px;
    height: 18px;
    background-image: url(/images/icons/rating-starts.png);
    background-repeat: no-repeat
}

.ratingStarsYellow {
    background-position: -54px 0
}

.ratingStarsGreen {
    background-position: -36px 0
}

.ratingStarsGray {
    background-position: -18px 0
}

.ratingStarsGrayHalf {
    background-position: 0 0
}

.fitImage {
    width: 100%;
    height: auto
}

p {
    margin: 2px 0 8px;
    padding: 2px 0 4px
}

.mandatory {
    color: red !important
}

.columnFull {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0
}

.columnFixed {
    width: 998px;
    margin: 0 auto;
    clear: both;
    display: block
}

.fiveSixth,
.fourFifth,
.fourSixth,
.oneFifth,
.oneFourth,
.oneHalf,
.oneSixth,
.oneThird,
.threeFifth,
.threeFourth,
.threeSixth,
.twoFifth,
.twoFourth,
.twoSixth,
.twoThird {
    float: left;
    margin: 0 2% 0 0;
    padding: 0 0;
    transition: width .5s;
    transition-timing-function: linear;
    -webkit-transition: width .5s;
    -webkit-transition-timing-function: linear
}

.oneSixth {
    width: 15%
}

.twoSixth {
    width: 32%
}

.threeSixth {
    width: 49%
}

.fourSixth {
    width: 66%
}

.fiveSixth {
    width: 83%
}

.oneFifth {
    width: 18.4%
}

.twoFifth {
    width: 38.7%
}

.threeFifth {
    width: 59.1%
}

.fourFifth {
    width: 79.5%
}

.oneFourth {
    width: 23.5%
}

.twoFourth {
    width: 49%
}

.threeFourth {
    width: 74.5%
}

.oneThird {
    width: 32%
}

.twoThird {
    width: 66%
}

.oneHalf {
    width: 49%
}

.client-service {
    margin: 0;
    padding: 0;
    float: left
}

.client-service ul {
    margin: 0;
    padding: 0
}

.client-service ul li {
    margin: 12px 8px 20px;
    padding: 0;
    list-style: none;
    float: left;
    position: relative
}

.client-service ul li:first-child {
    margin-left: 0
}

.client-service ul li a {
    font-size: 11px;
    color: #999;
    text-decoration: none;
    margin: 0;
    padding: 4px 0 0;
    display: inline-block;
    text-transform: capitalize;
    font-family: TrajanPro-Regular;
    font-weight: 600
}

.client-service ul li:hover a {
    text-decoration: none;
    color: #666
}

#banner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

#wrapper-home-container {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left
}

.home-container {
    width: 958px;
    margin: 0 auto 0;
    padding: 18px 20px 3px;
    background-color: #007f91
}

.home-cat-con {
    clear: both;
    margin: 0;
    padding: 0 0 16px;
    background: url(../images/home-cat-con-shadow.png) no-repeat center bottom
}

.home-cat-con a img {
    width: 100%;
    margin: 0
}

.home-con {
    width: 958px;
    margin: 14px auto 0;
    padding: 0 20px
}

a.nav-toggle {
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    color: #666;
    text-decoration: none;
    padding: 0;
    line-height: 9px
}

a.nav-toggle i {
    display: inline-block;
    margin-left: 7px;
    font-size: 16px
}

.home-para-con {
    clear: both;
    margin: 5px 12px 10px 0;
    padding: 0;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: center
}

.jewelry-education-con {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 100%
}

.jewelry-education-con .head-text {
    background-color: #555;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    left: 0;
    line-height: 28px;
    margin: 0;
    padding: 28px 20px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 0
}

.jewelry-education-left-img,
.jewelry-education-right-img {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
    position: relative
}

.jewelry-education-left-img a,
.jewelry-education-right-img a {
    display: block
}

.jewelry-education-left-img img,
.jewelry-education-right-img img {
    width: 100%;
    margin: 0;
    float: left
}

.cat-banner-con {
    width: 998px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.cat-banner-con img {
    width: 100%;
    margin: 0
}

.cat-banner-con h1.cat-head-text {
    width: 35%;
    margin: 0;
    padding: 0 20px;
    position: absolute;
    background: url(../images/cat-head-bg.png) repeat;
    top: 29%;
    right: 0;
    font-family: TrajanPro-Regular;
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    line-height: 40px;
    text-align: left
}

.shipping-text {
    clear: both;
    margin: 0 0 8px;
    padding: 0;
    color: #727272;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.shipping-text strong {
    color: #454545
}

.shipping-listing {
    clear: both;
    margin: 15px 0;
    padding: 0 0 0 15px
}

.shipping-listing ul {
    margin: 0;
    padding: 0
}

.shipping-listing ul li {
    margin: 5px 0;
    padding: 0;
    list-style: none;
    color: #727272;
    font-family: TrajanPro-Regular;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

.testimonialBox {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.testimonialBox .title {
    display: block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}

.mark-jackson-text {
    clear: both;
    height: 150px;
    overflow: hidden;
    margin: 0 10%;
    padding: 20px 80px 30px;
    color: #727272;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background-color: #eee4b1;
    position: relative
}

.mark-jackson-text.bg-no {
    background: 0 0
}

.mark-jackson-text .coma-starts {
    width: 53px;
    height: 41px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1000;
    background: url(../images/icons/coma-starts.png) no-repeat
}

.mark-jackson-text .coma-ends {
    width: 53px;
    height: 41px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
    background: url(../images/icons/coma-ends.png) no-repeat
}

.mark-jackson-text span {
    color: #333;
    display: block;
    margin: 0;
    font-weight: 700
}

.mark-jackson-text span.name-con {
    display: block;
    margin: 0;
    font-weight: 400
}

.product-detail-img {
    width: 100%;
    margin: 0
}

.newsletter-con {
    width: 100%;
    height: 117px;
    margin: 0 0 20px;
    padding: 0;
    float: left;
    background: url(../images/home-news-letter-bg.png) repeat-x
}

.newsletter-con .main-news-con {
    width: 968px;
    height: 117px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center
}

.newsletter-con .main-news-con ul {
    margin: 0;
    padding: 0
}

.newsletter-con .main-news-con ul li {
    margin: 0;
    padding: 0 10px;
    list-style: none;
    display: inline-block
}

.newsletter-con .main-news-con ul li.newsletter-text {
    margin: 43px 0 0 0;
    padding: 0;
    text-align: right;
    font-family: TrajanPro-Regular;
    font-size: 18px;
    font-weight: 800;
    color: #70543f
}

.newsletter-con .main-news-con ul li input[type=text] {
    width: 320px;
    height: 20px;
    margin: 20px 3px 0 0;
    padding: 10px;
    font-family: TrajanPro-Regular;
    font-size: 16px;
    color: #70543f;
    border: 1px solid #e9e9e9;
    background-color: #fff
}

.newsletter-con .main-news-con ul li input[type=submit] {
    height: 42px;
    margin: 20px 0 0 0;
    padding: 0 10px;
    font-family: TrajanPro-Regular;
    font-size: 18px;
    font-weight: 800;
    color: #70543f;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer
}

.newsletter-con .main-news-con ul li input[type=submit]:hover {
    background-color: #e5e5e5
}

.columnTmnl {
    width: 100%;
    height: 150px !important;
    margin: 0;
    padding: 0;
    float: left
}

.columnTmnl ul {
    margin: 0;
    padding: 0
}

.columnTmnl ul li {
    margin: 0;
    padding: 0;
    height: 150px
}

.information-con {
    width: 898px;
    margin: 0 auto;
    padding: 0 50px
}

.info-con {
    clear: both;
    margin: 0 30px 0 0;
    padding: 0
}

.info-head {
    clear: both;
    margin: 0 0 10px;
    padding: 0 0 7px;
    font-family: TrajanPro-Regular;
    font-size: 16px;
    color: #727272;
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid #727272
}

.info-list {
    clear: both;
    margin: 0;
    padding: 0
}

.info-list ul {
    margin: 0;
    padding: 0
}

.info-list ul li {
    margin: 0;
    padding: 2px 0 3px;
    list-style: none;
    font-family: TrajanPro-Regular;
    font-size: 16px;
    color: #727272;
    line-height: 22px
}

.info-list ul li.info-para {
    padding: 2px 0 13px
}

.info-list ul li a {
    font-size: 14px;
    color: #727272;
    text-decoration: none;
    text-transform: capitalize
}

.info-list ul li a:hover {
    color: #333;
    text-decoration: none
}

.social-media-icon {
    clear: both;
    margin: 0;
    padding: 0
}

.social-media-icon ul {
    margin: 0;
    padding: 0
}

.social-media-icon ul li {
    margin: 3px 10px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

.partners-logo {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center
}

.partners-logo ul {
    margin: 0;
    padding: 0
}

.partners-logo ul li {
    margin: 10px 5px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle
}

.home-product-con {
    width: 968px;
    margin: 0 auto;
    padding: 0 15px
}

.productGridBox-home {
    border: 1px solid #f1f1f1;
    padding: 8px 8px;
    position: relative;
    display: block;
    min-width: 160px;
    border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px
}

.productGridBox-home .productImage {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
    margin-bottom: 12px;
    text-align: center
}

.productGridBox-home .productImage a {
    display: block
}

.productGridBox-home .productImage img[src="http://ware-new.bluestar-apps.com/images/ajax-loader-product.gif"] {
    position: absolute;
    top: 50%;
    left: 50%
}

.productGridBox-home .productImage img {
    height: auto;
    display: inline-block !important
}

.productGridBox-home .productImage img.animateImageClass {
    position: absolute;
    top: 100px;
    left: 95px;
    width: auto;
    height: auto;
    display: inline-block
}

.productGridBox-home .productImage>.sub-similar-product a {
    color: #333;
    display: inline-block
}

.productGridBox-home .productTitle {
    text-align: center;
    display: block;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis
}

.productGridBox-home .productPrice {
    text-align: center;
    font-size: 14px;
    clear: both;
    padding-top: 5px;
    line-height: 22px
}

.productGridBox-home .productPrice span {
    text-decoration: line-through;
    display: block;
    color: #888
}

.productGridBox-home .productPrice span:first-child {
    font-size: 18px;
    color: #007f91;
    text-decoration: none
}

.productGridBox-home .newTag,
.productGridBox-home .saleTag {
    position: absolute;
    left: -8px;
    top: -7px
}

.productGridBox-home .saveForLater {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: none
}

.productGridBox-home:hover .saveForLater {
    display: block
}

.productGridBox-home .saveForLater a {
    text-decoration: none;
    color: #000;
    font-size: 10px;
    display: block;
    line-height: 18px;
    background-image: url(/images/icons/icon-18-18.png);
    background-repeat: no-repeat;
    background-position: 0 -272px;
    padding-left: 20px
}

.productGridBox-home .saveForLater a:hover {
    background-position: 0 -254px;
    color: #b01105
}

.productGridBox-home .saveForLater a.saved {
    background-position: 0 -254px;
    color: #b01105;
    cursor: default
}

.productGridBox-home2 {
    background-color: #fff;
    position: relative;
    display: block;
    padding-bottom: 27px;
    min-width: 225px;
    min-height: 225px;
    border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px;
    overflow: hidden;
    border: 1px solid #f1f1f1
}

.productGridBox-home2 .productImage {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    clear: both;
    max-height: 225px
}

.productGridBox-home2 .productImage a {
    display: block
}

.productGridBox-home2 .productImage img {
    height: auto
}

.productGridBox-home2 .descriptionBox {
    width: 94%;
    padding: 2% 3%;
    height: 20px;
    position: absolute;
    bottom: 1px;
    background-color: #fbfaf8
}

.productGridBox-home2:hover .descriptionBox {
    height: auto
}

.productGridBox-home2 .productPrice,
.productGridBox-home2 .productTitle {
    font-size: 16px;
    color: #90336f;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    line-height: 26px
}

.productGridBox-home2 .productPrice a,
.productGridBox-home2 .productTitle a {
    color: #3e3e3e
}

.productGridBox-home2 .productPrice a:hover,
.productGridBox-home2 .productTitle a:hover {
    text-decoration: underline
}

.productGridBox-home2 .productDesc {
    font-size: 11px;
    line-height: 14px
}

.productGridBox-home2 .productInfo {
    font-size: 12px;
    font-weight: 700;
    color: #817c7a;
    line-height: 14px
}

.productGridBox-home2 .shopNow {
    color: #007f91;
    font-size: 11px;
    font-style: italic;
    float: right
}

.productGridBox-home2 .shopNow:hover {
    text-decoration: underline
}

.productGridBox-home2 .actionButton,
.productGridBox-home2 input {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-weight: 700
}

.productGridBox-home3 {
    position: relative;
    display: block;
    height: 245px;
    max-height: 245px;
    overflow: hidden
}

.productGridBox-home3 .productImage {
    width: 100%;
    height: 134px;
    overflow: hidden
}

.productGridBox-home3 .productImage img {
    width: 99%;
    height: auto;
    border: 1px solid #dfdfdf
}

.productGridBox-home3 .productPrice,
.productGridBox-home3 .productTitle {
    font-size: 16px;
    color: #90336f;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 6px;
    line-height: 22px;
    text-align: center
}

.productGridBox-home3 .productPrice a,
.productGridBox-home3 .productTitle a {
    color: #90336f
}

.productGridBox-home3 .productPrice a:hover,
.productGridBox-home3 .productTitle a:hover {
    text-decoration: underline
}

.productGridBox-home3 .productDesc {
    line-height: 20px;
    text-align: center;
    padding-top: 12px
}

.productGridBox-home3 .productInfo {
    font-size: 12px;
    font-weight: 700;
    color: #817c7a;
    line-height: 14px
}

#wrapper {
    transition: all .3s linear 0s;
    display: block;
    background-color: #fff;
    padding: 15px 0
}

#wrapper.wrapper-home {
    padding: 15px 0;
    clear: both;
    background: 0 0
}

.columnCenter {
    width: 96%;
    margin: 0 auto;
    padding: 0 2%
}

.fixedWidth {
    width: 998px;
    margin: 0 auto;
    display: block;
    clear: both
}

.fourCategories .oneHalf,
.fourProducts .oneHalf {
    margin-bottom: 20px
}

.fourCategories .oneHalf:nth-child(2n+0),
.fourProducts .oneHalf:nth-child(2n+0) {
    margin-right: 0
}

.fourCategories .oneFourth,
.fourProducts .oneFourth {
    margin-bottom: 20px;
    margin-right: 10px
}

.fourCategories .oneFourth:nth-child(4n+0),
.fourProducts .oneFourth:nth-child(4n+0) {
    margin-right: 0
}

.productGridBox {
    border: 1px solid #f1f1f1;
    padding: 8px 8px;
    position: relative;
    display: block;
    min-width: 160px;
    border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px
}

.productGridBox .productImage {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
    margin-bottom: 12px;
    text-align: center
}

.productGridBox .productImage a {
    display: block
}

.productGridBox .productImage img[src="http://ware-new.bluestar-apps.com/images/ajax-loader-product.gif"] {
    position: absolute;
    top: 50%;
    left: 50%
}

.productGridBox .productImage img.animateImageClass {
    position: absolute;
    top: 100px;
    left: 95px;
    width: auto;
    height: auto;
    display: inline-block
}

.productGridBox .productImage>.sub-similar-product a {
    color: #333;
    display: inline-block
}

.productGridBox .productTitle {
    text-align: center;
    display: block;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis
}

.productGridBox .productPrice {
    text-align: center;
    font-size: 14px;
    clear: both;
    padding-top: 5px;
    line-height: 22px
}

.productGridBox .productPrice span {
    text-decoration: line-through;
    display: block;
    color: #888
}

.productGridBox .productPrice span:first-child {
    font-size: 16px;
    text-decoration: none
}

.productGridBox .newTag,
.productGridBox .saleTag {
    position: absolute;
    left: -8px;
    top: -7px
}

.productGridBox .saveForLater {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 999;
    display: none
}

.productGridBox:hover .saveForLater {
    display: block
}

.productGridBox .saveForLater a {
    text-decoration: none;
    color: #000;
    display: block;
    line-height: 18px;
    background-image: url(/images/icons/icon-18-18.png);
    background-repeat: no-repeat;
    background-position: 0 -272px;
    padding-left: 20px
}

.productGridBox .saveForLater a:hover {
    background-position: 0 -254px;
    color: #b01105
}

.productGridBox .saveForLater a.saved {
    background-position: 0 -254px;
    color: #b01105;
    cursor: default
}

.productGridBox2 {
    background-color: #fff;
    position: relative;
    display: block;
    overflow: hidden
}

.productGridBox2 .hover-options {
    display: block;
    font-style: normal;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.productGridBox2:hover .hover-options {
    opacity: 1;
    visibility: visible
}

.productGridBox2 a.plus-icon {
    background: url(../images/zoom-plus.png) no-repeat;
    display: inline-block;
    width: 52px;
    height: 52px;
    position: absolute;
    top: -52px;
    left: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: top .3s linear;
    -moz-transition: top .3s linear;
    -ms-transition: top .3s linear;
    -o-transition: top .3s linear;
    transition: top .3s linear;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.productGridBox2:hover a.plus-icon {
    top: 50%
}

.productGridBox2 .productImage {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    clear: both
}

.productGridBox2 .productImage a {
    display: block
}

.productGridBox2 .productImage img {
    width: 100%;
    float: left
}

.productGridBox2 .descriptionBox {
    width: 94%;
    padding: 2% 3%;
    height: 20px;
    position: absolute;
    bottom: 1px;
    background-color: #fbfaf8;
    display: none
}

.productGridBox2:hover .descriptionBox {
    height: auto
}

.productGridBox2 .productPrice,
.productGridBox2 .productTitle {
    font-size: 16px;
    color: #90336f;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    line-height: 26px
}

.productGridBox2 .productPrice a,
.productGridBox2 .productTitle a {
    color: #007f91
}

.productGridBox2 .productPrice a:hover,
.productGridBox2 .productTitle a:hover {
    text-decoration: underline
}

.productGridBox2 .productDesc {
    font-size: 11px;
    line-height: 14px
}

.productGridBox2 .productInfo {
    font-size: 12px;
    font-weight: 700;
    color: #817c7a;
    line-height: 14px
}

.productGridBox2 .shopNow {
    color: #007f91;
    font-size: 11px;
    font-style: italic;
    float: right
}

.productGridBox2 .shopNow:hover {
    text-decoration: underline
}

.productGridBox2 .actionButton,
.productGridBox2 input {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-weight: 700
}

.productGridBox3 {
    position: relative;
    display: block;
    height: 245px;
    max-height: 245px;
    overflow: hidden
}

.productGridBox3 .productImage {
    width: 100%;
    height: 134px;
    overflow: hidden
}

.productGridBox3 .productImage img {
    width: 99%;
    height: auto;
    border: 1px solid #dfdfdf
}

.productGridBox3 .productPrice,
.productGridBox3 .productTitle {
    font-size: 16px;
    color: #90336f;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 6px;
    line-height: 22px;
    text-align: center
}

.productGridBox3 .productPrice a,
.productGridBox3 .productTitle a {
    color: #90336f
}

.productGridBox3 .productPrice a:hover,
.productGridBox3 .productTitle a:hover {
    text-decoration: underline
}

.productGridBox3 .productDesc {
    line-height: 20px;
    text-align: center;
    padding-top: 12px
}

.productGridBox3 .productInfo {
    font-size: 12px;
    font-weight: 700;
    color: #817c7a;
    line-height: 14px
}

.boxShadow {
    width: 100%;
    height: 40px;
    float: left;
    margin: 0 0;
    padding: 0 0;
    overflow: hidden;
    background: url(/images/category-box-shadow.png) no-repeat right -20px
}

.shadowBox {
    margin: 0 0
}

.shadowBox .innerShadowBox {
    margin: 25px 0 0
}

.selectDiamondHome {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
    text-align: center;
    width: 100%;
    float: left
}

.selectDiamondHome li {
    width: 7.2%;
    margin: 0 0;
    padding: 0 1%;
    display: inline-block;
    *display: inline;
    text-align: center;
    zoom: 1
}

.selectDiamondHome li img {
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.selectDiamondHome li label {
    display: block;
    text-align: center;
    cursor: pointer
}

.selectDiamondHome li label input[type=radio] {
    margin-bottom: 5px
}

.about-us-con {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left
}

.about-us-con h3 {
    text-align: left
}

.about-us-con p {
    font-size: 14px;
    line-height: 20px;
    text-align: justify
}

.about-us-con img.history-img {
    float: right;
    margin: 14px 0 10px 20px
}

.ask-ashley-banner {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative
}

.ask-ashley-banner .ask-ashley-text {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 74px;
    text-transform: capitalize;
    color: #007f91;
    line-height: 74px
}

.askBtn {
    background: linear-gradient(to bottom, #007f91 0, #ad80b4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ad80b4;
    color: #fff;
    text-decoration: none;
    padding: 6px 10px
}

.askBtn:hover {
    color: #ccc
}

.ask-ashley-head {
    clear: both;
    margin: 20px 0 30px;
    padding: 0;
    font-size: 22px;
    text-transform: capitalize;
    color: #007f91;
    text-align: center
}

.ask-ashley-con {
    clear: both;
    margin: 0 75px 40px;
    padding: 0
}

.ask-ashley-pic {
    clear: both;
    margin: 0;
    padding: 0
}

.ask-ashley-pic img {
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: 10px 10px 0 #007f91
}

.ask-ashley-question {
    clear: both;
    margin: 20px 0 0 25px;
    padding: 0
}

.ask-ashley-question-con {
    clear: both;
    margin: 20px 0 0 0;
    padding: 0
}

.ask-ashley-question-con ul {
    margin: 0;
    padding: 0
}

.ask-ashley-question-con ul li {
    margin: 0 0 0;
    padding: 0 0 10px 15px;
    background: url(../images/icons/question-bullet.png) no-repeat 2px 6px;
    list-style: none
}

.question-type-con {
    clear: both;
    margin: 0 75px 10px;
    padding: 80px 70px;
    background-color: #f4f4f4;
    position: relative
}

.question-type-con .quetion-top-coma {
    width: 40px;
    height: 41px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 22px;
    left: 22px
}

.question-type-con .quetion-bot-coma {
    width: 40px;
    height: 41px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 22px;
    right: 22px
}

.question-ans-list {
    clear: both;
    margin: 0;
    padding: 0
}

.question-ans-list ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    min-height: 180px !important
}

.question-ans-list ul li {
    width: 100%;
    float: left;
    margin: 0 0 13px;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 20px
}

.question-ans-list ul li .name-con-list {
    width: 12%;
    margin: 0;
    padding: 0;
    float: left;
    color: #007f91
}

.question-ans-list ul li .reply-con {
    width: 86%;
    margin: 0;
    padding: 0;
    float: right;
    color: #383838
}

.contentBox {
    padding-bottom: 20px;
    display: block;
    padding-top: 15px;
    float: left;
    width: 100%
}

.contentBox p {
    padding-bottom: 0
}

.contentTitle {
    display: block;
    padding-bottom: 10px
}

.contentBox .contentTitle {
    display: block;
    font-weight: 700;
    padding-bottom: 5px
}

.inner-page-listing {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.inner-page-listing ol {
    margin: 0;
    padding: 0
}

.inner-page-listing ol li {
    width: 692px;
    margin: 0;
    padding: 5px 0 5px 20px;
    list-style: none;
    background: url(/images/icons/side-nav-icon.png) no-repeat 7px 9px
}

.specialityTags {
    list-style: none;
    margin: 0 0;
    width: 100%;
    float: left;
    text-align: center
}

.specialityTags li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-left: 1px solid #dfdfdf;
    padding: 0 20px;
    width: 18%
}

.specialityTags li img {
    width: 100%;
    height: auto
}

.specialityTags li:first-child {
    border-left: none
}

.pageBanner {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0 0;
    background-color: #fafafa;
    overflow: hidden
}

.pageBanner img {
    width: inherit;
    height: auto
}

.all-pageHeading span {
    font-size: 14px;
    letter-spacing: normal
}

.all-pageHeading span.partner-head {
    height: 45px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #727272;
    margin: 0 0;
    padding: 0 20px;
    display: inline-block;
    background-color: #fff
}

.pro-listing-head-bg {
    display: block;
    margin: 0;
    padding: 5px 0;
    background: #f9f9f9
}

h1.pad-for {
    padding: 5px 0 3px 0;
    text-align: center !important;
    font-size: 14px;
    text-transform: uppercase
}

.filter-new {
    font-weight: 400;
    text-align: center;
    display: block;
    clear: both
}

.filter-new ul {
    margin: 0;
    padding: 0
}

.filter-new ul li {
    margin: 0;
    padding: 0 0 5px 13px;
    vertical-align: top;
    list-style: none;
    display: inline-block
}

.filter-new ul li .fiter-text {
    margin: 0;
    padding: 5px 0 0;
    vertical-align: top;
    list-style: none;
    color: #333;
    font-size: 12px;
    text-transform: capitalize;
    float: left;
    color: #2e2e2e
}

.filter-new ul li .selectDropDown-new {
    width: 145px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    overflow: hidden;
    background-color: #fff;
    display: inline-block
}

.filter-new ul li .selectDropDown-new select {
    width: 180px;
    height: 100%;
    display: block;
    border: none;
    background: 0 0;
    outline: 0;
    padding: 2px 15px 2px 2px
}

#advancedFilter {
    margin: 0 0;
    padding: 12px 12px 0;
    background-color: #e8e8e8;
    position: relative;
    clear: both
}

#advancedFilter .columnFull {
    background-color: #fff;
    padding: 10px 1.7%;
    width: 96.6%
}

#advancedFilter .oneSixth p {
    padding: 12px 0
}

.filterBar .filterHideShow {
    width: 150px;
    padding: 12px 12px;
    text-align: left;
    float: left;
    border-radius: 0 0 4px 4px;
    font-weight: 700;
    background-color: #e8e8e8
}

.filterBar .filterHideShow:hover {
    color: #000
}

.filterBar .filterHideShow span {
    float: right;
    vertical-align: top;
    margin-top: -1px
}

.filterBar .filterForm {
    margin: 10px 10px 0
}

.filterBar .filterForm label {
    color: #000;
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
    line-height: 24px
}

.filterBar .resultFound {
    float: right;
    color: #000;
    line-height: 24px
}

.sideNavigationBox {
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    clear: both;
    background-color: #fbfaf8;
    overflow: hidden
}

.sideNavigationBox .sideNavTitle {
    display: block;
    margin: 0 0 3px;
    padding: 6px 0 6px 10px;
    text-transform: uppercase;
    font-size: 12px;
    clear: both;
    background-color: #007f91;
    color: #fff
}

.sideNavigation {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0 0;
    list-style: none
}

.sideNavigation li {
    display: block
}

.sideNavigation li a {
    color: #333;
    display: block;
    padding: 0 12px 0 10px;
    font-size: 13px;
    line-height: 22px;
    text-transform: capitalize
}

.sideNavigation li a:hover {
    color: #666
}

.sideNavigation li.level {
    /*background:url(/images/arrow-right-gray.png) no-repeat right 11px; */
    font-size: 13px
}

.sideNavigation li.level strong {
    padding: 0 12px 0 10px;
    color: #007f91 !important
}

.sideNavigation li.level span {
    float: right;
    text-decoration: underline
}

.sideNavigation li ol.subSideNavigation {
    padding: 5px;
    margin: 5px 10px;
    background-color: #f1f1f1
}

.sideNavigation li ol.subSideNavigation li {
    display: block
}

.sideNavigation li ol.subSideNavigation li a {
    color: #333;
    display: block;
    padding: 0 12px 0 10px;
    font-size: 13px;
    line-height: 22px;
    text-transform: capitalize
}

.sideNavigation li ol.subSideNavigation li a:hover {
    color: #666
}

.productFilterBox {
    margin: 0 0 15px;
    padding: 0 0;
    border: 1px solid #dfdfdf;
    border-radius: 4px 4px 0 0;
    display: block;
    overflow: hidden
}

.productFilterBox .filterTitle {
    display: block;
    margin: 0 0;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    clear: both;
    line-height: 32px;
    cursor: pointer
}

.productFilterBox .filterTitle span {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px
}

.productFilterBox .filterTitle .selectDropDown {
    margin: 4px 5px 0 5px;
    width: 175px;
    vertical-align: top;
    float: right;
    border-color: #d3d3d3
}

.productFilterBox .filterTitle .selectDropDown select {
    width: 208px
}

.productFilterBox ul {
    list-style: none;
    margin: 8px 0 0;
    padding: 0 5px;
    height: 155px;
    overflow-y: auto
}

.productFilterBox ul li {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    line-height: 20px
}

.productFilterBox ul li label {
    display: block;
    line-height: 18px;
    padding: 3px 5px;
    line-height: 20px
}

.productFilterBox ul li label a {
    text-decoration: underline
}

.productFilterBox ul li label:hover,
.productFilterBox ul li label:hover a {
    color: #283e31;
    background-color: #dfdfdf
}

.productFilterBox ul li label input[type=checkbox],
.productFilterBox ul li label input[type=radio] {
    padding-right: 7px;
    vertical-align: text-top
}

#footer {
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
    float: left;
    border-top:1px solid #ddd;
}

.popularBrands {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 60px;
    border-bottom: 1px solid #e3e7eb;
    margin-bottom: 60px;
}

.social-icon {
    margin: 0;
    padding: 0;
    float: left
}

.social-icon ul {
    margin: 0;
    padding: 0
}

.social-icon ul li {
    margin: 0 1px 0 0;
    padding: 0;
    float: left;
    list-style: none
}

.copyright {
    width: 100%;
    margin: 8px 0 0;
    padding: 0;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    float: left
}

.scrollup {
    opacity: .8;
    position: fixed;
    bottom: 125px;
    right: 25px;
    display: none;
    color: #000;
    padding: 0 6px;
    line-height: 24px;
    z-index: 10000;
    background: #fff
}

.scrollup {
    background: #fff;
    border-radius: 20px;
    bottom: 125px;
    color: #000;
    display: none;
    font-size: 24px;
    height: 32px;
    line-height: 30px;
    opacity: .8;
    padding: 0;
    position: fixed;
    right: 25px;
    text-align: center;
    width: 32px;
    z-index: 10000;
    transition: all .8s linear
}

.scrollup:hover {
    color: #fff;
    background: #666
}

.productDetailBox .productTitle {
    font-weight: 700;
    font-size: 16px;
    display: block;
    text-align: left
}

.productDetailBox .productCode {
    font-weight: 700;
    line-height: 22px;
    display: block
}

.productDetailBox .productDesc {
    display: block;
    text-align: justify
}

.productDetailBox .productSalesPrice {
    font-size: 40px;
    color: #b05a92;
    line-height: 48px;
    display: inline-block
}

.productDetailBox .productSalesPrice em {
    font-size: 16px;
    vertical-align: top;
    color: #404040
}

.productDetailBox .productPrice {
    font-size: 16px;
    color: #a0a0a0;
    text-decoration: line-through;
    border-left: 1px solid #dfdfdf;
    padding-left: 15px;
    margin-left: 15px;
    display: inline-block;
    line-height: 48px;
    vertical-align: top
}

.productDetailBox .productReview {
    display: block;
    margin: 10px 0
}

.productDetailBox .productImage {
    margin: 0 0;
    padding: 0 0
}

.requestButtonBox {
    width: 410px;
    float: left
}

.requestButtonBox .selectYourRing {
    display: block;
    margin-bottom: 15px
}

.requestButtonBox .selectYourRing .selectDropDown {
    width: 180px
}

.requestButtonBox .selectYourRing .selectDropDown select {
    width: 212px
}

.requestButtonBox .selectYourRing label {
    display: block;
    padding-bottom: 7px
}

.requestButtonBox .savedItemNo,
.requestButtonBox .savedItemYes {
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    padding-left: 32px
}

.requestButtonBox .savedItemYes {
    background-position: -8px -57px
}

.requestButtonBox .savedItemNo {
    background-position: -8px -93px
}

.requestButtonBox .addToCartButton {
    width: 400px;
    height: 56px;
    display: block;
    margin-bottom: 15px
}

.requestButtonBox .addToCartButton input[type=button],
.requestButtonBox .addToCartButton input[type=submit] {
    font-size: 24px;
    color: #fff;
    text-align: left;
    height: inherit;
    width: inherit;
    border: none;
    padding-left: 20px;
    cursor: pointer;
    font-weight: 700
}

.requestButtonBox .addToCartButton input[type=button].addtocartIcon,
.requestButtonBox .addToCartButton input[type=submit].addtocartIcon {
    background-position: 340px 15px;
    background-color: transparent
}

.requestButtonBox .buttonType28 {
    width: 40%;
    float: left;
    margin: 15px 25px 0 0
}

.specificationBox {
    width: 100%;
    float: left;
    margin: 0 0;
    padding: 0 0
}

.specificationBox .specificationTabs {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    float: left
}

.specificationBox .specificationTabs li {
    margin: 0 5px;
    padding: 0 0;
    float: left;
    position: relative
}

.specificationBox .specificationTabs li .arrowDown {
    width: 100%;
    height: 11px;
    background: url(/images/icons/arrow-down-black2.png) no-repeat center top;
    position: absolute;
    display: none;
    bottom: -9px
}

.specificationBox .specificationTabs li.active .arrowDown,
.specificationBox .specificationTabs li:hover .arrowDown {
    display: block
}

.specificationBox .specificationTabs li a {
    padding: 6px 10px;
    border-radius: 4px 4px 0 0;
    display: block;
    border-bottom: none !important
}

.specificationBox .specificationTabs li.active a,
.specificationBox .specificationTabs li:hover a {
    background: #4a4a4a;
    color: #fff;
    background: -moz-linear-gradient(top, #4a4a4a 0, #252525 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, #252525));
    background: -webkit-linear-gradient(top, #4a4a4a 0, #252525 100%);
    background: -o-linear-gradient(top, #4a4a4a 0, #252525 100%);
    background: -ms-linear-gradient(top, #4a4a4a 0, #252525 100%);
    background: linear-gradient(to bottom, #4a4a4a 0, #252525 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#252525', GradientType=0)
}

.specificationTable {
    width: 100%;
    float: left;
    margin: 15px 0 25px
}

.specificationTable table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dfdfdf
}

.specificationTable table tr td {
    padding: 4px 8px;
    text-align: left
}

.specificationTable table tbody tr {
    border-top: 1px solid #dfdfdf
}

.specificationTable table tbody tr:first-child {
    border-top: none
}

.specificationTable table tbody tr:nth-child(even) {
    background: #fefefe
}

.specificationTable table tbody tr:nth-child(odd) {
    background: #f5f5f5
}

.specificationTable table tbody tr td:nth-child(1) {
    width: 20%;
    font-weight: 700
}

.specificationTable table tbody tr td:nth-child(2) {
    width: 1%;
    text-align: center
}

.specificationTable table tbody tr td:nth-child(3) {
    width: 79%
}

.productDetailLeft {
    width: 90%;
    min-height: 500px;
    padding-right: 7%;
    float: left;
    border-right: 1px solid #f5f5f5;
    box-shadow: inset -20px 0 30px -10px #dfdfdf
}

.productPrivewBox {
    width: 100%;
    height: 300px;
    float: left;
    margin: 20px 0;
    padding: 0 0;
    background-color: #fff;
    outline: 1px solid #dfdfdf;
    overflow: hidden;
    position: relative
}

.productPrivewBox img {
    width: 100%;
    height: auto
}

p.zoomIcon {
    padding-left: 24px;
    background-position: 0 -180px;
    display: block;
    overflow: hidden
}

.productPrivewThumb {
    list-style: none;
    margin: 12px 0;
    padding: 0 0;
    width: 100%;
    float: left
}

.productPrivewThumb li {
    float: left;
    margin: 0 0 0 10px;
    width: 22.75%;
    border: 1px solid #dfdfdf;
    height: 68px;
    overflow: hidden;
    text-align: center
}

.productPrivewThumb li:first-child {
    margin-left: 0
}

.productPrivewThumb li a {
    display: block
}

.productPrivewThumb li img {
    width: 100%;
    height: auto;
    opacity: .6
}

.productPrivewThumb li:hover img {
    opacity: 10
}

.productPrivewThumb li:hover {
    border-color: #999
}

.followingShapes {
    width: 100%;
    float: left;
    margin: 0 0;
    padding: 0 0
}

.followingShapes p {
    text-align: center;
    font-weight: 700
}

.followingShapes ul {
    list-style: none;
    text-align: center;
    width: 100%;
    float: left;
    margin: 10px 0 0
}

.followingShapes ul li {
    width: 18px;
    height: 18px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    display: inline-block;
    margin: 0 2px
}

.followingShapes ul li a {
    display: block;
    height: 18px
}

.youMayAlsoLike {
    display: block
}

.youMayAlsoLike p {
    display: block
}

.starRatingBox {
    display: block;
    margin: 0 0;
    padding: 0 0;
    line-height: 18px
}

.starRatingBox .starRating {
    width: 90px;
    height: 18px;
    background-position: 0 -272px;
    background-repeat: repeat-x;
    float: left;
    margin-right: 15px
}

.starRatingBox .starRating .starRated {
    display: block;
    height: 18px;
    width: 10%;
    background-position: 0 -254px;
    background-repeat: repeat-x
}

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

.starRatingBox ul li {
    display: inline-block;
    margin: 0 -1px;
    line-height: 18px;
    vertical-align: top
}

.createYourAccount {
    clear: both
}

.createYourAccount h1 {
    text-align: left;
    font-weight: 400;
    font-size: 18px !important
}

.createYourAccount .formBox {
    display: block;
    margin: 15px 0 0
}

.createYourAccount .formBox a.gotoPage {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 11px;
    margin-top: 8px
}

.newAccountForm {
    padding: 12px 12px;
    background-color: #fff;
    display: block;
    border: 1px solid #ccc
}

.newAccountForm h2 {
    border-bottom: 1px solid #dfdfdf;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    padding: 0 0 10px
}

.newAccountForm h2 span.errorMsg {
    float: right;
    color: red;
    font-size: 13px;
    font-weight: 400;
    text-decoration: blink
}

.newAccountForm p {
    color: #666;
    padding-bottom: 10px
}

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

.newAccountForm ul li {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.newAccountForm ul li font {
    color: red !important
}

.newAccountForm label {
    color: #666;
    display: block;
    padding-bottom: 4px
}

.newAccountForm label.selectDropDown {
    padding-bottom: 0
}

.newAccountForm input[type=password],
.newAccountForm input[type=text],
.newAccountForm textarea {
    display: block;
    text-indent: 5px;
    width: 100%;
    padding: 5px 0;
    border: 1px solid #ccc
}

.newAccountForm input[type=submit] {
    text-transform: uppercase;
    cursor: pointer
}

.newAccountForm input.capchaCodeField {
    width: 100px;
    float: left;
    vertical-align: top;
    text-indent: 5px;
    height: 24px
}

.newAccountForm img.capchaCodeImage {
    vertical-align: top;
    height: 28px
}

.newAccountForm a.gotoPage {
    float: left;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 11px;
    margin: 8px 0;
    color: #666
}

.newAccountForm a.gotoPage input[type=checkbox] {
    vertical-align: top;
    margin-top: 3px
}

.newAccountForm a.gotoPage:hover {
    text-decoration: none
}

.newAccountForm a.cancelPage {
    float: left;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 11px;
    margin-top: 8px;
    color: #666
}

.newAccountForm a.cancelPage:hover {
    text-decoration: underline
}

.signUpButtonsBox {
    border: 1px dashed #fff;
    padding: 15px 15px;
    text-align: center;
    border-radius: 6px 6px;
    display: table
}

.signUpButtonsBox a {
    display: table-cell;
    vertical-align: middle
}

#shoppingCartList {
    width: 100%;
    float: left;
    margin: 0 0;
    padding: 0 0;
    clear: both
}

#shoppingCartList table {
    width: 100%;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    background-color: #f7f7f7
}

#shoppingCartList table tr td,
#shoppingCartList table tr th {
    padding: 14px 20px;
    vertical-align: top
}

#shoppingCartList table thead {
    background-color: #ebebeb;
    font-weight: 700
}

#shoppingCartList table tbody tr {
    border-top: 1px solid #dfdfdf
}

#shoppingCartList .productImage {
    max-width: 100px;
    text-align: center
}

#shoppingCartList .productImage img {
    max-width: 100%
}

#shoppingCartList .productCode,
#shoppingCartList .productImage,
#shoppingCartList .productQty,
#shoppingCartList .productRemove,
#shoppingCartList .productSalePrice,
#shoppingCartList .productSize,
#shoppingCartList .productTitle {
    display: block
}

#shoppingCartList .productCode {
    text-transform: uppercase
}

#shoppingCartList .productSize {
    font-weight: 700
}

#shoppingCartList .productQty {
    margin-top: 20px
}

#shoppingCartList .productQty select {
    border: 1px solid #dfdfdf;
    padding: 2px 2px;
    width: 50px
}

#shoppingCartList .productRemove {
    color: #283e31;
    margin-top: 0px;
    font-weight: 400;
    display: inline-block
}

#shoppingCartList .productRemove:hover {
    text-decoration: none;
    color: #007f91
}

#shoppingCartList .productSalePrice {
    display: block;
    text-align: right
}

.paymentSecureVoucher {
    list-style: none;
    margin: 0 0;
    padding: 10px 10px
}

.paymentSecureVoucher li {
    float: left;
    min-height: 90px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #dfdfdf
}

.paymentSecureVoucher li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

.paymentSecureVoucher li span {
    font-weight: 700;
    color: #000;
    font-weight: 400;
    margin-bottom: 6px;
    display: block
}

.paymentSecureVoucher li input[type=text] {
    width: 99%;
    border: 1px solid #dfdfdf;
    text-indent: 6px
}

.paymentSecureVoucher li input[type=submit] {
    display: block;
    width: 205px;
    margin-top: 5px
}

.carttotal {
    margin: 7px 0 0
}

.carttotal table {
    width: 100%;
    border-collapse: separate;
    border: none
}

.carttotal table tr td {
    text-align: right;
    padding: 4px 0
}

.infoBox {
    min-height: 325px;
    width: 100%;
    float: left
}

#easy_zoom {
    width: 430px;
    height: 400px;
    text-align: center;
    border: 5px solid #eee;
    background: #fff;
    color: #333;
    position: absolute;
    top: 0;
    left: 100%;
    overflow: hidden;
    -moz-box-shadow: 0 0 10px #777;
    -webkit-box-shadow: 0 0 10px #777;
    box-shadow: 0 0 10px #777;
    line-height: 400px;
    text-align: center;
    z-index: 9999
}

.quickListDetail {
    width: 315px;
    margin: 0 0;
    padding: 8px 8px;
    box-shadow: 4px 0 0 #555;
    position: fixed;
    bottom: 0;
    right: 20px;
    z-index: 9999;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    background-color: #f5f5f5
}

.quickListDetail .columnFull {
    width: 100%;
    margin-bottom: -8px;
    margin-left: -8px;
    padding: 0 8px 20px;
    background-color: #ccc;
    background-image: -moz-linear-gradient(center top, #fff, #ccc);
    box-shadow: 0 1px 0 rgba(200, 200, 200, .2);
    cursor: pointer
}

.innerQuickList .columnFull .savedItems {
    font-size: 16px;
    float: left;
    color: #90336f;
    line-height: 30px
}

.quickListDetail .innerQuickList {
    width: 315px;
    margin: 0 0;
    box-shadow: 0 0 4px #555;
    display: none;
    z-index: 9999;
    background-color: #f5f5f5
}

.quickListDetail .innerQuickList .thumbnail {
    border: 1px solid #999;
    padding: 1px 1px;
    overflow: hidden
}

.quickListDetail .innerQuickList .thumbnail img {
    width: 100%;
    height: auto
}

.quickListDetail .innerQuickList .columnFull {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #666;
    background-color: #f5f5f5
}

.quickListDetail .innerQuickList .productSku,
.shortCartDetail .productDesc,
.shortCartDetail .productPrice,
.shortCartDetail .productQty,
.shortCartDetail .productTitle {
    font-size: 10px;
    color: #5a5a5a
}

.quickListDetail .innerQuickList .productSku {
    font-weight: 700;
    line-height: 10px;
    padding-bottom: 2px;
    display: block
}

.quickListDetail .innerQuickList .productTitle {
    display: block;
    padding-bottom: 4px;
    margin: 0;
    margin-bottom: 2px;
    line-height: 13px;
    border-bottom: 1px solid #e9e9e9
}

.quickListDetail .innerQuickList .productPrice {
    color: red;
    font-weight: 700
}

.quickListDetail .innerQuickList .productQty {
    color: #000;
    padding-left: 15px
}

.quickListDetail .innerQuickList .remove {
    text-decoration: underline;
    color: #555;
    font-size: 10px;
    float: right
}

.quickListDetail .innerQuickList .remove:hover {
    text-decoration: none
}

.quickListDetail .innerQuickList .totalAmount {
    font-size: 18px;
    float: left;
    color: #90336f;
    line-height: 30px
}

.quickListDetail .innerQuickList input[type=submit],
.shortCartDetail input[type=button] {
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    width: 315px
}

#myBagToggle {
    position: absolute;
    bottom: -1px;
    right: 50px;
    z-index: 9999;
    padding: 3px 8px 0;
    background-color: #fff;
    border: 1px solid #283e31;
    border-bottom: none;
    border-radius: 4px 4px 0 0
}

.myBagDetailBox {
    width: 315px;
    margin: 0 0;
    padding: 8px 0;
    font-size: 11px;
    position: absolute;
    top: 100%;
    right: -1px;
    display: none;
    z-index: 9999;
    border: 1px solid #283e31;
    border-top: none;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px
}

.myBagDetailBox .thumbnail {
    border: 1px solid #999;
    padding: 1px 1px;
    overflow: hidden
}

.myBagDetailBox .thumbnail a {
    display: block;
    margin: 0 0;
    padding: 0 0
}

.myBagDetailBox .thumbnail img {
    width: 100%;
    height: auto
}

.myBagDetailBox .columnFull {
    margin: 0 0
}

.myBagDetailBox .productCode {
    font-weight: 700;
    line-height: 10px;
    padding-bottom: 2px;
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #404040
}

.myBagDetailBox .productSku {
    font-weight: 700;
    line-height: 10px;
    padding-bottom: 8px;
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #404040
}

.myBagDetailBox .productTitle {
    display: block;
    padding-bottom: 4px;
    margin: 0;
    margin-bottom: 2px;
    line-height: 13px;
    border-bottom: 1px solid #e9e9e9;
    color: #404040
}

.myBagDetailBox .productDesc {
    color: #404040
}

.myBagDetailBox .productPrice {
    font-weight: 700
}

.myBagDetailBox .productQty {
    color: #000;
    padding-left: 15px
}

.header-main-nav .myBagDetailBox ul li a.remove:link {
    text-decoration: underline;
    color: #555;
    font-size: 11px;
    float: right;
    padding-right: 5px;
    text-transform: none;
    margin: 0
}

.header-main-nav .myBagDetailBox ul li a.remove:hover {
    text-decoration: none;
    border: 0
}

.myBagDetail ul a.remove:link {
    text-decoration: underline;
    color: #555;
    font-size: 11px;
    float: right;
    padding-right: 5px;
    text-transform: none;
    margin: 0
}

.myBagDetail ul a.remove:hover {
    text-decoration: none;
    border: 0
}

.myBagDetailBox .totalAmount {
    font-size: 16px;
    float: left;
    font-weight: 700;
    color: #404040;
    line-height: 30px;
    margin-left: 11px
}

.myBagDetailBox input[type=button],
.myBagDetailBox input[type=submit] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 11px
}

.myBagDetail {
    clear: both;
    max-height: 335px;
    overflow-y: auto
}

.myBagDetail>ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0 0;
    overflow: hidden
}

.myBagDetail>ul>li {
    margin: 10px 10px 0;
    padding: 5px 5px;
    border: 1px dashed #e5e5e5;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px #f5f5f5;
    clear: both;
    overflow: hidden
}

.myBagDetail>ul>li:first-child {
    margin-top: 0
}

.myBagDetail p {
    font-size: 13px !important;
    line-height: 18px !important
}

.myBagDetail .productPrice {
    color: #a07936
}

.quickListDetailBox {
    position: fixed;
    bottom: -2px;
    left: 0px;
    width: 320px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    z-index: 999
}

.quickListDetailBox .listTitle {
    display: block;
    color: #3f3f3f;
    padding: 6px 10px;
    font-weight: 700;
    cursor: pointer;
    width: 130px;
    background: #fff;
    position: absolute;
    top: -31px;
    left: 1px;
    border-radius: 6px 6px 0 0;
    border: 1px solid #dfdfdf;
    border-bottom: none
}

.quickListDetailBox .listTitle:hover {
    color: #000
}

.quickListDetailBox .listContainer {
    display: block;
    padding: 0 0
}

.quickListDetailBox .myBagDetailBox {
    box-shadow: none;
    position: static;
    float: right;
    border: none
}

.quickListDetailBox .starIcon {
    background-position: 0 -252px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px
}

.starIcon {
    background-image: url(/images/icons/icon-18-18.png)
}

.classForDevUse {
    position: relative
}

.removeFromQuick {
    display: none;
    margin: -2px 15px 13px 5px;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0
}

.classForDevUse article {
    position: absolute;
    background: url(/images/image_hover.png);
    background-repeat: repeat;
    width: 100%;
    height: 175px
}

.classForDevUse article.da-animate {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.classForDevUse:hover .removeFromQuick {
    display: block
}

.staticBlock {
    border-style: dashed !important;
    display: block;
    padding: 10px
}

.da-slideFromTop {
    left: 0;
    top: -100%
}

.da-slideFromBottom {
    left: 0;
    top: 100%
}

.da-slideFromLeft {
    top: 0;
    left: -100%
}

.da-slideFromRight {
    top: 0;
    left: 100%
}

.da-slideTop {
    top: 0
}

.da-slideLeft {
    left: 0
}

.classForDevUse article a {
    color: #fff;
    padding: 20px
}

.classForDevUse article h3 {
    color: #fff;
    padding-top: 25px;
    font-size: 14px;
    margin: 0 10px;
    width: auto;
    line-height: 20px
}

.classForDevUse article p {
    float: left;
    width: 100%;
    display: block;
    margin-top: 20px
}

.classForDevUse article p a {
    text-indent: -99999px;
    padding: 5px 15px
}

.classForDevUse article p a.link {
    background: url(/images/icon-link.png) no-repeat center #fff
}

.classForDevUse article p a.link:hover {
    background: url(/images/icon-link.png) no-repeat center #aaa
}

/*.classForDevUse article p a.cart { background:url(/images/icon-addcart.png) no-repeat center #fff }
.classForDevUse article p a.cart:hover { background:url(/images/icon-addcart.png) no-repeat center #aaa }
*/
.classForDevUse article p a.zoom {
    background: url(/images/icon-zoom.png) no-repeat center #fff
}

.classForDevUse article p a.zoom:hover {
    background: url(/images/icon-zoom.png) no-repeat center #aaa
}

.classForDevUse article p a.quick_list {
    background: url(/images/star_add.png) no-repeat center #fff
}

.classForDevUse article p a.quick_list:hover {
    background: url(/images/star_add.png) no-repeat center #aaa
}

.classForDevUse article p a.quick_list_added {
    background: url(/images/star_added.png) no-repeat center #fff
}

.classForDevUse article p a.quick_list_added:hover {
    background: url(/images/star_added.png) no-repeat center #aaa
}

.classForDevUse article p a:hover {
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.legendBox {
    border: 1px solid #dfdfdf;
    border-radius: 6px 6px;
    padding: 10px 10px;
    margin-top: 15px;
    position: relative
}

.legendBox .legendTitle {
    background-color: #fff;
    line-height: 24px;
    padding: 0 5px;
    font-weight: 700;
    position: absolute;
    left: 15px;
    top: -12px
}

.legendBox .legendContent {
    width: 100%;
    float: left;
    margin: 0 0;
    padding: 0 0;
    clear: both
}

.bridal-registry-container {
    width: 998px;
    height: auto;
    margin: 10px auto;
    padding: 0
}

.bridal-registry-container .bridal-img-text {
    width: 998px;
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    float: left
}

.bridal-registry-container .bridal-img {
    width: 138px;
    height: 136px;
    margin: 0 15px 0 0;
    padding: 0;
    float: left
}

.bridal-registry-container .bridal-text {
    width: 845px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 14px;
    color: #484848;
    text-align: justify
}

.bridal-registry-container .wedding-month-con {
    width: 968px;
    height: auto;
    margin: 0;
    padding: 15px;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-month {
    width: 630px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-month.after-login {
    width: 968px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-month .wed-head {
    width: 550px;
    height: auto;
    margin: 0;
    padding: 0 0 10px 10px;
    float: left;
    border-bottom: 2px solid #273e31;
    font-family: Merienda, cursive;
    font-size: 20px;
    color: #273e31
}

.bridal-registry-container .wedding-month-con .wed-month .wed-head.after-login-head {
    width: 740px;
    height: auto;
    margin: 0;
    padding: 0 0 10px 10px;
    float: left;
    border-bottom: 2px solid #273e31;
    font-family: Merienda, cursive;
    font-size: 20px;
    color: #273e31
}

.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link {
    width: 550px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link ul {
    margin: 0;
    padding: 0
}

.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link ul li {
    width: 215px;
    margin: 0;
    padding: 15px 10px 0;
    list-style: none;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link ul li a {
    font-family: Merienda, cursive;
    font-size: 16px;
    color: #273e31;
    text-decoration: none
}

.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link ul li a:hover {
    color: #273e31;
    text-decoration: underline
}

.bridal-registry-container .wedding-month-con .wed-reg {
    width: 338px;
    height: 322px;
    margin: 0;
    padding: 0;
    float: left;
    background-color: #ffd8ba
}

.bridal-registry-container .wedding-month-con .wed-reg .reg-text {
    width: 338px;
    height: auto;
    margin: 0;
    padding: 25px 0;
    text-align: center;
    float: left;
    font-family: Merienda, cursive;
    font-size: 17px;
    color: #913f00;
    line-height: 30px
}

.bridal-registry-container .wedding-month-con .wed-reg .click-button {
    width: 338px;
    height: auto;
    margin: 0;
    padding: 20px 0 50px;
    text-align: center;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-reg .click-button a {
    margin: 0;
    padding: 9px 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: url(../images/button-bg.jpg) repeat-x;
    text-transform: uppercase
}

.bridal-registry-container .wedding-month-con .wed-reg .click-button a:hover {
    margin: 0;
    padding: 9px 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: url(../images/button-bg-h.jpg) repeat-x
}

.bridal-registry-container .wedding-month-con .wed-reg .reg-log-text {
    width: 338px;
    height: auto;
    margin: 0;
    padding: 0 0;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #273e31;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700
}

.bridal-registry-container .wedding-month-con .wed-reg .reg-log-text a {
    color: #273e31;
    text-decoration: underline;
    font-weight: 700
}

.bridal-registry-container .wedding-month-con .wed-reg .reg-log-text a:hover {
    color: #273e31;
    text-decoration: none
}

.bridal-registry-container .wedding-month-con.month-page {
    width: 968px;
    height: auto;
    margin: 0;
    padding: 15px;
    float: left;
    min-height: 422px
}

.bridal-registry-container .wedding-month-con .month-head {
    width: 968px;
    height: auto;
    margin: 0;
    padding: 0 0 10px;
    float: left;
    border-bottom: 2px solid #273e31;
    font-family: Merienda, cursive;
    font-size: 20px;
    color: #273e31
}

.bridal-registry-container .wedding-month-con .mon-link {
    width: 988px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

.bridal-registry-container .wedding-month-con .mon-link ul {
    margin: 0;
    padding: 0
}

.bridal-registry-container .wedding-month-con .mon-link ul li {
    width: 250px;
    margin: 0;
    padding: 20px 10px 0;
    list-style: none;
    float: left
}

.bridal-registry-container .wedding-month-con .mon-link ul li a {
    font-family: Merienda, cursive;
    font-size: 16px;
    color: #273e31;
    text-decoration: none
}

.bridal-registry-container .wedding-month-con .mon-link ul li a:hover {
    color: #273e31;
    text-decoration: underline
}

.bridal-registry-container .wedding-month-con .month-head {
    width: 958px;
    height: auto;
    margin: 0;
    padding: 0 0 10px 10px;
    float: left;
    border-bottom: 2px solid #273e31;
    font-family: Merienda, cursive;
    font-size: 20px;
    color: #273e31
}

.bridal-registry-container .wedding-month-con .bridal-product-page {
    width: 968px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

.bridal-registry-container .wedding-month-con .pro-link {
    width: 600px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

.bridal-registry-container .wedding-month-con .pro-link ul {
    margin: 0;
    padding: 0
}

.bridal-registry-container .wedding-month-con .pro-link ul li {
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    float: left
}

.bridal-registry-container .wedding-month-con .pro-link ul li.birdal-top-mar {
    padding: 40px 0 0 0
}

.bridal-registry-container .wedding-month-con .pro-link ul li.birdal-top-bot-mar {
    padding: 40px 0 20px 0
}

.bridal-registry-container .wedding-month-con .pro-link ul li span {
    width: 150px;
    font-size: 14px;
    font-weight: 700;
    color: #273e31;
    float: left;
    padding: 0 0 0 10px
}

.bridal-registry-container .wedding-month-con .pro-link ul li label {
    width: 325px;
    font-size: 14px;
    font-weight: 400;
    color: #273e31;
    float: left
}

.bridal-registry-container .wedding-month-con .pro-link ul li a {
    margin: 0;
    padding: 9px 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: url(../images/button-bg.jpg) repeat-x;
    text-transform: uppercase
}

.bridal-registry-container .wedding-month-con .pro-link ul li a:hover {
    margin: 0;
    padding: 9px 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: url(../images/button-bg-h.jpg) repeat-x
}

.bridal-registry-container .wedding-month-con .pro-img-con {
    width: 265px;
    height: auto;
    margin: 0;
    padding: 10px 0 0 0;
    float: right;
    text-align: right
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login {
    width: 391px;
    height: auto;
    margin: 10px 0 0 0;
    padding: 0;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul {
    margin: 0;
    padding: 0
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li {
    width: 100%;
    margin: 0;
    padding: 5px 10px 0;
    list-style: none;
    float: left
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li span {
    display: block;
    font-size: 18px;
    color: #273e31;
    margin: 0;
    padding: 0
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li span.upload-file {
    color: #fff !important;
    display: inline-block !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 10px 0 0 10px !important;
    padding: 10px !important
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-field {
    display: block;
    margin: 15px 0 10px;
    padding: 0
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-field input[type=text] {
    width: 360px;
    height: 25px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #dfdfdf
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-field input[type=password] {
    width: 360px;
    height: 25px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #dfdfdf
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-field select {
    width: 380px;
    height: 40px;
    margin: 0;
    padding: 10px;
    border: 1px solid #dfdfdf;
    background-color: #fff
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-field textarea {
    width: 360px;
    height: 80px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #dfdfdf
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-field a {
    margin: 0;
    padding: 9px 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: url(../images/button-bg.jpg) repeat-x;
    text-transform: uppercase
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-button {
    display: block;
    margin: 15px 0 10px;
    padding: 0;
    text-align: center
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-button input[type=submit] {
    margin: 0;
    padding: 9px 40px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: url(../images/button-bg.jpg) repeat-x;
    border: none;
    cursor: pointer;
    text-transform: uppercase
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-text-button input[type=submit]:hover {
    margin: 0;
    padding: 9px 40px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: url(../images/button-bg-h.jpg) repeat-x
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-login-button {
    display: block;
    margin: 15px 0 10px;
    padding: 0;
    text-align: center
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-login-button a {
    font-size: 14px;
    color: #273e31;
    text-decoration: underline
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-login-button a:hover {
    color: #273e31;
    text-decoration: none
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-login-button a.font-increzze {
    font-size: 18px;
    color: #273e31;
    text-decoration: underline
}

.bridal-registry-container .wedding-month-con .wed-month .profile-login ul li .birdal-login-button a.font-increzze:hover {
    color: #273e31;
    text-decoration: none
}

ul.social-plugin {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top
}

ul.social-plugin li {
    float: left;
    list-style: none
}

.width50 {
    width: 50px
}

.width75 {
    width: 75px
}

.width100 {
    width: 100px
}

.change-billing-field {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    float: left
}

.change-billing-field ul {
    padding: 0;
    margin: 0;
    font-size: 13px
}

.change-billing-field ul li {
    width: 97%;
    height: auto;
    padding: 8px 0 8px 3%;
    margin: 0;
    list-style-type: none;
    float: left;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd
}

.change-billing-field ul li.bor-bot-no {
    border-bottom: none
}

.change-billing-field ul li label {
    width: 30%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    color: #333;
    font-weight: 700
}

.change-billing-field ul li span {
    width: 70%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    line-height: 20px;
    color: #333
}

.product-cat-page {
    width: 968px;
    float: right;
    padding: 0;
    margin: 5px 0 0 0
}

.prd-cat-head-new {
    font: bold 24px/36px calibri, Arial, Verdana;
    text-align: left;
    padding: 2px 2px 2px 10px;
    background: #cd2d0b;
    color: #fff;
    overflow: hidden;
    clear: both
}

.left-product1 {
    width: 470px;
    height: 180px;
    border: 1px solid #d5d5d5;
    margin: 3px;
    padding: 2px;
    /*background:#fff url(../images/prdct-cat-bg.gif) bottom right no-repeat; */
    overflow: hidden
}

.left-product1 .product-head {
    font: normal 20px/20px calibri, Arial, Verdana;
    color: #cd2d0b;
    padding: 5px 5px 2px 8px;
    overflow: hidden
}

.left-product1 .product-head a {
    text-decoration: none;
    color: #05524a
}

.left-product1 .product-head a:hover {
    text-decoration: none;
    color: #4a4a4a
}

.left-product1 .product-short-desc {
    padding: 0 0 0 8px;
    margin: 0 0 10px 0;
    width: 170px
}

.left-product1 .product-short-desc img {
    margin: 5px 0 0 0
}

.left-product1 img {
    margin: 0 2px 10px 0;
    border: 0
}

.right-product2 {
    width: 470px;
    height: 180px;
    border: 1px solid #d5d5d5;
    margin: 3px;
    padding: 2px;
    /*background:#fff url(../images/prdct-cat-bg.gif) bottom right no-repeat; */
    overflow: hidden
}

.right-product2 .product-head {
    font: normal 20px/20px calibri, Arial, Verdana;
    color: #cd2d0b;
    padding: 5px 5px 2px 8px;
    overflow: hidden
}

.right-product2 .product-head a {
    text-decoration: none;
    color: #05524a
}

.right-product2 .product-head a:hover {
    text-decoration: none;
    color: #4a4a4a
}

.right-product2 .product-short-desc {
    padding: 0 0 0 8px;
    margin: 0;
    width: 170px
}

.right-product2 .product-short-desc img {
    margin: 10px 0 0 0
}

.right-product2 img {
    margin: 0 2px 10px 0;
    border: 0
}

.btn-inner {
    font-size: 14px !important;
    border: 1px solid #ad80b4;
    padding: 6px !important;
    color: #fff;
    background-color: #007f91;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #ad80b4), color-stop(1, #007f91));
    background: -moz-linear-gradient(center top, #ad80b4 20%, #007f91 100%);
    cursor: pointer !important
}

.btn-inner:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #007f91), color-stop(1, #ad80b4));
    background: -moz-linear-gradient(center top, #007f91 20%, #ad80b4 100%);
    color: #fff
}

.product-listing-page {
    width: 964px;
    float: right;
    padding: 2px 2px 12px 2px;
    margin: 0
}

.banner-head {
    font: bold 24px/32px calibri, Arial, Verdana;
    color: #ad80b4;
    padding: 8px 0 0 20px;
    overflow: hidden;
    border-bottom: none
}

.banner-text {
    font: normal 14px/18px calibri, Arial, Verdana;
    color: #606060;
    padding: 1px 0 0 20px;
    width: 300px
}

.classForDevUse .sub-similar-product {
    background-color: #fbfaf8;
    bottom: -15px;
    height: auto;
    opacity: 0;
    left: 0;
    margin: 0;
    padding: 10px 1%;
    position: absolute;
    width: 98%;
    height: auto;
    color: #333;
    transition: all .4s linear 0s
}

.main-similar-product:hover .sub-similar-product {
    opacity: 1;
    bottom: 0
}

.sub-similar-product a {
    color: #333;
    display: inline-block
}

table.border-grey {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

table.border-grey tr td {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 10px;
    float: left
}

input[type=password],
table.border-grey tr td input[type=text],
textarea {
    border: 1px solid #dfdfdf;
    padding: 5px;
    font: 12px/18px Arial, Helvetica, sans-serif
}

table.preferred-customer {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left
}

table.preferred-customer tr td {
    height: auto;
    margin: 0;
    padding: 5px 10px
}

input[id=fromEmail],
input[id=fromName],
input[type=password],
table.preferred-customer tr td input[type=text],
textarea {
    border: 1px solid #dfdfdf;
    padding: 5px;
    font: 12px/18px Arial, Helvetica, sans-serif
}

.j-brand-head {
    display: block;
    font-weight: 700;
    padding-bottom: 0
}

.product-desc-head-bg {
    background-color: #535353;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    padding: 5px 10px
}

.quick-view {
    display: none;
    left: 0;
    position: absolute;
    text-align: center;
    top: 90px;
    width: 100%
}

.fixedWidth .listingbox1:hover .quick-view {
    display: block
}

.fixedWidth .listingbox2:hover .quick-view {
    display: block
}

.related-products {
    background: #fff;
    border: 1px solid #e3e3e3;
    height: 210px;
    padding: 6px 12px;
    position: relative;
    display: block;
    overflow: hidden
}

.similar-head {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

#s2 .contentBox {
    border: 1px solid #dfdfdf;
    padding: 10px 10px
}

.customerReviews {
    border: 1px solid #dfdfdf;
    padding: 10px 10px;
    overflow: hidden
}

.customerReviews .review {
    list-style: none;
    margin: 0 0;
    padding: 0 0
}

.customerReviews .review li {
    width: 100%;
    float: left;
    margin: 6px 0 0;
    padding: 6px 0 5px;
    background-color: #f9f9f9
}

.customerReviews .review li:first-child {
    margin-top: 0;
    padding-top: 0
}

.customerReviews .review li p {
    padding: 0 10px;
    line-height: 18px;
    font-size: 12px
}

.customerReviews .review li .reviewerName {
    width: 48%;
    padding-left: 1%;
    float: left;
    font-weight: 700;
    font-size: 12px;
    color: #283f32
}

.customerReviews .review li .reviewerRanking {
    width: 49%;
    float: right
}

.customerReviews .review li .reviewerRanking .star-rating li.current-rating {
    height: 10px !important
}

.add_review {
    border: 1px solid #dfdfdf
}

.shipping-policy {
    border: 1px solid #dfdfdf;
    clear: both;
    margin: 0;
    padding: 3px 10px 10px
}

.selectRingSizeBox {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0 0
}

.selectRingSizeBox label {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    vertical-align: top
}

.selectRingSizeBox label.selectDropDown {
    font-weight: 400;
    margin-left: 6px;
    margin-right: 10px
}

.selectRingSizeBox span {
    display: inline-block;
    text-decoration: underline;
    line-height: 26px
}

ul#info_fields li input[type=text] {
    border: 1px solid #cbcbcb;
    color: #333 !important;
    display: block;
    font-size: 12px !important;
    margin: 0;
    padding: 3px 5px
}

ul#info_fields li select {
    border: 1px solid #cbcbcb;
    color: #333;
    font-size: 12px !important;
    margin: 0;
    padding: 3px;
    width: 100%
}

#gridListingMain {
    width: 100%;
    float: left;
    margin: 0 0;
    padding: 0 0;
    clear: both;
}

.education-main-container {
    clear: both;
    margin: 0 auto 30px;
    padding: 0
}

.education-about-pro {
    clear: both;
    margin: 17px 0 0 0;
    padding: 0;
    position: relative
}

.education-about-pro img {
    width: 100%;
    margin: 0
}

.education-about-pro .education-pro-name {
    clear: both;
    margin: 0;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    z-index: 10000;
    background: rgba(0, 0, 0, .6)
}

.education-about-pro .education-pro-name a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize
}

.education-about-pro .education-pro-name a.education-pro-name-black {
    color: #fff
}

.education-about-pro .education-pro-name a:hover {
    font-size: 16px;
    color: #ddd;
    text-decoration: none;
    text-transform: capitalize
}

.designers-watcbs-container {
    clear: both;
    margin: 0 auto 30px;
    padding: 0
}

.designers-watcbs-pro {
    clear: both;
    margin: 0 0 15px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    text-align: center
}

.designers-watcbs-pro.active {
    border: 1px solid #f00;
}

.designers-watcbs-pro .designers-watcbs-name {
    clear: both;
    margin: 3px 0 0;
    padding: 0;
    text-align: center
}

.designers-watcbs-pro .designers-watcbs-name a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    text-transform: capitalize
}

.designers-watcbs-pro .designers-watcbs-name a:hover {
    color: #999;
    text-decoration: none
}

.education-precious-metals {
    clear: both;
    margin: 0 auto 20px;
    padding: 0
}

.edu-brown-text {
    margin: 2px 0 10px;
    padding: 0;
    clear: both;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: justify
}

.edu-normal-text {
    margin: 2px 0 10px;
    padding: 0;
    clear: both;
    text-align: justify;
    line-height: 25px;
}

.TabbedPanelsContent h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
}

.TabbedPanelsContent ul li {
    list-style: disc;
    margin-bottom: 10px;
    line-height: 26px;
}

.all-gemstone-head {
    width: 100%;
    height: 45px;
    line-height: 48px;
    text-align: center;
    margin: 0 0;
    padding: 0 0;
    background: url(../images/icons/header-bg.jpg) repeat-x;
    float: left
}

.all-gemstone-head span {
    height: 30px;
    letter-spacing: 2px;
    font-size: 18px;
    line-height: 26px;
    color: #a07936;
    margin: 0 0;
    padding: 0 10px;
    display: inline-block;
    background-color: #fff
}

.gemstones-diamond-img {
    clear: both;
    margin: 0;
    padding: 0
}

.gemstones-right-container {
    clear: both;
    margin: 0;
    padding: 14px 0 0
}

.gemstones-right-container p {
    font-size: 16px;
    color: #666;
    clear: both;
    margin: 0 50px 25px 0;
    padding: 0;
    line-height: 24px;
    text-align: left
}

.gemstones-right-container .birthstone {
    font-size: 20px;
    color: #a07936;
    clear: both;
    margin: 0;
    padding: 30px 0 0;
    text-transform: uppercase
}

.gemstones-right-container .birthstone span {
    font-size: 20px;
    color: #666;
    clear: both;
    margin: 0 0 0 5px;
    padding: 0;
    text-transform: capitalize
}

.gemstones-right-container .birthstone a.stone-link {
    margin: -30px 0 0 0;
    padding: 15px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    float: right;
    background: #007f91;
    background: -moz-linear-gradient(top, #007f91 0, #ad80b4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007f91), color-stop(100%, #ad80b4));
    background: -webkit-linear-gradient(top, #007f91 0, #ad80b4 100%);
    background: -o-linear-gradient(top, #007f91 0, #ad80b4 100%);
    background: -ms-linear-gradient(top, #007f91 0, #ad80b4 100%);
    background: linear-gradient(to bottom, #007f91 0, #ad80b4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#007f91', endColorstr='#ad80b4', GradientType=0)
}

.gemstones-right-container .birthstone a.stone-link:hover {
    background-color: #d6bf76;
    color: #fff;
    text-decoration: none
}

.education-product-container {
    clear: both;
    height: auto;
    margin: 0 auto;
    padding: 0
}

.education-product-container .education-pro-listing {
    background-color: #fff;
    border: 1px solid #a07936;
    display: block;
    height: 234px;
    position: relative;
    margin-bottom: 10px;
    text-align: center
}

.education-product-container .education-pro-listing a {
    cursor: pointer
}

.education-product-container .education-pro-listing a img:hover {
    opacity: .8
}

.education-product-container .education-pro-listing span.month-diamond {
    width: 60px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 18px;
    color: #fff;
    z-index: 1000;
    text-align: center;
    line-height: 38px;
    background: #a07936
}

.education-product-container .education-pro-listing span.month-diamond-name {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    font-size: 22px;
    color: #a07936;
    z-index: 1000;
    text-align: center
}

.education-product-container .education-pro-listing .edu-pro-detail-con {
    width: 966px;
    height: auto;
    margin: 0;
    padding: 0 0 30px;
    position: absolute;
    background-color: #e1dccb;
    display: none;
    z-index: 10000;
    border: 1px solid #a89967;
    top: 245px;
    left: -1px
}

.education-product-container .education-pro-listing .edu-pro-detail-con.sec-diamond {
    left: -245px !important
}

.education-product-container .education-pro-listing .edu-pro-detail-con.third-diamond {
    left: -489px !important
}

.education-product-container .education-pro-listing .edu-pro-detail-con.forth-diamond {
    left: -734px !important
}

.education-product-container .education-pro-listing .edu-pro-detail-con .close-btn {
    clear: both;
    height: 40px;
    margin: 0;
    padding: 10px 3% 0 0;
    text-align: right
}

.education-product-container .education-pro-listing .edu-pro-detail-con .close-btn img {
    width: auto
}

.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-head {
    clear: both;
    height: auto;
    margin: 0 0 37px;
    padding: 0;
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize
}

.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-img {
    clear: both;
    height: 250px;
    margin: 0 0 20px;
    padding: 0;
    text-align: center
}

.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-stone {
    clear: both;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Conv_FutuLt__1;
    font-size: 24px;
    color: #000
}

.education-product-container .education-pro-listing .edu-pro-detail-con .edu-pro-stone span.edu-pro-stone-text {
    font-family: 'Libre Baskerville', serif;
    font-size: 24px;
    color: #9c8b53;
    display: inline-block;
    clear: both;
    margin: 0 10px 0 0;
    padding: 0;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: top
}

.education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container {
    font-family: Conv_FutuLt__1;
    font-size: 22px;
    color: #444;
    clear: both;
    margin: 50px 50px 20px 0;
    padding: 0;
    line-height: 26px;
    text-align: left
}

.education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container a.stone-link {
    margin: 40px 0 0 0;
    padding: 15px;
    font-family: Conv_FuturaLight;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    background-color: #a89967;
    float: left;
    line-height: 24px
}

.education-product-container .education-pro-listing .edu-pro-detail-con .about-stone-container a.stone-link:hover {
    background-color: #d6bf76;
    color: #fff;
    text-decoration: none
}

.store-img-con {
    width: 269px;
    height: 179px;
    margin: 0;
    padding: 0
}

.store-img-con img {
    margin: 0;
    border: none
}

.store-img-con img:hover {
    opacity: .8
}

.education-detail-container-new {
    width: 195px;
    height: 145px;
    margin: 0;
    padding: 0 0 17px;
    clear: both;
    /*background:url(../images/education-product-shadow1.png) no-repeat bottom center; */
    position: relative
}

.education-detail-container-new .edu-head-home {
    margin: 0;
    padding: 5px 0;
    clear: both;
    font-family: 'Libre Baskerville', serif;
    font-size: 16px;
    font-weight: 400;
    color: #9c8b53;
    text-align: center;
    text-transform: capitalize
}

.education-detail-container-new .edu-head-home a {
    color: #9c8b53;
    text-decoration: none
}

.education-detail-container-new .edu-head-home a:hover {
    color: #d7bf77;
    text-decoration: none
}

.education-detail-container-new .edu-detail-text {
    margin: 0;
    padding: 5px 15px 0;
    clear: both;
    font-family: Conv_FUTURAM_1, Sans-Serif;
    font-size: 15px;
    color: #b1b1b1;
    text-align: center;
    line-height: 20px;
    font-weight: 400
}

.education-detail-container-new .edu-read-more {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    position: absolute;
    left: 0;
    bottom: 18px;
    text-align: center
}

.education-detail-container-new .edu-read-more a {
    font-family: Conv_FUTURAM_1, Sans-Serif;
    font-size: 16px;
    font-weight: 400;
    color: #9c8b53;
    text-decoration: none;
    text-transform: uppercase
}

.education-detail-container-new .edu-read-more a:hover {
    color: #d7bf77;
    text-decoration: none
}

.gemstone-peridot {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative
}

.overview-head {
    font-size: 22px;
    color: #666;
    clear: both;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}

.gemstone-peridot-para {
    font-size: 16px;
    color: #666;
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 22px;
    text-align: left;
    min-height: 210px
}

.gemstone-peridot-bracelet {
    clear: both;
    margin: 0;
    padding: 70px 50px 0 0;
    text-align: center
}

.gemstone-peridot .gemstone-peridot-earring {
    width: 238px;
    height: 254px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 250px;
    box-shadow: 3px 3px 3px #888;
    z-index: 1000
}

.gemstone-peridot .gemstone-peridot-ring {
    width: 272px;
    height: 305px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    right: 10px;
    box-shadow: 3px 3px 3px #888;
    z-index: 800
}

.gemstone-olovine {
    clear: both;
    margin: 0;
    padding: 0 20px 0 0;
    border-right: 1px solid #acacac
}

.gemstone-olovine.bor-right-no {
    border-right: none
}

.gemstone-olovine .olovine-head {
    clear: both;
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    font-size: 30px;
    color: #000;
    line-height: 30px
}

.gemstone-olovine p {
    font-size: 16px;
    line-height: 22px;
    color: #666;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center
}

.mainHeading-pageAll {
    font-size: 30px;
    clear: both;
    background-color: #fff;
    text-align: center
}

.education-head {
    font-size: 20px;
    color: #666;
    clear: both;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    line-height: 24px;
    line-height: 30px;
    font-style: italic
}

.education-diamonds {
    clear: both;
    margin: 0 0 20px;
    padding: 0 10px
}

.education-diamonds .education-diamonds-head {
    clear: both;
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    font-size: 24px;
    color: #000;
    line-height: 30px
}

.education-diamonds .education-diamonds-img {
    clear: both;
    margin: 0;
    padding: 15px 0 5px;
    text-align: center;
    font-size: 30px;
    color: #000;
    line-height: 30px
}

.education-diamonds p {
    font-size: 16px;
    line-height: 22px;
    color: #666;
    clear: both;
    margin: 0;
    padding: 10px 0 0;
    text-align: center
}

.jewelry-buying-right-container {
    clear: both;
    margin: 0;
    padding: 0
}

.jewelry-buying-right-container p {
    font-family: Conv_FutuLt__1;
    font-size: 22px;
    color: #666;
    clear: both;
    margin: 0 0 0 50px;
    padding: 0;
    line-height: 30px;
    text-align: left
}

.jewelry-buying-para {
    clear: both;
    margin: 0;
    padding: 0
}

.meet-team-main-img {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    text-align: center
}

.jewelry-buying-head1 {
    font-family: Conv_FUTURAM_1, Sans-Serif;
    font-size: 20px;
    color: #666;
    clear: both;
    margin: 10px 0;
    padding: 0 0 0;
    text-transform: uppercase
}

.jewelry-buying-head1.cap-text {
    border-bottom: 1px solid #727272;
    clear: both;
    color: #727272;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0 0 7px;
    text-transform: capitalize
}

.jewelry-buying-head {
    font-family: Conv_FUTURAM_1, Sans-Serif;
    font-size: 20px;
    color: #666;
    clear: both;
    margin: 10px 0;
    padding: 0;
    text-transform: capitalize
}

.jewelry-buying-para p {
    color: #727272;
    margin: 10px 0;
    padding: 0;
    font-weight: 400
}

.setting-makes-sense {
    clear: both;
    margin: 20px 0 20px;
    padding: 0
}

.setting-makes-sense .setting-makes-sense-head {
    clear: both;
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    font-size: 20px;
    color: #000;
    line-height: 24px
}

.setting-makes-sense .setting-makes-sense-img {
    clear: both;
    margin: 0;
    padding: 15px 0 5px;
    text-align: center
}

.setting-makes-sense p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    clear: both;
    margin: 0;
    padding: 10px 0 0;
    text-align: left
}

.about-edu-para {
    font-family: Conv_FutuLt__1;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    clear: both;
    margin: 0;
    padding: 0
}

.oneFourth-new,
.threeFourth-new,
.twoFourth-new {
    float: left;
    margin: 0 1% 0 0;
    padding: 0 0
}

.oneFourth-new {
    width: 24.25%
}

.twoFourth-new {
    width: 49.5%
}

.threeFourth-new {
    width: 74.75%
}

.TabbedPanels {
    margin: 0;
    padding: 0;
    float: left;
    clear: none;
    width: 100%
}

.TabbedPanelsTabGroup {
    margin: 10px 0 30px;
    padding: 0
}

.TabbedPanelsTab {
    position: relative;
    top: 1px;
    font-size: 18px;
    font-weight: 600;
    color: #545454;
    text-decoration: none;
    margin: 0 1% 0 0;
    padding: 12px 0;
    display: inline-block;
    text-transform: capitalize;
    list-style: none;
    cursor: pointer;
    background-color: #e9e9e9;
    line-height: 20px;
    text-align: center
}

.TabbedPanelsTab.left-side-tab {
    position: relative;
    top: 1px;
    font-size: 14px;
    font-weight: 600;
    color: #545454;
    text-decoration: none;
    margin: 0 1% 45px 0;
    padding: 12px 2%;
    display: block;
    text-transform: capitalize;
    list-style: none;
    cursor: pointer;
    background-color: #e9e9e9;
    line-height: 20px;
    text-align: left;
    width: 96%;
    float: left
}

.TabbedPanelsTab:last-child {
    border-right: none
}

.TabbedPanelsTab:hover {
    color: #fff;
    background-color: #a07936
}

.TabbedPanelsTabHover {
    color: #fff
}

.TabbedPanelsTabSelected {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    margin: 0 1% 0 0;
    padding: 12px 0;
    display: inline-block;
    text-transform: capitalize;
    line-height: 20px;
    background-color: #007f91;
    text-align: center;
    position: relative
}

.TabbedPanelsTabSelected.sele-left-side-tab {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    margin: 0 0 45px 0;
    padding: 12px 2%;
    display: block;
    text-transform: capitalize;
    line-height: 20px;
    background-color: #a07936 !important;
    text-align: left;
    width: 96%;
    position: relative;
    float: left
}

.TabbedPanelsTabSelected:after {
    bottom: -6px;
    color: #a07936;
    content: "";
    font-size: 20px;
    height: 10px;
    left: 47%;
    position: absolute;
    width: 12px
}

.TabbedPanelsTabSelected.sele-left-side-tab:after {
    bottom: -6px;
    color: #a07936;
    content: "";
    font-size: 20px;
    height: 10px;
    left: 47%;
    position: absolute;
    width: 12px
}

.TabbedPanelsTabSelected.sele-left-side-tab:before {
    right: -8px !important;
    color: #a07936;
    content: "\25BA";
    font-size: 20px;
    height: 10px;
    top: 13px !important;
    position: absolute;
    width: 12px
}

.TabbedPanelsTabSelected:hover {
    color: #fff
}

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

.TabbedPanelsContentGroup {
    clear: both
}

.TabbedPanelsContent {
    padding: 4px
}

.VTabbedPanels .TabbedPanelsTabGroup {
    float: left;
    width: 10em;
    height: 20em;
    background-color: #eee;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc
}

.VTabbedPanels .TabbedPanelsTab {
    float: none;
    margin: 0;
    border-top: none;
    border-left: none;
    border-right: none
}

.VTabbedPanels .TabbedPanelsTabSelected {
    background-color: #eee;
    border-bottom: solid 1px #999
}

.VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0;
    width: 30em;
    height: 20em
}

.TabbedPanels {
    margin: 0;
    padding: 0;
    float: left;
    clear: none;
    width: 100%
}

.TabbedPanelsTabGroup {
    margin: 10px 0 10px;
    padding: 0;
    height: 60px
}

.TabbedPanelsTab1 {
    position: relative;
    top: 1px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    text-decoration: none;
    margin: 0 1% 0 0;
    padding: 12px 0;
    float: left;
    text-transform: capitalize;
    list-style: none;
    cursor: pointer;
    background-color: #e9e9e9;
    line-height: 20px;
    text-align: center;
    width: 24%
}

.TabbedPanelsTab1.left-side-tab {
    position: relative;
    top: 1px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    margin: 0 1% 45px 0;
    padding: 12px 2%;
    display: block;
    text-transform: capitalize;
    list-style: none;
    cursor: pointer;
    background-color: #e9e9e9;
    line-height: 20px;
    text-align: left;
    width: 96%;
    float: left
}

.TabbedPanelsTab1:last-child {
    border-right: none
}

.TabbedPanelsTab1:hover {
    color: #fff;
    background-color: #a07936
}

.TabbedPanelsTabHover {
    color: #fff
}

.TabbedPanelsTabSelected1 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    margin: 0 1% 0 0;
    padding: 12px 0;
    display: inline-block;
    text-transform: capitalize;
    line-height: 20px;
    background-color: #a07936;
    text-align: center;
    position: relative
}

.TabbedPanelsTabSelected1.sele-left-side-tab {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    margin: 0 0 45px 0;
    padding: 12px 2%;
    display: block;
    text-transform: capitalize;
    line-height: 20px;
    background-color: #a07936 !important;
    text-align: left;
    width: 96%;
    position: relative;
    float: left
}

.TabbedPanelsTabSelected1:after {
    bottom: -3px;
    color: #a07936;
    content: "\25BC";
    font-size: 20px;
    height: 10px;
    left: 47%;
    position: absolute;
    width: 12px
}

.TabbedPanelsTabSelected1.sele-left-side-tab:after {
    bottom: -6px;
    color: #007f91;
    content: "";
    font-size: 20px;
    height: 10px;
    left: 47%;
    position: absolute;
    width: 12px
}

.TabbedPanelsTabSelected1.sele-left-side-tab:before {
    right: -8px !important;
    color: #007f91;
    content: "\25BA";
    font-size: 20px;
    height: 10px;
    top: 13px !important;
    position: absolute;
    width: 12px
}

.TabbedPanelsTabSelected1:hover {
    color: #fff
}

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

.TabbedPanelsContentGroup {
    clear: both
}

.TabbedPanelsContent {
    padding: 4px
}

.VTabbedPanels .TabbedPanelsTabGroup {
    float: left;
    width: 10em;
    height: 20em;
    background-color: #eee;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc
}

.VTabbedPanels .TabbedPanelsTab1 {
    float: none;
    margin: 0;
    border-top: none;
    border-left: none;
    border-right: none
}

.VTabbedPanels .TabbedPanelsTabSelected1 {
    background-color: #eee;
    border-bottom: solid 1px #999
}

.VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0;
    width: 30em;
    height: 20em
}

iframe {
    border: none
}

table.free-shipping {
    width: 100%
}

table.free-shipping tr th {
    padding: 5px 10px;
    vertical-align: middle
}

table.free-shipping tr td {
    padding: 5px 10px;
    vertical-align: middle
}

.service-main-img {
    clear: both;
    margin: 0;
    padding: 0
}

.service-main-text {
    clear: both;
    margin: 10px 0 0;
    padding: 0
}

#easy_zoom.quick-view-zoom {
    position: absolute;
    top: 0;
    left: 450px !important;
    z-index: 9999;
    width: 420px !important
}

.FL {
    float: left
}

.FR {
    float: right
}

#main-con {
    width: 880px;
    margin: 0;
    padding: 10px 5px;
    float: left;
    font-family: Arial, Helvetica, sans-serif
}

.left-con {
    float: left;
    width: 442px;
    margin: 0;
    padding: 0
}

.thumbs_list {
    width: 60px;
    margin: 0;
    padding: 0;
    float: left
}

.thumbs_list ul {
    padding: 0;
    margin: 0
}

.thumbs_list ul li {
    cursor: pointer;
    height: 60px;
    margin-bottom: 5px;
    width: 72px;
    list-style: none
}

.thumbs_list li img {
    border: 1px solid #cecece;
    margin: 0
}

.left-con .image-block {
    width: 359px;
    float: right;
    margin: 0 10px 0 0;
    padding: 0
}

.left-con .image-block .view_full_size {
    margin: 0;
    border: 1px solid #cecece;
    padding: 0;
    cursor: pointer
}

p.view-detail {
    clear: both;
    margin: 5px 0 0;
    padding: 0
}

p.view-detail a {
    font-size: 14px;
    color: #666;
    text-decoration: none
}

.right-con {
    border-top: 1px solid #cecece;
    float: right;
    margin: 0;
    width: 428px;
    padding: 0
}

.product_title {
    clear: both;
    margin: 0;
    padding: 10px 0;
    text-align: left
}

.product_title .quick_title {
    clear: both;
    margin: 0;
    padding: 0 0 5px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-transform: uppercase
}

.product_title p {
    clear: both;
    margin: 0;
    padding: 0 0 5px;
    text-align: left;
    font-size: 14px;
    color: #333
}

.price-list {
    clear: both;
    height: auto;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc
}

.price-list ul {
    margin: 0;
    padding: 0
}

.price-list ul li {
    margin: 0;
    padding: 20px 15px 20px 0;
    list-style: none;
    float: left
}

.price-list .fm {
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 20px;
    color: #d63734;
    display: inline-block
}

.price-list ul li.frt {
    float: right;
    padding: 20px 4px
}

.price-list ul li a {
    padding: 6px 12px;
    background: #a07936;
    color: #fff;
    border: 1px solid #a07936;
    font-family: calibri;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    text-decoration: none
}

.price-list ul li a:hover {
    background: #69161b;
    border: 1px solid #69161b
}

.price-list ul li select {
    margin: 1px 0;
    padding: 7px 4px;
    width: 105px;
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block
}

.prev-next {
    clear: both;
    height: 30px;
    margin: 0;
    padding: 10px 0 0
}

.prev-next a {
    padding: 4px 10px;
    margin: 0;
    background-color: #666;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-family: calibri;
    border: none
}

.policy-con {
    clear: both;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #ccc
}

.policy-con .policy-head {
    border-bottom: 1px dotted #999;
    color: #666;
    font: bold 16px/20px Calibri, Tahoma;
    margin: 0 0 5px;
    padding: 0 0 5px;
    text-align: left
}

.policy-con p {
    color: #666;
    font: 14px/20px Calibri, Tahoma;
    margin: 0;
    padding: 0 0 5px;
    text-align: justify
}

.policy-con p a {
    color: #a07936;
    text-decoration: none
}

.policy-con p a:hover {
    color: #666;
    text-decoration: none
}

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

.locationsList li {
    width: 100%;
    float: left;
    margin: 15px 0;
    padding: 15px 0;
    border-top: 1px solid #dfdfdf
}

.edu-social-icon.product-detail-social {
    margin: 0 0 0 5px;
    padding: 0;
    text-align: left;
    float: left
}

.edu-social-icon ul {
    margin: 0;
    padding: 0
}

.edu-social-icon ul li {
    margin: 12px 7px 4px 0 !important;
    padding: 0 6px 0 0 !important;
    display: inline-block;
    border-right: 1px solid #e7e7e7;
    background: 0 0 !important;
    float: none;
    height: 26px !important
}

.edu-social-icon ul li.bor-right-pad-no {
    padding: 0 0 0 5px;
    border-right: none
}

.email-icon-new,
.email-icon1-new,
.fbIcon-new,
.fbIcon1-new,
.pintIcon-new,
.pintIcon1-new,
.twtIcon-new,
.twtIcon1-new {
    background-image: url(../images/icons/social-icons-new.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    display: block;
    overflow: hidden
}

.fbIcon-new {
    background-position: 0 -23px
}

.fbIcon-new:hover {
    background-position: 0 0
}

.twtIcon-new {
    background-position: -22px -23px
}

.twtIcon-new:hover {
    background-position: -22px 0
}

.pintIcon-new {
    background-position: -44px -23px
}

.pintIcon-new:hover {
    background-position: -44px 0
}

.email-icon-new {
    background-position: -69px -23px
}

.email-icon-new:hover {
    background-position: -69px 0
}

.fbIcon1-new {
    background-position: 0 -23px
}

.fbIcon1-new:hover {
    background-position: 0 0
}

.twtIcon1-new {
    background-position: -22px -23px
}

.twtIcon1-new:hover {
    background-position: -22px 0
}

.pintIcon1-new {
    background-position: -44px -23px
}

.pintIcon1-new:hover {
    background-position: -44px 0
}

.email-icon1-new {
    background-position: -69px -23px
}

.email-icon1-new:hover {
    background-position: -69px 0
}

.socialIcon-quickview {
    margin: 0 2px 0 0;
    padding: 0;
    text-align: right;
    list-style: none
}

.socialIcon-quickview ul {
    margin: 0;
    padding: 0
}

.socialIcon-quickview ul li {
    margin: 0;
    padding: 4px 0 0 0;
    list-style: none;
    display: inline-block
}

.socialIcon-quickview ul li a {
    margin: 0;
    padding: 0
}

.viewItemInfo {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: right
}

.viewItemInfo a {
    display: inline-block
}

.header-bot {
    background: #fff url(../images/header-bg.jpg) no-repeat center top;
    width: 100%;
    float: left;
    padding: 5px 0 0;
    height: 105px
}

.top-nav {
    background: #2e2e2e;
    width: 100%;
    float: left;
    padding: 0 8px
}

.top-nav ul {
    margin-bottom: 0
}

.top-nav li {
    display: inline-block;
    padding: 5px 0;
    color: #fff;
    font-size: 11px
}

.top-nav li span {
    color: #fff;
    background: #007f91;
    padding: 6px;
    margin-right: 8px
}

.top-nav li a {
    font-size: 11px;
    padding: 0 6px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase
}

.top-nav li a:hover {
    color: #007f91
}

.header p {
    font-size: 12px;
    margin-top: 20px
}

.header p span {
    color: #007f91
}

.subscribeLink {
    color: #007f91;
    float: left;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.logo {
    margin-top: 6px
}

.vip-text {
    display: inline-block;
    background: #047f91;
    color: #fff;
    font-size: 15px;
    padding: 0 17px;
    margin-top: 5px
}

.all-pageHeading span {
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase
}

.drop-nav a {
    color: #333 !important;
    font-weight: 500
}

.drop-nav a:hover {
    color: #000 !important
}

.drop-nav li {
    padding: 3px 0
}

.drop-nav {
    clear: both;
    margin: 0;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 999
}

.body_contaner {
    width: 100%;
    float: left;
    background: #fff;
    padding: 1px 0 15px;
}

.banner-small .col-md-4 {
    padding: 0 1px 1px 0
}

.box1 {
    overflow: hidden;
    height: 253px
}

.banner-small .box1 .shadow {
    background: rgba(0, 0, 0, .6) none repeat scroll 0 0;
    top: 50%;
    left: -110%;
    padding: 10px;
    margin-top: -15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    position: absolute;
    transition: all .3s linear 0s
}

.banner-small .box1:hover .shadow {
    left: 0;
    right: 0
}

.banner .carousel-control {
    display: none
}

.banner:hover .carousel-control {
    display: block
}

.home-contant {
    width: 100%;
    float: left;
    padding: 20px 0
}

.home-contant h2 {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 700
}

.home-contant p {
    line-height: 24px;
    color: #484848;
    margin-bottom: 10px
}

.logos a {
    display: block;
    margin-top: 10px;
    text-decoration: underline
}

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

.logos .col-md-2 {
    width: 20%
}

.social_icon li {
    width: 100%;
    display: inline-block;
    line-height: 24px
}

.social_icon li a {
    color: #d8d8d8
}

.social_icon li img {
    margin-right: 10px
}

.search-button-con {
    cursor: pointer;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 6px !important;
    height: 31px;
    width: 181px;
    margin-top: 5px
}

.pull-Fr {
    float: right !important
}

.search-button-con input[type=text] {
    border: none;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 30px;
    margin: 0;
    padding: 2px 5px;
    text-transform: capitalize;
    vertical-align: top;
    width: 145px
}

.submit {
    border: none;
    width: 21px;
    height: 17px;
    background: url(../images/zoom-icon.png) no-repeat left top;
    display: inline-block;
    margin-top: 7px;
    margin-left: 3px
}

.productGridBox .productTitle a {
    color: #000
}

.dropdown-menu .all-pageHeading {
    width: 100%;
    height: 45px;
    line-height: 48px;
    text-align: center;
    margin: 0 0;
    padding: 0 0;
    background: url(../images/icons/header-bg.jpg) repeat-x;
    float: left
}

.dropdown-menu .all-pageHeading span {
    height: 45px;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 1px;
    margin: 0 0;
    padding: 0 20px;
    display: inline-block;
    background-color: #fff
}

.dropdown-menu .all-pageHeading span.partner-head {
    height: 45px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #727272;
    margin: 0 0;
    padding: 0 20px;
    display: inline-block;
    background-color: #fff
}

.productGridBox .productImage img {
    display: inline-block !important
}

.one-half-right.FR {
    padding-left: 20px
}

#imageNameDiv,
#j-brands,
.product-sample table {
    width: 100%
}

.brand-left-panel {
    text-align: center
}

.edu-pro-head {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase
}

#gridListingMain .modal-dialog {
    width: 900px
}

#gridListingMain .popup-right li,
#gridListingMain .popup-right ul {
    border: none !important
}

.image-block {
    border: 1px solid #ddd;
    padding: 10px
}

@media (max-width:1030px) {
    .newAccountForm input.capchaCodeField {
        width: 95px
    }

    .classForDevUse .sub-similar-product {
        opacity: 1
    }
}

@media (max-width:990px) {
    .one-half-left.FL {
        width: 100%
    }

    .one-half-right {
        padding-left: 0px
    }

    label.selectDropDown {
        min-width: 154px !important
    }

    #gridListingMain .modal-dialog {
        width: 90%
    }

    .gemstone-peridot .gemstone-peridot-earring,
    .gemstone-peridot .gemstone-peridot-ring {
        width: 150px;
        right: inherit;
        height: auto
    }

    .gemstone-peridot .gemstone-peridot-ring {
        left: 161px
    }
}

@media (max-width:790px) {
    #easy_zoom {
        width: 300px;
        height: 400px;
        text-align: center;
        border: 5px solid #eee;
        background: #fff;
        color: #333;
        position: absolute;
        top: 0;
        left: 100%;
        overflow: hidden;
        -moz-box-shadow: 0 0 10px #777;
        -webkit-box-shadow: 0 0 10px #777;
        box-shadow: 0 0 10px #777;
        line-height: 400px;
        text-align: center;
        z-index: 9999
    }

    #easy_zoom img {
        width: 100%
    }

    .image-block .view-detail span {
        margin-top: 10px
    }
}

@media (max-width:766px) {

    .gemstone-peridot .gemstone-peridot-earring,
    .gemstone-peridot .gemstone-peridot-ring {
        width: 100%;
        right: inherit;
        left: inherit;
        height: auto;
        text-align: center;
        position: relative
    }

    .pull-Fr {
        float: none !important
    }

    .search-button-con {
        width: 100%
    }

    .search-button-con input[type=text] {
        width: 92%
    }

    .one-half-right {
        padding-left: 0
    }

    ul.select_diamond li {
        width: 29% !important
    }

    .selectYourStyle li {
        width: 50%;
        min-height: 164px
    }

    .range_slider .rs_box_half {
        width: 100% !important
    }

    .paymentSecureVoucher li {
        width: 100%;
        padding: 10px 0;
        border: none;
        text-align: center;
        margin-left: 0
    }

    #shoppingCartList table {
        display: block;
        overflow: auto
    }

    .zoomPad {
        width: 100% !important
    }

    .one-half-right.FR {
        padding-left: 0
    }

    .search-button-con .search-field-new {
        width: 100%;
        left: 0
    }

    .logos .col-xs-6 {
        width: 50%
    }

    .header p,
    .logo,
    .timing-container {
        text-align: center !important
    }

    .header img {
        display: inline-block
    }

    .timing-container.text-right {
        display: none
    }

    .jewelry-education-con .head-text {
        font-size: 18px;
        line-height: 25px
    }

    .choose_tab>ul>li a {
        padding: 0 7px !important
    }

    .legendBox {
        margin-top: 49px !important
    }

    .choose_tab>ul>li {
        margin-right: 0 !important
    }

    .action_box {
        text-align: center !important
    }

    .our_price h4 {
        text-align: center !important
    }

    ul.product_tabs li {
        margin: 0 !important
    }

    .tabGradient a,
    .tabGradientSelected a {
        padding: 0 4px !important;
        font-size: 9px !important
    }

    .name_sku h4 span,
    .our_price h4 span {
        margin-left: 0
    }

    .mark-jackson-text {
        margin: 0
    }

    .mark-jackson-text .coma-starts {
        left: 0
    }

    .mark-jackson-text .coma-ends {
        right: 0
    }

    .columnTmnl,
    .columnTmnl ul li,
    .mark-jackson-text {
        height: 200px !important
    }

    .filterBar .filterForm label {
        width: 92%;
        text-align: center;
        margin-bottom: 10px
    }

    .filter-new ul li {
        width: 100%;
        text-align: center
    }

    label.selectDropDown {
        width: 92%;
        padding-left: 3px
    }

    .search-button-con .search-field-new {
        position: relative;
        top: 13px
    }

    .tab_description_box.tab_description_box2 {
        display: block;
        overflow-x: auto
    }

    .columnFull .pos-rel img {
        height: 80px
    }

    .infoBox {
        min-height: 356px
    }

    .shopping_div .btn {
        width: 100% !important
    }

    .jewelry-education-left-img,
    .jewelry-education-right-img {
        width: 100% !important
    }

    .productGridBox {
        margin-bottom: 20px
    }

    .modal-body .product_title .quick_title {
        font-size: 15px
    }

    .modal-body .price-list .fm {
        padding-top: 25px
    }

    .modal-body .price-list ul li select {
        width: 100%
    }

    .modal-body .price-list ul li {
        text-align: center;
        padding-bottom: 0
    }

    .font24 {
        text-align: center
    }

    .flo-right {
        width: 100% !important
    }

    .jewelry-education-con .head-text {
        padding: 18px 20px
    }

    .top-nav li span {
        margin-right: 0
    }

    .top-nav li a {
        padding: 0 4px
    }

    .top-nav {
        text-align: center
    }

    .top-nav li.pull-right {
        float: none !important
    }

    .number_text {
        text-align: center;
        margin-top: 10px
    }

    .subscribeLink {
        margin-bottom: 10px
    }

    .drop-nav li {
        border-bottom: 1px solid #000;
        padding: 10px 5px
    }

    ul.product_tabs li {
        width: auto
    }
}

.header-bot img {
    display: inline-block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

.main_body .body_contaner {
    padding-top: 0
}

.h2,
h2 {
    font-size: 16px
}

.carier .form-control {
    border: 1px solid #ccc !important;
    border-radius: 0
}

.login {
    color: #fff !important
}

.login:hover {
    color: #ddd !important
}

.blue-col {
    color: #a07936
}

.brown-color {
    color: #592d18
}

.popup-right ul {
    padding: 12px;
    margin: 0;
    border: 1px solid #ddd;
    float: left;
    width: 100%
}

.popup-right li {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    width: 100%;
    float: left
}

.popup-right li:first-child {
    border-top: none
}

.popup-right h2 {
    font-size: 16px;
    margin-top: 0
}

.modal-title {
    font-size: 18px
}

.weding-div ul li {
    background: rgba(0, 0, 0, 0) url(../images/icons/side-nav-icon.png) no-repeat scroll 7px 13px;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0 5px 20px
}

#createAccountDiv label.selectDropDown {
    width: 100% !important
}

.gray_bg {
    width: 100%;
    float: left;
    padding: 15px;
    background: #f6f6f6;
    margin-bottom: 10px
}

.history-div .btn {
    margin-right: 8px;
    border-radius: 0
}

.videoList {
    float: left;
    padding: 0;
    width: 100%;
    text-align: center
}

.videoList li .postedIn {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    float: left;
    line-height: 34px;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.videoList li {
    float: left;
    list-style: outside none none;
    margin: 0 0 50px;
    padding: 0;
    width: 100%
}

.videoList li .title {
    display: block;
    font-size: 30px;
    font-weight: lighter;
    margin-bottom: 15px
}

.stone-link {
    background: #a07936 none repeat scroll 0 0;
    border: 1px solid #a07936;
    color: #fff;
    display: inline-block;
    margin: 13px 0;
    padding: 10px
}

.stone-link:hover {
    background: 0 0;
    border: 1px solid #000;
    color: #a07936
}

.tab_description_box table tr td {
    font-size: 13px;
    padding: 5px 3px !important
}

ul#site_map {
    border-left: 1px solid #a07936;
    clear: left;
    list-style: outside none none;
    margin: 0 0 0 50px;
    padding: 0
}

ul#site_map li {
    background: rgba(0, 0, 0, 0) url(../images/arrow-line.png) no-repeat scroll left 12px !important;
    font-size: 13px;
    margin: 5px 0 0 10px;
    padding-left: 22px;
    width: 100%
}

ul#site_map li a {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

ul#site_map li ol {
    border-left: 1px solid #a07936;
    list-style: outside none none;
    padding: 0
}

ul#site_map li a:hover {
    color: #a07936
}

ul#site_map li ol li a {
    font-weight: 400 !important
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper embed,
.videoWrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-head {
    text-align: center;
    font-size: 16px
}

.contentBox td,
.contentBox th {
    padding: 10px
}

.contentBox td storng {
    font-weight: 400 !important
}

.chekout-text p {
    text-align: left;
    padding-left: 13px;
    font-size: 13px !important;
    line-height: 18px !important
}

.history-content .col-md-3 {
    margin-bottom: 15px
}

.history-content h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    color: #000
}

.pos-rel {
    position: relative
}

.category-heading {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 15px;
    position: absolute;
    right: 0;
    width: 287px;
    padding: 8px 5px;
    text-transform: uppercase;
    top: 50%;
    margin-top: -20px;
    text-align: center
}

.history-div {
    text-align: center
}

.main-history-div .clearfix {
    width: 100%;
    margin: 15px 0;
    float: left
}

.frt .btn {
    margin-bottom: 0 !important
}

.top-grayBg {
    width: 100%
}

.edu-normal-text li {
    margin-bottom: 10px
}

.list-style li {
    margin-left: 20px;
    padding-left: 10px;
    list-style: disc
}

.contentBox h6.textCenter {
    font-size: 18px
}

.MT60 {
    margin-top: 60px
}

.anx-btn {
    text-align: left;
    padding: 5px;
    padding-right: 80px
}

.anx-topBanner {
    width: 100%;
    float: left;
    margin-top: -10px
}

.new-productGridBox2 {
    border: 0;
    border-radius: 0
}

.art-listing {
    width: 100%;
    padding: 0;
    margin: 0
}

.art-listing li {
    list-style: none;
    display: inline-block;
    padding-left: 10px
}

.red-color {
    color: #71020c
}

.lamour-btn {
    background: #71020c;
    border: 1px solid #71020c !important;
    padding-right: 20px
}

.lamorehed {
    color: #000;
    font-size: 18px
}

.categoryContent {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.categoryContent .title {
    display: block;
    font-size: 18px;
    text-align: center;
    margin: 15px 0
}

.categoryContent .catContentBox {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0
}

.categoryContent .catContentBox .btn-default {
    background-color: #592d18;
    border: 1px solid #592d18 !important
}

.categoryContent .catContentBox .btn-default:hover {
    background-color: #fff;
    color: #592d18
}

.honoraPage h2,
.livian h1,
.rhtyhmPage h1,
.waxingPage h1 {
    font-size: 18px;
    color: #a07936;
    margin-bottom: 0;
    font-weight: 700
}

.honoraPage p,
.kiddiepage p,
.livian p {
    font-size: 15px;
    padding-top: 0;
    margin-top: 0
}

.catContentBox img {
    margin-top: 12px
}

.honoraPage .contactBtn,
.kiddiepage .contactBtn,
.livian .contactBtn {
    color: #fff;
    background: #a07936;
    border: 1px solid #a07936;
    font-size: 15px;
    text-transform: uppercase;
    padding: 3px 10px;
    display: inline-block;
    margin-top: 25px
}

.kiddiepage .contactBtn {
    background: #a07936;
    padding-right: 50px;
    border: 1px solid #a07936;
    margin-top: 10px
}

.livian .contactBtn {
    padding-right: 50px;
    margin-top: 10px
}

.honoraPage .contactBtn:hover,
.kiddiepage .contactBtn:hover,
.livian .contactBtn:hover {
    background: 0 0;
    border: 1px solid #000;
    color: #000
}

.kiddiepage h1 {
    font-size: 18px;
    color: #a07936;
    margin-bottom: 0;
    font-weight: 700
}

.kiddiepage .shopText {
    color: #a07936
}

.livian .shopText {
    color: #a07936
}

.moonPage h1 {
    color: #f83887
}

.moonPage .contactBtn {
    background: #f83887;
    border: 1px solid #f83887
}

.moonPage .shopText {
    color: #f83887
}

.padoraPage h1 {
    color: #1e3c82
}

.padoraPage .contactBtn {
    background: #1e3c82;
    border: 1px solid #1e3c82;
    padding-right: 10px
}

.padoraPage .shopText {
    color: #1e3c82
}

.waxingPage .shopText {
    color: #422a23
}

.rhtyhmPage h1 {
    color: #464646
}

.rhtyhmPage .contactBtn {
    background: #464646;
    border: 1px solid #464646
}

.waxingPage h1 {
    color: #422a23
}

.waxingPage .contactBtn {
    background: #422a23;
    border: 1px solid #422a23;
    margin-top: 10px
}

.body-container,
.body-container .catergaryContent,
.body-container .homefirstDiv,
.header-top,
.homeContact .homeAddresBar,
.homeGraybg,
.mainNavigation,
.midHeader,
.productListing,
header {
    width: 100%;
    float: left;
}

header ul {
    margin: 0;
    padding: 0
}

.header-top {
    border-bottom: 1px solid #b2b2b2;
    padding: 7px 0
}

.header-top li {
    display: inline-block;
    font-size: 12px;
    margin-right: 22px
}

.header-top li a {
    display: inline-block;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none
}

.header-top li.cart-icon a {
    font-size: 18px
}

.header-top .login-search {
    text-align: right
}

.header-top .login-search li {
    padding: 0 7px;
    margin-right: 0
}

.header-top .login-search li:first-child {
    border-left: none
}

.header-top .login-search li a {
    font-size: 13px
}

.header-top li.cart-icon {
    border-left: 1px solid #000;
    padding-left: 13px
}

.header-top li a:hover {
    color: #a07936
}

.header-top li a.sub-btn {
    padding: 3px 12px;
    border: 1px solid #000
}

.header-top li a:hover.sub-btn {
    background: #a07936;
    color: #fff
}

.header-top li .loginImg {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-left: 0 !important
}

.header-top li.dropdown a {
    line-height: 20px;
    background: 0 0;
    display: block
}

.header-top li .dropdown-menu {
    right: 0;
    left: inherit;
    border-radius: 0;
    top: 24px
}

.header-top li .dropdown-menu li {
    margin-left: 0;
    width: 100%;
    padding: 6px 0;
    border-top: 1px solid #ddd
}

.header-top li .dropdown-menu li:first-child {
    border-top: none
}

.midHeader img {
    display: inline-block
}

.header-top .fa-shopping-cart {
    margin-right: 5px
}

.showNavScroll {
    position: fixed;
    top: 0;
    background: #f0f0f0;
    left: 0;
    width: 100%;
    z-index: 999999
}

.header-top li .dropdown-menu:before {
    width: 0;
    content: '';
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -5px;
    right: 16%;
    margin-left: -3px;
    border-bottom: 5px solid #a07936
}

.midHeader {
    padding: 5px 0 3px
}

.midHeader li {
    display: inline-block;
    padding: 2px 15px;
    border-left: 1px solid #000;
    position: relative
}

.midHeader li div {
    opacity: 0;
    transition: all .3s ease-in-out 0s;
    visibility: hidden;
    position: absolute;
    width: 220px;
    right: 0;
    top: 10px;
    background: #a07936;
    transition: all .3s ease-in-out 0s
}

.midHeader li div input[type=text] {
    width: 100%;
    float: left;
    background: #a07936;
    border: none;
    color: #fff;
    padding: 10px 30px 10px 10px
}

.midHeader li div button {
    background: 0 0;
    border: none;
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 18px;
    color: #fff
}

.midHeader li:hover div {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.midHeader li:first-child {
    border-left: none
}

.midHeader li:last-child {
    padding-right: 0
}

.midHeader li a {
    color: #000;
    font-size: 18px
}

.midHeader li a:hover {
    color: #a07936
}

.midHeader li span {
    margin-left: 5px;
    color: #a07936
}

#mainNavigation {
    background: #a07936
}

#mainNavigation .social-icon li {
    list-style: none;
    display: inline-block;
    float: none !important
}

#mainNavigation .social-icon li a {
    color: #fff;
    font-size: 18px;
    padding: 8px 0 8px 14px;
    display: block
}

#mainNavigation .social-icon li a:hover {
    color: #ddd
}

.body-container {
    padding-bottom: 20px;
    border-bottom: 8px solid #000;
    margin-bottom: 1px
}

.body-container h1 {
    font-size: 30px;
    margin-bottom: 15px
}

.body-container p {
    font-size: 16px;
    line-height: 30px
}

.body-container .homeShadow {
    background: url(../images/shadowgray.jpg) left top repeat-x;
    padding: 35px 0 25px;
    text-align: center
}

.body-container .homeShadow p {
    color: #707070
}

.body-container .featured-tittle,
.homeContact .featured-tittle {
    font-size: 24px;
    letter-spacing: 1px;
    color: #414141;
    text-align: center;
    width: 100%;
    float: left;
    position: relative
}

.body-container .featured-tittle:before,
.homeContact .featured-tittle:before {
    position: absolute;
    content: '';
    height: 1px;
    background: #dadada;
    width: 36%;
    top: 62%;
    left: 10%
}

.body-container .featured-tittle:after,
.homeContact .featured-tittle:after {
    position: absolute;
    content: '';
    height: 1px;
    background: #dadada;
    width: 36%;
    top: 62%;
    right: 10%
}

.body-container .featured-tittle i,
.homeContact .featured-tittle i {
    color: #a07936;
    font-style: normal
}

.body-container .featured-tittle span,
.homeContact .featured-tittle span {
    background: #fff;
    padding: 0 30px;
    display: inline-block;
    position: relative;
    z-index: 999
}

.body-container .homeGraybg {
    padding: 20px 0 80px;
    margin: 0 1%;
    width: 98%
}

.featuredSmallBanner {
    margin-left: -5px;
    margin-right: -5px
}

.featuredSmallBanner [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px 0
}

.featuredSmallBanner [class*=col-] .homefirstDiv {
    display: block;
    position: relative
}

.featuredSmallBanner [class*=col-] .homefirstDiv a {
    display: block
}

.featuredSmallBanner [class*=col-] .homefirstDiv a img {
    width: 100%;
    height: auto
}

.featuredSmallBanner [class*=col-] .homefirstDiv .homeBlackhea {
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px 20px;
    font-size: 16px;
    background: rgba(0, 0, 0, .6)
}

.featuredSmallBanner [class*=col-] .homefirstDiv .homeBlackhea a {
    color: #fff
}

.featuredSmallBanner [class*=col-] .homefirstDiv .homeBlackhea a:hover {
    color: #a07936
}

.productListing {
    position: relative;
    margin-top: -60px
}

.productListing .productBox {
    position: relative;
    background: #fff;
    width: 100%;
    overflow: hidden;
    float: left;
    text-align: center;
    border: 1px solid #cecece;
    height: 377px;
    transition: all .7s ease-in-out .4s
}

.productListing .productBox:hover {
    border: 1px solid #a07936
}

.productListing .productBox .productBoximg {
    width: 100%;
    height: 264px;
    overflow: hidden;
    float: left;
    text-align: center
}

.productListing .productBox .productBoximg img {
    display: inline-block
}

.productListing .productBox .productTitle {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #2f2f2f;
    text-overflow: ellipsis
}

.productListing .productBox .productTitle a {
    color: #2f2f2f
}

.productListing .productBox .productTitle a:hover {
    color: #a07936
}

.productListing .productBox .productPrice {
    clear: both;
    font-size: 14px;
    line-height: 22px;
    padding-top: 5px;
    color: #a07936
}

.productListing .productBox .productPrice span {
    color: #909090;
    margin-left: 10px;
    text-decoration: line-through
}

.productListing .productBox .btn {
    display: block;
    border-radius: 0
}

.productListing .productBox .addCart {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: -40px;
    width: 100%;
    transition: all .3s ease-in-out 0s
}

.productListing .productBox:hover .addCart {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.productListing .btn {
    text-transform: uppercase;
    padding: 11px 12px
}

.body-container .catergaryContent {
    padding: 35px 80px;
    text-align: center
}

.body-container .branddiv {
    text-align: center
}

.branddiv li {
    list-style: none;
    padding: 0 8px;
    display: inline-block
}

.branddiv .more-brand a {
    text-decoration: underline;
    font-size: 14px;
    text-transform: uppercase;
    color: #a07936
}

.branddiv .more-brand a:hover {
    color: #000
}

.homtTestimonal {
    margin-top: 20px
}

.homtTestimonal .featured-tittle {
    margin-bottom: 30px
}

.homtTestimonal .item p::before {
    content: "\f10d";
    font-family: Fontawesome;
    float: left;
    margin-right: 10px
}

.homtTestimonal .item p::after {
    content: "\f10e";
    font-family: Fontawesome;
    float: right;
    margin-right: 10px
}

.homtTestimonal .item p {
    height: 105px;
    overflow: hidden
}

#cart-div-id {
    margin-top: 20px
}

.emptyDiv img {
    display: inline-block
}

.homeContact .featured-tittle,
.homeContact .featured-tittle i {
    font-size: 22px
}

.homeContact .featured-tittle span {
    background: #fff
}

.homeAddresBar {
    background: #f9f9f9;
    padding: 20px 0;
    margin-top: 20px;
    font-family: gothic
}

.homeAddresBar p,
.homeContact p {
    font-size: 14px;
    line-height: 25px;
    padding-left: 80px;
    padding-top: 25px
}

.menu a {
    display: none;
    width: 100%;
    float: right;
    color: #fff
}

.headerSubscribeBox {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 20px 0 0;
    background-color: #fff;
    position: relative;
    font-style: normal;
    overflow: hidden
}

.headerSubscribeBox .closeMe {
    position: absolute;
    right: 50px;
    top: 30px;
    color: #d5d5d5;
    text-decoration: none;
    font-size: 20px
}

.headerSubscribeBox .closeMe:hover {
    color: #000
}

.headerSubscribeBox .title {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 42px;
    line-height: 42px
}

.headerSubscribeBox .title span {
    display: block;
    font-size: 16px
}

.headerSubscribeBox .subsForm {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center
}

.headerSubscribeBox .subsForm input[type=email] {
    width: 300px;
    border: 1px solid #d5d5d5;
    padding: 7px 10px;
    display: inline-block
}

.headerSubscribeBox .subsForm .button {
    display: inline-block;
    border: none;
    background-color: #a07936;
    color: #fff;
    padding: 8px 20px;
    width: 150px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 10px
}

.headerSubscribeBox .subsForm a {
    color: #000;
    margin-top: 10px;
    display: inline-block;
    font-weight: 600
}

header .number_text {
    border-right: 2px solid #a07936;
    padding-right: 16px
}

header .number_text p {
    margin: 0;
    padding: 0
}

header .findUs {
    background: #a07936;
    border: 1px solid #a07936;
    color: #fff;
    border-radius: 0;
    padding: 2px 10px;
    font-size: 12px;
    margin-top: 1px;
    margin-bottom: 0
}

.carousel-control.left,
.carousel-control.right {
    background: 0 0
}

.support_list {
    margin-bottom: 20px
}

.modal-dialog {
    margin: 70px auto
}

.font18.textgreen {
    font-size: 20px !important;
    margin-top: 20px
}

.order-list {
    padding-left: 15px
}

.order-list li {
    font-size: 14px;
    line-height: 24px;
    list-style-type: disc
}

.apply-btn,
.pay-btn {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    text-transform: uppercase
}

.pay-btn {
    border: 1px solid #2d4e81;
    color: #2d4e81
}

.pay-btn:hover {
    background: #2d4e81 none repeat scroll 0 0;
    border-color: #2d4e81;
    color: #fff
}

.apply-btn {
    background: #2d4e81 none repeat scroll 0 0;
    border: 1px solid #2d4e81;
    color: #fff;
    display: inline-block;
    margin-top: 20px
}

.apply-btn:hover {
    background-color: transparent;
    color: #2d4e81
}

.pay-billBtn {
    background: #f6c400;
    color: #fff;
    font-size: 16px;
    padding: 8px 35px;
    text-transform: uppercase
}

.pay-billBtn:hover {
    background: #dcd902 none repeat scroll 0 0;
    color: #fff
}

.divider {
    border-top: 2px solid #ddd;
    float: left;
    margin: 20px 0;
    width: 100%
}

.financing-card p.smallText {
    font-size: 13px;
    color: #7e7e7e;
    line-height: 17px !important
}

.plusminus {
    display: none;
}

@media(max-width:1030px) {

    .productGridBox2 a.plus-icon,
    .productGridBox2:hover .hover-options {
        display: none
    }

    .productGridBox .saveForLater {
        display: block
    }

    .quickListDetailBox .listTitle {
        width: 140px
    }

    .selectMetalType li label span {
        height: auto
    }

    .selectYourStyle li label span {
        height: 35px
    }
}

@media(max-width:780px) {
    .productListing .productBox {
        margin-bottom: 15px
    }

    header {
        background-size: cover
    }

    .headerSubscribeBox {
        margin-bottom: 0
    }

    .header-top li {
        margin-right: 4px
    }

    .selectMetalType li label span {
        height: auto;
        line-height: 19px
    }
}

@media(max-width:766px) {
    .menu a {
        display: block;
        text-align: left;
        font-size: 18px;
        margin-top: 6px;
        padding-bottom: 6px
    }

    .midHeader {
        text-align: center
    }

    .body-container .featured-tittle,
    .homeContact .featured-tittle {
        font-size: 16px
    }

    .body-container .featured-tittle i,
    .homeContact .featured-tittle i {
        font-size: 20px
    }

    .homtTestimonal .featured-tittle {
        margin: 14px 0
    }

    .body-container p {
        font-size: 14px;
        line-height: 24px
    }

    .body-container .catergaryContent {
        padding: 10px
    }

    .product_detail .btn {
        margin: 0 !important
    }

    .choose_tab ul.selected_ring,
    .choose_tab>ul>li {
        width: 100% !important
    }

    .your_selected_ring {
        background: #a07936 !important;
        width: 100% !important;
        position: relative !important;
        bottom: 1px !important
    }

    .choose_tab {
        height: auto !important
    }

    .choose_tab ul.selected_ring {
        right: 0 !important
    }

    .history-div .btn {
        margin: 8px 0
    }

    ul.select_diamond {
        width: 100% !important;
        float: left
    }

    .diamond_shape_container {
        margin-top: 10px !important
    }

    .smalldesc {
        position: relative !important;
        padding: 5px 1px !important;
        text-align: center !important;
        clear: left
    }

    .search_result_container h1 {
        text-align: center !important
    }

    .search_result_grid {
        display: block;
        overflow-x: auto
    }

    .search_result_grid table {
        display: block
    }

    .shopping_div h1.font24 {
        margin-bottom: 0
    }

    h1.pro-listing-head-bg {
        font-size: 18px !important;
        padding-top: 10px
    }

    .filter-new ul li .fiter-text {
        text-align: center
    }

    .action_box.brd_bot_none .btn {
        margin-top: 10px !important
    }

    .newAccountForm .oneHalf {
        width: 100%
    }

    .newAccountForm ul li label.selectDropDown {
        width: 100%
    }

    .contentBox h3 {
        font-size: 18px
    }

    .education-precious-metals {
        text-align: center
    }

    .education-precious-metals img {
        margin-bottom: 15px
    }

    .TabbedPanelsTab1 {
        width: 100%;
        margin-bottom: 16px
    }

    .gemstone-peridot-para {
        font-size: 14px
    }

    .overview-head {
        font-size: 18px
    }

    .gemstone-peridot-bracelet,
    .gemstone-peridot-ring {
        display: none
    }

    .gemstone-olovine {
        width: 100%;
        float: left;
        margin: 20px 0;
        border-right: none
    }

    .gemstone-olovine .olovine-head,
    .mainHeading-pageAll {
        font-size: 18px;
        padding-bottom: 0
    }

    .education-head {
        font-size: 14px;
        line-height: 22px
    }

    .education-diamonds .education-diamonds-head {
        font-size: 22px;
        line-height: 30px
    }

    .TabbedPanelsTab.left-side-tab,
    .TabbedPanelsTabSelected.sele-left-side-tab {
        font-size: 12px;
        margin-bottom: 20px
    }

    .TabbedPanelsTabSelected.sele-left-side-tab:before {
        right: inherit !important;
        left: 50%;
        margin-left: -5px;
        top: 41px !important;
        content: "\25BC"
    }

    .homeAddresBar p {
        text-align: center;
        padding-left: 0
    }

    .productListing .productBox .addCart {
        visibility: visible;
        opacity: 1;
        bottom: -10px
    }

    .productListing .productBox:hover .addCart {
        bottom: -10px
    }

    .header-top {
        background: #a07936;
        border-bottom: none;
        position: fixed;
        top: 0;
        height: 40px;
        z-index: 999999
    }

    .header-top li a {
        color: #fff !important;
        font-size: 14px
    }

    .menu {
        position: fixed;
        left: 10px;
        top: 0
    }

    #mainNavigation,
    .menu {
        transition: all .3s ease-in-out 0s
    }

    .header-top .login-search li.black-bg {
        background: #000;
        padding: 9px 7px
    }

    .leftToggle {
        overflow: hidden
    }

    .leftToggle .nav {
        left: 0
    }

    .leftToggle .menu {
        margin-left: 64%;
        background: #5c0a10;
        padding: 0 20px
    }

    .leftToggle #mainNavigation {
        height: 100%;
        width: 70%
    }

    .showNavScroll {
        width: auto;
        background: 0 0;
        left: inherit;
        position: inherit;
        top: inherit
    }

    .header-top li .dropdown-menu li a {
        color: #000 !important
    }

    .header-top li.dropdown span {
        margin-left: 0
    }

    .header-top .login-search li {
        padding: 0 5px
    }

    .header-top .login-search li .caret {
        margin-left: 0
    }

    .header-top .login-search li a {
        font-size: 15px
    }

    .header-top {
        padding: 0 0
    }

    .jewelry-education-left-img,
    .jewelry-education-right-img {
        margin-bottom: 15px
    }

    .filter-new .PL0 {
        padding-left: 28px !important
    }

    .quickListDetailBox .btn {
        width: auto
    }

    .zoomPad img {
        width: 100%
    }

    .range_slider .rs_box_half {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    ul.select_diamond {
        height: auto !important
    }

    .header-top .container {
        padding-right: 0
    }

    .body-container h1 {
        font-size: 20px
    }

    #easy_zoom {
        display: none !important
    }

    .abouttittle,
    h3 {
        font-size: 16px;
        line-height: 24px
    }
}

#signInDIv img {
    display: inline-block
}

.contentBox img {
    display: inline-block
}

.history-div .btn-warning {
    background: #fa4f00;
    border: 1px solid #e64d06;
    padding: 10px 60px;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 15px
}

.history-div .btn-warning:hover {
    background: #e64d06;
    border: 1px solid #e64d06
}

.productGalleryBox {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.productGalleryBox .row {
    margin-left: -10px;
    margin-right: -10px
}

.productGalleryBox .row [class*=col-] {
    margin-bottom: 20px;
    padding: 0 10px
}

.productGalleryBox .thumbnail {
    margin: 0;
    position: relative
}

.productGalleryBox .thumbnail a {
    display: block;
    overflow: hidden
}

.productGalleryBox .thumbnail a img {
    width: auto
}

.productGalleryBox .thumbnail:hover .galleryFooter {
    visibility: visible;
    opacity: 1
}

.galleryFooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    z-index: 1;
    transition: all .5s linear;
    visibility: hidden;
    opacity: 0
}

.galleryFooter .socialIcons {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.galleryFooter .socialIcons>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 10px
}

.galleryFooter .socialIcons>li>a {
    display: block;
    width: 30px;
    height: 32px;
    border: 1px solid #d5d5d5;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .5)
}

.galleryFooter .btn {
    border-radius: 0;
    text-transform: uppercase
}

.galleryInfoBox {
    position: absolute;
    left: 10px;
    top: 0;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
    display: none;
    width: 193%;
    height: 208%;
    background-color: #fff
}

.galleryInfoBox .closeMe {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 30px;
    height: 32px;
    border: 1px solid #d5d5d5;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .5)
}

.galleryInfoBox .innerGallery {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.galleryInfoBox .innerGallery a {
    display: block
}

.galleryInfoBox .innerGallery a img {
    max-height: 100%;
    max-width: 100%
}

.galleryInfoBox .infoText {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    background-color: rgba(255, 255, 255, .8)
}

@media(min-width:767px) {
    .productGalleryBox .random {
        width: 50%
    }

    .productGalleryBox .random .thumbnail a img {
        width: auto;
        height: 330px
    }

    .productGalleryBox .random .galleryInfoBox {
        width: 97%;
        height: 100%
    }

    .productGalleryBox .thumbnail a img {
        height: 150px
    }

    .last-class .galleryInfoBox {
        left: auto;
        top: 0;
        right: 10px
    }

    .bottom-class .galleryInfoBox {
        left: auto;
        top: auto !important;
        right: 10px;
        bottom: 0
    }

    .galleryFooter {
        opacity: 1;
        visibility: visible
    }

    header {
        top: -32px;
        
    }


}

@media(min-width:992px) {
    .productGalleryBox .thumbnail a img {
        height: 235px
    }

    .productGalleryBox .random .thumbnail a img {
        width: auto;
        height: 500px
    }

    #gridListingMain {
        min-height: 600px;
    }
}

@media(max-width:767px) {
    .productGalleryBox .thumbnail a img {
        height: 135px
    }

    .productGalleryBox .row [class*=col-]:nth-child(2n) .galleryInfoBox {
        left: auto;
        top: 0;
        right: 10px
    }

    .galleryFooter {
        visibility: visible;
        opacity: 1
    }

    .galleryFooter .socialIcons {
        text-align: center
    }

    .galleryFooter .btn {
        padding-left: 0;
        padding-right: 0;
        font-size: 10px
    }

    .homeBenFamily,
    .popularBrands,
    .home_collections,
    .home-newproduct,
    .home_collectionsBottom,
    .home-partnersm,
    .homeBenFamily {
        padding-bottom: 30px;
    }

    .diamondSearchHome {
        padding: 30px 0;
    }

    #content .content {
        padding-top: 30px;
    }

    .general-title {
        font-size: 22px;
    }

    .subText,
    .home-partners .item p,
    .home-partners .item small .ftpAddres {
        font-size: 14px;
    }

    .btnOutline {
        font-size: 16px;
    }

    .popularBrands,
    .googleReview {
        margin-bottom: 30px;
    }

    .homeBenFamily .homeBenContent {
        padding: 20px 20px 0;
    }

    .contactAddress,
    .storeHours p {
        text-align: center;
    }

    .footerNavList {
        display: none;
    }

    footer h5 {
        text-align: left;
        cursor: pointer;
        font-size: 16px;
        padding: 14px 0;
        border-bottom: 1px solid #ddd;
        margin: 0;
        position: relative;
    }

    .socialWidgetList {
        justify-content: center;
    }

    .googleReview li img {
        max-width: 80%;
    }

    .plusminus {
        display: inline-block;
        font-family: arial;
        position: absolute;
        right: 10px;
        top: 4px;
        font-size: 16px;
    }

    .edu-normal-text {
        padding: 0 10px;
    }

    .TabbedPanelsContent ul {
        text-align: left;
        padding: 0 15px;
    }

    .TabbedPanels {
        overflow: hidden;
    }
}

.modal-dialog {
    z-index: 1050
}

.innerPage img {
    width: 100%;
}

.innerPage .topContent {
    width: 100%;
    float: left;
    margin: 20px 0;
    font-size: 24px;
}

.innerPage .topContent p {
    font-size: 16px;
}

.innerPage .topContent h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
}

.innerPage .title {
    font-size: 18px;
    font-weight: bold;
    margin: 12px 0;
}

.innerPage p {
    line-height: 24px;
}

.innerPage ul li {
    line-height: 24px;
}

.section-productListing .productSize {
    position: absolute;
    top: 55%;
    width: 90%;
}

.section-productListing .productSize .addToCartDiv form {
    display: flex;
    width: 100%;
}

.educationTabsBox {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.educationTabsBox .nav {
    width: 100%;
    margin: 0 -10px 30px;
    padding: 0;
    border: none;
    display: -ms-flexbox;
    display: flex;
}

.educationTabsBox .nav>li {
    margin: 0;
    padding: 0 10px;
    border: none;
    text-align: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.educationTabsBox .nav>li>a {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    display: block;
    background-color: #e9e9e9;
    color: #545454;
    position: relative;
}

.educationTabsBox .nav>li>a {
    border: none;
    padding: 11px 0;
    border-radius: 0;
}

.educationTabsBox .nav>li.active>a {
    background-color: #000;
    color: #fff;
}

.educationTabsBox .nav>li.active>a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    border: 10px solid transparent;
    border-top-color: transparent;
    border-top-color: #000;
}

.educationTabsBox h4 {
    font-weight: 600;
    margin: 16px 0 0;
}

.educationTabsBox h4 a {
    color: #000;
}

.educationTabsBox h4 a:hover {
    color: #000;
    text-decoration: underline;
}

.educationTabsBox ul {
    padding-left: 22px;
}

.educationTabsBox li {
    margin: 0 0 6px;
}

@media only screen and (max-width:767px) {
    .education-ben .inner {
        overflow: hidden;
        display: none;
        float: left;
        width: 100%;
    }

    .education-ben .TabbedPanelsTabGroup {
        height: auto;
    }

    .education-ben .edu-normal-text {
        padding: 0 0 8px;
    }

    .education-ben a.toggle {
        position: relative;
    }

    .education-ben .TabbedPanelsTabGroup img {
        display: inline-block;
        margin: 0 0 20px;
    }

    .education-ben a.toggle {
        width: 100%;
        display: inline-block;
        margin: 0 0 10px;
        padding: 10px;
        text-align: left;
        color: #fff;
        background: #000;
        text-decoration: none !important;
    }

    .education-ben a.toggle::after {
        background: url(../images/navArrow.png)left top no-repeat;
        content: '';
        width: 9px;
        height: 5px;
        position: absolute;
        right: 10px;
        top: 17px;
    }
}










/* 1-july-2024 new pages CSS */
p,
a {
    font-family: "Work Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Alice", serif;
}

.custom-br {
    display: block;
}

.sec-btn {
    color: #888888;
    background-color: #0000001A;
    padding: 8px 16px;
    display: inline-block;
    text-transform: uppercase;
}

.lm-btn {
    background-color: #00000092;
    color: #fff;
    text-decoration: none;
    padding: 8px 70px;
    font-size: 14px;
    text-align: center;
}

.top-banner {
    position: relative;
}

.top-banner .banner-text {
    position: absolute;
    top: 55%;
    right: 10%;
    transform: translate(10%, -55%);
    width: auto;
    max-width: 350px;
}

.top-banner .banner-text img {
    height: auto;
}

.perfect-love {
    position: relative;
    height: 420px;
    font-weight: 400;
    font-style: normal;
    padding: 60px 0;
}

.perfect-love .image-box img {
    position: absolute;
    left: -190px;
    top: -190px;
    z-index: -1;
    max-width: 520px;
    width: 100%;
}

.perfect-love .container {
    align-items: center;
    height: 100%;
    color: #888888;
}

.perfect-love .mid-content {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.perfect-love .row .links {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.perfect-love .row .links li a {
    text-decoration: underline;
    color: #888888;
}

.perfect-love-engagement {
    position: relative;
}

.perfect-love-engagement .text-content {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(-15%, -50%);
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    line-height: .5;
}

.perfect-love-engagement .text-content h1 {
    font-size: 56px;
}

.perfect-love-engagement .text-content p {
    font-size: 26px;
}

.for-every-love-story {
    background-color: #888888;
}

.for-every-love-story .container .row {
    display: flex;
    align-items: center;
}

.for-every-love-story .container .right-content {
    text-align: center;
}

.for-every-love-story .left-img img {
    max-width: 590px;
}

.for-every-love-story .container .content-width {
    display: flex;
    justify-content: center;
}

.for-every-love-story .right-content {
    color: #fff;
}

.for-every-love-story .right-content h1 {
    font-size: 46px;
}

.perfect-love-diamond {
    padding: 50px 0;
}

.perfect-love-diamond .text-content {
    padding: 0 170px;
    margin-bottom: 50px;
}

.txt-btm-img img {
    max-width: 60%;
}

.diamond-right-top-img {
    display: flex;
    justify-content: end;
}

.diamond-right-top-img img {
    max-width: 549px;
    width: 100%;
}

.perfect-love-diamond .right-content {
    text-align: center;
    margin-top: 40px;
}

.perfect-love-fashion .bg-video video {
    width: 100%;
    height: 740px;
    object-fit: cover;
}

.perfect-love-fashion {
    position: relative;
}

.plf-inner-box {
    position: absolute;
    max-width: 330px;
    height: 604px;
    background-color: #00000042;
    top: 0;
    left: 100px;
    color: #fff;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.plf-inner-box h4 {
    margin-bottom: 30px;
    font-size: 30px;
}

.plf-inner-box h3 {
    font-size: 32px;
}

.right-necklace-img img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 700px;
}

.perfect-love-custom-design {
    position: relative;
    background-color: #fefbfc;
}

.perfect-love-custom-design .custom-design-bg-video video {
    width: 100%;
    height: 800px;
    object-fit: cover;
    padding: 50px;
}

.perfect-love-custom-design .heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.perfect-love-custom-design .heading h1 {
    font-size: 50px;
}

.perfect-love-custom-design .heading h4 {
    font-size: 28px;
}

.perfect-love-custom-design .heading p {
    max-width: 264px;
    margin: 20px auto;
}

.change-your-customer-experience {
    position: relative;
}

.change-your-customer-experience .customer-experience-form {
    max-width: 350px;
}

.change-your-customer-experience .customer-experience-form {
    padding: 36px;
    background-color: #fff;
    position: absolute;
    top: 100px;
    right: 100px;
    padding-bottom: 10px;
}

.change-your-customer-experience .text-content {
    position: absolute;
    top: 60px;
    left: 100px;
}

.change-your-customer-experience .text-content h1 {
    font-size: 50px;
    color: #888888
}

.change-your-customer-experience .text-content p {
    font-size: 32px;
    color: #888888;
    font-family: "Alice", serif;
    letter-spacing: 1.1;
}

input.submit-btn {
    background-color: #D3D3D3;
    border: 1px solid #D3D3D3 !important;
    width: fit-content;
    margin: 0 auto;
    box-shadow: none !important;
    ;
}

.view-more-of-perfect-love {
    padding: 50px 0;
}

.view-more-of-perfect-love h1 {
    color: #888888;
}

.new-footer {
    background-color: #000;
    padding: 20px 30px 5px;
}

.new-footer .top-logo .left-logo img {
    max-width: 180px;
}

.new-footer .bottom-social-media-copyright {
    display: flex;
    justify-content: space-between;
}

.new-footer .left-copy-right {
    color: #fff;
}

.new-footer .right-social-media {
    display: flex;
    column-gap: 10px;
}

.new-footer .right-social-media img {
    max-width: 22px;
    height: 22px;
    object-fit: cover;
}


.top-banner img {
    object-fit: cover;
}

.facet-your-love .mid-content {
    margin-bottom: 0;
    max-width: 500px;
}

.facet-your-love .mid-content h1 {
    font-size: 52px;
    margin-bottom: 30px;
}

.facet-your-love .container {
    display: flex;
}

.perfect-love-diamond-p img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.perfect-love-diamond-p .text-content {
    background-color: #0000007e;
    max-width: 400px;
    padding: 75px 40px;
    height: 380px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 10%;
    top: 50%;
    left: unset;
    transform: translate(-10%, -50%);
}

.perfect-love-diamond-p .text-content h1 {
    font-size: 42px;
}

.perfect-love-diamond-p .text-content p {
    line-height: normal;
    font-size: 16px;
}

.perfect-love-diamond-p {
    position: relative;
}

.all-the-details .PLD-content {
    color: #888888;
    max-width: 400px;
}

.all-the-details .PLD-content h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

.all-the-details .PLD-content a {}

.all-the-details .PLD-content p {
    margin-bottom: 20px;
}

.all-the-details img {
    max-width: 85%;
}

.diamond-unlike {
    position: relative;
}

.diamond-unlike img {
    height: 800px;
    object-fit: cover;
    width: 100%;
}

.diamond-unlike .unlike-content {
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
    color: #fff;
    text-align: center;
}

.diamond-unlike .unlike-content h3 {
    font-size: 34px;
}

.undeniable-brilliance {
    color: #888888;
}

.undeniable-brilliance .text-content {
    max-width: 400px;
}

.undeniable-brilliance .text-content h2 {
    font-size: 48px;
}

.undeniable-brilliance .text-content p {
    font-size: 18px;
    font-family: "Alice", serif;
}

.maximizing-light {
    position: relative;
}

.maximizing-light img {
    height: 700px;
    object-fit: cover;
}

.maximizing-light .text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0000007a;
    color: #fff;
    padding: 50px;
    max-width: 800px;
    margin: 0 auto;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.maximizing-light .text-box h4 {
    font-family: "Work Sans", sans-serif;
}

.maximizing-light .text-box p {
    font-family: "Alice", serif;
}

.five-brilliant-diamond h2 {
    font-family: "Work Sans", sans-serif;
    font-size: 22px;
    color: #888888;
    font-weight: 400;
    text-transform: uppercase;
}

.five-brilliant-diamond .diamond-box {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.five-brilliant-diamond .diamond-box .diamond-shape img {
    max-width: 100px;
    height: 100%;
    object-fit: contain;
}

.give-a-diamond-ring .customer-experience-bg img {
    height: 700px;
    object-fit: cover;
    object-position: top;
    filter: brightness(0.5);
}

.give-a-diamond-ring .customer-experience-form h2 {
    font-size: 26px;
}

.give-a-diamond-ring .customer-experience-form {
    color: #fff;
    background-color: transparent;
}

.give-a-diamond-ring .customer-experience-form p {
    font-size: 14px;
}

.give-a-diamond-ring form input {
    background-color: transparent;
    border-color: #fff !important;
    border-radius: 0;
    color: #fff;
    box-shadow: none !important;
}

.give-a-diamond-ring form input::placeholder {
    color: #fff;
}

.give-a-diamond-ring form input.submit-btn {
    background-color: #D3D3D3;
    border-color: #d8d8d8 !important;
    color: #888888;
}

.choose-your-style .plf-inner-box {
    width: 100%;
    max-width: 490px;
    background-color: transparent;
    right: 35%;
    left: unset;
    transform: translate(35%, 0);
}

.choose-your-style .plf-inner-box .lm-btn {
    display: inline-block;
    padding: 8px 30px;
    width: fit-content;
    text-transform: uppercase;
    margin-left: 30px;
    border: 1px solid #fff;
    background: transparent;
}

.choose-your-style .plf-inner-box ul {
    line-height: 36px;
    text-transform: uppercase;
    font-size: 26px;
    padding-left: 30px;
}

.choose-your-style .bg-video {
    padding: 50px;
}

.barcelona-spain a.sec-btn {
    background-color: #00000072;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 10px 16px;
    width: fit-content;
}

.barcelona-spain .text-content {
    display: block;
    left: 6%;
    right: unset;
}

.barcelona-spain .banner-image-box img {
    height: auto;
    object-fit: cover;
}

.left-right-card .right-content {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.paris-france .text-content {
    right: 10%;
    left: unset;
}

.lr-t .lm-btn {
    display: inline-block;
    padding: 8px 30px;
    width: fit-content;
    text-transform: uppercase;
    margin: 0 auto;
    border: 1px solid #fff;
    background: transparent;
}

.engagement-ring-style p{color: #888888;}



/* after copy */
.florence-italy .text-content {
    max-width: 430px;
    height: auto;
}

.per-love-fashion {
    padding: 50px 0;
    background-color: #0000001A;
}

.per-love-fashion h3 {
    font-size: 46px;
    color: #888888;
    margin-bottom: 20px;
}

.per-love-fashion a {
    background-color: #D3D3D3;
    color: #888888;
    padding: 8px 18px;
}

.change-your-customer-experience.give-a-diamond-ring.perfect-love-fashion-form {
    background-color: #000;
}



.change-your-customer-experience.perfect-love-fashion-form .customer-experience-form {
    background-color: transparent;
    top: 50%;
    right: 20%;
    transform: translate(20%, -50%);
    padding-bottom: 10px;
}

.give-a-diamond-ring.perfect-love-fashion-form .customer-experience-form h2 {
    font-size: 22px;
}

.give-a-diamond-ring form input.submit-btn {
    background-color: transparent;
}



/* 3 july2024 */
.truly-tulip-inspired .right-content {
    max-width: 390px;
    width: 100%;
    padding-left: 0;
}

.truly-tulip-inspired .right-content h1 {
    color: #000000B2;
}

.for-every-love-story-2 .left-img img {
    max-width: fit-content;
}

.perfectlove-e .banner-image-box img {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.perfectlove-e .text-content {
    border: 1px solid #fff;
    height: auto;
    padding: 50px 35px;
    max-width: 350px;
}

.perfectlove-e .text-content h1 {
    margin-bottom: 25px;
    font-size: 35px;
}

.made-to-sparkle .container {
    display: block;
}

.made-to-sparkle .mid-content {
    max-width: 60%;
}

.made-to-sparkle .mid-content img {
    margin-bottom: 30px;
}

.made-to-sparkle .mid-content h1 {
    font-size: 42px;
}

.made-to-sparkle .mid-content p {
    margin-bottom: 30px;
}

.black-bg {
    background-color: #000;
    width: 100%;
    height: 700px;
}

.discover-a-ring h1 {
    font-size: 36px;
}

.discover-a-ring img {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    padding: 50px;
}

.discover-a-ring .sec-btn {
    font-size: 12px;
    border: 1px solid #fff;
    padding: 10px 16px;
}

.discover-a-ring .text-content {
    max-width: 373px;
    padding: 50px 40px;
    height: auto;
    top: 70%;
    left: 10%;
    transform: translate(-10%, -70%);
}

.discover-a-ring .text-content h1 {
    font-size: 30px;
    margin-bottom: 30px !important;
}

.engagement-ring-style .container-fluid .heading {
    margin-left: 50px;
}

.engagement-ring-style .heading h3 {
    font-size: 26px;
    color: #888888;
    font-weight: 400;
}

.discover-a-ring {
    padding: 50px 0;
}

.blank-banner-4 img {
    padding: 50px 50px 10px 50px;
}

.perfect-love-engagement-form-section .customer-experience-bg img {
    filter: brightness(1);
}

.perfect-love-engagement-form-section .customer-experience-form h2 {
    color: #888;
}

.perfect-love-engagement-form-section form input {
    border-color: #888 !important;
    color: #888;
}

.perfect-love-engagement-form-section form input::placeholder {
    color: #888;
}

.perfect-love-engagement-form-section .customer-experience-form {
    right: 250px;
}

.perfect-love-engagement-form-section .customer-experience-form .submit-btn {
    background-color: #D3D3D3;
    color: #888;
}

.perfect-love-engagement-form-section .form-txt h5 {
    color: #888;
}

.perfect-love-engagement-form-section .customer-experience-form {
    max-width: 400px;
}

.custom-br {
    display: block;
}

.sec-btn {
    color: #888888;
    background-color: #0000001A;
    padding: 8px 16px;
    display: inline-block;
    text-transform: uppercase;
}

.lm-btn {
    background-color: #00000092;
    color: #fff;
    text-decoration: none;
    padding: 8px 70px;
    font-size: 14px;
    text-align: center;
}

.perfect-love {
    position: relative;
    height: 420px;
    font-weight: 400;
    font-style: normal;
    padding: 60px 0;
}

.perfect-love .image-box img {
    position: absolute;
    left: -190px;
    top: -190px;
    z-index: -1;
    max-width: 520px;
    width: 100%;
}

.perfect-love .container {
    align-items: center;
    height: 100%;
    color: #888888;
}

.perfect-love .mid-content {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.perfect-love .row .links {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.perfect-love .row .links li a {
    text-decoration: underline;
    color: #888888;
}

.perfect-love-engagement {
    position: relative;
}

.perfect-love-engagement .text-content {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(-15%, -50%);
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    line-height: .5;
}

.perfect-love-engagement .text-content h1 {
    font-size: 56px;
}

.perfect-love-engagement .text-content p {
    font-size: 26px;
}

.for-every-love-story {
    background-color: #888888;
}

.for-every-love-story .container .row {
    display: flex;
    align-items: center;
}

.for-every-love-story .container .right-content {
    text-align: center;
}

.for-every-love-story .left-img img {
    max-width: 590px;
}

.for-every-love-story .container .content-width {
    display: flex;
    justify-content: center;
}

.for-every-love-story .right-content {
    color: #fff;
}

.for-every-love-story .right-content h1 {
    font-size: 46px;
}

.perfect-love-diamond {
    padding: 50px 0;
}

.perfect-love-diamond .text-content {
    padding: 0 170px;
    margin-bottom: 50px;
}

.txt-btm-img img {
    max-width: 60%;
}

.diamond-right-top-img {
    display: flex;
    justify-content: end;
}

.diamond-right-top-img img {
    max-width: 549px;
    width: 100%;
}

.perfect-love-diamond .right-content {
    text-align: center;
    margin-top: 40px;
}

.perfect-love-fashion .bg-video video {
    width: 100%;
    height: 740px;
    object-fit: cover;
}

.perfect-love-fashion {
    position: relative;
}

.plf-inner-box {
    position: absolute;
    max-width: 330px;
    height: 604px;
    background-color: #00000042;
    top: 0;
    left: 100px;
    color: #fff;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.plf-inner-box h4 {
    margin-bottom: 30px;
    font-size: 30px;
}

.plf-inner-box h3 {
    font-size: 32px;
}

.right-necklace-img img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 700px;
}

.perfect-love-custom-design {
    position: relative;
    background-color: #fefbfc;
}

.perfect-love-custom-design .custom-design-bg-video video {
    width: 100%;
    height: 800px;
    object-fit: cover;
    padding: 50px;
}

.perfect-love-custom-design .heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.perfect-love-custom-design .heading h1 {
    font-size: 50px;
}

.perfect-love-custom-design .heading h4 {
    font-size: 28px;
}

.perfect-love-custom-design .heading p {
    max-width: 264px;
    margin: 20px auto;
}

.change-your-customer-experience {
    position: relative;
}

.change-your-customer-experience .customer-experience-form {
    max-width: 40
    0px;
}

.change-your-customer-experience .customer-experience-form {
    padding: 36px;
    background-color: #fff;
    position: absolute;
    top: 100px;
    right: 100px;
    padding-bottom: 10px;
}

.change-your-customer-experience .text-content {
    position: absolute;
    top: 60px;
    left: 100px;
}

.change-your-customer-experience .text-content h1 {
    font-size: 50px;
    color: #888888
}

.change-your-customer-experience .text-content p {
    font-size: 32px;
    color: #888888;
    font-family: "Alice", serif;
    letter-spacing: 1.1;
}

input.submit-btn {
    background-color: #D3D3D3;
    border: 1px solid #D3D3D3 !important;
    width: fit-content;
    margin: 0 auto;
    box-shadow: none !important;
    ;
}

.view-more-of-perfect-love {
    padding: 50px 0;
}

.view-more-of-perfect-love h1 {
    color: #888888;
}

.new-footer {
    background-color: #000;
    padding: 20px 30px 5px;
}

.new-footer .top-logo .left-logo img {
    max-width: 180px;
}

.new-footer .bottom-social-media-copyright {
    display: flex;
    justify-content: space-between;
}

.new-footer .left-copy-right {
    color: #fff;
}

.new-footer .right-social-media {
    display: flex;
    column-gap: 10px;
}

.new-footer .right-social-media img {
    max-width: 22px;
    height: 22px;
    object-fit: cover;
}


.top-banner img {
    object-fit: cover;
}

.facet-your-love .mid-content {
    margin-bottom: 0;
    max-width: 500px;
}

.facet-your-love .mid-content h1 {
    font-size: 52px;
    margin-bottom: 20px;
}

.facet-your-love .container {
    display: flex;
}

.perfect-love-diamond-p img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.perfect-love-diamond-p .text-content {
    background-color: #0000007e;
    max-width: 400px;
    padding: 96px 40px;
    height: 437px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 10%;
    top: 50%;
    left: unset;
    transform: translate(-10%, -50%);
}

.perfect-love-diamond-p .text-content h1 {
    font-size: 40px;
}

.perfect-love-diamond-p .text-content p {
    line-height: normal;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.perfect-love-diamond-p {
    position: relative;
}

.all-the-details .PLD-content {
    color: #888888;
    max-width: 400px;
}

.all-the-details .PLD-content h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

.all-the-details .PLD-content a {}

.all-the-details .PLD-content p {
    margin-bottom: 20px;
}

.all-the-details img {
    max-width: 85%;
}

.diamond-unlike {
    position: relative;
}

.made-to-sparkle {
    height: auto;
}

.diamond-unlike img {
    height: 800px;
    object-fit: cover;
    width: 100%;
}

.diamond-unlike .unlike-content {
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
    color: #fff;
    text-align: center;
}

.diamond-unlike .unlike-content h3 {
    font-size: 34px;
}

.undeniable-brilliance {
    color: #888888;
}

.undeniable-brilliance .text-content {
    max-width: 400px;
}

.undeniable-brilliance .text-content h2 {
    font-size: 48px;
}

.undeniable-brilliance .text-content p {
    font-size: 18px;
    font-family: "Alice", serif;
}

.maximizing-light {
    position: relative;
}

.maximizing-light img {
    height: 700px;
    object-fit: cover;
}

.maximizing-light .text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0000007a;
    color: #fff;
    padding: 50px;
    max-width: 800px;
    margin: 0 auto;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.maximizing-light .text-box h4 {
    font-family: "Work Sans", sans-serif;
}

.maximizing-light .text-box p {
    font-family: "Alice", serif;
}

.five-brilliant-diamond h2 {
    font-family: "Work Sans", sans-serif;
    font-size: 22px;
    color: #888888;
    font-weight: 400;
    text-transform: uppercase;
}

.five-brilliant-diamond .diamond-box {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.five-brilliant-diamond .diamond-box .diamond-shape img {
    max-width: 100px;
    height: 100%;
    object-fit: contain;
}

.give-a-diamond-ring .customer-experience-bg img {
    height: 700px;
    object-fit: cover;
    object-position: top;
    filter: brightness(0.5);
}

.give-a-diamond-ring .customer-experience-form h2 {
    font-size: 26px;
}

.give-a-diamond-ring .customer-experience-form {
    color: #fff;
    background-color: transparent;
}

.give-a-diamond-ring .customer-experience-form p {
    font-size: 14px;
}

.give-a-diamond-ring form input {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
    color: #fff;
    box-shadow: none !important;
}

.give-a-diamond-ring form input::placeholder {
    color: #fff;
}

.give-a-diamond-ring form input.submit-btn {
    background-color: #D3D3D3;
    border-color: #d8d8d8 !important;
    color: #888888;
}

.choose-your-style .plf-inner-box {
    width: 100%;
    max-width: 490px;
    background-color: transparent;
    top: 50%;
    right: 35%;
    left: unset;
    transform: translate(35%, -50%);
}

.choose-your-style .plf-inner-box .lm-btn {
    display: inline-block;
    padding: 8px 30px;
    width: fit-content;
    text-transform: uppercase;
    margin-left: 30px;
    border: 1px solid #fff;
    background: transparent;
}

.choose-your-style .plf-inner-box ul {
    line-height: 36px;


    text-transform: uppercase;
    font-size: 26px;
    padding-left: 30px;
}

.choose-your-style .bg-video {
    padding: 50px;
}

.barcelona-spain a.sec-btn {
    background-color: #00000072;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 10px 16px;
}

.barcelona-spain .text-content {
    display: block;
    left: 6%;
    right: unset;
}

.barcelona-spain .banner-image-box img {
    height: auto;
    object-fit: cover;
}

.left-right-card .right-content {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.paris-france .text-content {
    right: 10%;
    left: unset;
}

.lr-t .lm-btn {
    display: inline-block;
    padding: 8px 30px;
    width: fit-content;
    text-transform: uppercase;
    margin: 0 auto;
    border: 1px solid #fff;
    background: transparent;
}

.change-your-customer-experience .customer-experience-form .form-txt p {
    color: #888888;
    margin-bottom: 20px;
}

.per-love-fashion {
    padding: 30px 0;
}

.per-love-fashion h3 {
    font-size: 42px;
    margin-bottom: 22px;
    color: #888;
}

.perfect-love-fashion-form{background-color: #000;}
.perfect-love-fashion-form .customer-experience-bg {
    width: 50%;
}

.florence-italy .banner-image-box{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.change-your-customer-experience.give-a-diamond-ring.perfect-love-fashion-form .customer-experience-bg {
    width: 50%;
}

.perfect-love-engagement-form-div .customer-experience-bg img {
    height: auto;
}

.perfect-love-engagement-form-div .customer-experience-form {
    top: 0%;
    right: 200px;
}

.perfect-love-engagement-form-div {
    padding: 45px 0;
}

#owl-engagement-ring-style {
    display: none;
}

#owl-engagement-ring-style {
    position: relative;
}

#owl-engagement-ring-style .owl-item img {
    padding: 15px 42px;
}

#owl-engagement-ring-style .owl-nav {
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
}

#owl-engagement-ring-style .owl-prev span,
#owl-engagement-ring-style .owl-next span {
    font-size: 40px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #888 !important;
}

.discover-a-ring .banner-image-box img{-webkit-transform: scaleX(1);
    transform: scaleX(1);}

.discover-a-ring .text-content{left: 10%; right: unset; top: 70%;transform: translate(-10%, -70%);}
.for-every-love-story-2 .top-heading{ margin-bottom: 30px;color: #888;}

.view-more-of-perfect-love .card-box p{text-transform: uppercase;}




@media only screen and (max-width: 1200px) {
    .perfect-love .image-box img {
        left: -200px;
        top: -200px;
        max-width: 410px;
    }

    .perfect-love .mid-content {
        max-width: 600px;
    }

    .for-every-love-story {
        padding: 30px;
    }

    .perfect-love-diamond .text-content {
        padding: 0 70px;
        margin-bottom: 40px;
    }

    .change-your-customer-experience .text-content {
        text-align: center;
        top: 5%;
        left: 50%;
        transform: translate(-50%, -5%);
    }

    .change-your-customer-experience .customer-experience-form {
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }

    .left-right-card .row img {
        max-width: 800px;
    }
}

@media only screen and (max-width: 991px) {
    .perfect-love {
        height: auto;
        padding: 30px 0;
    }

    .diamond-right-top-img {
        display: none;
    }

    .perfect-love .image-box img {
        display: none;
    }

    .right-necklace-img img {
        max-width: 490px;
    }

    .for-every-love-story .container .row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .diamond-unlike img {
        height: auto;
    }
}

@media only screen and (max-width: 769px) {

    .left-right-card h3{
        font-size: 24px;
        font-family: "Work Sans", sans-serif;
        color: #888;
    }
    .left-right-card p{
        color: #888;
    }
    .plf-vd-p video{
        height: 466px;
        
    }

    .plf-vd-p p{
        height: 114px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .mob-dis-none {
        display: none !important;
    }

    #owl-engagement-ring-style {
        display: block;
    }

    .for-every-love-story .container .row {
        flex-direction: column;
    }

    .perfect-love-diamond .text-content {
        padding: 0;
    }

    .for-every-love-story {
        padding: 20px 5px 30px;
    }

    .txt-btm-img img {
        max-width: 90%;
    }

    .right-necklace-img img {
        display: none;
    }

    .plf-inner-box {
        position: absolute;
        max-width: 100%;
        height: auto;
        top: 50%;
        left: 0;
        display: block;
        transform: translate(0, -50%);
    }

    .perfect-love-fashion .bg-video video {
        min-height: 480px;
        object-fit: cover;
    }

    .perfect-love-custom-design .custom-design-bg-video video {
        height: 552px;
        padding: 20px;
    }

    .perfect-love-custom-design .heading {
        width: 100%;
    }

    .change-your-customer-experience .customer-experience-form {
        position: unset;
        transform: translate(0, 0);
        max-width: 100%;
    }

    .change-your-customer-experience .text-content {
        top: 30%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .perfect-love-diamond-p .text-content {
        max-width: 400px;
        padding: 23px 22px;
        height: auto;
        right: 50%;
        top: 50%;
        left: unset;
        transform: translate(50%, -50%);
    }

    .perfect-love-diamond-p .text-content h1 {
        font-size: 26px;
    }

    .perfect-love-diamond-p .text-content {
        max-width: 500px;
        width: 100%;
        padding: 23px 22px;
    }

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

    .facet-your-love .mid-content h1 {
        font-size: 33px;
    }

    .five-brilliant-diamond .diamond-box {
        flex-wrap: wrap;
    }

    .undeniable-brilliance .row {
        flex-direction: column-reverse;
    }

    .undeniable-brilliance .row.d-flex.flex-row-reverse {
        flex-direction: column-reverse !important;
    }

    .undeniable-brilliance .row.d-flex.flex-row-reverse .text-content {
        text-align: left;
    }

    .maximizing-light .text-box {
        max-width: 385px;
        width: 100%;
        min-height: 370px;
    }

    .give-a-diamond-ring .customer-experience-form h2 {
        color: #888;
    }

    .give-a-diamond-ring form input {
        border-color: #000 !important;
        color: #000;
        box-shadow: none !important;
    }

    .give-a-diamond-ring form input::placeholder {
        color: #000;
    }

    .mob-flex-none {
        display: block !important;
    }

    .perfect-love-diamond.all-the-details .row {
        display: block !important;
    }

    .diamond-unlike .unlike-content h3 {
        font-size: 20px;
    }

    .diamond-unlike img {
        height: auto;
        filter: brightness(0.5);
    }

    .maximizing-light .text-box h1 {
        font-size: 30px;
    }

    .left-right-card .row {
        flex-direction: column !important;
    }

    .per-love-fashion .row {
        flex-direction: column;
        padding: 35px 0;
    }

    .view-more-of-perfect-love .row {
        display: block !important;
    }

    .barcelona-spain .banner-image-box img {
        height: auto;
        object-fit: cover;
    }

    .lr-t .lm-btn {
        padding: 8px 15px;
    }

    .choose-your-style .plf-inner-box {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .choose-your-style .bg-video {
        padding: 10px;
    }

    .choose-your-style .plf-inner-box ul {
        line-height: 24px;
        font-size: 15px;
        padding-left: 30px;
    }

    .plf-inner-box h3 {
        font-size: 32px;
        line-height: 1.1;
    }

    .choose-your-style .plf-inner-box .lm-btn {
        padding: 8px 20px;
        font-size: 10px;
    }

    .perfect-love-engagement-form-div {
        padding: 10px 0;
    }
}




@media only screen and (max-width: 1200px) {
    .perfect-love .image-box img {
        left: -200px;
        top: -200px;
        max-width: 410px;
    }

    .perfect-love .mid-content {
        max-width: 600px;
    }

    .for-every-love-story {
        padding: 30px;
    }

    .perfect-love-diamond .text-content {
        padding: 0 70px;
        margin-bottom: 40px;
    }

    .change-your-customer-experience .text-content {
        text-align: center;
        top: 5%;
        left: 50%;
        transform: translate(-50%, -5%);
    }

    .change-your-customer-experience .customer-experience-form {
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }

    .for-every-love-story-2 .left-img img {
        max-width: auto !important;
    }

    .for-every-love-story-2.truly-tulip-inspired .right-content,
    .truly-tulip-inspired .right-content {
        max-width: 100% !important;
    }

    .for-every-love-story-2.truly-tulip-inspired .custom-br {
        display: inline-block;
    }

    .perfect-love-engagement-form-div .customer-experience-bg img {
        height: auto;
    }

    .perfect-love-diamond-p .text-content {
        max-width: 400px;
        padding: 10px 10px;
        height: auto;
    }
}

@media only screen and (max-width: 991px) {
    .perfect-love {
        height: auto;
        padding: 30px 0;
    }
    .diamond-right-top-img {
        display: none;
    }
    .perfect-love .image-box img {
        display: none;
    }
    .right-necklace-img img {
        max-width: 490px;
    }
    .for-every-love-story .container .row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

@media only screen and (max-width: 769px) {
    .for-every-love-story .container .row {
        flex-direction: column-reverse;
    }

    .perfect-love-diamond .text-content {
        padding: 0;
    }

    .for-every-love-story {
        padding: 20px 5px;
    }

    .txt-btm-img img {
        max-width: 90%;
    }

    .right-necklace-img img {
        display: none;
    }

    .plf-inner-box {
        position: absolute;
        max-width: 62%;
        height: auto;
        top: 50%;
        left: 0;
        display: block;
        transform: translate(0, -50%);
        background: #0000000d;
    }

    .perfect-love-fashion .bg-video video {
        height: auto;
    }

    .perfect-love-custom-design .custom-design-bg-video video {
        height: 552px;
        padding: 20px;
    }

    .perfect-love-custom-design .heading {
        width: 100%;
    }

    .change-your-customer-experience .customer-experience-form {
        position: unset;
        transform: translate(0, 0);
        max-width: 100%;
    }

    .change-your-customer-experience .text-content {
        top: 30%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .left-right-card .row {
        flex-direction: column;
    }

    .for-every-love-story-2 .row.flex-row-reverse {
        display: block !important;
    }

    .truly-tulip-inspired .row {
        display: block !important;
    }

    .perfectlove-e .text-content {
        position: unset;
        transform: translate(0, 0);
        max-width: 100%;
        background: #000000e6;
        padding: 25px;
    }

    .made-to-sparkle .mid-content h1 {
        font-size: 24px;
    }

    .black-bg {
        height: 400px;
    }

    .discover-a-ring img {
        padding: 0;
    }

    .discover-a-ring .text-content {
        max-width: 320px;
        padding: 20px;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid #fff;
    }

    .discover-a-ring .text-content h1 {
        font-size: 20px;
        margin-bottom: 21px !important;
    }

    .discover-a-ring .sec-btn {
        color: #fff;
    }

    .blank-banner-4 img {
        padding: 15px;
    }

    .perfect-love-engagement-form-section .customer-experience-bg img {
        height: auto;
    }

    .top-banner .banner-text img {
        max-width: 60%;
    }

    .engagement-ring-style .container-fluid .heading {
        margin-left: 0;
    }

    .engagement-ring-style .heading h3 {
        font-size: 18px;
    }

    .for-every-love-story-2 .top-heading h1 {
        font-size: 28px;
    }

    .for-every-love-story-2 .row {
        padding-left: 0;
        padding-right: 0;
    }

    .perfect-love-engagement-form-section .customer-experience-form {
        padding: 10px;
    }


    .top-banner .banner-text {
        position: unset;
        transform: translate(0, 0);
        width: auto;
        background: #000;
        height: 170px;
        text-align: center;
        padding-left: 0;
    }

    .top-banner .banner-text img {
        max-width: 70%;
        margin-top: 30px;
    }

    .for-every-love-story-2 .px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .mob-d-none {
        display: none;
    }

    .for-every-love-story-2 .row.px-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .discover-a-ring {
        padding: 0 0 30px;
    }

    .perfect-love-fashion-00 .hero-banner-p > img{
        min-height: 416px;
        height: 100%;
    }

    .perfect-lov-fash-00 .heading{margin-bottom: 20px !important;}
    .top-banner.overview img {
        height: 460px;
    }
}


@media only screen and (max-width: 450px) {
    .sec-btn {
        padding: 8px 9px;
        font-size: 12px;
    }
}





.perfect-love-engagement-form-div .customer-experience-bg img {
    filter: brightness(1);
}

.perfect-love-engagement-form-div form input {
    border-color: #888 !important;
    color: #888;
}

.perfect-love-engagement-form-div form input::placeholder {
    color: #888;
}




.start-your-custom-journey {
    padding: 60px 0;
}

.start-your-custom-journey .custom-text {
    max-width: 600px;
    margin: 0 auto;
}

.the-mold-bg-img {
    padding: 50px;
}

.break-the-mold {
    position: relative;
}

.break-the-mold .break-the-mold-content {
    position: absolute;
    top: 12%;
    left: 12%;
    max-width: 600px;
    transform: translate(-12%, -12%);
    color: #888;
}

.collaborate-custom {
    padding: 60px;
}

.collaborate-custom .contentt {
    max-width: 400px;
    margin: 0 auto;
    color: #fff;
}

.collaborate-custom .-bg-color {
    background-color: #c3c3c3;
    display: flex;
    align-items: center;
}

.with-your-storybook .break-the-mold-content {
    top: unset;
    left: 10%;
    max-width: 400px;
    transform: translate(-10%, 40%);
    color: #888;
    bottom: 40%;
}

.with-your-storybook .break-the-mold-content h1 {
    margin-bottom: 30px;
}

.with-your-storybook .the-mold-bg-img {
    padding: 0;
}

.with-your-storybook .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.hunnah-section .img-card img {
    max-height: 625px;
    height: 100%;
}

.hunnah-btm-txt {
    color: #888;
    padding-top: 40px;
    padding-bottom: 20px;
}

.the-virtual-store {
    padding: 60px 45px;
    background-color: #D9D9D980;
}

.the-virtual-store .top-virtual-store .top-img {
    margin-bottom: 20px;
}

.the-virtual-store .bottom-content {
    background-color: #fff;
    color: #888;
    width: 100%;
    padding: 40px 60px;
    min-height: 305px;
}

.the-virtual-store .bottom-content h5 {
    font-size: 32px;
    font-weight: 300;
    font-family: "Work Sans", sans-serif;
    margin-bottom: 25px;
}

.creating-a-one-of-a-kind .txt-box- {
    max-width: 400px;
    margin: 0 auto;
}

.creating-a-one-of-a-kind .row {
    display: flex;
    align-items: center;
}

.perfectlove-custom .custom-form-bg img {
    transform: scaleX(-1);
}

.perfectlove-custom .customer-experience-form {
    background-color: #ffffffd3;
    color: #888;
    top: 0;
    right: unset;
    left: 10%;
    padding-top: 120px;
    padding-bottom: 120px;
    max-width: 410px;
}

.perfectlove-custom form input {
    border-color: #888 !important;
    color: #888 !important;
}

.perfectlove-custom form input::placeholder {
    color: #888;
}

.perfectlove-custom form .submit-btn {
    background-color: #D3D3D3 !important;
}

.perfectlove-custom h5 {
    font-size: 22px;
    font-weight: 300;
}

.custom-page-banner .banner-text {
    width: 100%;
    max-width: 420px;

}

.for-every-love-story-2 {background-color: #888888;}
.for-every-love-story-2 .right-content h1{color: #fff; font-size: 52px;}
.for-every-love-story-2 .right-content p {color: #fff;}

.for-every-love-story-3 {
    background-color: transparent;
}

.custom-page-banner .banner-text p {
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-family: "Alice", serif;
    font-weight: 300;
    padding-top: 25px;
}

.hunnah-div .img-card img {
    min-height: 625px;
}




.perfect-love-diamond .customer-experience-form .form-txt p {
    color: #fff;
}

.perfect-love {
    height: auto;
    padding: 80px 0 50px;
}

.the-virtual-store .top-img {
    position: relative;
}

.the-virtual-store .top-img .img-txt {
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 7%;
    transform: translate(-7%, -50%);
    color: #5e5e5e;
}

.perfect-love-engagement {
    height: auto;
}


.desk-t-view{display: block;}
.mob-t-view{display: none;}

.fashion-mob-show{display: block !important;}




@media only screen and (max-width: 769px) {

    .overview-diamond{color: #888888;}

    .for-every-love-story .right-content h1 {
        font-size: 34px;
    }
    .perfect-love {
        padding: 50px 0 50px;
    }

    .lm-btn {
        padding: 8px 45px;
    }

    .fashion-mob-show .col-lg-12 {padding-left: 0 !important;padding-right: 0 !important;}

    .desk-t-view{display: none;}
    .mob-t-view{display: block;}
    .txt-hide {
        display: none;
    }

    .top-banner img {
        height: auto;
    }

    .hunnah-div .img-card img {
        min-height: auto;
    }

    .collaborate-custom .-bg-color {
        display: block;
    }

    .collaborate-custom {
        padding: 20px;
    }

    .custom-page-banner .banner-text {
        height: auto;
        padding: 20px 0;
        max-width: 100%;
    }

    .custom-page-banner .banner-text img {
        margin-top: 15px;
    }

    .custom-page-banner .banner-text p {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .top-banner img {
        height: auto;
    }

    .break-the-mold-content h1 {
        font-size: 26px;
    }

    .the-mold-bg-img {
        padding: 0;

    }

    .break-the-mold .break-the-mold-content {
        position: static;
        transform: translate(0, 0);
        margin-top: 20px;
        margin-bottom: 30px;

    }

    .collaborate-custom .contentt {
        padding: 30px 0;
        max-width: 100%;
    }

    .collaborate-custom .contentt h1 {
        font-size: 26px;
    }

    .collaborate-custom .col-lg-6.pl-0 {
        padding-right: 0;
    }

    .break-the-mold.with-your-storybook .break-the-mold-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hunnah-btm-txt h1 {
        font-size: 26px;
    }

    .hunnah-btm-txt h1 .custom-br {
        display: inline;
    }

    .hunnah-btm-txt {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .the-virtual-store {
        padding: 20px 0;
    }

    .the-virtual-store .bottom-content {
        padding: 20px 20px;
        max-width: 100%;
        margin-bottom: 20px;
        min-height: auto;
    }

    .the-virtual-store .bottom-content h5 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .creating-a-one-of-a-kind .row {
        display: block;
    }

    .perfectlove-custom .customer-experience-form {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .view-more-of-perfect-love {
        padding: 20px 0;
    }

    .view-more-of-perfect-love h1 {
        font-size: 24px;
    }

    .creating-a-one-of-a-kind .txt-box- {
        margin: 20px auto;
    }

    .collaborate-custom .contentt h1 .custom-br {
        display: inline;
    }

    .with-your-storybook .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .break-the-mold.with-your-storybook .break-the-mold-content {
        max-width: 100%;
    }

    .with-your-storybook .break-the-mold-content h1 .custom-br {
        display: inline;
    }

    .change-your-customer-experience.perfect-love-fashion-form .customer-experience-form {
        transform: translate(0, 0);
    }

    .black-bg-form-color form input {
        border-color: #888 !important;
        color: #888 !important;
    }

    .left-right-card .right-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .truly-tulip-inspired .right-content h1 {
        font-size: 28px;
    }

    .the-virtual-store .top-img .img-txt {
        position: static;
        transform: translate(0%, 0%);
    }

    .the-virtual-store .top-virtual-store .top-img {
        display: flex;
        flex-direction: column-reverse;
    }
}



.perfect-love-fashion-00 .banner-text {
    left: 10%;
    right: unset;
    transform: translate(-10%, -50%);
}





@media only screen and (max-width: 769px){
.perfect-love-fashion-00 .banner-text {
    left: 10%;
    right: unset;
    transform: translate(0%, 0);
    
}
.change-your-customer-experience.give-a-diamond-ring.perfect-love-fashion-form .customer-experience-bg {
    width: 100%;
}

.barcelona-spain .text-content{
    position: static;
    transform: translate(0px, 0px);
    background-image: url(../images/Saint-Eulalia-1-W.jpeg);
    background-position: center;
    background-size: cover;
    min-height: 401px;
    display: inline-flex;
    background-color: #000;
    align-items: unset;
    max-width: 100%;
    position: relative;
    left: 0;
    padding: 0 32px;
}

.barcelona-spain .text-content::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000073;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.paris-france .text-content{
    background-image: url(../images/paris-orsay-3-soft-W.jpeg);
}

.florence-italy .text-content{
    background-image: url(../images/florence-color-soft-W.jpeg);
}

.morocco-0 .text-content{
    background-image: url(../images/Hassan-Morocco-color-soft-print.jpeg);
}
.dubai-1 .text-content{
    background-image: url(../images/dubai-city.jpeg);
}

.mob-img-height{    height: 375px;
    object-fit: cover;
    object-position: right;}

.mob-d-none{display: none;}

.on-img-abs .customer-experience-form{
    position: absolute;
    transform: translate(50%, -50%);
    width: 100%;
}

.on-img-abs .customer-experience-form .form-txt h2, .on-img-abs .customer-experience-form .form-txt p{
    color: #fff;
}
.on-img-abs .customer-experience-form  form input{
    border-color: #fff !important;
    color: #fff;
}

.on-img-abs .customer-experience-form  form input::placeholder{
    color: #fff;
}
.mob-col-direc{
    display: flex !important;
    flex-direction: column-reverse;
    row-gap: 15px;
}

}


.light-bg1{
    background-color: #fff;
}




.productSpecificationBox .specificationAccordion .panel.panel-default{
    border: none !important;
}

.productSpecificationBox .specificationAccordion .panel.panel-default .panel-heading{
    background-color: #fff !important;
    border-color: transparent !important;
    border: none !important;
}

.productSpecificationBox .specificationAccordion .panel.panel-default .panel-heading .panel-title a::before{
    content: "-";
    position: absolute;
    right: 0;
    font-size: 28px;
    bottom: -4px;
}

.productSpecificationBox .specificationAccordion .panel.panel-default .panel-heading .panel-title a.collapsed::before{
    content: "+";
}


.productSpecificationBox .specificationAccordion .panel.panel-default .panel-heading .panel-title {
    position: relative;
}

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

.productDetail .btnGroup .btn {
    margin-left: 0;
}
.requestBtns {
    margin-left: -10px;
}
.productSpecificationBox {
    margin-left: -10px;
}
}

#footer-content {
  overflow: hidden;
}