/* ==============================
   Google Font
============================== */
.wf-active h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Tenor Sans", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Tenor Sans", sans-serif !important;
}

span.btn, .wf-active span.btn {
    font-family: 'lato', sans-serif !important;
}

@media (min-width: 1200px) {
    p, .p {
        font-size: 0.9rem !important;
    }
}

/* ==============================
    Animate on Scroll
============================== */

.animated {
    animation-duration: 2s; /* Match this duration with the setTimeout duration in JS */
    animation-fill-mode: both;
    animation-delay: 0.2s;
}

.awaiting-animation {
    opacity: 0;
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }  
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}


/* ==============================
   Helpers
============================== */

.btn-secondary {
    color: var(--bs-dark) !important;
    background: #E5D7B1 !important;
    border-color: #E5D7B1 !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
    background: #d7caa6 !important;
    border-color: #d7caa6 !important;
}

@media(max-width:767px){
    .mobile-stack [data-widget-element="widgetLink"].btn-outline-light {
        background: none !important;
        border-color: var(--bs-dark) !important;
        color: var(--bs-light) !important;
    }
    .mobile-stack [data-widget-element="widgetLink"].btn-light {
        background: var(--bs-dark) !important;
        border-color: var(--bs-dark) !important;
        color: var(--bs-light) !important;
    }
} 

[data-widget-element="widgetHeader"] > small {
    display: block !important;
    letter-spacing: normal!important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 0.8rem !important;
    font-family: 'lato', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

/* ==============================
    Testimonials
============================== */

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before,
.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
    color: rgba(255,255,255,0.2) !important;
}

/* ==============================
   Global    
============================== */

.location-information.text-center,
.location-information.text-center * {
    text-align: center !important;
}

/* ==============================
   Scrollbar
============================== */

section.scrollable-section .section-scrollbar {
    width: calc(100% - 30vw) !important;
    height: 12px !important;
    border-radius: 0px !important;
}
section.scrollable-section .section-scrollbar .section-scrollbar-thumb {
    border-radius: 0px !important;
}
section.horizontal-scroll [data-pagebuilder="row"] > [data-pagebuilder="column"] {
    justify-content: flex-start !important;
}
@media(min-width:992px){
    section.scrollable-section .section-scrollbar {
        margin-bottom: 100px !important;
    }
}
@media(min-width:1200px){
    section.scrollable-section .section-scrollbar {
        margin-bottom: 150px !important;
    }
}

/* ==============================
   Alert Global
============================== */

.alert-global,
.alert-global a.alert-link {
    color: var(--bs-light) !important;
}

/* ==============================
   Stars
============================== */

.star-rating i.icon-star,
.star-rating i.icon-star-half,
.colored-stars i.icon-star,
.colored-stars i.icon-star-half {
    color: var(--bs-primary);
}

/* ==============================
   Header
============================== */

header {
    box-shadow: none !important;
    background-color: transparent !important;
    z-index: 1000 !important; 
    width: 100%; 
    position: relative; /* Start with a relative position */
    transition: all .75s cubic-bezier(.165,.84,.44,1); /* Smooth transition for the top property */
}

header.stuck {
    position: fixed;
    top: 0;
    box-shadow: 0 0 0 1px rgba(var(--bs-light-rgb),0.05) !important;
}

header.stuck,
header:hover {
    background-color: var(--bs-dark) !important;
}

body.sitemanager-menu-open header.stuck,
body.sitemanager-menu-closed header.stuck {
    top: 63px !important;    
}

.header-placeholder {
    display: none; /* Initially hidden, only takes up space when needed */
}

header .content-toolbar.left {
    display: none !important;
}

header .main-content > .row > .col {
    align-items: center !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a,
header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    color: var(--bs-light) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus,
header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i {
    color: var(--bs-primary) !important;
}
 
@media(max-width:991px){
    header a#logo {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%) !important;
        margin: 0 !important;
        padding: 0.625rem 0.625rem !important;
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
    }
    header a#logo img {
        max-width: 100% !important;
        max-height: unset !important;
    }
    header .main-content > .row > .col {
        min-height: 80px !important;
    }
}

@media(min-width:992px){
    header {
        height: 95px !important;
    }
    header a#logo {
        position: static !important;
        transform: none !important;        
        margin: 0 !important;
        padding: 1.25rem 0.625rem !important;
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
    }
    header a#logo img {
        max-width: 100% !important;
        max-height: unset !important;
    }
    header .content-toolbar.inline-right {
        width: auto !important;
        min-width: none !important;
        max-width: none !important;
    }
    header > .main-content {
        max-width: 100% !important;
    }
    header .main-content > .row > .col {
        min-height: 100px !important;
    }
}

@media(min-width:992px){
    header a#logo {
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
    }
    header > .main-content {
        max-width: 100% !important;
    }
}

