/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.13.1.1542272679
Updated: 2018-11-15 09:04:39

*/
body {
    font-size: 16px !important;
}
body, h1, h2, h3, h4, h5, h6, ::placeholder, a{
    font-family: 'Santral',Helvetica,Arial,Lucida,sans-serif !important;
    line-height: 1.5em;
}
.et_pb_cta_5.et_pb_promo h2, .et_pb_cta_5.et_pb_promo h1.et_pb_module_header, .et_pb_cta_5.et_pb_promo h3.et_pb_module_header, .et_pb_cta_5.et_pb_promo h4.et_pb_module_header, .et_pb_cta_5.et_pb_promo h5.et_pb_module_header, .et_pb_cta_5.et_pb_promo h6.et_pb_module_header{
      font-family: 'Santral'!important;   
}
 .et_pb_cta_0.et_pb_promo h1.et_pb_module_header{font-family: 'Santral'!important; }
.et_pb_promo .et_pb_promo_description div{
  font-family: 'Santral',Helvetica,Arial,Lucida,sans-serif !important;    
}
.et_pb_text_7 h3 {
    font-size: 16px;}


.et_pb_blog_grid .et_pb_post{
min-height:680px!important;
}




#header {
    z-index: 9;
    position: relative
}

@media print {
    div.process-tabs {
        display: none
    }
}

.process-tabs {
    z-index: 50;
    position: relative;
    display: block
}

.byo-interaction-tabs-container {
    font-size: 14px;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container {
        height:auto
    }
}

.byo-interaction-tabs-container ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
    position: relative
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container ul {
        margin:0
    }
}

.byo-interaction-tabs-container li {
    display: table-cell;
    width: 17%;
    background-color: #f6f6f6;
    position: relative;
    color: #bdbdbd;
    font-family: VerlagBook,Arial,Helvetica,sans-serif;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #888;
    vertical-align: top
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li {
        width:486px
    }
}

.byo-interaction-tabs-container li .step-container {
    width: 100%;
    height: 54px;
    position: relative;
    display: block;
    text-decoration: none;
    color: #bdbdbd
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container li .step-container {
        height:64px
    }
}

.byo-interaction-tabs-container li .step-container>a {
    display: block;
    width: 100%;
    height: 100%
}

.byo-interaction-tabs-container li .step-container>a:active,.byo-interaction-tabs-container li .step-container>a:hover,.byo-interaction-tabs-container li .step-container>a:link,.byo-interaction-tabs-container li .step-container>a:visited {
    color: #000;
    text-decoration: none
}

.byo-interaction-tabs-container li div.step {
    vertical-align: top;
    margin-bottom: 0;
    margin-left: 3%;
    padding-top: .71429em
}

.byo-interaction-tabs-container li div.step .primary-title,.byo-interaction-tabs-container li div.step .secondary-title {
    margin: 0;
    padding: 0;
    font-weight: 400;
    display: none
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li div.step .primary-title,.byo-interaction-tabs-container li div.step .secondary-title {
        display:block
    }
}

.byo-interaction-tabs-container li div.step .primary-title {
    font-family: Crimson,Perpetua,Palatino,Times New Roman,Times,serif;
    font-variant: small-caps;
    font-size: 1.71429em;
    line-height: 1em
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container li div.step .primary-title {
        height:1.14286em;
        line-height: 1.35714em
    }
}

.byo-interaction-tabs-container li div.step .primary-title+.secondary-title {
    line-height: 1em
}

.byo-interaction-tabs-container li div.step .secondary-title {
    font-size: .78571em;
    line-height: 1.5em
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container li div.step .secondary-title {
        font-size:1em;
        line-height: 1.5em
    }
}

.byo-interaction-tabs-container li div.step .secondary-title+.primary-title {
    line-height: 1.2em
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container li div.step .secondary-title+.primary-title {
        line-height:1.28571em
    }
}

.byo-interaction-tabs-container li div.step-icon {
    content: "";
    border: 1px solid #dbdbdb;
    border-radius: 20px;
    height: 38px;
    width: 38px;
    line-height: 10px;
    display: block;
    position: absolute;
    top: 12.5%;
    right: 6%;
    background-clip: padding-box;
    background-color: #efefef;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.1),inset 0 0 5px rgba(0,0,0,.1)
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container li div.step-icon {
        top:18.5%
    }
}

.byo-interaction-tabs-container li div.step-icon img {
    height: auto;
    width: 30px;
    margin-left: 3px;
    margin-top: 3px
}

.byo-interaction-tabs-container li+li {
    width: 24%;
    z-index: 0
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li+li {
        width:486px
    }
}

.byo-interaction-tabs-container li+li .step-container:before {
    position: absolute;
    top: 0;
    left: 1px;
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #bdbdbd;
    border-style: solid;
    border-width: 27px 0 27px 14px;
    z-index: 2;
    display: block
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container li+li .step-container:before {
        top:0;
        border-width: 32px 0 32px 23px
    }
}

.byo-interaction-tabs-container li+li div.step {
    margin-left: 14%
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li+li div.step {
        margin-left:12%
    }
}

.byo-interaction-tabs-container li+li div.step:after {
    right: 33%;
    left: 33%
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li+li div.step:after {
        right:3%;
        left: auto
    }
}

.byo-interaction-tabs-container li+li div.step:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    color: #f6f6f6!important;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #efefef;
    border-style: solid;
    border-width: 27px 0 27px 14px;
    z-index: 3
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    .byo-interaction-tabs-container li+li div.step:before {
        top:0;
        border-width: 32px 0 32px 23px
    }
}

.byo-interaction-tabs-container li.navigable a.navigate:active,.byo-interaction-tabs-container li.navigable a.navigate:hover,.byo-interaction-tabs-container li.navigable a.navigate:link,.byo-interaction-tabs-container li.navigable a.navigate:visited {
    text-decoration: none
}

.byo-interaction-tabs-container li.complete,.byo-interaction-tabs-container li.navigable {
    background-color: #f6f6f6
}

.byo-interaction-tabs-container li.complete .step-container,.byo-interaction-tabs-container li.navigable .step-container {
    cursor: pointer
}

.byo-interaction-tabs-container li.complete .primary-title,.byo-interaction-tabs-container li.navigable .primary-title {
    color: #333
}

.byo-interaction-tabs-container li.complete .secondary-title,.byo-interaction-tabs-container li.navigable .secondary-title {
    color: #f47900
}

.byo-interaction-tabs-container li.complete div.step-icon,.byo-interaction-tabs-container li.navigable div.step-icon {
    border-color: #dbdbdb;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNmMWYxZjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGgxdjFIMHoiLz48L3N2Zz4=);
    background-image: linear-gradient(0deg,#f1f1f1 1%,#fff 99%);
    box-shadow: none
}

.byo-interaction-tabs-container li.complete div.step-icon.activated,.byo-interaction-tabs-container li.navigable div.step-icon.activated {
    border-color: #777;
    box-shadow: inset 0 3px 3px rgba(0,0,0,.3),inset 0 0 5px rgba(0,0,0,.3)
}

.byo-interaction-tabs-container li.complete+li.active .step-container:before,.byo-interaction-tabs-container li.navigable+li.active .step-container:before {
    border-left-color: transparent
}

.byo-interaction-tabs-container li.complete+li.active div.step:before,.byo-interaction-tabs-container li.complete+li div.step:before,.byo-interaction-tabs-container li.navigable+li.active div.step:before,.byo-interaction-tabs-container li.navigable+li div.step:before {
    border-left-color: #f6f6f6
}

.byo-interaction-tabs-container li.active {
    background-color: #0024d6;
    color: #fff;
    width: 199px;
    border-color: #003466
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li.active {
        width:486px
    }
}

.byo-interaction-tabs-container li.active+li div.step:before {
    border-color: transparent transparent transparent #0024d6
}

.byo-interaction-tabs-container li.active+li+li+li div.step:before,.byo-interaction-tabs-container li.active+li+li div.step:before {
    border-color: transparent transparent transparent #f6f6f6
}

.byo-interaction-tabs-container li.active div.step .primary-title,.byo-interaction-tabs-container li.active div.step .secondary-title {
    display: block;
    color: #fff
}

.byo-interaction-tabs-container li.active div.step div {
    display: block
}

.byo-interaction-tabs-container li.active div.step div.selected {
    display: none;
    color: #fff
}

.byo-interaction-tabs-container li.active div.step-icon {
    box-shadow: inset 0 3px 3px rgba(0,0,0,.3),inset 0 0 5px rgba(0,0,0,.3);
    border-width: 0;
    border-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNmMWYxZjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGgxdjFIMHoiLz48L3N2Zz4=);
    background-image: linear-gradient(0deg,#f1f1f1 1%,#fff 99%)
}

.byo-interaction-tabs-container li.active div.step-icon img {
    margin-top: 5px;
    margin-left: 5px
}

.byo-interaction-tabs-container li div.step .primary-title {
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    text-transform: lowercase
}

.byo-interaction-tabs-container li div.step .secondary-title {
    color: #0024d6
}

.byo-interaction-tabs-container .dropdown {
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10002;
    min-width: 250px;
    width: 100%;
    padding-top: 5px;
    background-color: #f6f6f6;
    border: solid #bdbdbd;
    border-width: 0 0 1px;
    display: none
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container .dropdown {
        width:318px;
        border-width: 0 1px 1px
    }
}

.byo-interaction-tabs-container .dropdown .detail-panel {
    padding: 7px;
    display: table;
    width: 100%
}

.byo-interaction-tabs-container .dropdown div.dropdown-title {
    font-size: 18px;
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    color: #100e31;
    text-align: left
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container .dropdown div.dropdown-title {
        margin-top:10px
    }
}

.byo-interaction-tabs-container .dropdown div.dropdown-title.large-medium {
    display: none;
    margin-left: 10px
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container .dropdown div.dropdown-title.large-medium {
        display:block
    }
}

.byo-interaction-tabs-container .dropdown div.dropdown-title.small {
    display: block;
    margin-bottom: 5px
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container .dropdown div.dropdown-title.small {
        display:none
    }
}

.byo-interaction-tabs-container .dropdown .icon {
    display: table-cell;
    width: 1px
}

.byo-interaction-tabs-container .dropdown .icon img {
    max-width: 70px
}

.byo-interaction-tabs-container .dropdown .item-detail {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px
}

.byo-interaction-tabs-container .dropdown .item-detail>div {
    vertical-align: middle;
    display: table-cell
}

.byo-interaction-tabs-container .dropdown .item-detail .description {
    color: #4a4a4a;
    font-weight: 400;
    margin-left: 10px;
    margin-right: 5px;
    width: 90%
}

.byo-interaction-tabs-container .dropdown .item-detail .price {
    color: #4a4a4a;
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    text-align: right;
    vertical-align: top
}

.byo-interaction-tabs-container .dropdown .item-detail .price>span {
    white-space: nowrap
}

.byo-interaction-tabs-container .dropdown .actions {
    border-top: 1px solid #bdbdbd;
    clear: both;
    padding: 7px;
    text-align: center;
    font-size: 16px
}

.byo-interaction-tabs-container .dropdown .actions a {
    display: inline-block;
    margin: 0;
    width: 48%;
    height: 40px;
    line-height: 42px;
    color: #fff;
    box-shadow: 0 1px 0 #05172d,inset 0 1px 0 #a3a3a3;
    font-size: 1em;
    text-shadow: 0 1px 0 #000;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background: #100e31 none
}

.byo-interaction-tabs-container .dropdown .actions a+a {
    margin-left: 1%
}

.byo-interaction-tabs-container li+li+li+li {
    width: 5%
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li+li+li+li {
        width:486px
    }
}

.byo-interaction-tabs-container li+li+li+li>div.step-container>div.step-icon {
    display: none
}

@media only screen and (min-width: 600px) {
    .byo-interaction-tabs-container li+li+li+li>div.step-container>div.step-icon {
        display:block
    }
}

li.active~li div.step .secondary-title {
    color: #bdbdbd
}

div.steps-3 li+li+li div.step-icon {
    right: 8%
}

div.steps-4 li+li+li+li div.step-icon {
    display: none
}

@media only screen and (min-width: 600px) {
    div.steps-4 li+li+li+li div.step-icon {
        display:block;
        right: 8%
    }
}

html.fixed-height-app #content-wrapper,html.fixed-height-app body {
    min-height: 433px
}

