.standalone .tool>.row {
    margin-bottom: 0!important;
    margin-top: 0!important;
    max-width: none
}

.standalone .tool .sidebar>section .close {
    right: 1.25rem;
    top: 1.25rem
}

.standalone footer {
    display: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding: 1.25rem
}

.tool.cut-anatomy .hero {
    margin-bottom: 20%;
    position: relative
}

.tool.cut-anatomy .hero::before {
    background: url(../img/diamond-shadow.png) left bottom no-repeat;
    background-size: 100% auto;
    bottom: -32%;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.tool.cut-anatomy .hero img {
    position: relative;
    width: 100%;
    z-index: 1
}

.tool.cut-anatomy .hero .indicator {
    left: 0
}

.tool.cut-anatomy .hero .indicator[data-id=anatomy-crown] {
    left: 87%;
    top: 9%
}

.tool.cut-anatomy .hero .indicator[data-id=anatomy-culet] {
    left: 50%;
    top: 100%
}

.tool.cut-anatomy .hero .indicator[data-id=anatomy-girdle] {
    left: 100%;
    top: 26%
}

.tool.cut-anatomy .hero .indicator[data-id=anatomy-pavilion] {
    left: 26%;
    top: 65%
}

.tool.cut-anatomy .hero .indicator[data-id=anatomy-table] {
    left: 50%;
    top: 1%
}

.tool.cut-anatomy .sidebar {
    position: relative
}

.tool.cut-anatomy .tooltip-nav {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: none;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    position: relative;
    width: 100%
}

.tool.cut-anatomy .tooltip-nav .text {
    display: block;
    letter-spacing: .02em;
    line-height: 1em;
    text-transform: uppercase
}

.tool.cut-anatomy .tooltip-nav .icon {
    cursor: pointer
}

.tool.cut-anatomy.sidebar-active .tooltip-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media print,
screen and (min-width:40em) {
    .tool.cut-anatomy .hero {
        margin-bottom: 0
    }
    .tool.cut-anatomy .hero .indicator {
        height: 3.5vw;
        max-height: 3.125rem;
        max-width: 3.125rem;
        width: 3.5vw
    }
    .tool.cut-anatomy article section {
        display: none
    }
    .tool.cut-anatomy .tooltip-nav {
        padding: 0 1.875rem 1.875rem 5rem;
        position: absolute
    }
    .tool.cut-anatomy .sidebar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .tool.cut-anatomy .sidebar section {
        position: relative;
        width: 100%
    }
    .tool.cut-anatomy .sidebar section:not(.default) {
        padding-bottom: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    .tool.cut-anatomy article {
        padding-right: 5rem
    }
    .tool.cut-anatomy .sidebar {
        padding-left: 5rem
    }
}

.tool.carat-measuring {
    margin: -1.875rem 0 1.875rem;
    position: relative
}

.tool.carat-measuring article {
    padding-bottom: 1.875rem;
    padding-top: 1.875rem
}

.tool.carat-measuring article .diamond-wrapper {
    height: 70px;
    margin: 0 auto .625rem;
    position: relative;
    width: 70px
}

.tool.carat-measuring article .diamond-wrapper .diamond {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 43.3333%
}

.tool.carat-measuring article h1 {
    color: #bebebe;
    font-size: 2.8125rem
}

.tool.carat-measuring article h1 em {
    font-family: nunito sans;
    font-size: 1.5625rem;
    font-style: normal;
    text-transform: lowercase
}

.tool.carat-measuring article .slider-wrapper {
    position: relative
}

.tool.carat-measuring article .slider-wrapper::after,
.tool.carat-measuring article .slider-wrapper::before {
    color: #bebebe;
    content: '–';
    display: block;
    font-size: 13px;
    font-size: 1.5rem;
    left: 0;
    position: absolute;
    top: -30px;
    top: -2.5rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.tool.carat-measuring article .slider-wrapper::after {
    content: '+';
    left: 100%
}

.tool.carat-measuring article .slider {
    background-color: #bebebe;
    height: .25rem;
    margin-top: 2.5rem;
    position: relative;
    width: 100%;
    z-index: 2
}

.tool.carat-measuring article .slider::after,
.tool.carat-measuring article .slider::before {
    background-color: #bebebe;
    content: '';
    display: block;
    height: 200%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1px;
    width: .0625rem;
    z-index: 1
}

.tool.carat-measuring article .slider::after {
    left: 100%
}

.tool.carat-measuring article .slider .ui-slider-handle {
   box-shadow: 2px 2px 3px rgba(0, 0, 0, .13);
    cursor: pointer;
    display: block;
    height: 1.75rem;
    outline: 0;
    position: relative;
    top: .125rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 1.75rem;
    z-index: 2;
}

.tool.carat-measuring article .slider .ui-slider-range {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

@media print,
screen and (min-width:40em) {
    .tool.carat-measuring {
      /*  margin: 0 0 2.25rem*/
    }
    
    .tool.carat-measuring article {
        padding: 0 2rem
    }
    .tool.carat-measuring article h1 {
        font-size: 3.75rem;margin:0px;text-align: center;
    }
    .tool.carat-measuring article h1 em {
        font-size: 2.625rem
    }
    .tool.carat-measuring article .slider {
        margin-bottom: 3rem
    }
}

.tool.clarity-grading header .icon-plus {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.tool.clarity-grading header .icon-plus.active {
    -webkit-transform: translate(-50%, 0) rotate(135deg);
    -ms-transform: translate(-50%, 0) rotate(135deg);
    transform: translate(-50%, 0) rotate(135deg)
}

.tool.clarity-grading header .bx-controls-direction {
    max-width: 18.75rem
}

.tool.clarity-grading .slider-bar {
    min-width: 51.5625rem
}

.tool.clarity-grading .slider-track .slider-track-item {
    -webkit-flex: 1 0 1.3333333333%;
    -ms-flex: 1 0 1.3333333333%;
    flex: 1 0 1.3333333333%
}

.tool.clarity-grading .key-toggle {
    margin-bottom: 1.875rem;
    text-align: right
}

.tool.clarity-grading .key-toggle .on {
    display: none
}

.tool.clarity-grading .key-toggle .active .on {
    display: block
}

.tool.clarity-grading .key-toggle .active .off {
    display: none
}

.tool.clarity-grading .key ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.3125rem -.625rem
}

@media print,
screen and (min-width:40em) {
    .tool.clarity-grading .key ul {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print,
screen and (min-width:64em) {
    .tool.clarity-grading .key ul {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

.tool.clarity-grading .key ul>li {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.tool.clarity-grading .key ul li {
    background-position: left .125rem;
    background-repeat: no-repeat;
    background-size: 1.875rem auto;
    line-height: 1.5625rem;
    padding: .3125rem .625rem .3125rem 2.65rem
}

.tool.clarity-grading .key ul li img {
    float: left;
    height: 1.5625rem;
    margin-right: .625rem;
    width: 1.5625rem
}

.slider-bar-wrapper::after,
.slider-bar-wrapper::before,
.tool.color-grading #carousel::after,
.tool.color-grading #carousel::before {
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    top: 0;
    z-index: 100;
    pointer-events: none;
    display: block;
    content: ''
}

.tool.clarity-grading .tooltips {
    text-align: center
}

@media print,
screen and (min-width:40em) {
    .tool.clarity-grading .slider-track .slider-track-item {
        -webkit-flex: 1 0 9.0909090909%;
        -ms-flex: 1 0 9.0909090909%;
        flex: 1 0 9.0909090909%
    }
    .tool.clarity-grading .key-toggle {
        margin-bottom: 0;
        position: absolute;
        right: 0;
        text-align: inherit;
        top: 0;
        -webkit-transform: translate(50%, -100%);
        -ms-transform: translate(50%, -100%);
        transform: translate(50%, -100%)
    }
    .tool.clarity-grading .key ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tool.clarity-grading .key ul>li {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.slider-bar,
.slider-labels,
.tool.carat-origins header .bxslider li {
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .tool.clarity-grading .key ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tool.clarity-grading .key ul>li {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.tool.color-grading .color-group-name {
    margin-bottom: 1.875rem
}

.tool.color-grading .slider-bar {
    min-width: 64.6875rem
}

.tool.color-grading .slider-track .slider-track-item {
    -webkit-flex: 1 0 2.2222222222%;
    -ms-flex: 1 0 2.2222222222%;
    flex: 1 0 2.2222222222%
}

.tool.color-grading .slider-labels span {
    width: 4.347826087%
}

.tool.color-grading .slider-labels span[data-span='2'] {
    width: 8.6956521739%
}

.tool.color-grading .slider-labels span[data-span='3'] {
    width: 13.0434782609%
}

.tool.color-grading .slider-labels span[data-span='4'] {
    width: 17.3913043478%
}

.tool.color-grading .slider-labels span[data-span='5'] {
    width: 21.7391304348%
}

.tool.color-grading .slider-labels span[data-span='6'] {
    width: 26.0869565217%
}

.tool.color-grading .slider-labels span[data-span='7'] {
    width: 30.4347826087%
}

.tool.color-grading .slider-labels span[data-span='8'] {
    width: 34.7826086957%
}

.tool.color-grading .slider-labels span[data-span='9'] {
    width: 39.1304347826%
}

.tool.color-grading .slider-labels span[data-span='10'] {
    width: 43.4782608696%
}

.tool.color-grading .slider-handle {
    margin: 0 2.1739130435%;
    width: 95.652173913%
}

.tool.color-grading .slider-handle::after,
.tool.color-grading .slider-handle::before {
    left: -2.2727272727%;
    width: 2.2727272727%
}

.tool.color-grading .slider-handle::after {
    right: -2.2727272727%
}

.tool.color-grading .slider-handle .ui-slider-handle {
    width: 1rem
}

.tool.color-grading #carousel {
    position: relative
}

.tool.color-grading #carousel::after,
.tool.color-grading #carousel::before {
    left: 0;
    position: absolute;
    width: 40px;
    width: 2.5rem
}

.tool.color-grading #carousel::after {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media print,
screen and (min-width:40em) {
    .tool.color-grading .slider-track .slider-track-item {
        -webkit-flex: 1 0 4.347826087%;
        -ms-flex: 1 0 4.347826087%;
        flex: 1 0 4.347826087%
    }
}

.tool.cut-grading header .bx-viewport {
    max-width: 100%
}

.tool.cut-grading .slider-bar {
    margin-bottom: .625rem;
    min-width: 31.25rem
}

.tool.cut-grading .slider-track .slider-track-item {
    -webkit-flex: 1 0 20%;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%
}

.tool.cut-grading .slider-labels span {
    width: 20%
}

.tool.cut-grading .slider-labels span[data-span='2'] {
    width: 40%
}

.tool.cut-grading .slider-labels span[data-span='3'] {
    width: 60%
}

.tool.cut-grading .slider-labels span[data-span='4'] {
    width: 80%
}

.tool.cut-grading .slider-labels span[data-span='5'] {
    width: 100%
}

.tool.cut-grading .slider-labels span[data-span='6'] {
    width: 120%
}

.tool.cut-grading .slider-labels span[data-span='7'] {
    width: 140%
}

.tool.cut-grading .slider-labels span[data-span='8'] {
    width: 160%
}

.tool.cut-grading .slider-labels span[data-span='9'] {
    width: 180%
}

.tool.cut-grading .slider-labels span[data-span='10'] {
    width: 200%
}

.tool.cut-grading .slider-handle {
    margin: 0 10%;
    width: 80%
}

.tool.cut-grading .slider-handle::after,
.tool.cut-grading .slider-handle::before {
    left: -12.5%;
    width: 12.5%
}

.tool.cut-grading .slider-handle::after {
    right: -12.5%
}

.tool.cut-grading .slider-handle .ui-slider-handle {
    width: 10%
}

@media print,
screen and (min-width:40em) {
    .tool.cut-grading .slider-bar {
        margin-bottom: .9375rem
    }
    .tool.cut-grading .slider-track .slider-track-item {
        -webkit-flex: 1 0 20%;
        -ms-flex: 1 0 20%;
        flex: 1 0 20%
    }
}

.tool.carat-origins header .bx-viewport {
    max-width: calc(100% - 7.5rem)
}

.slider-bar-wrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.slider-bar-wrapper::after,
.slider-bar-wrapper::before {
    left: 0;
    position: absolute;
    width: 40px;
    width: 2.5rem
}

.slider-bar-wrapper::after {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.slider-bar-wrapper .slider-handle-mobile {

    box-shadow: -2px 2px 2px rgba(0, 0, 0, .26);
    outline: 0;
    position: absolute;
    transition: left .25s;
    width: 1.5625rem;
    z-index: 100;
    cursor: none;
    height: 3.75rem;
    left: 50%;
    pointer-events: none;
    top: .875rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.slider-bar-wrapper .slider-handle-mobile::before {

    content: '';
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    top: -8px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 10px
}

.slider-bar-wrapper .slider-handle-mobile::after,
.slider-bar-wrapper .slider-handle-mobile>span {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: absolute
}

.slider-bar-wrapper .slider-handle-mobile::after {
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .26) inset;
    content: '';
    display: block;
    z-index: 0
}

.slider-bar-wrapper .slider-handle-mobile>span::after,
.slider-bar-wrapper .slider-handle-mobile>span::before {
    border-style: solid;
    border-width: 0 0 8px 5px;
    content: '';
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: -2px;
    width: 0
}

.slider-bar-wrapper .slider-handle-mobile>span::after {
    border-width: 0 5px 8px 0;
    bottom: -2px;
    top: auto
}

.slider-bar {
    box-sizing: content-box;
    font-family: Nunito sans;
    font-size: .625rem;
    line-height: 1;
    margin-top: 1.25rem;
    position: relative;
    text-transform: uppercase
}

@media print,
screen and (min-width:64em) {
    .slider-bar-wrapper {
        overflow: visible;
        padding-left: 0!important;
        padding-right: 0!important
    }
    .slider-bar-wrapper .slider-handle-mobile,
    .slider-bar-wrapper::after,
    .slider-bar-wrapper::before {
        display: none
    }
    .slider-bar {
        margin-bottom: 2.1875rem;
        margin-top: 1.875rem;
        min-width: 0!important
    }
}

.slider-track {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    color: #2c2c2c;
    cursor: ew-resize;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.slider-track .slider-track-item {
    border: 1px solid #bebebe;
    border-left-width: 0;
    border-right-width: 0;
    -webkit-flex: 1 0 4.6875rem;
    -ms-flex: 1 0 4.6875rem;
    flex: 1 0 4.6875rem;
    padding: 1.125rem 0;
    position: relative
}

.slider-track .slider-track-item::before {
    background-color: #bebebe;
    bottom: 0;
    content: '';
    display: block;
    height: 75%;
    position: absolute;
    left: 0;
    width: 1px
}

.slider-track .slider-track-item.group-start::before {
    height: 100%
}

.slider-track .slider-track-item:first-child::before {
    left: 0;
    width: 1px
}

.slider-track .slider-track-item:last-child {
    border-right-width: 1px
}

.slider-labels {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .9375rem 0 0;
    top: 100%;
    width: 100%
}

.slider-labels span {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 .3125rem;
    width: 9.0909090909%
}

.slider-labels span[data-span='2'] {
    width: 18.1818181818%
}

.slider-labels span[data-span='3'] {
    width: 27.2727272727%
}

@media print,
screen and (min-width:64em) {
    .slider-track {
        cursor: pointer
    }
    .slider-labels {
        position: absolute
    }
}

.slider-handle {
    display: none;
    height: 100%;
    left: 0;
    margin: 0 4.5454545455%;
    position: absolute;
    top: 0;
    width: 90.9090909091%
}

.slider-handle::after,
.slider-handle::before {
    content: '';
    display: block;
    height: 100%;
    left: -5%;
    position: absolute;
    top: 0;
    width: 5%
}

.slider-handle::after {
    left: auto;
    right: -5%
}

.slider-handle .ui-slider-handle {
    border: 3px solid #818eda;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .26);
    cursor: ew-resize;
    height: calc(100% + 12px);
    outline: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: left .25s;
    width: 1.5625rem;
    z-index: 100
}

.slider-handle .ui-slider-handle::before {
    background-color: #818eda;
    content: '';
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    top: -8px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 10px
}

.slider-handle .ui-slider-handle::after,
.slider-handle .ui-slider-handle>span {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: absolute
}

.slider-handle .ui-slider-handle::after {
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .26) inset;
    content: '';
    display: block;
    z-index: 0
}

.slider-handle .ui-slider-handle>span::after,
.slider-handle .ui-slider-handle>span::before {
    border-style: solid;
    border-width: 0 0 8px 5px;
    content: '';
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: -2px;
    width: 0
}

.slider-handle .ui-slider-handle>span::after {
    border-width: 0 5px 8px 0;
    bottom: -2px;
    top: auto
}

.tooltips .tooltip img {
    margin-bottom: 1rem
}

@media print,
screen and (min-width:64em) and (min-width:40em) {
    .tooltips .tooltip-container {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .tooltips .tooltip-container {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print,
screen and (min-width:64em) {
    .slider-handle {
        display: block
    }
    .tooltips .tooltip-container {
        margin-right: -.625rem;
        margin-left: -.625rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tooltips .tooltip-container>.tooltip-item {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .tooltips .tooltip-container .tooltip-item {
        padding-right: .625rem;
        padding-left: .625rem
    }
}
@media screen and (max-width:992px){
.amaze:before {
    border: 0px solid transparent;
}
.amaze:after {
    border: 0px solid transparent;
}
}
@media screen and (max-width: 500px){
h1.amaze {
    font-size: 26px !important;
}}