:root {
    --tpg-primary-color: #0d6efd;
    --tpg-secondary-color: #0654c4;
    --tpg-primary-light: #c4d0ff
}

body .rt-tpg-container .rt-loading,
body #bottom-script-loader .rt-ball-clip-rotate {
    color: #0367bf !important;
}

.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
}

@media screen and (max-height: 1024px) {
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

@media screen and (max-height: 640px) {
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}



body .theme-button, body input[type="submit"], body button[type="submit"], body button, body .button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button, .woocommerce-cart .wp-element-button, .woocommerce-checkout .wp-element-button, .wp-block-button__link {
    border-color: #ffffff
}

body .theme-button:hover, body input[type="submit"]:hover, body button[type="submit"]:hover, body button:hover, body .button:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:active, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:active, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:active, .woocommerce-cart .wp-element-button:hover, .woocommerce-checkout .wp-element-button:hover, .wp-block-button__link:hover {
    border-color: #ffffff
}

body {
    color: #333333
}

h1, h2, h3, h4, h5, h6, .theme-heading, .widget-title, .oceanwp-widget-recent-posts-title, .comment-reply-title, .entry-title, .sidebar-box .widget-title {
    color: #222222
}

/* OceanWP Style Settings CSS */
.theme-button, input[type="submit"], button[type="submit"], button, .button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    border-style: solid
}

.theme-button, input[type="submit"], button[type="submit"], button, .button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    border-width: 1px
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea, .woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single {
    border-style: solid
}

body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
    border-style: solid
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
    border-radius: 3px
}

body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
    border-radius: 3px
}

/* Header */
#site-logo #site-logo-inner, .oceanwp-social-menu .social-menu-inner, #site-header.full_screen-header .menu-bar-inner, .after-header-content .after-header-content-inner {
    height: 76px
}

#site-navigation-wrap .dropdown-menu > li > a, #site-navigation-wrap .dropdown-menu > li > span.opl-logout-link, .oceanwp-mobile-menu-icon a, .mobile-menu-close, .after-header-content-inner > a {
    line-height: 76px
}

#site-header, .has-transparent-header .is-sticky #site-header, .has-vh-transparent .is-sticky #site-header.vertical-header, #searchform-header-replace {
    background-color: #4361ee
}

#site-header.has-header-media .overlay-header-media {
    background-color: rgba(0, 0, 0, 0.5)
}

#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-width: 70px
}

.effect-two #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
    background-color: #ffffff
}

.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after {
    border-color: #ffffff
}

.effect-ten #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span, .effect-ten #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span {
    -webkit-box-shadow: 0 0 10px 4px #ffffff;
    -moz-box-shadow: 0 0 10px 4px #ffffff;
    box-shadow: 0 0 10px 4px #ffffff
}

#site-navigation-wrap .dropdown-menu > li > a, .oceanwp-mobile-menu-icon a, #searchform-header-replace-close {
    color: #ffffff
}

#site-navigation-wrap .dropdown-menu > li > a .owp-icon use, .oceanwp-mobile-menu-icon a .owp-icon use, #searchform-header-replace-close .owp-icon use {
    stroke: #ffffff
}

#site-navigation-wrap .dropdown-menu > li > a:hover, .oceanwp-mobile-menu-icon a:hover, #searchform-header-replace-close:hover {
    color: #ffffff
}

#site-navigation-wrap .dropdown-menu > li > a:hover .owp-icon use, .oceanwp-mobile-menu-icon a:hover .owp-icon use, #searchform-header-replace-close:hover .owp-icon use {
    stroke: #ffffff
}

@media (max-width: 1280px) {
    #top-bar-nav, #site-navigation-wrap, .oceanwp-social-menu, .after-header-content {
        display: none
    }

    .center-logo #site-logo {
        float: none;
        position: absolute;
        left: 50%;
        padding: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #site-header.center-header #site-logo, .oceanwp-mobile-menu-icon, #oceanwp-cart-sidebar-wrap {
        display: block
    }

    body.vertical-header-style #outer-wrap {
        margin: 0 !important
    }

    #site-header.vertical-header {
        position: relative;
        width: 100%;
        left: 0 !important;
        right: 0 !important
    }

    #site-header.vertical-header .has-template > #site-logo {
        display: block
    }

    #site-header.vertical-header #site-header-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 0;
        max-width: 90%
    }

    #site-header.vertical-header #site-header-inner > *:not(.oceanwp-mobile-menu-icon) {
        display: none
    }

    #site-header.vertical-header #site-header-inner > * {
        padding: 0 !important
    }

    #site-header.vertical-header #site-header-inner #site-logo {
        display: block;
        margin: 0;
        width: 50%;
        text-align: left
    }

    body.rtl #site-header.vertical-header #site-header-inner #site-logo {
        text-align: right
    }

    #site-header.vertical-header #site-header-inner .oceanwp-mobile-menu-icon {
        width: 50%;
        text-align: right
    }

    body.rtl #site-header.vertical-header #site-header-inner .oceanwp-mobile-menu-icon {
        text-align: left
    }

    #site-header.vertical-header .vertical-toggle, body.vertical-header-style.vh-closed #site-header.vertical-header .vertical-toggle {
        display: none
    }

    #site-logo.has-responsive-logo .custom-logo-link {
        display: none
    }

    #site-logo.has-responsive-logo .responsive-logo-link {
        display: block
    }

    .is-sticky #site-logo.has-sticky-logo .responsive-logo-link {
        display: none
    }

    .is-sticky #site-logo.has-responsive-logo .sticky-logo-link {
        display: block
    }

    #top-bar.has-no-content #top-bar-social.top-bar-left, #top-bar.has-no-content #top-bar-social.top-bar-right {
        position: inherit;
        left: auto;
        right: auto;
        float: none;
        height: auto;
        line-height: 1.5em;
        margin-top: 0;
        text-align: center
    }

    #top-bar.has-no-content #top-bar-social li {
        float: none;
        display: inline-block
    }

    .owp-cart-overlay, #side-panel-wrap a.side-panel-btn {
        display: none !important
    }
}