@media(min-width:1200px){
    header > .main-content {
        max-width: 100% !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-bottom .social-networks .network {
        background: none !important;
        border: 1px solid #fff;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
        color: #fff;
    }
}
/* ==============================
   Nav
============================== */

@media(max-width:991px){
    html body.nav-right-back-open #page-wrap, 
    html body.nav-right-open #page-wrap,
    html body.nav-left-back-open #page-wrap, 
    html body.nav-left-open #page-wrap {
        transition: .75s cubic-bezier(.165,.84,.44,1) !important;
    }
    html body.nav-left-open nav.navbar #main-navigation.open #page-wrap,
    html body.nav-right-open nav.navbar #main-navigation.open #page-wrap,
    html body.nav-left-back-open nav.navbar #main-navigation.open #page-wrap,
    html body.nav-right-back-open nav.navbar #main-navigation.open #page-wrap {
        transition-duration: .25s !important;
    }
    nav.navbar #main-navigation {
        background: var(--bs-dark) !important;
    }
    body.nav-left-open nav.navbar #main-navigation,
    body.nav-left-back-open nav.navbar #main-navigation {
        background: var(--bs-dark) !important;
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-primary-rgb),0) !important;
    }
    body.nav-right-open nav.navbar #main-navigation,
    body.nav-right-back-open nav.navbar #main-navigation {
        background: var(--bs-dark) !important;
        box-shadow: -2500px 0 0 2500px rgba(var(--bs-primary-rgb),0) !important;
    }
    body.nav-left-open nav.navbar #main-navigation.open,
    body.nav-left-back-open nav.navbar #main-navigation.open {
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-primary-rgb),0.25) !important;
    } 
    body.nav-right-open nav.navbar #main-navigation.open,
    body.nav-right-back-open nav.navbar #main-navigation.open {
        box-shadow: -2500px 0 0 2500px rgba(var(--bs-primary-rgb),0.25) !important;
    }
    nav.navbar .navbar-nav .nav-item,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-submenu .dropdown-menu .dropdown-item,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-item, 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-submenu, 
    nav.navbar .navbar-nav .nav-item.dropdown .mobile-dropdown {
        border-color: rgba(var(--bs-light-rgb),0.1) !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: var(--bs-light);
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus {
        border-left: 1px solid rgba(var(--bs-light-rgb),0.1) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        color: var(--bs-light) !important;
    }
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.show > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus > i.icon-plus {
        color: var(--bs-light) !important;
    }
    nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-menu .dropdown.dropdown-submenu>.nav-link-and-plus-wrap>.dropdown-plus {
        min-width: 52px !important;
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus {
        height: 52px !important;
        width: 52px !important;
        min-height: 52px !important;
        min-width: 52px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        padding-bottom: 60px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks a {
        cursor: pointer !important;
        margin: 0 12px;
        font-size: 22px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks a:first-child {
        margin-left: 0 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks a:last-child {
        margin-right: 0 !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar {
        list-style: none !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item {
        display: flex;
        width: 100% !important;
        height: auto !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        padding: 0.625rem calc(0.625rem * 1.5) !important;
        color: var(--bs-light);
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex {
        color: var(--bs-light) !important;
        border-radius: 0 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons,    
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex + .btn-flex {
        border-color: rgba(var(--bs-light-rgb),0.1) !important;
    }
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: var(--bs-light);
    }
}

@media(min-width:1200px){
    nav.navbar .nav-item.dropdown>.dropdown-menu.dropdown-menu-wide {
        left: -0.625rem !important;
        min-width: calc(100% + 1.25rem) !important;
    }
}

/* ==============================
   Footer
============================== */

footer div.klaviyo-form-WiyaAn form {
    float: none !important;
    max-height: 250px !important;
    min-height: 250px !important;
}

footer div.klaviyo-form-WiyaAn form button:hover,
footer div.klaviyo-form-WiyaAn form button:focus {
    color: var(--bs-light) !important;
}


footer div.klaviyo-form-WiyaAn form > div.needsclick.kl-private-reset-css-Xuajs1 {
    justify-content: flex-start !important;
    max-height: 250px !important;
    text-align: left !important;
    min-height: 250px !important;
}

footer div.needsclick.kl-private-reset-css-Xuajs1 div {
    padding-left: 0 !important;
}

footer div.needsclick.kl-private-reset-css-Xuajs1 h1 {
    text-align: left !important;
    padding-left: 0 !important;
}

/* footer {
    border-top: 1px solid rgba(var(--bs-light-rgb),0.1) !important;
    background: var(--bs-light) !important;
}

footer .logo {
    height: auto !important;
    max-width: 200px !important;
    padding: 100px 0.875rem 0 0.875rem !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

footer h6 {
    font-size: 18px;
    font-family: var(--bs-h1-family);
    font-weight: var(--bs-h1-weight);
    color: #151515 !important;
    margin-bottom: 0.625rem;
    margin-top: 60px;
}

footer .social-networks {   
    width: 100% !important;
    max-width: 200px !important;
    padding: 50px 0.875rem 0 0.875rem !important;
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
}

footer .social-networks a {
    font-size: 1.5rem !important;
    color: #151515 !important;
    margin: 0 0.625rem !important;
    transition: 0.25s !important;
    padding: 0 !important;
    width: auto !important;
}

footer .social-networks a:hover,
footer .social-networks a:focus {
    color: var(--bs-primary) !important;
}

footer .footerlinks {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 100px 0 0 0 !important;
}

footer .footerlinks li {
    width: 100%;
}

footer .footerlinks li a {
    font-size: 1rem;
    font-family: var(--bs-h1-family);
    font-weight: var(--bs-h1-weight);
    color: #151515 !important;
    padding: 0.625rem 0.875rem;
    display: block;
}

footer .footerlinks li a:hover,
footer .footerlinks li a:focus {
    color: var(--bs-primary) !important;
} 

footer .subscribe-widget-xl {
    margin: 0px auto 0px auto;
    max-width: 800px;
}

footer .subscribe-widget-xl form > div {
    flex-direction: column !important;
    display: flex !important;
}

footer .subscribe-widget-xl form > div label {
    font-size: 18px;
    font-family: var(--bs-h1-family);
    font-weight: var(--bs-h1-weight);
}
footer .subscribe-widget-xl form > div p {
    font-size: 14px !important;
    font-family: var(--bs-p-family) !important;
    font-weight: bolder !important;
    color: #151515 !important;
    margin-bottom: 0.625rem !important;
    display: block!important;
}

footer .subscribe-widget-xl form > div .input-group {
    max-width: 330px !important;
}

footer .subscribe-widget-xl form > div .input-group .form-control {
    border-radius: 5px;
    border: 1px solid var(--bs-primary)!important;
    font-size: 16px!important;
    font-family: var(--bs-p-family)!important;
    font-weight: var(--bs-p-weight)!important;
    color: var(--bs-dark)!important;
    padding: 0.625rem 1.25rem !important; 
    background: var(#151515)!important;
}

footer .subscribe-widget-xl form > div .input-group .btn {
    border-radius: 5px;
    font-size: 18px;
    font-family: var(--bs-h1-family);
    font-weight: 600;
    color: var(--bs-dark);
    padding: 0.625rem 0.75rem;
    background: var(#151515);
    border: 1px solid var(--bs-dark);
}

footer .subscribe-widget-xl form > div .input-group .btn:hover {
    background: var(--bs-dark);
    color: var(#151515);
}

footer p.copyrights,
footer .container-fluid .copyrights {
    background: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 345px !important;
    padding: 50px 0.875rem 100px 0.875rem !important;
    margin: 0px auto;
}

footer p.copyrights,
footer p.copyrights * {
    color: #151515 !important;
    letter-spacing: normal;
}

@media(min-width:768px){
    footer .logo,
    footer .social-networks { 
        margin: 0 !important;
        justify-content: flex-start !important;
    }
    footer .footerlinks {
        justify-content: flex-end !important;
    }
    footer .footerlinks li {
        width: 50%;
        line-height: 1.2 !important;
    }
    footer .social-networks a {
        margin: 0 1.25rem 1.25rem 0 !important;
    }
    footer p.copyrights, 
    footer .container-fluid .copyrights {
        text-align: left !important;
        margin: 0 0 100px 0 !important;
        padding: 50px 0.875rem 0 0.875rem !important;
    }
}
@media(min-width:1200px){
    footer .footerlinks li {
        width: auto;
    }
} */

/* ==============================
    Sections - Banner
============================== */

section[data-pagebuilder="section"].peridot-banner,
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] {
    padding: 0 !important;
    margin: 0 !important;
}

section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] [data-pagebuilder="row"],
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] [data-pagebuilder="row"] [data-pagebuilder="column"]:not(.position-relative),
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] [data-pagebuilder="row"] [data-pagebuilder="column"] [data-pagebuilder="widget"],
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] [data-pagebuilder="row"] [data-pagebuilder="column"] [data-pagebuilder="widget"] > div {
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
}

section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] {
    margin-left: auto !important;
    margin-right: auto !important;
    height: 70vh !important;
    max-height: 100vh !important;
    min-height: 650px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: static !important;
}

section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] [data-pagebuilder="row"] {
    width: 100% !important;
}

