/**
 * title:      Acumen Cyber
 * created:    01/03/2024
 * author:     Development Team <info@optiva.co.uk>
 * copyright:  Optiva Ltd

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

/** Fonts */
@font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Light.ttf') format("truetype"); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-LightItalic.ttf') format("truetype"); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Regular.ttf') format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-RegularItalic.ttf') format("truetype"); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Medium.ttf') format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Semibold.ttf') format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Bold.ttf') format("truetype"); font-weight: 700; font-style: normal; }

body { font-family: Gilroy; font-weight: 400; overflow-x: hidden; scroll-behavior: smooth; position: relative; }

h1 { color: #0c252c; font-size: 46px; line-height: 48px; font-weight: 600; }
h2 { color: #0c252c; font-size: 46px; line-height: 48px; font-weight: 400; }
h3 { color: #0c252c; font-size: 40px; line-height: 46px; font-weight: 400; }
h4 { color: #0c252c; font-size: 30px; line-height: 34px; font-weight: 400; }
h5 { color: #0c252c; font-size: 24px; line-height: 28px; font-weight: 400; }
h6 { color: #0c252c; font-size: 18px; line-height: 24px; font-weight: 400; }
p { color: #0c252c; font-size: 18px; line-height: 24px; }
li { color: #0c252c; font-size: 18px; line-height: 24px; }

.container { max-width: 1150px; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.text-green { color: #4bc184!important; }

.uppercase { text-transform: uppercase; }

a { color: #4bc184; text-decoration: none; }
a:link { text-decoration: none; }
a:hover { color: #4bc184; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

.btn { font-size: 18px; line-height: 20px; font-weight: 500; padding: 10px 30px; color: #4bc184; border: 2px #4bc184 solid; border-radius: 5px; filter: drop-shadow(0px); box-shadow: none; transition: 0.2s; transition-timing-function: ease-in; }
.btn:hover { transition: 0.2s; transition-timing-function: ease-in; }
.btn:focus { transition: 0.2s; transition-timing-function: ease-in; }

.btn.large { font-size: 21px; line-height: 23px; padding: 10px 45px; }

.btn-green { background: #4bc184; border-color: #4bc184; color: #ffffff; }
.btn-green:hover { background: #3ea670!important; border-color: #3ea670!important; color: #ffffff!important; }
.btn-green:focus { background: #3ea670; border-color: #3ea670; color: #ffffff; }
.btn-green:active { background: #3ea670!important; border-color: #3ea670!important; color: #ffffff!important; }

.btn-brown { background: #7a7861; border-color: #7a7861; color: #ffffff; }
.btn-brown:hover { background: #aca588!important; border-color: #aca588!important; color: #ffffff!important; }
.btn-brown:focus { background: #aca588; border-color: #aca588; color: #ffffff; }
.btn-brown:active { background: #aca588!important; border-color: #aca588!important; color: #ffffff!important; }

.btn-dark-green { background: #23393e; border-color: #23393e; color: #ffffff; }
.btn-dark-green:hover { background: #4bc184!important; border-color: #4bc184!important; color: #ffffff!important; }
.btn-dark-green:focus { background: #4bc184; border-color: #4bc184; color: #ffffff; }
.btn-dark-green:active { background: #4bc184!important; border-color: #4bc184!important; color: #ffffff!important; }

.btn-dark-green-keyline { background: none; border-color: #23393e; color: #23393e; }
.btn-dark-green-keyline:hover { background: #23393e!important; border-color: #23393e!important; color: #ffffff!important; }
.btn-dark-green-keyline:focus { background: #23393e!important; border-color: #23393e; color: #ffffff; }
.btn-dark-green-keyline:active { background: #23393e!important; border-color: #23393e!important; color: #ffffff!important; }

.btn-dark { background: #23393e; border-color: #23393e; color: #ffffff; }
.btn-dark:hover { background: #4bc184!important; border-color: #4bc184!important; color: #ffffff!important; }
.btn-dark:active { background: #4bc184!important; border-color: #4bc184!important; color: #ffffff!important; }

.btn-outline-dark { background: none; border-color: #23393e; color: #23393e; }
.btn-outline-dark:hover { background: #23393e!important; border-color: #23393e!important; color: #ffffff!important; }
.btn-outline-dark:focus { background: #23393e!important; border-color: #23393e; color: #ffffff; }
.btn-outline-dark:active { background: #23393e!important; border-color: #23393e!important; color: #ffffff!important; }


.line-link { color: #0c252c; font-size: 18px; line-height: 26px; font-weight: 600; border-bottom: 2px #0c252c solid; padding-bottom: 5px; text-transform: uppercase; display: inline-block; }
.line-link:hover { color: #4bc184; border-color: #4bc184; }

.line-link.green { color: #4bc184; border-color: #4bc184; }
.line-link.green:hover { color: #4bc184; border-color: #4bc184; }

.arrow-button { font-size: 20px; line-height: 28px; }
.arrow-button:after { content:""; display: inline-block; width: 48px; height: 16px; background: url("../assets/arrow-button.png") 50% center no-repeat; margin-left: 12px; transition: 0.2s; transition-timing-function: ease-in; }
.arrow-button:hover:after { margin-left: 20px; transition: 0.2s; transition-timing-function: ease-in; }

.form-control { border: 1px #ada68a solid; }
.form-control.is-invalid { border: 1px #cc0000 solid!important; }

.border-light { border-color: rgb(134, 130, 112) !important; }

.checkbox { position: relative; }
    .checkbox label { color: #1b1631; font-size: 24px; font-weight: 300; padding-left: 15px; }
    .checkbox label.big span { font-size: 20px; line-height: 28px; margin-top: 2px; }
    .checkbox label span { font-size: 18px; line-height: 22px; font-weight: 400; display: block; margin-top: 4px; margin-left: 15px; }
    .checkbox label::before { background: #ffffff; border: 1px #ada68a solid; width: 34px; height: 34px; }
    .checkbox label::after { color: #4bc184; font-size: 20px; line-height: 35px; font-weight: 900; border: none; width: 34px; height: 34px; left: 0px; top: 0px; padding: 0px; text-align: center; }
    .checkbox input { top: 0px; left: 0px; margin: 0px; height: 100%; width: 100%; position: absolute; }
    .checkbox input.is-invalid + label::before { border: 1px #cc0000 solid; }

.radio { position: relative; }
    .radio label { color: #1b1631; font-size: 24px; font-weight: 300; padding-left: 15px; }
    .radio label span { display: block; margin-top: 4px; }
    .radio label::before { background: #ffffff; border: 1px #ada68a solid; width: 28px; height: 28px; margin-top: 1px; }
    .radio label::after { background: #4bc184; width: 14px; height: 14px; left: 7px; top: 8px; margin-top: 0px; }
    .radio input { top: 0px; left: 0px; margin: 0px; height: 100%; width: 100%; position: absolute; }
    .radio input.is-invalid + label::before { border: 1px #cc0000 solid; }

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

.header { background: #f3f0e4; width: 100%; height: 92px; padding: 26px 20px; top: 0px; position: fixed; z-index: 1200; transition: 0.2s; transition-timing-function: ease-in; }

    .header .logo { max-width: 160px; left: 0px; right: 0px; margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }

    .header .nav { padding: 0px; margin: 10px 0px 0px 0px; transition: 0.2s; transition-timing-function: ease-in; }
        .header .nav ul { padding: 0px; margin: 0px; }
        .header .nav li { font-weight: 500; text-transform: uppercase; display: inline-block; }
        .header .nav li a { color: #95907e; }
        .header .nav li a:hover { color: #4bc184; }
        .header .nav li.active a { color: #4bc184; }
        .header .nav li a.active { color: #4bc184; }
        .header .nav li.dropdown.active a { color: #4bc184; }
        .header .nav li.dropdown a::after { font-size: 16px; margin-left: 6px; font-family: "Font Awesome 5 Pro"; content: "\f078"; }
        .header .nav li.dropdown.active a::after { font-family: "Font Awesome 5 Pro"; content: "\f077"; }

        .header .nav .icons { margin-left: 15px; }
            .header .nav .icons button { border: 0px; background: none;  padding: 0px; }
            .header .nav .icons i { color: #95907e; font-size: 17px; line-height: 25px; margin-left: 9px; }
            .header .nav .icons i:hover { color: #4bc184; }

    .header .nav.left { float: left; }
        .header .nav.left li { margin-right: 35px; }

    .header .nav.right { float: right; }
        .header .nav.right li { margin-left: 22px; }

    .header .mobile-icons.left { display: none; }
    .header .mobile-icons.right { display: none; }

    header .navigation-dropdown { background: #f3f0e4; width: 100%; padding: 30px 20px 50px 20px; top: 92px; position: fixed; z-index: 1200; display: none; transition: 0.2s; transition-timing-function: ease-in; }
        header .navigation-dropdown.active { display: block; }

            header .navigation-dropdown h5 { color: #999483; font-size: 19px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 12px; }

            header .navigation-dropdown ul.large { list-style: none; padding: 0px; margin: 0px; }
                header .navigation-dropdown ul.large li { font-size: 22px; line-height: 28px; font-weight: 600; margin-bottom: 8px; } 
                header .navigation-dropdown ul.large li a { color: #0c252c; }
                header .navigation-dropdown ul.large li a:hover { color: #4bc184; }

            header .navigation-dropdown ul { list-style: none; padding: 0px; margin: 0px; }
                header .navigation-dropdown ul li { font-size: 18px; line-height: 21px; font-weight: 600; margin-bottom: 10px; } 
                header .navigation-dropdown ul li a { color: #0c252c; }
                header .navigation-dropdown ul li a:hover { color: #4bc184; }

            header .navigation-dropdown .nav-feature-box { background: #0c252c; background-size: cover; background-position: right 50%; padding: 20px; border-radius: 10px; width: 230px; height: 96%; float: right; position: relative; }
                header .navigation-dropdown .nav-feature-box .cta-circle { width: 60px; height: 60px; }
                header .navigation-dropdown .nav-feature-box h4 { color: #ffffff; bottom: 20px; position: absolute; }

        .header.scrolled { background: #f3f0e4; height: 70px; padding-top: 18px; padding-bottom: 18px; box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.3); transition: 0.2s; transition-timing-function: ease-in; }
            .header.scrolled .logo { max-width: 132px; transition: 0.2s; transition-timing-function: ease-in; }
            .header.scrolled .nav { margin: 4px 0px 0px 0px; transition: 0.2s; transition-timing-function: ease-in; }

        header .navigation-dropdown.scrolled { top: 68px; transition: 0.1s; transition-timing-function: ease-in; }

        .overlay-bg.active { background-color: #000; opacity: 0.5; height: 100%; width: 100%; position: absolute; z-index: 1000; }

        .header-above { margin-top: 92px; }
        
/**
 * Side Menu
 * ========================================================================== */

    .offcanvas-backdrop { z-index: 1210; }

    .side-menu.offcanvas { z-index: 1500; --bs-offcanvas-width: 450px; }
        .side-menu.offcanvas .offcanvas-header h5 { font-weight: 600; }

        .side-menu.offcanvas .offcanvas-body { background: #f3f0e4; padding: 20px; }
        .side-menu.offcanvas .basket-product-item { padding: 0px 0px; position: relative; }
            .side-menu.offcanvas .basket-product-item .image { background: #ffffff; width: 140px; height: 100%; border-radius: 10px; vertical-align: top; display: inline-block; position: absolute; }
                .side-menu.offcanvas .basket-product-item .image img { max-width: 125px; width: 100%; max-height: 160px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }

                .side-menu.offcanvas .basket-product-item .info { height: 100%; width: 100%; padding-left: 160px; display: block; }
                    .side-menu.offcanvas .basket-product-item .info h5 { color: #0c252c; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 15px; }
                        .side-menu.offcanvas .basket-product-item .info h5 a { color: #0c252c; }
                        .side-menu.offcanvas .basket-product-item .info h5 a:hover { color: #4bc184; }
                    .side-menu.offcanvas .basket-product-item .info h6 { color: #89846e; font-size: 16px; line-height: 20px; font-weight: 500; margin-bottom: 10px; }
                    .side-menu.offcanvas .basket-product-item .info h4 { font-size: 22px; line-height: 26px; font-weight: 600; margin: 40px 0px 0px 0px; position: relative;}
                    .side-menu.offcanvas .basket-product-item .info .rounded-pill { background: #ffffff; }
                    .side-menu.offcanvas .basket-product-item .info .rounded-pill .btn { font-size: 24px; line-height: unset; font-weight: 400; padding: 0px 8px; color: #666666; border: unset; border-radius: unset; filter: drop-shadow(0px); box-shadow: none; }
                    .side-menu.offcanvas .basket-product-item .info .rounded-pill .form-control { color: #666666; font-size: 17px; }
                    .side-menu.offcanvas .basket-product-item .info .remove { color: #0c252c; font-size: 20px; line-height: 24px; right: 0px; bottom: 0px; position: absolute; z-index: 1; }
                        .side-menu.offcanvas .basket-product-item .info .remove:hover { color: #4bc184; }
                    .side-menu.offcanvas .basket-products-list .border-gap:last-child { border: 0px; }

                    .side-menu.offcanvas .border-gap { margin: 20px 0px; border-top: 2px #ffffff solid; position: relative; }

        .side-menu.offcanvas .offcanvas-footer { padding: 30px 20px; }
            .side-menu.offcanvas .offcanvas-footer h5 { font-size: 22px; line-height: 26px; font-weight: 600; margin-bottom: 0px; }
            .side-menu.offcanvas .offcanvas-footer p { color: #89846e; font-size: 14px; line-height: 18px; font-weight: 500; margin-top: 4px; margin-bottom: 20px; }
            .side-menu.offcanvas .offcanvas-footer .btn { width: 100%; border-radius: 5px; margin-top: 12px; }



/* === Menu Modal =============================== */

.menu-modal { background: #f3f0e4; opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; min-height: 100vh; padding: 0px 0px 0px 0px; overflow: auto; top: 0px; transition: 0.4s; transition-timing-function: ease-in; z-index: 0; }
.menu-modal.active { z-index: 9998;  opacity: 1; visibility: visible; top: 0px; transition: 0.4s; transition-timing-function: ease-in; }

    .menu-modal .header-content { padding: 26px 33px; }
    .menu-modal.scrolled .header-content { padding-top: 18px; padding-bottom: 18px; }
        .menu-modal .header-content .logo { max-width: 132px; left: 0px; right: 0px; margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }

        .menu-modal .mobile-icons { margin-top: 5px; }
        .menu-modal .mobile-icons button { border: 0px; background: none;  padding: 0px; }
        .menu-modal .mobile-icons i { color: #95907e; font-size: 22px; line-height: 28px; }
        .menu-modal .mobile-icons i:hover { color: #4bc184; }
        .menu-modal .mobile-icons .nav-i i { font-size: 27px; line-height: 30px; }
        .menu-modal .mobile-icons .search { top: -2px; position: relative; }
        .menu-modal .mobile-icons.left { display: block; float: left; position: relative; }
            .menu-modal .mobile-icons.left i { margin-right: 15px; }
        .menu-modal .mobile-icons.right { display: block; float: right; position: relative; }
            .menu-modal .mobile-icons.right i { margin-left: 15px; }
            
    .menu-modal .link-content { padding: 0px 30px 20px 30px; }
    .menu-modal .link-content .accordion { background: #f3f0e4; border-radius: 0px; }
        .menu-modal .link-content .accordion .accordion-item { background: #f3f0e4; border: 0px; border-bottom: 1px #868270 solid; border-radius: 0px; }
        .menu-modal .link-content .accordion .accordion-item .accordion-header { background: #f3f0e4; font-size: 22px; line-height: 26px; }
        .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button { background: #f3f0e4; color: #0f464f; font-size: 19px; line-height: 24px; font-weight: 600; box-shadow: none; padding: 15px 0px; }
        .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button:hover { color: #4bc184; }
        .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button::after { background: none!important; font-family: "Font Awesome 5 Pro"; content: "\2b"; }
        .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { background: none!important; font-family: "Font Awesome 5 Pro"; content: "\f068"; }
        .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button.link::after { display: none!important; }
        .menu-modal .link-content .accordion .accordion-item .accordion-body { padding: 0px 0px 25px 0px; }
            .menu-modal .link-content .accordion .accordion-item .accordion-body ul { list-style: none; padding: 0px; margin: 0px; }
            .menu-modal .link-content .accordion .accordion-item .accordion-body ul li { padding: 3px 0px; font-weight: 400; }
            .menu-modal .link-content .accordion .accordion-item .accordion-body ul li a { color: #0c252c;}
            .menu-modal .link-content .accordion .accordion-item .accordion-body ul li a:hover { color: #4bc184; }

        .menu-modal .link-content .social-icons { margin: 38px 0px 0px 0px; }
            .menu-modal .link-content .social-icons li a { color: #0c252c; }


/**
 * Search
 * ========================================================================== */

.search-overlay { position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;min-height:100vh;overflow-y:auto;background:#f3f0e4;display:none;opacity:0;z-index:-1}
    .search-active { overflow:hidden}
    .search-active .search-overlay { display:block;-webkit-animation:fadeIn .5s;animation:fadeIn .5s;opacity:1;z-index:9999}
        .search-active .search-overlay .logo { max-width: 160px; margin: 2px auto 20px auto; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
        .search-active .search-overlay .btn-close-circle { background: none; border: 1px #0c252c solid; color: #0c252c; font-size: 22px; width: 40px; height: 40px; border-radius: 50%; padding: 6px 0px 6px 0px; }
        .search-active .search-overlay .btn-close-circle:hover { background: #4bc184; border-color: #4bc184; color: #ffffff; }
        .search-active .search-overlay .form-control { font-size: 18px; padding: 8px 12px }

    .search-active .items-content .col { margin-bottom: 30px; }


/**
 * Hero Boxes Panel
 * ========================================================================== */

.hero-boxes-panel { background: #f3f0e4; padding: 0px 20px 0px 20px; overflow: hidden; position: relative; }

    .hero-boxes-panel .row.top { padding-top: 160px; padding-bottom: 50px; position: relative; }
        .hero-boxes-panel .row.top h1 { margin-bottom: 30px; }

    .hero-boxes-panel .side-image { background-position: bottom center; background-repeat: no-repeat; background-size: 100%!important; width: 630px; height: 100%; bottom: 0px; right: -80px; position: absolute; }

    .hero-feature-box { background: #f3f0e4; border: 1px #0f464f solid; border-radius: 10px; padding: 20px; margin-bottom: 25px; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
        .hero-feature-box .icon-circle { background: #ffffff; width: 80px; height: 80px; border-radius: 50%; margin-right: 20px; display: inline-block; vertical-align: middle; position: relative; }
            .hero-feature-box .icon-circle .icon { max-height: 54px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; }
        .hero-feature-box h4 { color: #0c252c; font-size: 28px; line-height: 32px; margin: 0px; font-weight: 400; display: inline-block; vertical-align: middle; transition: 0.2s; transition-timing-function: ease-in; }
        .hero-feature-box i { color: #0f464f; font-size: 30px; top: 50%; transform: translateY(-50%); right: 20px; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }
    .hero-feature-box:hover { background: #4bc184; border-color: #4bc184; transition: 0.2s; transition-timing-function: ease-in; }
        .hero-feature-box:hover h4 { color: #ffffff; transition: 0.2s; transition-timing-function: ease-in; }
        .hero-feature-box:hover i { color: #ffffff; transition: 0.2s; transition-timing-function: ease-in; }

    .hero-boxes-panel .boxes { padding-top: 90px; }



/**
 * Internal Header Panel
 * ========================================================================== */

.internal-header-panel { background: #e6e3d7; background-position: top center; background-repeat: no-repeat; padding: 65px 20px; margin-top: 92px; position: relative; }
    .internal-header-panel h6 { color: #aca588; font-size: 18px; line-height: 24px; font-weight: 500; text-transform: uppercase; }
    .internal-header-panel h6 a { color: #aca588; }
    .internal-header-panel h6 a:hover { color: #4bc184; }
    .internal-header-panel h2 { margin-bottom: 15px; }
    .internal-header-panel h3 { margin-bottom: 0px; }
    .internal-header-panel h5 { margin-top: 15px; margin-bottom: 0px; }
    .internal-header-panel h5:empty { display: none; }


/**
 * Offer CTA Banner Panel
 * ========================================================================== */

.offer-cta-banner-panel { background: #0f464f; padding: 18px 20px; text-align: center; position: relative; }
    .offer-cta-banner-panel .col * { margin: 0px; }
    .offer-cta-banner-panel .col h5 { color: #ffffff; font-weight: 600; }
    .offer-cta-banner-panel .col h5 span { color: #b2d8a8; }


/**
 * Content Panel
 * ========================================================================== */

.content-panel { background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 100px 20px; position: relative; }

    .content-panel .text-content h2 { margin-bottom: 20px; }
    .content-panel .text-content h3 { margin-bottom: 20px; }
    .content-panel .text-content h4 { margin-bottom: 20px; }
    .content-panel .text-content h5 { margin-bottom: 20px; }
    .content-panel .text-content * + .line-link { margin-top: 20px; }
    .content-panel .text-content * + .btn { margin-top: 20px; }

    .content-panel .text-content ul { list-style: none; margin: 0px; padding: 20px 0px;}
        .content-panel .text-content li { color: #0c252c; font-size: 24px; line-height: 28px; font-weight: 400; padding: 10px 0px; border-bottom: 1px #868270 solid; }
        .content-panel .text-content li:last-child { border: none; }

    .content-panel .col { position: relative; }

    .content-panel .side-image { width: 80%; height: 100%; border-radius: 20px; overflow: hidden; position: relative; }
        .content-panel .side-image img { width: 100%; max-width: unset; margin: auto; position: relative; }

    .content-panel.left .side-image { float: right; }

    .content-panel.center { padding-top: 150px; padding-bottom: 150px; text-align: center; }
        .content-panel.center .text-content.contained { max-width: 800px; margin: auto; }
        .content-panel.center .text-content * + .line-link { margin-top: 40px; }

    .content-panel.center.image-bottom { min-height: 700px; padding-top: 100px; background-position: center bottom; }

    .content-panel.center.intro { min-height: 0px; padding-top: 40px; padding-bottom: 40px; }

        .cta-circle { background: #4bc184; width: 70px; height: 70px; border-radius: 50%; text-align: center; margin-bottom: 20px; position: relative; }
            .cta-circle * { color: #ffffff; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto!important; position: absolute; }
            .cta-circle.white { background: #ffffff; }
                .cta-circle.white * { color: #0c252c; }


.cta-feature-box { background: #0f464f;  padding: 40px; border-radius: 10px; overflow: hidden; position: relative; }
    .cta-feature-box .info { min-height: 400px; position: relative; }
        .cta-feature-box .info h3 { color: #ffffff; }
        .cta-feature-box .info h4 { color: #ffffff; }
        .cta-feature-box .info p { color: #ffffff; }
        .cta-feature-box .info .line-link { bottom: 0px; position: absolute; }
        .cta-feature-box .info .line-link:hover { color: #ffffff; border-color: #ffffff; }
    .cta-feature-box .image { height: 100%; bottom: -50px; right: 0px; position: absolute; }
        .cta-feature-box .image img { height: 100%; }
    .cta-feature-box .glow { background-color: #216c5f; box-shadow: 0px 0px 100px 90px #216c5f; height: 100%; top: 0px; right: 120px; position: absolute; }
    
    .cta-feature-box.green { background: #4bc184; }
        .cta-feature-box.green .info h3 { color: #0c252c; }
        .cta-feature-box.green .info .line-link { color: #0c252c; border-color: #0c252c; }
        .cta-feature-box.green .info .line-link:hover { color: #ffffff; border-color: #ffffff; }

        .cta-feature-box.panel { max-width: 500px; margin: auto auto 40px auto; }
            .cta-feature-box.panel .form-control {  }
            .cta-feature-box.panel .info { min-height: 0px; position: relative; }
            .cta-feature-box.panel .btn { margin: auto; display: block; }


.keyline-cta-box { background: none; width: 100%; border: 1px #aca588 solid; padding: 25px 20px 25px 20px; margin: auto; border-radius: 10px; overflow: hidden; cursor: pointer; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
    .keyline-cta-box .icon-circle { background: #ffffff; border-radius: 50%; width: 90px; height: 90px; font-size: 45px; color: #aca588; margin: auto auto 20px auto; position: relative; }
        .keyline-cta-box .icon-circle i { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }
        .keyline-cta-box h5 { font-size: 18px; line-height: 26px; margin: 0px; transition: 0.2s; transition-timing-function: ease-in; }
        .keyline-cta-box:hover { background: #aca588; transition: 0.2s; transition-timing-function: ease-in; }
            .keyline-cta-box:hover h5 { color: #ffffff; transition: 0.2s; transition-timing-function: ease-in; }

.team-member-feature { background: #f3f0e4; width: 92%; height: 100%; text-align: center; margin: auto; border-radius: 20px; text-align: center; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
    .team-member-feature .image { min-height: 280px; border-radius: 10px; overflow: hidden; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
        .team-member-feature .image img { width: 103%; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }
    .team-member-feature .info { padding: 22px 20px 24px 20px; }
        .team-member-feature .info h6 { color: #aca588; font-weight: 600; margin-bottom: 15px; }
        .team-member-feature .info h5 { font-weight: 500; margin-bottom: 2px; }
        .team-member-feature .info p { font-weight: 500; margin-bottom: 42px; }
        .team-member-feature .info .link-holder { margin: auto; left: 0px; right: 0px; bottom: 24px; position: absolute; }

    .team-member-feature:hover { background: #ffffff; }
        .team-member-feature:hover .image { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: 0.2s; transition-timing-function: ease-in; }
            .team-member-feature:hover .image img { width: 115%; transition: 0.2s; transition-timing-function: ease-in; }


.help-section-panel { padding-top: 80px; padding-bottom: 0px; text-align: left; }
    .help-section-panel .icon-circle { background: #ffffff; border-radius: 50%; width: 105px; height: 105px; font-size: 55px; color: #aca588; text-align: center; margin: auto 0px 20px 0px; position: relative; }
        .help-section-panel .icon-circle i { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }
        .help-section-panel .pad-top { padding-top: 130px; }
        .help-section-panel .form-group { margin-bottom: 20px; }
        .help-section-panel .form-group .btn { margin: auto; display: block; min-width: 180px; }

        .help-section-panel .info h5.title { color: #0c252c; }
        .help-section-panel .info h4 { color: #4bc184; font-weight: 600; margin-bottom: 0px; }
        .help-section-panel .info h5 { color: #4bc184; margin-bottom: 30px; }
        .help-section-panel .info h6 { text-transform: none; }
        .help-section-panel .info p { font-weight: 500; }

        .help-section-panel .accordion { background: #f3f0e4; border-radius: 0px; }
            .help-section-panel .accordion .accordion-item { background: #f3f0e4; border: 0px; border-top: 1px #868270 solid; border-radius: 0px; }
            .help-section-panel .accordion .accordion-item .accordion-header { background: #f3f0e4; font-size: 22px; line-height: 26px; }
            .help-section-panel .accordion .accordion-item .accordion-header button { background: #f3f0e4; color: #0c252c; font-size: 20px; line-height: 25px; font-weight: 400; padding: 15px 0px; box-shadow: none; }
            .help-section-panel .accordion .accordion-item .accordion-header button:hover { color: #4bc184; }
            .help-section-panel .accordion .accordion-item:last-child { border-bottom: 1px #868270 solid; }

            .help-section-panel .accordion .accordion-item .accordion-body { padding-top: 0px; padding-left: 0px; padding-bottom: 30px; padding-right: 0px; }
                .help-section-panel .accordion .accordion-item .accordion-body p { font-size: 18px; line-height: 22px; }
                .help-section-panel .accordion .accordion-item .accordion-body .side-image { width: 80%; float: right; }


/**
 * Featured Products Slider Panel
 * ========================================================================== */

.featured-products-slider-panel { background: #f3f0e4; padding: 50px 20px 40px 20px; position: relative; }
    .featured-products-slider-panel .slider .featured-product-box { width: 92%; }
    .featured-products-slider-panel .swiper { width: 100%; height: auto; padding-bottom: 80px; margin-top: 40px;  }
    .featured-products-slider-panel .swiper .swiper-scrollbar { bottom: 50px; }


    .featured-products-slider-panel .gallery-arrow { background: #0c252c; color: #ffffff; border: 1px #0c252c solid; width: 45px; height: 45px; border-radius: 50%; text-align: center; top: 180px; bottom: auto; margin: auto; position: absolute; }
        .featured-products-slider-panel .gallery-arrow i { font-size: 28px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; }
        .featured-products-slider-panel .gallery-arrow.swiper-button-prev { left: 50px; }
        .featured-products-slider-panel .gallery-arrow.swiper-button-next { right: 50px; }
        .featured-products-slider-panel .gallery-arrow:hover { background: #0c252c; color: #ffffff; cursor: pointer; }
        .featured-products-slider-panel .gallery-arrow:after { display: none; }

.product-listing-panel { background: #f3f0e4; padding: 60px 20px 80px 20px; position: relative; }

    .product-listing-panel .product-categories-list { padding-right: 25px; }
        .product-listing-panel .product-categories-list h3.main-title { font-size: 22px; line-height: 26px; font-weight: 600; margin-bottom: 0px; }
        .product-listing-panel .product-categories-list h2.title { color: #868270; font-size: 16px; line-height: 20px; font-weight: 600; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; }
        .product-listing-panel .product-categories-list ul { margin-bottom: 30px; }
        .product-listing-panel .product-categories-list ul li { font-size: 16px; line-height: 20px; font-weight: 500; margin-bottom: 12px; }
        .product-listing-panel .product-categories-list ul li a { color: #0c252c; }
        .product-listing-panel .product-categories-list ul li a.active { color: #4bc184; font-weight: 600; }
        .product-listing-panel .product-categories-list ul li a:hover { color: #4bc184; }
        .product-listing-panel .product-categories-list ul li .sub-item { font-size: 14px; line-height: 20px; border-bottom: 1px #85826f solid; padding: 6px; }
        .product-listing-panel .product-categories-list ul li a + .sub-item { padding-top: 9px; }

        .product-listing-panel .items-header { padding-bottom: 22px; }
            .product-listing-panel .items-header h5 { font-size: 20px; font-weight: 500; margin: 0px; }
            .product-listing-panel .items-header .form-select { background-color: #f3f0e4; color: #0c252c; border-color: #868270; max-width: 150px; padding: 5px 10px; font-size: 15px; margin-top: -5px;  float: right; }

            .product-listing-panel .items-content .col { margin-bottom: 30px; }

        .items-pagination nav { border-top: 1px #868270 solid; }
            .items-pagination nav .pagination.numbers .page-item { width: 34px; height: 38px; text-align: center; }
                .items-pagination nav .pagination.numbers .page-item .page-link { background: none; color: #23393e; font-weight: 600; border: 1px #23393e solid; border-radius: 10px; padding: 5px 3px; }
                .items-pagination nav .pagination.numbers .page-item .page-link:hover { background: #4bc184; color: #ffffff; border-color: #4bc184; }
                .items-pagination nav .pagination.numbers .page-item.active .page-link { background: #4bc184; color: #ffffff; border-color: #4bc184; }

            .items-pagination nav .pagination .direction a.page-link { background: #23393e; border-color: #23393e; color: #ffffff;  }
            .items-pagination nav .pagination .direction a.page-link:hover { background: #4bc184; border-color: #4bc184; color: #ffffff; }



.featured-product-box { background: #f3f0e4; width: 100%; height: 100%; text-align: center; margin: auto; border-radius: 10px; position: relative; transition: 0.2s; transition-timing-function: ease-in; }

    .featured-product-box .overlay.btn { top: 216px; left: 0px; right: 0px; width: 80%; margin: auto; position: absolute; z-index: 1; opacity: 0; visibility: hidden; transition: 0.2s; transition-timing-function: ease-in; }

    .featured-product-box .image { background: #ffffff; min-height: 260px; border-radius: 20px; position: relative; }
        .featured-product-box .image img { height: 80%; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }
        .featured-product-box .image .cta-circle { width: 60px; height: 60px; top: 20px; left: 20px; position: absolute; }
            .featured-product-box .image .cta-circle h5 { font-size: 22px; line-height: 26px; }
    .featured-product-box .info { padding: 22px 10px 56px 10px; }
        .featured-product-box .info h5 { color: #868270; font-size: 20px; line-height: 25px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 100%; }
        .featured-product-box .info .price { width: 100%; margin: 0px auto; left: 0px; right: 0px; bottom: 22px; position: absolute; }
        .featured-product-box .info h4 { font-weight: 600; display: inline-block; margin: 0px 6px; }
        .featured-product-box .info h4.striked { font-size: 20px; line-height: 26px; }
            .featured-product-box .info h4.striked s { color: #999999; font-weight: 400; }

        .featured-product-box:hover { background: #ffffff; transition: 0.2s; transition-timing-function: ease-in; }
            .featured-product-box:hover .overlay.btn { opacity: 1; visibility: visible; transition: 0.2s; transition-timing-function: ease-in; }

/**
 * Product Details Panel
 * ========================================================================== */

.product-details-panel { background: #f3f0e4; padding: 25px 20px 60px 20px; margin-top: 92px; position: relative; }

    .product-details-panel .back { margin-bottom: 10px; }
        .product-details-panel .back a { color: #868270; font-size: 20px; font-weight: 600; }

    .product-details-panel .swiper-container { width: 90%; }
        .product-details-panel .swiper-container .swiper-slide { padding: 40px; border-radius: 10px; }

    .product-details-panel .main-info { padding-left: 50px; height: 100%; position: relative; }
    .product-details-panel .main-info.mobile { display: none; }
        .product-details-panel .main-info h5 { color: #868270; font-size: 18px; line-height: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 7px; }
        .product-details-panel .main-info h4 { font-weight: 600; margin-bottom: 15px; }
        .product-details-panel .main-info h3 { font-weight: 600; margin-bottom: 50px; }
        .product-details-panel .main-info h3 .text-muted { font-size: 26px; font-weight: 400; }
        .product-details-panel .main-info p { font-size: 20px; line-height: 26px; }
        .product-details-panel .main-info .description { font-size: 20px; line-height: 26px; margin-bottom: 1rem; }

        .product-details-panel .main-info .options .form-select { background-color: #f3f0e4; border-radius: 5px !important; border: 1px #868270 solid; }

        .product-details-panel .main-info .options .rounded-pill { background: none; border-radius: 5px !important; border: 1px #868270 solid; }
            .product-details-panel .main-info .options .rounded-pill .btn { font-size: 24px; line-height: unset; font-weight: 400; padding: 0px 8px; color: #666666; border: unset; border-radius: unset; filter: drop-shadow(0px); box-shadow: none; }
            .product-details-panel .main-info .options .rounded-pill .form-control { color: #666666; font-size: 17px; background: none; }
            
        .product-details-panel .main-info .options .btn { padding: 14px 30px;  }
        .product-details-panel .main-info .options .btn-dark-green { width: 81%; }
        .product-details-panel .main-info .options h4.bottom { color: #0f464f; font-size: 26px; line-height: 30px; margin-top: 30px; text-align: center; padding: 0px 30px; }

	.product-details-panel .tz-gallery .main-image { margin: 0px auto 0px auto; }
	.product-details-panel .tz-gallery img { width: 100%; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; position: absolute; }
	.product-details-panel .tz-gallery .thumbnail.one { background: #ffffff; padding: 0px; border-radius: 10px; height: 490px; overflow: hidden; position: relative; }
	.product-details-panel .tz-gallery .thumbnail.small { height: 130px; padding: 0px; overflow: hidden; border-radius: 10px; width: 30.5%; margin-top: 20px; margin-right: 4.1%; float: left; position: relative; }
	.product-details-panel .tz-gallery .thumbnail.small:last-child { margin-right: 0px; }
	.product-details-panel .tz-gallery .thumbnail.small.two { float: left; }
	.product-details-panel .tz-gallery .thumbnail.small.three { margin-left: auto; margin-right: auto; }
	.product-details-panel .tz-gallery .thumbnail.small.four { float: right; }




.product-accrodion-panel { background: #f3f0e4; padding: 0px 20px 20px 20px; position: relative; }

    .product-accrodion-panel .accordion { background: #f3f0e4; border-radius: 0px; }
        .product-accrodion-panel .accordion .accordion-item { background: #f3f0e4; border: 0px; border-top: 1px #868270 solid; border-radius: 0px; }
        .product-accrodion-panel .accordion .accordion-item .accordion-header { background: #f3f0e4; font-size: 22px; line-height: 26px; }
        .product-accrodion-panel .accordion .accordion-item .accordion-header button { background: #f3f0e4; color: #0f464f; font-size: 19px; line-height: 24px; font-weight: 600; box-shadow: none; }
        .product-accrodion-panel .accordion .accordion-item .accordion-header button:hover { color: #4bc184; }
        .product-accrodion-panel .accordion .accordion-item:last-child { border-bottom: 1px #868270 solid; }

        .product-accrodion-panel .accordion .accordion-item .accordion-body { padding-top: 0px; padding-bottom: 10px; }
            .product-accrodion-panel .accordion .accordion-item .accordion-body .side-image { width: 80%; float: right; }

/**
 * Reviews Slider Panel
 * ========================================================================== */

.reviews-slider-panel { background: #f3f0e4; padding: 90px 20px 220px 20px; position: relative; }
    .reviews-slider-panel .slider { margin-top: 40px; }
    .reviews-slider-panel .text-content { width: 100%; }
        .reviews-slider-panel .text-content h4 { margin-bottom: 20px; }
        .reviews-slider-panel .text-content h5 { font-weight: 400; }
        .reviews-slider-panel .text-content .stars { color: #f1bf00; font-size: 22px; margin-bottom: 13px; }
        .reviews-slider-panel .side-content h6 { color: #aca588; font-weight: 500; }
        .reviews-slider-panel .side-content h5 { font-weight: 600; }
    .reviews-slider-panel .side-image { border-radius: 10px; overflow: hidden; position: relative; }
    .reviews-slider-panel .stars.avg { color: #f1bf00; font-size: 22px; margin-bottom: 0px; }

    .reviews-slider-panel .slider .text-content h5 { font-weight: 600; }
    .reviews-slider-panel .slider .text-content .stars { font-size: 28px; margin-bottom: 16px; }

    .reviews-slider-panel .review-item { padding: 30px 0px 0px 0px; border-top: 1px #85826f solid; margin-top: 30px; }
    .reviews-slider-panel.items { padding-bottom: 90px; }

/**
 * Articles Slider Panel
 * ========================================================================== */

.articles-slider-panel { background: #f3f0e4; padding: 80px 20px 50px 20px; position: relative; }
    .articles-slider-panel .slider { margin-top: 40px; }
    .articles-slider-panel .swiper { width: 100%; height: auto; padding-bottom: 80px; margin-top: 40px;  }
        .articles-slider-panel .swiper .swiper-scrollbar { bottom: 50px; }

.articles-listing-panel { background: #f3f0e4; padding: 0px 20px 60px 20px; position: relative; }
    .articles-listing-panel .items .col { padding-bottom: 40px; }
    .articles-listing-panel .title { margin-bottom: 40px; }
    .articles-listing-panel .article-feature-box { width: 100%; }
    .articles-listing-panel .items-pagination nav { justify-content: center; }
        .articles-listing-panel .items-pagination nav .pagination.numbers .page-item { width: 56px; height: 56px; text-align: center; margin: 0px 8px; }
        .articles-listing-panel .items-pagination nav .pagination.numbers .page-item .page-link { background: none; width: 56px; height: 56px; color: #23393e; font-size: 26px; font-weight: 400; border: 1px #aca588 solid; border-radius: 50%; padding: 15px 0px; display: block;}
        .articles-listing-panel .items-pagination nav .pagination.numbers .page-item .page-link:hover { background: #4bc184; color: #ffffff; border-color: #4bc184; }
        .articles-listing-panel .items-pagination nav .pagination.numbers .page-item.active .page-link { background: #4bc184; color: #ffffff; border-color: #4bc184; }
        .articles-listing-panel .items-pagination nav .page-item.direction { margin: 0px 5px; }
        .articles-listing-panel .items-pagination nav .page-item.direction .arrow-link { color: #aca588; font-size: 30px; }
        .articles-listing-panel .items-pagination nav .page-item.direction .arrow-link:hover { color: #4bc184; }
        .articles-listing-panel .items-pagination nav .page-item.direction.disabled .arrow-link { color: #b0b0b0; }


.article-feature-box { background: #f3f0e4; width: 92%; height: 100%; text-align: center; margin: auto; border-radius: 20px; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
    .article-feature-box .image { min-height: 260px; border-radius: 10px; overflow: hidden; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
        .article-feature-box .image img { width: 103%; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }
    .article-feature-box .info { padding: 22px 20px 24px 20px; }
        .article-feature-box .info h6 { color: #aca588; font-weight: 600; }
        .article-feature-box .info h5 { font-weight: 500; margin-bottom: 55px; }
        .article-feature-box .info .link-holder { margin: auto; left: 0px; right: 0px; bottom: 24px; position: absolute; }

    .article-feature-box:hover { background: #ffffff; }
        .article-feature-box:hover .image { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: 0.2s; transition-timing-function: ease-in; }
            .article-feature-box:hover .image img { width: 115%; transition: 0.2s; transition-timing-function: ease-in; }


.article-content-panel { background: #f3f0e4; padding: 40px 20px 130px 20px; position: relative; }
    .article-content-panel .titles { max-width: 900px; margin: auto auto 20px auto; text-align: center; }
        .article-content-panel .titles h3 { margin-bottom: 15px; }
        .article-content-panel .titles h6 { color: #aca588; font-weight: 600; text-transform: uppercase; }
    .article-content-panel .content { max-width: 700px; margin: auto; }
    .article-content-panel .content .content-image { min-height: 350px; border-radius: 10px; margin-bottom: 40px; overflow: hidden; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
        .article-content-panel .content .content-image img { width: 103%; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }
            .article-content-panel .content h5 { margin-bottom: 10px; }    
            .article-content-panel .content p { margin-bottom: 20px; }
    .article-content-panel h5 { font-weight: 600; } 
    .article-content-panel p { font-size: 20px; line-height: 24px; }

    .article-content-panel .text-content ul { list-style: none; margin: 0px; padding: 20px 0px;}
        .article-content-panel .text-content li { color: #0c252c; font-size: 20px; line-height: 24px; font-weight: 400; padding: 10px 0px; border-bottom: 1px #868270 solid; }
        .article-content-panel .text-content li:last-child { border: none; }

    .article-content-panel .items-pagination { max-width: 700px; margin: auto; }
        .article-content-panel .items-pagination nav { justify-content: space-between; }
        .article-content-panel .items-pagination nav .arrow-link i { color: #aca588; font-size: 30px; top: 4px; position: relative; }
        .article-content-panel .items-pagination nav .arrow-link .text-notch { color: #aca588; font-weight: 600; }
        .article-content-panel .items-pagination nav .arrow-link:hover i { color: #4bc184; }
        .article-content-panel .items-pagination nav .arrow-link:hover .text-notch { color: #4bc184; }
        .article-content-panel .items-pagination nav .disabled .arrow-link i { color: #b0b0b0; }
        .article-content-panel .items-pagination nav .disabled .arrow-link .text-notch { color: #b0b0b0; }
        .article-content-panel .items-pagination nav .social-icons.center { margin-top: 0px; top: 19px; position: relative; }




/**
 * BMI Calculator
 * ========================================================================== */

    #bmi-calculator { text-align: left; }
        #bmi-calculator .form-group { margin-bottom: 20px; }
            #bmi-calculator .form-group label { font-size: 17px; margin-bottom: 6px; }
            #bmi-calculator .form-group .form-select { border: 1px #ada68a solid; }
        #bmi-calculator .form-group.buttons { margin-bottom: 0px; }
            #bmi-calculator .form-group.buttons .btn { width: 100%; margin-top: 18px; }


        #bmi-calculator .bmi-calculator-left { width: 95%; max-width: 385px;; }

        #bmi-calculator .bmi-calculator-right { width: 100%; height: 100%; float: right; position: relative; } 

        .bmi-feature-box { background: #0f464f; text-align: center; border-radius: 10px; overflow: hidden; height: 100%; position: relative; }
            .bmi-feature-box .info { min-height: 0px; height: 100%; padding: 40px; position: relative; }
                .bmi-feature-box .info h3 { color: #ffffff; }
                .bmi-feature-box .info h4 { color: #ffffff; }
                .bmi-feature-box .info p { color: #ffffff; }
                .bmi-feature-box .info p.title { font-size: 16px; line-height: 22px; }
                .bmi-feature-box .info .cta-circle { width: 110px; height: 110px; margin: 20px auto 25px auto; }
            .bmi-feature-box .image { height: 70%; bottom: 0px; left: 0px; right: -40px; position: absolute; }
                .bmi-feature-box .image img { height: 100%; }
            .bmi-feature-box .glow { background-color: #216c5f; box-shadow: 0px 0px 100px 90px #216c5f; height: 40%; bottom: 0px; left: 0px; right: 0px; position: absolute; width: 20%; margin: auto; }
            
    .bmi-chart { background: #cc0000; width: 100%; height: 35px; border-radius: 30px; border: 2px #ffffff solid; text-align: left; overflow: hidden; margin-top: 35px; font-size: 0px; position: relative; }
        .bmi-chart .chart-section { height: 35px; display: inline-block; vertical-align: top; border-right: 2px #ffffff solid; }
            .bmi-chart .chart-section.underweight { background: #330072; width: 8%; }
            .bmi-chart .chart-section.healthy { background: #30b4ab; width: 24.2%; }
            .bmi-chart .chart-section.overweight { background: #ffb81c; width: 22.5%; }
            .bmi-chart .chart-section.obese { background: #cc0000; width: 33.3333%; }
            .bmi-chart .fa-caret-down { color: #ffffff; font-size: 32px; left: 50px; top: -14px; margin-left: -11px; position: absolute; }

        .bmi-chart-text { text-align: left; margin-top: 5px; margin-bottom: 15px; }
            .bmi-chart-text .text-section { height: 40px; display: inline-block; vertical-align: top; position: relative; }
                .bmi-chart-text .text-section .label { font-size: 16px; color: #ffffff; right: -4px; position: absolute; }
                .bmi-chart-text .text-section.underweight { width: 8%; }
                .bmi-chart-text .text-section.underweight .label { right: -17px; }
                .bmi-chart-text .text-section.healthy { width: 24.2%; }
                .bmi-chart-text .text-section.overweight { width: 22.5%; }

        .bmi-chart-key { text-align: left; padding-bottom: 10px; }
            .bmi-chart-key .key-square { width: 22px; height: 22px; margin-right: 10px; border-radius: 3px; border: 2px #ffffff solid; text-align: left; display: inline-block; }
            .bmi-chart-key .key-square.underweight { background: #330072; }
            .bmi-chart-key .key-square.healthy { background: #30b4ab; }
            .bmi-chart-key .key-square.overweight { background: #ffb81c; }
            .bmi-chart-key .key-square.obese { background: #cc0000; }
            .bmi-chart-key label { color: #ffffff; top: -5px; position: relative; }
        
/**
 * Internal Admin Panel
 * ========================================================================== */

.admin-header-panel { background: #104650; padding: 35px 20px 35px 20px; position: relative; }
    .admin-header-panel .col { position: relative; }
    .admin-header-panel h3 { color: #ffffff; margin: 0px;  }
    .admin-header-panel h6 { color: #aca588; font-weight: 500; margin: 0px 0px 7px 0px; }
    .admin-header-panel h6 a { color: #aca588; }
    .admin-header-panel h6 a:hover { color: #4bc184; }
    .admin-header-panel .logout-link { color: #aca588; font-size: 18px; line-height: 24px; font-weight: 600; margin-top: -2px; top: 50%; right: calc(var(--bs-gutter-x) * .5); transform: translateY(-50%); position: absolute; }
        .admin-header-panel .logout-link i { font-size: 30px; margin-left: 8px; top: 4px; position: relative; }
        .admin-header-panel .logout-link:hover { color: #4bc184; }


.internal-admin-panel { background: #f3f0e4; padding: 40px 20px 120px 20px; position: relative; }
.internal-admin-panel.white { background: #ffffff; }

.internal-admin-panel.strip-bg .strip { background: #ffffff; height: 100%; width: 50%; position: absolute; }
.internal-admin-panel.strip-bg .container { position: relative; }

    .internal-admin-panel.no-pad { padding: 0px; }

    .internal-admin-panel .form-group { margin-bottom: 20px; }
    .internal-admin-panel .form-control { font-weight: 500; border: 1px #ada68a solid; }
    .internal-admin-panel .form-select { font-weight: 500; border: 1px #ada68a solid; }

    .internal-admin-panel .header-section { min-height: 39px; margin-bottom: 20px; }
        .internal-admin-panel .header-section .logo { display: inline-block; }
            .internal-admin-panel .header-section .logo img { max-width: 150px; }
            .internal-admin-panel .header-section .logo.mobile { display: none; }
        .internal-admin-panel .header-section .icons { float: right; margin-top: 6px; }
            .internal-admin-panel .header-section .icons a { color: #85826f; font-size: 20px; }
            .internal-admin-panel .header-section .icons a:hover { color: #4bc184; }
   
    .internal-admin-panel .white-bg.checkout { background: #ffffff; padding: 30px 40px 60px 40px; }
        .internal-admin-panel .white-bg.checkout h5 { font-weight: 600; margin-bottom: 12px; }
        .internal-admin-panel .white-bg.checkout h6 { color: #aca588; font-weight: 600; }
        .internal-admin-panel .white-bg.checkout h5 + h6 { margin-top: -8px; }
        .internal-admin-panel .white-bg.checkout .checkout-panel { padding: 15px 0px; }
            .internal-admin-panel .white-bg.checkout .checkout-panel label { color: #0c252c; font-size: 18px; line-height: 22px; font-weight: 400; margin-bottom: 7px; }
            .internal-admin-panel .white-bg.checkout .checkout-panel .form-group { margin-bottom: 15px; }
            .internal-admin-panel .white-bg.checkout .checkbox label { font-size: 18px; line-height: 28px; font-weight: 400; }
                .internal-admin-panel .white-bg.checkout .checkbox label span { margin-left: 10px; }
                .internal-admin-panel .white-bg.checkout .checkbox label span a { color: #0c252c; font-weight: 600; text-decoration: underline; z-index: 1; position: relative; }
                .internal-admin-panel .white-bg.checkout .checkbox label span a:hover { color: #4bc184; }
                .internal-admin-panel .white-bg.checkout .card-details { background: #f3f0e4; border: 1px #aca588 solid; border-radius: 10px; padding: 20px 20px 10px 20px; margin: 20px 0px; }

    .internal-admin-panel .clear-bg.basket { background: #f3f0e4; padding: 30px 25px 60px 25px; }
        .internal-admin-panel .clear-bg.basket .header-section { margin-bottom: 35px; }
        .internal-admin-panel .clear-bg.basket .inside-basket h5.title { font-weight: 600; margin-bottom: 12px; }
        .internal-admin-panel .clear-bg.basket .inside-basket .basket-item { border-bottom: 1px #aca588 solid; font-size: 0px; padding-bottom: 25px; margin-top: 20px; margin-bottom: 25px; height: 100%; position: relative; }
            .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .image-holder { background: #ffffff; height: 100%; max-width: 80px; display: inline-block; position: relative; }
                .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .image-holder img { max-width: 80px; }
            .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .info { width: 80%; height: 100%; padding-left: 20px; top: 0px; display: inline-block; vertical-align: top; position: relative; }
                .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .info h5.product-name { font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 20px; }
                .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .info .product-bottom { width: 100%; position: relative; }
                .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .info .qty { color: #aca588; font-size: 18px; line-height: 22px; font-weight: 500; }
                .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .info .price { font-size: 20px; line-height: 24px; font-weight: 600; float: right; position: relative; }

        .internal-admin-panel .clear-bg.basket .inside-basket .totals { border-bottom: 1px #aca588 solid; padding-bottom: 25px; margin-bottom: 20px; }
            .internal-admin-panel .clear-bg.basket .inside-basket .totals p { font-size: 20px; line-height: 24px; margin: 0px; }
            .internal-admin-panel .clear-bg.basket .inside-basket .totals p strong { font-weight: 600; }

            .internal-admin-panel .clear-bg.basket .inside-basket .grand-total p { font-size: 20px; line-height: 24px; margin: 0px; }
            .internal-admin-panel .clear-bg.basket .inside-basket .grand-total p strong { font-weight: 600; }

        .internal-admin-panel .clear-bg.basket .inside-basket .discount { padding-top: 30px; }
            .internal-admin-panel .clear-bg.basket .inside-basket .discount input { margin-right: 15px; border-radius: .375rem!important; }
            .internal-admin-panel .clear-bg.basket .inside-basket .discount .btn-brown { border-radius: .375rem!important; }


    .internal-admin-panel .btn.center-btn { min-width: 300px; margin: 6px 8px; }

    .internal-admin-panel .login .lead { font-size: 24px; line-height: 28px; font-weight: 400; }
    .internal-admin-panel .login .form-label { font-size: 20px; line-height: 24px; }
    .internal-admin-panel .login .form-check { display: inline-block; }
        .internal-admin-panel .login .form-check label { font-size: 20px; line-height: 28px; font-weight: 400; }
    .internal-admin-panel .login .btn { font-size: 20px; line-height: 22px; padding: 10px 30px; min-width: 250px; }
    .internal-admin-panel .login .bottom { margin-top: 70px; }
        .internal-admin-panel .login .bottom .line-link { text-transform: none; margin: 0px 20px; }
        .internal-admin-panel .login .form-check { margin-bottom: 20px; }

        .internal-admin-panel .form-group.label-above { position: relative; margin-bottom: 35px; }
            .internal-admin-panel .form-group.label-above label { visibility: hidden; opacity: 0; z-index: 3; color: #333333; font-size: 17px; position: absolute; text-align: left; left: 0px; top: 4px; transition-timing-function: ease-in; transition: 0.2s; }
            .internal-admin-panel .form-group.label-above .form-control:focus + label { visibility: visible; opacity: 1; color: #333333; font-size: 15px; top: -28px; transition-timing-function: ease-in; transition: 0.2s; }
            .internal-admin-panel .form-group.label-above .form-control { font-size: 18px; padding: 8px 12px; border: 1px #ada68a solid; z-index: 2; position: relative; }
            .internal-admin-panel .form-group.label-above .form-control::placeholder { color: #666666; transition-delay: 1s; transition-timing-function: ease-in; transition: 0.6s; }
            .internal-admin-panel .form-group.label-above .form-control:focus::placeholder { color: #ffffff!important; transition-delay: 1s; transition-timing-function: ease-in; transition: 0.6s; }

            .internal-admin-panel table.basket th { color: #aca588; border-bottom: 2px #85826f solid; font-size: 17px; padding: 10px 0px; }
            .internal-admin-panel table.basket td { color: #0c252c; border-bottom: 1px #85826f solid; font-size: 20px; line-height: 24px; font-weight: 500; padding: 16px 0px; vertical-align: middle; }
            .internal-admin-panel table.basket tbody tr:last-child td { border-bottom: 2px #85826f solid; }
            .internal-admin-panel table.basket tfoot tr td { border: 0px; padding: 4px 0px 4px 0px; vertical-align: top; }
            .internal-admin-panel table.basket tfoot tr:first-child td { padding-top: 16px; }
            .internal-admin-panel table.basket tfoot tr.bottom td { padding-bottom: 16px; }
            .internal-admin-panel table.basket tfoot tr.total td { padding: 16px 0px; border-top: 2px #85826f solid; }
            .internal-admin-panel table.basket th.price { width: 200px; }
            .internal-admin-panel table.basket th.quantity { width: 120px; }
            .internal-admin-panel table.basket th.total { width: 140px; }
            .internal-admin-panel table.basket tr.no-border td { border: 0px; padding-bottom: 0px; }
            .internal-admin-panel table.basket tr.no-border + tr td { padding-top: 10px; }
            .internal-admin-panel table.basket tr.align-top td { vertical-align: top; }
            .internal-admin-panel table.basket td .aligned-text { line-height: 21px; text-align: left; }
            .internal-admin-panel table.basket td .small { color: #666666; font-size: 13px; }
            .internal-admin-panel table.basket td strong { font-weight: 600; }
            .internal-admin-panel table.basket td a { color: #0c252c; }
            .internal-admin-panel table.basket td a:hover { color: #4bc184; }
            .internal-admin-panel table.basket .image-holder { display: inline-block; max-width: 80px; border: 1px #aca588 solid; border-radius: 0px; }
            .internal-admin-panel table.basket picture { display: inline-block; }
            .internal-admin-panel table.basket .product-name { display: inline-block; margin-left: 10px; }
            .internal-admin-panel table.basket .rounded-pill { background: #ffffff; border: 1px #aca588 solid; }
                .internal-admin-panel table.basket .rounded-pill .btn { font-size: 24px; line-height: unset; font-weight: 400; padding: 0px 8px; color: #666666; border: unset; border-radius: unset; filter: drop-shadow(0px); box-shadow: none; }
                .internal-admin-panel table.basket .rounded-pill .form-control { color: #666666; font-size: 17px; }
            .internal-admin-panel table.basket .remove { color: #aca588; -webkit-appearance: none; background: none; font-size: 24px; padding: 0px; border: 0px; box-shadow: none; margin-left: 20px; }

            .internal-admin-panel .remove-link { color: #0c252c; padding-left: 3px; font-size: 12px; }
            .internal-admin-panel .remove-link:hover { color: #4bc184; }

            .internal-admin-panel .mobile-tfoot { padding: 0px 23px; margin-bottom: 40px; display: none; }
                .internal-admin-panel .mobile-tfoot .table-footer .table-item:last-child { text-align: right; }
                .internal-admin-panel .mobile-tfoot .table-item { color: #0c252c; font-size: 20px; line-height: 24px; font-weight: 500; border-top: 1px #85826f solid; padding: 16px 0px; vertical-align: middle; }
                .internal-admin-panel .mobile-tfoot .table-footer:last-child .table-item { border-top: 2px #85826f solid; }
                .internal-admin-panel .mobile-tfoot .table-item .small { color: #666666; font-size: 13px; }
                .internal-admin-panel .mobile-tfoot .table-item strong { font-weight: 600; }
                .internal-admin-panel .mobile-tfoot .table-item a { color: #0c252c; }
                .internal-admin-panel .mobile-tfoot .table-item a:hover { color: #4bc184; }


            .internal-admin-panel .details-table { width: 100%; display: block; font-size: 0px; margin-bottom: 60px; }
                .internal-admin-panel .details-table .table-heading { width: 100%; padding-bottom: 20px; border-bottom: 2px #85826f solid; display: block; }
                .internal-admin-panel .details-table .table-col { width: 33.333333333%; padding: 20px 0px 40px 0px; vertical-align: top; display: inline-block; }
                    .internal-admin-panel .details-table .table-col h5 { font-size: 21px; line-height: 25px; font-weight: 500; margin: 0px; }
                    .internal-admin-panel .details-table .table-col h6 { color: #aca588; font-weight: 500; margin: 0px 0px 4px 0px; }
                .internal-admin-panel .details-table .table-footer { width: 100%; padding: 0px; border-top: 2px #85826f solid; display: block; }


            .internal-admin-panel .side-nav.list-group { width: 100%; max-width: 300px; }
                .internal-admin-panel .side-nav.list-group .list-group-item { background: none; border-color: #868270; }
                    .internal-admin-panel .side-nav.list-group .list-group-item a { color: #104650; }
                    .internal-admin-panel .side-nav.list-group .list-group-item a:hover { color: #4bc184; }

            .internal-admin-panel .contact-details { margin-top: 60px; }
            .internal-admin-panel .contact-details.desktop { display: block; }
            .internal-admin-panel .contact-details.mobile { display: none; }
                .internal-admin-panel .contact-details p { font-weight: 600; margin-bottom: 4px; }
                .internal-admin-panel .contact-details h5 { color: #4bc184; font-weight: 600; margin-bottom: 2px; }
                .internal-admin-panel .contact-details h6 { color: #4bc184; font-weight: 600; }

            .internal-admin-panel table.account th { color: #0c252c; border-bottom: 2px #85826f solid; font-size: 16px; padding: 10px 6px; }
            .internal-admin-panel table.account td { color: #0c252c; border-bottom: 1px #85826f solid; font-size: 16px; line-height: 22px; font-weight: 500; padding: 16px 6px; vertical-align: middle; }
            .internal-admin-panel table.account tr:last-child td { border: 0px; }
            .internal-admin-panel table.account td .link-text { color: #4bc184; font-size: 15px; line-height: 21px; font-weight: 600; text-transform: uppercase; border-bottom: 2px #4bc184 solid; padding-bottom: 3px; display: inline-block; }
            .internal-admin-panel table.account td .link-text:hover { color: #28a163; border-color: #28a163; }
            .internal-admin-panel table.account tr .border-top { border-color: #85826f!important; }

            .internal-admin-panel .table-holder table.basket th { font-size: 17px; line-height: 21px; }
            .internal-admin-panel .table-holder table.basket td { font-size: 16px; line-height: 20px; }
            .internal-admin-panel .table-holder table.basket th:first-child { width: 340px; }
            .internal-admin-panel .table-holder table.basket .image-holder { max-width: 60px;vertical-align: top; }
            .internal-admin-panel .table-holder table.basket .product-name { width: 70%; }

            .internal-admin-panel table.wishlist td:first-child { width: 70px; }
            .internal-admin-panel table.wishlist td picture { width: 60px; }
            .internal-admin-panel table.wishlist td a { color: #0c252c; font-weight: 600; }
            .internal-admin-panel table.wishlist td a:hover { color: #4bc184; }
            .internal-admin-panel table.wishlist td .link-text { color: #4bc184; font-size: 15px; line-height: 21px; font-weight: 600; text-transform: uppercase; border-bottom: 2px #4bc184 solid; padding-bottom: 3px; display: inline-block; }
            .internal-admin-panel table.wishlist td .link-text:hover { color: #28a163; border-color: #28a163; }

            .internal-admin-panel.questions {  } 
                .internal-admin-panel.questions .nav { text-align: center; display: block; }
                .internal-admin-panel.questions .nav-link { font-size: 0px; background: #ada689; border-radius: 5px; width: 8%; height: 4px; padding: 0px; margin: 0px 4px; display: inline-block; }
                .internal-admin-panel.questions .nav-link.active { background: #0f464f; }

                .internal-admin-panel.questions .lead { font-size: 24px; line-height: 28px; font-weight: 400; margin-bottom: 30px; }
                .internal-admin-panel.questions .btn { min-width: 220px; font-size: 20px; line-height: 22px; display: inline-block; margin-top: 30px; }

                .internal-admin-panel.questions .questionnaire-step { max-width: 700px; margin: 60px auto auto auto; text-align: center; }
                    .internal-admin-panel.questions .questionnaire-step .field-group { margin-bottom: 28px; }
                    .internal-admin-panel.questions .questionnaire-step label { font-size: 20px; line-height: 28px; font-weight: 400; display: block; text-align: center; }
                    .internal-admin-panel.questions .questionnaire-step h4 { font-weight: 600; }
                    .internal-admin-panel.questions .questionnaire-step p { text-align: left; margin-bottom: 28px; }
                    .internal-admin-panel.questions .questionnaire-step .form-control { font-size: 18px; line-height: 24px; padding: 8px 12px; }
                    .internal-admin-panel.questions .questionnaire-step .checkbox { height: 34px; margin-top: 15px; margin-bottom: 15px; }
                        .internal-admin-panel.questions .questionnaire-step .checkbox label { font-size: 18px; line-height: 32px; padding-left: 28px; text-align: left; }
                        .internal-admin-panel.questions .questionnaire-step .checkbox label span { margin-top: 0px; margin-left: 0px; top: 5px; position: relative; }
                    .internal-admin-panel.questions .questionnaire-step .radio { margin-top: 10px; margin-bottom: 10px; }
                    .internal-admin-panel.questions .questionnaire-step .checkbox .form-check-input { background: none; border: 0px; border-radius: 0px; }
                    .internal-admin-panel.questions .questionnaire-step .radio .form-check-input { background: none; border: 0px; border-radius: 0px; }
                    .internal-admin-panel.questions .questionnaire-step .signature-holder { width: 100%; max-width: 370px; margin-left: auto; margin-right: auto; position: relative; }
                    .internal-admin-panel.questions .questionnaire-step .fa-trash-can-xmark { color: #aca588; top: 5px; right: 0px; position: absolute; }
                    .internal-admin-panel.questions .questionnaire-step .fa-trash-can-xmark:hover { color: #4bc184; cursor: pointer; }


/**
 * Product Review
 * ========================================================================== */

.product-review.offcanvas { z-index: 1500; --bs-offcanvas-width: 450px; }
    .product-review.offcanvas .offcanvas-header h5 { font-weight: 600; }

    .product-review.offcanvas .offcanvas-body { background: #f3f0e4; padding: 20px; }
        .product-review.offcanvas .offcanvas-body .form-group label { font-size: 18px; line-height: 24px; }


/**
 * Social Icons
 * ========================================================================== */

.social-icons { text-align: right; padding: 0px; margin: 8px 0px 0px 0px; }
    .social-icons li { font-size: 30px; margin-left: 20px; display: inline-block; }
    .social-icons li a { color: #ffffff; }
    .social-icons li a:hover { color: #4bc184; }
    .social-icons li.facebook-f { font-size: 27px; }
    .social-icons li.instagram { font-size: 32px; }
    .social-icons li.title { color: #aca588; font-size: 18px; font-weight: 600; margin-bottom: 10px; display: block; }

    .social-icons.center { text-align: center; }
        .social-icons.center li { margin-left: 10px; margin-right: 10px; }

    .social-icons.dark li a { color: #0c252c; }
    .social-icons.dark li a:hover { color: #4bc184; }

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

.footer-top { background: #0c252c; padding: 65px 20px 50px 20px; position: relative; }

    .footer-top .top { padding-bottom: 40px; }
        .footer-top .top img { max-width: 170px; }
    
    .footer-top .info  { padding-right: 30px; }
        .footer-top .info p { color: #ffffff; font-size: 19px; line-height: 24px; margin-bottom: 57px; }
        .footer-top .info h5 { color: #ffffff; font-size: 17px; line-height: 22px; }
        .footer-top .info h4 { color: #4bc184; font-size: 26px; line-height: 30px; font-weight: 500; margin-bottom: 3px; }
        .footer-top .info h6 { color: #4bc184; font-size: 22px; line-height: 26px; font-weight: 500; }

    .footer-top .list { padding-left: 25px; }
        .footer-top .list ul { list-style: none; padding: 0px; margin: 0px; width: auto; float: right; }
        .footer-top .list ul li { font-size: 17px; line-height: 22px; font-weight: 400; margin-bottom: 10px; }
        .footer-top .list ul li a { color: #ffffff; }
        .footer-top .list ul li a:hover { color: #4bc184; }
        .footer-top .list ul li:first-child a { color: #4bc184; }

    .footer-top .social-icons.desktop { display: block; }
    .footer-top .social-icons.mobile { display: none; }

.footer-bottom { background: #0c252c; border-top: 2px #3d5156 solid; padding: 50px 20px 60px 20px; position: relative; }
    .footer-bottom h6 { color: #ffffff; font-size: 16px; line-height: 22px; margin-bottom: 8px; }
    .footer-bottom p { color: #cccccc; font-size: 14px; line-height: 20px; margin-bottom: 25px; }
    .footer-bottom h5 { color: #cccccc; font-size: 16px; line-height: 22px; }
    .footer-bottom h5 a { color: #cccccc; padding: 0px 10px; }
    .footer-bottom h5 a:first-child { padding-left: 0px; }
    .footer-bottom h5 a:hover { color: #4bc184; }
    .footer-bottom .right { text-align: right; }
    .footer-bottom .icon-item { display: inline-block; padding: 35px 0px 0px 30px; }
        .footer-bottom .icon-item h6 { color: #ffffff; margin: 0px; display: inline-block; }
        .footer-bottom .icon-item i { color: #ffffff; font-size: 26px; line-height: 22px; margin-right: 6px; display: inline-block; }
        .footer-bottom .icon-item:hover h6 { color: #4bc184; }
        .footer-bottom .icon-item:hover i { color: #4bc184; }

/**
 * Modals
 * ========================================================================== */

.modal { z-index: 1202; }
.modal-backdrop { z-index: 1201; }

.popup-modal .modal-content { background: #4bc184; overflow: hidden; border: 0px; border-radius: 10px; }
    .popup-modal .modal-content .modal-body { padding: 40px; }
        .popup-modal .modal-content .modal-body .btn-close { background: #ffffff; color: #333333; width: 36px; height: 36px; border-radius: 50%; font-size: 20px; line-height: 20px; padding: 0px; text-align: center; top: -15px; right: -15px; opacity: 1; z-index: 1; position: relative; }
        .popup-modal .modal-content .modal-body .circle-holder { background: #ffffff; width: 100px; height: 100px; border-radius: 50%; margin-bottom: 20px; position: relative; }
            .popup-modal .modal-content .modal-body .circle-holder img { width: 75%; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; }
        .popup-modal .modal-content .modal-body .modal-text { max-width: 270px; }
        .popup-modal .modal-content .modal-body h2 { font-size: 56px; line-height: 52px; font-weight: 900; margin-bottom: 0px; }
        .popup-modal .modal-content .modal-body h3 { font-size: 34px; line-height: 42px; font-weight: 600; }
        .popup-modal .modal-content .modal-body p { margin-bottom: 30px; }
        .popup-modal .modal-content .modal-body .btn-dark:hover { background: #23393e!important; border-color: #23393e!important; }
        .popup-modal .modal-content .modal-body .inside-bg { height: 100%; width: 180px; bottom: 0px; right: 0px; background-size: cover; background-repeat: no-repeat; background-position: center top; position: absolute; }

/**
 * Dark Theme
 * ========================================================================== */

.dark-theme h1 { color: #ffffff; }
.dark-theme h2 { color: #ffffff; }
.dark-theme h3 { color: #ffffff; }
.dark-theme h4 { color: #ffffff; }
.dark-theme h5 { color: #ffffff; }
.dark-theme h6 { color: #ffffff; }
.dark-theme p { color: #cccccc; }
.dark-theme .line-link { color: #ffffff; border-color: #ffffff; }
.dark-theme .line-link:hover { color: #4bc184; border-color: #4bc184; }



.inline-error {
    color: #db1a2a;
    width: 100%;
    margin-top: .25rem;
    font-size: .85em;
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite;
}
.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5;
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}


/* === Media Queries =============================== */


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

    h1 { font-size: 42px; line-height: 44px; }
    h2 { font-size: 42px; line-height: 44px; }
    h3 { font-size: 37px; line-height: 42px; }

}

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

    h1 { font-size: 40px; line-height: 43px; }
    h2 { font-size: 40px; line-height: 43px; }
    h3 { font-size: 35px; line-height: 40px; }

    .header .logo { max-width: 132px; }
    .header .nav.left li { margin-right: 25px; }
    .header .nav.right li { margin-left: 15px; }
    .header .nav .icons { margin-left: 12px; }

    .hero-feature-box h4 { font-size: 25px; line-height: 30px; }

    .keyline-cta-box { width: 100%; margin-bottom: 30px; }

    .footer-bottom .right { text-align: left; }
    .footer-bottom .payment-cards { display: block; max-width: 300px; margin: 15px 0px 0px 0px; }
    .footer-bottom .icon-item { padding: 25px 25px 0px 0px; }
}

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

    .hero-boxes-panel .side-image {right: -180px; }

}

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

    h1 { font-size: 37px; line-height: 41px; }
    h2 { font-size: 37px; line-height: 41px; }
    h3 { font-size: 32px; line-height: 37px; }
    h4 { font-size: 26px; line-height: 30px; }
    h5 { font-size: 22px; line-height: 26px; }

    .btn { font-size: 16px; line-height: 18px; padding: 10px 20px; }

    .header .mobile-icons { margin-top: 5px; }
        .header .mobile-icons button { border: 0px; background: none;  padding: 0px; }
        .header .mobile-icons i { color: #95907e; font-size: 22px; line-height: 28px; }
        .header .mobile-icons i:hover { color: #4bc184; }
        .header .mobile-icons.left { display: block; float: left; position: relative; }
            .header .mobile-icons.left i { margin-right: 15px; }
        .header .mobile-icons.right { display: block; float: right; position: relative; }
            .header .mobile-icons.right i { margin-left: 15px; }

    .header .nav.left { display: none; }
    .header .nav.right { display: none; }
    

    .hero-boxes-panel .row.top { padding-top: 140px; }
        .hero-boxes-panel .row.top h1 { max-width: 450px; }

    .hero-boxes-panel .side-image { width: 430px; height: 100%; background-position: top center; top: 100px; right: -50px; bottom: auto }
    .hero-boxes-panel .boxes { padding-top: 150px; }

    .content-panel { padding: 70px 20px;  background-position: top left; }
        .content-panel.left .text-content { max-width: 500px; }
        .content-panel.left .col:first-child { order: 2; }
        .content-panel.left .col:last-child { order: 1; }
        .content-panel.right .text-content { max-width: 500px; }

        .content-panel .text-content li { font-size: 22px; }

        .content-panel .side-image { width: 100%; height: 100%; max-width: 500px; max-height: 300px; margin-bottom: 40px; float: none!important; }

    .product-accrodion-panel { padding-top: 30px; padding-bottom: 30px; }

    .team-member-feature { width: 100%; height: auto; margin-bottom: 30px; }
        .team-member-feature .image { min-height: 240px; }
        .team-member-feature .info p { margin-bottom: 52px; }

    .help-section-panel .info h5.title { font-size: 24px; line-height: 28px; display: block!important; }
    .help-section-panel .info h4 { display: none; }
    .help-section-panel .info h5 { display: none; }
    .help-section-panel.p0 .info h4 { display: block; }
    .help-section-panel.p0 .info h5 { display: block; }



    .internal-header-panel { padding: 40px 20px; }
        .internal-header-panel h6 { font-size: 16px; line-height: 22px; }

    .internal-header-panel.product { padding: 25px 20px; }
        .internal-header-panel.product h5 { display: none; }
        .internal-header-panel.product h3 { margin-bottom: 0px; }

    .product-listing-panel { padding: 25px 20px 80px 20px; }
        .product-listing-panel .product-categories-list { display: none; }
        .product-listing-panel .product-categories-list.active { display: block; }
        .product-listing-panel .items-header .col:first-child { order: 2; }
        .product-listing-panel .items-header .col:last-child { order: 1; }
        .product-listing-panel .items-header .form-select { max-width: 100%; margin-top: 0px; margin-bottom: 20px; }
        .product-listing-panel .filters-link { cursor: pointer; margin-bottom: 15px; }
            .product-listing-panel .filters-link h5 { font-weight: 500; margin: 0px; }
            .product-listing-panel .filters-link:hover h5 { color: #4bc184; }
            .product-listing-panel .filters-link h5::after { background: none !important; font-family: "Font Awesome 5 Pro"; content: "\2b"; float: right; }

    .product-details-panel { padding: 30px 20px 40px 20px; }
        .product-details-panel .tz-gallery { max-width: 500px; }

        .product-details-panel .main-info { padding-left: 0px; height: auto; }
            .product-details-panel .main-info .description { font-size: 18px; line-height: 24px; }
                .product-details-panel .main-info .description p { font-size: 18px; line-height: 24px; }
            .product-details-panel .main-info h3 { font-size: 28px;line-height: 34px; }
            .product-details-panel .main-info .options .rounded-pill { width: 100%; }

        .product-details-panel .main-info.desktop { margin-top: 40px; }
            .product-details-panel .main-info.desktop h5 { display: none; }
            .product-details-panel .main-info.desktop h4 { display: none; }
        .product-details-panel .main-info.mobile { display: block; margin-bottom: 20px; }
            .product-details-panel .main-info.mobile h5 { display: block; }
            .product-details-panel .main-info.mobile h4 { display: block; }

        .product-details-panel .main-info .options .btn-dark-green { width: 77%; }
        .product-details-panel .main-info .options .btn { padding: 14px 20px; }


    .bmi-feature-box .info { min-height: 450px; padding: 30px; }
    .bmi-feature-box .image { height: 65%; }
    .bmi-feature-box .cta-circle h3 { font-size: 32px; line-height: 37px; }
    #bmi-calculator .bmi-calculator-left { margin: auto; }
    #bmi-calculator .bmi-calculator-right { width: 100%; height: auto; float: none; max-width: 400px; margin: 50px auto auto auto; position: relative; }

    .internal-admin-panel .login .lead { font-size: 22px; line-height: 28px; }

    .internal-admin-panel.questions .lead { font-size: 22px; line-height: 28px; }

    .internal-admin-panel .contact-details { margin-top: 20px; margin-bottom: 40px; }
    .internal-admin-panel .contact-details.desktop { display: none; }
    .internal-admin-panel .contact-details.mobile { display: none; margin-bottom: 0px }
    .internal-admin-panel .side-nav.list-group { margin-bottom: 50px; }
    .internal-admin-panel .col-xl-8 .ms-4.ps-4 { padding-left: 0px!important; margin-left: 0px!important; }
    .internal-admin-panel table.account.scroll { min-width: 600px; }
        .internal-admin-panel table.account th { padding: 10px 10px; }
        .internal-admin-panel table.account td { padding: 16px 6px; }

    .internal-admin-panel table.basket { border-top: 2px #85826f solid; margin: 4px 0px 0px 0px; }
    .internal-admin-panel table.basket thead { display: none; }
    .internal-admin-panel table.basket tfoot { display: none; }
    .internal-admin-panel table.basket tbody td { display: block; }
    .internal-admin-panel table.basket tbody td:nth-child(2) { display: none; }
    .internal-admin-panel table.basket tbody tr { position: relative; transform: translate(0); clip-path: inset(0); }
    .internal-admin-panel table.basket td { padding: 8px 0px; border-bottom: 0px!important; text-align: left!important; }
    .internal-admin-panel table.basket td:first-child { padding-top: 16px; } 
    .internal-admin-panel table.basket td:last-child { border-bottom: 1px #85826f solid!important; padding: 0px; }
    .internal-admin-panel table.basket .rounded-pill { margin: 0px!important; }
    .internal-admin-panel table.basket .remove { position: absolute; top: 20px; right: 0px; }
    .internal-admin-panel table.basket .product-name { margin-top: 15px; margin-left: 0px; display: block; }
    .internal-admin-panel table.basket .total-price { float: right; margin-top: -40px; }
    .internal-admin-panel .mobile-tfoot { display: block; }

    .internal-admin-panel .table-holder table.basket td:last-child { padding-bottom: 16px; }
    .internal-admin-panel .table-holder table.basket .product-name { width: 100%; }
    .internal-admin-panel .table-holder .mobile-tfoot .table-item { font-size: 16px; line-height: 20px; }

    .internal-admin-panel .table-holder .mobile-tfoot {padding: 0px 12px; }

    .internal-admin-panel table.wishlist td h6 { font-size: 16px; line-height: 22px; }

    .internal-admin-panel .btn.center-btn { min-width: 300px; }

    .internal-admin-panel.strip-bg { background: #ffffff; }
    .internal-admin-panel.strip-bg .col-xl-7 { order: 2; }
    .internal-admin-panel.strip-bg #page-basket { background: #f3f0e4; order: 1; }

    .internal-admin-panel .header-section .logo.desktop { display: none; }
    .internal-admin-panel .header-section .logo.mobile { display: inline-block; }

    .internal-admin-panel .white-bg.checkout { padding: 30px 20px 60px 20px; }
        .internal-admin-panel .white-bg.checkout .header-section { display: none; }

    .article-content-panel p { font-size: 18px; line-height: 22px; }
    .article-content-panel + .articles-slider-panel { display: none; }

    .cta-feature-box {  margin-bottom: 40px; }
        .cta-feature-box .info { min-height: 240px; }

    .reviews-slider-panel { display: none; }
    .reviews-slider-panel.items { display: block; }



    .social-icons { text-align: center; margin: 18px 0px 0px 0px; }
        .social-icons li { margin-left: 10px; margin-right: 10px; }

    .footer-top { text-align: center; }
        .footer-top .top { padding-bottom: 25px; }
        .footer-top .info { padding-right: calc(var(--bs-gutter-x) * .5); }
        .footer-top .list { padding-left: calc(var(--bs-gutter-x) * .5); }
            .footer-top .list ul { margin: 25px auto 0px auto; float: none; }
        .footer-top .social-icons.desktop { display: none; }
        .footer-top .social-icons.mobile { display: block; }

    .footer-bottom { text-align: center; }
        .footer-bottom h5 span { display: none; }
        .footer-bottom h5 a { font-size: 16px; line-height: 22px; display: block; margin: auto; padding: 3px 0px; }
        .footer-bottom .right { text-align: center; }
            .footer-bottom .right img { margin-left: auto; margin-right: auto; }
        .footer-bottom .icon-item { padding: 25px 12px 0px 12px; }
            .footer-bottom .icon-item h6 { font-size: 14px; line-height: 20px; }
            .footer-bottom .icon-item i { font-size: 20px; line-height: 16px; }

}

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

    .hero-boxes-panel .side-image { width: 360px; }

}

@media screen and (max-width: 820px) {
            
    .hero-boxes-panel .side-image { width: 320px; top: 125px; }

}

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

    h1 { font-size: 30px; line-height: 34px; }
    h2 { font-size: 30px; line-height: 34px; }
    h3 { font-size: 26px; line-height: 32px; }
    h4 { font-size: 24px; line-height: 28px; }
    h5 { font-size: 20px; line-height: 24px; }
    p { font-size: 16px; line-height: 22px; }

    .line-link { font-size: 18px; line-height: 26px; }

    .hero-boxes-panel .row.top { padding-top: 110px; }
    .hero-boxes-panel .side-image { width: 280px; top: 205px; right: -90px; }

    .hero-feature-box { padding: 12px 20px; margin-bottom: 20px; }
        .hero-feature-box .icon-circle { width: 70px; height: 70px; margin-right: 10px; }
            .hero-feature-box .icon-circle .icon { max-height: 44px; }
        .hero-feature-box h4 br { display: none; }


    .content-panel { padding: 50px 20px; }
    .content-panel.center { padding-top: 100px; padding-bottom: 100px; background-size: cover; }
    .content-panel.center.image-bottom { min-height: 500px; }

    .article-content-panel { padding: 20px 10px 80px 10px; }

    .articles-listing-panel .items .col { padding-bottom: 45px; }

    .help-section-panel { padding-top: 60px; }
    .help-section-panel:first-child { padding-top: 40px; }
        .help-section-panel .pad-top { padding-top: 0px; }
        .help-section-panel form { margin-top: 20px; }
        .help-section-panel .accordion .accordion-item .accordion-header button { font-size: 18px; line-height: 23px; }

    .keyline-cta-box { padding: 20px 15px 20px 15px; }
        .keyline-cta-box .icon-circle { width: 60px; height: 60px; font-size: 30px; margin-bottom: 10px; }

    .product-listing-panel .items-pagination nav .pagination.numbers { display: none; }


    .admin-header-panel .logout-link { font-size: 0px; }

    .internal-admin-panel { padding-top: 30px; }
        .internal-admin-panel .login .lead { font-size: 20px; line-height: 26px; }
        .internal-admin-panel .login .bottom { margin-top: 40px; }
            .internal-admin-panel .login .bottom .line-link { margin: 0px 20px 20px 20px; }

    .internal-admin-panel.questions { padding-top: 0px; }
        .internal-admin-panel.questions .questionnaire-step { margin: 40px auto auto auto; }
            .internal-admin-panel.questions .questionnaire-step label { font-size: 18px; line-height: 26px; }
            .internal-admin-panel.questions .questionnaire-step .form-control { font-size: 16px; line-height: 22px; }
            .internal-admin-panel.questions .questionnaire-step p { font-size: 16px; line-height: 22px; }
            .internal-admin-panel.questions .questionnaire-step .checkbox { height: 100%; min-height: 34px; }
        .internal-admin-panel.questions .btn { min-width: 140px; padding: 10px 20px; }

        .internal-admin-panel.questions .lead { font-size: 20px; line-height: 26px; }

        .internal-admin-panel table.account tr.mob-one-row td { display: block; }

    .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .image-holder { display: block; }
    .internal-admin-panel .clear-bg.basket .inside-basket .basket-item .info { width: 100%; padding-left: 0px; margin-top: 15px; }

    .internal-admin-panel .foot-buttons { display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
        .internal-admin-panel .foot-buttons .btn.center-btn { margin: 6px auto; }
        .internal-admin-panel .foot-buttons .btn.center-btn:first-child { order: 2; }
        .internal-admin-panel .foot-buttons .btn.center-btn:last-child { order: 1; }

    .featured-products-slider-panel .swiper { margin-top: 25px; }
    .articles-slider-panel .swiper { margin-top: 25px; }

    .cta-feature-box { padding: 30px; }

}

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

    h3 { font-size: 24px; line-height: 30px; }
    h5 { font-size: 18px; line-height: 22px; }
    .line-link { font-size: 16px; line-height: 24px; }

    .article-feature-box .info h5 { font-size: 20px; line-height: 24px; }

    .content-panel.center { padding-top: 60px; padding-bottom: 60px; }
    .content-panel.center .text-content * + .line-link { margin-top: 25px; }
    .content-panel.center.image-bottom { padding-top: 60px; }

    .content-panel .text-content li { font-size: 18px; }

    .popup-modal .modal-content .modal-body { padding: 25px; }
        .popup-modal .modal-content .modal-body .circle-holder { width: 70px; height: 70px; }
        .popup-modal .modal-content .modal-body .modal-text { max-width: 180px; }
        .popup-modal .modal-content .modal-body h3 { font-size: 26px; line-height: 32px; }
        .popup-modal .modal-content .modal-body h2 { font-size: 50px; line-height: 46px; }
        .popup-modal .modal-content .modal-body p { font-size: 15px; line-height: 21px; }
        .popup-modal .modal-content .modal-body .inside-bg { height: 90%; width: 140px; right: -20px; }

    .modal-dialog { position: relative; width: 90%; margin: 15px auto; }

}

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

    .product-details-panel .tz-gallery .thumbnail.one { height: 400px; }
    .product-details-panel .tz-gallery .thumbnail.small { height: 110px; }

    .internal-admin-panel.questions .nav-link { margin: 0px 3px; }

}


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

    .hero-boxes-panel .row.top h1 {  font-size: 26px; line-height: 32px; }

    .hero-boxes-panel .side-image { width: 300px; top: 225px; right: -100px; }

    .hero-boxes-panel .boxes { padding-top: 120px; }

    .hero-feature-box { padding: 10px 14px; margin-bottom: 15px; }
        .hero-feature-box .icon-circle { width: 56px; height: 56px; margin-right: 7px; }
        .hero-feature-box .icon-circle .icon { max-height: 30px; }
        .hero-feature-box h4 { font-size: 19px; line-height: 23px; }
        .hero-feature-box i { font-size: 24px; right: 15px; }

}

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

    .product-details-panel .tz-gallery .thumbnail.one { height: 360px; }
    .product-details-panel .tz-gallery .thumbnail.small { height: 100px; }

}

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

    .product-details-panel .tz-gallery .thumbnail.one { height: 340px; }
    .product-details-panel .tz-gallery .thumbnail.small { height: 90px; }

}

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

    .product-details-panel .tz-gallery .thumbnail.one { height: 320px; }
    .product-details-panel .tz-gallery .thumbnail.small { height: 85px; }

}




/**
 * Slick Slider
 * ========================================================================== */

 .swiper * { -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ }


 .slick-slider { position: relative; display: block; }

 .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
 .slick-list:focus { outline: none; }
 .slick-list.dragging { cursor: pointer; }
 
 .slick-track { position: relative; top: 0; left: 0; display: block; }
 .slick-track:before,
 .slick-track:after { display: table; content: ''; }
 .slick-track:after { clear: both; }
 .slick-loading .slick-track { visibility: hidden; }
 .slick-slide { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; float: left; height: 100%; min-height: 1px; }
 .slick-slide img { display: block; }
 .slick-slide.slick-loading img { display: none; }
 .slick-initialized .slick-slide { display: block; }
 .slick-loading .slick-slide { visibility: hidden; }
 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
 .slick-arrow.slick-hidden { display: none; }
 
 .slick-slider .gallery-arrow { color: #0c252c; border: 1px #0c252c solid; width: 45px; height: 45px; border-radius: 50%; text-align: center; left: 0px; right: 0px; bottom: -130px; margin: auto; position: absolute; }
    .slick-slider .gallery-arrow i { font-size: 28px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; }
    .slick-slider .gallery-arrow.prev { left: -60px; }
    .slick-slider .gallery-arrow.next { left: 60px; }
    .slick-slider .gallery-arrow:hover { background: #0c252c; color: #ffffff; cursor: pointer; }

 .slick-dots { position: absolute; top: auto; bottom: -65px; left: 0px; right: 0px; display: block; width: 100%; list-style: none; text-align: center; padding-right: 0px; padding-left: 0px; margin: auto; }
     .slick-dots li { position: relative; display: inline-block; width: 25%; height: 10px; margin: 0px; padding: 0; cursor: pointer; border: 0px; }
     .slick-dots li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; }
     .slick-dots li:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; }
     .slick-dots li button { background: #ffffff; font-size: 0; line-height: 0; display: block; height: 10px; width: 100%; padding: 0px; margin: auto; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; position: absolute; cursor: pointer; color: #cc0000; border: 0px; outline: none; }
     .slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
     .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1; }
     .slick-dots li button:before { font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; right: 0; width: 25%; height: 10px; content: ''; text-align: center; opacity: .25; color: #051D49; }
     .slick-dots li.slick-active button:before { opacity: 1; color: #ccc !important; height: 10px; width: 100%; }
     .slick-dots li.slick-active { background: none; height: 10px; width: 25%; }
     .slick-dots li.slick-active button { background: #0f464f; border: none !important; height: 10px; width: 100%; border-radius: 10px; }