/*base*/
.ir251-headline > a:active,.ir255-heading > a:active,.ir277-heading > a:active{
    color:#3E9F8E;
}
.checkbox-ty6{ padding-left:25px; line-height:20px; margin-top:0;margin-bottom:7px;}
.checkbox-ty6 label{ font-size:11px;  padding:0 10px; display:inline-block; position:relative;letter-spacing: 0.025em;}
.checkbox-ty6 label b{ font-weight:normal; display:inline-block; padding:0 10px; margin:0 -10px;}
.checkbox-ty6 input{ display:none;}
.checkbox-ty6 i{ margin-left:-35px; position:absolute; top:50%; margin-top:-9px; width:16px; height:16px; border:1px solid #cccccc; background-position:10px 0; background-color:white; vertical-align:middle;}
.checkbox-ty6 i.icons-checked{ background-position:-112px -86px;}

/*select*/
.bootstrap-select--future{
    height: 40px !important;
}
.bootstrap-select--future .dropdown-menu{
    font-size:13px;
}
.bootstrap-select--future button.btn {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    text-transform: capitalize;
}
.bootstrap-select--future.btn-group .btn .filter-option {
    left: 15px;
    text-align: center;
}
.bootstrap-select--future.btn-group .dropdown-menu.inner{
    text-align: center;
    text-transform: capitalize;
}
.bootstrap-select--future .dropdown-menu > li > a {
    text-align: center;
    padding: 9px 10px 5px;
}
@media(max-width:991px){
    .bootstrap-select--future{
        max-width:320px;
    }
}
/*Swiper for mobile in Shop Diamonds by Shape*/
.index-swiper {
    text-align: center;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 25px 0;
}
.index-swiper a:hover {
    color: #6fbf98;
}


.index-swiper .swiper-button-prev, .index-swiper .swiper-button-next {
    opacity: .5;
    position: absolute;
    top: 0;
    margin: 0;
}

.index-swiper .swiper-button-next, .index-swiper .swiper-button-prev {
    background-image: none;
    right: 0px;
}

.index-swiper .swiper-button-next{
    right: -9px;
}

.index-swiper .swiper-button-prev {
    left: -9px;
}

.index-swiper .icons-chevron-right-black, .index-swiper .icons-chevron-left-black {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -5px;
}

.index-swiper a i {
    background-image: url(https://css.brilliantearth.com/static/img/home/home2017/shop-diamonds@2x.png);
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    background-size: 500px auto;
    width: 50px;
    height: 50px;
}

.index-swiper .fore1 i {
    background-position: 0px 0;
}

.index-swiper .fore2 i {
    background-position: 11% 0;
}

.index-swiper .fore3 i {
    background-position: 22% 0;
}

.index-swiper .fore4 i {
    background-position: 33% 0;
}

.index-swiper .fore5 i {
    background-position: 44% 0;
}

.index-swiper .fore6 i {
    background-position: 55.4% 0;
}

.index-swiper .fore7 i {
    background-position: 66.6% 0;
}

.index-swiper .fore8 i {
    background-position: 77.6% 0;
}

.index-swiper .fore9 i {
    background-position: 89% 0;
}

.index-swiper .fore10 i {
    background-position: 100% 0;
}

.index-swiper .fore1:hover i {
    background-position: 0 100%;
}

.index-swiper .fore2:hover i {
    background-position: 11% 100%;
}

.index-swiper .fore3:hover i {
    background-position: 22% 100%;
}

.fore4:hover i {
    background-position: 33% 100%;
}

.index-swiper .fore5:hover i {
    background-position: 44% 100%;
}

.index-swiper .fore6:hover i {
    background-position: 55.4% 100%;
}

.index-swiper .fore7:hover i {
    background-position: 66.6% 100%;
}

.index-swiper .fore8:hover i {
    background-position: 77.6% 100%;
}

.index-swiper .fore9:hover i {
    background-position: 89% 100%;
}

.index-swiper .fore10:hover i {
    background-position: 100% 100%;
}

.index-swiper li a i{
    margin-bottom: 10px;
}
/*.checkbox-ty6 .place-img i{margin-left:-25px;}*/
/* howbuy-pager */
.howbuy-pager a, .howbuy-pager .btn-footer > span { font-size: 16px; position: relative; padding-left: 10px; text-transform: capitalize; color: #333333; letter-spacing: 1.5px; line-height: 45px; display: inline-block; }
.howbuy-pager a:hover { text-decoration: none; color: #3E9F8E; }
.howbuy-pager a.active { color: #3E9F8E; }
.howbuy-pager .btn-back { padding-right: 45px; position: relative; }
.howbuy-pager .btn-back:after { position: absolute; height: 40px; width: 1px; background-color: #333333; top: 4px; right: -15px; display: block; content: ""; }
.howbuy-pager .btn-next { padding-left: 45px; }
.howbuy-pager i { width: 40px; height: 30px; display: inline-block; position: relative; top: 8px; background-position: center center; background-repeat: no-repeat; }
.howbuy-pager .btn-back i { background-image: url(https://css.brilliantearth.com/static/img/channel/our-movement/precious-metals-guide/ico-back.png); }
.howbuy-pager .btn-next i { background-image: url(https://css.brilliantearth.com/static/img/channel/our-movement/precious-metals-guide/ico-next.png); }
.howbuy-pager .btn-back a:hover i, .howbuy-pager .btn-back a.active i, .howbuy-pager .btn-back i:before { background-image: url(https://css.brilliantearth.com/static/img/channel/our-movement/precious-metals-guide/ico-back-hover.png); }
.howbuy-pager .btn-next a:hover i, .howbuy-pager .btn-next a.active i, .howbuy-pager .btn-next i:before { background-image: url(https://css.brilliantearth.com/static/img/channel/our-movement/precious-metals-guide/ico-next-hover.png); }
.howbuy-pager .btn-back i:before, .howbuy-pager .btn-next i:before { content: ''; height: 0; width: 0; position: absolute; overflow: hidden; }
@media(min-width:992px){
    .howbuy-pager--long i {
        height: 28px;
    }
    .howbuy-pager--long .back{
        float: right;
    }
    .howbuy-pager--long .next{
        float: left;
    }
}
@media(max-width:991px) {
    .howbuy-pager .btn-back { padding-right:10px; }
    .howbuy-pager .btn-next { padding-left: 10px; }
    .howbuy-pager a { letter-spacing: 0.5px; padding-left: 0; }
}
@media(max-width:767px) {
    .howbuy-pager span.text { display: none; }
    .howbuy-pager .visible-xs{ padding:10px 0; line-height:1.4; letter-spacing: 0;}
}
/* choose nav */
/* how to buy an engagement ring STAR */
.choose-nav{ text-transform: capitalize;}
.choose-nav .imitate-table>div:first-child { border-left: 1px solid #e1e1e1; }
.choose-nav .imitate-table>div:last-child { border-right: 1px solid #e1e1e1; }
.choose-nav .imitate-table>div { width: 20%; position: relative; padding-left: 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.wedding-styles-choose .imitate-table>div{ width:auto;}
.choose-nav--six .imitate-table > div{ width:16.66665%;}
.choose-nav .imitate-table a:hover { text-decoration: none; }
.choose-nav .arrow { content: ""; position: absolute; display: block; width: 14px; height: 100%; background: url(https://css.brilliantearth.com/static/img/channel/our-movement/precious-metals-guide/arrow.png) no-repeat center right; right: -10px; top: 0; }
.choose-nav .text { padding-top: 3px; line-height: 22px; color: #8f8f8f; position: relative; display: block; margin-left: 38px;}
.choose-nav .text:before { position: absolute; content: ""; background-color: #e1e1e1; width: 16px; height: 16px; border-radius: 100%; left: -25px; top: 5px; }
.choose-nav .text.active { color: #3E9F8E; }
.choose-nav .text.active:before { background-color: #3E9F8E; }
@media (max-width:1136px) and (min-width:768px) {
    .choose-nav .imitate-table>div { width: auto; }
    .wedding-styles-choose .text{ margin-left:4px;}
    .wedding-styles-choose .text:before{ display:none;}
}

@media (max-width:992px) {
    .choose-nav .text { margin-left: 12px; }
    .choose-nav .text:before { display: none; }
}

@media (max-width:767px) {
    .choose-nav .imitate-table>div { padding-left: 0; width: 20%; }
    .choose-nav .text { font-size: 11px; line-height: 23px; text-align: center; margin-left: 0; }
    .choose-nav .arrow { right: -5px; }
}

/* 1. platinum-vs-gold*/
/*hero*/
.how-buy-ring-hero{color:#333;  text-align: center;  background-size:cover;background-position: center center; }
.how-buy-ring-hero.reverse *{color:white;}
@media(min-width:768px){.how-buy-ring-hero.reverse-up *{color:white;}}
.how-buy-ring-hero .h1{margin-bottom:10px;}
.how-buy-ring-hero .text{ font-size:50px;}
.how-buy-ring-hero p{ font-size:16px;}
.how-buy-ring-hero .banner-tro{ margin-left:auto; margin-right: auto; }
.precious-metals-hero{background-image:url(https://css.brilliantearth.com/static/img/channel/our-movement/precious-metals-guide/precious-metals-hero.jpg);}
.select-ring-hero{background-image:url(https://css.brilliantearth.com/static/img/banner/banner-selectRing.jpg);}
.choose-the-right-diamond-hero{background-image:url(https://css.brilliantearth.com/static/img/banner/banner-choose-right-diamond-2.jpg)}
.set-a-budget-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/set-a-budget-banner.jpg);}
.wedding-ring-guide-hero{ background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-wedding-rings.jpg);}
.womens-wedding-rings-style-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/Hero-womens-wedding-rings-style.jpg);}
.mens-wedding-rings-style-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/Hero-mens-wedding-rings.jpg);}
.how-to-wear-hero{ background-image: url(https://css.brilliantearth.com/static/img/banner/Hero-how-to-wear-diamond-rings.jpg);}
.learn-about-sapphires-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/learn-about-sapphires-banner.jpg);}
.choosing-a-sapphire-hero {background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-choosing-a-sapphire.jpg);}
.sapphire-information-hero{ background-image: url(https://css.brilliantearth.com/static/img/banner/sapphire-information-banner.jpg);}
.diamond-cut-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/20161019/top-engagement-rings-v2.jpg);}
.diamond-shapes-hero{ background-image: url(https://css.brilliantearth.com/static/img/banner/gateway/diamond-shapes-banner.jpg); background-position: center top;}
.diamond-color-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-diamond-color.jpg);}
.diamond-clarity-hero{ background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-diamond-clarity.jpg);}
.diamond-carat-weight-hero{background-image: url(https://css.brilliantearth.com/static/img/jewelry-education/hero/diamond-carat-ranges-hero.jpg);height:480px;}
.diamond-carat-weight-hero .intrinsic-ratio-4-1{ height: inherit;}
.couples-rings-hero{ background-image: url(https://css.brilliantearth.com/static/img/channel/education/couples-rings/Desktop_HERO_CouplesRings.jpg);}
.couples-rings-hero .imitate-table{height:300px;}
.buy-engagement-ring-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/ir308-banner-enagagement-ring-guide-v1.jpg);}
/*background-image: url(https://css.brilliantearth.com/static/img/banner/banner-enagagement-ring-guide.jpg);*/
/* .diamond-education-guide-hero{background-image:url(https://css.brilliantearth.com/static/img/jewelry-education/hero/learn-about-diamonds-banner.jpg);background-position: center 130%;height:480px;} */
.diamond-education-guide-hero { position: relative;}
.diamond-education-guide-hero img.learn-ring { position: absolute; top: 0; left: 0;width: 100%;height: 100%;object-fit: cover;}
.diamond-education-guide-hero .intrinsic-ratio-4-1{ height: inherit;}
/*@media(min-width:768px){*/
    /*.buy-engagement-ring-hero .container { padding-bottom: 18%; }*/
/*}*/
@media(max-width:1200px){
    .how-buy-ring-hero .text{ font-size:40px;}
}
@media(max-width:992px){
    .how-buy-ring-hero .text{ font-size:35px;}
    .couples-rings-hero{background:none;}
    .couples-rings-hero .banner-tro{margin-bottom:20px;}
}
@media(max-width:767px){
    .how-buy-ring-hero{  /*height:364px;*/    padding-bottom: 180px; background-size:768px auto; background-position: center bottom;}
    .how-buy-ring-hero .element-to-stretch{position:static;}
    .how-buy-ring-hero .text{font-size: 45px;}
    .how-buy-ring-hero .intrinsic-ratio-4-1,.how-buy-ring-hero .intrinsic-ratio-10-3,.how-buy-ring-hero .intrinsic-ratio-5-2{ padding-bottom:0; height:auto;}
    .how-buy-ring-hero .h1{ margin-top:35px;}
    .how-buy-ring-hero  p{font-size:14px;margin:0 auto;}
    .precious-metals-hero{background-image:url(https://css.brilliantearth.com/static/img/channel/our-movement/precious-metals-guide/precious-metals-hero-sm-new2.jpg);}
    .select-ring-hero {background-image:url(https://css.brilliantearth.com/static/img/banner/banner-mobile-selectring.jpg);}
    .choose-the-right-diamond-hero{background-image:url(https://css.brilliantearth.com/static/img/banner/banner-choose-right-diamond-mobile-4.jpg)}
    .set-a-budget-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/set-a-budget-banner-xs_cache1.jpg);}
    .wedding-ring-guide-hero{ background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-wedding-rings-xs-new.jpg);padding-bottom: 210px;}
    .womens-wedding-rings-style-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/Hero-womens-wedding-rings-style-xs-new.jpg); padding-bottom:210px;}
    .mens-wedding-rings-style-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/Hero-mens-wedding-rings-xs-new.jpg);}
    .how-to-wear-hero{ background-image: url(https://css.brilliantearth.com/static/img/banner/Hero-how-to-wear-diamond-rings-xs-new.jpg);padding-bottom: 210px;}
    .learn-about-sapphires-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/learn-about-sapphires-banner-xs-new.jpg);}
    .choosing-a-sapphire-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-choosing-a-sapphire-xs.jpg);}
    .sapphire-information-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/sapphire-information-banner-xs.jpg);}
    .diamond-cut-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/20161019/top-engagement-rings-sm-v2-new.jpg);}
    .diamond-shapes-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/gateway/diamond-shapes-banner-xs.jpg); padding-bottom:240px;}
    .diamond-color-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-diamond-color-xs.jpg);}
    .diamond-clarity-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-diamond-clarity-xs.jpg);}
    .diamond-carat-weight-hero{ background-image: url(https://css.brilliantearth.com/static/img/jewelry-education/hero/diamond-carat-ranges-hero-xs.jpg); padding-bottom:270px;}
    .couples-rings-hero{ padding-bottom:0;}
    .couples-rings-hero .h1{margin-top:0;}
    .buy-engagement-ring-hero{background-image: url(https://css.brilliantearth.com/static/img/banner/ir308-banner-enagagement-ring-guide-xs.jpg);background-color:#e4e4ea; background-size: 820px auto;padding-bottom: 270px;background-repeat: no-repeat;}
    .diamond-education-guide-hero{     background-image: url(https://css.brilliantearth.com/static/img/jewelry-education/hero/learn-about-diamonds-banner-xs-cache1.jpg); background-size: 900px auto; background-position: center 60%; background-repeat: no-repeat; height: auto; padding-bottom: 15px;}
    .diamond-education-guide-hero .text { font-size: 32px; }
    .diamond-education-guide-hero .text br{display:none;}
    .diamond-education-guide-hero .tro-txt{margin-bottom:10px;height: 335px;}
}
.table-summary .h2{ font-size:23px; margin-top:5px;}

/*others*/
@media(max-width:767px){
    .table-summary .h2{ font-size:18px; margin-top:3px;}
}
.options-table{ table-layout:fixed;}
.options-table td,  .options-table th{  border:1px solid #c1c2c2; vertical-align:middle;}
.options-table th.rows-name{ border-top:none; padding-top:10px; padding-bottom:8px;}
.options-table th.rows-name:first-child{ border-left:none; }
.options-table th.rows-name:last-child{ border-right:none; }
.options-table th{color: #000; font-family: 'ZapfHumanist601BT-Roman'; font-weight: 400; text-align:center; font-size:18px; text-transform:capitalize;}
.options-table th.cols-name{ border-left:none; padding-left:20px; padding-right:10px;}
.options-table td{ padding:34px 20px; font-size:16px;text-align:left;}
.options-table tr td:last-child{ border-right:none;}
.options-table .rows-img th,.options-table .rows-img td{ padding:20px 20px 30px 20px; border-bottom:none; }

.options-part{ text-align:left;color:#080707; padding-bottom:20px;  }
.options-part .items{ padding-left:10px; padding-top:30px;}
.options-part .items img{ margin-top:15px; }
.options-part .h2{ margin-bottom:0; text-indent:10px; font-size:18px; border-top:1px solid #c1c2c2;border-bottom:1px solid #c1c2c2; padding-top:8px; padding-bottom:8px;}
.options-part .h3{ font-size:16px; margin-top:0; margin-bottom:5px;}
.options-part p{ margin-bottom:0; font-size:14px;}

.shop-by-year2 li { margin: 6px 0px; width: 250px; }
.shop-by-year2 .h3 a:hover{color:#3E9F8E;}
.shop-by-year2 .thumbnail.active a{color: #6FBF98;}
.shop-by-year2 .thumbnail.active a{text-decoration: underline;}
@media(max-width:767px){
    .shop-by-year2-wrap{margin-bottom:0;}
    .shop-by-year2-wrap .prev,.shop-by-year2-wrap .next{display:none;}
    .shop-by-year2 li{ width:auto; float:none;}
    .shop-by-year2 li .h3{ min-height: auto;}
}

/* 2.how-to-buy-an-engagement-ring-choose-a-ring*/
/*
* Shop Diamonds by Shape
*/
.ir251-home-shop-diamonds{
    text-align: center;
    text-transform: capitalize;
}

@media(max-width:767px){
    .ir251-home-shop-diamonds li a i{
        margin-bottom: 10px;
    }

    .ir251-home-shop-diamonds .swiper-slide span{
        font-size: 14px;
    }
}

@media(min-width:768px){
    .ir251-home-shop-diamonds{
        font-size: 16px;
    }
}
.list_carousel--ir234-shape{
    margin-left: 0;
    position:relative;
}
.list_carousel--ir234-shape .prev{
    left:0;
}
.list_carousel--ir234-shape .next{
    right:0;
}
.list_carousel--ir234-shape .prev, .list_carousel--ir234-shape .next {
    top: 0;
    width: 50px;
    outline: 0;
    height: 100px;
    position: absolute;
}

.list_carousel--ir234-shape .prev i, .list_carousel--ir234-shape .next i {
    margin-top: 40px;
    opacity: 0.5;
}
.list_carousel--ir234-shape .prev i{
    margin-left:30%;
}
.list_carousel--ir234-shape .next i{
    margin-right:30%;
    float: right;
}

@media (min-width: 1290px) and (max-width: 1366px) {
    .list_carousel--ir234-shape .prev {
        left: 0px;
    }

    .list_carousel--ir234-shape .next {
        right: 0px;
    }
}

@media (max-width: 1086px) {
    .list_carousel--ir234-shape .prev {
        left: 0px;
    }

    .list_carousel--ir234-shape .next {
        right: 0px;
    }
}

@media (max-width: 767px) {
    .list_carousel--ir234-shape .prev {
        left: -15px;
    }

    .list_carousel--ir234-shape .next {
        right: -15px;
    }
}
.home-ir234-shop-diamonds li {
    float: left;
    text-align: center;
    width: 100px;
    margin: 0;
}
.home-ir234-shop-diamonds li a i {
    background-image: url(https://css.brilliantearth.com/static/img/home/home2017/shop-diamonds@2x.png);
    background-repeat: no-repeat;
    background-size:700px auto;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.home-ir234-shop-diamonds .fore1 i {
    background-position: 0px 0;
}

.home-ir234-shop-diamonds .fore2 i {
    background-position: 11% 0;
}

.home-ir234-shop-diamonds .fore3 i {
    background-position: 22% 0;
}

.home-ir234-shop-diamonds .fore4 i {
    background-position: 33% 0;
}

.home-ir234-shop-diamonds .fore5 i {
    background-position: 44% 0;
}

.home-ir234-shop-diamonds .fore6 i {
    background-position: 55.4% 0;
}

.home-ir234-shop-diamonds .fore7 i {
    background-position: 66.6% 0;
}

.home-ir234-shop-diamonds .fore8 i {
    background-position: 77.6% 0;
}

.home-ir234-shop-diamonds .fore9 i {
    background-position: 89% 0;
}

.home-ir234-shop-diamonds .fore10 i {
    background-position: 100% 0;
}

/*
.home-ir234-shop-diamonds li a:hover {
    text-decoration: none;
    color: #6fbf98;
}
*/

.home-ir234-shop-diamonds .fore1:hover i {
    background-position: 0px 100%;
}

.home-ir234-shop-diamonds .fore2:hover i {
    background-position: 11% 100%;
}

.home-ir234-shop-diamonds .fore3:hover i {
    background-position: 22% 100%;
}

.home-ir234-shop-diamonds .fore4:hover i {
    background-position: 33% 100%;
}

.home-ir234-shop-diamonds .fore5:hover i {
    background-position: 44% 100%;
}

.home-ir234-shop-diamonds .fore6:hover i {
    background-position: 55.4% 100%;
}

.home-ir234-shop-diamonds .fore7:hover i {
    background-position: 66.6% 100%;
}

.home-ir234-shop-diamonds .fore8:hover i {
    background-position: 77.6% 100%;
}

.home-ir234-shop-diamonds .fore9:hover i {
    background-position: 89% 100%;
}

.home-ir234-shop-diamonds .fore10:hover i {
    background-position: 100% 100%;
}

@media (min-width: 768px) {
    .home-ir234-shop-diamonds {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .ir212-home-shape .h2 {
        font-size: 18px;
    }

    .home-ir234-shop-diamonds {
        font-size: 12px;
        margin: auto;
    }

    .home-ir234-shop-diamonds li {
        width: 64px;
    }

    .home-ir234-shop-diamonds li a {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home-ir234-shop-diamonds li a i {
        background-size: 500px auto;
        width: 50px;
        height: 50px;
    }

    .home-ir234-shop-diamonds .search {
        font-size: 14px;
        display: block;
        width: 66.66% !important;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .home-ir234-shop-diamonds .search a {
        border: 1px solid #333333;
        font-size: 13px;
        margin: auto;
        padding: 16px 15px 16px 27px;
        position: relative;
        text-align: left;
        width: 140px;
    }

    .ir234-make-appointment-link .arrow {
        position: absolute;
        margin-top: 4px;
    }

    .list_carousel--ir234-shape .prev i, .list_carousel--ir234-shape .next i {
        margin-top: 27px;
    }
}
.search-noUiSlider-wrap {
    padding: 0 35px;
}
.erg-shape .diamond-shape-select{
    /*width: 408px;*/
    padding: 0;
}
@media (min-width: 992px){
    .erg-shape .select-shape {
        padding-left: 100px;
    }
    .erg-quality .row:nth-child(even) .quality-text {
        padding-left: 100px;
    }
    .search-noUiSlider-wrap .search-noUiSlider{min-height:105px;}
    .head-choose {margin-left: -30px;}
}
@media (max-width: 991px){
    .erg-shape .diamond-shape-select{
        max-width: 320px;
    }
}
@media (max-width: 767px){
    .search-noUiSlider-wrap{
        padding:0 5%;
    }
    .erg-shape .diamond-shape-select{
        max-width: 100%;
    }
}
.search-noUiSlider-wrap .clarity-scale {
    padding: 5% 0;
}
/*{ text-align:right; margin-top:-30px; font-size:13px;}*/
.definition-of-carat-tips{ text-align:center; font-size:13px; margin-top:0.5em; margin-bottom:0 !important;}
.clarity-scale-tips,.erg-feature .clarity-scale p {
    text-align: right;
    position: relative;
    margin-top: -30px;
    top: 22px;
}
/*
* how-to-buy-an-engagement-ring-budget
*/
/*slider*/
@media(min-width:768px) {
    .maximize-your-budget-slide .h4, .maximize-your-budget-slide p { padding: 0 12%; }
}
.maximize-your-budget-slide .carousel-control .glyphicon-chevron-right { background-position: -10px 0 !important; }
.maximize-your-budget-slide .carousel-control .glyphicon-chevron-left { background-position: 0 -17px !important; }
.maximize-your-budget-slide .carousel-control { width: 7%; bottom: 40px; }
.maximize-your-budget-slide .carousel-caption { text-shadow: none; position: static; padding: 0; }
.maximize-your-budget-slide .carousel-indicators { width: auto; display: block; margin: 0; padding-top: 20px; }
.maximize-your-budget-slide .imitate-table { height: 482px; background-color: white; border: 1px solid #e1e1e1; }
.maximize-your-budget-slide .imitate-table > div { float: none; }
.maximize-your-budget-slide .imitate-table .cc-pic { width: 56.333333%; text-align: center; }
.maximize-your-budget-slide .imitate-table .cc-pic img { margin: auto; }
.maximize-your-budget-slide .imitate-table .cc-media { padding: 10px 0; width: 43.666666%; background: #3E9F8E; }
.maximize-your-budget-slide .carousel-indicators { position: static; }
.maximize-your-budget-slide .h4 { font-size: 24px; color: white; }
.maximize-your-budget-slide .btn{border:1px solid white;}
.maximize-your-budget-slide .btn:hover{background:#74BCA8;}
.maximize-your-budget-slide .h4 a { color: inherit; }
.maximize-your-budget-slide p { font-size: 16px; line-height: 1.56; letter-spacing: 0.6px; margin-bottom: 1em; }

@media(max-width:767px) {
    .maximize-your-budget-slide .h4 { font-size: 20px; padding: 0 30px; }
    .maximize-your-budget-slide p { font-size: 14px; padding: 0 30px; }
    .maximize-your-budget-slide .carousel-control .glyphicon-chevron-left { background-position: 0 0 !important; }
    .maximize-your-budget-slide .imitate-table { display: block; height: auto; }
    .maximize-your-budget-slide .imitate-table > div { width: auto !important; display: block; }
    .maximize-your-budget-slide .carousel-control { bottom: auto; top: 0; margin-top: 85%; height: 60px; }
    .maximize-your-budget-slide .imitate-table .cc-media { padding: 25px 0; }
}

@media(min-width:590px) and (max-width:767px) {
    .maximize-your-budget-slide .carousel-control { margin-top: 480px; }
}
@media(max-width:768px){
    .recycledGoldPlat-slide .container{ max-width:100%; padding:0;}
}

/*
* wedding-ring-guide
*/
.wedding-guide .sapphire-information-item .ir255-heading{
    margin-bottom: 40px;
}
.wedding-guide .sapphire-information-item .budget-box-women-rings{
    background: url("https://css.brilliantearth.com/static/img/channel/education/wedding-rings-guide/women's-wedding-rings.jpg") no-repeat center bottom;
    background-size: 94% auto;
    padding-bottom: 74.8%;
}
.wedding-guide .sapphire-information-item .budget-men-rings{
    background: url("https://css.brilliantearth.com/static/img/channel/education/wedding-rings-guide/men's-wedding-rings.jpg") no-repeat right bottom;
    background-size: 98% auto;
    padding-bottom: 42%;
}
@media( max-width:767px ){
    .wedding-guide .sapphire-information-item .budget-box-women-rings{
        background: url("https://css.brilliantearth.com/static/img/channel/education/wedding-rings-guide/women's-wedding-rings-xs.jpg") no-repeat center bottom;
        height: 250px;
        padding-bottom: 0;
    }
    .wedding-guide .sapphire-information-item .budget-men-rings{
        background: url("https://css.brilliantearth.com/static/img/channel/education/wedding-rings-guide/men's-wedding-rings-xs.jpg") no-repeat center bottom;
        height: 205px;
        padding-bottom: 0;
    }
}
/*
* womens-wedding-ring-styles
*/
.our-top-favorites-v3 li .h3 {
    font-size: 18px;
    color:inherit;
    line-height: 1.2;
}
.our-top-favorites-v3 small{
    color:inherit;
    /*font-family: 'Avenir Book';*/
    font-size:inherit;
    line-height: inherit;
}
.our-top-favorites-v3 .thumbnail{
    background:none;
}
.our-top-favorites-v3 .thumbnail .caption{
    color:inherit;
}
.our-top-favorites-v3 a:hover{

}
/*
* sapphire-color
*/
.shop-by-color .h2 { font-size: 23px; padding-bottom: 1em; color: #000000; }
.shop-by-color-lists { }
.shop-by-color-lists li { float: left; text-align: center; width: 10%; margin-bottom:20px;}
.shop-by-color-lists li em { background-image: url(https://css.brilliantearth.com/static/img/spirit/shop-by-color.png); background-repeat: no-repeat; display: block; margin: auto; margin-bottom: 0.5em; height: 80px; width: 80px; }
.shop-by-color-lists li a { padding: 0; }
.shop-by-color-lists li a:hover em{opacity:0.9;}
.shop-by-color-lists li a span { letter-spacing: 0.25px; text-align: center; text-transform: capitalize; }
.shop-by-color-lists .blue em { background-position: 2px 0; }
.shop-by-color-lists .green em { background-position: 11% 0; }
.shop-by-color-lists .orange em { background-position: 23% 0; }
.shop-by-color-lists .peach em { background-position: 34.5% 0; }
.shop-by-color-lists .pink em { background-position: 45.5% 0; }
.shop-by-color-lists .purple em { background-position: 56.5% 0; }
.shop-by-color-lists .red em { background-position: 67.7% 0; }
.shop-by-color-lists .teal em { background-position: 78.7% 0; }
.shop-by-color-lists .white em { background-position: 89.7% 0; }
.shop-by-color-lists .yellow em { background-position: 100.4% 0; }

@media(max-width:991px) {
    .shop-by-color-lists li { width: 20%;}
}

@media(max-width:767px) {
    .shop-by-color-lists li { margin-bottom: 2em; }
    .shop-by-color-lists li em { width: 50px; height: 50px; background-size: auto 50px; }
    .shop-by-color-lists li a span { font-size: 12px; }
}

.why-sapphires {
    background-color: #f7f7f7;
    padding: 45px;
}
.why-sapphires .h3 {
    font-size: 23px;
}
@media(max-width:767px){
    .why-sapphires{padding:40px 15px;}
}
/*
* diamond-cuts
*/
/*Diamond characteristics*/
.diamond-characteristics-chart { position: relative; margin: 50px 0 30px; background: url(https://css.brilliantearth.com/static/img/channel/education/cut/diamond-characteristics-new.png) 46.2% 51.1% no-repeat; background-size: 47.090909% auto; padding-bottom: 38%; height: 0; }
.diamond-characteristics-chart .popover { padding: 8px 8px; display: block; position: absolute; border-radius: 0; background: #3E9F8E; border: none; color: white; max-width: 338px; box-shadow: none; }
.diamond-characteristics-chart .popover.top .arrow::after { border-top-color: #3E9F8E; }
.diamond-characteristics-chart .popover.right .arrow::after { border-right-color: #3E9F8E; }
.diamond-characteristics-chart .popover.bottom .arrow::after { border-bottom-color: #3E9F8E; }
.diamond-characteristics-chart .popover.bottom .arrow { top: -11px; }
.diamond-characteristics-chart .popover.left .arrow::after { border-left-color: #3E9F8E; }
.diamond-characteristics-chart .popover-title {font-family: 'Avenir Roman'; text-transform: capitalize; font-size: 13px; color: white; border: none; background: none; padding: 0; padding-bottom: 5px; }
.diamond-characteristics-chart .popover-content { padding: 0; }
.diamond-characteristics-chart .popover-content p { margin-bottom: 0; line-height: 16px; font-size: 13px; }
.diamond-characteristics-chart .popover-table { width: 240px; margin-left: -120px; bottom: 92%; left: 47.5%; top: auto; }
.diamond-characteristics-chart .popover-crown { left: 64%; top: 10%; }
.diamond-characteristics-chart .popover-girdle { left: 71%; top: 32%;}
.diamond-characteristics-chart .popover-girdle.right .arrow { top: 30px; }
.diamond-characteristics-chart .popover-pavillion { left: 57%; top: 68%;}
.diamond-characteristics-chart .popover-culet { left: 47.6%; margin-left: -160px; top: 90%; width: 320px; }
.diamond-characteristics-chart .popover-depth { left: 8%; right: 77%; top: 35%; }

@media(min-width:768px) and (max-width:991px) {
    .diamond-characteristics-chart .popover-title { font-size: 12px; line-height: 1em; }
    .diamond-characteristics-chart .popover-content p { font-size: 12px; line-height: 1em; }
    .diamond-characteristics-chart .popover-pavillion { left: 56%; top: 68%; }
    .diamond-characteristics-chart .popover-crown { left: 65%; top: 6%; }
    .diamond-characteristics-chart .popover-crown.right .arrow { top: 70%; }
    .diamond-characteristics-chart .popover-girdle { top: 28%; }
    .diamond-characteristics-chart .popover-girdle.right .arrow { top: 22px; }
}

@media(max-width:767px) {
    .diamond-characteristics-chart { height: auto; padding: 0; background:#3E9F8E;padding: 15px 25px; margin:0;}
    .diamond-characteristics-chart .popover{ background:none;padding:0 0 10px; position: static; margin: 0; max-width: none; width: auto;}
    .diamond-characteristics-chart .popover:last-child{ padding-bottom:0;}
    .diamond-characteristics-chart .popover .arrow { display: none; }
}
.diamond-characteristics-chart-xs { width: 290px; height: 160px; background: url(https://css.brilliantearth.com/static/img/channel/education/cut/diamond-characteristics-new.png) center center no-repeat; background-size: 200px auto; margin-bottom: 40px; position: relative; padding: 0; margin: auto; margin-bottom: 22px; }
.diamond-characteristics-chart-xs li { list-style: none; position: absolute; text-transform: capitalize; font-size: 11px; }
.diamond-characteristics-chart-xs li.t { left: 44%; top: -1%; }
.diamond-characteristics-chart-xs li.c1 { left: 79%; top: 21%; }
.diamond-characteristics-chart-xs li.g { left: 85%; top: 31%; }
.diamond-characteristics-chart-xs li.p { left: 70%; top: 54%; }
.diamond-characteristics-chart-xs li.c2 { bottom: 0; left: 43%; }
.diamond-characteristics-chart-xs li.d { right: 85%; top: 74px; }
@media(min-width:992px){.diamond-cut-chart-rank{ float:right; }}


.diamond-cut-chart-rank.table-rank2{max-width:460px;margin-left:auto; margin-right:auto;}
.diamond-cut-chart-rank th,.diamond-cut-chart-rank td::before{font-family: 'Avenir Medium'; text-transform:capitalize; width:30%; white-space:nowrap; text-align:left; border-right:none; vertical-align:top;}
.diamond-cut-chart-rank.table-rank2 td{ font-size:15px; border-left:none;padding-right:10px; line-height:18px;}
.diamond-cut-chart-rank.table-rank2 tr.last td em{ font-size:inherit;}
@media(max-width:767px){
    .diamond-cut-chart-rank th{ display:none;}
    .diamond-cut-chart-rank.table-rank2 td{ font-size:14px;}
    .diamond-cut-chart-rank td::before {content: attr(data-title);display:block;}
}
.table-rank2 { font-size:14px; line-height: 1.1; border: 1px solid #cccccc; border-collapse: collapse; width: 100%; }
.table-rank2 th { line-height: 24px; font-weight: normal;font-family: 'Avenir Medium';  text-transform: capitalize;}
.table-rank2 th, .table-rank2 td { border: 1px solid #cccccc; padding: 10px; }
/*.table-rank2 td { padding-right: 0; }*/
.table-rank2 tr.last td, .table-rank2 tr.last th { background: #ebebeb; }
.table-rank2 tr.last td em { font-size: 11px; text-transform: none; }
.table-rank2 .active-icon { background-color: #6fbf98; border-radius: 10px; display: none; height: 8px; width: 8px; }
.table-rank2--mini td,.table-rank2--mini th{ padding: 5px 10px;}
.table-rank2--mini th{ text-align:center;}


.request-guide-block .form-group .form-control { height: 32px; }
.request-guide-block .form-group{ width:520px; margin:0 auto;}
.request-guide-block .form-group .control-label{ font-size: 16px; text-align: right; text-transform: capitalize;}
.request-guide-block .message-success{text-transform:none; padding: 0;}
.request-guide-block .checkbox-ty6 label b{ padding:0 3px; }
.request-guide-block  .send-tips{text-align: left; margin-bottom:20px;}
@media(max-width:1024px){
    .request-guide-block p{ font-size: 16px; }
}
@media(max-width:767px){
    .request-guide-block .checkbox-ty6 label b{ letter-spacing: 0;}
    .request-guide-block .h3{ font-size: 20px; }
    .request-guide-block p{ font-size: 14px; margin-bottom: 0; padding:0 10px; }
    .request-guide-block .form-group{ width:300px; padding: 0 5px; }
    .request-guide-block .form-group .control-label{ font-size: 14px; text-align: left; }
    .request-guide-block .form-group .text-deepgray{ font-size: 12px; margin-left: -10px; padding:0; }
    .request-guide-block .message-success{ font-size: 12px; padding: 0 7px; }
}
/*
* diamond-carat-ranges
*/
.carat-comparisons-slide img:hover{
    opacity: 0.95;
}
.carat-comparisons-slidebox header .ir255-heading{
    padding-left:10px;
}
@media(min-width:768px){
    .carat-comparisons-slidebox header{
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:10px;
    }

    .carat-comparisons-slidebox .iconfont{
        cursor:pointer;
        margin-left:0.5em;
    }
    .carat-comparisons-slidebox .iconfont-left{
        display:none;
    }
    .carat-comparisons-slidebox .iconfont:hover{
        color:#74BCA8;
    }
}

.carat-comparisons-slide .slick-slide{
    padding-left:8px;
    padding-right: 8px;
}
.carat-comparisons-slide .slick-slide a{
    cursor: pointer;
}
.carat-comparisons-slide, .carat-comparisons,.carat-comparisons-footer{
    overflow: hidden;
    padding-left:12%;
    padding-right:12%;
}
.carat-comparisons-slidebox{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.carat-comparisons-slidebox .slick-disabled{
    display:none !important;
}
.carat-comparisons-slide .slick-list{
    overflow: visible;
    /*padding-right: 22%;
    margin-left:-15px;*/
}
.carat-comparisons-slidebox .slick-slide.last-item{
    opacity: 0;
    pointer-events: none;
}

.carat-comparisons-slidebox.active .slick-slide.last-item{
    opacity: 1;
    pointer-events: auto;
}
.carat-comparisons-slidebox.active .iconfont-left{
    display:inline;
}
@media(max-width:767px){
    .carat-comparisons-slide, .carat-comparisons{
        padding-left:0px;
        padding-right:0px;
    }
    .carat-comparisons-footer{
        padding-left:15px;
        padding-right:15px;
    }
    .carat-comparisons-slidebox .slick-control{
        display:none;
    }
    .carat-comparisons-slide .slick-slide{
        padding-left:10px;
        padding-right:10px;
    }
    .carat-comparisons-slide .slick-list {
        margin-left: 0;
        padding-left: 0;
        padding-right: 30%;
    }
    .carat-comparisons-slidebox.active .slick-list{
        padding-left: 15%;
        padding-right: 15%;
    }
}
/**/
.diamond-lightbox-hand {
    max-width: 280px;
    margin: auto;
}
.diamond-lightbox-hand .hand-wrap {
    position: relative;
}
.diamond-shape-select {
    max-width: 525px;
    width: auto;
    padding-left: 33px;
    padding-right: 33px;
    margin-left:auto;
    margin-right: auto;
}
.carat-weight-noUiSlider {
    position: relative;
    padding: 13px 55px 23px;
}
.carat-weight-noUiSlider:after, .carat-weight-noUiSlider:before {
    font-size: 12px;
    position: absolute;
    top: 8px;
    text-transform: capitalize;
}
.carat-weight-noUiSlider:before {
    content: '2.00 CT';
    right: 0;
}
.carat-weight-noUiSlider:after {
    content: '0.25 CT';
    left: 0;
}

.diamond-lightbox-hand .carat-image-assets{background-position: center center;background-repeat: no-repeat;background-size: 100% auto;cursor: default;height: 40%;left: 50%;margin-left: -25%;margin-top: -18%;position: absolute;top: 50%;width: 40%;z-index: 2;}
#min-euro {
    margin-top: 2em;
    padding: 5px 10px;
    position: absolute;
    width: 70px;
    left: 50%;
    text-align: center;
    margin-left: -28px;
    font-size: 12px;
    cursor: default;
}

/*
* couples-rings
*/
.couples-rings-intro .item{ width: 50%; float: left; margin-top: 42px; margin-bottom: 30px; }
.couples-rings-intro .item p{ text-transform: capitalize; font-size: 16px; letter-spacing: 0.025em; padding: 1em 0; margin-bottom: 0; }
.our-favorites .tro-txt{ max-width: 620px; }
@media(max-width: 1200px){
    .couples-rings-intro .item img{ width: 170px; }
}
@media(max-width:991px){
    .couples-rings-intro .item{ margin-top:14px; margin-bottom: 0; }
    .couples-rings-intro .item img{ width: 114px; }
    .couples-rings-intro .item p{ font-size: 14px; }
    .couples-rings-intro{ margin-bottom: 34px; }
}
/*
* how-to-buy-an-engagement-ring
*/

/*
* diamond-education-guide
*/
.certification .inner-line{
    border:2px solid white;
    padding:1em 3em;
}
@media(max-width:767px){
    .certification .inner-line{
        padding:1em;
    }
}
/* virtual appointment */
.virtual-appointment{width:100%;margin:1em auto;text-decoration:none !important;}
.virtual-appointment h2{margin-top:.2em;text-transform:none;}
.virtual-appointment p{color:#333;margin:.8em 0;}
.virtual-appointment .ir251-link-text{margin:0; text-transform: none;}
@media(min-width:768px) and (max-width:991px){ .virtual-appointment .img-responsive{ height: 270px; object-fit: cover; } }
@media(min-width:768px){.virtual-appointment p{max-width:400px; margin-left:auto; margin-right:auto;}.virtual-appointment>div:first-child{width:43%; padding-right:40px;}}
@media (max-width: 767px) {
    .virtual-appointment {
        font-size:14px;

    }

    .virtual-appointment h2 {
        /*text-align: center;*/
    }

    .virtual-appointment p {

    }
}
@media(max-width:767px){
    .the-four-Cs{
    }
    .the-four-Cs a{ text-decoration: underline;}
    .the-four-Cs p{
        /*margin-bottom:2.5em;*/
    }
    .the-four-Cs h3:not(:first-child){
        margin-top:35px;
    }
}
/*Lab Diamonds FAQ*/
@media(min-width:768px){
    .lab-diamonds-faq-collapse .panel {
        font-size: 16px;
    }
}
.lab-diamonds-faq-collapse .panel{
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom:1px solid #e1e1e1;
    padding:0;
    margin-bottom:15px;
}
.lab-diamonds-faq-collapse .panel:last-child{
    border-bottom:none;
}
.lab-diamonds-faq-collapse .iconfont{
    font-size: 16px;
    color:#3E9F8E;
}
.lab-diamonds-faq-collapse .collapsed .iconfont:before{
    content: "\e610";
}
.lab-diamonds-faq-collapse .panel-title{
    font-size:18px;
    font-family: inherit;
    text-transform: none;
    margin-bottom: 15px;
}
.lab-diamonds-faq-collapse .panel-title >a{
    display:block;
    position:relative;
    padding-right:30px;
    color:#3E9F8E;
    text-decoration: none;
}
.lab-diamonds-faq-collapse .panel-title > .collapsed{
    color:#000000;
}
.lab-diamonds-faq-collapse .panel-body{
    padding:0;
    padding-bottom:10px;
}
.lab-diamonds-faq-collapse .iconfont{
    position:absolute;
    top:50%;
    transform:translatey(-50%);
    -webkit-transform:translatey(-50%);
    -moz-transform:translatey(-50%);
    -ms-transform:translatey(-50%);
    right:5px;
}

/*
* diamond-shapes
*/
/*Shop Diamonds by Shape*/
.shop-diamonds-shape-slidebox header {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shop-diamonds-shape{
    padding-left:0;
    text-align: center;
    text-transform: capitalize;
}
.shop-diamonds-shape .slick-list {
    margin-left: 0;
    padding-left: 0;
    padding-right: 10%;
}
.shop-diamonds-shape-slidebox.active .slick-list {
    padding-left: 8%;
    padding-right: 8%;
}
/*page body*/
.icon-diamond-shape {
    background-image: url(https://css.brilliantearth.com/static/img/home/home2017/shop-diamonds@2x.png);
    background-repeat: no-repeat;
    background-size: 500px auto;
    width: 50px;
    height: 50px;
    vertical-align: middle
}

.icon-diamond-shape--round {
    background-position: 0 0
}

.icon-diamond-shape--oval {
    background-position: 55.4% 0
}

.icon-diamond-shape--cushion {
    background-position: 22% 0
}

.icon-diamond-shape--princess {
    background-position: 11% 0
}

.icon-diamond-shape--pear {
    background-position: 77.6% 0
}

.icon-diamond-shape--emerald {
    background-position: 89% 0
}

.icon-diamond-shape--marquise {
    background-position: 44% 0
}

.icon-diamond-shape--asscher {
    background-position: 33% 0
}

.icon-diamond-shape--radiant {
    background-position: 66.6% 0
}

.icon-diamond-shape--heart {
    background-position: 100% 0
}

@media (max-width: 767px) {
    .icon-diamond-shape {
        background-size: 500px auto;
        width: 50px;
        height: 50px
    }
}

.ir289-diamond-shapes-hero {
    background-image: url(https://css.brilliantearth.com/static/img/jewelry-education/diamond-guide/diamond-shapes/diamond-shapes-hero-cache1.jpg);
    background-position: right center;
    background-size: cover;
    height: 480px
}

.ir289-diamond-shapes-hero .intrinsic-ratio-4-1 {
    height: inherit
}
@media (min-width: 1388px) {
    .ir289-diamond-shapes-hero {
        background-position: left center;
        background-size:100% auto;
    }
}
@media (min-width: 768px) {
    .ir289-diamond-shapes-hero .hero-content {
        float: right;
        min-width:480px;
        width: 37%;
    }
}
@media (min-width: 768px) and (max-width:1270px) {
    .ir289-diamond-shapes-hero{
        background-size: auto 620px;
    }
    .ir289-diamond-shapes-hero .hero-content {
        max-width: 320px;
    }
}

@media (max-width: 767px) {
    .ir289-diamond-shapes-hero {
        background-image: url(https://css.brilliantearth.com/static/img/jewelry-education/diamond-guide/diamond-shapes/diamond-shapes-hero-xs.jpg);
        background-size: 768px auto;
        background-position: center center;
        height: 320px
    }

    .ir289-diamond-shapes-hero .imitate-table > div {
        vertical-align: top
    }

    .ir289-diamond-shapes-hero .h1 {
        margin-bottom: 150px
    }
}

.ir289-diamond-shape {
    text-transform: capitalize;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.ir289-diamond-shape li {
    width: 20%
}
.ir289-diamond-shape li a {
    padding: 10px 5px
}

@media (max-width: 767px) {
    .diamond-shapes-section .ir277-heading {
        padding-top: 5px;
        padding-bottom: 3px
    }

    .diamond-shapes-section .ir277-heading a {
        position: relative;
        top: 0.4em
    }
}

/*
* diamond-clarity
*/
.diamond-clarity-hero {
    background-image: url(https://css.brilliantearth.com/static/img/banner/hero1-diamond-clarity.jpg)
}

.ir289-diamond-clarity-hero {
    background-image: url(https://css.brilliantearth.com/static/img/jewelry-education/diamond-guide/diamond-clarity/diamond-clarity-hero.jpg);
    background-position: center center;
    background-size: cover
}

@media (min-width: 768px) {
    .ir289-diamond-clarity-hero {
        height: 480px
    }
}

.ir289-diamond-clarity-hero .intrinsic-ratio-4-1 {
    height: inherit
}

@media (max-width: 1500px) {
    .ir289-diamond-clarity-hero {
        background-position: 78% center
    }
}
@media(min-width:1024px) and (max-width: 1299px) {
    .ir289-diamond-clarity-hero .col-md-6{
        position:relative;
        left:-5%;
    }
}

@media (max-width: 767px) {
    .ir289-diamond-clarity-hero {
        background: url(https://css.brilliantearth.com/static/img/jewelry-education/diamond-guide/diamond-clarity/diamond-clarity-hero-xs.jpg) center center no-repeat
    }
}

.diamond-clarity-scale .thumbnail {
    background: none;
    border: none
}
.diamond-clarity-scale .video_play_icon{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
}
.diamond-clarity-scale .h3{
    color:inherit !important;
    text-decoration: none;
}
.diamond-clarity-scale .thumbnail a{
    color:#333;
    text-decoration: none;
}
.diamond-clarity-scale .thumbnail .caption{
    padding-left:0;
    padding-right:0;
}
@media (min-width: 768px) {
    .diamond-clarity-scale .thumbnail {
        padding: 0 16px
    }
    .diamond-clarity-scale-slidebox .carat-comparisons-slide .slick-prev,
    .diamond-clarity-scale-slidebox .carat-comparisons-slide .slick-next{
        display:none !important;
    }
    .diamond-clarity-scale-slidebox header .ir255-heading {
        padding-left: 20px
    }

    .diamond-clarity-scale-slidebox header .slick-control {
        padding-right: 15px
    }
}
@media(max-width:767px){
    .diamond-clarity-scale{
        padding-left: 5px;
        scroll-snap-type: x mandatory;
        display: flex;
        overflow-x: scroll;
        transition: .25s left ease;
    }
    .diamond-clarity-scale::-webkit-scrollbar{
        display: none;
    }
    .diamond-clarity-scale > div{
        flex: 0 0 calc(50% - 1.2%);
        margin: 0 0.6%;
        scroll-snap-align: center;
        flex-basis: 63.8%;
    }
}

.ir309-buy-engagement-ring-hero{
    color: #333;
    height: 0;
    padding-bottom: 31%;
    position: relative;
    background: url(https://css.brilliantearth.com/static/img/banner/ir308-banner-enagagement-ring-guide-v1.jpg) left bottom no-repeat;
    background-size: cover;
    background-position: left 80%;
}
.eg-hero__content{
    left: 56%;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    text-align: center;
    max-width: 400px;
}
.eg-hero__content .eg-hero-headline__text{
    font-family: 'ZapfHumanist601BT-Roman';
    font-size: 40px;
    text-transform: none;
    display: block;
    color: inherit;
    margin-bottom: 10px;
    margin-top: 10px;
}
@media(min-width: 992px) {
    .eg-hero__content .eg-hero__tro{
        font-size: 16px;
    }
}
.eg-hero__content .eg-hero__tro{
    color: inherit;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    letter-spacing: .025em;
}
@media(max-width: 991px) {
    .eg-hero__content .eg-hero-headline__text{
        font-size: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media(max-width: 767px){
    .ir309-buy-engagement-ring-hero{
        height: 470px;
        background: url(https://css.brilliantearth.com/static/img/banner/ir308-banner-enagagement-ring-guide-xs.jpg) center bottom no-repeat;
        background-color: #e4e4ea;
        background-size: 820px auto;
    }
    .eg-hero__content{
        left: 0;
        top: 20px;
        max-width: 100%;
        padding-left: 10px;
        transform: translateY(0);
        padding-right: 10px;
    }
}