section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] [data-widget-element="widgetImage"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 1 !important;
}

section[data-pagebuilder="section"].peridot-banner.full-opacity [data-pagebuilder="section-container"] [data-widget-element="widgetImage"] {
    opacity: 1 !important;
}

section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .content-block {
    padding: 1.25rem !important;
    z-index: 2 !important;
}

@media(max-width:767px){
    section[data-pagebuilder="section"]#section-1.peridot-banner {
        margin-top: -80px !important;
    }
}

@media(min-width:768px){
    section[data-pagebuilder="section"]#section-1.peridot-banner {
        margin-top: -100px !important;
    }
    section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .content-block {
        padding: 2.5rem !important;
    }
}
@media(min-width:992px){
    section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .content-block {
        padding: 2.5rem !important;
    }
}
@media(min-width:1200px){
    section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .content-block {
        padding: 2.5rem !important;
    }
}








/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */


/*!
 * Clarity v6 Local Styles
 * Copyright 2008-2017 Punchmark
 */


body {
    -webkit-font-smoothing: antialiased;
}

/* ==============

 Header 

============== */



@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-top .input-group .form-control {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control::placeholder {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .btn {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group {
        border-color: var(--bs-light) !important;
    }
}

.toolbar i {
    margin-right: 5px !important;
}

.toolbar>.toolbar-inner>ul.right {
    margin-left: auto !important;
}

.toolbar>.toolbar-inner>ul>li>a, .toolbar>.toolbar-inner>ul.right li {
    text-transform: capitalize !important;
    font-weight: 500 !important;
    transition: opacity 0.15s linear;
    font-size: 15px !important;
}


.toolbar>.toolbar-inner>ul>li>a:hover, .toolbar>.toolbar-inner>ul>li>a:focus {
    color: var(--light) !important;
    opacity: 0.8 !important;
}

@media (min-width: 992px) {

    .toolbar {
        z-index: 2;
    }

    header .main-content > .row > .col {
        min-height: 91px !important;
    }

    header a#logo {
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        padding: 6px 0 !important;
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }

    header .content-toolbar.inline-right {
        width: auto !important;
        /* min-width: 80px !important; */
        max-width: none !important;
    }

    nav.navbar .navbar-nav {
        justify-content: space-around !important;
        padding-right: 0 !important;
        max-width: 850px;
    }
}

@media (min-width: 992px) {
    header a#logo {
        width: 170px !important;
        min-width: 170px !important;
        max-width: 170px !important;
    }
}