.mobile-menu .hamburger-inner, .mobile-menu .hamburger-inner::before, .mobile-menu .hamburger-inner::after {
    background-color: #ffffff
}

/* Blog CSS */
.ocean-single-post-header ul.meta-item li a:hover {
    color: #333333
}

/* Footer Copyright */
#footer-bottom {
    background-color: #4361ee
}

#footer-bottom a:hover, #footer-bottom #footer-bottom-menu a:hover {
    color: #000000
}

/* Typography */
body {
    font-family: Roboto;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500
}

h1, h2, h3, h4, h5, h6, .theme-heading, .widget-title, .oceanwp-widget-recent-posts-title, .comment-reply-title, .entry-title, .sidebar-box .widget-title {
    font-family: Roboto;
    line-height: 1.4;
    font-weight: 700
}

h1 {
    font-size: 23px;
    line-height: 1.4
}

h2 {
    font-size: 20px;
    line-height: 1.4
}

h3 {
    font-size: 18px;
    line-height: 1.4
}

h4 {
    font-size: 17px;
    line-height: 1.4
}

h5 {
    font-size: 14px;
    line-height: 1.4
}

h6 {
    font-size: 15px;
    line-height: 1.4
}

.page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
    font-family: Roboto;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700
}

.page-header .page-subheading {
    font-family: Roboto;
    font-size: 15px;
    line-height: 1.8
}

.site-breadcrumbs, .site-breadcrumbs a {
    font-family: Roboto;
    font-size: 14px;
    line-height: 1.4
}

#top-bar-content, #top-bar-social-alt {
    font-size: 12px;
    line-height: 1.8
}

#site-logo a.site-logo-text {
    font-size: 24px;
    line-height: 1.8
}

#site-navigation-wrap .dropdown-menu > li > a, #site-header.full_screen-header .fs-dropdown-menu > li > a, #site-header.top-header #site-navigation-wrap .dropdown-menu > li > a, #site-header.center-header #site-navigation-wrap .dropdown-menu > li > a, #site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a, .oceanwp-mobile-menu-icon a {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500
}

.dropdown-menu ul li a.menu-link, #site-header.full_screen-header .fs-dropdown-menu ul.sub-menu li a {
    font-family: Roboto;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: .6px
}

.sidr-class-dropdown-menu li a, a.sidr-class-toggle-sidr-close, #mobile-dropdown ul li a, body #mobile-fullscreen ul li a {
    font-family: Roboto;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 500
}

.blog-entry.post .blog-entry-header .entry-title a {
    font-family: Roboto;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700
}

.ocean-single-post-header .single-post-title {
    font-size: 34px;
    line-height: 1.4;
    letter-spacing: .6px
}

.ocean-single-post-header ul.meta-item li, .ocean-single-post-header ul.meta-item li a {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .6px
}

.ocean-single-post-header .post-author-name, .ocean-single-post-header .post-author-name a {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .6px
}

.ocean-single-post-header .post-author-description {
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: .6px
}

.single-post .entry-title {
    font-family: Roboto;
    line-height: 1.4;
    letter-spacing: .6px;
    font-weight: 700
}

.single-post ul.meta li, .single-post ul.meta li a {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .6px
}

.sidebar-box .widget-title, .sidebar-box.widget_block .wp-block-heading {
    font-family: Roboto;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px
}

.sidebar-box, .footer-box {
    font-family: Roboto;
    font-size: 14px
}

#footer-widgets .footer-box .widget-title {
    font-family: Roboto;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px
}

#footer-bottom #copyright {
    font-family: Roboto;
    font-size: 14px;
    line-height: 1
}

#footer-bottom #footer-bottom-menu {
    font-family: Roboto;
    font-size: 14px;
    line-height: 1
}

.woocommerce-store-notice.demo_store {
    line-height: 2;
    letter-spacing: 1.5px
}

.demo_store .woocommerce-store-notice__dismiss-link {
    line-height: 2;
    letter-spacing: 1.5px
}

.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a {
    font-size: 14px;
    line-height: 1.5
}

.woocommerce ul.products li.product li.category, .woocommerce ul.products li.product li.category a {
    font-size: 12px;
    line-height: 1
}

.woocommerce ul.products li.product .price {
    font-size: 18px;
    line-height: 1
}

.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .product-inner .added_to_cart {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px
}

.woocommerce ul.products li.owp-woo-cond-notice span, .woocommerce ul.products li.owp-woo-cond-notice a {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: capitalize
}

.woocommerce div.product .product_title {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .6px
}

.woocommerce div.product p.price {
    font-size: 36px;
    line-height: 1
}

.woocommerce .owp-btn-normal .summary form button.button, .woocommerce .owp-btn-big .summary form button.button, .woocommerce .owp-btn-very-big .summary form button.button {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase
}

.woocommerce div.owp-woo-single-cond-notice span, .woocommerce div.owp-woo-single-cond-notice a {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1.5px;
    font-weight: 600;
    text-transform: capitalize
}

.ocean-preloader--active .preloader-after-content {
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: .6px
}