﻿.responsive_banner, .responsive_banner img {
    width: 100%;
    height: auto
}

.designers-content {
    font-family: Lato
}

.designer-jewelry-content {
    padding-bottom: 32px
}

    .designer-jewelry-content .title {
        text-align: center;
        font-size: 30px;
        text-transform: uppercase;
        padding-top: 21px;
        padding-bottom: 17px;
        letter-spacing: .2px;
        width: 95%;
        margin: 0 auto
    }

.designers-content .fivecolumns .designer-image-item {
    text-align: center;
    margin-top: -10px
}

.designer-jewelry-content .designer-rings-logo, .designer-jewelry-content .designer-rings-logo img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    vertical-align: unset;
    bottom: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #fff
}

.designer-jewelry-content .text {
    text-align: center;
    color: #d5d5d5;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .6px;
    width: 95%;
    margin: 0 auto
}

.designer-jewelry-content .designer-image-item {
    margin: 0;
    cursor: pointer
}

    .designer-jewelry-content .designer-image-item .designer-ring-image, .designer-jewelry-content .designer-image-item .designer-ring-image img {
        width: 160%;
        height: auto;
        margin-left: -30%
    }

.designers-content .images-block.fivecolumns {
    overflow: hidden;
    margin-bottom: 17px;
    width: 98%
}

.designers-content .designer-content-item {
    margin-top: 25px;
    margin-bottom: 35px
}

    .designers-content .designer-content-item .designer-logo {
        overflow: hidden
    }

        .designers-content .designer-content-item .designer-logo img {
            margin: 0 auto;
            display: block;
            margin-bottom: 25px
        }

    .designers-content .designer-content-item .text {       
        text-align: justify;
        color: #d5d5d5;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .6px;
        margin: 0 auto;
        width: 95%
    }

.designers-content .carousel .item {
    text-align: center
}

    .designers-content .carousel .item img {
        border: 2px solid #fff;
        width: 85%;
        margin: 0 auto;
        margin-bottom: 15px;
        cursor: pointer
    }

    .designers-content .carousel .item a {        
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        text-decoration: underline;
        text-align: center
    }

.designers-content .browse-designer-button {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    cursor: pointer
}

.designers-content .designers-info {
    margin: 40px 30px 30px
}

    .designers-content .designers-info .designer-info-container .logo {
        float: left;
        margin-right: 30px;
        margin-bottom: 20px;
        margin-top: 5px
    }

    .designers-content .designers-info .designer-info-container .title {
        color: #e8d495;
        text-transform: uppercase;
        font-size: 17px;
        margin-bottom: 7px;
        margin-top: -3px
    }

    .designers-content .designers-info .designer-info-container .text {
        margin-bottom: 20px;
        font-size: 16px;
        color: #d5d5d5;
        line-height: 22px;
        letter-spacing: .6px
    }

        .designers-content .designers-info .designer-info-container .text::before {
            width: 1px;
            height: 100%;
            background-color: red
        }

    .designers-content .designers-info .designer-info-container .text-content {
        margin-right: 15px;
        margin-left: 115px
    }

.designers-content .fivecolumns .designer-image-item {
    width: 20%
}

@media (max-width: 969px) and (min-width: 768px) {
    .designers-content .fivecolumns .designer-image-item {
        width: 33.33%
    }

        .designers-content .fivecolumns .designer-image-item.col-sm-offset-2 {
            margin-left: 16.66%
        }
}

@media (min-width: 768px) {
    .designer-jewelry-content .row .left-image-align {
        overflow: hidden
    }

    .designers-content .carousel .item {
        display: block
    }
}