@media (min-width: 1100px) {
    header a#logo {
        width: 188px !important;
        min-width: 188px !important;
        max-width: 188px !important;
    }
}

@media (min-width: 1400px) {
    header a#logo {
        width: 188px;
        width: 188px;
    }
}

header {
    background: var(--dark) !important;
    z-index: 2501 !important;
}

header .content-toolbar .content-toolbar-inner>ul>li {
    color: var(--light);
}

nav.navbar .navbar-nav .nav-item .nav-link {
    /* font-family: 'lato', sans-serif !important; */
    font-family: "Tenor Sans", sans-serif !important;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 500px) {
    header a#logo {
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        left: 48% !important;
    }
    header .content-toolbar .content-toolbar-inner>ul>li>a>i, header .content-toolbar .content-toolbar-inner>ul>li>a>i::before {
        font-size: 19px !important;
        width: 19px;
        height: 19px;
    }
}
/* ==============

General Body Styles and Text 

    Note: use pre-existing classes where possible... 

============== */

#page-loading { display: none !important; }

/* .montserrat {
    font-family: 'lato', sans-serif !important;
} */

.text-black {
    color: #000 !important;
}

.text-grey {
    color: #414141 !important;
}

span.italic {
    font-style: italic !important;
}

section.dark-bg {
    background-color: #16394B !important;
    background: #16394B !important;
}

.btn-dark {
    color: #8A9FA9 !important;
}

.btn {
    letter-spacing: 0.05rem !important; 
}

/* ==============

Footer

============== */
footer {
    background: #fff !important;
}

footer .copyrights p, footer .copyrights .p {
    font-size: 0.8rem !important;
}

footer h6 {
    text-transform: capitalize !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
}

footer * {
    font-family: 'lato', sans-serif !important;
    color: #000000 !important;
}

footer .copyrights {
    background: var(--primary) !important;
    justify-content: center !important;
    text-align: center !important;
}

footer .copyrights .row {
    justify-content: center !important;
    text-align: center !important;
    align-items: center !important;
}

footer .copyrights .row > div {
    width: auto !important;
    max-width: 100% !important;
}

footer .copyrights * {
    color: #fff !important;
    text-transform: uppercase;
}

footer .copyrights .required-links li:first-child, footer .copyrights .required-links li:nth-child(2) {
    display: none !important;
}

@media (max-width: 1199px) {
    footer .copyrights .container {
        max-width: 720px !important;
        width: 100% !important;
    }
    footer .copyrights  .order-lg-2 {
        margin-top: 16px !important;
    }
}
@media (max-width: 991px) {
    footer .copyrights .order-lg-2 {
        margin-top: 0 !important;
    }
}
footer .mobile-const {
    width: 100%;
    max-width: 265px !important;
}
@media (max-width: 767px) {
    footer .mobile-const {
        width: 100%;
        max-width: 265px !important;
    }
}