@media only screen and (min-width: 600px) {
    html.fixed-height-app #content-wrapper,html.fixed-height-app body {
        min-height:433px
    }
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    html.fixed-height-app #content-wrapper,html.fixed-height-app body {
        min-height:648px
    }
}

@media only screen and (min-width: 850px) and (min-height:420px) {
    html.fixed-height-app #content-wrapper,html.fixed-height-app body {
        min-height:548px
    }
}

html .byo-interaction-tabs-container .step-container {
    height: auto
}

@media only screen and (max-width: 599.9px) {
    html .byo-interaction-tabs-container .step-container {
        height:47px
    }
}

html .byo-interaction-tabs-container .step-container .step:before,html .byo-interaction-tabs-container .step-container:before {
    border-width: 24px 0 24px 14px
}

html .byo-interaction-tabs-container li .step-container {
    height: auto\9
}


html .byo-interaction-tabs-container li.active div.step,html .byo-interaction-tabs-container li div.step {
    padding-top: 3px;
    padding-bottom: 2px
}

html .byo-interaction-tabs-container li.active div.step .primary-title,html .byo-interaction-tabs-container li.active div.step .secondary-title,html .byo-interaction-tabs-container li div.step .primary-title,html .byo-interaction-tabs-container li div.step .secondary-title {
    line-height: 1.2em
}

html .byo-interaction-tabs-container li.active div.step .secondary-title:first-child,html .byo-interaction-tabs-container li div.step .secondary-title:first-child {
    padding-top: 3px;
    line-height: 1.2em
}

html .byo-interaction-tabs-container li.active div.step .secondary-title+.primary-title,html .byo-interaction-tabs-container li div.step .secondary-title+.primary-title {
    line-height: 1em;
    height: 1em
}

html .byo-interaction-tabs-container li div.step-icon {
    top: 9%
}

html .byo-interaction-tabs-container li+li .step-container:before {
    border-width: 24px 0 24px 14px
}

html .byo-interaction-tabs-container .dropdown .actions a {
    height: 30px;
    line-height: 30px
}

html.fixed-height-app.skinny #content-wrapper,html.fixed-height-app.skinny body {
    min-height: 489px
}

@media only screen and (min-width: 600px) {
    html.fixed-height-app.skinny #content-wrapper,html.fixed-height-app.skinny body {
        min-height:489px
    }
}

@media only screen and (min-width: 600px) and (min-height:420px) {
    html.fixed-height-app.skinny #content-wrapper,html.fixed-height-app.skinny body {
        min-height:679px
    }
}

@media only screen and (min-width: 850px) and (min-height:420px) {
    html.fixed-height-app.skinny #content-wrapper,html.fixed-height-app.skinny body {
        min-height:599px
    }
}

.builder-title-container {
    background-color: #f6f6f6;
    height: 2.85714em;
    position: relative;
    z-index: 7;
    font-size: 14px
}

.builder-title-container .builder-title {
    position: absolute;
    height: 100%;
    line-height: 40px;
    font-size: 20px;
    padding-left: 10px;
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-variant: small-caps;
    font-weight: 400;
    color: #100e31
}

.builder-title-container .builder-title.byo3sr,.builder-title-container .builder-title.byo5sr,.builder-title-container .builder-title.byop {
    font-size: 18px
}

@media only screen and (min-width: 600px) {
    .builder-title-container .builder-title.byo3sr,.builder-title-container .builder-title.byo5sr,.builder-title-container .builder-title.byop {
        font-size:20px
    }
}

.builder-title-container #reset-filters span {
    cursor: pointer;
    margin-top: 12px;
    margin-right: 15px;
    font-size: 14px;
    float: right;
    color: #00669b
}

.builder-title-container #reset-filters span:before {
    content: "";
    font-family: icon-font;
    margin-right: 10px
}

@media only screen and (max-width: 599.9px) {
    .builder-title-container #reset-filters span {
        display:none
    }
}

.builder-title-container+#catalog-body .results-heading-count.medium-and-up {
    margin-top: 16px
}

@media only screen and (max-width: 599.9px) {
    .builder-title-container+#catalog-body #catalog-filters-v2 {
        margin-top:10px
    }
}

.icon-component {
    display: inline-block;
    width: 14px;
    margin: auto
}

.icon-component svg:not(:root) {
    display: block;
    width: 100%;
    height: auto
}

@-webkit-keyframes colorchange {
    25% {
        background-color: #0024d6
    }

    to {
        background-color: transparent
    }
}

@keyframes colorchange {
    25% {
        background-color: #0024d6
    }

    to {
        background-color: transparent
    }
}

