/*Main Style Classes*/
body {
    margin: 0;
}

.referenceNumbContainer {
    margin-left: auto;
}

@media (min-width: 62em) {
    .logo {
        margin-left: 0;
    }
}

.textLora {
    font-family: 'Lora', serif !important;
}

.certificateImgCont {
    height: 267px;
}

#certificateImg1, #certificateImg2 {
    position: absolute;
}

.img150 {
    width:  150px;
    height: 150px;
}

#ahp {
    display: table;
}

@media (min-width: 62em) {
    #shippingInfo {
        padding-top: 3.5em;
    }
}

@media (max-width: 62em) {
    p.lead.textLora {
        font-size: 1.1rem;
    }
}

.faqCaret {
    display: table-cell;
}

.faqWraper span {
    display: table;
}

.faqWraper b {
    display: table-cell;
}

th {
    padding-left:  0 !important;
    padding-right: 0 !important;
}

.img-fluid.active {
    outline: #e64a19 1px solid;
}

#percent {
    font-size: 1.15rem;
}

#certificateImg1 {
    z-index:           9;
    -webkit-animation: flickerAnimation 10s infinite;
    animation:         flickerAnimation 10s infinite;
}

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

footer {
    margin-bottom: 3000px;
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    animation:         flickerAnimation 1s infinite;
}

.bannerTopCont {
    height:              121px;
    background-image:    url("https://www.diamondtraces.com/ebay/img/banner.jpg");
    background-position: center;
    background-repeat:   no-repeat;
}

.includedSecImgCont {
    z-index:           1;
    height:            150px;
    width:             150px;
    -webkit-transform: translateZ(0);
    overflow:          hidden;
}

.includedSec img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */ /* Firefox */ /* IE 9 */ /* Opera */
    transition:         all 1s ease;
    overflow:           hidden;
}

.includedSec img:hover {
    -webkit-transform: scale(1.3) rotate(15deg);
    transform:         scale(1.3) rotate(15deg);
}

.buyNowBtn {
    background: #e64a19;
    color:      white;
    cursor:     default;
    font-size:  1.13rem;
}

#div_big_certificate {
    background-image: url('https://www.diamondtraces.com/ebay/img/Certificate-AGI.jpg');
}

.clear {
    clear: both;
}

#SKU {
    letter-spacing: -0.8px;
}

.oneLine * {
    white-space: nowrap;
    overflow:    visible !important;
}

@media (max-width: 61.9em) {
    .table th, .table td {
        display:    block;
        text-align: center;
        margin:     0.5em;
    }

}

.purchaseList li {
    list-style-image: url("https://www.diamondtraces.com/ebay/img/icon-check.png");
}

.btn {
    border-radius: 0;
}

.btn-group .btn {
    border:     none;
    background: none;
}

.thumbnails img {
    cursor: hand;
    border: solid 1px #c4c4c4;
}

.thumbnails img:hover {
    border-color: #c3e0f4;
}

.fullHeight {
    height: 100vh;
}

.pSmall {
    padding: 0.2rem;
}

.secAbout {
    position: relative;
}

#faqSec {
    padding-bottom:  7em;
    background:      url("https://www.diamondtraces.com/ebay/img/bg-faq.jpg") no-repeat center;
    background-size: cover;
}

#purchaseSec {
    background:      url("https://www.diamondtraces.com/ebay/img/bg-purchase.jpg") no-repeat center;
    background-size: cover;
}

#shippingSec {
    background:      url("https://www.diamondtraces.com/ebay/img/bg-shipping.jpg") no-repeat center;
    background-size: cover;
}

.secAboutBackground {
    position: absolute;
    right:    5%;
    top:      0;
    bottom:   0;
    margin:   auto;
}

.table th, .table td {
    padding:     0 .75rem;
    border:      none;
    font-weight: normal;
}

.table tr th:last-child {
    margin-bottom: 1em;
}

.borderBox {
    border: solid 1px #c4c4c4;
}

.borderBot {
    border-bottom: solid 1px #c4c4c4;
}

.firstContent {
    position: relative;
    z-index:  1;
}

.borderBlue {
    border: solid 2px #336699;
}

.inBotContainer {
    position:   relative;
    min-height: 569px;
}

@media (min-width: 48em) {

    .inBot {
        position: absolute;
        width:    100%;
        bottom:   0;
    }

    .boxShadowLeft {
        box-shadow: -20px -20px 64px -10px rgba(0, 0, 0, 0.19);
    }
}

@media (max-width: 48em) {
    #faqSec {
        padding-bottom: 1em;
    }

    .certificateImageContainer .container, .certificateImageContainer img {
        padding: 0 !important;
        margin:  auto;
    }
}