/* Banner Text over Video Fade In Animation 

@keyframes play {
    0% { opacity: 0; }
    5% { opacity: 1; }
    20% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
#home .quotes-heading {
    position: relative;
    padding-bottom: 60px !important;
}
#home .quotes-heading span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    animation: play 12s infinite;
}

#home .quotes-heading span:nth-child(2){
    animation-delay: 4s;
}
  
#home .quotes-heading span:nth-child(3){
    animation-delay: 8s;
}

*/

/* ==============

Top Banner - Clarity Diamond Branding Accent

============== */

section.diamond-accent {
    position: relative;
    overflow: visible !important;
}

section.diamond-accent .widget > div {
    margin-bottom: 0 !important;
    background: #fff;
}

/* section.diamond-accent img {
   max-height: calc(100vh - 95px);
} */

section.diamond-accent:after {
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: -79px;
    position: absolute;
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/accent-shape.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 108px;
    width: 102px;
    z-index: 1;
}

/* ==============
        
Section: Diamond Pattern Background 

============== */

section.pattern-background {
    background-color: #043C4C !important;
    background: #043C4C !important;
    position: relative;
}

section.pattern-background > div {
    position: relative;
    z-index: 2;
}

section.pattern-background:after {
    content: '';
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/diamond-pattern-dark-blue-light.jpg');
    background-position: center center;
    background-repeat: repeat;
    background-size: 200px; /* sharpen */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.7;
}

section.pattern-background.minimum-full-screen-height [data-pagebuilder="section-container"],
section.pattern-background.minimum-full-screen-height [data-pagebuilder="row"],
section.pattern-background.minimum-full-screen-height [data-pagebuilder="column"] {
    min-height: 100vh;
    height: 100vh;
}

#find-retailers section.pattern-background:after {
    display: none !important;
}

@media (max-width: 767px) {
    section.pattern-background.minimum-full-screen-height.non-mobile [data-pagebuilder="section-container"],
section.pattern-background.minimum-full-screen-height.non-mobile [data-pagebuilder="row"],
section.pattern-background.minimum-full-screen-height.non-mobile [data-pagebuilder="column"] {
        min-height: 0 !important;
        height: auto !important;
    }
}

section.pattern-background.minimum-full-screen-height [data-pagebuilder="widget"].h-100 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ==============

Sticky Text/Image Sections

    Note: Images will change per slide, not sure we want this GIA thing in CSS... may move to pb widgets

============== */

/*
section.gia-logo-padding {
    padding-bottom: 400px !important;
}

.gia-logo-pseudo {
    position: relative;
}

.gia-logo-pseudo p, .btn, h3 {
    position: relative;
    z-index: 2;
}

.gia-logo-pseudo:after {
    content: '';
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/GIA-Logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 609px;
    height: 644px;
    max-width: 50vw;
    max-height: 844px;
    right: -80px;
    top: -50px;
}
*/


/* ==============

Product / Carousel Section

============== */

section.clarity-widget-carousel {
    padding-top: 40px !important;
    padding-bottom: 40px !important;   
    position: relative;
    z-index: 101 !important; 
}

section.clarity-widget-carousel .widget-product-carousel {
    position: relative;
    z-index: 5;
}

section.clarity-widget-carousel .owl-stage-outer {
    width: 150% !important;
    max-width: 150% !important;
    overflow: visible !important;
    transform: none;
    z-index: 5;
}

section.clarity-widget-carousel .owl-nav {
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute;
    right: 0;
    top: -30px;
    width: 102px;
    transform: none !important;
    bottom: auto !important;
    left: auto !important;
    height: auto !important;
    display: flex;
    justify-content: space-between;
}

section.clarity-widget-carousel .owl-nav .owl-prev, 
section.clarity-widget-carousel .owl-nav .owl-next {
    width: 38px;
    height: 12px;
    text-align: center;
    transition: all 0.14s linear;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
}

section.clarity-widget-carousel h2, section.clarity-widget-carousel .h2, section.clarity-widget-carousel h3, section.clarity-widget-carousel .h3 {
    padding-right: 100px !important;
}

