@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');



@font-face {
    font-family: 'Cantoria';
    src: url(../fonts/CantoriaMTStd.otf);
}
/* @font-face {
    font-family: 'Bricolage Grotesque';
    src: url(../fonts/bricolage_grotesque/static/BricolageGrotesque-Regular.ttf);
}

@font-face {
    font-family: 'Bricolage Grotesque Bold';
    src: url(../fonts/bricolage_grotesque/static/BricolageGrotesque-Bold.ttf);
} */
/* @font-face {
    font-family: 'Gotham book';
    src: url(../fonts/gotham-font-family/Gotham/Gotham-Book.otf)
} */

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Raleway', sans-serif;
    /* font-family: 'Gotham book', sans-serif; */
    font-size:13px;
    letter-spacing:1px
}

.main-text {
    color:#6fbf98;
}

a {color:#6fbf98;}
a:hover {color:#959595;}

h1, h2, h3, h4, h5 {font-family: 'Cantoria'}
/* h1, h2, h3, h4, h5 {font-family: 'Bricolage Grotesque Bold'} */

h5 {line-height: 20px;}

h6 {line-height: 18px;}

hr {border-color:#ccc;}

h1.aojfont {font-family: 'Noto Serif', serif;text-transform: capitalize!important} /** ova za kade e **/

h1.product-title{
    font-size:23px;
    font-weight: bold;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.greyInfoBox {
    background: #f1f1f1;
    padding: 20px;
}
.reviews-badge {
    display:flex;
    justify-content:space-between;
}
.green {color:#6fbf98}
.red {color:red}

.btn-default {
    background: #6FBF98;
    border:none;
    border-radius: 6px;
    color:#fff;
    padding:15px 25px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
    background: #7f7f7d;
    color:#fff;
}

.btn-primary {
    background: #fddaca;
    color:black;
    border: none;
    border-radius: 6px;
    padding: 15px 25px !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #7f7f7d;
    color:#fff;
}

.btn-inverse {
    background: transparent;
    border:1px solid #6fbf98;
    color:#6fbf98;
    padding: 6px 17px!important;
    font-size:12px;
    border-radius: 0;
    outline: none !important;
}
.btn-inverse-selected {
    background: #6FBF98;
    color: white;
}

.btn-share {
    width:148px;
    font-weight: bold;
}

.btn-more {background: none}

.btn-more-select, .btn-more-select:focus {
    margin-top: 20px;
    border-radius: 0;
    background: #6fbf98;
    color:#fff;
}

.zuri-header-result{
    background-color: #FDDACA;
    padding:20px;
}

.zuri-header-result p{
    font-size: 16px;
    font-weight: bold;
}
.zuri-header-result span{
    font-size: 60px;
}
.zuri-header-result .col-sm-8{
    padding-top: 30px;
}

.rating-box {
    text-align: center;
    width:220px;
    border:2px solid #ccc;
    padding: 2px 0px 0px 25px;
    border-radius: 10px;
    margin-left: 20px;
}

img.zuri-rating {
    position: absolute;
    top:-1px;
}

.rating-box p {
    line-height: 13px;
    text-transform: uppercase;
    font-size:14px;
    padding-top: 5px;
    padding-bottom: 0
}

#thankyou .modal-body {
    text-align: center;
}

#guarantee .modal-content {padding:30px;}
#guarantee .modal-content p {margin-bottom: 20px;font-size: 14px;line-height: 18px;font-weight: bold}
#guarantee .modal-body img {width:100px;margin-bottom: 5px;}
#guarantee .modal-header {border:none}
#guarantee .modal-title {margin-top: 30px;}
#guarantee .col-sm-4 {height: 180px;}
#guarantee .modal-footer {text-align: center;border: none;}

.icontent {
    display: none;
}

.searchNaturalDiamondBtnBlk {width: 351px;}


.btn-inverse:focus {background: #6fbf98;color:#fff;}

.button-group .dropdown-toggle {
    width: 110%;
    float: left;
    margin-right: 25px;
    margin-bottom: 8px;
}

.labels {margin-top:10px;}
.label-success {
    background: #6fbf98;
    padding: 8px;
}

.moreFilters li {
    padding: 2px 20px;
}

.instagram {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    padding: 2px 4px 0 4px;
    vertical-align: middle;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    margin-top: -14px;
}

#yelp-biz-badge-rrc-Oef6uFMlYdPGiwaxt7qk1g img {
    width: 200px;
    height: 88px;
}

.google-reviews-widget {
    margin-top: -21px;
}
.google-reviews-widget .grw-net-widget-three-type-1 {
    border: initial !important;
}

.social .instagram {margin-right: 5px;}
.fa-facebook {color:#3b5998}
.fa-pinterest {color:#BD081C}
.fa-twitter {color:#38A1F3}
.fa-yelp {color:#c41200}

.fa-circle {font-size: 20px!important;}
.white { color: #F1F1F1; }
.platinum {color:#cccccc;}
.silver {color:#f0f0f0;}
.gold {color:gold}
.bronze {color:#E2A79F;}
.darkGrey {color:silver;}
.multicolor {
    color: transparent;
    background: linear-gradient(to bottom, #f1f1f1 0%,#f1f1f1 50%,#f1f1f1 50%,gold 50%,gold 100%);
    border-radius: 50%;
    width: 19px;
    height: 19px;
}
.rosewhite {
    color: transparent;
    background: linear-gradient(to bottom, #E2A79F 0%,#E2A79F 50%,#E2A79F 50%,#f1f1f1 50%,#f1f1f1 100%);
    border-radius: 50%;
    width: 19px;
    height: 19px;
}
.yellowhite {
    color: transparent;
    background: linear-gradient(to bottom, gold 0%,gold 50%,gold 50%,#f1f1f1 50%,#f1f1f1 100%);
    border-radius: 50%;
    width: 19px;
    height: 19px;
}
.whiterose {
    color: transparent;
    background: linear-gradient(to bottom, #f1f1f1 0%,#f1f1f1 50%,#f1f1f1 50%,#E2A79F 50%,#E2A79F 100%);
    border-radius: 50%;
    width: 19px;
    height: 19px;
}
.yellowrose {
    color: transparent;
    background: linear-gradient(to bottom, gold 0%,gold 50%,gold 50%,#E2A79F 50%,#E2A79F 100%);
    border-radius: 50%;
    width: 19px;
    height: 19px;
}
.roseyellow {
    color: transparent;
    background: linear-gradient(to bottom, #E2A79F 0%,#E2A79F 50%,#E2A79F 50%,gold 50%,gold 100%);
    border-radius: 50%;
    width: 19px;
    height: 19px;
}

.filterSpacing {margin-top: 260px;}

.selectedBox {
    border: 1px solid #6FBF98 !important;
}

.notselectedBox {
    border: 1px solid transparent;
}

.redBox {
    width:25px;
    height:25px;
    background: red;
    float: right;
    margin-right: 20px;
    margin-top:-26px;
    border-radius: 4px;
}

.redBox2 {
    width:25px;
    height:25px;
    background: red;
    float: right;
    border-radius: 4px;
}

.orangeBox {
    width:25px;
    height:25px;
    background: orange;
    float: right;
    border-radius: 4px;
}

.yellowBox {
    width:25px;
    height:25px;
    background: yellow;
    float: right;
    border-radius: 4px;
}

.greenBox {
    width:25px;
    height:25px;
    background: green;
    float: right;
    border-radius: 4px;
}

.blueBox {
    width:25px;
    height:25px;
    background: blue;
    float: right;
    border-radius: 4px;
}

.purpleBox {
    width:25px;
    height:25px;
    background: purple;
    float: right;
    border-radius: 4px;
}

.pinkBox {
    width:25px;
    height:25px;
    background: pink;
    float: right;
    border-radius: 4px;
}

.brownBox {
    width:25px;
    height:25px;
    background: brown;
    float: right;
    border-radius: 4px;
}

.grayBox {
    width:25px;
    height:25px;
    background: gray;
    float: right;
    border-radius: 4px;
}

.violetBox {
    width:25px;
    height:25px;
    background: violet;
    float: right;
    border-radius: 4px;
}

.champagneBox {
    width:25px;
    height:25px;
    background: #F7E7CE;
    float: right;
    border-radius: 4px;
}

.otherBox {
    width:25px;
    height:25px;
    background: linear-gradient(to bottom right, red, yellow);
    float: right;
    border-radius: 4px;
}

.brownBox {
    width:25px;
    height:25px;
    background: brown;
    float: right;
    border-radius: 4px;
}

.blackBox {
    width:25px;
    height:25px;
    background: black;
    float: right;
    border-radius: 4px;
}

.whiteBox {
    width:25px;
    height:25px;
    background: white;
    border:1px solid #ccc;
    float: right;
    border-radius: 4px;
    padding: 0 !important;
}

.cognacBox {
    width:25px;
    height:25px;
    background: #9A463D;
    float: right;
    border-radius: 4px;
}

.chameleonBox {
    width:25px;
    height:25px;
    background: #85874b;
    float: right;
    border-radius: 4px;
}

.otherBox {
    width:25px;
    height:25px;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
    float: right;
    border-radius: 4px;
}

.peachBox {
    width:25px;
    height:25px;
    background: #ffdab9;
    float: right;
    border-radius: 4px;
}

.tealBox {
    width:25px;
    height:25px;
    background: #008080;
    float: right;
    border-radius: 4px;
}

.whitebox {
    background: #f5f5f5;
    padding: 15px 18px;
    line-height: 60px;
    white-space: nowrap;
}

.whitebox2 {
    background: #f2f2f2;
    padding: 15px 7px;
    line-height: 60px;
    white-space: nowrap;
}

.goldbox {
    background: gold;
    padding: 15px 8px;
    white-space: nowrap;
    line-height: 60px;
}


.bronzebox {
    background: #E2A79F;
    padding: 15px 8px;
    width: 60px;
    color:#000;
    white-space: nowrap;
}
.yellowwhitebox {
    background: linear-gradient(to right, gold 0%,gold 50%, gold 50%,#f5f5f5 50%,#f5f5f5 100%);
    padding: 15px 8px;
    white-space: nowrap;
    line-height: 60px;
}

.rosewhitebox {
    background: linear-gradient(to right, #E2A79F 0%,#E2A79F 50%, #E2A79F 50%,#f5f5f5 50%,#f5f5f5 100%);
    padding: 15px 8px;
    white-space: nowrap;
    line-height: 60px;
}

.whiteyellowbox {
    background: linear-gradient(to right, #f5f5f5 0%,#f5f5f5 50%, #f5f5f5 50%,gold 50%,gold 100%);
    padding: 15px 8px;
    white-space: nowrap;
    line-height: 60px;
}

.whiterosebox {
    background: linear-gradient(to right, #f5f5f5 0%,#f5f5f5 50%, #f5f5f5 50%,#E2A79F 50%,#E2A79F 100%);
    padding: 15px 8px;
    white-space: nowrap;
    line-height: 60px;
}

.yellowrosebox {
    background: linear-gradient(to right, gold 0%,gold 50%, gold 50%,#E2A79F 50%,#E2A79F 100%);
    padding: 15px 8px;
    white-space: nowrap;
    line-height: 60px;
}

.roseyellowbox{
    background: linear-gradient(to right, #E2A79F 0%,#E2A79F 50%, #E2A79F 50%,gold 50%,gold 100%);
    padding: 15px 8px;
    white-space: nowrap;
    line-height: 60px;
}

.bronzechosen, .whitechosen, .goldchosen, .yellowwhitechosen, .rosewhitechosen, .whiteyellowchosen, .whiterosechosen, .yellowrosechosen, .roseyellowchosen {
    border:1px solid #6FBF98;
}

a.variant-config-box {
    text-decoration: none!important;
    color: #000;
    white-space: nowrap;
}

.pagination {border-radius: 0!important}

.resultCount {margin-bottom: 20px;}

a.small{
    cursor: pointer;
}
a.small input[type=checkbox][disabled]{
    cursor:default;
}
a.small input[type=checkbox]:not([disabled]) +label {
    cursor:pointer;
}
a.small input[type=checkbox][disabled]{
    pointer-events: none !important;
}
input{
    pointer-events: auto;
}

/******* SWITCH SLIDE ******/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switches {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switches:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .switches {
    background-color: #6FBF98;
}

input:focus + .switches {
    box-shadow: 0 0 1px #6FBF98;
}

input:checked + .switches:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.switches.round {
    border-radius: 34px;
}

.switches.round:before {
    border-radius: 50%;
}

/**** 5 columns ****/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

    .logo {
        margin-bottom:-20px !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width:500px) {
    .intensity .col-sm-2 {
        width: 12.5%;
        padding: 0;
    }
}


.border-right {
    border-right: 1px solid #ccc;
    min-height: 180px;
    padding-right: 20px;
}

.haveAquestion {
    background: #6FBF98;
    padding: 90px 70px 40px;
    color:#fff;
}

.haveAquestion a {color:#fff;}

.whyAoj {
    background: #6FBF98;
    padding: 70px 120px;
    color:#fff;
    margin: 50px 0 0;
}

.top {
    text-align: center;
    color:#fff;
    width: 100%;
    /* z-index: 1030; */
}

#topone {
    background:#6fbf98;
    padding: 12px 0 1px;
}

#toptwo {
    background: #565656;
    padding: 12px 0 1px;

}

.top p {font-size:12px;font-weight:500}

.top a {color:#fff;text-decoration: underline;text-transform: uppercase}

.topInfo {
    padding: 10px 0;
    background: #6FBF98;
    border-bottom: 3px solid #fddaca;
    color: white;
}

.topInfo a, .topInfo small {
    color: white;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.center {
    text-align: center;
}

.center img {
    margin: auto
}

.learnmore .zuri img {
    padding: 50px;
}

.learnmore .fa-question-circle {
    color:#6FBF98;
    font-size:40px;
    margin-bottom: 10px;
}

.learnmore .expl-icons img {
    width:60px;
    margin-top: 20px;
}

.learnmore .expl-icons p {
    font-size:14px;
    line-height: 14px;
    margin-top: 6px;
}

.learnmore .testimonial-box {
    border: 3px solid #6FBF98;
    padding: 30px;
}

.learnmore .testimonial-box h2 {
    text-decoration: underline;
    margin-bottom: 40px;
}

.learnmore hr {
    border: 1px solid #fddaca;
    width: 60%;
}

@media (min-width: 768px) {
    .navbar-fixed-top {
        top: 30px;
        border-bottom: 1px solid black !important;
        transition: 0.2s;
    }
}

.topInfo a:hover {text-decoration: none;}

.topInfo h4 {font-size:20px}

.infoIcons {padding-top: 6px;}

.topInfo i {
    padding-left: 10px;
    color: white;
}
#myOverlay #search:focus {
    outline: none !important;
}


/******* NAVBAR ******/
ul li {
    text-transform: uppercase;
}
.navbar {
    margin-bottom:0;
}

.navbar-default {
    background: white;
    border: none;
    margin-top:12px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: #fff}


.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-large {
    position: static !important;
}
.dropdown-menu-large {
    position: absolute;
    left: 50%;
    top: 500%;
    transform: translate(-50%, -50%);
    padding: 20px 0px;
    width:1200px;
    font-size:12px;
    height: 410px;
}

.dropdown-menu-large > li > ul {
    padding: 0;
    margin: 0;
}
.dropdown-menu-large > li > ul > li {
    list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight:300;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
    color: #428bca;
    font-size: 13px;
    font-weight: bold;
}

ul.ringshape li a img {margin-right: 5px;margin-top:-2px;width: 20px;}

li.mainItem a {
    font-weight: bold!important;
    font-size:14px !important;
    color:#6FBF98!important;
}


/******* centering navbar **********/
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

/****** HOVER EFFECT MENU ITEMS *******/
.underbar {
    width: 0;
    height: 5px;
    background: rgba(100, 100, 200, 0);
    top: 20px;
    position: relative;
    -webkit-transition: 0.2s ease;
}

li:nth-of-type(1):hover ~ .underbar {
    left: 12px;
    top:46px;
    width: 104px;
    background: #6fbf98;
}
li:nth-of-type(2):hover ~ .underbar {
    left: 140px;
    top: 46px;
    width: 80px;
    background: #6fbf98;
}
li:nth-of-type(3):hover ~ .underbar {
    left: 240px;
    top:46px;
    width: 86px;
    background: #6fbf98;
}
li:nth-of-type(4):hover ~ .underbar {
    left: 349px;
    top:46px;
    width: 96px;
    background:  #6fbf98;
}

li:nth-of-type(5):hover ~ .underbar {
    left: 465px;
    top:46px;
    width: 89px;
    background:  #6fbf98;
}

li:nth-of-type(6):hover ~ .underbar {
    left: 570px;
    top:46px;
    width: 65px;
    background:  #6fbf98;
}

.showcase {
    background: #6FBF98;
    color:white;
    padding: 30px 0 0
}

.showcase .btn-default {
    min-width:180px;
}

.showcase .btns {
    margin-top: 20px;
}

.showcase .ringSlider {
    margin-top: -100px
}

.showcase .btn-primary {
    background: #fddaca;
    border:none;
    color:#fff;
    font-size:18px;
    color:#000;
    font-size:16px;
    padding: 10px 26px;
    margin-bottom: 10px;
    border-radius: 6px;
    min-width: 1px !important; /*staveno e 1 zosto prethodno e staveno 320 */
;
}

.ringSlider img {
    max-width: 350px;
    margin: auto
}

.btn-onerow {
    padding-top: 20px;
}


/**** EXPLORE ****/

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: auto;
}


.btn-circle {
    color:#000;
    padding: 12px 14px 12px 12px;
    color:#999;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 30px;
    width: 100%;
    position:relative;
    text-align: center;
}
.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}


.MultiCarousel .MultiCarousel-inner .item {float: left;}

.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 6px;
    color:#666;
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position:absolute;
    top:calc(50% - 40px);
    border: none;
}

.MultiCarousel .leftLst {left:15px;padding-left: 10px;}
.MultiCarousel .rightLst {right:15px;padding-right: 10px;}
.MultiCarousel .btn-primary {background: #6fbf98;}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#f0efea;}

.MultiCarousel .capture {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.createyours {
    background: url(../img/home-cyo2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    padding: 70px 120px;
    text-align: center;
    margin-top: -60px;
}

.createyours h2 {text-transform: uppercase;}

.createyours img {
    width:400px;
    margin: auto;
}

.createyours h5 {line-height: 22px;}

.createyours a {
    text-decoration: underline;
    color:#000;
}

.createyours a:hover {
    text-decoration: none;
    color:#6fbf98;
}

.imageInfoSection {margin: 50px 0}

.cde{
    background: url(../img/ering-UnityPendant.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top:0px;
    height: 110px;
    text-align: center;
}

.cde img {padding-top:20px;}

/*.orderDeadline {*/
/*    background: url(../img/order-deadlines.jpg) no-repeat center center scroll;*/
/*    -webkit-background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    background-size: cover;*/
/*    text-align: center;*/
/*    padding-top: 70px;*/
/*    padding-bottom:2px;*/
/*}*/
.orderDeadline {
    background: url(../img/thebkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 2px;
}

.imageInfoSection a {text-decoration: underline;}

.orderDeadline p {padding-top: 10px;}

/***** DIAMONDS BY SHAPE *****/
.dimondsByShape {
    background: #f0efea;
}

.dimondsByShape h3 {text-transform: uppercase;}

.dimondsByShape a:hover {text-decoration: none;}

.ringShapes {padding: 5px 0 25px;text-align: center}


.diamond-secrets {
    background: #f0efea;
    padding: 50px;
    margin-top: 30px;
    min-height: 480px;
}

.diamond-clipart {
    position: absolute;
    width: 200px;
    top: 360px;
    right: 50px;
}

.diamond-secrets h4 {
    margin-top: 200px;
}

.diamond-secrets h5 {
    position: absolute;
    bottom:20px
}

.at-the-aoj {
    background: #fddaca;
    padding: 50px;
    margin-top: 30px;
    min-height: 480px;
}

.at-the-aoj h5 {
    position: absolute;
    bottom:30px;
    right:40px;
    text-align: right
}

.design-your-own {
    background: #6FBF98;
    padding: 50px;
    margin-top: 30px;
    min-height: 480px;
    color:#fff;
}

.design-your-own h5 {
    position: absolute;
    bottom:30px;
}

.discover {
    text-align: right;
    background: #f0efea;
    padding: 50px;
    margin-top: 30px;
    min-height: 480px;
}

.discover h5 {
    position: absolute;
    bottom:30px;
    right:40px;
}

.discover img.neckless {
    position: absolute;
    top:-50px;
}

.shop-gemstones {
    padding: 50px 0;
    text-align: center
}

.smart-and-secure, .quality-report, .gemosolist-help, .save-money, .custumized {
    padding: 50px 0;
    border-bottom: 2px solid #6FBF98;
}

.testimonials {
    margin: 50px 0;
    text-align: center;
}

.pinkStripe {
    border-bottom: 30px solid #fddaca;
    margin-top: -20px;
}

.reviews {
    border-bottom: 2px solid #6FBF98;
}

.scedule-appoitment {
    background: #fddaca;
    padding: 50px;
    margin-top: 30px;
    min-height: 480px;
}

img.schedule-appoitment {
    position: absolute;
    width: 130px;
    top:300px;
    right: 50px;
}

@media (max-width:991px) {
    .diamond-clipart {top:260px;}
    img.schedule-appoitment {display: none;}
    .scedule-appoitment h4 {font-size:16px;margin-top: -50px}
}

.importantInfo {
    margin: 60px 0;
    text-align: center;
}

.importantInfo img {width: 100px;margin-top: -15px;}

.importantInfo h1 {
    font-size:50px;
    color:#6fbf98;
    padding-bottom: 12px;
}

.importantInfo .btn {margin-top: 40px;}

.importantInfo h4 span {
    font-weight: bold;
    color:#6fbf98;
}

.importantInfo .fa {color:#6fbf98;}

.monthSpecial {
    text-align: center;
    margin: 30px 0 100px
}

.monthSpecial h1 {margin-bottom: 40px;}


.showrooms {
    background: url(../img/showrooms.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height:500px;
}

.showrooms h1 {
    padding: 240px 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.showrooms h1 span {
    background: rgba(255,255,255,0.8);
    padding: 10px 50px;
}

/***** GRID AND LIST VIEW *****/
.glyphicon { margin-right:5px; }

.thumbnail {
    margin-bottom: 20px;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid white;
    text-align: center;
    min-height: 520px;
}

.thumbnail:hover {
    border:1px solid #ccc;
    min-height: 520px;
}

.diamond_thumbnail {
    margin-bottom: 20px;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid white;
    text-align: center;
    min-height: 450px;
}

.diamond_thumbnail:hover {
    border:1px solid #ccc;
    min-height: 450px;
}

.btn-sm {
    padding: 5px 10px;
    font-size:12px;
    margin-right: 5px;
}

.product-price {
    text-align: center;
    font-size:20px;
    color:#6fbf98;
}

.more {margin-top: -5px;}

.more span.tt {
    background:#6fbf98;
    color:#fff;
    padding: 0 10px 5px;
    font-weight: bold;
}

#products .tooltip .tooltip-inner {
    background-color: rgba(255,255,255,1);
    color:#000;
    width:200px;
    text-align: left;
    border-radius: 0;
}

#products .tooltip .tooltip-inner span {float:right}

#products .tooltip .tooltip-inner hr {margin: 0}

.pagination {margin-top: 0px;}
.pagination li {color:#6fbf98;}
.pagination li.active a {color:#fff;background: #6fbf98;border:1px solid #6fbf98}
.pagination li.active a:hover {background: #6fbf98;border:1px solid #6fbf98}

/***** FOOTER ******/

footer a:hover {text-decoration: none;}

footer .imgicons img {
    width:70px;
    padding-right: 10px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

footer .imgicons img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

footer .fa {padding-right: 10px;}

/* Style the input container */
.input-container {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

/* Style the form icons */
.icon {
    padding: 12px 0 10px 15px;
    background: #6fbf98;
    color: white;
    min-width: 50px;
    text-align: center;
}

/* Style the input fields */
.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
}

.input-field:focus {
    border: 2px solid #6fbf98;
}

/***** BREADCRUMBS *****/
.custom-breadcrumb {
    list-style:none;
    overflow: hidden;
    text-align: center;
    margin:30px 0 0 0;
}

.custom-breadcrumb h4 {line-height: 0;}
.custom-breadcrumb h5 {line-height: 0;font-size:14px}

.custom-breadcrumb li {
    text-decoration: none;
    width:32.4%;
    padding: 10px 0;
    position: relative;
    float: left;
    text-transform: capitalize;

    height: 94px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.custom-breadcrumb li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.custom-breadcrumb li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.custom-breadcrumb a {color:#000;text-decoration: underline;}
/* #natGemsContainer, #labGrowGemsContainer{
    display: flex;
    flex-wrap: wrap;
}

.gshapesLabGrowGems, .gshapesNatGems{
    border: 2px solid white;
    border-radius: 4px;
    text-align: center;
    white-space: normal;
} */

.active {
    background-color: #6fbf98;
    color:#fff;
}
.active:after {
    border-left: 30px solid #6fbf98;;
}

.light-blue-crumb:after {
    border-left:30px solid #3498db;
}
.light-blue-crumb {
    background: #3498db;
    color: white;
}

.faded-crumb:after {
    border-left:30px solid #ecf0f1;
}

.faded-crumb {
    background: #ecf0f1;
    color: #95a5a6;
    padding: 17px 0 21px!important
}



.listInfo {padding-top: 5%}

.listInfo span {margin-left: 10px;}

.listInfo .btn-sm {margin-left: 150px;}

/****** SIGLE PRODUCT ******/
img {
    max-width: 100%; }

.preview {
    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; }
@media screen and (max-width: 996px) {
    .preview {
        margin-bottom: 20px; } }

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px; }
.preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2%;
    margin-bottom: 2%; }
.preview-thumbnail.nav-tabs li img {
    width: 100%;
    display: block; }
.preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0; }
.preview-thumbnail.nav-tabs li:last-of-type {
    margin-right: 0; }


.tab-content {
    overflow: hidden; }
.tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -webkit-animation-duration: .3s;
    animation-duration: .3s; }

.card {
    background: #fafafa;
    padding: 1em;
    line-height: 1.5em; }

h2.product-subtitle {
    font-size: 14px !important;
}

@media (min-width:768px) and (max-width:1023px){
    .faded-crumb {
        padding: 17px 0 21px 25px !important;
    }
    .custom-breadcrumb h4 {
        font-size: 16px !important;
    }
    .custom-breadcrumb li {
        width: 30%  !important;
    }
}


@media screen and (min-width: 997px) {
    /**.wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  **/
    .details {
        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; }

    .colors {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }

    .product-title, .price, .colors {
        text-transform: UPPERCASE;
    }
    h2.product-subtitle {
        font-weight: 300;
        margin-top: -6px;
        font-size: 14px !important;
    }

    .price {
        text-align: center;
    }

    .price p {font-size: 10px;}
    .price h3 {margin-top: -4px;}
    .green {color:#6fbf98}
    .price .fa {font-size:14px;color:#6fbf98}
    .price .tooltip-inner {width: 300px;}

    .product-title, .price {
        margin-bottom: 15px; }

    .product-title {
        margin-top: 0; }

    .tooltip-inner {
        padding: 1.3em; }

    @-webkit-keyframes opacity {
        0% {
            opacity: 0;
            -webkit-transform: scale(3);
            transform: scale(3); }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1); } }

    @keyframes opacity {
        0% {
            opacity: 0;
            -webkit-transform: scale(3);
            transform: scale(3); }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1); } }

    /*# sourceMappingURL=style.css.map */
}

.specification {
    background: #f7f7f7;
    padding: 60px 0;
    margin-top: 30px;
}

.specification p span {color:#999}

.topViewed {
    padding: 60px 0;
}

.topViewed img {margin-bottom: 20px;}

.topViewed p {
    text-align: center;
    margin: 0;
}

.origin {
    background: url(../img/worldMap-bkg.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 60px 0;
}

.included {
    padding: 60px 0;
    background: #f7f7f7;
}


/****** SETTINGS PAGE ******/
.dropdownFilter {margin-bottom: 30px;}
.dropdownFilter .shape img {width:24px;margin-top: -2px;margin-left: 6px;float: right}
.dropdownFilter .platinum img, .dropdownFilter .material img {float: right;width:32px;}
.dropdownFilter .ringStyle img {float: right;width:60px; margin-top: -10px;}
.dropdownFilter .tooltip .tooltip-inner {
    background-color: rgba(255,255,255,1);
    color:#000;
    width:100px;
    border-radius: 0;
    margin-top: -20px;
    border:none!important;
}

.dropdownFilter ul.dropdown-menu {width: 305px; margin-left: 15px;border-radius: 0;margin-top: -1px;}
.button-group .btn {border-radius: 0}

.dropdownFilter li {padding: 5px 0;}
.dropdownFilter li img {margin-top: -4px;}


.settingsMatchingBand h5 {text-transform: uppercase;font-weight: bold}

#hintit input.form-control {
    font-size:11px;
    border-radius: 0;
    margin-bottom: 6px;
    width:220px;
    text-transform: uppercase;
}

#hintit textarea {
    font-size:11px;
    border-radius: 0;
    width:220px;
}

form .btn {width:220px;margin-top: 20px;}

#hintit .modal-content {border-radius: 0}

/****** PRODUCT INFORMATION REQUEST ******/
.product-information-request input.form-control {
    border-radius: 0;
    margin-bottom: 10px;
    font-size:12px;
    width:300px!important;
}

.product-information-request textarea {
    border-radius: 0;
    margin-bottom: 10px;
    font-size:12px;
    width:300px!important;
}

.product-information-request .btn {width:300px}

.product-of-interest {
    text-align: center;
}

.product-of-interest img {
    width: 180px;
    margin: auto;
}

.imidiate-assistance {
    border-left: 1px solid #ccc;
    padding-left: 50px;
    padding-right: 40px;
}

/****** COLORED DIAMONDS ******/
.coloredDiamondsIntro {
    background: #F7F7F7;
    padding: 40px 0;
    margin-bottom: 40px;
}

.needassistance {margin: 20px 0}

.fancy {
    line-height: 0.5;
    text-align: center;
}

.fancy-btn-add-to-cart .btn-default {
    width: 350px;
}

.fancy span {
    display: inline-block;
    position: relative;
}
.fancy span:before,
.fancy span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
    top: 0;
    width: 100%;
}
.fancy span:before {
    right: 100%;
    margin-right: 15px;
}
.fancy span:after {
    left: 100%;
    margin-left: 15px;
}

.needassistance .contactSection {
    padding-top: 6px;
    background: #6FBF98;
    color:#fff
}

.needassistance .contactSection {margin-top: 8px;}
.needassistance .contactSection .fa {padding-left: 10px;}

/****** SETTINGS SINGLE PAGE ******/
.warranty {
    margin-top: 20px;
}

.faq-cat-tabs li a {
    padding: 25px 10px 15px 10px;
    background-color: #ffffff;
    border: 1px solid #6FBF98;
    color: #777777;
}

span.ringSizeBox {
    padding: 10px 14px;
    border:1px solid #ccc;
    line-height: 40px;
}

span.ringSizeBox:hover {
    border:1px solid #6FBF98;
}

span.ringSizeBoxM {
    padding: 10px;
    border:1px solid #ccc;
}

span.ringSizeBoxM:hover {
    border:1px solid #6FBF98;
}

span.caratWeightBox {
    padding: 10px;
    border:1px solid #ccc;
}

span.diamondShapeBox {
    padding: 10px;
    border:1px solid #ccc;
}

span.caratWeightBox:hover {
    border:1px solid #6FBF98;
}

span.diamondQualityBox {
    padding: 10px;
    border:1px solid #ccc;
}

span.diamondQualityBox:hover {
    border:1px solid #6FBF98;
}

span.diamondShapeBox:hover {
    border:1px solid #6FBF98;
}

span.ringSizeBox .active, span.ringSizeBoxM .active, span.caratWeightBox .active, span.diamondQualityBox .active, span.diamondShapeBox .active {background:#6FBF98;}

.panel-default {width: 300px;}

.panel-default > .panel-heading {border-color:#6FBF98;}

.panel-default > .panel-heading {padding: 16px;}

.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}

.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .panel-heading:hover {
    background-color: #efefef;
}

.active-faq {
    border-left: 5px solid #6FBF98;
}

.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
}

tr:not(#listTableBS,#listTable) img {width:25px!important;margin-top:-3px;}
#listTableBS tr img {width:25px!important;margin-top:-3px;}
#listTable tr img {width:25px!important;margin-top:-3px;}
.removeRow{
    cursor: pointer;
}

.settings-single-product-aside {margin-top: -110px;}

h3.fancy-single-product-title {border-bottom: 1px solid #ccc;padding-bottom: 10px;}

.diamondSummary i {padding-left: 8px;}

.intensity {
    background: url(../img/intensity/background-silk.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding:50px;
}

.intensity img {margin-top: -20px}

.intensity .infoBox {
    position: relative;
    border-radius: 0;
    background: #6FBF98;
    color:#fff;
    padding: 6px 3px;
}

.intensity .infoBox:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #6FBF98;
    border-top: 0;
    margin-left: -15px;
    margin-top: -15px;
}

.intensity small {
    font-size:9px;
}

.fancy-clarity {
    background: url(../img/FCD_details_clarity_yellow_lrg_med.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin: 80px 0;
    text-align: left;
    padding: 120px;
    height: 400px;
}

/****** LOOSE DIAMOND PAGE ******/
.showcaseLooseDiamond {
    background: url(../img/looseDiamondsHeaderBkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding: 120px;
    font-size:16px;
}

.showcaseLooseDiamond h1 {font-size:50px;}

.showcaseLooseDiamond .btn {width:340px;margin-bottom: 6px;}

.createyoursLooseDiamondPage {
    background: url(../img/cyo.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    padding: 60px 280px 0 10px ;
    text-align: center;
    margin-top: 40px;
}

.createyoursLooseDiamondPage a {color:#000;text-decoration: underline}
.createyoursLooseDiamondPage a:hover {color:#6FBF98;text-decoration: none;}

.createyoursLooseDiamondrightSide {
    text-align: center;
    padding: 90px 50px;
    margin-bottom: 40px;
}

.learningCenter {padding-top: 40px;}

.learningCenter h4 {line-height: 30px;}

.learningCenter img {
    float: left;
    margin-right: 6px;
    margin-top: 10px;;
    width:70px;
}

.learningCenter .ringIcon img {width: 28px;margin-top: 0px;margin-left: -4px;}

.LabCreatedDimaondsBkg {
    background: url(../img/lab-created-diamonds.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: right;
    height: 350px;
    padding-right: 15px;
}


.LabCreatedDimaondsBkg h3 {padding-top: 70px;}

.coloredDiamonds .rightTxt {
    padding: 100px 120px;
}


/****** ENGAGEMENT LANDING PAGE ******/
.showcaseEngagement {
    background: url(../img/engagementHeaderBkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
    padding: 80px 0
}

.showcaseEngagement a {color:#fff;}

.engagementBuildYourOwnRing {
    margin-top:50px;
}

.engagementBuildYourOwnRing .btn {width:330px;font-size:12px;}

.artisanCrafted {margin:50px}

.artisanCrafted .leftCol, .eagementReveiw .rightCol {padding-top: 80px;}

.eagementReveiw {margin-top: 50px}

.engagementHowToChoose {
    background: url(../img/top-engagementring-styles/engagementHowToChooseBkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 50px 0;
    height: 400px;
    padding: 60px 20px;
}

.howToChooseDiamond .rightCol {padding: 80px 40px;}

.getThePerfectFit {
    background: url(../img/getThePerfectFit.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 140px;
    margin: 20px 0;
}

.getThePerfectFit a {color:#000;}


/****** WEDDING PAGE ******/
.showcaseWedding {
    background: url(../img/weddingHeaderBkg.jpg) no-repeat center right scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 180px 0;
    font-size:16px;
    font-weight: 500
}

.showcaseWedding h1 {font-size: 40px;}

.explore-most-pop-wedding-bands .btn-circle {margin-top:-80px;}

.wedding-rings-and-bands {margin-top: 50px;}

.ultimateRingStack .rightCol {padding-top: 70px;}

.masterTheBasics {margin: 50px 0}

.masterTheBasics .leftCol {padding-top:30px;}

.matchYourBandToEngagementRing {margin: 80px 0}

.ajoShowroom {margin: 50px 0;}

.ajoShowroom .rightCol {
    padding: 90px 60px
}



/***** GEMSTONE PAGE ******/
.showcaseGemstone {
    background: url(../img/gemstoneHeaderBkg.jpg) no-repeat center left scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding: 100px 0;
}

.showcaseGemstone h1 {font-size:50px;}

.showcaseGemstone h3 {line-height: 10px;}

.exploreGemstones {
    margin: 30px 0;
    text-align: center;
}

.showcaseGemstone .btn {font-size:12px;padding: 12px 20px;margin-bottom: 6px;width:300px}

.exploreGemstones img {margin: auto}

.designYourOwnGemstoneRing {
    margin: 30px 0;
    text-align: center;
}

.designYourOwnGemstoneRing img {margin: auto}

.gamestoneCollection a {line-height: 30px;}

.AOJguarantee {
    text-align: center;
}

.AOJguarantee p {
    border-bottom:1px solid #fff;
    padding-bottom: 10px;
}

.AOJguarantee a {color:#fff;}

/***** ECO FRIENDLY JEWELRY *****/
.showcaseEcoFriendly {
    background: url(../img/eco-friendlyHeaderBkg.jpg) no-repeat center right scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color:#fff;
    padding: 160px;
    font-size:14px;
}

.showcaseEcoFriendly h1 {font-size:50px;}

.eco-gem {
    background: url(../img/gemstone-ring-sectionBkg.jpg) no-repeat center right scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin-top: 50px;
    padding: 30px;
    min-height:440px;
}

.eco-diamond, .eco-earthy {
    background: #fcf9f6;
    text-align: center;
    margin-top: 50px;
    padding: 30px;
    min-height:440px;
}

.eco-diamond p {margin-top: 60px;}

.eco-diamond img {
    margin-bottom: 10px;
}

.s-n-p {
    background: url(../img/s-n-p-bkg.jpg) no-repeat center right scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin-top: 50px;
    padding: 30px;
    min-height:440px;
}

.s-n-p p {margin-top: 56px;}

.s-n-p img {padding: 0 30px 35px;}
.eco-jew-offers {
    margin: 50px 0;
    text-align: center;
}

.beauty-inside-out .colLeft {
    text-align: center;
    padding-top: 100px;
}

.beauty-inside-out .colLeft img {margin: auto}

.eco-shop-by-style {text-align: center;margin: 30px 0}

.eco-shop-by-style .col-sm-2 {padding: 5px;}
.eco-shop-by-style .row {margin: -60px!important;}

.eco-guide {text-align: center}

.juniper-diamond-earrings {padding:20px 30px}

.astrid-diamond-pendant img {height: 220px;margin: auto}

/***** ABOUT PAGE *****/
.aboutHeader {
    background: url(../img/about/aboutHeader.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding: 90px;
    text-align: center;
    color: #fff;
    height: 300px;
}

.what-we-believe {
    text-align: center;
    margin: 50px 0;
}

.what-we-believe .fa {margin-bottom: 6px;}

.what-we-believe .btn {
    margin-top: 40px;
    width: 320px;
}

.ringIcon img {margin-top: -17px}

.know-what-you-buying {
    background: url(../img/about/know-what-you-are-buying.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color:#fff;
    padding: 60px 100px;;
    margin-top: 50px;
    height: 1000px;
}

.know-what-you-buying a {color:#fff;}

.expect-lower-markups {
    text-align: center;
    margin: 30px 0
}

.expect-lower-markups .rightCol {
    padding: 80px 50px;
}

.always-have-the-best {text-align: center}

.always-have-the-best h2 {margin: 30px 0}

.always-have-the-best .textBox {
    padding: 90px;
}

.ready-to-get-started {
    text-align: center;
    margin: 30px 0;
    background: #6FBF98;
    height: 200px;
    color:#fff;
    padding-top:20px;
}

.ready-to-get-started .btn {
    border:2px solid #fff;
    width:320px;
    margin-bottom: 6px;
}

/***** PRODUCT PAGE *****/
.product-page .free-shipping {
    margin-top: 15px;
}

.product-page-btn .btn {margin-bottom: 10px;}

.product-page-similar-items .subtitle {margin: 40px 0}

.product-page-product-details .subtitle {margin-top: 40px;}

.product-page-ring-size {
    background: url(../img/RingSizeBackground.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color:#fff;
    height: 400px;
    text-align: left;
    padding: 20px;
    margin:40px 0;
}

.product-page-ring-size .dropdown-menu {
    margin-left: 14px;
    border-radius: 0;
    width: 268px;
    font-size:18px;
}

/***** Custom Design Process Page ******/
.custom-design-process-steps {
    background: #f2f2f2;
    padding: 30px 0 40px;;
    margin: 50px 0;
    text-align: center;
}

.custom-design-process-steps .btn {width: 80%;}

.custom-design-process-recommended, .custom-design-process-recommended-from-collection {
    text-align: center;
    margin: 50px 0;
}

/**** NECKLECASE PAGE ****/
.showcaseNecklaces {
    background: url(../img/necklaces/headerBkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding:160px 0;
    font-size:14px;
}


.showcaseNecklaces h1 {font-size:70px;}

/**** DIAMOND NECKLACES PAGE ****/
/**** NECKLECASE PAGE ****/
.showcaseNecklaces {
    background: url(../img/necklaces/headerBkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding:160px 0;
    font-size:14px;
}

.showcaseNecklaces h1 {font-size:70px;}

.necklaces-experiance-the-difference {
    background: url(../img/necklaces/gemstone-necklacesBkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height:480px;
    padding-top: 150px;
}

.design-your-own-pendant {
    background: url(../img/necklaces/design-your-own-pendant.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height:480px;
    padding-top: 150px;
}


.necklaces-intro-btns .btn {
    margin-top: 3px;
    width: 33.08%
}

.necklacesList {text-align: center}

.necklacesList .necklacesListBox {
    border: 1px solid #f2f2f2;
    margin-top: 10px;
}

h5.necklacesListTitle {
    background: #f2f2f2;
    padding: 10px;
    margin: 0px;
    height: 55px;
}

p.necklacesListDescriptionTxt {
    background: #f2f2f2;
    padding: 10px;
    margin: 0px;
    height: 75px;
}

p.necklacesListDescriptionTxtFive {
    background: #f2f2f2;
    padding: 10px;
    margin: 0px;
    height: 90px;
}

.necklacesExploreMore .subtitle {
    margin: 30px 0;
}

.necklacesExploreMore .box {
    background: #f2f2f2;
    border: 1px solid #ccc;
    height: 142px;
    padding-right: 20px;
}

.necklacesExploreMore hr {margin-bottom: 10px;margin-top: 0}

.necklacesExploreMoreTitle {padding-top: 15px;}

.necklacesList a {color:#222}


.necklaces-single-product-price h5.original-price {
    color:#999;
}

/***** BRACELETS PAGE *****/
.showcaseBracelets {
    background: url(../img/bracelets/braceletsHeader.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height:400px;
    padding-top: 100px;
}

.showcaseBracelets h1 {
    font-size:70px;
}

.bangle-bracelets {
    background: url(../img/bracelets/banlge-bracelets.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 400px;
    padding-top: 120px;
    font-size:14px;
}

/***** PREOWNED PAGE *****/
.showcasePreowned {
    background: url(../img/preowned/preownedHeader.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height:480px;
    padding-top: 120px;
    font-size:14px;
}

.showcasePreowned h1 {
    font-size:50px;
}

.preowned-longBox {
    background: url(../img/preowned/chopard.jpg) no-repeat center left scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin: 50px 0;
    height: 400px;
    padding-top: 50px;
}

.preowned-more {
    text-align: center;
}

/***** DESIGN YOUR JEWELRY ******/
.design-your-jewelry {
    background: url(../img/build-your-own-diamond-jewelry/hederBkg.jpg) no-repeat center left scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin: 50px 0;
    height: 400px;
    padding-top: 80px;
}

.design-your-jewelry h1 {font-size: 50px;}

/****** EARRINGS PAGE *****/
.showcase-earrings {
    background: url(../img/earrings/earingsHeader.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding:160px 0;
    font-size:14px;
}

.showcase-earrings h1 {font-size:70px;}

.earrings-experiance-the-difference {
    background: url(../img/earrings/design-your-own-bkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height:450px;
    padding-top: 150px;
}

/****** DIAMOND EARRINGS PAGE *****/
.showcaseDiamondEarrings {
    background: url(../img/diamond-earrings-page/header.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    -webkit-box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    height: 400px;
}

/***** RINGS PAGE ******/
.showcaseRings {
    background: url(../img/rings/ringsHeader.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding:100px 0;
    font-size:14px;
}

.showcaseRings h1 {font-size:70px;}

.rings-stackable-rings {
    background: url(../img/rings/stackable-rings.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 400px;
    padding-top: 120px;
    font-size:14px;
}


/***** BUILD YOUR OWN DIAMOND JEWELERY ******/
.showcaseBuildDiamondJewelry {
    background: url(../img/build-your-own-diamond-jewelry/hederBkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    -webkit-box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    height: 400px;
}

.when .fa-truck {padding: 40px;}

/***** MATCHING PAIR *****/
.card-acc {
    border: 1px solid #6FBF98;
    padding: 10px;
    margin-bottom: 5px;
}

.cut-collapse {
    background: url(../img/matching-pair/cutbkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #fff;
    text-align: left;
    padding: 160px 80px;
}

.cut-collapse a, .clarity-collapse a {
    color:#fff;
    text-decoration: underline;
}

.carat-colapse {padding: 0 40px;}

.carat-colapse .speech-bubble {
    position: relative;
    background: #6FBF98;
    border-radius: 0;
    padding: 10px;
    color:#fff;
    font-size: 30px;
    margin-left: -22px;
}

.carat-colapse .speech-bubble:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #6FBF98;
    border-top: 0;
    margin-left: -6px;
    margin-top: -6px;
}

span.smaller {font-size: 12px;text-align: center;line-height: 0}

.clarity-collapse {
    background: url(../img/matching-pair/clarity.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #fff;
    text-align: left;
    padding: 160px 80px;
}

.border-left {border-left: 1px solid #ccc;padding-left: 30px;}

.matching-pair-single-page .active {
    background: none;
    color:#000
}

/***** BUILD YOUR EARRINGS PAGES *****/
.buildYourEarringsHeader {
    background: #EFEFEF;
    padding: 10px 40px;
}

.buildYourEarringsHeader img {
    margin: auto
}

h1.bigLink {
    background: #888;
    padding: 10px 30px;
    text-align: right;
    font-weight: bold;
    margin-top: 0px;
}

a h1.bigLink {color:#fff}

.the-perfect-pair p {
    font-size:16px;
    margin: 20px 0;
}

.build-your-earings-box {
    background: #F6F6F6;
    border:2px solid #ccc;
    margin: 20px 0;
}

/***** BUILD YOUR OWN PENDENT ******/
.buildYourPendentHeader {
    background: #EFEFEF;
    padding: 10px 40px;
}

.buildYourPendentHeader img {
    margin-top: -50px;
}

/**** EDUCATION PAGE ****/
.showcaseEducation {
    background: url(../img/education/educationhome.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    -webkit-box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 11px -4px rgba(0,0,0,0.75);
    height: 400px;
    padding-top: 90px;
}

.showcaseEducation h3 {line-height: 10px;}
.showcaseEducation a {color: #000}

.educationList {margin-top: 20px;}
.educationList a {color: #000}

.eduListBox p {height: 90px}


/***** NEW ARRIVALS PAGE *****/
p.new-arrivals-price {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2px
}

.looking-for-options {
    text-align: center;
    background: #6FBF98;
    color:#fff;
    padding: 15px 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.new-arrivals a:hover {text-decoration: none}

blockquote {
    background: #FEF7F6;
    border-left: 5px solid #E9564B;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}


blockquote h5 {color:#777;font-size:13px;}

blockquote h5.title {
    color:#E9564B;
    font-weight: bold;
    font-size: 15px;
}

.edu-and-guide {
    background: url(../img/education-and-guidance.jpg);
    color:#fff;
    height: 290px;
    padding: 50px;
    margin-top: 40px;
}

.shop-by-category {text-align: center}
.shop-by-category h4 {font-size: 15px;}

/*.redBkg {background:red;color:white;padding:5px;font-weight: bold}*/
.redBkg {color:black;padding:5px}
.offtext {text-align: center;color:red; margin-top: -20px;margin-bottom: 12px;}

#select-chain-length {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Chrome, Safari, Edge, Opera */
.filterSumLeft::-webkit-outer-spin-button,
.filterSumLeft::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.filterSumRight::-webkit-outer-spin-button,
.filterSumRight::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.filterSumLeft[type=number],
.filterSumRight[type=number] {
    -moz-appearance: textfield;
}

@media (max-width:499px) {
    html,body {overflow-x: hidden; max-width: 100%;}
    .mobilehide {display: none}
    .topInfo {text-align: center}
    .infoIcons .pull-right {float: inherit!important;}
    .showcaseMobileBtnMargin {padding-top: 60px; margin:0}
    .btn-default, .btn-primary {width:100%!important;font-weight: bold}
    .capture {margin-top: 20px;}
    .btn-circle {margin-top: -35px;}
    .square-radiant {margin-left:9px;}
    .ringShapes .col-xs-3 {margin-left: 25px;}
    .col-xs-3 {margin-bottom: 16px;}
    .createyours {padding:0px;height: 500px; padding-top: 48px; margin-bottom: 0;}
    .createyours img {width: initial}
    .imageInfoSection {margin: 30px 0}
    .cde {height: 300px;margin-bottom: 10px;}
    .inPerson {margin-top: 0}
    .inPerson h1 {font-size:30px;}
    .monthSpecial h2 {font-size:25px;}
    .showrooms h1 {font-size: 30px;}
    .showrooms h1 span {padding: 10px 15px; white-space: normal; line-height: 70px;}

    .showcaseEngagement h1 {font-size:30px;font-weight:bold; padding-bottom: 50px;}

    .showcaseWedding {background: url(../img/weddingHeaderBkg.jpg) no-repeat center right scroll;padding: 10px 20px 200px 0;text-align: right}
    .showcaseWedding h1 {font-size: 30px;}
    .ultimateRingStack .rightCol {padding-top: 0px;}


    .showcaseLooseDiamond {padding: 30px 0 65px 0!important;text-align: right}
    .showcaseLooseDiamond h1 {font-size: 30px;}
    .showcaseLooseDiamond p {padding-left: 100px;}
    .showcaseLooseDiamond .btn {font-size: 10px;width: 220px!important;}
    .learningCenter .col-sm-4 {margin: 35px 0 !important;}
    .learningCenter h3 {padding-top: 20px; padding-right: 20px;}

    .showcaseGemstone {padding: 50px 0;}
    .showcaseGemstone h1 {font-size:35px;font-weight: bold;}
    .designYourOwnGemstoneRing {margin: 0;}

    #primFilters {font-size:10px; padding-left: 30px; padding-right: 30px;}
    #primFilters .col-sm-4 {margin-bottom: 20px; margin-top: 3%;}
    .slider-handle {top: -10px; width: 18px; height: 32px;}
    .slider-handle:before {
        content: '';
        display: block;
        background: transparent;
        width: 40px;
        height: 47px;
        left: -50%;
        top: -50%;
        margin-top: -7px;
        box-sizing: border-box;
    }
    .min-slider-handle:before {
        margin-left: -12px;
    }
    .max-slider-handle:before {
        left: auto;
        margin-left: -6px;
    }

    .well-sm .btn-group .btn {margin-bottom: 5px;}

    .showcaseEcoFriendly {text-align: center;padding: 100px 0px 80px 90px}
    .showcaseEcoFriendly h1 {font-size: 30px;}
    .eco-gem {margin-top: 30px;padding-left: 90px!important}
    .eco-jew-offers {margin: 50px 0;text-align: center;}
    .eco-diamond {margin-top: 30px;padding: 10px 40px;}

    .showcase-earrings {padding:40px 0;background: url(../img/earrings/earingsHeader.jpg) no-repeat center right scroll;}
    .showcase-earrings h1 {font-size:36px;font-weight: bold;}
    .earrings-experiance-the-difference {background: url(../img/earrings/design-your-own-bkg.jpg) no-repeat center right scroll;height:400px;padding-top: 50px;}

    .showcaseNecklaces {background: url(../img/necklaces/headerBkg.jpg) no-repeat center center scroll;text-align: right;padding:100px 0 100px 80px;}
    .showcaseNecklaces h1 {font-size:40px;font-weight:bold;text-align: right}
    .showcaseNecklaces .btn {width: 140px!important;}
    .necklaces-experiance-the-difference {background: url(../img/necklaces/gemstone-necklacesBkg.jpg) no-repeat center center scroll;height:320px;padding: 90px 30px;}
    .design-your-own-pendant {background: url(../img/necklaces/design-your-own-pendant.jpg) no-repeat center right scroll;height:500px;padding-top: 20px;}

    .showcaseBracelets {background: url(../img/bracelets/braceletsHeader.jpg) no-repeat center right scroll;padding-top: 40px;}
    .showcaseBracelets h1 {font-size:40px;font-weight: bold}
    .bangle-bracelets {height: 280px;padding-top: 30px;}
    .bangle-bracelets h5 {margin-top: 80px;}

    .showcaseRings {background: url(../img/rings/ringsHeader.jpg) no-repeat center right scroll;padding:20px 0;font-size:14px;}
    .showcaseRings h1 {font-size: 40px;font-weight: bold;}
    .rings-stackable-rings {height: 370px;padding-top: 40px;}
    .rings-stackable-rings h5 {padding-top: 120px;}

    .design-your-jewelry {background: url(../img/build-your-own-diamond-jewelry/hederBkg.jpg) no-repeat center right scroll;margin: 0 0 30px 0;height: 360px;padding-top: 20px;}
    .design-your-jewelry h1 {font-size:30px;font-weight:bold;}

    .showcasePreowned {
        background: url(../img/preowned/preownedHeader.jpg) no-repeat center center scroll;text-align: right;height:320px;padding-top: 40px;padding-left: 55px;}
    .showcasePreowned h1 {font-size: 30px;font-weight: bold;}
    .preowned-longBox {background: url(../img/preowned/chopard.jpg) no-repeat center right scroll; margin: -84px 0 -80px; height: 650px; padding-top: 132px;}

    footer {text-align: center;}
    footer .pull-right {float: inherit!important;}
    img#s9, img#s10, img#s11 {margin-top: 8px;}

    .underDot {margin-bottom: 6px;}
    .filterSpacing {margin-top: 20px;}
    #adfilters {padding-top: 20px;}
    #rstfilters {margin-top: -35px;padding-right: 10px;}
    /***** BREADCRUMBS *****/
    .custom-breadcrumb{margin:0;margin-left: -32px;}
    .custom-breadcrumb li {padding: 10px 0;margin-bottom: 6px;height: 60px;}
    .custom-breadcrumb li:after {border-top: 0px solid transparent; border-bottom: 0px solid transparent; margin-top: -30px;}
    .custom-breadcrumb li:before {border-top: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid white;}
    .custom-breadcrumb, .custom-breadcrumb h4 {font-size:9px; line-height: initial;}
    .custom-breadcrumb .active:after {border-left: 12px solid #6fbf98;}
    .custom-breadcrumb .faded-crumb:after {border-left: 12px solid #ecf0f1;}
    .custom-breadcrumb .faded-crumb {padding: 21px 0 21px!important;}

    .details {text-align: center;}
    .price h3 {margin-top: -8px;}
    .add-to-cart {padding: 10px;font-size:13px;}
    .searchLabDiamondBtn, .searchNaturalDiamondBtnBlk {padding: 10px 32px;min-width: inherit;font-size:13px;width: auto}
    .included {padding-top: 0px;}
    .pagination {margin-top: -29px;}
    .settings-single-product-aside {margin-top: 20px;text-align: center}
    .product-of-interest {margin: 30px 0}
    .coloredDiamondsIntro .contactSection {padding: 6px;margin: 0 10px;}
    .engRings, .custCreation, .topEngagRingStyle {padding: 0 30px;}
    .artisanCrafted {margin: 0!important}
    .engagementHowToChoose {padding:30px 0}
    .howToChooseDiamond .rightCol {padding: 0;margin: 0}
    .getThePerfectFit {padding: 10px }
    .haveAquestion, .whyAoj {padding: 20px}
    .fancy-clarity {padding: 30px}
    .showcaseLooseDiamond, .createyoursLooseDiamondPage, .coloredDiamonds .rightTxt {padding:20px}
    .learningCenter {margin-left:30px;}

    .eco-gem {padding: 30px;}
    .beauty-inside-out {margin-top: -120px;}
    .astrid-diamond-pendant img {height: inherit;margin: auto}
    .aboutHeader {padding: 50px 20px;}
    .know-what-you-buying {padding: 20px;margin: 0;height:1250px}
    .ready-to-get-started {height: 300px;}
    .necklaces-intro-btns .btn {width: 100%}
    .necklacesExploreMore .box {height: 125px;margin-bottom: 10px;}
    p.necklacesExploreMoreDescription {font-size: 10px;}
    .shop-by-category img {margin: auto;}
    .navbar {min-height: 0; margin-bottom: 0;}
    #loader {margin: auto}
    .materialGraph {justify-content: center}
    .ringSize {justify-content: center}
    .product-social {margin-top: 10px;}
    .stud-earrings > #products > div > div > div.col-sm-10 > div:nth-child(1),
    .solitaire-pendant > #products > div > div > div.col-sm-10 > div:nth-child(1) {padding: 0 !important;}
    .stud-earrings > #products > div > div > div.col-sm-10 .col-sm-1,
    .solitaire-pendant > #products > div > div > div.col-sm-10 .col-sm-1 { padding-top: 10px !important;}
    .stud-earrings > #products > div > div > div.col-sm-2,
    .solitaire-pendant > #products > div > div > div.col-sm-2 {margin-top: -100px; z-index: -1;}
    .stud-earrings > #products > div > div > div.col-sm-10,
    .solitaire-pendant > #products > div > div.col-sm-10 {margin-top: -80px;}

    .design-your-jewelry img {margin:-40px}
    .diamond-filter-slider-mobile {margin-bottom: 40px !important}

    /*.navbar-collapse {margin-top: 202px;}*/
    .navbar-nav {width: 100%; margin: 7.5px -10px;}
    /*.arrow-down {position: absolute; right: 18px; margin-top: -35px; width: 30px; height: 30px; padding-left: 9px; padding-top: 7px;} for links in menu */
    .arrow-down {position: absolute; left: 0; margin-top: -40px; width: 100%; height: 40px; padding-top: 14px;} /* for opening menu on the links */
    .arrow-down i {float: right; margin-right: 24px;}
    /*.menu-overlay {display: none!important}*/
    /*#slide-navbar-collapse {width: 100%!important;}*/
    .dropdown-header {white-space: initial;}
    .mega-dropdown-menu > li > ul > li > a {white-space: initial !important;}
    .navbar-nav hr {margin: 0 0 0 10px;width:100%;}
    .navbar-nav > li > a {width: 50%;}
    .navbar-nav .dropdown-menu {width: 107% !important;}
    .mega-dropdown-menu .dropdown-header {margin-left: -6px;}
    /*.slider-tick-label {width: 100% !important;}*/

    form .btn-primary {width:100px!important;}
    .modal-content {padding: 0;width: 100%!important;}
    .modal-content .btn {margin-bottom: 10px;}

    .diamond-list-grid-btns {display: flex;}

    .dropdownFilter .btn-inverse {width: 100%}

    .MultiCarousel .capture {top: -290px;}

    /*.thumbnail img {min-height: 348px !important; min-width: 348px !important;}*/
    /*#gridContent .thumbnail img {min-height: 241px !important; min-width: 241px !important;}*/

    #addLabels span {display: flex; flex-wrap: wrap;}
    #addLabels span .label {margin-bottom: 10px;}

    .well {margin-bottom: 0;}
    #listContent {width: auto; margin-left: 0;}
    #listContent .select-table {overflow-x: scroll;}
    #listContent #sorting {margin-top: 0 !important; width: 80vw; border: 0;}
    #listContent #sorting th, #listContent #sorting td {padding: 5px !important; white-space: nowrap;}

    #gridContent .caption {min-height: auto;}

    .card {margin-top: 0 !important;}
    .card .wrapper .price {margin-bottom: 10px;}
    .container .container, .container .container > .col-sm-12, .container > .col-sm-12, .container > div > .col-sm-12 {padding: 0}
    .container > div {margin-top: 0 !important;}
    .container .row .col-sm-12 {padding-right: 15px; padding-left: 15px;}
    .coloredDiamondsIntro {padding-right: 15px; padding-left: 15px;}

    .showmore {margin-bottom: 20px;}

    .caption {min-height: auto !important;}
    .settingsProductTitle > a {min-height: auto !important;}

    .orderDeadline {margin-top: 30px;}

    .social a {margin-right: 5px;}

    #gridContent {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*flex-direction: row;*/
    }
    #gridContent > * {
        /*padding: 0 10px 0 0;*/
    }
    .simiral-items-list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .simiral-items-list > * {
        margin-bottom: 5px;
    }
    .simiral-items-list h5 {
        min-height: 100px;
    }
    .topViewed > .container > .col-sm-12 > .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #products > *,
    #gridContent > *,
    .simiral-items-list > *,
    .topViewed > .container > .col-sm-12 > .row > * {
        /*width: calc(50% - 1px);*/
        /*margin-bottom: 10px;*/
    }

    #products .thumbnail,
    #gridContent .thumbnail {
        padding: 0;
        min-height: 290px;
    }

    .simiral-items-list .img-responsive {
        min-height: 154px;
        min-width: 154px;
    }
    #products .settingsProductTitle {
        min-height: 100px;
    }
    #products .circles span {
        margin-right: 5px;
    }

    .gemstone-video {
        min-height: 170px !important;
        min-width: 170px !important;
    }
    .gemstone-products .settingsProductTitle {
        min-height: auto !important;
    }

    .redBkg {display: block; overflow: hidden; text-align: center}
    #products .redBkg,
    #gridContent .redBkg {
        text-overflow: ellipsis;
    }
    .offtext {margin-top: -20px; margin-bottom: 5px;}
    .thumbnail:hover {
        border: 1px solid transparent;
    }

    .product-page-shipping-details img {
        margin-top: 20px;
    }

    .caratWeight {
        justify-content: center;
    }

    #select-chain-length {
        justify-content: space-evenly;
    }

    .schedule-appoint{
        width: 80% !important;
    }

    .overlay-content {
        top: 35% !important;
        width: 90% !important;
        left: 0 !important;
    }
    .overlay-content input {
        font-size: 20px !important;
    }
    .overlay .closebtn {
        top: 60px !important;
        right: 5px !important;
    }

    .home-btn{
        grid-template-columns: repeat(auto-fit, minmax(200px, 0fr)) !important;
    }

}

.modal-content {
    padding: 50px;
}

.modal-header, .modal-footer {border: none;}



tbody {margin: auto}

tbody h2 {text-align: center}

.select-table .active {background: none;color:#000}

.filterSumLeft {
    width: 50px;
    font-size: 12px;
    margin-top: 6px;
    text-align: center;
    float: left;
}

.filterSumRight {
    width: 70px;
    font-size: 12px;
    text-align: center;
    margin-top: 6px;
    float:right;
}


/**** SHOPPING CART ****/
.shoping-cart-heading {
    background:#f1f1f1;
    padding: 20px;
}


.shopping-cart .btn-sm {
    padding: 8px 12px;
}

.panel-inverse {
    border:1px solid #ccc;
    margin-top: 10px;
    background: #f1f1f1;
    padding: 0px;
    border-radius: 0
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

.panel-title > a {
    display: block;
    padding: 0px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.panel-body {background: #fff}

.cart-shipping-info, .cart-order-info {
    background: #f1f1f1;
    padding: 10px 40px;
}

.billing-address input {margin-bottom: 8px;}

.cleaining-products-box {
    background: #f1f1f1;
    padding:15px;
    min-height: 150px;
}


#accordion .panel, 
#accordion1 .panel, 
#accordion2 .panel, 
#accordion3 .panel, 
#accordion4 .panel, 
#accordion_earrings_shape_1 .panel, 
#accordion_earrings_shape_2 .panel, 
#accordion_earrings_shape_3 .panel, 
#accordion_earrings_shape_4 .panel,
#accordion_ctw_measurements_1 .panel, 
#accordion_ctw_measurements_2 .panel, 
#accordion_ctw_measurements_3 .panel, 
#accordion_ctw_measurements_4 .panel,
#accordion_predesign_1 .panel, 
#accordion_predesign_2 .panel, 
#accordion_predesign_3 .panel, 
#accordion_predesign_4 .panel{
    border: none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 15px;
    width: 100%;
}
#accordion .panel-heading, 
#accordion1 .panel-heading, 
#accordion2 .panel-heading, 
#accordion3 .panel-heading, 
#accordion4 .panel-heading,
#accordion_earrings_shape_1 .panel-heading, 
#accordion_earrings_shape_2 .panel-heading, 
#accordion_earrings_shape_3 .panel-heading, 
#accordion_earrings_shape_4 .panel-heading, 
#accordion_ctw_measurements_1 .panel-heading, 
#accordion_ctw_measurements_2 .panel-heading, 
#accordion_ctw_measurements_3 .panel-heading, 
#accordion_ctw_measurements_4 .panel-heading,
#accordion_predesign_1 .panel-heading, 
#accordion_predesign_2 .panel-heading, 
#accordion_predesign_3 .panel-heading, 
#accordion_predesign_4 .panel-heading{
    padding: 0;
    border: none;
    border-radius: 3px;
}
#accordion .panel-title a, 
#accordion1 .panel-title a, 
#accordion2 .panel-title a, 
#accordion3 .panel-title a, 
#accordion4 .panel-title a, 
#accordion_earrings_shape_1 .panel-title a, 
#accordion_earrings_shape_2 .panel-title a, 
#accordion_earrings_shape_3 .panel-title a, 
#accordion_earrings_shape_4 .panel-title a,
#accordion_ctw_measurements_1 .panel-title a, 
#accordion_ctw_measurements_2 .panel-title a, 
#accordion_ctw_measurements_3 .panel-title a, 
#accordion_ctw_measurements_4 .panel-title a,
#accordion_predesign_1 .panel-title a, 
#accordion_predesign_2 .panel-title a, 
#accordion_predesign_3 .panel-title a, 
#accordion_predesign_4 .panel-title a{
    display: block;
    padding: 12px 15px;
    background: #f1f1f1;
    font-size: 18px;
    font-weight: bold;
    color: #6FBF98;
    /*border: 1px solid #ececec;*/
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);

}
#accordion .panel-title a.collapsed, 
#accordion1 .panel-title a.collapsed, 
#accordion2 .panel-title a.collapsed, 
#accordion3 .panel-title a.collapsed, 
#accordion4 .panel-title a.collapsed, 
#accordion_earrings_shape_1 .panel-title a.collapsed, 
#accordion_earrings_shape_2 .panel-title a.collapsed, 
#accordion_earrings_shape_3 .panel-title a.collapsed, 
#accordion_earrings_shape_4 .panel-title a.collapsed,
#accordion_ctw_measurements_1 .panel-title a.collapsed, 
#accordion_ctw_measurements_2 .panel-title a.collapsed, 
#accordion_ctw_measurements_3 .panel-title a.collapsed, 
#accordion_ctw_measurements_4 .panel-title a.collapsed,
#accordion_predesign_1 .panel-title a.collapsed, 
#accordion_predesign_2 .panel-title a.collapsed, 
#accordion_predesign_3 .panel-title a.collapsed, 
#accordion_predesign_4 .panel-title a.collapsed{
    box-shadow: none;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}

.accordion .card-header a:hover {
    text-decoration: none;
}

#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before,
#accordion1 .panel-title a:before,
#accordion1 .panel-title a.collapsed:before,
#accordion2 .panel-title a:before,
#accordion2 .panel-title a.collapsed:before,
#accordion3 .panel-title a:before,
#accordion3 .panel-title a.collapsed:before,
#accordion4 .panel-title a:before,
#accordion4 .panel-title a.collapsed:before,
#accordion_earrings_shape_1 .panel-title a:before,
#accordion_earrings_shape_1 .panel-title a.collapsed:before,
#accordion_earrings_shape_2 .panel-title a:before,
#accordion_earrings_shape_2 .panel-title a.collapsed:before,
#accordion_earrings_shape_3 .panel-title a:before,
#accordion_earrings_shape_3 .panel-title a.collapsed:before,
#accordion_earrings_shape_4 .panel-title a:before,
#accordion_earrings_shape_4 .panel-title a.collapsed:before,
#accordion_ctw_measurements_1 .panel-title a:before,
#accordion_ctw_measurements_1 .panel-title a.collapsed:before,
#accordion_ctw_measurements_2 .panel-title a:before,
#accordion_ctw_measurements_2 .panel-title a.collapsed:before,
#accordion_ctw_measurements_3 .panel-title a:before,
#accordion_ctw_measurements_3 .panel-title a.collapsed:before,
#accordion_ctw_measurements_4 .panel-title a:before,
#accordion_ctw_measurements_4 .panel-title a.collapsed:before,
#accordion_predesign_1 .panel-title a:before,
#accordion_predesign_1 .panel-title a.collapsed:before,
#accordion_predesign_2 .panel-title a:before,
#accordion_predesign_2 .panel-title a.collapsed:before,
#accordion_predesign_3 .panel-title a:before,
#accordion_predesign_3 .panel-title a.collapsed:before,
#accordion_predesign_4 .panel-title a:before,
#accordion_predesign_4 .panel-title a.collapsed:before
{
    content: ">";
    line-height: 28px;
    font-size: 30px;
    color: #6FBF98;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 15px;
    transform: rotate(90deg);
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before,
#accordion1 .panel-title a.collapsed:before,
#accordion2 .panel-title a.collapsed:before,
#accordion3 .panel-title a.collapsed:before,
#accordion4 .panel-title a.collapsed:before,
#accordion_earrings_shape_1 .panel-title a.collapsed:before,
#accordion_earrings_shape_2 .panel-title a.collapsed:before,
#accordion_earrings_shape_3 .panel-title a.collapsed:before,
#accordion_earrings_shape_4 .panel-title a.collapsed:before,
#accordion_ctw_measurements_1 .panel-title a.collapsed:before,
#accordion_ctw_measurements_2 .panel-title a.collapsed:before,
#accordion_ctw_measurements_3 .panel-title a.collapsed:before,
#accordion_ctw_measurements_4 .panel-title a.collapsed:before,
#accordion_predesign_1 .panel-title a.collapsed:before, 
#accordion_predesign_2 .panel-title a.collapsed:before, 
#accordion_predesign_3 .panel-title a.collapsed:before, 
#accordion_predesign_4 .panel-title a.collapsed:before{
    color: #676767;
    transform: rotate(0);
}
#accordion .panel-title a:after,
#accordion1 .panel-title a:after,
#accordion2 .panel-title a:after,
#accordion3 .panel-title a:after,
#accordion4 .panel-title a:after,
#accordion_earrings_shape_1 .panel-title a:after,
#accordion_earrings_shape_2 .panel-title a:after,
#accordion_earrings_shape_3 .panel-title a:after,
#accordion_earrings_shape_4 .panel-title a:after,
#accordion_ctw_measurements_1 .panel-title a:after,
#accordion_ctw_measurements_2 .panel-title a:after,
#accordion_ctw_measurements_3 .panel-title a:after,
#accordion_ctw_measurements_4 .panel-title a:after,
#accordion_predesign_1 .panel-title a:after, 
#accordion_predesign_2 .panel-title a:after, 
#accordion_predesign_3 .panel-title a:after, 
#accordion_predesign_4 .panel-title a:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #ececec;
    position: absolute;
    top: 0;
    right: 55px;
}
#accordion .panel-body,
#accordion1 .panel-body,
#accordion2 .panel-body,
#accordion3 .panel-body,
#accordion4 .panel-body,
#accordion_earrings_shape_1 .panel-body,
#accordion_earrings_shape_2 .panel-body,
#accordion_earrings_shape_3 .panel-body,
#accordion_earrings_shape_4 .panel-body,
#accordion_ctw_measurements_1 .panel-body,
#accordion_ctw_measurements_2 .panel-body,
#accordion_ctw_measurements_3 .panel-body,
#accordion_ctw_measurements_4 .panel-body,
#accordion_predesign_1 .panel-body, 
#accordion_predesign_2 .panel-body, 
#accordion_predesign_3 .panel-body, 
#accordion_predesign_4 .panel-body{
    padding: 0px 15px;
    border: none;
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
}

/**** ENGAGEMENT RING STYLES & SETTINGS ****/
.all-engagement-rings-style .grey-box {
    background: #F7F7F7;
}

.grey-box, .white-box {
    min-height: 270px;
}

.all-engagement-rings-style .grey-box img {
    max-width:350px;
    padding: 10px 50px;
}

.all-engagement-rings-style .white-box img {
    max-width:350px;
    padding: 10px 50px;
}

.all-engagement-rings-style  h5 a {
    text-transform: uppercase;
    font-size:13px;
}

/**** STUD DIAMOND EARRINGS ****/
.stud-earrings-header {
    background: url(../img/diamond-stud-earrings/header.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 250px;
    padding: 50px 50px;
    text-align: left;
}

.stud-earrings .col-sm-1 {text-align: center}

.lookingForMore {
    background: url(../img/earrings/design-your-own-bkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 400px;
    padding-top: 80px;
}

.lookingForMore a {color:#fff;}

/**** DIAMOND SOLITAIRE PENDANT ****/
.solitaire-pendant-header {
    background: url(../img/necklaces/diamond-solitair-pendants.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 250px;
    padding: 50px 50px;
    text-align: left;
}

.lookingForMorePendant {
    background: url(../img/necklaces/design-your-own-pendant.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 420px;
    padding-top: 100px;
}


/**** BUILD YOUR OWN RING ****/
.build-your-own-ring-header {
    background: #f2f2f2;
    height: 300px;
    padding: 30px;
}

.solitaire-pendant .col-sm-10 {text-align: center;}

.guidance .box {
    background: #f6f6f6;
    border:2px solid #fff
}

.guidance .carat {
    height: 90px;
    padding-top: 16px;
}

.rectangleBkg {
    background: #f6f6f6;
    border:4px solid #fff
}

.rectangleBkg img {
    margin-left: -28px;
}

.shopping-cart-empty .box {
    border: 1px solid #6FBF98;
    padding: 50px 30px;
    text-align: center;
}

.caption {min-height:180px;}

.variant-config-box {
    padding-right: 10px;
}

.set-with img {max-width: 35px;}


#shape img {margin-bottom: 8px;}

.thumbnail img {
    /*min-height: 241px;*/
    /*min-width: 241px;*/
}
.gemstone-video {
    min-height: 261px;
    min-width: 261px;
}

.diamondBrite-fashion-bracelet-header {
    background: url(../img/bracelets/diamondbriteBraceletHeader.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 280px;
    padding: 50px 50px;
    text-align: left;
}

/*** GEMSTONE LIST VIDEO RESPONSIVE ***/
.thevideo {width:100%;}

img.video-thumb {
    width: 80px;
    position: absolute;
    top:10px;
    left: 20px;
}

#shapeHere {height: 10px;}

#shape img {cursor: pointer;}

img.smallImgTmb {width:55px}

.smallImgTmb {
    position: absolute;
    top:15px;
    left:30px;
}

.spacing {padding: 20px 0;}

.mailTempl .btn-default {width: 100%;letter-spacing: 2px;}

.mailTempl i {margin-left: 20px;}

.promise li {text-transform: capitalize;font-size:18px;line-height: 35px;}

.promise .btn {margin-left: 38px;}

.backToTop {
    position: fixed;
    bottom: 20px;
    right: 90px;
}

.backToTop i {
    background: #6fbf989e;
    padding: 10px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #6FBF98;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*** SEARCH ***/
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index: 1;top: 0;left: 0;background-color: #6FBF98;background-color: rgba(111,191,152, 0.8);transition: 0.3s;}
.overlay-content {position: relative;top: 46%;width: 60%;left: 0;margin-top: 30px;margin: auto;transition: 0.3s;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;cursor: pointer;color: white;}
.overlay .closebtn:hover {color: #ccc;}
.overlay input[type=text] {padding: 15px;font-size: 30px;border: none;float: left;width: 100%;background: white;}
.overlay input[type=text]:hover {background: #fff;transition: 0.3s;}
.overlay button {float: left;width: 10%;padding: 15px;background: #f1f1f1;font-size: 30px;border: none;cursor: pointer;transition: 0.3s;color: #6FBF98;}
.overlay button:hover {background: #ccc;}

.invalid {
    border: 1px solid #900;
}

.error-message {
    color: #900;
}

.error-message.form-margin {
    margin-left: 11.57143em;
}

.showsocial > div {
    white-space: nowrap;
}

.opacityElement {
    opacity:0.5;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.modal-content {
    padding: 50px;
}

.modal-header, .modal-footer {border: none;}

table th {
    background: #7f7f7d;
    color:#fff;
    text-align: center;
}

td.you-save{
    font-size: 15px;
    background-color: #FDDACA;
    padding: 4px !important;
}

td.not-recommend{
    font-size: 12px;
    background-color: #FDDACA;
    /* padding: 4px !important; */
}
.not-recommend a{
    background-color: #6fbf98;
    border-radius: 8px;
    color:white;
    text-decoration: none;
    padding: 2px 5px !important;
}


tbody {margin: auto}

tbody h2 {text-align: center}

.select-table .active {background: none;color:#000}

.filterSumLeft {
    width: 50px;
    font-size: 12px;
    margin-top: 6px;
    text-align: center;
    float: left;
}

.filterSumRight {
    width: 70px;
    font-size: 12px;
    text-align: center;
    margin-top: 6px;
    float:right;
}


/**** SHOPPING CART ****/
.shoping-cart-heading {
    background:#f1f1f1;
    padding: 20px;
}

.shopping-cart .btn-sm {
    padding: 8px 12px;
}

.panel-inverse {
    border:1px solid #ccc;
    margin-top: 10px;
    background: #f1f1f1;
    padding: 0px;
    border-radius: 0
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

.panel-title > a {
    display: block;
    padding: 0px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.panel-body {background: #fff}

.cart-shipping-info, .cart-order-info {
    background: #f1f1f1;
    padding: 10px 40px;
}

.billing-address input {margin-bottom: 8px;}

.cleaining-products-box {
    background: #f1f1f1;
    padding:15px;
    min-height: 150px;
}


#accordion .panel,
#accordion1 .panel,
#accordion2 .panel,
#accordion3 .panel,
#accordion4 .panel,
#accordion_earrings_shape_1 .panel,
#accordion_earrings_shape_2 .panel,
#accordion_earrings_shape_3 .panel,
#accordion_earrings_shape_4 .panel,
#accordion_ctw_measurements_1 .panel,
#accordion_ctw_measurements_2 .panel,
#accordion_ctw_measurements_3 .panel,
#accordion_ctw_measurements_4 .panel,
#accordion_predesign_1 .panel, 
#accordion_predesign_2 .panel, 
#accordion_predesign_3 .panel, 
#accordion_predesign_4 .panel{
    border: none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 15px;
    width: 100%;
}
#accordion .panel-heading,
#accordion1 .panel-heading,
#accordion2 .panel-heading,
#accordion3 .panel-heading,
#accordion4 .panel-heading,
#accordion_earrings_shape_1 .panel-heading,
#accordion_earrings_shape_2 .panel-heading,
#accordion_earrings_shape_3 .panel-heading,
#accordion_earrings_shape_4 .panel-heading,
#accordion_ctw_measurements_1 .panel-heading,
#accordion_ctw_measurements_2 .panel-heading,
#accordion_ctw_measurements_3 .panel-heading,
#accordion_ctw_measurements_4 .panel-heading,
#accordion_predesign_1 .panel-heading, 
#accordion_predesign_2 .panel-heading, 
#accordion_predesign_3 .panel-heading, 
#accordion_predesign_4 .panel-heading{
    padding: 0;
    border: none;
    border-radius: 3px;
}
#accordion .panel-title a,
#accordion1 .panel-title a,
#accordion2 .panel-title a,
#accordion3 .panel-title a,
#accordion4 .panel-title a,
#accordion_earrings_shape_1 .panel-title a,
#accordion_earrings_shape_2 .panel-title a,
#accordion_earrings_shape_3 .panel-title a,
#accordion_earrings_shape_4 .panel-title a,
#accordion_ctw_measurements_1 .panel-title a,
#accordion_ctw_measurements_2 .panel-title a,
#accordion_ctw_measurements_3 .panel-title a,
#accordion_ctw_measurements_4 .panel-title a,
#accordion_predesign_1 .panel-title a, 
#accordion_predesign_2 .panel-title a, 
#accordion_predesign_3 .panel-title a, 
#accordion_predesign_4 .panel-title a{
    display: block;
    padding: 12px 15px;
    background: #f1f1f1;
    font-size: 18px;
    font-weight: bold;
    color: #6FBF98;
    /*border: 1px solid #ececec;*/
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}
#accordion .panel-title a.collapsed,
#accordion1 .panel-title a.collapsed,
#accordion2 .panel-title a.collapsed,
#accordion3 .panel-title a.collapsed,
#accordion4 .panel-title a.collapsed,
#accordion_earrings_shape_1 .panel-title a.collapsed,
#accordion_earrings_shape_2 .panel-title a.collapsed,
#accordion_earrings_shape_3 .panel-title a.collapsed,
#accordion_earrings_shape_4 .panel-title a.collapsed,
#accordion_ctw_measurements_1 .panel-title a.collapsed,
#accordion_ctw_measurements_2 .panel-title a.collapsed,
#accordion_ctw_measurements_3 .panel-title a.collapsed,
#accordion_ctw_measurements_4 .panel-title a.collapsed,
#accordion_predesign_1 .panel-title a.collapsed, 
#accordion_predesign_2 .panel-title a.collapsed, 
#accordion_predesign_3 .panel-title a.collapsed, 
#accordion_predesign_4 .panel-title a.collapsed{
    box-shadow: none;
    box-shadow: 0 1px 2px rgba(43,59,93,0.30);
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before,
#accordion1 .panel-title a:before,
#accordion1 .panel-title a.collapsed:before,
#accordion2 .panel-title a:before,
#accordion2 .panel-title a.collapsed:before,
#accordion3 .panel-title a:before,
#accordion3 .panel-title a.collapsed:before,
#accordion4 .panel-title a:before,
#accordion4 .panel-title a.collapsed:before,
#accordion_earrings_shape_1 .panel-title a:before,
#accordion_earrings_shape_1 .panel-title a.collapsed:before,
#accordion_earrings_shape_2 .panel-title a:before,
#accordion_earrings_shape_2 .panel-title a.collapsed:before,
#accordion_earrings_shape_3 .panel-title a:before,
#accordion_earrings_shape_3 .panel-title a.collapsed:before,
#accordion_earrings_shape_4 .panel-title a:before,
#accordion_earrings_shape_4 .panel-title a.collapsed:before,
#accordion_ctw_measurements_1 .panel-title a:before,
#accordion_ctw_measurements_1 .panel-title a.collapsed:before,
#accordion_ctw_measurements_2 .panel-title a:before,
#accordion_ctw_measurements_2 .panel-title a.collapsed:before,
#accordion_ctw_measurements_3 .panel-title a:before,
#accordion_ctw_measurements_3 .panel-title a.collapsed:before,
#accordion_ctw_measurements_4 .panel-title a:before,
#accordion_ctw_measurements_4 .panel-title a.collapsed:before,
#accordion_predesign_1 .panel-title a:before,
#accordion_predesign_1 .panel-title a.collapsed:before,
#accordion_predesign_2 .panel-title a:before,
#accordion_predesign_2 .panel-title a.collapsed:before,
#accordion_predesign_3 .panel-title a:before,
#accordion_predesign_3 .panel-title a.collapsed:before,
#accordion_predesign_4 .panel-title a:before,
#accordion_predesign_4 .panel-title a.collapsed:before{
    content: ">";
    line-height: 28px;
    font-size: 30px;
    color: #6FBF98;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 15px;
    transform: rotate(90deg);
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before,
#accordion1 .panel-title a.collapsed:before,
#accordion2 .panel-title a.collapsed:before,
#accordion3 .panel-title a.collapsed:before,
#accordion4 .panel-title a.collapsed:before,
#accordion_earrings_shape_1 .panel-title a.collapsed:before,
#accordion_earrings_shape_2 .panel-title a.collapsed:before,
#accordion_earrings_shape_3 .panel-title a.collapsed:before,
#accordion_earrings_shape_4 .panel-title a.collapsed:before,
#accordion_ctw_measurements_1 .panel-title a.collapsed:before,
#accordion_ctw_measurements_2 .panel-title a.collapsed:before,
#accordion_ctw_measurements_3 .panel-title a.collapsed:before,
#accordion_ctw_measurements_4 .panel-title a.collapsed:before,
#accordion_predesign_1 .panel-title a.collapsed:before, 
#accordion_predesign_2 .panel-title a.collapsed:before, 
#accordion_predesign_3 .panel-title a.collapsed:before, 
#accordion_predesign_4 .panel-title a.collapsed:before{
    color: #676767;
    transform: rotate(0);
}
#accordion .panel-title a:after,
#accordion1 .panel-title a:after,
#accordion2 .panel-title a:after,
#accordion3 .panel-title a:after,
#accordion4 .panel-title a:after,
#accordion_earrings_shape_1 .panel-title a:after,
#accordion_earrings_shape_2 .panel-title a:after,
#accordion_earrings_shape_3 .panel-title a:after,
#accordion_earrings_shape_4 .panel-title a:after,
#accordion_ctw_measurements_1 .panel-title a:after,
#accordion_ctw_measurements_2 .panel-title a:after,
#accordion_ctw_measurements_3 .panel-title a:after,
#accordion_ctw_measurements_4 .panel-title a:after,
#accordion_predesign_1 .panel-title a:after, 
#accordion_predesign_2 .panel-title a:after, 
#accordion_predesign_3 .panel-title a:after, 
#accordion_predesign_4 .panel-title a:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #ececec;
    position: absolute;
    top: 0;
    right: 55px;
}
#accordion .panel-body,
#accordion1 .panel-body,
#accordion2 .panel-body,
#accordion3 .panel-body,
#accordion4 .panel-body,
#accordion_earrings_shape_1 .panel-body,
#accordion_earrings_shape_2 .panel-body,
#accordion_earrings_shape_3 .panel-body,
#accordion_earrings_shape_4 .panel-body,
#accordion_ctw_measurements_1 .panel-body,
#accordion_ctw_measurements_2 .panel-body,
#accordion_ctw_measurements_3 .panel-body,
#accordion_ctw_measurements_4 .panel-body,
#accordion_predesign_1 .panel-body, 
#accordion_predesign_2 .panel-body, 
#accordion_predesign_3 .panel-body, 
#accordion_predesign_4 .panel-body{
    padding: 0px 15px;
    border: none;
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
}

/**** ENGAGEMENT RING STYLES & SETTINGS ****/
.all-engagement-rings-style .grey-box {
    background: #F7F7F7;
}

.grey-box, .white-box {
    min-height: 270px;
}

.all-engagement-rings-style .grey-box img {
    max-width:350px;
    padding: 10px 50px;
}

.all-engagement-rings-style .white-box img {
    max-width:350px;
    padding: 10px 50px;
}

.all-engagement-rings-style  h5 a {
    text-transform: uppercase;
    font-size:13px;
}

/**** STUD DIAMOND EARRINGS ****/
.stud-earrings-header {
    background: url(../img/diamond-stud-earrings/header.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 250px;
    padding: 50px 50px;
    text-align: left;
}

.stud-earrings .col-sm-1 {text-align: center}

.lookingForMore {
    background: url(../img/earrings/design-your-own-bkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 400px;
    padding-top: 80px;
}

.lookingForMore a {color:#fff;}

/**** DIAMOND SOLITAIRE PENDANT ****/
.solitaire-pendant-header {
    background: url(../img/necklaces/diamond-solitair-pendants.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 250px;
    padding: 50px 50px;
    text-align: left;
}

.lookingForMorePendant {
    background: url(../img/necklaces/design-your-own-pendant.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 420px;
    padding-top: 100px;
}


/**** BUILD YOUR OWN RING ****/
.build-your-own-ring-header {
    background: #f2f2f2;
    height: 300px;
    padding: 30px;
}

.solitaire-pendant .col-sm-10 {text-align: center;}

.guidance .box {
    background: #f6f6f6;
    border:2px solid #fff
}

.guidance .carat {
    height: 90px;
    padding-top: 16px;
}

.rectangleBkg {
    background: #f6f6f6;
    border:4px solid #fff
}

.rectangleBkg img {
    margin-left: -28px;
}

.shopping-cart-empty .box {
    border: 1px solid #6FBF98;
    padding: 50px 30px;
    text-align: center;
}

.caption {min-height:180px;}

.variant-config-box {
    padding-right: 10px;
}

.set-with img {max-width: 35px;}


#shape img {margin-bottom: 8px;}

/*.thumbnail img {*/
/*    min-height: 233px;*/
/*    min-width: 233px;*/
/*}*/

.diamondBrite-fashion-bracelet-header {
    background: url(../img/bracelets/diamondbriteBraceletHeader.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 280px;
    padding: 50px 50px;
    text-align: left;
}

/*** GEMSTONE LIST VIDEO RESPONSIVE ***/
.thevideo {width:100%;}

img.video-thumb {
    width: 80px;
    position: absolute;
    top:10px;
    left: 20px;
}

#shapeHere {height: 10px;}

#shape img {cursor: pointer;}

img.smallImgTmb {width:55px}

.smallImgTmb {
    position: absolute;
    top:15px;
    left:30px;
}

.spacing {padding: 20px 0;}

.mailTempl .btn-default {width: 100%;letter-spacing: 2px;}

.mailTempl i {margin-left: 20px;}

.promise li {text-transform: capitalize;font-size:18px;line-height: 35px;}

.promise .btn {margin-left: 38px;}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #6FBF98;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*** SEARCH ***/
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index: 100;top: 0;left: 0;background-color: #6FBF98;background-color: rgba(111,191,152, 0.8);transition: 0.3s;}
.overlay-content {position: relative;top: 46%;width: 60%;left: 0;margin-top: 30px;margin: auto;transition: 0.3s;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;cursor: pointer;color: white;}
.overlay .closebtn:hover {color: #ccc;}
.overlay input[type=text] {padding: 15px;font-size: 30px;border: none;float: left;width: 100%;background: white;}
.overlay input[type=text]:hover {background: #fff;transition: 0.3s;}
.overlay button {float: left;width: 10%;padding: 15px;background: #f1f1f1;font-size: 30px;border: none;cursor: pointer;transition: 0.3s;color: #6FBF98;}
.overlay button:hover {background: #ccc;}


.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 1200px;
    box-shadow: none;
    -webkit-box-shadow: none;
}
@media (max-width:499px) {
    .mega-dropdown-menu {
        width: 100%;
    }
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: nowrap;
    font-size: 12px;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
    color: #6fbf98;
    font-size: 16px;
    font-weight: bold;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

li.dropdown-header {font-size:13px!important;}

li.mainItem {
    font-weight: bold!important;
    font-size:13px;
    color:#6fbf98!important;
}

input[type=checkbox] {
    margin: 0 10px !important;
    box-shadow: none;
    vertical-align: top;
    cursor: pointer;
}
input[type=checkbox] {
    width: 15px;
    height: 23px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 17px;
    visibility: hidden;
    zoom: 0.8;
    vertical-align: middle !important;
    margin-left: 0 !important;
    -moz-appearance: initial;
}
input[type=checkbox]:after {
    content: " ";
    background-color: #fff;
    display: inline-block;
    padding-bottom: 5px;
    color: #6FBF98;
    width: 20px;
    height: 20px;
    line-height: 20px;
    visibility: visible;
    border: 1px solid #a9a2a2;
    padding-left: 1.5px;
    border-radius: 50px;
}
input[type=checkbox]:checked:after {
    content: "\2714";
    padding: -5px;
    font-weight: bold;
    border: 1px solid #6FBF98;
}

.validate_billing, #billing_address2, #shipping_address2 {
    margin-bottom: 10px;
}

.validate_shipping {
    margin-bottom: 10px;
}

.address_type_class {
    margin-bottom: 10px;
    margin-top: 10px;
}

.container{ padding-top:30px; }
form {margin:20px 0;}
#payment_method-affirm{ margin:0 0 10px 10px;}

.diamond-detail-view{
    margin-top:-30px;
}

/******** COOCKIES *********/

#cookie_textarea {
    display: none;
}

#cookie_textarea:target {
    display: flex;
}
#cookie_textarea  ul.controls {
    list-style-type: none;
}

ul.controls li.show a,ul.controls  li.hide a{ color: white !important;}

.cookieConsentContainer {
    z-index: 1000005;
    width:400px;
    min-height: 20px;
    box-sizing: border-box;
    /* padding: 30px 30px 30px 30px; */
    padding: 15px;
    background: rgba(111,191,152,0.8);
    overflow: hidden;
    position: fixed;
    bottom: 30px;
    left: 30px;
    display: none;
}
.cookieConsentContainer .cookieTitle a {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 20px;
    display: block;
}
.cookieConsentContainer .cookieDesc p {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    display: block;
    /* margin-top: 10px; */
    margin-top: 5px;
} .cookieConsentContainer .cookieDesc a {
      color:#6FBF98;
      text-decoration: underline;
  }
.cookieConsentContainer .cookieButton a {
    display: inline-block;
    color: #6FBF98;
    font-size: 14px;
    font-weight: bold;
    /* margin-top: 14px; */
    margin-top: 0px;
    background: #fff;
    box-sizing: border-box;
    padding: 15px 24px;
    text-align: center;
    transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover {
    cursor: pointer;
    background: #3E9B67;
}

@media (max-width: 980px) {
    .cookieConsentContainer {
        bottom: 0px !important;
        left: 0px !important;
        width: 100%  !important;
    }
}

.header-card {
    position:absolute;
    bottom:0;
    right:0;
}

.trustpilot-left-static{
    bottom: 29px !important;
    left: 0 !important;
    position: fixed !important;
    background-color: transparent;
    z-index: 1000003;
    margin-left: -26px;
}

.trustpilot-middle-static{
    bottom: 15px !important;
    left: 16px !important;
    position: fixed !important;
    background-color: transparent;
    z-index: 1000003;
    margin-left: -26px;
}

.trustpilot-right-static{
    bottom: 60px !important;
    left: 0 !important;
    position: fixed !important;
    background-color: transparent;
    z-index: 1000003;
    margin-left: -50px;
}
@media (max-width: 767px) {
    .zuri-header-result {
        padding: 15px;
    }
    .zuri-header-result span{
        font-size: 45px;
    }

    img.zuri-rating {
        left: 20px;
    }
    #price_gradation{
        margin-bottom:10px;
        margin-left: 10%;
    }
    .card {
        margin-top: 50px;
        background: #fafafa;
        padding: 0em;
        line-height: 1.5em; }

    .dropdown-menu-large {
        margin-left: 0 ;
        margin-right: 0 ;
    }
    .dropdown-menu-large > li {
        margin-bottom: 30px;
    }
    .dropdown-menu-large > li:last-child {
        margin-bottom: 0;
    }
    .dropdown-menu-large .dropdown-header {
        padding: 3px 15px !important;
    }

    .container {
        padding: 15px 15px;
    }

    .ringSlider img {
        max-width: 300px;
        margin: auto;
    }
    .showcase .btn-primary {
        width: 100%;
    }
    .showcase {
        padding: 0 !important;
    }
    .smart-and-secure, .quality-report, .gemosolist-help, .save-money, .custumized {
        padding: 10px 0;
    }

    .save-money img, .custumized img {
        margin-bottom: 20px;
    }

    /*.listview-container {*/
    /*    padding: 0px 40px;*/
    /*}*/
}

.ring_size_dropdown {
    height: 40px;
    width: 300px;
    border-radius: 0;
    padding-left: 10px;
    font-size: 16px!important;
    background-color: #eee;
}
/**/
/**** DISCOUNT MODAL ****/
.discount-modal .modal-content {
    border-radius: 0 !important;
    text-align: center;
    background: url(/img/discount-modal-bkg.jpg) no-repeat center center scroll !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.discount-modal button.close {
    font-size:40px;
    margin-top: -60px;
    margin-right: -40px;

}

.discount-modal .modal-content h1 {
    color:red;
    font-size:60px;
    font-weight: bold;
}

.discount-modal .modal-content h3 {
    color:#6fbf98;
    font-weight: bold;
}

.discount-modal .modal-content p {
    text-align: left;
    padding-top: 10px;
}

.discount-modal .modal-content p span {
    color:red;
}

.discount-modal .modal-content form {
    margin-top: 50px;
}

.discount-modal .modal-content input {
    border-radius: 0;
    height: 45px;
}

.discount-modal .modal-content .btn-default {
    width: 100%;
    margin-top: -5px;
}
/**** END DISCOUNT MODAL ****/
.present img {
    position: fixed;
    right:10px;
    top:10px;
    z-index: 1000005;
    background: #e05e4c3b;
    opacity: 50%;
    padding: 8px 10px;
    color:#fff;
    -webkit-box-shadow: 3px 3px 5px 0px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    3px 3px 5px 0px #000;  /* Firefox 3.5 - 3.6 */
box-shadow:         3px 3px 5px 0px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
width:80px;
    height:80px;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .present img {
        top:60px;
    }
}


.logo {
    /*margin-top: 5px;*/
}

@media (max-width:400px) {
    .infoIcons .fa{
        font-size: 21px;
    }

    .infoIcons .fas{
        font-size: 21px;
    }
}

@media (max-width:767px) {
    /*     MENU    */
    .topInfo {
        display:none;
    }
    .top {
        margin-bottom: -30px;
        margin-top: 10px;
    }
    .topInfo-mobile {
        background-color:white;
        padding:5px 0 0;
        border-bottom:1px solid #777;
    }
    #logo {
        /*max-width: 70%;*/
        /*margin-left: -5px;*/
        /*margin-top: 5px;*/
    }
    .navbar-toggle {
        border:none;
        padding: 0 15px 0 0;
        margin-top: -30px;
        /*float: left;*/
        /*margin-left: -35px;*/
        /*display:block;*/
    }
    body{
        padding-top:45px;
        padding-bottom:45px;
    }
    .infoIcons{
        margin-top:-6px;
    }
    .infoIcons .fa{
        font-size: 22px;
    }
    .infoIcons .fas{
        font-size: 22px;
    }
    .infoIcons .fa-circle {
        font-size:22px !important;
        color:#7f7f7d
    }

    .infoIcons .dropdown-menu{
        padding: 10px;
    }

    p.inicial {
        color: #ccc;
        position: absolute;
        margin-left: 63px;
        margin-top: -20px;
        font-size: 14px;
    }

    .fa-phone{
        font-size: 24px;
    }

    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 1px 4px;
        font-size: 11px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #777;
        border-radius: 10px;
        margin-left: -15px;
        margin-top: 5px;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: inherit;
    }

    .overlay button {
        float: left;
        width: 20%;
        padding: 15px;
        background: #f1f1f1;
        font-size: 30px;
        border: none;
        cursor: pointer;
        transition: 0.3s;
        color: #6FBF98;
    }
    /*     MENU KRAJ    */


    /*STATUS BAR BOTTOM*/


    .backToTop{
        margin-bottom:40px;
    }
    .chatra--mobile-widget{
        margin-bottom:40px !important;
        display: none !important;
        visibility: hidden !important;
    }

    .trustpilot-left-static{
        bottom: 69px !important;
    }

    .trustpilot-middle-static{
        bottom: 55px !important;
    }

    .trustpilot-right-static{
        bottom: 100px !important;
    }

    .infoIcons-bottom a{
        padding: 0 10px 0;
    }
    .topInfo-mobile-bottom .infoIcons-bottom {
        background-color:white;
        padding:5px 0 0;
        border-top: none !important;
        border-radius: 0 !important;
    }

    .navbar-default {
        margin-top:0px !important;
    }

    /*STATUS BAR BOTTOM*/



    /*     FILTER    */
    .dropdownFilter {
        display:none
    }
    .btn-more-select{
        margin-top:0px;
    }
    .btn-more-select, .btn-more-select:focus {
        margin-top: 0px;
        border-radius: 0;

        color: #fff;
    }
    #filter_button {
        width: 100%;
        margin-bottom: 7px;
    }
    .coloredDiamondsIntro{
        margin-bottom: 10px;
        padding: 10px 0;
    }
    .coloredDiamondsIntro p{
        display:none;
    }
    .coloredDiamondsIntro h2{
        font-size: 18px;
        text-align: center;
    }

    .thumbnail h5{
        font-size: 12px;
    }
    .dfilter-fancy-intensity {
        margin-bottom: 40px;
    }
    /* KRAJ FILTER */

    /* CHECKOUT */
    .btn-checkout{
        font-size: 18px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .top-product-container{
        margin-top: -13px !important;
    }
    .remove-btn{
        margin-top: -5px;
        margin-left: -5px;
    }
    .span-remove{
        margin-left: -7px;
    }
    .checkout-product-title{
        font-size: 16px;
        margin-right: 0px !important;
    }
    .checkout-product-desc{
        padding-right: 0px;
        padding-left: 8px;
        font-size: 14px;
        margin-right: 0px !important;
    }
    .byo-item-checkout-details{
        margin-right: 0px !important;
    }
    .checkout-step-title-desktop{
        display: none;
    }
    .continue-shopping{
        display: none;
    }
    .back-to-basket{
        display: none;
    }
    .cart-info .row {
        padding: 2px 0;
    }
    .hidden-for-mobile{
        display: none;
    }
    .modal-dialog{
        max-width:96% !important;
        padding-left: 10px;
    }
    .btn-checkout-stepone{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .or-text{
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
    }
    .total{
        font-size: 30px;
    }
    .total-stroke{
        font-size: 26px;
    }

    /* KRAJ CHECKOUT */

    /* JEWELRY DETAILVIEW */
    .product-detail-view .row{
        margin-right: -5px !important;
        margin-left: -5px !important;
    }
    .product-detail-view .settings-single-product-title{
        font-size: 20px !important;;
    }
    .setting-detail-view .settings-single-product-title{
        font-size: 20px !important;
    }
    .setting-detail-view .btn-default, .diamond-detail-view .btn-default, .product-detail-view .btn-default, .complete-detail-view .btn-default, .btn-primary{
        font-size: 16px !important;
        font-weight: unset !important;
        border:none;
    }
    .product-detail-view .btn-inverse, .complete-detail-view .btn-inverse {
        font-size: 16px !important;
        font-weight: bold !important;
        width: 100% !important;
    }
    .main-img-detail-view{
    /* width: 80% !important; */
    }
    .product-detail-view .tab-pane{
        background-color: #fff;
    }
    .product-detail-view .product-details{
        margin-top: 0 !important;
    }
    .dw-price{
        margin-top:5px;
    }
    .settings-single-product-title{
        margin-top:5px;
    }
    .ring_size_dropdown{
        width:100%;
    }

    .need-help-products{
        text-align: left;
        padding-left: 53px;
    }
    /* END JEWELRY DETAILVIEW */

    .diamond_thumbnail {
        margin-bottom: 20px;
        padding: 10px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: 1px solid white;
        text-align: center;
        min-height: 320px;
    }
    .diamond_thumbnail:hover {
        border:1px solid #ccc;
        min-height: 320px;
    }
    .button-group .dropdown-toggle {
        width: 100%;
    }
    .mobilehide {display: none}

    .learnmore .zuri img {margin-bottom: -30px; margin-top: -50px}
    .learnmore .testimonial-box {padding: 10px;margin-top: 40px;}

    #yelp-biz-badge-rrc-Oef6uFMlYdPGiwaxt7qk1g img {
        margin-top: -30px;
        margin-bottom: 10px;
    }

    .smart-and-secure .btn-default {
        margin-bottom: 10px;
        font-size: 14px !important;
    }

    .smart-and-secure .btn-primary {
        font-size: 14px !important;
    }
    .reviews-badge {
        display:block;

    }
    .yotpo-testimonials {
        margin-top: 0px !important;
    }
    .trunspilot_testimonials {
        margin-bottom: 0px !important;
    }
    .yotpo-carousel {
        margin-top: -50px !important;
    }
}

@media (max-width: 1000px) {
    .dfilter-fancy-intensity .MuiSlider-markLabel {
        white-space: pre-line;
        max-width: 50px;
    }
}

@media (min-width:768px){
    .product-detail-view .btn-inverse, .complete-detail-view .btn-inverse {
        padding: 15px 17px !important;
    }
    #filter_button:not(.d-block) {
         display:none;
     }
    .checkout-step-title-mobile{
        display: none;
    }
    .top-checkout-button-mobile{
        display: none;
    }
    .topInfo-mobile {
        display:none;
    }
    .topInfo-mobile-bottom {
        display:none;
    }
    .hidden-for-pc{
        display: none;
    }
    .mega-dropdown-menu {
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .btn-default {
        font-size: 12px;
        padding: 15px 16px;
    }
}

#chatra:not(.chatra--expanded) {
    opacity: 0.62 !important;
}

.slider .tooltip.top{
    display:none;/*TODO REMOVE*/
}

.ista{
    min-height: 80px;
}
.ista_mobile {
    min-height: 40px;
}


@media (min-width:768px) {
    .logo-left-class {
        float: left;
    }
    .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
    .infoIcons {z-index: 1000}
    .onmobileonly {display: none}

}

@media (max-width:767px) {
    .modal-footer {text-align: center}
    .modal-footer img  {margin: auto}
}

.guaranteeBox {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 3px 15px 0px rgba(135,135,135,0.75);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(135,135,135,0.75);
    -moz-box-shadow: 0px 3px 15px 0px rgba(135,135,135,0.75);
    margin: 30px 0;
}

.guaranteeBox h3 {
    padding-bottom: 15px;
    text-align: center;
}

.guarantee .logo {
    position: absolute;
    width: 50px;
    left: 50%;
    transform: translate(-50%, 0);
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1);
    z-index: 1000000000;
}


.searching {text-align: center}

.searching img {
    margin: 200px auto 0
}

.compare
.price {
    margin-top: 10px;
}

.compare
.btn-flow {
    padding: 10px 50px;
    width: 100%;
    background: #6fbf98;
    color:white;
    font-weight: bold;
    font-size:20px
}

.compare
.btn-flow:hover {
    background: #fddaca;
    color:black;
    transition:0.3s
}

.table-striped span {
    text-align: center;
    line-height: 0;
    font-size:20px;
}
.fixedElement {
    position:fixed;
    top:0;
    left: 0;
    right: 0;
    width:100%;
    z-index:100;
}
.compare .dropdown-menu {
    width: 100%;
    text-align: center;
}

#check_button .btn-default{
    font-family: 'Raleway', sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

.fa-times {z-index: 100000000}

#holiday-day .modal-body {padding: 0 !important;}

#holiday-day .modal-content{padding: 0 !important;}

#holiday-day  {border: none !important;}

#holiday-day .fa-times {
    position: absolute;
    right:-25px;
    color: #dc5555;
    top:0;
}

@media (max-width:899px) {
    #holiday-day .fa-times {right: 10px;top: 5px;}
}

@media (max-width:767px) {
     #holiday-day .desktop {display: none}
}

@media (min-width:768px) {
    #holiday-day .mobile {display: none}
}

#signup .modal-content {
    background: url(../images/popups/bkg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    padding: 20px;
}

#signup {border: none !important;text-align: center;}

#signup .fa-times {
    position: absolute;
    right:-25px;
    color: #fff;
    top:0;

}

.coloredBkg {
    background: rgba(111, 191, 152, 0.8) ;
    padding:30px;
}

#signup .form-group {
    max-width:300px;
    margin: auto;
}


.weba {
    margin-top: 80px;
}

.weba small {
    font-size: 18px;
    letter-spacing: 2px;
}

@media (max-width:899px) {
    #signup .fa-times {right:30px;top: 25px;}
    h1 {font-size: 35px;line-height: 40px}
    #signup .modal-content {padding: 5px;}

}

#signup p {
    font-size:20px

}

#signup .btn-default {
    background: #ffd8ca;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 0;
    width: 100%;
}

@media (max-width: 767px) {
  #btn-mobile, #btn-mobile2, #btn-mobile3, #btn-mobile4 {
    padding: 15px 10px !important;
    font-size: 14px !important;
  }
  #btn-mobileleft {
    padding-left: 0px !important;
  }
  #btn-mobileright {
    padding-right: 0px !important;
  }
  .mobile-footer-style {
    padding-bottom: 90px;
  }
}

#diamond_exists_modal .modal-dialog{
    padding-left: 0px;
}
@media (max-width: 767px) {
    #diamond_exists_modal .modal-footer > div {
        display: flex;
    }
}

@media (max-width: 499px) {
    #diamond_exists_modal .modal-body {
        position: relative;
        padding: 15px;
        display: flex;
        align-items: center;
    }
    #diamond_exists_modal .modal-content .btn {
        margin-bottom: unset;
    }
}

#yotpo_testimonials_btn{
    display: none;
}
.no-padding {
    padding: 0 !important;
}

.dshapes.notAllowed:hover{
    cursor: not-allowed !important;
}

@media (max-width: 768px) {
    .customization_step_ctw {
        display: block; 
    }
}