.inline {
    display:           -webkit-inline-box;
    display:           -ms-inline-flexbox;
    display:           inline-flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.headingElementsHeight {
    height: 100px;
}

.align-mid {
    vertical-align: middle;
}

.alignItem {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.border-right {
    border-right: solid 1px #c4c4c4;
}

.border-left {
    border-left: solid 1px #c4c4c4;
}

a, a:visited {
    color:           inherit;
    text-decoration: none;
}

a:hover, a:active {
    color:           #516e8b;
    text-decoration: none;
}

#header {
    /*Nav Classes*/
    font-family: "Roboto", sans-serif !important;
    /*MegaMenu Classes*/
    /*Layout*/
    /*//Layout*/
    /*Header*/
    /*//Header*/ }

#header .lead {
    font-family: "Lora", serif !important; }

#header .center-block {
    display:      block;
    margin-left:  auto;
    margin-right: auto; }

    #header .right-block {
        display:      block;
        margin-left:  auto;
        margin-right: 0; }

#header .btn-group a {
    display: inline-block; }

#header #search, #header #form-pic-ie {
    padding:       0.3em;
    border-radius: 0; }

#header .navbar {
    margin:  0;
    padding: 0; }

#header .logoLine * {
    margin-top:    0 !important;
    margin-bottom: 0 !important; }

#header .logoCont {
    height: 65px; }

#header .nav-link {
    padding-top:    0.6rem !important;
    padding-bottom: 0.6rem !important; }

#header .searchForm {
    margin:     0.20rem 0 !important;
    background: white; }

#header .searchForm * {
    font-size: 0.9em; }

#header #search, #header #form-pic-ie {
    padding: 0;
    border:  none;
    height:  25px;
    padding: 0 0.5em; }

#header #search {
    font-size: 0.9em;
    width:     15rem; }

#header .nav-item {
    margin: 0 !important; }

#header .nav-link {
    color:         #ffffff !important;
    font-size:     0.9em;
    padding-left:  1rem;
    padding-right: 1rem;
    border-right:  solid 1px white; }

#header .nav-link label {
    margin:    0;
    font-size: 0.875rem; }

@media (max-width: 48em) {
    #header .nav-link, #header form {
        padding-top:    0.5rem !important;
        padding-bottom: 0.5rem !important; }

    #header .nav-item {
        margin:  0 !important;
        padding: 0 }

    #header .nav-link {
        font-size: 1.4em;
        padding:   0;
        border:    none; }

    #header .nav-link label {
        font-size:     1rem;
        padding-right: 3vw;
    }

    #header #search {
        width: 100%;
    }

    #searchform {
        width: 100%;
    }

    #searchform .input-group {
        width: 100%;
    }

    #searchform .input-group-btn {
        position: absolute;
        right:    0;
        z-index:  50;
        bottom:   0;
    }
}

@media (max-width: 360px) {
    #header .nav-link label {
        font-size: 4vw;
    }
}

@media (min-width: 62em) {

    #header .nav-item:hover .megaMenu, #header .nav-item:active .megaMenu {
        max-height:         3000px;
        -webkit-transition: max-height 0.5s ease-in;
        transition:         max-height 0.5s ease-in;
        background-color:   #f2f2f2;
        box-shadow:         0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        border-bottom:      solid 3px #516e8c; }

}

#header .megaMenu {
    max-height: 0;
    overflow:   hidden;
    width:      100%;
    position:   absolute;
    left:       0;
    z-index:    999; }

#header .megaMenuContent {
    border-top:  solid 1rem transparent;
    padding-top: 0.5rem; }

#header .megaMenu * {
    font-size: 0.875rem; }

#header a {
    color: #516e8b; 
}

#header .megaMenu *:hover {
    color:           #666666 !important;
    text-decoration: none; }

#header .megaMenu .lead {
    font-size: 1rem !important;
    color:     #666666; }

#header .colorBall {
    width:         25px;
    height:        25px;
    border-radius: 50%;
    border:        solid 1px #cccccc;
    margin:        0 auto 1em; }

#header .colorHolder a {
    border:     none;
    background: none; }

#header .colorHolder a:nth-child(1) .colorBall {
    background-color: #2b5b7e; }

#header .colorHolder a:nth-child(2) .colorBall {
    background-color: #832911; }

#header .colorHolder a:nth-child(3) .colorBall {
    background-color: #822752; }

#header .colorHolder a:nth-child(4) .colorBall {
    background-color: #3f6b27; }

#header .colorHolder a:nth-child(5) .colorBall {
    background-color: #e2d41e; }

#header .colorHolder a:nth-child(6) .colorBall {
    background-color: #212121; }

#header .colorHolder a:nth-child(7) .colorBall {
    background-color: #644720; }