section.clarity-widget-carousel .owl-nav .owl-prev {
    background: url(https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/slider-arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

section.clarity-widget-carousel .owl-nav .owl-next {
    background: url(https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/slider-arrow-right.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

section.clarity-widget-carousel .owl-nav i {
    display: none !important;
}

section.clarity-widget-carousel [data-pagebuilder="widget"] > .content-block > .flex-column > h3[data-widget-element="widgetHeader"], 
section.clarity-widget-carousel [data-pagebuilder="widget"] > .widget-inner + .content-block > .flex-column > h3[data-widget-element="widgetHeader"] {
    padding-top: 13px !important;
    padding-bottom: 6px !important;
    margin-bottom: 0 !important;
}

section.clarity-widget-carousel .product-slider .product-title {
    color: #fff !important;
    font-size: 24px;
}

section.clarity-widget-carousel .product-slider .product-price {
    color: #E5D7B1 !important;
    font-size: 18px;
    font-family: 'lato', sans-serif !important;
    font-weight: 600 !important;
    margin-top: 8px;
}

section.clarity-widget-carousel .product-slider .wishlist-btn-container {
    display: none !important;
}

@media(min-width:768px){
    section.clarity-widget-carousel {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media(min-width:1200px){
    section.clarity-widget-carousel {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

/* ==============

Bubble Background Section

============== */

section.bubble-background-section {
    overflow: visible !important;
    padding: 0 !important;
}

section.bubble-background-section .container {
    position: relative;
    z-index: 2;
}

section.bubble-background-section .container::before {
    content: '';
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/bubble-img.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.5; 
}

section.bubble-background-section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

section.bubble-background-section .container::before {
    width: 100%;
    height: calc(100% + 100px);
    top: -100px;
    left: -200px;
}

@media (min-width: 768px) {
    section.bubble-background-section {
        padding-top: 0 !important;
        padding-bottom: 100px !important;
    }
    section.bubble-background-section .container::before {
        top: -30px;
    }
}

@media (min-width: 992px) {
    section.bubble-background-section .container::before {
        top: -50px;
    }
}





/* ==============

Product Grid and Product Details

============== */


/* body#jewelry .fade-bottom {
    display: none !important;
}

body#jewelry section.default .final-bg {
    background: #fff;
}
body#jewelry section.default * {
    color: var(--primary) !important;
}

body#jewelry section.default {
    background: #fff;
}
body#jewelry section.default #grid-sidebar-object, 
body#jewelry section.default .grid-sidebar, 
body#jewelry .grid-sidebar .grid-sidebar-elem-heading h5.parent {
    background: #fff;
}

body#jewelry .btn-default:hover, 
body#jewelry .btn-default:focus, 
body#jewelry .btn-default:active {
    color: #fff !important;
    background: var(--primary) !important;
}

body#jewelry .btn-default:hover span, 
body#jewelry .btn-default:focus span, 
body#jewelry .btn-default:active span {
    color: #fff !important;
}

body#jewelry .btn-default:hover i, 
body#jewelry .btn-default:focus i, 
body#jewelry .btn-default:active i {
    color: #fff !important;
}

body#jewelry .list-mode-only button {
    padding: 5px;
} */



/* ============================ */

/* body#jewelry-details .btn-default:hover, 
body#jewelry-details .btn-default:focus, 
body#jewelry-details .btn-default:active {
    color: #fff !important;
    background: var(--primary) !important;
}

body#jewelry-details .btn-default:hover span, 
body#jewelry-details .btn-default:focus span, 
body#jewelry-details .btn-default:active span {
    color: #fff !important;
}

body#jewelry-details .btn-default:hover i, 
body#jewelry-details .btn-default:focus i, 
body#jewelry-details .btn-default:active i {
    color: #fff !important;
}


body#jewelry-details section.default #grid-sidebar-object, 
body#jewelry-details section.default .grid-sidebar, 
body#jewelry-details .grid-sidebar .grid-sidebar-elem-heading h5.parent {
    background: #fff;
}

body#jewelry-details .fade-bottom {
    display: none !important;
}

body#jewelry-details section.default .final-bg {
    background: #fff;
}
body#jewelry-details section.default * {
    color: var(--primary) !important;
}

body#jewelry-details section.default {
    background: #fff;
}

body#jewelry-details section.default #grid-sidebar-object, 
body#jewelry-details section.default .grid-sidebar, 
body#jewelry-details .grid-sidebar .grid-sidebar-elem-heading h5.parent {
    background: #fff;
}

body#jewelry-details section.default .mz-hint .mz-hint-message, 
body#jewelry-details section.default .btn-primary, 
body#jewelry-details section.default .btn-primary span, 
body#jewelry-details section.default label {
    color: #fff !important;
} */

#jewelry .grid-sidebar-colwrap .fade-bottom {
    display: none !important;
}

/* ==============

Our Story Page

============== */

section.corner-link-items .widget {
    position: relative;
}

section.corner-link-items .row {
    justify-content: center !important;
}

section.corner-link-items .widget .btn {
    position: absolute !important;
    top: 30px;
    left: 40px;
    color: #fff !important;
}

/* ==============

Our Diamonds Subtle Pseudo - American Grown

============== */

.subtle-pseudo {
    position: relative;
    z-index: 1;
}

.subtle-pseudo:after {
    content: '';
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/Group-862.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 582px;
    height: 499px;
    max-width: 50vw;
    max-height: 499px;
    right: 50px;
    top: -100px;
}

/* ===============

FAQs Section

=============== */

.faq-widget {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto 20px !important;
}

section.faq-section [data-pagebuilder="row"] > [data-pagebuilder="column"] {
    display: block !important;
}

.faq-widget .icon-plus {
    color: var(--dark) !important;
}

.faq-widget .icon-plus:before {
    position: absolute;
    right: 20px;
    left: auto;
    transition: all 0.15s;
    font-size: 16px;
    top: 28px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: inherit;
    font-family: "fontawesome-light";
    content: "\e920";
}

.faq-widget .icon-plus.collapsed:before {
    transform: rotate(0deg);
    font-family: "fontawesome-light";
    content: "\e924";
}

.faq-widget .question {
    background: #F7F8F8;
    padding: 20px !important;
    width: 100%;
    margin-right: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    transition: background 0.15s linear;
    border: none !important;
}

.faq-widget .question .pr-30 {
    padding-right: 40px !important;
}

.faq-widget .question:hover {
    background: #c9c9c9;
}

.faq-widget .question h3, 
.faq-widget .question .h3 {
    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 1.05;
    padding-top: 0.2rem !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    color: var(--dark) !important;
}

.faq-widget .answer {
    background: #ffffff;
    border-top: 0;
    border: none !important;
    width: 100%;
    max-width: 800px;
    text-align: left;
}

.faq-widget .answer p {
    margin-bottom: 0 !important;
    font-size: var(--bs-p-lead-size) !important;
    padding: 0 3px !important;
}

@media (max-width: 767px) {
    .faq-widget .icon-plus:before {
        top: 19px;
    }
    .faq-widget .question {
        padding: 15px !important;
    }
    .faq-widget .question h3, 
    .faq-widget .question .h3 {
        font-size: 18px !important;
    }
}



/*

Scrolling Effects

*/

/* #page-wrap { */
    /* scroll-snap-type: y mandatory; */
    /*
    scroll-snap-type: y proximity;
    */
    /* scroll-behavior: smooth;    
    height: 100vh;
    max-width: 100vw;
    overflow-y: auto;
    overflow-x: hidden;     */
/* } */

/*====== Disabled scroll snap for jewelry details page ======*/
body#jewelry-details #page-wrap,
body#jewelry #page-wrap  {
    scroll-snap-type: none !important;
}

/* #jewelry-details section.default, */
/* .skippy:active, 
.skippy:focus,
.alert-global,
.toolbar,
header,
footer,
#page-wrap > section,
#page-wrap section[data-pagebuilder="section"],
#page-wrap #sortable-section-list > .section-index > section[data-pagebuilder="section"], #page-wrap > div#accordion-details {
    scroll-snap-align: start;
} */

section.minimum-full-screen-height {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

body.nav-left-back-open #page-wrap,
body.nav-left-open #page-wrap,
body.nav-right-back-open #page-wrap,
body.nav-right-open #page-wrap {
    overflow: visible; /* Flaw: makes nav animation choppy (when closing) */
}

section.minimum-full-screen-height.px-0.py-0 [data-pagebuilder="section-container"].px-0.py-0,
section.minimum-full-screen-height.px-0.py-0 [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="row"],
section.minimum-full-screen-height.px-0.py-0 [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="column"],
section.minimum-full-screen-height.px-0.py-0 [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="widget"].h-100,
section.minimum-full-screen-height.px-0.py-0 [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="column"].h-100 [data-pagebuilder="widget"] {
    min-height: 100vh;
    height: 100vh;
}

@media (max-width: 767px) {
    section.minimum-full-screen-height.px-0.py-0.non-mobile [data-pagebuilder="section-container"].px-0.py-0,
section.minimum-full-screen-height.px-0.py-0.non-mobile [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="row"],
section.minimum-full-screen-height.px-0.py-0.non-mobile [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="column"],
section.minimum-full-screen-height.px-0.py-0.non-mobile [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="widget"].h-100,
section.minimum-full-screen-height.px-0.py-0.non-mobile [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="column"].h-100 [data-pagebuilder="widget"] {
        min-height: 0 !important;
        height: auto !important;
    }
}

section.minimum-full-screen-height.px-0.py-0 [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="widget"].h-100 img,
section.minimum-full-screen-height.px-0.py-0 [data-pagebuilder="section-container"].px-0.py-0 [data-pagebuilder="widget"].h-100 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ==============

Icon Sections

============== */

section.image-icon-grid img {
    width: 150px;
    height: auto;
}

/* @media(min-width:768px){ */
    section.image-icon-grid [data-pagebuilder="row"] {
        display: flex;
        justify-content: center;
    }
/* } */


/* ===============================

Pseudo Shape Animate

=============================== */

.pseudo-animate, .pseudo-animate-dark {
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
}

.pseudo-animate + span, .pseudo-animate-dark + span  {

    position: relative;
    z-index: 1;
}

.pseudo-animate:after {
    content: '';
    position: absolute;
    /* bottom: -400px; */
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/Path-848.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 148px;
    width: 158px;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    transition: bottom 0.45s linear, opacity 0.7s linear;
    opacity: 0;
    z-index: -1;
    transition-delay: 0.2s;
}

.pseudo-animate-dark:after {
    content: '';
    position: absolute;
    /* bottom: -400px; */
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    background: url('https://cdn.jewelryimages.net/static/domains/claritydiamondv6/images/store-pics/Path-847.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 148px;
    width: 158px;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    transition: bottom 0.45s linear, opacity 0.7s linear;
    opacity: 0;
    z-index: -1;
    transition-delay: 0.2s;
}

/* .pseudo-animate:hover:after {
    bottom: -40px;
    opacity: 1;
} */

section.section-is-now-visible .pseudo-animate:after, section.section-is-now-visible .pseudo-animate-dark:after {
    bottom: -40px;
    opacity: 1;
}

/* ==============

Custom Shape Section

============== */

section.shop-by-shape-custom .row > .custom-width {
    /* flex: 1 !important; */
    width: 12.5% !important;
    max-width: 12.5% !important;
}
section.shop-by-shape-custom .row {
    align-items: flex-end !important;
}

/* section.shop-by-shape-custom .widget {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
} */

section.shop-by-shape-custom .widget img {
    height: 60px !important;
    width: auto !important;
    max-width: 100% !important;
}

section.shop-by-shape-custom .marquise-sizing.widget img {
    width: 90px !important;
    height: 44px !important;
}


section.shop-by-shape-custom .row > .custom-width h4, section.shop-by-shape-custom .row > .custom-width .h4 {
   font-family: 'lato', sans-serif !important;
   font-size: 17px !important;
   letter-spacing: 1px !important;
   font-weight: 400 !important;
   margin-top: 25px !important;
   transition: color 0.16s linear;
}

section.shop-by-shape-custom a img, section.shop-by-shape-custom a img {
    opacity: 1;
    transition: opacity 0.16s linear;
}

section.shop-by-shape-custom a:hover img, section.shop-by-shape-custom a:focus img {
    opacity: 0.75;
}

section.shop-by-shape-custom .row > .custom-width h4:hover, section.shop-by-shape-custom .row > .custom-width .h4:hover, section.shop-by-shape-custom .row > .custom-width h4:focus, section.shop-by-shape-custom .row > .custom-width .h4:focus {
    color: var(--primary) !important;
}

@media (max-width: 991px) {
    section.shop-by-shape-custom .row > .custom-width {
        /* flex: 1 !important; */
        width: 25% !important;
        max-width: 25% !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 767px) {
    section.shop-by-shape-custom .row > .custom-width {
        /* flex: 1 !important; */
        width: 50% !important;
        max-width: 50% !important;
    }
}

/* ==============

Pulsing icon animation

============== */

@keyframes pulse {
	0% {
		transform: scale(0.8);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.8);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.pseudo-animate, .pseudo-animate-dark {
    animation: pulse 3s infinite;
}

/* ===========

Video Overlay

=========== */

section.dark-overlay .widget > div {
    position: relative;
    z-index: 1;
}

section.dark-overlay .h3, section.dark-overlay h3, section.dark-overlay p, section.dark-overlay span {
    position: relative;
    z-index: 3;
}

section.dark-overlay .widget > div:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #16394B;
    opacity: 0.61;
    z-index: 2;
}

/* ===========

Jewelry Details Mobile Title

=========== */

/* @media (max-width: 767px) {
    #jewelry-details section#skip-to-section-1 .row > .col-12.flex-column {
        order: 2 !important;
    }
} */


/* ==============================
   Adding scroll icon to mobile parallax specific sections where there was blank space - client concern
============================== */
@keyframes pulse-icon {
	0% {
		transform: translate(-50%, 0);
	}

	70% {
        transform: translate(-50%, 13px);
	}

	100% {
        transform: translate(-50%, 0);
	}
}
@media(max-width: 767px) {
    section.sticky-section {
        position: relative;
    }    
    section.sticky-section:before {
        content: 'Scroll';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 35px;
        font-size: 15px;
        color: var(--dark) !important;
        animation: pulse-icon 3s infinite;
    }   
    section.sticky-section:after {
        font-family: "fontawesome-light";
        content: '\e909';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 55px;
        font-size: 15px;
        color: var(--dark) !important;
        animation: pulse-icon 3s infinite;
    }
}



.video-slider-section [data-pagebuilder="widget"].widget .widget-image-wrapper {
    height: 100% !important;
}

.video-slider-section [data-pagebuilder="widget"].widget .widget-image-wrapper + .widget-text-overlay {
    bottom: 0 !important;
    left: 0 !important; 
    z-index: 1000 !important;
}