@media (max-width: 767px) {
    .designers-content .images-block {
        overflow: hidden
    }

    .designers-content .designer-ring-image-sm.margin-right {
        margin-left: -50px
    }

    .designers-content .designer-ring-image-sm.margin-right.margin-jaffe {
        margin-left: 9px
    }

    .designers-content .designer-ring-image-sm.margin-left {
        margin-left: 30px
    }

    .designers-content .designer-jewelry-content .designer-image-item {
        text-align: center
    }

        .designers-content .designer-jewelry-content .designer-image-item designer-ring-image, .designers-content .designer-jewelry-content .designer-image-item .designer-ring-image img {
            width: 150%;
            height: auto;
            max-width: 235px;
            margin: 0 auto;
            display: block
        }

    .designers-content .carousel .item img {
        display: block;
        margin: 0 auto;
        width: 92%;
        margin-bottom: 15px
    }

    .designers-content .carousel-inner {
        width: 70%;
        margin-left: 15%
    }

    .designers-content .carousel-control.right span {
        position: absolute;
        right: 15px;
        bottom: 0;
        top: 0;
        margin: auto
    }

    .designers-content .carousel-control.left span {
        position: absolute;
        left: 15px;
        bottom: 0;
        top: 0;
        margin: auto
    }

    .designers-content .designer-products {
        padding: 0
    }

    .designers-content .designers-info .designer-info-container .text-content {
        margin-left: 0;
        margin-right: 0
    }

    .designers-content .designers-info .designer-info-container .text {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 30px;
        letter-spacing: normal
    }

    .designers-content .designers-info .designer-info-container {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .designer-jewelry-content .designer-rings-logo, .designer-jewelry-content .designer-rings-logo img {
        max-width: 134px
    }

    .designer-jewelry-content .text {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        letter-spacing: normal;
        line-height: 20px
    }

        .designer-jewelry-content .text.mobile-increased-l-spacing {
            letter-spacing: .6px
        }

    .designer-jewelry-content .title {
        font-size: 25px;
        line-height: 31px;
        width: 100%;
        padding: 15px 20px 10px
    }

    .designer-jewelry-content .designer-rings-logo, .designer-jewelry-content .designer-rings-logo img {
        bottom: 13px;
        border-bottom-color: #989898
    }

    .designer-jewelry-content .text.text-justified {
        line-height: 20px
    }

    .designers-content .images-block {
        margin-bottom: 18px
    }

    .designers-content .designer-content-item .text {
        padding-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 19px;
        font-size: 15px
    }

    .designers-content .designer-content-item .top-sellers {
        width: 100%;
        padding: 15px 30px 25px
    }

    .designers-content .carousel .item a {
        font-size: 17px
    }

    .designers-content .carousel .item img {
        margin-bottom: 10px
    }

    .designers-content .browse-designer-button img {
        width: 224px
    }

    .designers-content .browse-designer-button {
        margin-top: 22px;
        margin-bottom: 30px
    }

    .designers-content .designer-content-item {
        margin-top: 20px
    }

        .designers-content .designer-content-item .designer-logo img {
            margin-bottom: 15px
        }

    .designers-content .designers-info {
        margin: 25px 15px 7px
    }

        .designers-content .designers-info .designer-info-container .title {
            font-size: 20px;
            line-height: 21px;
            margin-top: 0;
            margin-bottom: 19px
        }
}

@media (max-width: 550px) {
    .designers-content .designer-ring-image-sm.margin-right.margin-jaffe {
        margin-left: calc(13px - 0.1 * (550px - 100vw));
        margin-top: -10px;
        margin-bottom: 10px;
    }

}

    @media (max-width: 460px) {
        .designers-content .designer-ring-image-sm.margin-right {
            margin-left: -60px
        }

            .designers-content .designer-ring-image-sm.margin-right.margin-jaffe {
                margin-left: calc(-4px - 0.25 * (460px - 100vw));
            }

        .designers-content .designer-ring-image-sm.margin-left {
            margin-left: 0
        }
    }

    .designers_sprite {
        background-image: url(/images/rd/designers/designers_sprite.png);
        background-repeat: no-repeat;
        display: block;
        width: 85px;
        height: 85px;
    }

    .designers_sprite-designers_BENEFITS {
        background-position: -5px -5px
    }

    .designers_sprite-designers_CONCLUSION {
        background-position: -100px -5px
    }

    .designers_sprite-designers_COPYRIGHT {
        background-position: -195px -5px
    }

    .designers_sprite-designers_CUSTOM {
        background-position: -5px -100px
    }

    .designers_sprite-designers_PRICING {
        background-position: -100px -100px
    }

    .designers_sprite-designers_RESELLERS {
        background-position: -195px -100px
    }

    .designers_sprite-designers_SERVICE {
        background-position: -5px -195px
    }

    .designers_sprite-designers_TERRITORY {
        background-position: -100px -195px
    }

    .designers_sprite-designers_TURNAROUND_TIME {
        background-position: -195px -195px
    }

    .designers_sprite-designers_WARRANTY {
        background-position: -290px -5px
    }

    .designers_sprite-designers_info {
        background-position: -290px -100px
    }

    .ring-image-margin-8 {
        margin-top: -8px;
        margin-bottom: 8px
    }

    .ring-image-margin-6 {
        margin-top: -6px;
        margin-bottom: 6px
    }

    .ring-image-margin-11 {
        margin-top: -11px;
        margin-bottom: 11px
    }

    .ring-image-margin-9 {
        margin-top: -9px;
        margin-bottom: 9px
    }

    .title-continuous-shopping {
        font-size: 25px !important;
        color: #e8d495 !important;
        margin: 10px 0 20px !important;
        letter-spacing: 2px;
        line-height: 27.5px;
        text-align: center
    }

    .text-continuous-shopping {        
        font-size: 16px !important;
        text-align: center;
        line-height: 22px;
        letter-spacing: .6px;
        color: #d5d5d5
    }