#header .colorHolder a:nth-child(8) .colorBall {
    background-color: #834791; }

@media (min-width: 62em) {
    #header .styleSearchDiam {
        width: 12%; }
}

#header .styleSearch {
    border:     none;
    background: none;
    width:      20%; }

@media (max-width: 48em) {
    #header .styleSearch {
        width: 40%; }
}

@media (max-width: 34em) {
    #header .styleSearch {
        width: 100%; }
}

#header .btnsOnMegaMenu .btn {
    width:      30%;
    text-align: left; }

@media (max-width: 33.9em) {
    #header .btnsOnMegaMenu .btn {
        width: 50%; }
}

@media (min-width: 34em) {
    #header .btnsOnMegaMenu .btn {
        width: 30%; }
}

@media (min-width: 62em) {
    #header .btnsOnMegaMenu .btn {
        width: 90%; }
}

#header .searchByShape .btn {
    background: none;
    border:     none; }

#header .searchByStyleRing .btn {
    width:  200px;
    margin: 0 auto; }

#header .searchByStyleRing img {
    width:  90px;
    height: 60px; }

@media (min-width: 75em) {
    #header .searchByStyleRing .btn {
        width: auto; }
}

@media (max-width: 459px) {
    #header .searchByStyleRing .btn {
        width: 100%; }
}

#header .shapeBut {
    background: none;
    border:     none; }

@media (min-width: 48em) {
    #header .shapeBut {
        width: 11%; }
}

#header .megaMenuContent .container, #header .megaMenuContent #main > article, #header .megaMenuContent .reviews > main {
    margin: 0 auto; }

#header body {
    color:       #333333;
    font-family: 'Roboto', sans-serif; }

#header p {
    font-size: 1rem; }

#header h6, #header h5, #header h4, #header h3, #header h2, #header h1 {
    font-family: 'Lora', serif; }

#header hr {
    border:     0;
    margin:     0;
    height:     10px;
    width:      100%;
    background: #a8b6c5;
    background: -webkit-linear-gradient(left, #a8b6c5 0%, #a8b6c5 25%, #cbd3dc 25%, #cbd3dc 50%, #dce2e8 50%, #dce2e8 75%, #edf0f3 75%, #edf0f3 100%);
    background: linear-gradient(to right, #a8b6c5 0%, #a8b6c5 25%, #cbd3dc 25%, #cbd3dc 50%, #dce2e8 50%, #dce2e8 75%, #edf0f3 75%, #edf0f3 100%);
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8b6c5', endColorstr='#edf0f3', GradientType=1); }

#header .text-ghost {
    color: #999999; }

#header .btn {
    border-radius: 0; }

#header .inlineMiddle {
    vertical-align: middle;
    display:        inline-block; }

#header button, #header .btn {
    outline: 0 !important; }

#header #topHeader {
    background-color:    #ffffff;
    height:              121px;
    background-image:    url("https://www.diamondtraces.com/ebay/img/banner.jpg");
    background-position: center;
    background-repeat:   no-repeat; }

#header #phoneLine > img {
    padding:      0.75rem;
    border-right: 1px solid #cccccc; }

#header #phoneLine > div {
    padding-left: 0.75rem;
    color:        #6b6c70; }

#search {
    margin-top:    0.25rem;
    margin-bottom: 0.25rem;
}

#form-pic-ie {
    vertical-align: bottom;
    margin-top:     0.25rem;
    margin-bottom:  0.25rem;
}

/*FAQ Classes*/
.faqContent {
    font-size:          0.9em;
    color:              #c3e0f4;
    max-height:         0;
    overflow:           hidden;
    -webkit-transition: max-height 0.25s ease-in;
    transition:         max-height 0.25s ease-in;
}

.faq {
    position: absolute;
}

.faq * {
    font-weight: normal;
}

@media (max-width: 61.9em) {
    .faq {
        position: relative;
    }
}

.faqWraper {
    padding: 0.5rem 0;
    width:   100%;
}

.faqLine {
    border-bottom: solid 1px white;
}

.faqQuestion {
    cursor: hand;
}

.faqQuestion b {
    color: #bdd2e2;
}

.faqWraper {
    margin-bottom: 0;
}

input:checked ~ .faqQuestion b {
    color: #ffffff;
}

input:checked ~ .faqQuestion .faqContent {
    max-height: 500px !important;
}

.faqQuestion:hover .faqCaret, .faqQuestion .active .faqCaret {
    -webkit-transform: rotate(90deg);
    transform:         rotate(90deg);
}

.faqCaret {
    padding-right:      1em;
    -webkit-transition: 1s;
    transition:         1s;
}