@-webkit-keyframes grid-transition {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes grid-transition {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.no-results-message {
    padding: 0;
    display: none;
    height: 300px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.no-results-message h3 {
    padding: 0;
    color: #100e31
}

.no-results-message div {
    margin-top: 40px
}

.no-results-message p {
    padding: 0 20px;
    margin-top: 5px
}

.diamond-search.diamond-comparison .no-results-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.grid-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
    min-height: 330px
}

.grid-container .grid-alert {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 6px;
    padding: 7px 10px;
    border: 1px solid #cca969;
    background-color: hsla(39,49%,61%,.1)
}

@media (min-width: 850px) {
    .grid-container .grid-alert {
        padding:7px 20px
    }
}

.grid-container .grid-alert.show-alert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.grid-container .grid-alert .back-to-top-link {
    cursor: pointer;
    color: #0024d6
}

.grid-container .grid-alert .icon {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0 10px;
    text-align: center
}

.grid-container .grid-alert .icon:before {
    font-family: icon-font;
    font-style: normal;
    text-decoration: none;
    content: "\F05A";
    font-size: 16px;
    color: #cca969
}

@media (min-width: 850px) {
    .grid-container .grid-alert .icon:before {
        font-size:26px
    }
}

.grid-container .grid-alert p {
    margin-left: 10px
}

@media (min-width: 850px) {
    .grid-container .grid-alert p {
        margin-left:25px
    }
}

.grid-container .cell,.grid-container .grid-header .header-cell,.grid-container .row-cell,.grid-header .grid-container .header-cell {
    min-width: 64px;
    text-align: center;
    overflow: hidden;
    padding: 0 10px
}

.grid-container .row-cell {
    font-size: 14px;
    padding: 0;
    margin: 0;
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out;
    vertical-align: middle;
    white-space: nowrap
}

.grid-container .row-cell .cell-wrapper {
    margin: 0 5px;
    text-align: center;
    width: inherit;
    height: 100%;
    text-decoration: none;
    color: inherit
}

.grid-container .row-cell .cell-wrapper .label {
    display: none
}

@media (min-width: 600px) {
    .grid-container .row-cell .cell-wrapper .label-small-view {
        display:none
    }

    .grid-container .row-cell .cell-wrapper .label {
        display: inline
    }
}

.grid-container .row-cell .shape-cell-wrapper {
    display: table;
    width: 100%;
    max-width: 150px;
    text-align: center;
    margin: 0
}

.grid-container .row-cell .shape-cell-wrapper>span {
    display: table-cell
}

.grid-container .row-cell .shape-cell-wrapper>span:first-child {
    display: table-cell;
    width: 30px;
    height: 30px;
    text-align: center
}

.grid-container .row-cell .shape-cell-wrapper>span:first-child>span {
    vertical-align: middle;
    display: inline-block
}

@media (min-width: 600px) {
    .grid-container .row-cell .shape-cell-wrapper>span:first-child>span {
        display:inline-block;
        text-indent: 15px
    }
}

.grid-container .row-cell .shape-cell-wrapper>span.single-cell {
    display: none
}

@media (min-width: 600px) {
    .grid-container .row-cell .shape-cell-wrapper>span.single-cell {
        text-indent:15px;
        display: table-cell
    }
}

.grid-container .row-cell.col-is-added {
    -webkit-transition: 1s ease-in;
    transition: 1s ease-in;
    background-color: #0024d6;
    color: #fff
}

.grid-container .row-cell.shape {
    text-align: left
}

@media (min-width: 600px) {
    .grid-container .row-cell.shape {
        padding:0 5px 0 10px
    }
}

.grid-container .comparison-diamonds-wrapper {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%
}

.grid-container .comparison-diamonds-wrapper span.comparison-star-selected:before,.grid-container .comparison-diamonds-wrapper span.comparison-star:before {
    content: "\F006";
    font-family: icon-font,monospace;
    font-size: 16px;
    color: #0024d6;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.grid-container .comparison-diamonds-wrapper span.comparison-star-selected:before {
    content: "\F005"
}

body.filters-shown .grid-container {
    min-height: 1200px!important
}

.diamond-search.diamond-comparison .grid-container,.grid-container .grid-header div.header-cell,.grid-container div.cell,.grid-container div.header-cell,.grid-container div.row-cell,.grid-header .grid-container div.header-cell {
    display: none
}

.grid-container div.highlight {
    -webkit-animation: colorchange 2.5s;
    animation: colorchange 2.5s
}

.grid-container.carat-active .carat,.grid-container.carat-active .grid-header-inner>div.carat,.grid-container.carat-active .grid-header.normal-header>.row>div.carat,.grid-container.clarity-active .clarity,.grid-container.clarity-active .grid-header-inner>div.clarity,.grid-container.clarity-active .grid-header.normal-header>.row>div.clarity,.grid-container.color-active .color,.grid-container.color-active .grid-header-inner>div.color,.grid-container.color-active .grid-header.normal-header>.row>div.color,.grid-container.compare-active .compare,.grid-container.compare-active .grid-header-inner>div.compare,.grid-container.compare-active .grid-header.normal-header>.row>div.compare,.grid-container.culet-active .culet,.grid-container.culet-active .grid-header-inner>div.culet,.grid-container.culet-active .grid-header.normal-header>.row>div.culet,.grid-container.cut-active .cut,.grid-container.cut-active .grid-header-inner>div.cut,.grid-container.cut-active .grid-header.normal-header>.row>div.cut,.grid-container.date-active .date,.grid-container.date-active .grid-header-inner>div.date,.grid-container.date-active .grid-header.normal-header>.row>div.date,.grid-container.depth-active .depth,.grid-container.depth-active .grid-header-inner>div.depth,.grid-container.depth-active .grid-header.normal-header>.row>div.depth,.grid-container.fluorescence-active .fluorescence,.grid-container.fluorescence-active .grid-header-inner>div.fluorescence,.grid-container.fluorescence-active .grid-header.normal-header>.row>div.fluorescence,.grid-container.lxwratio-active .grid-header-inner>div.lxwratio,.grid-container.lxwratio-active .grid-header.normal-header>.row>div.lxwratio,.grid-container.lxwratio-active .lxwratio,.grid-container.polish-active .grid-header-inner>div.polish,.grid-container.polish-active .grid-header.normal-header>.row>div.polish,.grid-container.polish-active .polish,.grid-container.price-active .grid-header-inner>div.price,.grid-container.price-active .grid-header.normal-header>.row>div.price,.grid-container.price-active .price,.grid-container.pricepercarat-active .grid-header-inner>div.pricepercarat,.grid-container.pricepercarat-active .grid-header.normal-header>.row>div.pricepercarat,.grid-container.pricepercarat-active .pricepercarat,.grid-container.shape-active .grid-header-inner>div.shape,.grid-container.shape-active .grid-header.normal-header>.row>div.shape,.grid-container.shape-active .shape,.grid-container.symmetry-active .grid-header-inner>div.symmetry,.grid-container.symmetry-active .grid-header.normal-header>.row>div.symmetry,.grid-container.symmetry-active .symmetry,.grid-container.table-active .grid-header-inner>div.table,.grid-container.table-active .grid-header.normal-header>.row>div.table,.grid-container.table-active .table {
    display: table-cell
}

.grid-container.initial-filters div {
    -webkit-animation: none!important;
    animation: none!important
}

.grid-container:before {
    -webkit-animation: none;
    animation: none;
    content: "";
    display: none;
    height: 64px;
    width: 64px;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 64px
}

.grid-container.no-grid-padding:before {
    display: block;
    height: inherit
}

.grid-container.transitioning:before {
    display: block;
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite;
    content: url("https://bnsec.bluenile.com/bnsecure/assets/phablet/icons/LoadingAnimation.png")
}

.grid-container.transitioning .grid {
    -webkit-animation: grid-transition 1s;
    animation: grid-transition 1s
}

.grid-container.diamond-comparison {
    min-height: 200px
}

.grid-container.diamond-comparison .grid {
    border: 1px solid #f6f6f6
}

.grid-container.diamond-comparison .cell,.grid-container.diamond-comparison .grid-header-inner>div.cell,.grid-container.diamond-comparison .grid-header-inner>div.row-cell,.grid-container.diamond-comparison .grid-header .grid-header-inner>div.header-cell,.grid-container.diamond-comparison .grid-header .header-cell,.grid-container.diamond-comparison .grid-header.normal-header>.row>div.cell,.grid-container.diamond-comparison .grid-header.normal-header>.row>div.header-cell,.grid-container.diamond-comparison .grid-header.normal-header>.row>div.row-cell,.grid-container.diamond-comparison .header-cell,.grid-container.diamond-comparison .row-cell,.grid-header .grid-container.diamond-comparison .grid-header-inner>div.header-cell,.grid-header .grid-container.diamond-comparison .header-cell {
    display: table-cell;
    min-width: inherit
}

.grid-container.no-diamonds {
    display: none
}

.grid-container.no-diamonds:before {
    content: ""
}

.grid-container.empty-grid {
    overflow-x: hidden
}

.grid-container.empty-grid .no-results-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.grid-container.empty-grid .grid-body {
    display: none
}

.grid-header {
    background: #888;
    color: #fff;
    font-size: 12px
}

.grid-header.normal-header,.grid-header.sticky-header {
    overflow: hidden;
    position: fixed;
    top: 117px;
    width: 100%;
    z-index: 2
}

.grid-header.filter-tooltip-cta.normal-header,.grid-header.sticky-header.filter-tooltip-cta {
    top: 117px
}

@media (min-width: 600px) {
    .grid-header.filter-tooltip-cta.normal-header,.grid-header.normal-header,.grid-header.sticky-header,.grid-header.sticky-header.filter-tooltip-cta {
        top:0
    }
}

.grid-header.normal-header>.grid-header-inner,.grid-header.normal-header>.row,.grid-header.sticky-header>.grid-header-inner {
    display: table;
    table-layout: fixed
}

.grid-header.normal-header>.grid-header-inner>div,.grid-header.normal-header>.row>div,.grid-header.sticky-header>.grid-header-inner>div {
    border-left: 1px solid #d5d7d8;
    cursor: pointer;
    display: none;
    height: 32px;
    vertical-align: middle;
    white-space: nowrap
}

.grid-header.normal-header>.grid-header-inner>div:first-child,.grid-header.normal-header>.row>div:first-child,.grid-header.sticky-header>.grid-header-inner>div:first-child {
    border: 0
}

.grid-header.normal-header {
    display: table-header-group;
    position: static
}

.grid-header.normal-header>.row {
    display: table-row
}

.grid-header .sorted {
    background: #4a4a4a;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.grid-header .header-cell {
    border-left: 1px solid #d5d7d8;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .5px;
    padding: 0 5px;
    white-space: nowrap;
    vertical-align: bottom
}

.grid-header .header-cell:first-child {
    border: 0;
    width: 8%
}

.grid-header .header-cell .icon {
    margin-left: 5px
}

.grid-header .header-cell .icon .icon-component {
    width: 8px
}

.grid-header .header-cell .icon svg {
    width: 10px;
    height: 8px
}

.grid-header .header-cell .icon svg path {
    fill: #fff
}

.grid-header .header-cell.asc .icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.grid {
    border-collapse: collapse;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: .46px;
    text-align: center;
    width: 100%;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6
}

.grid.fixed .grid-header.normal-header,.grid.fixed .grid-header.sticky-header {
    display: block
}

.grid .row {
    color: #4a4a4a;
    cursor: pointer;
    height: 40px;
    line-height: 30px;
    outline: 0;
    text-decoration: none
}

.grid .row.visited {
    background-color: rgba(2,124,209,.15)!important
}

.grid .row.selected {
    background-color: rgba(2,124,209,.25)
}

@media (min-width: 600px) {
    .grid .row {
        height:30px
    }
}

.grid .grid-body {
    color: #888;
    display: table-row-group;
    border-bottom: 1px solid #f6f6f6
}

.grid .grid-body .grid-row {
    display: table-row
}

.grid .grid-body .grid-row .cell-border-right {
    border-right: 1px solid #d5d7d8;
    vertical-align: middle
}

.grid .grid-body .grid-row .multi-cell {
    display: block
}

.grid .grid-body .grid-row:nth-of-type(2n) {
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-width: 1px 0
}

.backup-image {
    position: relative
}

.backup-image>img {
    width: 100%
}

.backup-image .overlay-text {
    color: #4a4a4a;
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-size: 16px;
    letter-spacing: .5px;
    height: 35px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.flip-container.flipped .backup-image .overlay-text {
    opacity: 0
}

.catalog-view-offer-wrapper {
    padding: 0 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 360px
}

.catalog-view-offer-wrapper.inline-block {
    display: inline-block;
    padding: 0
}

@media (min-width: 600px) {
    .catalog-view-offer-wrapper {
        max-width:240px;
        width: 33.33%;
        min-width: 220px
    }

    .catalog-view-offer-wrapper.inline-block {
        width: 100%
    }
}

@media (min-width: 850px) {
    .catalog-view-offer-wrapper {
        width:25%;
        min-width: 0
    }

    .catalog-view-offer-wrapper.inline-block {
        width: 100%
    }
}

@media (min-width: 1000px) {
    .catalog-view-offer-wrapper {
        width:20%
    }

    .catalog-view-offer-wrapper.inline-block {
        width: 100%
    }
}

.catalog-view-offer-wrapper .catalog-view-offer {
    border: 1px solid #f6f6f6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0 20px;
    width: 100%;
    max-width: 460px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.catalog-view-offer-wrapper .catalog-view-offer:hover {
    text-decoration: none;
    border-color: #0024d6
}

@media (min-width: 600px) {
    .catalog-view-offer-wrapper .catalog-view-offer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.catalog-view-offer-wrapper .catalog-view-offer:first-child {
    margin-top: 0
}

.catalog-view-offer-wrapper .catalog-view-offer .flip-container {
    width: 50%
}

@media (min-width: 600px) {
    .catalog-view-offer-wrapper .catalog-view-offer .flip-container {
        width:100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.image-container>.image-scrubber {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details {
    width: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details>.image-or-icon {
    opacity: .2
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details>.image-or-icon svg {
    opacity: .3
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details>.text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    position: absolute;
    top: 0;
    left: 0
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details>.text>.detail {
    color: #100e31;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details>.text>.detail>.value {
    font-family: VerlagBold,Arial,Verdana,sans-serif
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details,.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details>.image-or-icon,.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.details>.image-or-icon>.icon-component,.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.image-container,.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.image-container>.image-or-icon,.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.image-container>.image-or-icon>.icon-component {
    height: 100%;
    width: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.spacer-svg {
    visibility: hidden;
    width: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details>.spacer-svg div {
    padding-bottom: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details .image-or-icon>img {
    display: block;
    width: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details .image-or-icon .icon-component {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-view-offer-wrapper .catalog-view-offer .image-and-details .image-or-icon .icon-component svg {
    max-width: 95px;
    max-height: 95px;
    width: 100%;
    height: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons {
    color: #4a4a4a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    padding: 15px 15px 0;
    line-height: 20px;
    width: 50%
}

@media (min-width: 600px) {
    .catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons {
        -webkit-box-align:end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 15px;
        width: 100%;
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px
    }
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons>.four-cs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons>.four-cs>div {
    white-space: nowrap
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons>.four-cs>div .astor.cut-text {
    color: #100e31;
    font-weight: 700
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons>.four-cs>.details-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    min-height: 26px;
    color: #0024d6;
    text-align: left
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons>.four-cs>.price {
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: .44px
}

@media (min-width: 600px) {
    .catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons>.four-cs>.price {
        font-size:16px;
        line-height: 16px
    }
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -10px 0 0 -15px
}

@media (min-width: 600px) {
    .catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons .icon {
        margin:0 -15px -15px 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons .icon .icon-component {
    height: 16px;
    width: 16px
}

@media (min-width: 600px) {
    .catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons .icon .icon-component {
        margin-bottom:2px
    }
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons .icon .icon-component svg {
    height: 100%;
    width: 100%
}

.catalog-view-offer-wrapper .catalog-view-offer .four-cs-and-icons .icon .icon-component path {
    fill: #0024d6
}

.catalog-view-offer-wrapper .catalog-view-offer .icon-component.snowflake {
    position: absolute;
    top: 0;
    left: 0;
    margin: 8px
}

.catalog-view-offer-wrapper.inline-block .catalog-view-offer {
    display: block
}

.catalog-view-offer-wrapper.inline-block .catalog-view-offer .flip-container {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.catalog-view-offer-wrapper.inline-block .catalog-view-offer .four-cs-and-icons {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px;
    width: 100%
}

.flip-container {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-container.flipped .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.flip-container.flipped .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.flip-container .flipper {
    position: relative
}

.flip-container .back,.flip-container .flipper,.flip-container .front {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-container .back,.flip-container .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.flip-container .front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.flip-container .back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.catalog-view {
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 600px) {
    .catalog-view {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0 2%
    }
}

@media (min-width: 850px) {
    .catalog-view {
        padding:0 10px
    }
}

.diamond-comparison-grid {
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.diamond-search.diamond-comparison .diamond-comparison-grid {
    display: block
}

.diamond-comparison-grid.empty-grid {
    overflow-x: hidden
}

.diamond-comparison-grid>.table {
    display: table;
    width: 100%
}

.diamond-comparison-grid>.table.hide-ship-date div.date,.diamond-comparison-grid>.table.hide-ship-date span[data-key=date] {
    display: none
}

.diamond-comparison-grid>.table>.row {
    color: #4a4a4a;
    display: table-row;
    background-color: #f6f6f6
}

.diamond-comparison-grid>.table>.row:nth-child(2n) {
    background-color: #fff
}

.diamond-comparison-grid>.table>.row:hover {
    text-decoration: none
}

.diamond-comparison-grid>.table>.row.visited {
    background-color: rgba(0,36,214,.15)
}

.diamond-comparison-grid>.table>.row>.cell {
    border-bottom: 1px solid #f6f6f6;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center
}

.diamond-comparison-grid>.table>.row>.cell.header {
    background: #888;
    border-left: 1px solid #f6f6f6;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    letter-spacing: .5px;
    padding: 0 5px
}

.diamond-comparison-grid>.table>.row>.cell.header:first-child {
    border-left: 0
}

.diamond-comparison-grid>.table>.row>.cell.header.sort-column .icon {
    display: none;
    margin-left: 10px
}

@media (min-width: 600px) {
    .diamond-comparison-grid>.table>.row>.cell.header.sort-column .icon {
        display:inline-block
    }
}

.diamond-comparison-grid>.table>.row>.cell.header.sort-column .icon svg {
    width: 10px;
    height: 8px
}

.diamond-comparison-grid>.table>.row>.cell.header.sort-column .icon svg path {
    fill: #fff
}

.diamond-comparison-grid>.table>.row>.cell.header.sort-column.asc .icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.diamond-comparison-grid>.table>.row>.cell.comparison {
    border-right: 1px solid #f6f6f6
}

.diamond-comparison-grid>.table>.row>.cell>.icon-component.close path {
    fill: #0024d6
}

.diamond-comparison-grid>.table>.row>.cell>.value {
    height: 30px;
    line-height: 30px;
    white-space: nowrap
}

.diamond-comparison-grid>.table>.row>.cell>.value .diamond-search-sprite {
    display: inline-block;
    margin-bottom: -6px
}

.diamond-comparison-grid>.table>.row>.cell>.value .diamond-search-sprite+.shape-label {
    display: none
}

@media (min-width: 600px) {
    .diamond-comparison-grid>.table>.row>.cell>.value .diamond-search-sprite+.shape-label {
        display:inline-block;
        min-width: 75px
    }
}

.bn-button {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#405698),to(#253c76));
    background-image: linear-gradient(0deg,#405698,#253c76);
    border: 1px solid;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 40px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 2px #000;
    text-decoration: none
}

a.bn-button {
    display: table
}

a.bn-button>span {
    display: table-cell;
    vertical-align: middle
}

.tooltip-container {
    position: relative
}

.tooltip-container .tooltip-component {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    color: #4a4a4a;
    padding: 10px;
    position: relative;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.tooltip-container .tooltip-component .close-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px
}

.tooltip-container .tooltip-component .tooltip-component-arrow {
    border: 12px solid transparent;
    position: absolute;
    height: 0;
    width: 0
}

.tooltip-container .tooltip-component .tooltip-component-arrow:after {
    border: 12px solid transparent;
    content: " ";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.tooltip-container .tooltip-component[data-placement^=top] {
    margin-bottom: 3px
}

.tooltip-container .tooltip-component[data-placement^=top] .tooltip-component-arrow {
    border-top-color: #cdcdcd;
    bottom: -24px
}

.tooltip-container .tooltip-component[data-placement^=top] .tooltip-component-arrow:after {
    border-top-color: #fff;
    left: -12px;
    top: -14px
}

.tooltip-container .tooltip-component[data-placement^=right] {
    margin-left: 3px
}

.tooltip-container .tooltip-component[data-placement^=right] .tooltip-component-arrow {
    border-right-color: #cdcdcd;
    left: -24px
}

.tooltip-container .tooltip-component[data-placement^=right] .tooltip-component-arrow:after {
    border-right-color: #fff;
    top: -12px;
    left: -10px
}

.tooltip-container .tooltip-component[data-placement^=bottom] {
    margin-top: 3px
}

.tooltip-container .tooltip-component[data-placement^=bottom] .tooltip-component-arrow {
    border-bottom-color: #cdcdcd;
    top: -24px
}

.tooltip-container .tooltip-component[data-placement^=bottom] .tooltip-component-arrow:after {
    border-bottom-color: #fff;
    top: -10px;
    left: -12px
}

.tooltip-container .tooltip-component[data-placement^=left] {
    margin-right: 3px
}

.tooltip-container .tooltip-component[data-placement^=left] .tooltip-component-arrow {
    border-left-color: #cdcdcd;
    right: -24px
}

.tooltip-container .tooltip-component[data-placement^=left] .tooltip-component-arrow:after {
    border-left-color: #fff;
    top: -12px;
    left: -14px
}

.tooltip-container.close-button .tooltip-component {
    padding-top: 15px
}

.toggle-button {
    cursor: pointer;
    display: inline-block;
    height: 24px
}

.toggle-button.toggled .toggle-button-background {
    background-color: #100e31
}

.toggle-button.toggled .toggle-button-background .toggle-button-switch {
    left: 22px
}

.toggle-button-background {
    background-color: #d5d7d8;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    display: inline-block;
    height: 24px;
    position: relative;
    width: 43px
}

.toggle-button-switch {
    background-color: #fff;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    position: relative;
    top: 2px;
    left: 2px;
    -webkit-transition: left .25s;
    transition: left .25s
}

.small.three-sixty.filter {
    display: table;
    border-top: 1px solid #d5d7d8;
    border-bottom: none;
    padding: 7px 15px 6px 7px
}

@media (min-width: 600px) {
    .small.three-sixty.filter {
        display:none
    }
}

.small.three-sixty.filter>span {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.small.three-sixty.filter>span.right {
    text-align: right;
    width: 100%
}

.small.three-sixty.filter>span>.shape-filter-icon {
    display: inline-block;
    font-size: 154.00411px
}

.filter-container.image-type-filter {
    display: none
}

@media (min-width: 600px) {
    .filter-container.image-type-filter {
        display:block;
        width: 100%;
        padding-bottom: 0;
        margin-bottom: -10px;
        z-index: 4
    }

    .filter-container.image-type-filter .filter-info {
        display: none
    }
}

@media (min-width: 850px) {
    .filter-container.image-type-filter {
        width:33%
    }
}

@media (min-width: 600px) {
    .filter-container.image-type-filter .filter-content {
        height:25px
    }
}

.filter-container.image-type-filter .filter-content .three-sixty.filter {
    display: block
}

.filter-container.image-type-filter .filter-content .three-sixty.filter>.three-sixty-layout {
    cursor: pointer
}

.filter-container.image-type-filter .filter-content .three-sixty.filter>.three-sixty-layout .shape-filter-icon.diamond-search-sprite {
    font-size: 148px
}

.small.astor-filter.filter {
    display: table;
    border-top: 1px solid #d5d7d8;
    border-bottom: 1px solid #d5d7d8;
    padding: 7px 15px 6px 7px
}

@media (min-width: 600px) {
    .small.astor-filter.filter {
        display:none
    }
}

.small.astor-filter.filter>span {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.small.astor-filter.filter>span.right {
    text-align: right;
    width: 100%
}

.filter-container.astor-filter-filter {
    display: none
}

@media (min-width: 600px) {
    .filter-container.astor-filter-filter {
        display:block;
        width: 66%;
        padding-bottom: 0;
        z-index: 4;
        max-height: 45px
    }

    .filter-container.astor-filter-filter .filter-info {
        display: none
    }

    .filter-container.astor-filter-filter.isMultiDiamondSearch {
        width: 100%
    }
}

@media (min-width: 600px) {
    .filter-container.astor-filter-filter .filter-content {
        height:25px
    }
}

.filter-container.astor-filter-filter .filter-content .astor-filter.filter {
    display: block
}

.filter-container.astor-filter-filter .filter-content .astor-filter.filter>.astor-filter-layout {
    cursor: pointer;
    display: table;
    margin-top: 4px
}

.filter-container.astor-filter-filter .filter-content .astor-filter.filter>.astor-filter-layout>div {
    display: table-cell;
    vertical-align: top;
    pointer-events: none
}

.filter-container.astor-filter-filter .filter-content .astor-filter.filter>.astor-filter-layout>div:first-child {
    max-width: 30px
}

.filter-container.astor-filter-filter .filter-content .astor-filter.filter>.astor-filter-layout>div>span {
    display: inline-block
}

img.astor-logo {
    padding-right: 5px
}

.filter-content .shape-filter {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    padding-left: 10px;
    padding-right: 30px
}

@media (min-width: 600px) {
    .filter-content .shape-filter {
        padding:0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        margin-left: -10px
    }
}

.shape-filter-button {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0
}

@media (min-width: 600px) {
    .shape-filter-button {
        width:20%;
        padding: 5px 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: inherit
    }
}

.shape-filter-button-inner {
    height: 24px;
    width: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 600px) {
    .shape-filter-button-inner {
        height:24px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #d5d7d8;
        background-color: #f6f6f6;
        width: 100%
    }
}

@media (min-width: 600px) {
    .shape-filter-button-inner.selected {
        background-color:#0024d6;
        border: 1px solid #0024d6;
        -webkit-border-radius: 2px;
        border-radius: 2px
    }
}

.shape-filter-label-container {
    height: 24px;
    pointer-events: none
}

@media (min-width: 600px) {
    .shape-filter-label-container {
        display:none;
        text-align: center
    }
}

.shape-filter-button-label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #4a4a4a
}

@media (min-width: 600px) {
    .shape-filter-button-label {
        font-size:16px;
        letter-spacing: .5px;
        margin: 0;
        text-align: center
    }
}

.shape-filter .shape-filter-icon.diamond-search-sprite {
    display: none
}

@media (min-width: 600px) {
    .shape-filter .shape-filter-icon.diamond-search-sprite {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shape-filter .shape-filter-icon.diamond-search-sprite.CU,.shape-filter .shape-filter-icon.diamond-search-sprite.CU-white,.shape-filter .shape-filter-icon.diamond-search-sprite.EC,.shape-filter .shape-filter-icon.diamond-search-sprite.EC-white,.shape-filter .shape-filter-icon.diamond-search-sprite.MQ,.shape-filter .shape-filter-icon.diamond-search-sprite.MQ-white,.shape-filter .shape-filter-icon.diamond-search-sprite.OV,.shape-filter .shape-filter-icon.diamond-search-sprite.OV-white {
        margin-top: -1px
    }
}

@media (min-width: 600px) {
    .shape-filter .small-shape-filter-icon.diamond-search-sprite {
        display:none
    }
}

.shape-filter .bn-checkbox {
    display: inline-block
}

.shape-filter .bn-checkbox .new-checkbox:after {
    left: 3px
}

@media (min-width: 600px) {
    .shape-filter .bn-checkbox {
        display:none
    }
}

.slider-wrapper {
    background: #fff
}

.slider-wrapper .slider-values {
    display: table;
    font-size: 14px;
    width: 100%;
    table-layout: fixed;
    padding: 0 18px;
    white-space: nowrap
}

.slider-wrapper .slider-values .slider-value {
    color: #0024d6;
    cursor: pointer;
    display: table-cell;
    letter-spacing: 0;
    vertical-align: bottom;
    text-align: center;
    position: relative
}

@media (min-width: 600px) {
    .slider-wrapper .slider-values .slider-value {
        height:28px
    }
}

.slider-wrapper .slider-values .slider-value.unselected,.toggleable:not(.toggled) .slider-wrapper .slider-values .slider-value {
    color: #d5d7d8
}

.slider-wrapper .slider-values .slider-value[data-option=IF],.slider-wrapper .slider-values .slider-value[data-option=VVS1] {
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
}

.slider-wrapper .slider-inputs {
    display: block;
    height: 28px
}

.slider-wrapper .slider-inputs>input {
    width: 130px;
    max-width: 48%;
    float: right;
    color: #4a4a4a;
    border: 1px solid #d5d7d8;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 7px;
    text-align: right;
    font-family: Arial,Helvetica,sans-serif
}

.slider-wrapper .slider-inputs>input:first-child {
    float: left;
    text-align: left
}

.slider-wrapper .slider {
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 12px;
    width: -webkit-calc(100% - 36px);
    width: calc(100% - 36px);
    height: 16px;
    background: transparent;
    display: block;
    position: relative;
    left: 18px;
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.slider-wrapper .slider.options-slider:after,.toggleable:not(.toggled) .slider-wrapper .slider.options-slider:after {
    background: -webkit-gradient(linear,left top,right top,from(#eee),to(#d5d7d8));
    background: linear-gradient(90deg,#eee,#d5d7d8)
}

.toggleable:not(.toggled) .slider-wrapper .slider.options-slider:after {
    border: 1px solid #d5d7d8
}

.slider-wrapper .slider.options-slider>.range {
    background: transparent;
    overflow: hidden;
    margin-left: -1px
}

.slider-wrapper .slider.options-slider>.range>.range-background {
    background: -webkit-gradient(linear,left top,right top,from(#004aed),color-stop(50%,#0024d6),to(#001478));
    background: linear-gradient(90deg,#004aed,#0024d6 50%,#001478);
    height: 100%
}

.toggleable:not(.toggled) .slider-wrapper .slider.options-slider>.range>.range-background {
    background: -webkit-gradient(linear,left top,right top,from(#eee),to(#d5d7d8));
    background: linear-gradient(90deg,#eee,#d5d7d8)
}

.slider-wrapper .slider:after {
    border: 1px solid #f6f6f6;
    cursor: pointer;
    content: " ";
    width: -webkit-calc(100% + 34px);
    width: calc(100% + 34px);
    height: 16px;
    display: block;
    position: absolute;
    top: -2px;
    left: -18px
}

.toggleable:not(.toggled) .slider-wrapper .slider:after {
    background: -webkit-gradient(linear,left top,right top,from(#eee),to(#d5d7d8));
    background: linear-gradient(90deg,#eee,#d5d7d8);
    border: 1px solid #d5d7d8
}

.slider-wrapper .slider>.range {
    height: 18px;
    background: #0024d6;
    position: relative;
    top: -2px;
    z-index: 1
}

.toggleable:not(.toggled) .slider-wrapper .slider>.range {
    background: -webkit-gradient(linear,left top,right top,from(#eee),to(#d5d7d8));
    background: linear-gradient(90deg,#eee,#d5d7d8);
    border-top: 1px solid #d5d7d8;
    border-bottom: 1px solid #d5d7d8
}

.slider-wrapper .slider>.handle {
    width: 18px;
    height: 40px;
    background: #fff;
    border: 1px solid #d5d7d8;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: -12px;
    z-index: 2
}

.slider-wrapper .slider>.handle.left:not(.min) {
    margin-right: -1px
}

.slider-wrapper .slider .option-mark {
    background-color: #fff;
    height: 16px;
    width: 1px;
    position: absolute;
    top: -1px;
    z-index: 2
}

.filter-container {
    border-bottom: 1px solid #d5d7d8;
    display: block;
    min-height: 40px;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: height .25s;
    transition: height .25s
}

.filter-container.image-type-filter {
    border-top: 1px solid #d5d7d8
}

@media (min-width: 600px) {
    .filter-container.delivery-date-filter,.filter-container.shape-filter,.filter-container.ship-date-filter {
        overflow:visible
    }
}

@media (min-width: 600px) {
    .filter-container.culet-filter,.filter-container.delivery-date-filter,.filter-container.price-per-carat-filter {
        max-height:90px
    }
}

@media (min-width: 600px) {
    .filter-container {
        border-bottom:0;
        height: 130px!important;
        max-height: 130px;
        padding: 0 15px 30px;
        width: 50%;
        float: left
    }

    .filter-container.image-type-filter {
        border: 0;
        max-height: 40px
    }

    .filter-container.short {
        max-height: 100px
    }

    .filter-container.price-filter,.filter-container.shape-filter {
        height: 170px!important;
        max-height: 170px;
        margin-top: 0
    }

    .filter-container.price-filter .slider,.filter-container.shape-filter .slider {
        margin-top: 30px
    }
}

@media (min-width: 850px) {
    .filter-container {
        width:33.33%
    }

    .filter-container.carat-filter {
        height: 170px!important;
        max-height: 170px;
        margin-top: 0
    }

    .filter-container.carat-filter .slider {
        margin-top: 30px
    }
}

.filter-info {
    cursor: pointer;
    display: table;
    height: 40px;
    padding: 0 15px;
    width: 100%
}

@media (min-width: 600px) {
    .filter-info {
        cursor:default;
        height: 16px;
        padding: 0
    }
}

.filter-info>.cell {
    display: table-cell;
    vertical-align: middle
}

.filter-info>.cell.left {
    min-width: 0
}

@media (min-width: 600px) {
    .filter-info>.cell.left {
        width:1px
    }
}

.filter-info>.cell.middle {
    text-align: left;
    padding-left: 10px
}

.filter-info>.cell.right {
    text-align: right;
    max-width: 50px
}

@media (min-width: 600px) {
    .filter-info>.cell.right>i {
        display:none
    }
}

.filter-info>.left.cell {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    overflow: hidden;
    max-width: 200px;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 1px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (min-width: 600px) {
    .filter-info>.left.cell {
        font-family:VerlagBold,Arial,Verdana,sans-serif;
        font-size: 16px
    }
}

.filter-info>.left.cell>.range {
    color: #888
}

@media (min-width: 600px) {
    .filter-info>.left.cell>.range {
        display:none
    }
}

[data-glossary-term] {
    color: #d5d7d8;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400
}

[data-glossary-term].middle.cell {
    display: none
}

[data-glossary-term].small.tooltip {
    margin-bottom: 5px
}

@media (min-width: 600px) {
    [data-glossary-term].small.tooltip {
        display:none
    }

    [data-glossary-term].middle.cell {
        display: table-cell;
        vertical-align: middle
    }
}

[data-glossary-term]>span {
    display: inline-block;
    line-height: 29px
}

.filter-content {
    padding: 0 15px 15px
}

.filter-content.add-column {
    display: none
}

@media (min-width: 600px) {
    .filter-content {
        padding:0
    }

    .filter-content.add-column {
        display: block
    }
}

@media (min-width: 600px) {
    .culet-filter .filter-info .right.cell,.price-per-carat-filter .filter-info .right.cell {
        display:none
    }
}

.icon-component.info-sign {
    width: 16px;
    height: 16px;
    margin-top: 10px
}

.icon-component.info-sign path {
    fill: #0024d6
}

.filter-container.delivery-date-filter .delivery-title .static {
    display: none
}

@media (min-width: 600px) {
    .filter-container.delivery-date-filter .delivery-title .static {
        display:inline
    }

    .filter-container.delivery-date-filter .delivery-title .dynamic {
        display: none
    }
}

@media (min-width: 600px) {
    .filter-container.delivery-date-filter .filter-content {
        overflow:visible
    }
}

.filter-container.delivery-date-filter.expanded .filter-content {
    overflow: visible
}

.dropdown-filter {
    background-color: #fff;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    text-align: left
}

@media (min-width: 600px) {
    .dropdown-filter {
        border:1px solid #d5d7d8;
        height: 32px
    }
}

.dropdown-filter .info {
    height: 32px;
    line-height: 32px;
    display: table;
    width: 100%
}

.dropdown-filter .info>.title {
    display: table-row
}

.dropdown-filter .info>.title>span {
    display: table-cell
}

.dropdown-filter .info>.title>span.icon-angle-down {
    width: 9px
}

.dropdown-filter>.info {
    cursor: pointer;
    display: none
}

@media (min-width: 600px) {
    .dropdown-filter>.info {
        display:table;
        padding: 0 10px
    }
}

.dropdown-filter>.dropdown {
    background-color: #fff;
    -webkit-transition: height .25s;
    transition: height .25s;
    overflow: hidden
}

@media (max-width: 599.9px) {
    .dropdown-filter>.dropdown {
        height:auto!important
    }
}

@media (min-width: 600px) {
    .dropdown-filter>.dropdown {
        border:1px solid #d5d7d8;
        border-top: 0;
        top: -2px;
        left: -1px;
        width: -webkit-calc(100% + 2px);
        width: calc(100% + 2px)
    }
}

.dropdown-filter>.dropdown>.buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 600px) {
    .dropdown-filter>.dropdown>.buttons {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 10px 0
    }
}

.dropdown-filter>.dropdown>.buttons button {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px)
}

@media (min-width: 600px) {
    .dropdown-filter>.dropdown>.buttons button {
        width:-webkit-calc(50% - 20px);
        width: calc(50% - 20px)
    }
}

.dropdown-filter>.dropdown .select-date {
    margin-left: 10px
}

.dropdown-filter>.dropdown .date-options {
    background-color: #fff;
    display: block;
    margin: 5px 0 0 10px;
    overflow: hidden;
    padding: 0;
    -webkit-transition: height .25s;
    transition: height .25s;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px)
}

.dropdown-filter>.dropdown .date-options label {
    border-top: 0;
    cursor: pointer;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    width: 100%
}

.dropdown-filter>.dropdown .date-options label>input {
    cursor: pointer;
    margin-right: 5px
}

.date-message {
    line-height: 32px
}

.column-toggle-filter {
    border: 1px solid #d5d7d8;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    width: 100%;
    text-align: center
}

.column-toggle-filter.active {
    background: #0024d6;
    color: #fff
}

.holiday-notification {
    background-color: #fff;
    position: absolute;
    padding: 16px;
    border: 1px solid #d5d7d8;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
    text-align: left;
    width: 288px;
    right: 16px;
    top: 100%;
    z-index: 10000;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.holiday-notification.loaded {
    opacity: 1
}

.holiday-notification.non-builder {
    padding-right: 40px
}

.holiday-notification.christmas {
    color: #541634
}

.holiday-notification.new-years {
    color: #aa833d
}

.holiday-notification.new-years svg path {
    fill: #aa833d
}

.holiday-notification.valentines {
    color: #e8927c
}

.holiday-notification.valentines svg path {
    fill: #e8927c
}

.holiday-notification:after,.holiday-notification:before {
    top: -30px;
    left: 225px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.holiday-notification:after {
    border-bottom-color: #fff;
    border-width: 15px
}

.holiday-notification:before {
    border-bottom-color: #d5d7d8;
    border-width: 16px;
    margin-top: -2px
}

@media (min-width: 600px) {
    .holiday-notification {
        right:auto;
        margin-top: 50px
    }

    .holiday-notification,.holiday-notification:after,.holiday-notification:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 850px) {
    .holiday-notification {
        left:-webkit-calc(50% + 65px);
        left: calc(50% + 65px);
        top: -webkit-calc(100% + 20px);
        top: calc(100% + 20px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0;
        margin-left: 16px
    }

    .holiday-notification:after,.holiday-notification:before {
        left: -14px;
        top: 50%;
        margin-top: -15px
    }

    .holiday-notification:before {
        border-bottom-color: transparent;
        border-right-color: #d5d7d8;
        margin-top: -16px;
        margin-left: -1px
    }

    .holiday-notification:after {
        border-bottom-color: transparent;
        border-right-color: #fff
    }
}

.holiday-notification .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.holiday-notification .header span {
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
    margin-top: 3px
}

.holiday-notification .header .icon-component {
    display: inline-block;
    margin-right: 8px
}

.holiday-notification .header .icon-component svg {
    width: 16px;
    height: 16px
}

.holiday-notification .cta {
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-size: 16px;
    color: #0024d6;
    text-transform: none;
    letter-spacing: .5px;
    line-height: 24px;
    white-space: nowrap;
    padding-right: 12px;
    text-decoration: none;
    cursor: pointer
}

.filters .holiday-notification button.close,.view-filters-button .holiday-notification button.close {
    display: block;
    width: 48px;
    height: 48px;
    cursor: pointer
}

.filters .holiday-notification button.close:after,.view-filters-button .holiday-notification button.close:after {
    font-size: 16px;
    color: #0024d6
}

.filters .holiday-notification {
    display: none
}

@media (min-width: 600px) {
    .filters .holiday-notification {
        display:block
    }
}

@media (min-width: 600px) {
    .view-filters-button .holiday-notification {
        display:none
    }
}

.holiday-key .icon-component.snowflake,.holiday-notification .icon-component.snowflake,.holiday .icon-component.snowflake {
    height: 16px
}

.filters-backdrop {
    background-color: #4a4a4a;
    display: none;
    opacity: .8;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    overflow-y: auto
}

.filters-outer {
    position: relative;
    z-index: 5
}

.filters-outer.sticky {
    display: none
}

.filters-outer.sticky:not(.diamond-comparison) {
    display: block;
    position: fixed;
    top: 0;
    width: 100%
}

@media (min-width: 600px) {
    .filters-outer.sticky,.filters-outer.sticky:not(.diamond-comparison) {
        display:none
    }
}

.filter-bar {
    background-color: #f6f6f6;
    display: table;
    height: 56px;
    padding: 0 10px;
    width: 100%;
    z-index: 4
}

@media (min-width: 600px) {
    .filter-bar {
        height:62px
    }
}

.filter-bar>div {
    display: table-cell;
    vertical-align: middle
}

.filter-bar>div.view-filters-button {
    text-align: right
}

.filter-bar>div.view-filters-button .big-button {
    height: 40px;
    width: 90px
}

.filter-bar>div.view-filters-button .tooltip-container.close-button .tooltip-component {
    position: relative;
    padding: 8px 36px 8px 16px;
    white-space: nowrap;
    width: -webkit-calc(100vw - 32px);
    width: calc(100vw - 32px);
    text-align: left;
    margin-top: 21px;
    margin-right: 10px;
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.filter-bar>div.view-filters-button .tooltip-container.close-button .tooltip-component .close-button {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

.filter-bar>div.view-filters-button .tooltip-container.close-button .tooltip-component .tooltip-component-arrow {
    border-width: 15px;
    margin-top: -6px;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.filter-bar>div.view-filters-button .tooltip-container.close-button .tooltip-component .tooltip-component-arrow:after {
    border-width: 15px;
    top: -14px;
    left: -15px
}

.filter-bar>div>h4,.filter-bar>div h1 {
    color: #4a4a4a;
    font-size: 16px;
    letter-spacing: .5px;
    font-family: VerlagBold,Arial,Verdana,sans-serif
}

@media (min-width: 600px) {
    .filter-bar>div>h4,.filter-bar>div h1 {
        font-size:24px
    }
}

.filter-bar>div>button {
    background: #100e31;
    font-size: 16px;
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 40px;
    width: 96px
}

@media (min-width: 600px) {
    .filter-bar>div>button {
        display:none
    }
}

.filters {
    position: absolute;
    top: -20px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #4a4a4a;
    margin-top: 0;
    min-width: 300px;
    display: none;
    left: 50%;
    z-index: 100;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: .44px;
    -webkit-transition: margin-top .5s;
    transition: margin-top .5s
}

.filters .bn-button {
    background-image: #100e31
}

@media (min-width: 600px) {
    .filters {
        border:0;
        border-bottom: 1px solid #d5d7d8;
        display: block;
        width: 100%;
        position: relative;
        top: auto!important;
        z-index: auto;
        padding-top: 24px
    }

    .filters.multi-diamond {
        padding-top: 0
    }
}

@media (min-width: 600px) {
    .filters button.close {
        display:none
    }
}

.filter-stats {
    padding: 10px 15px;
    position: relative
}

@media (min-width: 600px) {
    .filter-stats {
        display:none
    }
}

.filter-stats .number-applied {
    color: #4a4a4a;
    font-size: 14px;
    letter-spacing: .44px
}

.filter-stats .diamond-count {
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    color: #4a4a4a;
    margin-top: 10px;
    font-size: 16px
}

.reset-button {
    color: #0024d6;
    cursor: pointer;
    font-size: 16px;
    height: 18px;
    letter-spacing: .43px;
    position: absolute;
    bottom: 13px;
    right: 15px;
    outline: none;
    overflow: visible;
    height: inherit
}

.reset-button.medium {
    display: none
}

@media (min-width: 600px) {
    .reset-button {
        bottom:auto;
        line-height: 24px;
        top: 24px;
        z-index: 5
    }

    .reset-button.medium {
        display: block
    }
}

.reset-button .icon-undo {
    margin-right: 8px;
    display: inline-block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.reset-button .icon-undo:before {
    font-size: 16px;
    line-height: 24px
}

body.filters-shown #builder-process-tabs,body.filters-shown #header {
    position: static
}

@media (min-width: 600px) {
    body.filters-shown #builder-process-tabs,body.filters-shown #header {
        position:relative
    }
}

body.filters-shown #react-app {
    position: relative;
    -webkit-transform: translateZ(0)
}

body.filters-shown #react-app .grid-container {
    min-height: 2450px
}

@media (min-width: 600px) {
    body.filters-shown #react-app .grid-container {
        min-height:0
    }
}

body.filters-shown #react-app .grid-container .sticky-header {
    visibility: hidden
}

@media (min-width: 600px) {
    body.filters-shown #react-app .grid-container .sticky-header {
        visibility:visible
    }
}

body.filters-shown footer {
    position: static
}

body.filters-shown .filters-backdrop {
    display: block;
    z-index: 50
}

@media (min-width: 600px) {
    body.filters-shown .filters-backdrop {
        display:none
    }
}

body.filters-shown .filters {
    display: block
}

.filters-overflow {
    height: auto;
    max-height: 0;
    display: block;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

@media (min-width: 600px) {
    .filters-overflow {
        float:left
    }

    .filters-overflow>.filter-container {
        opacity: 1;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }

    .filters-overflow:not(.expanded)>.filter-container {
        opacity: 0
    }
}

.filters-overflow.expanded {
    max-height: 1150px;
    overflow: visible
}

@media (min-width: 600px) {
    .filters-overflow.expanded {
        max-height:585px
    }
}

@media (min-width: 850px) {
    .filters-overflow.expanded {
        max-height:357px
    }
}

.filters-overflow-button {
    cursor: pointer;
    color: #0024d6;
    position: relative;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    display: block;
    height: 40px
}

.filters-overflow-button.fewer .icon-component.chevron {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filters-overflow-button .icon-component.chevron {
    -webkit-transition: all .25s;
    transition: all .25s;
    margin: 0 0 2px 5px
}

.filters-overflow-button .icon-component.chevron svg {
    width: 10px;
    height: 8px
}

.filters-overflow-button .icon-component.chevron path {
    fill: #fff
}

@media (min-width: 600px) {
    .filters-overflow-button {
        height:40px;
        width: 117px;
        color: #fff;
        background: #100e31;
        border: 1px solid #100e31;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
        line-height: 40px;
        vertical-align: middle;
        left: -webkit-calc(50% - 50px);
        left: calc(50% - 50px);
        bottom: -40px;
        position: absolute;
        padding-left: 10px;
        padding-right: 11px
    }

    .filters-overflow.expanded+.filters-overflow-button {
        background: #100e31;
        z-index: 2
    }

    .filters-overflow-button .extra {
        display: none
    }
}

.filters-overflow-button+button.cta {
    margin: 5px 0 15px 30px;
    width: -webkit-calc(100% - 60px)!important;
    width: calc(100% - 60px)!important
}

@media (min-width: 600px) {
    .filters-overflow-button+button.cta {
        display:none
    }
}

.icon-angle-down {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    font-size: 18px
}

.icon-angle-down.expanded {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-angle-up {
    font-size: 18px
}

.filter-container {
    z-index: 3
}

body.filters-shown #bc-chat-container,body.filters-shown .bcFloat {
    display: none!important
}

@media (min-width: 600px) {
    body.filters-shown #bc-chat-container,body.filters-shown .bcFloat {
        display:block!important
    }
}

@-webkit-keyframes hide-filters {
    0% {
        overflow: hidden;
        height: 460px
    }

    to {
        overflow: hidden;
        height: 62px;
        padding: 0
    }
}

@keyframes hide-filters {
    0% {
        overflow: hidden;
        height: 460px
    }

    to {
        overflow: hidden;
        height: 62px;
        padding: 0
    }
}

@-webkit-keyframes show-filters {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 460px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@keyframes show-filters {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 460px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@-webkit-keyframes hide-filters-expanded {
    0% {
        overflow: hidden;
        height: 1030px
    }

    to {
        overflow: hidden;
        height: 62px;
        padding: 0
    }
}

@keyframes hide-filters-expanded {
    0% {
        overflow: hidden;
        height: 1030px
    }

    to {
        overflow: hidden;
        height: 62px;
        padding: 0
    }
}

@-webkit-keyframes show-filters-expanded {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 1030px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@keyframes show-filters-expanded {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 1030px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@-webkit-keyframes hide-filters-large {
    0% {
        overflow: hidden;
        height: 330px
    }

    to {
        overflow: hidden;
        height: 62px;
        padding: 0
    }
}

@keyframes hide-filters-large {
    0% {
        overflow: hidden;
        height: 330px
    }

    to {
        overflow: hidden;
        height: 62px;
        padding: 0
    }
}

@-webkit-keyframes show-filters-large {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 330px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@keyframes show-filters-large {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 330px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@-webkit-keyframes hide-filters-large-expanded {
    0% {
        overflow: hidden;
        height: 680px
    }

    to {
        overflow: hidden;
        height: 40px;
        padding: 0
    }
}

@keyframes hide-filters-large-expanded {
    0% {
        overflow: hidden;
        height: 680px
    }

    to {
        overflow: hidden;
        height: 40px;
        padding: 0
    }
}

@-webkit-keyframes show-filters-large-expanded {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 680px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@keyframes show-filters-large-expanded {
    0% {
        overflow: hidden;
        height: 62px
    }

    99% {
        overflow: hidden;
        height: 680px
    }

    to {
        overflow: visible;
        height: auto
    }
}

@-webkit-keyframes null-animation {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes null-animation {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.filters-outer.switching-to-comparison {
    -webkit-animation: null-animation .1s 1;
    animation: null-animation .1s 1
}

@media (min-width: 600px) {
    .filters-outer.switching-to-comparison {
        -webkit-animation:show-filters .5s 1;
        animation: show-filters .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media (min-width: 600px) and (min-width:850px) {
    .filters-outer.switching-to-comparison {
        -webkit-animation:show-filters-large .5s 1;
        animation: show-filters-large .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media (min-width: 600px) {
    .filters-outer.switching-to-comparison.expanded {
        -webkit-animation:show-filters-expanded .5s 1;
        animation: show-filters-expanded .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media (min-width: 600px) and (min-width:850px) {
    .filters-outer.switching-to-comparison.expanded {
        -webkit-animation:show-filters-large-expanded .5s 1;
        animation: show-filters-large-expanded .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

.diamond-comparison.filters-outer:not(.switching-to-comparison) {
    height: 62px;
    overflow: hidden;
    padding: 0
}

.diamond-comparison.filters-outer:not(.switching-to-comparison) .bn-button {
    display: none
}

@media (min-width: 600px) {
    .diamond-comparison.filters-outer.switching-to-comparison {
        -webkit-animation:hide-filters .5s 1;
        animation: hide-filters .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media (min-width: 600px) and (min-width:850px) {
    .diamond-comparison.filters-outer.switching-to-comparison {
        -webkit-animation:hide-filters-large .5s 1;
        animation: hide-filters-large .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media (min-width: 600px) {
    .diamond-comparison.filters-outer.switching-to-comparison.expanded {
        -webkit-animation:hide-filters-expanded .5s 1;
        animation: hide-filters-expanded .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media (min-width: 600px) and (min-width:850px) {
    .diamond-comparison.filters-outer.switching-to-comparison.expanded {
        -webkit-animation:hide-filters-large-expanded .5s 1;
        animation: hide-filters-large-expanded .5s 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

.filter .logo+.text {
    padding-left: 5px;
    font-size: 16px
}

.inline-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.inline-filter>div:first-child {
    width: 30px
}

.bn-checkbox .checkbox-container input[type=checkbox]:checked+.new-checkbox:after {
    opacity: 1!important
}

.dropdown-selector {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #4a4a4a;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    overflow: visible;
    position: relative
}

.dropdown-selector.open,.dropdown-selector.open>div {
    -webkit-box-shadow: 1px 2px 3px hsla(0,0%,53%,.35);
    box-shadow: 1px 2px 3px hsla(0,0%,53%,.35)
}

.dropdown-selector .current-selection {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px
}

.dropdown-selector .current-selection:after {
    content: " ";
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #333;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2.5px;
    -webkit-transition: all .25s;
    transition: all .25s
}

.dropdown-selector .current-selection.open:after {
    margin-top: -5px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-selector .current-selection>span {
    padding: 0 30px 0 10px
}

.dropdown-selector .current-selection+div {
    background-color: #fff;
    margin-left: -1px;
    margin-top: -2px;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px)
}

.dropdown-selector .current-selection+div .list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.dropdown-selector .current-selection+div .list li {
    border: 1px solid #cdcdcd;
    border-top: 0
}

.dropdown-selector .current-selection+div .list li:first-child {
    border-top: 1px solid #cdcdcd
}

.dropdown-selector .current-selection+div .list li:hover {
    background-color: #efefef
}

.dropdown-selector .current-selection+div .list li>span {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    padding: 0 30px 0 10px;
    white-space: nowrap
}

.dropdown-selector .current-selection+div .list li>span.selected {
    font-weight: 700
}

.dropdown-selector .current-selection+div .list li>span.spacer {
    display: block;
    height: 0;
    overflow: hidden
}

.catalog-view-switcher {
    background-color: #fff;
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    position: relative;
    z-index: 4;
    width: 100%;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

.catalog-view-switcher,.catalog-view-switcher .catalog-view-switcher-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog-view-switcher .catalog-view-switcher-button {
    height: 22px;
    padding: 0 7px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog-view-switcher .catalog-view-switcher-button span {
    display: inline-block
}

.catalog-view-switcher .catalog-view-switcher-button span:first-child {
    margin-right: 7px
}

.catalog-view-switcher .catalog-view-switcher-button span:last-child {
    margin-left: 7px
}

.catalog-view-switcher .catalog-view-switcher-button.list-view {
    margin-right: 2px
}

.catalog-view-switcher .catalog-view-switcher-button.catalog-view {
    margin-left: 2px
}

.catalog-view-switcher .catalog-view-switcher-button .icon-component {
    border: 0;
    width: 16px
}

.catalog-view-switcher .catalog-view-switcher-button .icon-component path {
    fill: #100e31
}

.catalog-view-switcher .catalog-view-switcher-button.selected {
    background-color: #100e31;
    color: #fff
}

.catalog-view-switcher .catalog-view-switcher-button.selected svg>path {
    fill: #fff
}

.catalog-view-switcher .dropdown-selector {
    margin-left: auto;
    letter-spacing: 0;
    font-size: 11px;
    max-width: 170px
}

.catalog-view-switcher .dropdown-selector>.current-selection span {
    padding-right: 0
}

@media (min-width: 600px) {
    .catalog-view-switcher .dropdown-selector {
        letter-spacing:0;
        font-size: 12px;
        max-width: none
    }
}

@media (min-width: 850px) {
    .catalog-view-switcher .dropdown-selector {
        font-size:14px;
        letter-spacing: .5px
    }
}

.holiday-key {
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    margin-left: 16px;
    margin-bottom: 16px;
    font-size: 16px;
    color: #541634;
    letter-spacing: .5px;
    line-height: 24px
}

.holiday-key .icon-component {
    margin-right: 8px
}

.holiday-key.new-years {
    color: #aa833d
}

.catalog-view.holiday.new-years .icon-component svg path,.holiday-key.new-years svg path {
    fill: #aa833d
}

.navigation-tabs {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (min-width: 600px) {
    .navigation-tabs {
        padding-top:45px
    }

    .switcher-enabled .navigation-tabs {
        padding-top: 0
    }
}

.catalog-mode .navigation-tabs {
    margin-bottom: 15px
}

.switcher-enabled.catalog-mode .navigation-tabs {
    border-bottom: 1px solid #100e31
}

.navigation-tabs .tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f6f6;
    border: 1px solid #d5d7d8;
    border-bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #0024d6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-left: 5px;
    outline: none;
    text-align: center;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 19px;
    padding: 10px 10px 5px;
    letter-spacing: .44px;
    font-variant-numeric: lining-nums
}

.navigation-tabs .tab:last-child {
    margin-right: 5px
}

@media (min-width: 600px) {
    .navigation-tabs .tab {
        margin-left:10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 16px;
        padding: 10px 20px
    }

    .navigation-tabs .tab:first-child {
        margin-left: 20px
    }

    .navigation-tabs .tab span+span {
        padding-left: 5px
    }
}

.navigation-tabs .tab.selected {
    background-color: #100e31;
    border-color: #100e31;
    color: #fff
}

.navigation-tabs .tab .medium {
    display: none
}

@media (min-width: 600px) {
    .navigation-tabs .tab .medium {
        display:inline
    }
}

.navigation-tabs.sticky {
    position: fixed;
    width: 100%;
    top: 53px
}

.navigation-tabs.sticky.filter-tooltip-cta {
    top: 53px
}

@media (min-width: 600px) {
    .navigation-tabs.sticky {
        display:none
    }
}

.diamond-comparison .navigation-tabs.sticky,.navigation-tabs.sticky+.recommendation-text {
    display: none
}

.recommendation-text {
    z-index: 3;
    background: #fff;
    border-top: 1px solid #000;
    padding: 10px 25px 10px 10px;
    position: relative
}

@media (min-width: 600px) {
    .recommendation-text {
        padding:15px 20px
    }
}

.catalog-mode .recommendation-text {
    border-top: 0;
    padding-top: 0
}

.recommendation-text.hidden {
    display: none
}

body,html {
    color: #4a4a4a;
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.5rem
}

@font-face {
    font-family: VerlagBook;
    src: url("/bnsecure/static/font/verlag-book.eot?v=1");
    src: url("/bnsecure/static/font/verlag-book.eot?v=1#iefix") format("embedded-opentype"),url("/bnsecure/static/font/verlag-book.woff2?v=1") format("woff2"),url("/bnsecure/static/font/verlag-book.woff?v=1") format("woff"),url("/bnsecure/static/font/verlag-book.ttf?v=1") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: VerlagBookItalic;
    src: url("/bnsecure/static/font/verlag-book-italic.eot?v=1");
    src: url("/bnsecure/static/font/verlag-book-italic.eot?v=1#iefix") format("embedded-opentype"),url("/bnsecure/static/font/verlag-book-italic.woff2?v=1") format("woff2"),url("/bnsecure/static/font/verlag-book-italic.woff?v=1") format("woff"),url("/bnsecure/static/font/verlag-book-italic.ttf?v=1") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: VerlagBold;
    src: url("/bnsecure/static/font/verlag-bold.eot?v=1");
    src: url("/bnsecure/static/font/verlag-bold.eot?v=1#iefix") format("embedded-opentype"),url("/bnsecure/static/font/verlag-bold.woff2?v=1") format("woff2"),url("/bnsecure/static/font/verlag-bold.woff?v=1") format("woff"),url("/bnsecure/static/font/verlag-bold.ttf?v=1") format("truetype");
    font-weight: 400;
    font-style: normal
}

.t1,.t2,.t3,h1,h2,h3 {
    font-variant-numeric: lining-nums;
    letter-spacing: 1px
}

.t1,.t2,.t3,.t4,h1,h2,h3,h4 {
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-weight: 400
}

.t4,h4 {
    line-height: 2rem;
    font-size: 1.5rem;
    font-variant-numeric: lining-nums;
    letter-spacing: .5px
}

.t5,.t6,h5,h6 {
    color: #100e31;
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    font-variant-numeric: lining-nums;
    letter-spacing: .5px
}

.t1,h1 {
    font-size: 2.2rem;
    line-height: 1.25;
}

.t2,h2 {
    font-size: 2.5rem;
    line-height: 3rem
}

.t3,h3 {
    font-size: 2rem;
    line-height: 2.5rem
}

.t5,h5 {
    font-size: 1rem
}

.t5,.t6,h5,h6 {
    line-height: 1.5rem
}

.t6,h6 {
    font-size: .875rem
}

.intro {
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.cta {
    font-family: VerlagBold,Arial,Verdana,sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase
}

a.cta {
    font-size: .875rem;
    padding-right: 20px;
    position: relative;
    color: #100e31;
    text-decoration: none
}

a.cta:active,a.cta:hover {
    color: #0024d6
}

a.cta:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOSIgaGVpZ2h0PSIxOCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDIuNjRMMS4wOSAxIDkgNi44NCAxNi45MSAxIDE4IDIuNjQgOS4wMSA5LjI4IDkgOS4yNmwtLjAxLjAyeiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNhIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjMDAyNEQ2IiB0cmFuc2Zvcm09Im1hdHJpeCgwIC0xIDEuMDg3MDggMCAtMS4wOSAxOCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat 50%;
    background-size: 100%;
    content: " ";
    height: 10px;
    width: 6px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

a.cta.dark,a.cta.dark:active,a.cta.dark:hover {
    color: #fff
}

a.cta.dark:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOSIgaGVpZ2h0PSIxOCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDIuNjRMMS4wOSAxIDkgNi44NCAxNi45MSAxIDE4IDIuNjQgOS4wMSA5LjI4IDkgOS4yNmwtLjAxLjAyeiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNhIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09Im1hdHJpeCgwIC0xIDEuMDg3MDggMCAtMS4wOSAxOCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat 50%;
    background-size: 100%
}

button.cta {
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    height: 48px;
    width: 256px;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

button.cta.primary {
    color: #fff;
    background-color: #100e31
}

button.cta.primary:active,button.cta.primary:hover {
    background-color: #0024d6
}

button.cta.primary.disabled {
    color: #888;
    background-color: #f6f6f6;
    border: 1px solid #d5d7d8
}

button.cta.primary.disabled:active,button.cta.primary.disabled:hover {
    background-color: #f6f6f6
}

button.cta.secondary {
    background-color: #fff;
    border: 1px solid #100e31;
    color: #100e31
}

button.cta.secondary:active,button.cta.secondary:hover {
    background-color: #100e31;
    color: #fff
}

button.cta.dark.primary {
    color: #100e31;
    background-color: #fff
}

button.cta.dark.primary:active,button.cta.dark.primary:hover {
    background-color: #fff
}

button.cta.dark.secondary {
    background-color: #100e31;
    border: 1px solid #fff;
    color: #fff
}

button.cta.dark.secondary:active,button.cta.dark.secondary:hover {
    background-color: #fff;
    color: #100e31
}

.copy {
    letter-spacing: .03125rem
}

.copy.intro {
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.copy.body {
    font-size: 1rem;
    line-height: 1.5rem
}

.numeric {
    font-variant-numeric: lining-nums
}

.qtip .qtip-content h1 {
    line-height: 32px
}

.qtip .qtip-content a[role=button].ui-button.ui-state-active {
    background-image: none;
    background-color: #0024d6
}

.filter-container .filter-content .checkbox-container .new-checkbox:after {
    top: 9px;
    left: 9px;
    border-color: #0024d6!important
}

.filter-container .filter-content .astor-filter.filter .checkbox-container .new-checkbox:hover,.filter-container .filter-content .three-sixty.filter .checkbox-container .new-checkbox:hover {
    border-color: #0024d6
}

.filter-container .filter-content .astor-filter.filter .checkbox-container .new-checkbox:after,.filter-container .filter-content .three-sixty.filter .checkbox-container .new-checkbox:after {
    color: #0024d6!important;
    left: 12px;
    top: 12px
}

[data-react-import-path="react/diamond-search/diamond-search"] .diamond-search {
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-variant-numeric: lining-nums
}

@-webkit-keyframes spinner-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinner-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

body:before {
    position: absolute;
    display: block;
    content: "";
    height: 100.1px;
    width: 100%;
    top: -100px;
    color: #000;
    background: #fff;
    z-index: 4
}

#header #action-bar {
    display: none
}

@media (min-width: 600px) {
    #header #action-bar {
        display:block
    }
}

#header #logo-bar .input-wrapper-placeholder {
    display: none
}
.bookme-booking-service-step .bookme-row .bookme-service-step-left > .bookme-form-group:first-child,
.bookme-booking-service-step .bookme-row .bookme-service-step-left > .bookme-form-group:nth-child(3){
    display:none!important;
}


@media (min-width: 600px) {
    #header #logo-bar .input-wrapper-placeholder {
        display:block
    }
}

.bn-checkbox .checkbox-container .new-checkbox {
    height: 24px;
    width: 24px;
    border-color: #d5d7d8
}

.bn-checkbox .checkbox-container .new-checkbox:after {
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -6px
}

html.touch .bn-checkbox .checkbox-container .new-checkbox:hover {
    border-color: #d5d7d8
}

html.touch .bn-checkbox .checkbox-container .new-checkbox:hover:after {
    opacity: 0
}

.no-touch body.desktop>#content-wrapper.extra-wide-layout,body.desktop>#content-wrapper.extra-wide-layout {
    overflow: visible;
    position: relative;
    z-index: 1
}

body .qtip.glossary-dialog {
    max-width: 100%;
    width: 100%
}

@media (min-width: 600px) {
    body .qtip.glossary-dialog {
        max-width:300px;
        width: 300px
    }
}

.loading-spinner {
    -webkit-animation: spinner-rotation .75s infinite linear;
    animation: spinner-rotation .75s infinite linear;
    position: absolute;
    top: -webkit-calc(50% - 32px);
    top: calc(50% - 32px);
    left: -webkit-calc(50% - 32px);
    left: calc(50% - 32px)
}

.filters-outer .loading-spinner {
    display: none
}

@media (min-width: 600px) {
    .filters-outer .loading-spinner {
        display:block
    }
}

.temporary-grid {
    height: -webkit-calc(100vh - 131px);
    height: calc(100vh - 131px)
}

@media (min-width: 600px) {
    .temporary-grid {
        height:-webkit-calc(100vh - 543px);
        height: calc(100vh - 543px)
    }
}

#content-wrapper.repositioned .sticky,#content-wrapper.repositioned .sticky-header {
    display: none
}

.tooltip-container {
    font-family: VerlagBook,Arial,Verdana,sans-serif;
    font-size: 16px;
    color: #4a4a4a;
    line-height: 20px;
    opacity: 1;
    z-index: 1
}

.tooltip-container .too-many-comparisons {
    max-width: 300px;
    padding: 8px 16px
}

.tooltip-container .compare {
    color: #0024d6
}

.tooltip-container.tooltip-leave {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.tooltip-container.tooltip-leave.tooltip-leave-active {
    opacity: 0
}

.tooltip-container.tooltip-enter {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.tooltip-container.tooltip-enter.tooltip-enter-active {
    opacity: 1
}

/*
@media only screen and ( max-width:768px )
{
    .ui.grid.mobile.only.container {
        display: none !important;
    }
    .product_detail_area {
        width: 100% !important;
    }
}
*/

.dgwt-wcas-search-input{
    background-color: white !important;
}
.woocs_auto_switcher.right{
    display: none;
}
 /*resposive css*/

 @media only screen and (max-width: 1024px){

.header-made .woocommerce-currency-switcher-form .wSelect.wSelect-theme-classic{
	    font-size: 12px!important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a{
	font-size: 12px!important;
}
/*.woocommerce-currency-switcher-form .wSelect-arrow{
	    width: 30px;
	        height: 100%;
	        top: 2px;
}*/
.woocommerce-currency-switcher-form .wSelect-theme-classic.wSelect{
	        min-width: 85px!important;
    max-width: 300px!important;
}
.woocommerce-currency-switcher-form .wSelect-selected{
	margin: 0px 35px 0px -9px!important;
}
.menu-topper .cart-contents{
	width: 12px!important;
}
.menu-topper-right.menu-topper ul li{
	    margin-right: 12px!important;
}
.et_pb_text_0_tb_header{
	font-size: 12px!important;
}
.et_pb_menu_1_tb_header.et_pb_menu ul li a{
	font-size: 11px!important;
}

 }
 @media only screen and (max-width: 980px){
 	.footer-menu-made .et_pb_menu__menu{
        display: block;
 	 }
    .footer-menu-made .et_mobile_nav_menu{
    	display: none;
 	 }
 	 .footer-menu-made{
 	 	float: left;
 	 }
 	 .et_pb_column_3_tb_footer{
 	 	padding-left: 0px!important;
 	 }
  .menu-topper.menu-topper-right .et_pb_menu__menu{
    display: block!important;
  }
  .menu-topper.menu-topper-right .et_mobile_nav_menu{
  	display: none!important;
  }
  .menu-topper.menu-topper-right{
  	float: left;
  }
  .header-made{
  	padding:0px;
  }

 .et_pb_image_1 span.et_pb_image_wrap {
 	margin-top: 30px;
 }

    }

    @media only screen and (max-width: 768px){

ul.top-info-left li span{
	line-height: 20px;
}
.et_pb_image_wrap  a{
	    margin-top: 30px!important;
}

 }
 
 @media only screen and (max-width: 480px){
  
 .header-made{
  	padding:0px!important;
  } 

}

.footer-icons .et_pb_social_icon.et_pb_social_network_link a.icon {
    background-color: transparent!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    line-height: 1.5 !important;
}

.woocommerce-currency-switcher-form .wSelect-theme-classic .wSelect-option-selected, 
.woocommerce-currency-switcher-form .wSelect-theme-classic .wSelect-option:hover{
    background-color: #ffd4c2 !important;
}
.top-info-left li{
    display: inline-block;
        padding-right: 10px;
        font-size: .875rem;
}
.header-made .woocommerce-currency-switcher-form .wSelect.wSelect-theme-classic{
	font-size: .875rem !important;
	top: 0px !important;
}

.et_pb_row.et_pb_row_1.et_clickable.et-last-child{
 min-height: 180px;
}

.et_pb_promo_description h2{
font-size: 1.5rem;
}

}


.et_pb_blog_0 article.et_pb_post {
    height: 100%;
    min-height: 658px;
}

.press-release-sec p:empty, .press-release-sec h4:empty{
    display: none;
}

.search #left-area, .search .alm-reveal{
    display: flex;
    flex-wrap: wrap;
}
.search #left-area > article, .search .alm-reveal > .alm-item{
    width: 25%;
    list-style-type: none;
    margin-bottom: 20px;
 }
 .search #left-area > article:not(:nth-child(4n+0)), .search .alm-reveal > .alm-item:not(:nth-child(4n+0)){
padding-right: 20px;
 }
 .search #left-area > article .entry-title, .search .alm-reveal > .alm-item h3{
    font-size: 16px;
    line-height: 1.5;
 }
  .search #left-area > article .post-meta ~ *, .search .alm-reveal > .alm-item .entry-meta ~ *{
    display: none;
  }
  .alm-btn-wrap{
    text-align: center;
    margin-bottom: 50px;
  }
  .alm-btn-wrap .load-more{
     background-color: #ffd4c2;
     color: white;
     font-size: 20px;
     padding: 15px;
     border: 0;
     cursor: pointer;
  }
  .woocommerce .woocommerce-breadcrumb{
  	font-size: .625rem !important;
  	color: black !important;
  }
  .woocommerce .woocommerce-result-count {
        font-size: .75rem !important;
        color: black !important;
}
.woocommerce-products-header__title.page-title,
.woocommerce .woocommerce-breadcrumb a {
   color: black !important;
}
.bookme-tooltip{
	display: none !important;
}
.product .et_shop_image{
	text-align: center;
	
}