/*Extra Classes*/
.colorfulSeparator {
    height:     10px;
    width:      100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4e00+0,ff4e00+25,ff9566+25,ff9566+50,ffb899+50,ffb899+75,ffdecf+75,ffdecf+100 */
    background: #a8b6c5; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #a8b6c5 0%, #a8b6c5 25%, #cbd3dc 25%, #cbd3dc 50%, #dce2e8 50%, #dce2e8 75%, #edf0f3 75%, #edf0f3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #a8b6c5 0%, #a8b6c5 25%, #cbd3dc 25%, #cbd3dc 50%, #dce2e8 50%, #dce2e8 75%, #edf0f3 75%, #edf0f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8b6c5', endColorstr='#edf0f3', GradientType=1); /* IE6-9 */
}

/*Color Classes*/
body {
    margin:      0;
    font-family: 'Roboto', sans-serif;
    font-size:   1rem;
    line-height: 1.5;
}

.primaryText, .primaryText:visited {
    color: #516e8b;
}

h1.primaryText, h2.primaryText, h3.primaryText {
    color: #516e8b;
}

.primaryBackground {
    background-color: #8ca0ae;
    color:            white;
}

.table {
    color: white;
}

.secondaryBackground {
    background-color: #666666;
    color:            white;
}

.greyBackground {
    background-color: #999999;
    color:            white;
}

.greyText {
    color: #999999;
}

.originalBackground {
    background-color: white;
    color:            #333333;
}

.beigeBackground {
    background-color: #f8f3d5;
    color:            #333333;
}

.darkBackground {
    background-color: #333333;
    color:            white;
}

.orangeBackground {
    background-color: #516e8b;
    color:            white;
}

.orangeBackgroundDark a:hover, .orangeBackgroundDark a:active {
    color: #c3e0f4 !important;
}

.orangeBackgroundDark {
    background-color: #516e8b;
    color:            white
}

.orangeText, .orangeText:link, .orangeText:visited {
    color: #0277bd;
}

.greenText, .greenText:visited {
    color: #43a047;
}

.faq a:hover, .faq a:link, .faq a:focus {
    color: white !important;
}

.nav-link:hover {
    color: #c3e0f4 !important;
}

.megaMenu p {
    font-size: 1rem !important;
    color:     #44709f !important;
}

.megaMenu button {
    font-size:  1rem !important;
    color:      #44709f !important;
    border:     none;
    background: none;
}

.linkLight {
    color: white;
}

.linkLight:hover *, .linkLight:active * {
    color: #c3e0f4 !important;
}

footer a:hover, footer a:active {
    color: #c3e0f4 !important;
}

/*SPECS*/
.specTitle {
    font-family:   'Lora', serif !important;
    font-size:     1.25rem;
    margin-bottom: 0.5rem;
    margin-top:    0;
    text-align:    center;
}

.specBlock * {
    white-space: nowrap;
    overflow:    visible !important;
}

.specBlock {
    display: table-row;
}

.specBlock span {
    display: table-cell;
}

.specBlockCont {
    display:      table;
    margin-left:  auto;
    margin-right: auto;
}

.specInfoTitle {
    font-weight:   bold;
    padding-right: 0.5rem;
}

/* /SPECS*/

@media print {
    .firstContent, .firstContent *, .primaryBackground, .primaryBackground * {
        background: transparent !important;
        color:      #000000 !important;
    }

    .certificateContainer {
        page-break-before: always;
    }
}

#searchform {
    margin-bottom: 0;
}

.leftBut, .rightBut {
    padding:    0;
    border:     0;
    background: none;
}

.leftBut i, .rightBut i {
    top:    0;
    bottom: 0;
    margin: auto;
    height: 3rem;
}

.leftBut i {
    left: 0;
}

.rightBut i {
    right: 0;
}

@media (max-width: 33.9em) {
    .menuFix * {
        display:    block;
        width:      100%;
        margin:     0;
        text-align: left !important;
    }

    .menuFix {
        text-align:    left !important;
        margin-bottom: 1rem
    }

    .menuFix br {
        display: none;
    }

    .colorHolder { }

    .colorHolder p {
        display: none;
    }

    .colorHolder a {
        width:   12.4999%;
        padding: 0;
    }

    .ringShapes {
        margin-bottom: 1rem;
    }

    .ringShapes a {
        padding: 0;
        width:   33.3%;
    }

    .specBlock span {
        display: inline-block;
        width:   50%;
    }

    .specBlockCont {
        width: 100%;
    }
}

 @media print {
        .certWrapper, .certCont {
                height: auto!important;
            padding-bottom: 0 !important;
        }

        .certWrapper svg, .certCont svg {
            position:  static !important;
            max-width: 100% !important;
        }

        div[align=center] {
            display: none !important;
        }
    }