@import url(https://fonts.googleapis.com/css?family=Raleway:400,900italic,900,800italic,800,700italic,700,600italic,600,500italic,500,400italic,300italic,300,200italic,200);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Oregano:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Seaweed+Script);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@import url(../assets/bootstrap/css/bootstrap.min.css);
@import url(../assets/font-awesome/css/font-awesome.min.css);
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
@import url(../assets/owl.carousel-2/assets/owl.carousel.css);
@import url(../assets/owl.carousel-2/assets/owl.theme.default.min.css);
@import url(../assets/animate.min.css);
@import url(../assets/fancyapps-fancyBox/source/jquery.fancybox.css);
@import url(../assets/flaticon/flaticon.css);
@import url(../assets/Polyglot-Language-Switcher-master/css/polyglot-language-switcher.css);
@import url(../assets/nouislider/nouislider.css);
@import url(../assets/nouislider/nouislider.pips.css);
@import url(../assets/bootstrap-touch-spin/jquery.bootstrap-touchspin.css);
@import url(../assets/fitness-care-icon/style.css);
@import url(../assets/menuzord/css/menuzord.css);
@import url(../assets/bootstrap-select/dist/css/bootstrap-select.min.css);
/* ==============================
   2. Global styles
   ============================== */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 26px;
    perspective: 1000;
}

/* Yuva light theme refresh */
body {
    background: #f7f4ec;
    color: #1f241f;
}

a {
    color: #5f7f57;
}

a:hover,
a:focus {
    color: #3f5d39;
}

.head_logo {
    width: 94px;
    border-radius: 8px;
}

.header.header-v5,
.header-premium {
    background: transparent;
    border-bottom: 0;
}

.header.header-v5 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.header.header-v5 .menuzord-brand {
    line-height: 72px;
}

.yuva-main-nav {
    min-height: 68px;
    gap: 14px;
    padding: 2px 0;
}

.header.header-v5 .menuzord-menu > li > a {
    color: #1f241f;
    font-size: 10px;
    padding: 10px 10px;
    letter-spacing: 0.12em;
}

.header.header-v5 .menuzord-menu > li:hover > a,
.header.header-v5 .menuzord-menu > li.active > a {
    color: #5f7f57;
}

.header.header-v5 .menuzord-menu ul.dropdown li a {
    color: #1f241f;
}

.header.header-v5 .menuzord-menu ul.dropdown li a:hover {
    color: #5f7f57;
}

.yuva-nav-actions {
    gap: 8px;
}

.yuva-nav-pill,
.yuva-nav-pill-dark {
    padding: 9px 14px;
    border-width: 1px;
    font-size: 10px;
    letter-spacing: 0.12em;
}

.yuva-nav-pill {
    color: #1f241f;
    border-color: rgba(31, 36, 31, 0.14);
    background: rgba(255, 255, 255, 0.66);
}

.yuva-nav-pill:hover {
    color: #1f241f;
    border-color: rgba(95, 127, 87, 0.45);
    background: rgba(255, 255, 255, 0.92);
}

.yuva-nav-pill-dark {
    background: #5f7f57;
    color: #fff;
    border-color: #5f7f57;
}

.yuva-nav-pill-dark:hover {
    background: #476440;
    color: #fff;
    border-color: #476440;
}

.header.header-v5.stricky-fixed {
    background: rgba(247, 244, 236, 0.9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px rgba(31, 36, 31, 0.08);
    border-bottom: 1px solid rgba(31, 36, 31, 0.06);
}

.stricky-fixed.header .menuzord-brand {
    line-height: 58px;
}

.stricky-fixed.header .menuzord-menu > li > a {
    padding: 12px 14px;
}

.yuva-hero-slider-wrap {
    background: linear-gradient(180deg, #f7f4ec 0%, #f1ecdf 100%);
}

.yuva-slide {
    color: #1f241f;
    background:
        linear-gradient(135deg, rgba(247, 244, 236, 0.96) 0%, rgba(240, 235, 223, 0.9) 54%, rgba(228, 236, 224, 0.95) 100%),
        url("../img/resources/texture/pattern-1.png") center/cover repeat;
    box-shadow: 0 24px 60px rgba(31, 36, 31, 0.08);
}

.yuva-home-slider .owl-nav [class*=owl-] {
    background: rgba(31, 36, 31, 0.08);
    color: #1f241f;
}

.yuva-home-slider .owl-nav [class*=owl-]:hover {
    background: #5f7f57;
    color: #fff;
}

.yuva-home-slider .owl-dots .owl-dot span {
    background: rgba(31, 36, 31, 0.18);
}

.yuva-home-slider .owl-dots .owl-dot.active span {
    background: #5f7f57;
}

.yuva-hero {
    background:
        radial-gradient(circle at top right, rgba(95, 127, 87, 0.12), transparent 30%),
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.38), transparent 22%),
        linear-gradient(135deg, #f7f4ec 0%, #f0eadf 56%, #e5efe1 100%);
    color: #1f241f;
}

.yuva-hero:before {
    background: radial-gradient(circle, rgba(95, 127, 87, 0.16), transparent 70%);
}

.yuva-hero:after {
    background: radial-gradient(circle, rgba(31, 36, 31, 0.06), transparent 72%);
}

.yuva-eyebrow,
.yuva-mini-label,
.yuva-category-content span,
.yuva-package-content span,
.yuva-series-copy .yuva-eyebrow,
.yuva-about-panel .yuva-eyebrow,
.yuva-franchise-banner .yuva-eyebrow,
.yuva-expert-banner .yuva-eyebrow {
    color: #5f7f57;
}

.yuva-hero-copy h1,
.yuva-about-panel h2,
.yuva-series-copy h2,
.yuva-franchise-banner h2,
.yuva-expert-banner h2,
.yuva-card-kicker {
    color: #1f241f;
}

.yuva-hero-copy p,
.yuva-section-title p,
.yuva-about-panel p,
.yuva-series-copy p,
.yuva-contact-card p,
.yuva-detail-copy,
.yuva-product-content p,
.yuva-product-short,
.yuva-detail-banner p {
    color: #5d675d;
}

.yuva-hero-points li {
    border-color: rgba(31, 36, 31, 0.12);
    background: rgba(255, 255, 255, 0.72);
    color: #1f241f;
}

.yuva-card-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(31, 36, 31, 0.26));
}

.yuva-card-content p {
    color: rgba(31, 36, 31, 0.72);
}

.yuva-stat-card {
    background: #fff;
}

.yuva-stat-card span,
.yuva-detail-specs span {
    color: #6a7369;
}

.yuva-stat-card strong,
.yuva-detail-specs strong,
.yuva-detail-card h3,
.yuva-product-content h3,
.yuva-category-content h3,
.yuva-detail-summary h1 {
    color: #1f241f;
}

.yuva-section {
    background: #f7f4ec;
}

.yuva-section-alt,
.yuva-series-section {
    background: linear-gradient(180deg, #f2ede1 0%, #ebe4d5 100%);
}

.yuva-category-card,
.yuva-about-panel,
.yuva-series-copy,
.yuva-package-card,
.yuva-contact-card,
.yuva-contact-form,
.yuva-detail-summary,
.yuva-detail-card {
    background: #fff;
    color: #1f241f;
    box-shadow: 0 18px 40px rgba(31, 36, 31, 0.08);
}

.yuva-product-detail .yuva-detail-card {
    background: #ffffff;
    border: 1px solid rgba(31, 36, 31, 0.08);
}

.yuva-category-content,
.yuva-package-content {
    background: #fff;
}

.yuva-category-content p,
.yuva-package-content p,
.yuva-contact-card a {
    color: #5d675d;
}

.yuva-link,
.yuva-detail-link {
    color: #5f7f57;
}

.yuva-link:hover,
.yuva-detail-link:hover {
    color: #1f241f;
}

.yuva-about-list li,
.yuva-detail-feature {
    color: #1f241f;
}

.yuva-about-list li:before {
    background: #5f7f57;
}

.yuva-process-card {
    background: #fff;
    box-shadow: 0 18px 40px rgba(31, 36, 31, 0.08);
}

.yuva-process-card span {
    color: #5f7f57;
}

.yuva-process-card p {
    color: #5d675d;
}

.yuva-process-image {
    background-color: #f3efe5;
}

.yuva-product-card {
    background: #fff;
    box-shadow: 0 16px 34px rgba(31, 36, 31, 0.08);
}

.yuva-product-badge {
    background: #1f241f;
    color: #fff;
}

.yuva-product-content del,
.yuva-detail-price del {
    color: #8a8f87;
}

.yuva-detail-banner {
    padding-top: 108px;
}

.yuva-detail-banner h2 {
    color: #1f241f;
}

.yuva-product-detail {
    background: #f7f4ec;
}

.yuva-detail-gallery__main,
.yuva-detail-gallery__thumb {
    background-color: #fff;
}

.yuva-detail-slider .owl-nav [class*=owl-] {
    background: rgba(31, 36, 31, 0.72);
}

.yuva-detail-slider .owl-nav [class*=owl-]:hover {
    background: #5f7f57;
}

.yuva-detail-gallery__thumb {
    border: 2px solid transparent;
}

.yuva-detail-thumbs .owl-item.active .yuva-detail-gallery__thumb {
    border-color: #5f7f57;
}

.yuva-detail-summary {
    background: #1f241f;
    color: #fff;
}

.yuva-detail-summary h1 {
    color: #fff !important;
}

.yuva-detail-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #b9d1ae;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 700;
}

.yuva-detail-price {
    color: #9fbc92;
}

.yuva-detail-price del {
    color: rgba(255, 255, 255, 0.54);
}

.yuva-detail-meta > div {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
}

.yuva-detail-meta strong {
    color: #9fbc92;
}

.yuva-detail-meta span {
    color: #fff;
}

.yuva-section .thm-btn,
.yuva-franchise-banner .thm-btn,
.yuva-expert-banner .thm-btn,
.yuva-contact-section .thm-btn {
    background: #5f7f57;
    color: #fff;
}

.yuva-section .thm-btn:hover,
.yuva-franchise-banner .thm-btn:hover,
.yuva-expert-banner .thm-btn:hover,
.yuva-contact-section .thm-btn:hover {
    background: #1f241f;
    color: #fff;
}

.yuva-section .thm-btn.borderd,
.yuva-hero .thm-btn.borderd {
    border-color: rgba(31, 36, 31, 0.18);
    color: #1f241f;
}

.yuva-section .thm-btn.borderd:hover,
.yuva-hero .thm-btn.borderd:hover {
    border-color: #1f241f;
    background: #1f241f;
    color: #fff;
}

.yuva-contact-form .form-control:focus {
    border-color: #5f7f57;
    box-shadow: 0 0 0 3px rgba(95, 127, 87, 0.14);
}

@media (max-width: 767px) {
    .head_logo {
        width: 84px;
    }

    .header.header-v5 {
        position: static;
    }

    .yuva-nav-actions {
        display: none;
    }

    .yuva-main-nav {
        min-height: 62px;
    }
}

/* Clean homepage refresh */
.yuva-home-hero {
    position: relative;
    overflow: hidden;
    padding: 112px 0 74px;
    background:
        radial-gradient(circle at top right, rgba(95, 127, 87, 0.12), transparent 28%),
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.4), transparent 20%),
        linear-gradient(180deg, #f7f4ec 0%, #f1ebdf 100%);
}

.yuva-home-hero__copy {
    position: relative;
    z-index: 2;
}

.yuva-home-hero__copy h1 {
    margin: 0;
    font-family: "Oswald", sans-serif;
    font-size: clamp(42px, 6vw, 76px);
    line-height: 0.95;
    text-transform: uppercase;
    color: #1f241f;
    max-width: 620px;
}

.yuva-home-hero__copy p {
    margin-top: 18px;
    max-width: 560px;
    color: #5d675d;
    font-size: 17px;
    line-height: 1.8;
}

.yuva-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.yuva-home-hero__points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 26px 0 0;
}

.yuva-home-hero__points li {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #1f241f;
    border: 1px solid rgba(31, 36, 31, 0.08);
    font-size: 13px;
    font-weight: 600;
}

.yuva-home-hero__visual {
    display: grid;
    gap: 16px;
    position: relative;
    z-index: 2;
}

.yuva-home-hero__card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 24px 56px rgba(31, 36, 31, 0.12);
}

.yuva-home-hero__card--main {
    min-height: 500px;
    background-color: #fff;
}

.yuva-home-hero__card--small {
    min-height: 180px;
    background-color: #fff;
}

.yuva-home-hero__badge,
.yuva-home-hero__label {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(31, 36, 31, 0.88);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.yuva-home-hero__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.yuva-home-hero__trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.yuva-home-hero__trust > div {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(31, 36, 31, 0.08);
    border-radius: 22px;
    padding: 18px;
    text-align: center;
    box-shadow: 0 16px 32px rgba(31, 36, 31, 0.06);
}

.yuva-home-hero__trust strong {
    display: block;
    font-family: "Oswald", sans-serif;
    color: #1f241f;
    font-size: 28px;
    line-height: 1;
}

.yuva-home-hero__trust span {
    display: block;
    margin-top: 8px;
    color: #5d675d;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 11px;
}

.yuva-section {
    padding: 92px 0;
}

.yuva-section-alt {
    background: linear-gradient(180deg, #f1ebdf 0%, #ebe2d3 100%);
}

.yuva-section-title h1,
.yuva-section-title p {
    color: inherit;
}

.yuva-category-card {
    margin-bottom: 30px;
}

.yuva-product-card {
    margin-bottom: 30px;
}

.yuva-contact-section {
    padding: 96px 0;
    background: linear-gradient(180deg, #f7f4ec 0%, #f0eadf 100%);
}

.yuva-contact-card {
    background: #fff;
    color: #1f241f;
    padding: 32px;
    border-radius: 28px;
    border: 1px solid rgba(31, 36, 31, 0.08);
    box-shadow: 0 18px 40px rgba(31, 36, 31, 0.08);
    margin-bottom: 30px;
}

.yuva-contact-card p {
    color: #5d675d;
}

.yuva-contact-card a {
    color: #5f7f57;
}

.yuva-contact-form {
    background: #fff;
    border-radius: 28px;
    padding: 30px;
    border: 1px solid rgba(31, 36, 31, 0.08);
    box-shadow: 0 18px 40px rgba(31, 36, 31, 0.08);
}

.yuva-contact-form label {
    color: #1f241f;
}

.yuva-contact-form .form-control {
    border-color: rgba(31, 36, 31, 0.12);
}

@media (max-width: 991px) {
    .yuva-home-hero__trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .yuva-home-hero {
        padding: 92px 0 56px;
    }

    .yuva-home-hero__visual {
        margin-top: 28px;
    }

    .yuva-home-hero__card--main {
        min-height: 340px;
    }

    .yuva-home-hero__trust {
        grid-template-columns: 1fr;
    }

    .yuva-section,
    .yuva-contact-section {
        padding: 72px 0;
    }
}

/* Homepage refresh */
.yuva-home-slider-wrap {
    overflow: hidden;
    background: #f7f4ec;
}

.yuva-home-slide {
    position: relative;
    min-height: 86vh;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.yuva-home-slide__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(13, 16, 13, 0.84) 0%, rgba(13, 16, 13, 0.54) 42%, rgba(13, 16, 13, 0.18) 100%),
        radial-gradient(circle at 75% 20%, rgba(95, 127, 87, 0.2), transparent 26%);
}

.yuva-home-slide .container {
    position: relative;
    z-index: 2;
}

.yuva-home-slide__content {
    max-width: 680px;
    padding: 36px 0;
}

.yuva-home-slide__content h1 {
    margin: 0;
    font-family: "Oswald", sans-serif;
    font-size: clamp(44px, 6.6vw, 88px);
    line-height: 0.93;
    text-transform: uppercase;
    color: #fff;
}

.yuva-home-slide__content p {
    max-width: 560px;
    margin-top: 18px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    line-height: 1.8;
}

.yuva-home-slide__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.yuva-home-slide__points {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 28px 0 0;
}

.yuva-home-slide__points li {
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    font-size: 13px;
}

.yuva-home-slider .owl-nav {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px;
    pointer-events: none;
}

.yuva-home-slider .owl-nav [class*=owl-] {
    pointer-events: auto;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.yuva-home-slider .owl-nav [class*=owl-]:hover {
    background: #5f7f57;
    color: #fff;
}

.yuva-home-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.yuva-home-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.28);
}

.yuva-home-slider .owl-dots .owl-dot.active span {
    background: #fff;
}

.yuva-stat-strip {
    margin-top: -36px;
    position: relative;
    z-index: 3;
}

.yuva-stat-strip__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.yuva-stat-strip__item {
    padding: 18px 16px;
    text-align: center;
    border-top: 1px solid rgba(31, 36, 31, 0.08);
    border-bottom: 1px solid rgba(31, 36, 31, 0.08);
    background: rgba(247, 244, 236, 0.84);
}

.yuva-stat-strip__item strong {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    line-height: 1;
    color: #1f241f;
}

.yuva-stat-strip__item span {
    display: block;
    margin-top: 8px;
    color: #5d675d;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
}

.yuva-home-section {
    padding: 92px 0;
}

.yuva-product-tile-link {
    display: block;
    color: inherit;
}

.yuva-product-tile-link:hover,
.yuva-product-tile-link:focus {
    color: inherit;
}

.yuva-product-tile {
    margin-bottom: 30px;
    border-top: 1px solid rgba(31, 36, 31, 0.08);
    padding-top: 14px;
}

.yuva-product-tile__media {
    position: relative;
    min-height: 250px;
    border-radius: 20px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.yuva-product-tile__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(31, 36, 31, 0.9);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.yuva-product-tile__content {
    padding: 18px 2px 0;
}

.yuva-product-tile__content h3 {
    margin: 0;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.02;
    color: #1f241f;
}

.yuva-product-tile__content p {
    margin: 10px 0 0;
    color: #5d675d;
    line-height: 1.7;
    min-height: 52px;
}

.yuva-product-tile__meta {
    margin-top: 14px;
    display: flex;
    align-items: baseline;
    gap: 12px;
    color: #1f241f;
}

.yuva-product-tile__meta del {
    color: #8c9485;
}

.yuva-product-tile__meta strong {
    font-size: 18px;
    color: #5f7f57;
}

.yuva-cta-banner {
    padding: 0 0 96px;
}

.yuva-cta-banner__inner {
    width: 100%;
    background:
        linear-gradient(135deg, rgba(13, 16, 13, 0.98) 0%, rgba(26, 29, 24, 0.98) 58%, rgba(41, 51, 38, 0.96) 100%);
    box-shadow: 0 24px 56px rgba(13, 16, 13, 0.18);
    padding: 46px 0;
}

.yuva-cta-banner__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.yuva-cta-banner__inner h2 {
    margin: 8px 0 0;
    font-family: "Oswald", sans-serif;
    font-size: clamp(30px, 4vw, 54px);
    line-height: 0.98;
    text-transform: uppercase;
    color: #fff;
    max-width: 740px;
}

.yuva-cta-banner__inner .yuva-eyebrow {
    color: rgba(255, 255, 255, 0.74);
}

.yuva-cta-banner__inner .thm-btn {
    background: #f7f4ec;
    color: #1f241f;
}

.yuva-cta-banner__inner .thm-btn:hover {
    background: #ffffff;
    color: #1f241f;
}

.yuva-home-vision {
    padding: 0 0 96px;
}

.yuva-home-vision__header {
    max-width: 860px;
    margin-bottom: 28px;
}

.yuva-home-vision__header h2 {
    margin: 10px 0 14px;
    font-family: "Oswald", sans-serif;
    font-size: clamp(34px, 5vw, 72px);
    line-height: 0.94;
    text-transform: uppercase;
    color: #1f241f;
}

.yuva-home-vision__header p {
    margin: 0;
    color: #5d675d;
    font-size: 16px;
    line-height: 1.8;
    max-width: 720px;
}

.yuva-home-vision__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid rgba(31, 36, 31, 0.1);
    border-bottom: 1px solid rgba(31, 36, 31, 0.1);
}

.yuva-home-vision__item {
    padding: 28px 22px;
}

.yuva-home-vision__item + .yuva-home-vision__item {
    border-left: 1px solid rgba(31, 36, 31, 0.1);
}

.yuva-home-vision__item span {
    display: block;
    margin-bottom: 10px;
    font-family: "Oswald", sans-serif;
    font-size: 36px;
    line-height: 1;
    color: #5f7f57;
}

.yuva-home-vision__item h3 {
    margin: 0 0 10px;
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    line-height: 1;
    text-transform: uppercase;
    color: #1f241f;
}

.yuva-home-vision__item p {
    margin: 0;
    color: #5d675d;
    line-height: 1.8;
}

.yuva-home-vision__bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    justify-content: space-between;
    padding: 18px 0 0;
    color: #1f241f;
}

.yuva-home-vision__bar span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #5d675d;
}

.yuva-home-darkstrip {
    padding: 0 0 96px;
    background:
        radial-gradient(circle at top left, rgba(176, 204, 48, 0.10), transparent 26%),
        linear-gradient(180deg, rgba(15, 18, 15, 0.98) 0%, rgba(18, 21, 17, 0.96) 100%);
}

.yuva-home-darkstrip__inner {
    background:
        radial-gradient(circle at top left, rgba(176, 204, 48, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(14, 18, 14, 0.98) 0%, rgba(27, 31, 25, 0.98) 100%);
    border-radius: 34px;
    padding: 44px 48px 32px;
    box-shadow: 0 28px 68px rgba(13, 16, 13, 0.22);
}

.yuva-home-darkstrip__inner,
.yuva-home-darkstrip__stats {
    position: relative;
    overflow: hidden;
}

.yuva-home-darkstrip__inner::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.05), transparent 24%),
        linear-gradient(300deg, rgba(255, 255, 255, 0.03), transparent 32%);
    pointer-events: none;
}

.yuva-home-darkstrip__inner > * {
    position: relative;
    z-index: 1;
}

.yuva-home-darkstrip__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) auto;
    gap: 28px;
    align-items: center;
}

.yuva-home-darkstrip__copy h2 {
    margin: 8px 0 14px;
    font-family: "Oswald", sans-serif;
    font-size: clamp(34px, 5vw, 70px);
    line-height: 0.96;
    text-transform: uppercase;
    color: #fff;
    max-width: 820px;
}

.yuva-home-darkstrip__copy p {
    margin: 0;
    max-width: 720px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 1.8;
}

.yuva-home-darkstrip__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.yuva-home-darkstrip__link {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    color: #dfc27a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(223, 194, 122, 0.45);
    padding-bottom: 4px;
}

.yuva-home-darkstrip__link:hover,
.yuva-home-darkstrip__link:focus {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.75);
}

.yuva-home-darkstrip__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.yuva-home-darkstrip__stat {
    padding-right: 22px;
}

.yuva-home-darkstrip__stat + .yuva-home-darkstrip__stat {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 22px;
}

.yuva-home-darkstrip__stat span {
    display: block;
    margin-bottom: 10px;
    color: #b0cc30;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.yuva-home-darkstrip__stat p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.7;
}

.yuva-contact-card,
.yuva-contact-form {
    box-shadow: none;
}

.yuva-products-intro {
    padding: 84px 0 24px;
}

.yuva-products-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.yuva-products-nav a {
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid rgba(31, 36, 31, 0.12);
    color: #1f241f;
    background: rgba(255, 255, 255, 0.66);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yuva-products-nav a:hover {
    background: #1f241f;
    color: #fff;
    border-color: #1f241f;
}

.yuva-products-category {
    padding: 54px 0 20px;
}

.yuva-products-category__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(31, 36, 31, 0.08);
}

.yuva-products-category__header h2 {
    margin: 8px 0 10px;
    font-family: "Oswald", sans-serif;
    font-size: clamp(32px, 5vw, 58px);
    line-height: 0.96;
    text-transform: uppercase;
    color: #1f241f;
}

.yuva-products-category__header p {
    color: #5d675d;
    max-width: 620px;
    line-height: 1.8;
    margin: 0;
}

.yuva-products-category__image {
    border-radius: 24px;
    background-size: cover;
    background-position: center;
    min-height: 180px;
    box-shadow: 0 18px 40px rgba(31, 36, 31, 0.08);
}

.yuva-products-cta {
    padding: 24px 0 92px;
}

.yuva-products-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-top: 1px solid rgba(31, 36, 31, 0.08);
    border-bottom: 1px solid rgba(31, 36, 31, 0.08);
    padding: 28px 0;
}

.yuva-products-cta__inner h2 {
    margin: 8px 0 0;
    font-family: "Oswald", sans-serif;
    font-size: clamp(28px, 4vw, 52px);
    line-height: 0.98;
    text-transform: uppercase;
    color: #1f241f;
    max-width: 760px;
}

@media (max-width: 991px) {
    .yuva-stat-strip__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yuva-cta-banner__content {
        flex-direction: column;
        align-items: flex-start;
    }

    .yuva-products-category__header,
    .yuva-products-cta__inner {
        grid-template-columns: 1fr;
        display: grid;
    }

    .yuva-products-category__image {
        min-height: 220px;
    }
}

@media (max-width: 767px) {
    .yuva-home-slide {
        min-height: 82vh;
    }

    .yuva-home-slide__content {
        padding: 24px 0;
    }

    .yuva-home-slide__content p {
        font-size: 15px;
    }

    .yuva-home-slider .owl-nav {
        display: none;
    }

    .yuva-stat-strip__grid {
        grid-template-columns: 1fr;
    }

    .yuva-home-section {
        padding: 72px 0;
    }

    .yuva-cta-banner {
        padding: 16px 0 72px;
    }

    .yuva-cta-banner__inner {
        padding: 34px 0;
    }

    .yuva-home-vision {
        padding-bottom: 72px;
    }

    .yuva-home-vision__grid {
        grid-template-columns: 1fr;
    }

    .yuva-home-vision__item + .yuva-home-vision__item {
        border-left: 0;
        border-top: 1px solid rgba(31, 36, 31, 0.1);
    }

    .yuva-home-vision__bar {
        gap: 14px 18px;
        justify-content: flex-start;
    }

    .yuva-home-darkstrip {
        padding-bottom: 72px;
    }

    .yuva-home-darkstrip__inner {
        grid-template-columns: 1fr;
        padding: 34px 24px 26px;
        border-radius: 28px;
    }

    .yuva-home-darkstrip__actions {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px 18px;
    }

    .yuva-home-darkstrip__stats {
        grid-template-columns: 1fr;
    }

    .yuva-home-darkstrip__stat + .yuva-home-darkstrip__stat {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-left: 0;
        margin-top: 16px;
        padding-top: 16px;
    }

    .yuva-products-intro {
        padding-top: 68px;
    }

    .yuva-products-category {
        padding-top: 40px;
    }

    .yuva-products-cta {
        padding-bottom: 72px;
    }
}

img {
    max-width: 100%;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

input,
textarea {
    outline: none;
}

p {
    font-family: 'Raleway', sans-serif;
}

.animate-3 {
    transition: all 0.3s ease;
}

.animate-5 {
    transition: all 0.5s ease;
}

.animate-7 {
    transition: all 0.7s ease;
}

.animate-3-all * {
    transition: all 0.3s ease;
}

.animate-5-all * {
    transition: all 0.5s ease;
}

.animate-7-all * {
    transition: all 0.7s ease;
}

@media (min-width: 1200px) {
    .container {
        padding: 0;
    }
}

.white-bg {
    background: #ffffff !important;
}

.color-black {
    color: #272727 !important;
}

.color-gray {
    color: #9e9e9e !important;
}

.color-white {
    color: #ffffff !important;
}

.color-green {
    color: #a6c311 !important;
}

.font-oregano {
    font-family: 'Oregano', sans-serif !important;
}

.pl-30 {
    padding-left: 30px;
}

.pt30 {
    padding-top: 30px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.thm-btn {
    border: none;
    outline: none;
    background: #a6c311;
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    transition: all .5s ease !important;
    position: relative;
    padding: 0 40px;
}

.thm-btn:hover {
    background: #2b2c2d;
    color: #ffffff;
}

.thm-btn i {
    font-size: 14px;
    color: #ffffff;
}

.thm-btn.thm-black {
    background: #0c0c0c;
}

.thm-btn.thm-black:hover {
    background: #a6c311;
    color: #ffffff;
    border-color: #0c0c0c;
}

.thm-btn.borderd {
    border: 2px solid #ffffff;
    line-height: 46px;
    padding: 0 27px;
    background-color: transparent;
    color: #ffffff;
}

.thm-btn.borderd:not(.borderd) {
    padding: 0 25px;
}

.thm-btn.borderd:hover {
    background: #2b2c2d;
    border-color: #2b2c2d;
}

.section-padding {
    padding: 80px 0;
}

.section-padding.page-title {
    padding-bottom: 30px;
}

.section-title {
    padding-bottom: 60px;
}

.section-title a {
    color: #a6c311;
    background: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 2px;
    font-weight: 600;
}

.section-title h1 {
    color: #272727;
    font-size: 30px;
    margin-bottom: -6px;
    margin-top: -6px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    background: rgba(0, 0, 0, 0) url("../img/resources/section-title/bg.png") repeat-x left center;
}

.section-title h1 span {
    background: #ffffff;
    padding-right: 30px;
}

.section-title.text-center h1 span {
    padding-left: 30px;
    padding-right: 30px;
}

.accrodion h4,
.accrodion p {
    margin: 0;
    padding: 0;
}

.accrodion.active .accrodion-title {
    border-bottom: 0 !important;
}

.accrodion.active .accrodion-title h4:before {
    content: '\f068 ';
    background: #a6c311;
    border-color: #a6c311;
    color: #ffffff;
}

.accrodion:last-child .accrodion-title {
    border-bottom: 1px solid #f7f7f7;
}

.accrodion .accrodion-title {
    cursor: pointer;
    position: relative;
    border-top: 1px solid #f7f7f7;
    padding-top: 15px;
    padding-bottom: 15px;
}

.accrodion .accrodion-title h4 {
    font-size: 18px;
    font-weight: 600;
    color: #272727;
}

.accrodion .accrodion-title h4:before {
    content: '\f067 ';
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border: 2px solid #dedede;
    color: #dedede;
    display: inline-block;
    text-align: center;
    transition: all 0.5s ease;
    margin-right: 15px;
    border-radius: 50%;
}

.accrodion .accrodion-content {
    padding-left: 50px;
    padding-bottom: 25px;
}

.accrodion .accrodion-content p {
    margin: 0;
    margin-top: -10px;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 26px;
    font-family: 'Raleway';
}

.accrodion .accrodion-content .text-box {
    padding-left: 25px;
}

.page-navigation {
    margin-top: 50px;
}

.page-navigation li {
    display: inline;
}

.page-navigation li a,
.page-navigation li span {
    width: 46px;
    height: 46px;
    line-height: 44px;
    background: #ffffff;
    color: #cdcdcd;
    font-size: 20px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    margin-right: 5px;
    text-align: center;
    transition: all .3s ease;
}

.page-navigation li a i,
.page-navigation li span i {
    font-size: 16px;
    color: #cdcdcd;
}

.page-navigation li span,
.page-navigation li a:hover {
    background: #ff8c04;
    color: #ffffff;
    border-color: #ff8c04;
}

.home-google-map .google-map {
    width: 100%;
    height: 625px;
}

.mixit-gallery .mix {
    display: none;
}

ul.gallery-filter li:hover span,
ul.gallery-filter li.active span {
    background: #a6c311;
    color: #ffffff;
    border-color: #a6c311;
}

ul.gallery-filter li span {
    display: block;
    font-size: 16px;
    color: #9e9e9e;
    font-weight: bold;
    border: 1px solid #f7f7f7;
    line-height: 48px;
    padding-left: 19px;
    padding-right: 19px;
    transition: all 0.5s ease;
    cursor: pointer;
    background: url(../img/single-project-item/bg.png) repeat top left;
}

ul.post-pagination li:hover a,
ul.post-pagination li.active a {
    background: #a6c311;
    border-color: #a6c311;
    color: #ffffff;
}

ul.post-pagination li a {
    display: block;
    font-size: 18px;
    color: #a6c311;
    font-weight: bold;
    border: 1px solid #f4f4f4;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.5s ease;
    cursor: pointer;
    background: url(../img/resources/texture/strip.png) repeat;
}

.pattern-2 {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.pattern-2 * {
    position: relative;
}

.pattern-2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #131313;
    display: block;
    opacity: .95;
}

.pattern-2 .section-title span {
    background: #131313;
}

.pattern-3 {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.pattern-3 * {
    position: relative;
}

.pattern-3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a6c311;
    display: block;
    opacity: .95;
}

.pattern-3 .section-title span {
    background: #a6c311;
}

.pattern-4 {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.pattern-4 * {
    position: relative;
}

.pattern-4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f7f7;
    display: block;
    opacity: .95;
}

.pattern-4 .section-title span {
    background: #f7f7f7;
}

.pattern-5 {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.pattern-5 * {
    position: relative;
}

.pattern-5:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7561cd;
    display: block;
    opacity: .95;
}

.pattern-5 .section-title span {
    background: #7561cd;
}

.pattern-6 {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.pattern-6 * {
    position: relative;
}

.pattern-6:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c3b11b;
    display: block;
    opacity: .95;
}

.pattern-6 .section-title span {
    background: #c3b11b;
}

.flip-flop-btn span:not(.indicator) {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
}

.flip-flop-btn span:not(.indicator)::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    border-radius: 0px;
    background-size: 100%;
    cursor: pointer;
}

.flip-flop-btn:hover span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

.arrow-push-in-left span {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-out !important;
    will-change: transform;
}

.arrow-push-in-left:hover span {
    transform: translate3d(7px, 0, 0);
}

.arrow-push-in-left i {
    position: absolute !important;
    left: 0px;
    opacity: 0;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out !important;
    will-change: right, opacity;
}

.arrow-push-in-left:hover i {
    opacity: 1;
    left: -14px;
}

.arrow-push-in-right span {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-out !important;
    will-change: transform;
}

.arrow-push-in-right:hover span {
    transform: translate3d(-7.5px, 0, 0);
}

.arrow-push-in-right i {
    position: absolute !important;
    right: 0px;
    opacity: 0;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out !important;
    will-change: right, opacity;
}

.arrow-push-in-right:hover i {
    opacity: 1;
    right: -15px;
}

.arrow-push-out-left span {
    display: inline-block;
    position: relative;
    transform: translate3d(7.5px, 0, 0);
    transition: all 0.3s ease-out !important;
    will-change: transform;
}

.arrow-push-out-left:hover span {
    transform: translate3d(0px, 0, 0);
}

.arrow-push-out-left i {
    position: absolute !important;
    left: -15px;
    opacity: 1;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out !important;
    will-change: right, opacity;
}

.arrow-push-out-left:hover i {
    opacity: 0;
    left: 15px;
}

.arrow-push-out-right span {
    display: inline-block;
    position: relative;
    transform: translate3d(-7.5px, 0, 0);
    transition: all 0.3s ease-out !important;
    will-change: transform;
}

.arrow-push-out-right:hover span {
    transform: translate3d(0px, 0, 0);
}

.arrow-push-out-right i {
    position: absolute !important;
    right: -15px;
    opacity: 1;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%);
    transition: all 0.3s ease-out !important;
    will-change: right, opacity;
}

.arrow-push-out-right:hover i {
    opacity: 0;
    right: 15px;
}

.pgrs-bar {
    text-align: center;
    position: relative;
    height: 200px;
    overflow: hidden;
}

.pgrs-bar .counter-box {
    font-size: 30px;
    color: #272727;
    font-family: 'Roboto';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -20px;
    margin-left: 0px;
}

.pgrs-bar canvas {
    width: 100%;
}

.pgrs-bar-title {
    margin: 0;
    text-align: center;
    color: #272727;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

/* ==============================
   3. Header styles
   ============================== */

.header {
    background: rgba(0, 0, 0, 0.85);
    /*position: fixed;
    width: 100%;
    z-index: 9999;*/
}

.header .logo {
    padding: 59px 0;
}

.header .header-top {
    transition: all .5s ease;
    margin-top: 0px;
    overflow: hidden;
}

.header .header-top .top-info {
    position: relative;
    padding: 9px 0;
}

.header .header-top .top-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20000px;
    height: 100%;
    background: #a6c311;
    border-bottom-left-radius: 5px;
    transform: skewX(45deg);
}

.header .header-top .contact-info {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    padding: 5px 0;
}

.header .header-top .contact-info li {
    display: inline-block;
    list-style: none;
}

.header .header-top .contact-info li span {
    display: block;
    color: #f7f7f7;
    font-size: 16px;
    text-transform: capitalize;
    margin-left: 37px;
    font-weight: 300;
}

.header .header-top .contact-info li span i {
    margin-right: 5px;
    font-size: 24px;
    vertical-align: top;
    display: inline-block;
}

.header .header-top .social {
    margin: 0;
    padding: 0;
    position: relative;
}

.header .header-top .social li {
    display: inline-block;
    list-style: none;
}

.header .header-top .social li a {
    display: block;
    font-size: 18px;
    color: #f7f7f7;
    background: #9bb60e;
    text-align: center;
    line-height: 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-left: 5px;
}

.header .header-top .social li a i.fa-google-plus {
    font-size: 17px;
}

.header .menuzord-menu>li>a .ftc-icon-shopping-bag2 {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    margin: 0;
}

.header .menuzord-menu>li.search-button>a .fa {
    font-size: 14px;
    color: #ffffff;
    width: 38px;
    height: 38px;
    border: 2px solid #ffffff;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    margin: 0;
}

.header .menuzord-menu>li.search-button a {
    padding-right: 0;
    position: relative;
    z-index: 99999;
}

.header .menuzord-menu>li.shopping-cart a {
    position: relative;
    z-index: 999;
}

.header .menuzord-menu>li.shopping-cart a span.cart-item {
    background: #a6c311;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    position: absolute;
    top: 25px;
    right: 5px;
    border-radius: 50%;
}

.header .menuzord .megamenu {
    padding: 0;
    border-top: 4px solid #a6c311;
    padding-left: 30px;
}

.header .menuzord .megamenu h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    color: #272727;
    font-family: 'Roboto';
    margin-top: 28px;
    margin-bottom: 12px;
}

.header .menuzord .megamenu ul,
.header .menuzord .megamenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header .menuzord .megamenu ul li {
    margin-left: -16px;
}

.header .menuzord .megamenu ul li a {
    font-size: 14px;
    color: #9e9e9e;
    font-weight: 300;
    line-height: 24px;
    font-family: 'Roboto';
    display: block;
    background-color: transparent;
    padding: 7px 16px;
    padding-right: 0;
    transition: all .3s ease;
}

.header .menuzord .megamenu ul li a span {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}

.header .menuzord .megamenu ul li:hover>a {
    color: #a6c311;
    background-color: #f7f7f7;
}

.header .menuzord .megamenu .offer-home {
    margin-left: 1px;
}

.header .menuzord .megamenu.gallery {
    padding-right: 30px;
    padding-bottom: 30px;
}

.header .menuzord .megamenu.shopping-cart-box {
    width: 32%;
    left: auto;
}

/* 3/4 width */

.menuzord-menu>li>.megamenu.megamenu-width-75-p {
    width: 75%;
    left: auto;
}

.header .menuzord .megamenu .offer-going-package-menu {
    margin-top: 20px;
}

.header .menuzord .megamenu .offer-going-package-menu .carousel-indicators {
    bottom: auto;
    top: -41px;
    text-align: right;
    display: inline-block;
    width: 100%;
    margin: 0;
    left: auto;
    width: auto;
    float: right;
    right: 0;
}

.header .menuzord .megamenu .offer-going-package-menu .carousel-indicators li {
    width: 10px;
    height: 10px;
    background: #f7f7f7;
    border: 1px solid #DDE4E5;
    border-radius: 50%;
    margin: 0 2.5px;
}

.header .menuzord .megamenu .offer-going-package-menu .carousel-indicators li.active {
    background: #a6c311;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box {
    display: block;
    position: relative;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box img {
    width: 100%;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay {
    display: table;
    width: 100%;
    height: 100%;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay .content {
    display: table-cell;
    vertical-align: top;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay .content h4 {
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    font-weight: 900;
    font-style: italic;
    background: #a6c311;
    line-height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
    margin: 0;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box {
    margin-top: 13px;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .icon-box,
.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box {
    display: table-cell;
    vertical-align: middle;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .icon-box .box {
    background: #a6c311;
    width: 46px;
    height: 46px;
    text-align: center;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .icon-box .box i {
    font-size: 28px;
    line-height: 46px;
    color: #ffffff;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box {
    padding-left: 15px;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 {
    font-size: 18px;
    color: #272727;
    font-weight: bold;
    margin: 0;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 span {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: bold;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 span b {
    font-weight: bold;
    color: #a6c311;
    font-size: 18px;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li {
    display: inline-block;
    margin: 0;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li a {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 12px;
    color: #9e9e9e;
    font-style: italic;
    font-weight: normal;
    background: none !important;
    margin-right: 5px;
}

.header .menuzord .megamenu .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li a:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #a6c311;
    border-radius: 50%;
    margin-right: 5px;
}

@media (min-width: 1025px) {
    .header .menuzord {
        padding: 0;
        background-color: transparent;
    }
    .menuzord-brand {
        margin: 0;
        tranform: scale(1);
        line-height: 53px;
        transition: all .5s ease !important;
    }
    .header .menuzord-menu {
        float: right;
    }
    .header .menuzord-menu>li>a {
        position: relative;
    }
    .header .menuzord-menu>li>a:before {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0%;
        height: 4px;
        background: #a6c311;
        transition: all .5s ease;
    }
    .header .menuzord-menu>li:hover>a:before {
        width: 100%;
    }
    .header .menuzord-menu>li.shopping-cart>a:before,
    .header .menuzord-menu>li.search-button>a:before {
        display: none !important;
    }
    .header .menuzord-menu>li:hover>a.flip-flop-btn>span {
        -webkit-transform: rotateX(90deg) translateY(-22px);
        -moz-transform: rotateX(90deg) translateY(-22px);
        transform: rotateX(90deg) translateY(-22px);
    }
    .header .menuzord-menu>li>a {
        font-size: 14px;
        font-family: 'Roboto';
        font-weight: 900;
        text-transform: uppercase;
        color: #ffffff;
        line-height: 42px;
        padding: 36px 19.5px;
        transition: all .5s ease;
    }
    .header.header-v4 .menuzord-menu>li:hover>a {
        color: #272727;
    }
    .header .menuzord-menu>li:hover>a {
        color: #a6c311;
    }
    .header .menuzord-menu>li>a .indicator {
        display: none;
    }
    .header .menuzord-menu ul.dropdown li a {
        font-size: 14px;
        color: #9e9e9e;
        font-weight: 300;
        font-family: 'Roboto';
    }
    .header .menuzord-menu ul.dropdown,
    .header .menuzord-menu ul.dropdown li ul.dropdown {
        min-width: 270px;
        border-top: 4px solid #a6c311;
        padding: 10px;
    }
    .header .menuzord-menu ul.dropdown li:hover>a {
        background: #f7f7f7;
        color: #a6c311;
    }
}

.header .search-box {
    background: #000000;
    height: 118px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.header .search-box .container {
    height: 100%;
}

.header .search-box .container form {
    height: 100%;
}

.header .search-box input {
    width: 100%;
    line-height: 118px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 300;
    background-color: transparent;
    height: 100%;
    border: none;
    outline: none;
}

.header .search-box input::-webkit-input-placeholder {
    color: #ffffff;
}

.header .search-box input:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}

.header .search-box input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}

.header .search-box input:-ms-input-placeholder {
    color: #ffffff;
}

.header .menuzord .megamenu .header-cart-box ul,
.header .menuzord .megamenu .header-cart-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header .menuzord .megamenu .header-cart-box li {
    position: relative;
    padding-top: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #F3F3F3;
}

.header .menuzord .megamenu .header-cart-box li .img-box,
.header .menuzord .megamenu .header-cart-box li .text-box {
    display: table-cell;
    vertical-align: middle;
}

.header .menuzord .megamenu .header-cart-box li .img-box {
    width: 80px;
}

.header .menuzord .megamenu .header-cart-box li .text-box {
    padding-left: 20px;
}

.header .menuzord .megamenu .header-cart-box li .text-box a {
    padding: 0;
}

.header .menuzord .megamenu .header-cart-box li .text-box h3 {
    margin: 0;
    color: #272727;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 5px;
}

.header .menuzord .megamenu .header-cart-box li .text-box span {
    font-size: 18px;
    color: #a6c311;
    letter-spacing: .04em;
}

.header .menuzord .megamenu .header-cart-box li .text-box .review-box .fa {
    color: #a6c311;
    font-size: 14px;
    font-family: 'FontAwesome';
}

.header .menuzord .megamenu .header-cart-box li .text-box a.remove-box {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 23px;
}

.header .menuzord .megamenu .header-cart-box li .text-box a.remove-box .fa {
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #aaaaaa;
}

.header .menuzord .megamenu .header-cart-box li .total-text span {
    font-size: 18px;
    color: #a6c311;
    font-weight: bold;
    line-height: 50px;
}

.header .menuzord .megamenu .header-cart-box li .checkout-btn {
    padding-right: 23px;
}

.header .menuzord .megamenu .header-cart-box li .checkout-btn a {
    background: #a6c311;
    padding: 0;
    line-height: 50px;
    padding: 0 20px;
}

.header .menuzord .megamenu .header-cart-box li .checkout-btn a span {
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

.header .menuzord .megamenu .header-cart-box li .checkout-btn a:hover .fa {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
}

.header .menuzord .megamenu .header-cart-box li .checkout-btn a .fa {
    font-size: 14px;
    color: #ffffff;
    font-family: 'FontAwesome';
    margin-left: 8px;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: all .4s ease;
}

.header .menuzord .megamenu .header-cart-box .cart-bottom {
    padding-bottom: 13px;
}

.header-v2 {
    background: #ffffff;
    position: relative;
}

.header-v2 .header-top {
    overflow: hidden;
}

@media (min-width: 1025px) {
    .header-v2.header .menuzord-menu>li>a {
        color: #272727;
    }
    .header-v2.header .menuzord-menu>li:hover>a {
        color: #a6c311;
    }
}

.header-v2.header .menuzord-menu>li.search-button>a .fa {
    color: #272727;
    border-color: #272727;
    transition: all .3s ease;
}

.header-v2.header .menuzord-menu>li.search-button>a .fa-times {
    color: #ffffff;
    border-color: #ffffff;
}

.header-v2.header .menuzord-menu>li.shopping-cart a {
    z-index: 0;
}

@media (min-width: 1025px) {
    .header.home-3 {
        background: transparent;
    }
    .header.home-3 .container {
        background: #141516;
    }
    .header.home-3 .container .menuzord-brand {
        display: none;
    }
    .header.home-3 .container .menuzord-menu {
        float: none;
        text-align: center;
    }
    .header.home-3 .container .menuzord-menu li {
        text-align: left;
    }
    .header.home-3 .container .menuzord-menu>li>a {
        padding: 13px 20px;
    }
    .header.home-3 .menuzord-menu>li.shopping-cart a span.cart-item {
        top: 8px;
        right: 8px;
    }
    .header.home-3 .menuzord-menu>li {
        float: none;
        vertical-align: top;
    }
}

.header.home-3 .container {
    position: relative;
    margin-bottom: -55px;
    z-index: 9999;
}

.header.home-3 .search-box {
    height: 70px;
    padding-left: 30px;
    font-size: 30px;
}

.header.home-3 .search-box form {
    height: 100%;
}

.header.home-3 .search-box input {
    font-size: 30px;
    height: 100%;
    line-height: 70px;
}

/*.header.home-3.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
*/

.header.home-3.stricky-fixed .container {
    margin-top: 0;
    top: 0;
}

.header.home-3 .has-angle {
    position: relative;
}

.header.home-3 .has-angle:before,
.header.home-3 .has-angle:after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 17px;
    width: 0;
    height: 0;
}

.header.home-3 .has-angle:before {
    left: -55px;
    transform: rotate(0deg);
    border-top: 55px solid #a6c311;
    border-bottom: 55px solid transparent;
    border-left: 55px solid transparent;
}

.header.home-3 .has-angle:after {
    right: -55px;
    transform: rotate(-180deg);
    border-top: 55px solid transparent;
    border-bottom: 55px solid #a6c311;
    border-left: 55px solid transparent;
}

/* home three topbar area styles */

.top-bar-area.home-3 {
    background: #a6c311 none repeat scroll 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-bar-area.home-3 {
    background: #a6c311;
    padding: 8px 0;
}

.top-bar-area.home-3 .contact-info {
    margin: 0;
    padding: 0;
}

.top-bar-area.home-3 .contact-info li {
    list-style: none;
}

.top-bar-area.home-3 .contact-info li span i {
    font-size: 19px;
    top: 1px;
    position: relative;
}

.top-bar-area.home-3 .contact-info li span i.ftc-icon-phone-contact {
    top: 3px;
}

.top-bar-area .contact-info li {
    float: left;
    padding-right: 40px;
}

.top-bar-area.home-3 .contact-info li span {
    color: #f7f7f7;
    font-size: 16px;
    line-height: 34px;
}

.top-bar-area.home-3 .contact-info li span i {
    display: inline-block;
    padding-right: 5px;
}

.top-bar-area.home-3 .social {
    text-align: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-bar-area.home-3 .social li {
    display: inline-block;
    list-style: none;
}

.top-bar-area.home-3 .social li a i {
    background: #9bb60e none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin-left: 6px;
    padding: 0 10px;
    width: 38px;
}

.top-bar-area.home-3 .social li a i.myfbpd {
    padding: 0 14px;
}

.logo-area-h3 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.header-v4 {
    background: rgba(255, 255, 255, 0.2);
}

.header-v4.stricky-fixed {
    background: #000000;
}

.header.header-v5 {
    background: #0E0E0E;
}

.header.header-v5 .menuzord-brand {
    line-height: 111px;
}

.stricky {
    /*position: fixed;*/
    /*top: 0;
    left: 0;
    width: 100%;
    z-index: 99;*/
    box-shadow: 0 1px 9px rgba(0, 0, 0, .1);
    transition: all .5s ease;
}

/*.stricky + section {
    margin-top: 174px;
}

.stricky.header-v2 + .inner-banner {
    margin-top: 174px;
}

.stricky.header-v1 + section,
.stricky.header-v4 + section,
.stricky.home-3 + section {
    margin-top: 0px;
}

.stricky.header-v5 + section {
    margin-top: 118px;
}*/

.stricky-fixed.header .header-top {
    /*visibility: hidden;
    opacity: 0;*/
    /*margin-top: -56px;*/
}

.stricky-fixed.header .search-box {
    height: 80px;
}

@media (min-width: 1025px) {
    .stricky-fixed.header.header-v1,
    .stricky-fixed.header.header-v4 {
        background: #000;
    }
    .stricky-fixed.header.header-v4 .menuzord-menu>li:hover>a {
        color: #a6c311;
    }
    .stricky-fixed.header .menuzord-menu>li>a {
        padding: 17px 19px;
    }
    .stricky-fixed.header .menuzord-brand {
        line-height: 63px;
        transform: scale(0.9);
    }
    /*.stricky-fixed.header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }*/
    .stricky-fixed.header.static {
        opacity: 0;
    }
    .stricky-fixed.header.header-v1 .menuzord-menu>li.shopping-cart a span.cart-item,
    .stricky-fixed.header.header-v2 .menuzord-menu>li.shopping-cart a span.cart-item,
    .stricky-fixed.header.header-v4 .menuzord-menu>li.shopping-cart a span.cart-item,
    .stricky-fixed.header.header-v5 .menuzord-menu>li.shopping-cart a span.cart-item {
        top: 15px;
        right: 7px;
    }
}

.menuzord {
    background-color: transparent;
}

.menuzord-responsive .menuzord-menu li .indicator {
    padding: 10px 0;
}

.menuzord-responsive .menuzord-menu li .indicator em {
    background: #fff none repeat scroll 0 0;
    float: right;
    height: 3px;
    margin: 3.5px 20px 0;
    width: 20px;
}

@media (min-width: 1025px) {
    .menuzord-menu>li>a span.text {
        display: none;
    }
}

.header.has-over-section {
    position: relative;
    z-index: 9999999;
}

@media(min-width: 1024px) {
    .header.has-over-section+section,
    .header.has-over-section+div {
        margin-top: -175px;
    }
}

.header.stricky-fixed .header-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
}

.header.stricky-fixed.dark-header .header-menu-wrapper {
    background: rgba(0, 0, 0, 0.85);
}

.header.stricky-fixed.light-header .header-menu-wrapper {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 9px rgba(0, 0, 0, .1);
}

/* ==============================
   4. Slider styles
   ============================== */

.rev_slider_wrapper .banner-caption-h1 {
    font-size: 64px;
    line-height: 64px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.rev_slider_wrapper .banner-caption-bg {
    padding: 0 20px;
    position: relative;
    font-family: 'Roboto';
}

.rev_slider_wrapper .banner-caption-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a6c311 url(../img/resources/texture/dots.png) repeat center center;
    content: '';
    transform: skewx(-10deg);
}

.rev_slider_wrapper .banner-caption-bg span {
    position: relative;
}

.rev_slider_wrapper .banner-caption-bg span img {
    position: relative;
    bottom: 7px;
}

.rev_slider_wrapper .banner-caption-h1-large {
    color: #ffffff;
    font-size: 80px;
    font-style: italic;
    line-height: 109px;
    font-weight: 800;
    text-transform: uppercase;
}

.rev_slider_wrapper .slider-3 .banner-caption-h1.banner-caption-bg {
    font-size: 64px;
    line-height: 64px;
    padding: 5px 20px;
}

.rev_slider_wrapper .feature-list-item .icon-box,
.rev_slider_wrapper .feature-list-item .text-box {
    display: table-cell;
    vertical-align: middle;
}

.rev_slider_wrapper .feature-list-item .icon-box .box {
    color: #ffffff;
    background: #a6c311;
    font-size: 18px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    position: relative;
}

.rev_slider_wrapper .feature-list-item .icon-box .box:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px dashed #ffffff;
    border-radius: 50%;
}

.rev_slider_wrapper .feature-list-item .text-box {
    padding-left: 10px;
}

.rev_slider_wrapper .feature-list-item .text-box p {
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin: 0;
    font-weight: bold;
}

.rev_slider_wrapper .banner-caption-h1.medium {
    font-size: 60px;
}

.rev_slider_wrapper .banner-caption-p {
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 300;
    color: #ffffff;
}

.rev_slider_wrapper .banner-caption-p.large {
    font-size: 24px;
}

.rev_slider_wrapper .price-p {
    color: #ffffff;
    font-size: 36px;
    font-weight: 300;
    font-family: 'Roboto';
    display: inline-block;
    line-height: 50px;
    margin: 0;
    vertical-align: bottom;
}

.rev_slider_wrapper .price-p span {
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
}

.rev_slider_wrapper #slider2 .banner-caption-h1 {
    font-size: 64px;
}

.rev_slider_wrapper #slider2 .banner-caption-bg:before {
    display: none;
}

.rev_slider_wrapper #slider2 .banner-caption-bg span {
    padding: 0 10px;
}

.rev_slider_wrapper #slider2 .banner-caption-bg span:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a6c311 url(../img/resources/texture/dots.png) repeat center center;
    content: '';
    transform: skewx(-10deg);
    z-index: -1;
}

.rev_slider_wrapper.slider-5 #slider2 .banner-caption-h1 {
    font-size: 80px;
    line-height: 100px;
    padding: 0 5px;
}

.rev_slider_wrapper.slider-5 #slider2 .font-oregano {
    font-size: 24px;
}

.rev_slider_wrapper.slider-5 #slider2 .banner-caption-p.large {
    font-size: 48px;
    font-weight: 300 !important;
    line-height: 50px;
}

.rev_slider_wrapper.slider-5 #slider2 .offer-box {
    font-size: 48px;
    position: relative;
    line-height: 60px;
    padding: 0 10px;
    vertical-align: middle;
    top: -8px;
}

.rev_slider_wrapper.slider-5 #slider2 .offer-box:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/resources/texture/dots.png) repeat center center;
    background-color: #a6c311;
    content: '';
    transform: skewx(-10deg);
}

.rev_slider_wrapper.slider-5 #slider2 .offer-box span.inner {
    position: relative;
    z-index: 9;
    vertical-align: baseline;
}

.rev_slider_wrapper .tparrows {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.8);
    display: block;
    font-size: 23px;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 0;
    line-height: 60px;
    color: #fff;
    transition: all .3s ease;
}

.rev_slider_wrapper .tparrows:before {
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    transition: inherit;
}

.rev_slider_wrapper .tparrows:hover {
    background: #a6c311;
}

/* ==============================
   5. Slider Bottom styles
   ============================== */

.slider-bottom-left {
    padding-right: 0;
    position: relative;
    top: -120px;
}

.slider-bottom-left>img,
.slider-bottom-right>img {
    width: 100%;
}

.slider-bottom-left .fitness-care h1 {
    color: rgba(0, 0, 0, 0.2);
    font-size: 60px;
    font-style: italic;
    font-weight: 700;
    line-height: 82px;
    margin: 0;
    padding-right: 22px;
    text-align: right;
    text-transform: uppercase;
}

.slider-bottom-left .content .img-holder {
    float: left;
    position: relative;
    top: -70px;
}

.slider-bottom-left .content .text {
    overflow: hidden;
    padding-bottom: 25px;
    padding-top: 4px;
}

.slider-bottom-left a {
    position: absolute;
    display: inline-block;
    right: 50px;
    top: 50%;
}

.slider-bottom-left a span {
    color: #ef9b24;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.slider-bottom-left .content .text ul {
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 0;
    padding-right: 20px;
}

.slider-bottom-left .content .text ul li {
    color: #272727;
    font-size: 15px;
    font-style: italic;
    list-style: none;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
}

.slider-bottom-left .content .text ul li i {
    padding-right: 10px;
}

.slider-bottom-left .offer {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 40px;
    padding-bottom: 20px;
}

.slider-bottom-left .offer h2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a6c311 url(../img/resources/texture/dots.png) repeat center center;
    content: '';
    display: block;
    transform: skewx(-10deg);
}

.slider-bottom-left .offer h2 {
    color: #ffffff;
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    padding: 20px 0;
    padding-left: 35px;
    padding-right: 35px;
}

.slider-bottom-left .offer h2 img {
    float: left;
    position: relative;
    z-index: 3;
}

.slider-bottom-left .offer h2 span {
    float: right;
    position: relative;
    z-index: 3;
    margin-left: 14px;
}

.slider-bottom-right {
    padding-left: 0;
    position: relative;
    top: -136px;
}

.slider-bottom-right .working-hour {
    position: relative;
}

.slider-bottom-right .working-hour h1 {
    color: #a6c311;
    font-size: 60px;
    font-style: italic;
    font-weight: 700;
    line-height: 82px;
    margin: 0;
    padding-right: 40px;
    text-align: right;
    text-transform: uppercase;
}

.slider-bottom-right .working-hour .img-holder {
    position: absolute;
    right: 10px;
    top: -17px;
}

.slider-bottom-right .content {
    overflow: hidden;
}

.slider-bottom-right .content .text {
    float: left;
}

.slider-bottom-right .content .text ul {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    padding-left: 80px;
    padding-top: 2px;
}

.slider-bottom-right .content .text ul li {
    color: #f7f7f7;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    list-style: none;
    font-family: 'Roboto', sans-serif;
}

.slider-bottom-right .content .text ul li p {
    margin: 0;
    float: left;
    width: 120px;
}

.slider-bottom-right .content .text h3 {
    margin: 0;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding-left: 28px;
}

.slider-bottom-right .content .text h2 {
    color: #a6c311;
    float: left;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    margin: 23px 0 0;
    padding-left: 28px;
    padding-right: 30px;
    text-transform: uppercase;
}

.slider-bottom-right a {
    position: absolute;
    bottom: 24px;
    right: 207px;
    background: #a6c311;
    padding: 7px 32px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding: 0px 32px;
    line-height: 40px;
    text-transform: uppercase;
    transition: background .3s ease 0s;
}

.slider-bottom-right a:hover {
    background: #000;
}

/* ==============================
   6. Gym Area styles
   ============================== */

.fitness-care-gym-area {
    padding-bottom: 3px;
    padding-top: 0;
    position: relative;
    top: -46px;
}

.fitness-care-gym-area .section-title h1::before {
    top: 18px;
    width: 330px;
}

.fitness-care-gym-area .section-title h1::after {
    top: 18px;
    width: 330px;
}

.fitness-care-gym-area .single-item {
    position: relative;
    margin-bottom: 30px;
}

.fitness-care-gym-area .single-item .left-box {
    border: 2px solid #f7f7f7;
    float: left;
    height: 188px;
    width: 90px;
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.fitness-care-gym-area .single-item .right-box {
    border: 2px solid #f7f7f7;
    height: 188px;
    left: 30px;
    overflow: hidden;
    padding: 25px 15px 10px 50px;
    position: relative;
    width: 450px;
}

.fitness-care-gym-area .single-item .right-box p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 24px;
}

.fitness-care-gym-area .single-item .right-box h3 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 700;
    color: #323232;
    line-height: 30px;
    text-transform: capitalize;
}

.fitness-care-gym-area .single-item .icon-holder {
    background: #f7f7f7 none repeat scroll 0 0;
    float: left;
    height: 120px;
    left: 20px;
    position: absolute;
    top: 35px;
    width: 120px;
    z-index: 1;
    overflow: hidden;
}

.fitness-care-gym-area .single-item .icon-holder::before {
    background: #a6c311;
    content: "";
    position: absolute;
    right: 182px;
    top: -182px;
    width: 100%;
    height: 100%;
    transform: rotate(45deg) scale(3.2);
    transition: all .5s ease;
}

.fitness-care-gym-area .single-item:hover .icon-holder:before {
    right: 0px;
    top: 0px;
}

.fitness-care-gym-area .single-item .icon-holder i {
    color: #a6c311;
    font-size: 60px;
    display: block;
    text-align: center;
    line-height: 120px;
    position: relative;
    z-index: 9;
    transition: all .5s ease;
}

.fitness-care-gym-area .single-item:hover .icon-holder i {
    color: #fff;
}

/* ==============================
   7. Subscription styles
   ============================== */

.subscribe-area {
    position: relative;
}

.subscribe-area:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url(../img/subscribe/bg.png);
    background-position: 75% 0%;
    background-repeat: repeat-x;
}

@media (max-width: 1600px) {
    .subscribe-area:before {
        background-position: 57% 0;
    }
}

.subscribe-area h4.success {
    font-size: 16px;
    color: #a6c311;
}

.subscribe-area .subscribe-form {
    padding-top: 120px;
}

.subscribe-area .subscribe-form h1.title {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-style: normal;
    margin: 0 0 34px;
    text-transform: uppercase;
}

.subscribe-area .subscribe-form form.subscribe input.name {
    border: medium none;
    height: 55px;
    width: 270px;
    background: url(../img/subscribe/name-bg.png);
    margin-right: 27px;
    padding: 0 15px;
    color: #ffffff;
}

.subscribe-area .subscribe-form form.subscribe input.email {
    width: 369px;
    height: 55px;
    border: none;
    color: #9e9e9e;
    padding: 0 15px;
    background: url(../img/subscribe/email-bg.png);
    color: #ffffff;
}

.subscribe-area .subscribe-form form.subscribe button.thm-btn {
    float: right;
    margin-top: 30px;
}

.subscribe-area .subscribe-form h1 {
    color: #ffffff;
    display: inline-block;
    font-family: "Oregano", cursive;
    font-size: 30px;
    font-style: italic;
    margin: 40px 0 0;
}

.subscribe-area .subscribe-form h1 span {
    color: #a6c311;
}

/* ==============================
   8. Support styles
   ============================== */

.support-area {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.support-area * {
    position: relative;
}

.support-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a6c311;
    display: block;
    opacity: .95;
}

.support-area .section-title span {
    background: #a6c311;
}

.support-area.pattern-2 {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.support-area.pattern-2 * {
    position: relative;
}

.support-area.pattern-2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #131313;
    display: block;
    opacity: .95;
}

.support-area.pattern-2 .section-title span {
    background: #131313;
}

.support-area.pattern-2 .single-item:hover .icon-holder i {
    background: #a6c311;
    color: #fff;
}

.support-area .img-holder {
    position: relative;
    top: 40px;
}

.support-area .support-content {
    color: #ffffff;
    font-weight: 600;
    padding-top: 100px;
}

.support-content .single-item {
    padding-bottom: 15px;
}

.support-content .single-item .icon-holder {
    float: left;
    margin-right: 20px;
}

.support-content .single-item .icon-holder i {
    width: 75px;
    height: 75px;
    background: #ffffff;
    color: #a6c311;
    font-size: 25px;
    padding: 24px 26px;
    border-radius: 50%;
    transition: all .4s ease;
}

.support-content .single-item:hover .icon-holder i {
    background: #272727;
    color: #fff;
}

.support-content .single-item .content {
    overflow: hidden;
}

.support-content .single-item .content h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 8px;
}

.support-content .single-item .content p {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Raleway';
    line-height: 24px;
    font-weight: 500;
}

/* ==============================
   9. Workout styles
   ============================== */

.workout-schedules-area {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 100px;
}

.workout-schedules-area .single-item .img-holder {
    position: relative;
    overflow: hidden;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
}

.workout-schedules-area .single-item .img-holder img {
    width: 100%;
}

.workout-schedules-area .single-item .img-holder .overlay {
    background: rgba(166, 195, 17, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

.workout-schedules-area .single-item .img-holder .overlay .icon-holder {
    display: table;
    height: 100%;
    width: 100%;
}

.workout-schedules-area .single-item .img-holder .overlay .icon-holder a {
    display: table-cell;
    vertical-align: middle;
    color: #a6c311;
}

.workout-schedules-area .single-item .img-holder .overlay .icon-holder a i {
    background: #ffffff none repeat scroll 0 0;
    /*border: 6px solid rgba(255, 255, 255, .3);*/
    border-radius: 50%;
    font-size: 18px;
    height: 74px;
    width: 74px;
    line-height: 74px;
    padding: 0px 25px;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, .3);
}

.workout-schedules-area .single-item .img-holder .date {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #a6c311;
    width: 56px;
    height: 56px;
    color: #ffffff;
    text-align: center;
    transition: all .3s ease;
}

.workout-schedules-area .single-item .img-holder .date h4 {
    margin: 0;
    line-height: 24px;
    margin-top: 5px;
}

.workout-schedules-area .single-item {
    border: 1px solid #f7f7f7;
}

.workout-schedules-area .single-item:hover {
    border-color: transparent;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.workout-schedules-area .single-item .content {
    padding: 0 18px;
}

.workout-schedules-area .single-item .content h3 {
    color: #272727;
    margin: 23px 0 3px;
}

.workout-schedules-area .single-item .content h3 span {
    color: #9e9e9e;
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px;
}

.workout-schedules-area .single-item .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.workout-schedules-area .single-item .content ul li {
    float: left;
    margin-right: 15px;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    color: #9e9e9e;
}

.workout-schedules-area .single-item .content ul li i {
    color: #a6c311;
    font-size: 18px;
    margin-right: 5px;
}

.workout-schedules-area .single-item .content .schedules-list h4 {
    color: #272727;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 11px;
}

.workout-schedules-area .single-item .content .schedules-list.bottom h4 {
    margin-top: 16px;
}

.workout-schedules-area .single-item .content .schedules-list ul li {
    font-family: "Raleway", sans-serif;
    font-style: normal;
    margin-right: 0;
    line-height: 30px;
}

.workout-schedules-area .single-item .content .schedules-list ul li i {
    color: #a6c311;
    font-size: 14px;
    margin-right: 10px;
}

.workout-schedules-area .single-item .content a {
    background: #a6c311 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 20px 0;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    transition: background .3s ease;
}

.workout-schedules-area .single-item .content a:hover {
    background: #272727;
}

.workout-schedules-area .single-item:hover .overlay {
    transform: scale(1);
}

.workout-schedules-area .single-item:hover .date {
    opacity: 0;
}

.workout-schedules-area.workout-v1 {
    padding-bottom: 50px;
}

.workout-schedules-area.workout-v1 .single-item {
    margin-bottom: 30px;
}

.workout-schedules-area.workout-v2 {
    padding-bottom: 50px;
}

.workout-schedules-area.workout-v2 .single-item .content .schedules-list ul li i {
    margin-right: 7px;
}

.workout-schedules-area.workout-v2 .single-item {
    margin-bottom: 30px;
}

.single-workout-package-page.health-care-package-area .single-item .content .top .content-heading h3 span {
    font-size: 18px;
    color: #9e9e9e;
    line-height: 30px;
    font-weight: normal;
}

.single-workout-package-page.health-care-package-area .single-item .content .top .content-heading ul li i {
    font-size: 18px;
}

.single-workout-package-page.single-package-page.health-care-package-area .single-item {
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.single-workout-package-page .section-title {
    padding-bottom: 50px;
}

.single-workout-package-page p {
    font-size: 14px;
    color: #9e9e9e;
    line-height: 24px;
    margin: 0;
}

.single-workout-package-page p b {
    color: #a6c311;
    font-weight: 900;
    font-family: 'Roboto';
}

.single-workout-package-page .label-box {
    margin-top: 30px;
    margin-bottom: 30px;
}

.single-workout-package-page .label-box h1 {
    margin: 0;
}

.single-workout-package-page .label-box h1 {
    font-size: 24px;
    color: #272727;
    line-height: 50px;
    font-weight: bold;
}

.single-workout-package-page .label-box h1 span.step {
    background: #a6c311;
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0;
    vertical-align: bottom;
    padding-left: 28px;
    padding-right: 28px;
    margin-right: 20px;
}

/* ==============================
   10. health care pack styles
   ============================== */

.health-care-package-area {
    background: #fdfdfd none repeat scroll 0 0;
    border-top: 1px solid #f7f7f7;
    padding-bottom: 60px;
    padding-top: 80px;
}

.health-care-package-area .section-title-2 {
    padding-bottom: 50px;
}

.health-care-package-area .single-item {
    border: 1px solid #f7f7f7;
    transition: all .3s ease;
    background: #ffffff;
}

.health-care-package-area .single-item:hover {
    border-color: transparent;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.health-care-package-area .single-item .img-holder {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
}

.health-care-package-area .single-item .img-holder img {
    width: 100%;
}

.health-care-package-area .single-item .content {
    padding-left: 20px;
    padding-right: 20px;
}

.health-care-package-area .single-item .content .top {
    overflow: hidden;
}

.health-care-package-area .single-item .content .top .icon-holder {
    background: #a6c311 none repeat scroll 0 0;
    height: 56px;
    width: 56px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
}

.health-care-package-area .single-item .content .top .icon-holder i {
    color: #ffffff;
    font-size: 34px;
    line-height: 56px;
    text-align: center;
}

.health-care-package-area .single-item .content .top .content-heading {
    padding-left: 10px;
}

.health-care-package-area .single-item .content .top .content-heading h3 {
    color: #272727;
    margin: 25px 0 7px;
    font-size: 23px;
    line-height: 30px;
    font-weight: bold;
}

.health-care-package-area .single-item .content .top .content-heading h3 span {
    color: #a6c311;
}

.health-care-package-area .single-item .content .top .content-heading ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.health-care-package-area .single-item .content .top .content-heading ul li {
    color: #9e9e9e;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: italic;
    margin-right: 15px;
}

.health-care-package-area .single-item .content .top .content-heading ul li i {
    color: #a6c311;
    font-size: 10px;
    margin-right: 5px;
}

.health-care-package-area .single-item .content .package-list {
    padding-bottom: 20px;
}

.health-care-package-area .single-item .content .package-list h4 {
    color: #272727;
    font-size: 18px;
    font-weight: 700;
    margin: 6px 0 13px;
}

.health-care-package-area .single-item .content .package-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.health-care-package-area .single-item .content .package-list ul li {
    line-height: 30px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #9e9e9e;
}

.health-care-package-area .single-item .content .package-list ul li i {
    color: #a6c311;
    margin-right: 10px;
}

.health-care-package-area .single-item .button {
    border: 1px solid #f7f7f7;
    margin: 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: background .3s ease;
}

.health-care-package-area .single-item .button a {
    background: #a6c311 none repeat scroll 0 0;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    height: 50px;
    padding: 13px 0;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    transition: background .3s ease;
}

.health-care-package-area .single-item .button a:hover {
    background: #272727;
}

.health-care-package-area .single-item .button a.black {
    background: #272727;
}

.health-care-package-area .single-item .button a.black:hover {
    background: #a6c311;
}

.health-care-package-area .single-item .img-holder.offer {
    position: relative;
}

.health-care-package-area .single-item .img-holder.offer .offer-text {
    position: relative;
    left: 10px;
    position: absolute;
    top: 10px;
}

.health-care-package-area .single-item .img-holder.offer .offer-text:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/resources/texture/dots.png) repeat center center;
    background-color: #a6c311;
    content: '';
    transform: skewx(-15deg);
}

.health-care-package-area .single-item .img-holder.offer .offer-text h1 {
    color: #ffffff;
    font-size: 30px;
    font-style: italic;
    margin: 0;
    padding: 7px 13px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    z-index: 9;
}

.health-care-package-area .single-item .content .top .content-heading h3 span del {
    font-size: 18px;
    color: #9e9e9e;
    padding-right: 10px;
}

.health-care-pack-carousel {
    position: relative;
}

.health-care-pack-carousel .owl-nav {
    background: #FEFEFE;
    position: absolute;
    top: -97px;
    right: 0;
    margin: 0;
    padding-left: 30px;
}

.health-care-pack-carousel .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 14px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    width: 60px;
    background-color: #a6c311 !important;
    border-radius: 0;
    transition: all .3s ease;
}

.health-care-pack-carousel .owl-nav [class*=owl-]:hover {
    background-color: #272727 !important;
}

.health-care-package-area.package-v1 {
    padding-bottom: 50px;
}

.health-care-package-area.package-v1 .single-item {
    margin-bottom: 30px;
}

.health-care-package-area.package-v2 {
    padding-bottom: 50px;
    border-top: 0;
}

.health-care-package-area.package-v2 .single-item {
    margin-bottom: 30px;
}

.health-care-package-area.package-v2 .single-item .content .top .content-heading {
    padding-left: 7px;
}

.health-care-package-area.package-v2 .single-item .content .top .content-heading h3 {
    font-size: 23px;
}

.single-package-page.health-care-package-area .single-item .box {
    width: calc(100% - 170px);
    float: left;
}

.single-package-page.health-care-package-area .single-item .img-box {
    width: 170px;
    float: right;
    margin-top: 30px;
}

.single-package-page.health-care-package-area .single-item {
    border: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 20px;
}

.single-package-page.health-care-package-area .single-item:hover {
    box-shadow: none !important;
}

.single-package-page.health-care-package-area .single-item .content {
    padding: 0;
    border: none;
}

.single-package-page.health-care-package-area .single-item .content .package-list {
    padding-bottom: 0;
}

.single-package-page .cta-box .thm-btn {
    line-height: 38px;
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
    border: 1px solid #f7f7f7;
    color: #272727;
    padding: 2px 23px;
    transition: background .3s ease, border .3s ease;
}

.single-package-page .cta-box .thm-btn i {
    color: #272727;
}

.single-package-page .cta-box .thm-btn:hover {
    background: #a6c311;
    color: #ffffff;
    border-color: #a6c311;
}

/* ==============================
   11. Walking area styles
   ============================== */

.walking-area {
    background: url("../img/resources/walking-bg.jpg") no-repeat scroll left center;
    background-size: cover;
    padding-bottom: 218px;
    padding-top: 135px;
}

.walking-area .walking h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 5px;
}

.walking-area .walking ul {
    margin: 0;
    padding: 0;
    margin: 0 0 18px;
    overflow: hidden;
}

.walking-area .walking ul li {
    list-style: none;
    color: #ffffff;
    float: left;
    font-size: 16px;
    margin-right: 20px;
    font-family: 'Raleway';
    font-weight: 400;
}

.walking-area .walking ul li i {
    color: #a6c311;
    font-size: 16px;
    padding-right: 10px;
}

.walking-area .walking p {
    color: #f7f7f7;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 37px;
    font-family: 'Raleway';
}

.walking-area .carousel-indicators {
    bottom: -83px;
    left: 5px;
    margin-left: 0;
    padding-left: 0;
    width: 200px;
}

.walking-area .carousel-indicators .active {
    background-color: #a6c311;
    height: 13px;
    margin: 0 10px;
    width: 13px;
    border: 1px solid #a6c311;
}

.walking-area .carousel-indicators li {
    background-color: #b8b7b2;
    border: 1px solid #b8b7b2;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin: 0 10px;
    text-indent: -999px;
    width: 13px;
    float: left;
}

/* ==============================
   12. Expertize trainer styles
   ============================== */

.experienced-trainer-area {
    padding-top: 80px;
    padding-bottom: 80px;
}

.experienced-trainer-area .section-title {
    padding-bottom: 50px;
}

.experienced-trainer-area .single-item {
    border: 1px solid #f7f7f7;
    overflow: hidden;
}

.experienced-trainer-area .single-item .img-holder {
    position: relative;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
}

.experienced-trainer-area .single-item .img-holder .overlay-content {
    background: #a6c311 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 180px;
    opacity: 0;
    transform: translate3d(0, 200px, 0);
    transition: all .5s ease .0s;
}

.experienced-trainer-area .single-item:hover .img-holder .overlay-content {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

.experienced-trainer-area .single-item .img-holder .overlay-content .overlay-buttom {
    padding: 0 22px;
    padding-bottom: 33px;
}

.experienced-trainer-area .single-item .img-holder .overlay-content ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #b1d010;
    padding-bottom: 10px;
    padding-top: 13px;
    padding-left: 20px;
    padding-right: 20px;
}

.experienced-trainer-area .single-item .img-holder .overlay-content ul li {
    list-style: none;
    color: #f7f7f7;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px;
    font-family: 'Raleway', sans-serif;
}

.experienced-trainer-area .single-item .img-holder .overlay-content ul li i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #a6c311;
    font-size: 12px;
    height: 16px;
    margin-right: 10px;
    padding: 2px 2px;
    width: 16px;
}

.experienced-trainer-area .single-item .img-holder .overlay-content .trainer-name {
    overflow: hidden;
    padding-bottom: 17px;
    padding-top: 23px;
}

.experienced-trainer-area .single-item .img-holder .overlay-content .trainer-name .name h3 {
    margin: 0 0 3px;
    color: #ffffff;
}

.experienced-trainer-area .single-item .img-holder .overlay-content .trainer-name .name span {
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
}

.experienced-trainer-area .single-item .img-holder .overlay-content .trainer-name .icon-holder i {
    background: #f7f7f7;
    border: 1px solid #f2f0f0;
    font-size: 25px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    margin-top: 5px;
    display: block;
    background: #ffffff none repeat scroll 0 0;
    color: #a6c311;
}

.experienced-trainer-area .single-item .img-holder .overlay-content p {
    margin: 0 0 13px;
    color: #f7f7f7;
    font-family: 'Raleway', sans-serif;
}

.experienced-trainer-area .single-item .img-holder .overlay-content .social-links a i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #a6c311;
    font-size: 18px;
    height: 38px;
    margin-right: 7px;
    text-align: center;
    width: 38px;
    line-height: 38px;
    display: inline-block;
}

.experienced-trainer-area .single-item .img-holder .overlay-content .social-links a i.fa-google-plus {
    font-size: 16px;
}

.experienced-trainer-area .single-item .img-holder .overlay-content .social-links a i:hover {
    background: #9bb60e;
    color: #ffffff;
}

.experienced-trainer-area .single-item .content {
    padding: 0 21px;
    padding-bottom: 30px;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0px, 0);
    transition: all .5s ease;
}

.experienced-trainer-area .single-item:hover .content {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
    visibility: hidden;
}

.experienced-trainer-area .single-item .content .trainer-name {
    overflow: hidden;
    padding-bottom: 17px;
    padding-top: 23px;
}

.experienced-trainer-area .single-item .content .trainer-name .name h3 {
    margin: 0 0 3px;
}

.experienced-trainer-area .single-item .content .trainer-name .name span {
    color: #a6c311;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
}

.experienced-trainer-area .single-item .content .trainer-name .icon-holder i {
    background: #f7f7f7;
    border: 1px solid #f2f0f0;
    color: #a6c311;
    font-size: 25px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    margin-top: 5px;
    display: block;
}

.experienced-trainer-area .single-item .content p {
    margin: 0 0 13px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 24px;
}

.experienced-trainer-area .single-item .content .social-links a i {
    background: #a6c311 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 38px;
    margin-right: 7px;
    text-align: center;
    line-height: 38px;
    width: 38px;
    display: inline-block;
}

.experienced-trainer-area .single-item .content .social-links a i.fa-google-plus {
    font-size: 16px;
}

.fitness-team-style-two {
    background: url(../img/resources/texture/curvy-two-way-texture.png) center center no-repeat;
    background-size: cover;
}

.fitness-team-style-two .owl-theme {
    position: relative;
}

.fitness-team-style-two .owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -75px;
    margin-top: -25px;
}

.fitness-team-style-two .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -75px;
    margin-top: -25px;
}

.fitness-team-style-two .owl-theme .owl-nav {
    margin-top: 0;
}

.fitness-team-style-two .owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    background: #a6c311;
    font-size: 14px;
    border-radius: 0;
    text-align: center;
    line-height: 50px;
    padding: 0;
}

.single-fitness-team-style-two .img-box {
    text-align: center;
    position: relative;
    border-bottom: 10px solid #a6c311;
    overflow: hidden;
}

.single-fitness-team-style-two img {
    width: auto !important;
    max-width: 100%;
}

.single-fitness-team-style-two .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
}

.single-fitness-team-style-two .overlay .inner-box {
    background: #a6c311;
    padding: 30px 20px 22px;
    opacity: 0;
    transform: translate3d(0, 200px, 0);
    transition: all .5s ease;
}

.single-fitness-team-style-two .overlay .top-box {
    margin-bottom: 18px;
}

.single-fitness-team-style-two .overlay .top-box h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

.single-fitness-team-style-two .overlay .top-box p {
    color: #f7f7f7;
    font-size: 14px;
    line-height: 20px;
}

.single-fitness-team-style-two .overlay .top-box .icon-box {
    width: 40px;
    height: 40px;
    color: #a6c311;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    background: #ffffff;
}

.single-fitness-team-style-two .overlay .top-box .left-box {
    margin-top: -10px;
}

.single-fitness-team-style-two .overlay p {
    font-size: 14px;
    line-height: 24px;
    color: #f7f7f7;
    margin: 0;
}

.single-fitness-team-style-two .overlay .social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

.single-fitness-team-style-two .overlay .social-icons li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

.single-fitness-team-style-two .overlay .social-icons li a {
    display: block;
    width: 40px;
    height: 40px;
    background: #ffffff;
    font-size: 18px;
    text-align: center;
    color: #a6c311;
    border-radius: 50%;
    line-height: 40px;
}

.single-fitness-team-style-two:hover .img-box .overlay .inner-box {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

.experienced-trainer-area .related-product-carousel .single-item:hover .img-holder .overlay-content {
    transform: translate3d(0, 100px, 0);
}

/* ==============================
   13. Daily workout plan styles
   ============================== */

.daily-training-workout-area {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
    margin-bottom: 30px;
}

.daily-training-workout-area * {
    position: relative;
}

.daily-training-workout-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a6c311;
    display: block;
    opacity: .95;
}

.daily-training-workout-area .section-title span {
    background: #a6c311;
}

.daily-training-workout-area .img-holder {
    background: rgba(0, 0, 0, 0) url("../img/resources/i-phone-bg.png") no-repeat scroll 0 120px;
    padding-top: 70px;
    position: relative;
    top: 30px;
}

.daily-training-workout-area .content {
    padding-top: 80px;
}

.daily-training-workout-area .content h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 300;
    line-height: 80px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.daily-training-workout-area .content p {
    color: #f7f7f7;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 20px;
}

.daily-training-workout-area .content ul {
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
    overflow: hidden;
}

.daily-training-workout-area .content ul li {
    list-style: none;
    color: #f7f7f7;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    margin-right: 15px;
}

.daily-training-workout-area .content ul li i {
    font-size: 14px;
    padding-right: 5px;
}

.daily-training-workout-area .content .google-play-app-store ul {
    margin: 0;
    padding: 0;
}

.daily-training-workout-area .content .google-play-app-store ul li {
    list-style: none;
    margin-right: 30px;
}

/* ==============================
   14. Testimonial styles
   ============================== */

.testimonial-carousel-wrapper .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #f7f7f7;
    border: 1px solid #DDE4E5;
    border-radius: 50%;
    margin: 0 11px;
}

.testimonial-carousel-wrapper .owl-dots .owl-dot.active span,
.testimonial-carousel-wrapper .owl-dots .owl-dot:hover span {
    background: #a6c311;
}

.testimonial-carousel-wrapper .owl-dots {
    text-align: left;
    padding-left: 90px;
    margin-top: 46px;
}

.single-testimonial-carousel .qoute-icon-box,
.single-testimonial-carousel .testimonial-text-box {
    display: table-cell;
    vertical-align: top;
}

.single-testimonial-carousel .qoute-icon-box {
    width: 70px;
}

.single-testimonial-carousel .qoute-icon-box img {
    max-width: none;
    width: auto;
}

.single-testimonial-carousel .testimonial-text-box {
    padding-left: 30px;
}

.single-testimonial-carousel .testimonial-text-box h3 {
    font-size: 24px;
    color: #272727;
    font-weight: bold;
    font-family: 'Roboto';
    margin: 0;
    margin-bottom: 14px;
}

.single-testimonial-carousel .testimonial-text-box p {
    color: #9e9e9e;
    font-family: 'Raleway';
    line-height: 30px;
    margin: 0;
    font-size: 16px;
}

.single-testimonial-carousel .testimonial-text-box span.name {
    font-family: 'Oregano', sans-serif;
    font-style: italic;
    color: #272727;
    font-size: 24px;
    display: block;
    margin-top: 14px;
}

.single-testimonial-carousel .testimonial-text-box .review-box {
    margin-top: 8px;
}

.single-testimonial-carousel .testimonial-text-box .review-box .fa {
    color: #a6c311;
    font-size: 18px;
}

.testimonial-carousel-2-col-wrapper {
    position: relative;
}

.testimonial-carousel-2-col-wrapper .owl-nav {
    background: #FEFEFE;
    position: absolute;
    top: -97px;
    right: 0;
    margin: 0;
    padding-left: 30px;
}

.testimonial-carousel-2-col-wrapper .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 14px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    width: 60px;
    background-color: #a6c311 !important;
    border-radius: 0;
    transition: all .3s ease;
}

.testimonial-carousel-2-col-wrapper .owl-nav [class*=owl-]:hover {
    background-color: #272727 !important;
}

.testimonial-carousel-style-three .testimonial-carousel-wrapper .owl-dots {
    text-align: center;
    padding-left: 0;
}

.testimonial-carousel-style-three .single-testimonial-carousel .testimonial-text-box {
    padding-left: 0;
    display: block;
}

.testimonial-carousel-style-three .single-testimonial-carousel .testimonial-text-box p {
    font-size: 28px;
    line-height: 40px;
    color: #ffffff;
}

.testimonial-carousel-style-three .single-testimonial-carousel .testimonial-text-box span.name {
    color: #ffffff;
    display: block;
    margin-top: 27px;
}

.testimonial-carousel-style-three .testimonial-carousel-wrapper .owl-dots {
    margin-top: 26px;
}

/* ==============================
   15. Suppliment Area styles
   ============================== */

.suppliments-partners-area {
    padding-bottom: 50px;
}

.suppliments-partners-area.home-5 {
    background: #f7f7f7;
}

.suppliments-partners-area.home-5 .section-title h1 span {
    background: #f7f7f7;
}

.suppliments-partners-area.home-5+.subscribe-area {
    background-color: #f7f7f7;
}

.suppliments-partners-area.home-5 .single-item {
    background-color: #ffffff;
}

.suppliments-partners-area .single-item {
    background: #fefefe url(../img/resources/texture/strip.png) repeat;
    height: 120px;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.suppliments-partners-area .single-item.pedalworks {
    padding-top: 24px;
    padding-bottom: 24px;
}

.suppliments-partners-area .single-item.jupiter {
    padding-top: 40px;
    padding-bottom: 40px;
}

.suppliments-partners-area .single-item.eurobest {
    padding-top: 34px;
    padding-bottom: 34px;
}

.suppliments-partners-area .single-item:hover .img-holder .overlay-content {
    transform: scale(1);
}

.suppliments-partners-area .single-item .img-holder .overlay-content {
    background: #a6c311 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding-top: 22px;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 10px;
    padding-right: 10px;
    transform: scale(0);
    transition: all .5s ease;
}

.suppliments-partners-area .single-item .img-holder .overlay-content p {
    color: #ffffff;
    line-height: 26px;
    font-weight: 700;
    margin: 0;
}

/* ==============================
   16. Perfect Plan styles
   ============================== */

.perfect-plan-area {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
    padding-bottom: 50px;
}

.perfect-plan-area * {
    position: relative;
}

.perfect-plan-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f7f7;
    display: block;
    opacity: .95;
}

.perfect-plan-area .section-title span {
    background: #f7f7f7;
}

.perfect-plan-area.home-3 {
    padding-top: 90px;
    padding-bottom: 45px;
    background: none;
    position: relative;
}

.perfect-plan-area.home-3:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(../img/resources/texture/green-gray-curv.png) 38% 0% no-repeat;
    background-size: cover;
}

.perfect-plan-area.home-3 .perfect-plan-left {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 40px;
}

.perfect-plan-area.home-3 .perfect-plan-right {
    padding-top: 0;
}

.perfect-plan-left {
    padding-top: 80px;
    padding-bottom: 45px;
}

.perfect-plan-left .img-holder img {
    float: left;
}

.perfect-plan-right {
    padding-left: 20px;
    padding-top: 96px;
}

.perfect-plan-right h2 {
    margin: 0 0 18px;
    font-family: 'Roboto';
    font-size: 30px;
    text-transform: uppercase;
    color: #272727;
    line-height: 50px;
}

.perfect-plan-right span {
    color: #a6c311;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-family: 'Raleway';
}

.perfect-plan-right ul {
    margin: 0;
    padding: 0;
    margin: 22px 0 46px;
    overflow: hidden;
}

.perfect-plan-right ul li {
    list-style: none;
    color: #9e9e9e;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    margin-right: 15px;
    margin-bottom: 5px;
}

.perfect-plan-right ul li i {
    font-size: 14px;
    margin-right: 10px;
}

.perfect-plan-right .google-play-app-store ul {
    margin: 0;
    padding: 0;
}

.perfect-plan-right .google-play-app-store ul li {
    list-style: none;
    margin-right: 30px;
}

/* ==============================
   17. Project content styles
   ============================== */

.project-content.home-2 {
    padding-bottom: 50px;
}

.project-content ul.gallery-filter {
    margin-bottom: 60px;
}

.project-content ul.post-pagination {
    margin-top: 50px;
}

.project-content .owl-theme .owl-nav {
    background: #ffffff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -95px;
    padding-left: 25px;
}

.project-content .owl-theme .owl-nav [class*=owl-] {
    padding: 0;
    background-color: transparent;
    color: #B6B6B6;
    font-size: 14px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #b6b6b6;
    line-height: 31px;
    transition: all 0.5s ease;
}

.project-content .owl-theme .owl-nav [class*=owl-]:hover {
    border-color: #a6c311;
    color: #a6c311;
}

.single-project-item {
    margin-bottom: 30px;
}

.single-project-item img {
    width: 100%;
}

.single-project-item .img-box {
    position: relative;
}

.single-project-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
}

.single-project-item .overlay .box {
    display: table;
    width: 100%;
    height: 100%;
}

.single-project-item .overlay .box .top-box {
    display: table;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    transition: all .5s ease 0s;
    opacity: 0;
    transform: translate3d(0, -100px, 0);
}

.single-project-item .overlay .box .title {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding-top: 105px;
}

.single-project-item .overlay .box .title h3 {
    margin: 0;
    font-size: 22px;
    color: #a6c311;
    font-weight: 500;
    opacity: 0;
}

.single-project-item .overlay .box .bottom-box {
    background: #a6c311;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all .5s ease .5s;
    transform: translate3d(0, 40px, 0);
    opacity: 0;
}

.single-project-item .overlay .box .bottom-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-project-item .overlay .box .bottom-box ul li {
    list-style: none;
    float: left;
    width: 50%;
}

.single-project-item .overlay .box .bottom-box ul li:last-child a {
    border: none;
}

.single-project-item .overlay .box .bottom-box ul li a {
    display: block;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: 70px;
    border-right: 1px solid #b7d617;
    transition: all 0.5s ease;
}

.single-project-item .overlay .box .bottom-box ul li a:hover {
    background: #9bb60e;
}

.single-project-item .img-box:hover .box .top-box {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

.single-project-item .img-box:hover .box .bottom-box {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
}

.single-project-item .text-box {
    border: 1px solid #f7f7f7;
    border-top: 0;
    padding-left: 20px;
    padding-bottom: 25px;
    padding-top: 25px;
    background: url("../img/single-project-item/bg.png") repeat;
}

.single-project-item .text-box h3 {
    font-size: 24px;
    color: #272727;
    font-weight: bold;
    font-family: 'Roboto';
    margin: 0;
}

.single-project-item .text-box p {
    font-family: 'Raleway';
    font-size: 14px;
    color: #a6c311;
    margin: 0;
}

.single-project-content .single-project-carousel {
    margin-bottom: 30px;
    position: relative;
}

.single-project-content .single-project-carousel .owl-nav {
    margin: 0px;
}

.single-project-content .single-project-carousel .owl-nav .owl-prev {
    left: 0;
}

.single-project-content .single-project-carousel .owl-nav .owl-next {
    right: 0;
}

.single-project-content .single-project-carousel .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    background: #a6c311;
    padding: 0;
    text-align: center;
    color: #ffffff;
    border-radius: 0;
    transition: all 0.5s ease;
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -25px;
}

.single-project-content .single-project-carousel .owl-nav [class*=owl-]:hover {
    background: rgba(0, 0, 0, 0.5);
}

.single-project-content .single-project-customer-info {
    margin-top: 15px;
}

.single-project-content .single-project-customer-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-project-content .single-project-customer-info ul li {
    list-style: none;
    font-size: 16px;
    color: #9e9e9e;
    font-weight: 500;
    line-height: 39px;
    font-family: 'Raleway';
    border-bottom: 1px solid #f7f7f7;
}

.single-project-content .single-project-customer-info ul li:last-child {
    border-bottom: 0;
}

.single-project-content .single-project-customer-info ul li label {
    font-size: 16px;
    font-weight: 900;
    color: #272727;
    font-family: 'Roboto';
}

.single-project-content .single-project-content h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    line-height: 25px;
    margin-bottom: 12px;
}

.single-project-content .single-project-content p.tags {
    margin-bottom: 19px;
}

.single-project-content .single-project-content p.tags a {
    color: #a6c311;
}

.single-project-content .single-project-content .thm-btn {
    padding: 0 30px;
    line-height: 50px;
    margin-top: 15px;
}

.single-project-content .single-project-content .thm-btn i {
    margin-left: 6px;
}

.single-project-content .single-project-content p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    color: #9e9e9e;
}

.project-content.home-3 .container-fluid {
    padding: 0;
}

.project-content.home-3 [class^='col'],
.project-content.home-3 [class*='col'] {
    padding: 0;
}

.project-content.home-3 .row {
    margin: 0;
}

.project-content.home-3 .single-project-item {
    margin-bottom: 0;
}

.project-content.col-5-wrapper .container-fluid {
    padding: 0;
}

.project-content.col-5-wrapper [class^='col'],
.project-content.col-5-wrapper [class*='col'] {
    padding: 0;
}

.project-content.col-5-wrapper .single-project-item {
    margin-bottom: 0;
}

.project-content.col-5-wrapper .col-5 {
    width: 20%;
    float: left;
}

.project-content.grid-text-4col .single-project-item .text-box h3 {
    font-size: 18px;
}

.project-content.grid-text-4col ul.post-pagination {
    margin-top: 20px;
}

.project-content.grid-text-2col ul.post-pagination,
.project-content.grid-text-3col ul.post-pagination {
    margin-top: 20px;
}

.related-product-carousel {
    position: relative;
}

.related-product-carousel .single-project-item {
    margin-bottom: 0;
}

.related-product-carousel .owl-nav {
    background: #FEFEFE;
    position: absolute;
    top: -97px;
    right: 0;
    margin: 0;
    padding-left: 30px;
}

.related-product-carousel .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 14px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    width: 60px;
    background-color: #a6c311 !important;
    border-radius: 0;
    transition: all .3s ease;
}

.related-product-carousel .owl-nav [class*=owl-]:hover {
    background-color: #272727 !important;
}

.single-project-top-box {
    margin-bottom: 50px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f7f7f7;
}

.single-project-top-box .grid-box-link {
    width: 40px;
    height: 40px;
    font-size: 17px;
    color: #ffffff;
    line-height: 40px;
    background: #a6c311;
    display: block;
    text-align: center;
}

.single-project-top-box .thm-btn {
    line-height: 38px;
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
    border: 1px solid #f7f7f7;
    color: #272727;
}

.single-project-top-box .thm-btn i {
    color: #272727;
    margin: 0;
    transition: all .4s ease;
}

.single-project-top-box .thm-btn i.fa-caret-left {
    margin-right: 6px;
}

.single-project-top-box .thm-btn i.fa-caret-right {
    margin-left: 6px;
}

.single-project-top-box .thm-btn:hover {
    background: #a6c311;
    color: #ffffff;
    border-color: #a6c311;
}

.single-project-top-box .thm-btn:hover i {
    color: #ffffff;
}

/* =========================================
   18. Join Now home 2 styles
   ========================================= */

.join-now-area {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
    padding: 80px 0;
}

.join-now-area * {
    position: relative;
}

.join-now-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a6c311;
    display: block;
    opacity: .95;
}

.join-now-area .section-title span {
    background: #a6c311;
}

.join-now-area.page-title {
    padding-bottom: 30px;
}

.join-now-area.pattern-2 {
    position: relative;
    background: url(../img/resources/texture/pattern-1.png) repeat;
}

.join-now-area.pattern-2 * {
    position: relative;
}

.join-now-area.pattern-2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #131313;
    display: block;
    opacity: .95;
}

.join-now-area.pattern-2 .section-title span {
    background: #131313;
}

.join-now-area .join-now h1 {
    color: #ffffff;
    font-size: 36px;
    line-height: 52px;
    margin: 0 0 37px;
}

.join-now-area .join-now .button a {
    margin: 0 13px;
}

/* =========================================
   19. fitness service boxed styles
   ========================================= */

.fitness-services-boxed {
    margin-top: -60px;
    position: relative;
    padding-bottom: 80px;
}

.fitness-services-boxed .container {
    box-shadow: 0px 3px 2px #f7f7f7;
    background: #ffffff;
    z-index: 99;
}

.fitness-services-boxed .single-fitness-service {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 35px;
    padding-bottom: 35px;
    border-right: 1px solid #F3F3F3;
    position: relative;
    text-align: center;
}

.fitness-services-boxed .single-fitness-service>i {
    color: #a6c311;
    font-size: 50px;
}

.fitness-services-boxed .single-fitness-service h3 {
    margin: 0;
    font-size: 24px;
    color: #323232;
    line-height: 30px;
    font-weight: bold;
    margin-top: 5px;
}

.fitness-services-boxed .single-fitness-service.border-left {
    border-left: 1px solid #f3f3f3;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: rotateY(-90deg);
    transition: all .5s ease;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .img-box {
    overflow: hidden;
    position: relative;
    border: 5px solid #fff;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .img-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(166, 195, 17, 0.9);
    transform: translate3d(0, -250px, 0);
    transition: all .5s ease 0s;
    opacity: 0;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .img-box .overlay .content {
    display: table;
    width: 100%;
    height: 100%;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .img-box .overlay .content .box {
    display: table-cell;
    vertical-align: middle;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .img-box .overlay .content .box a {
    display: block;
    width: 65px;
    height: 65px;
    border: 5px solid #BECE5E;
    background: #ffffff;
    color: #a6c311;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 50%;
    line-height: 55px;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details h3 {
    margin: 0;
    line-height: 40px;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .top-box i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    background: #a6c311;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details p {
    font-size: 14px;
    color: #9E9E9E;
    line-height: 24px;
    margin: 0;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    color: #a6c311;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details a:hover {
    color: #272727;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .bottom-box p {
    font-size: 18px;
    line-height: 30px;
    color: #a6c311;
    font-family: 'Roboto', sans-serif;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .bottom-box p span {
    font-size: 24px;
    font-weight: bold;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .top-box,
.fitness-services-boxed .single-fitness-service .single-fitness-service-details .content-box,
.fitness-services-boxed .single-fitness-service .single-fitness-service-details .bottom-box {
    padding: 0 20px;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .top-box {
    margin-bottom: 17px;
    margin-top: 10px;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .content-box {
    margin-bottom: 20px;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details .bottom-box {
    margin-bottom: 14px;
}

.fitness-services-boxed .single-fitness-service .single-fitness-service-details:hover .img-box:hover .overlay {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

.fitness-services-boxed .single-fitness-service:hover .single-fitness-service-details {
    transform: rotateY(0deg);
    opacity: 1;
    visibility: visible;
}

.fitness-service-round-icon {
    padding-bottom: 77px;
}

.single-fitness-service-round-icon {
    text-align: center;
}

.single-fitness-service-round-icon .icon-box {
    width: 107px;
    height: 107px;
    border-radius: 50%;
    border: 5px solid #f7f7f7;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
    margin-bottom: 16px;
    transition: all .3s ease;
}

.single-fitness-service-round-icon .icon-box i {
    color: #B0CA49;
    font-size: 44px;
    line-height: 97px;
}

.single-fitness-service-round-icon .icon-box:hover {
    background: #a6c311;
    border-color: #a6c311;
}

.single-fitness-service-round-icon .icon-box:hover i {
    color: #fff;
}

.single-fitness-service-round-icon h3 {
    margin: 0;
    font-size: 24px;
    color: #323232;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 7px;
}

.single-fitness-service-round-icon p {
    font-size: 14px;
    color: #9e9e9e;
    line-height: 24px;
    font-family: 'Raleway';
    margin: 0;
}

.fitness-service-round-icon.square-box {
    padding-top: 0;
}

.fitness-service-round-icon.square-box .section-title {
    padding-bottom: 0;
    margin-top: 80px;
}

.single-fitness-service-round-icon.square-box {
    border: 2px solid #f7f7f7;
    padding: 0 13px;
    margin-top: 138.5px;
    transition: all .3s ease;
}

.single-fitness-service-round-icon.square-box .icon-box {
    margin-top: -53.5px;
    transition: all .3s ease;
}

.single-fitness-service-round-icon.square-box i {
    font-size: 35px;
    transition: all .3s ease;
}

.single-fitness-service-round-icon.square-box a {
    display: inline-block;
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
    border: 2px solid #f7f7f7;
    color: #272727;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 30px;
    padding: 8px 40px;
    position: relative;
    top: 25px;
    margin-top: -25px;
    transition: all .3s ease;
}

.single-fitness-service-round-icon.square-box:hover {
    background: #fdfcfc url(../img/resources/texture/strip.png) repeat;
}

.single-fitness-service-round-icon.square-box:hover .icon-box {
    background: #B0CA49;
    border-color: #B0CA49;
}

.single-fitness-service-round-icon.square-box:hover .icon-box i {
    color: #ffffff;
}

.single-fitness-service-round-icon.square-box:hover a {
    background: #B0CA49;
    border-color: #B0CA49;
    color: #ffffff;
}

/* =========================================
   20. fitness video Gallery styles
   ========================================= */

.fitness-video-area .video-box {
    padding-right: 70px;
}

.fitness-video-area .video-box .inner-box {
    background: url(../img/resources/texture/strip.png) repeat;
    position: relative;
}

.fitness-video-area .video-box .inner-box ul,
.fitness-video-area .video-box .inner-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fitness-video-area .video-box .inner-box ul.img-list {
    margin-left: -15px;
    margin-right: -15px;
}

.fitness-video-area .video-box .inner-box ul.img-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    position: relative;
}

.fitness-video-area .video-box .inner-box ul.img-list li:last-child {
    margin-top: 144px;
}

.fitness-video-area .video-box .inner-box ul.img-list li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    opacity: .60;
    transition: all .5s ease;
}

.fitness-video-area .video-box .inner-box ul.img-list li.active:before {
    opacity: 0;
}

.fitness-video-area .video-box .inner-box .main-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fitness-video-area .video-box .inner-box .main-box .img-box {
    position: relative;
    display: inline-block;
    margin-top: 125px;
    margin-left: 65px;
}

.fitness-video-area .video-box .inner-box .main-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fitness-video-area .video-box .inner-box .main-box .overlay .box-content {
    display: table;
    width: 100%;
    height: 100%;
}

.fitness-video-area .video-box .inner-box .main-box .overlay .box-content .content {
    display: table-cell;
    vertical-align: middle;
}

.fitness-video-area .video-box .inner-box .main-box .overlay .box-content .content a {
    display: block;
    text-align: center;
}

.fitness-video-area .video-box .inner-box ul.navigation {
    margin: 0;
    padding: 0;
    margin-left: -11px;
    margin-right: -11px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-left: 0;
    padding-left: 14px;
    padding-top: 25px;
}

.fitness-video-area .video-box .inner-box ul.navigation li {
    list-style: none;
    display: inline-block;
    padding: 0 11px;
}

.fitness-video-area .video-box .inner-box ul.navigation li a {
    display: inline-block;
    width: 38px;
    height: 38px;
    border: 2px solid #9e9e9e;
    text-align: center;
    border-radius: 50%;
    transition: all .5s ease;
}

.fitness-video-area .video-box .inner-box ul.navigation li a i {
    color: #9e9e9e;
    font-size: 18px;
    line-height: 34px;
}

.fitness-video-area .video-box .inner-box ul.navigation li a:hover {
    color: #a6c311;
    border-color: #a6c311;
}

.fitness-video-area .right-text h3 {
    color: #272727;
    font-size: 30px;
    line-height: 45px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 40px;
}

.fitness-video-area .right-text p.highlighted {
    color: #a6c311;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    font-family: 'Raleway';
    margin: 0;
}

.fitness-video-area .right-text p {
    font-size: 14px;
    font-family: 'Raleway';
    color: #9e9e9e;
    line-height: 24px;
    margin: 0;
}

.fitness-video-area .right-text h4 {
    font-size: 48px;
    color: #D7D7D7;
    line-height: 60px;
    font-weight: 900;
    margin: 0;
}

/* =========================================
   21. Bmi Calculator styles
   ========================================= */

.bmi-tab-box .bmi-tab-title ul {
    margin: 0;
    padding: 0;
    padding-left: 3px;
}

.bmi-tab-box .bmi-tab-title ul li {
    list-style: none;
    display: inline-block;
    margin-left: -3px;
}

.bmi-tab-box .bmi-tab-title ul li.active a,
.bmi-tab-box .bmi-tab-title ul li:hover a {
    background: #a6c311;
    color: #ffffff;
}

.bmi-tab-box .bmi-tab-title ul li a {
    display: block;
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
    font-size: 18px;
    color: #272727;
    letter-spacing: .024em;
    line-height: 17.29px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 14px 46px;
    cursor: pointer;
    transition: all .4s ease;
}

.bmi-tab-box .bmi-tab-title ul li a i {
    font-size: 18px;
}

.bmi-tab-box .bmi-tab-content .content-box {
    background: #ffffff;
    padding: 56px 40px;
}

.bmi-tab-box .bmi-tab-content .content-box#male {
    background: #ffffff url(../img/resources/bmi-bg-m.png) bottom right no-repeat;
}

.bmi-tab-box .bmi-tab-content .content-box#female {
    background: #ffffff url(../img/resources/bmi-bg-f.png) bottom right no-repeat;
}

.bmi-tab-box .bmi-tab-content ul,
.bmi-tab-box .bmi-tab-content li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bmi-tab-box .bmi-tab-content input,
.bmi-tab-box .bmi-tab-content button {
    border: none;
    outline: none;
    background: none;
}

.bmi-tab-box .bmi-tab-content ul li {
    display: inline-block;
    margin-bottom: 40px;
}

.bmi-tab-box .bmi-tab-content ul li label {
    margin-right: 17px;
    font-size: 18px;
    font-weight: bold;
    color: #272727;
}

.bmi-tab-box .bmi-tab-content ul li span {
    margin-left: 15px;
    color: #9e9e9e;
    font-size: 14px;
    font-style: italic;
    margin-right: 20px;
}

.bmi-tab-box .bmi-tab-content ul li input {
    background: #f7f7f7 url(../img/resources/texture/strip.png) repeat;
    padding-left: 15px;
    height: 40px;
    display: inline-block;
    width: 80px;
}

.bmi-tab-box .bmi-tab-content button {
    background: #a6c311;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 30px;
    padding: 10px 37px;
    transition: background .3s ease;
}

.bmi-tab-box .bmi-tab-content button:hover {
    background: #272727;
}

.bmi-tab-box .bmi-tab-content .result-box {
    margin-top: 50px;
    display: inline-block;
}

.bmi-tab-box .bmi-tab-content .result-box label {
    font-size: 18px;
    font-weight: bold;
    color: #272727;
    line-height: 60px;
    margin-right: 17px;
}

.bmi-tab-box .bmi-tab-content .result-box input {
    background: #f7f7f7 url(../img/resources/texture/strip.png) repeat;
    padding-left: 15px;
    height: 60px;
    display: inline-block;
    width: 158px;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    color: #272727;
    font-weight: 900;
}

.bmi-tab-box .bmi-tab-content .result-box a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #a6c311;
    text-align: right;
    margin-top: 5px;
}

/* =========================================
   22. Poplular Class styles
   ========================================= */

.single-popular-class {
    margin-bottom: 30px;
    background: #ffffff;
}

.single-popular-class h3,
.single-popular-class p {
    margin: 0;
}

.single-popular-class img {
    width: 100%;
}

.single-popular-class h3 {
    font-size: 24px;
    color: #272727;
    line-height: 30px;
    font-weight: bold;
}

.single-popular-class p {
    color: #a6c311;
    font-size: 14px;
    line-height: 30px;
    font-style: italic;
    font-family: 'Roboto';
    margin-top: -2px;
}

.single-popular-class p span {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}

.single-popular-class .img-box {
    border: 5px solid #ffffff;
    position: relative;
    overflow: hidden;
}

.single-popular-class .img-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(166, 195, 17, 0.9);
    transform: translate3d(0, -250px, 0);
    transition: all .5s ease 0s;
    opacity: 0;
}

.single-popular-class .img-box .overlay .content {
    display: table;
    width: 100%;
    height: 100%;
}

.single-popular-class .img-box .overlay .content .box {
    display: table-cell;
    vertical-align: middle;
}

.single-popular-class .img-box .overlay .content .box a {
    display: block;
    width: 60px;
    height: 60px;
    /*border: 5px solid #BECE5E;*/
    background: #ffffff;
    color: #a6c311;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
}

.single-popular-class .img-box:hover .overlay {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

.single-popular-class .icon-box {
    width: 40px;
    height: 40px;
    background: #a6c311;
    text-align: center;
    margin-top: 5px;
}

.single-popular-class .icon-box i {
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;
}

.single-popular-class .text-box {
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
}

/* =========================================
   23. Schedule class styles
   ========================================= */

.schedule-table h3,
.schedule-table h4 {
    margin: 0;
}

.schedule-table ul,
.schedule-table li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.schedule-table thead tr {
    border: none;
}

.schedule-table thead tr td {
    background: #f7f7f7 url(../img/resources/texture/strip.png) repeat;
    border: 1px solid #ffffff;
}

.schedule-table thead tr td h3 {
    font-size: 16px;
    font-weight: bold;
    color: #9e9e9e;
    line-height: 30px;
    text-align: center;
}

.schedule-table tbody tr td {
    border: none;
    background: #a6c311;
    padding: 15px;
    border: 2px solid #ffffff;
    cursor: pointer;
    transition: all .4s ease;
}

.schedule-table tbody tr td h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
}

.schedule-table tbody tr td ul li {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    font-weight: bold;
}

.schedule-table tbody tr td ul li.time {
    margin-bottom: 20px;
}

.schedule-table tbody tr td.none {
    background: #f7f7f7;
}

.schedule-table tbody tr td.none * {
    opacity: 0;
}

.schedule-table tbody tr td.same {
    background: #a6c311;
}

.schedule-table tbody tr td.closed {
    opacity: 0.3;
}

.schedule-table tbody tr td.opened {
    opacity: 1;
}

/* =========================================
   24. Pricing table styles
   ========================================= */

.pricing-table {
    margin-bottom: 0;
}

.pricing-table h3,
.pricing-table h4,
.pricing-table p {
    margin: 0;
}

.pricing-table thead tr td {
    text-align: center;
    border: none;
    vertical-align: middle;
    padding: 0;
    border: 1px solid #ffffff;
    border-top: 0;
    border-bottom: 0;
}

.pricing-table thead tr td h4 {
    font-size: 24px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 21px 0;
    margin-bottom: 20px;
}

.pricing-table thead tr td span {
    font-weight: bold;
    font-size: 60px;
    line-height: 60px;
    color: #f7f7f7;
}

.pricing-table thead tr td p {
    font-family: 'Oregano';
    font-style: italic;
    color: #f7f7f7;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 22px;
}

.pricing-table thead tr td.pattern-4 h3 {
    font-weight: bold;
    color: #A7C219;
    font-size: 30px;
    line-height: 40px;
}

.pricing-table tbody tr {
    border: none;
    background-color: #ffffff;
    background: url(../img/resources/texture/strip.png) no-repeat;
}

.pricing-table tbody tr:nth-child(even) {
    background-color: #f2f3f3;
}

.pricing-table tbody tr td {
    border: none;
    border: 2px solid #f7f7f7;
}

.pricing-table tbody tr td p {
    font-size: 18px;
    line-height: 41px;
    color: #9e9e9e;
    font-family: 'Roboto';
}

.pricing-table tbody tr.button-row td:first-child {
    visibility: hidden;
    opacity: 0;
}

.pricing-table tbody tr.button-row td {
    border: none;
}

.pricing-table tbody tr.button-row td a {
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 900;
    display: inline-block;
    background: #a6c311;
    text-transform: uppercase;
    padding: 10px 45px;
    margin: 35px 0;
}

.pricing-table tbody tr.button-row td a:hover {
    background: #9BB60E;
}

/* =========================================
   25. Shop CTA styles
   ========================================= */

.single-shop-cta .img-holder {
    position: relative;
}

.single-shop-cta .img-holder img {
    width: 100%;
}

.single-shop-cta .img-holder::before {
    content: "";
    height: 85px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-size: 100% 100%;
}

.single-shop-cta .img-holder .content {
    left: 42%;
    position: absolute;
    right: 10%;
    top: 15%;
}

.single-shop-cta .img-holder .content h1 {
    color: #222222;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 16px;
    text-transform: uppercase;
}

.single-shop-cta a {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    width: 114px;
    display: block;
    height: 38px;
    padding: 7px 23px;
    background: #a6c311;
    font-family: 'Roboto', sans-serif;
    transition: background .4s ease;
}

.single-shop-cta a:hover {
    background: #272727;
}

.single-shop-cta .img-holder-2 {
    position: relative;
    overflow: hidden;
}

.single-shop-cta .img-holder-2 img {
    width: 100%;
}

.single-shop-cta .img-holder-2::before {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 85px;
    background-size: 100% 100%;
}

.single-shop-cta .img-holder-2 .content-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single-shop-cta .img-holder-2 .content-2 h1 {
    color: #222222;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
    padding-left: 45%;
    padding-right: 10%;
    padding-top: 5%;
}

.single-shop-cta .img-holder-2 .content-2 h1 span {
    color: #d2cc23;
}

.single-shop-cta .img-holder-2 .content-2 h2 {
    color: #222222;
    font-family: "Oregano", cursive;
    font-size: 36px;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    padding-left: 45%;
    margin: 10px 0px 0;
}

.single-shop-cta .img-holder-2 .content-2 a {
    left: 55%;
    position: relative;
    top: 5%;
}

.single-shop-cta .img-holder-3 {
    position: relative;
    overflow: hidden;
}

.single-shop-cta .img-holder-3 img {
    width: 100%;
}

.single-shop-cta .img-holder-3 .content-3 {
    height: 100%;
    left: 22px;
    position: absolute;
    top: 20px;
    width: 100%;
}

.single-shop-cta .img-holder-3 .content-3 h1 {
    color: #a6c311;
    font-family: "Oswald", sans-serif;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 8px;
}

.single-shop-cta .img-holder-3 .content-3 h2 {
    color: #222222;
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 45px;
    margin: 0 0 20px;
    text-transform: uppercase;
}

/* ==============================
   26. Shop styles
   ============================== */

.single-product-item {
    margin-bottom: 30px;
}

.single-product-item ul,
.single-product-item li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-product-item h3,
.single-product-item h2,
.single-product-item p {
    margin: 0;
}

.single-product-item .img-holder {
    position: relative;
    overflow: hidden;
}

.single-product-item .img-holder img {
    width: 100%;
}

.single-product-item .img-holder .overlay {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
}

.single-product-item .img-holder .overlay .icon-holder {
    display: table;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translate3d(0, -100px, 0);
    transition: all 0.4s ease-out 0.5s;
}

.single-product-item .img-holder .overlay .icon-holder ul {
    display: table-cell;
    vertical-align: middle;
}

.single-product-item .img-holder .overlay .icon-holder ul li {
    display: inline-block;
    margin: 0 3px;
}

.single-product-item .img-holder .overlay .icon-holder ul li a i {
    background: #a6c311 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 18px;
    padding: 20px 20px;
    width: 60px;
    height: 60px;
    transition: all .3s ease;
}

.single-product-item .img-holder .overlay .icon-holder ul li a i:hover {
    background-color: #272727 !important;
}

.single-product-item .img-holder .new-product,
.single-product-item .img-holder .offer-product {
    border-radius: 50%;
    top: 20px;
    z-index: 9;
    position: absolute;
    width: 65px;
    height: 65px;
}

.single-product-item .img-holder .new-product {
    background: #dfd81e;
    left: 20px;
}

.single-product-item .img-holder .new-product p {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 65px;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

.single-product-item .img-holder .offer-product {
    background: #ea6f2c;
    right: 20px;
}

.single-product-item .img-holder .offer-product p {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
}

.single-product-item .title {
    background: url(../img/resources/texture/strip.png) repeat;
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
    padding-bottom: 20px;
    padding-top: 20px;
}

.single-product-item .title h3 {
    color: #272727;
    line-height: 34px;
    padding: 0 0 8px;
}

.single-product-item .title h2 {
    color: #a6c311;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.single-product-item .title h2 del.before-rate {
    color: #9e9e9e;
    font-size: 18px;
    display: inline-block;
    padding-right: 10px;
}

.yuva-product-card-link {
    display: block;
    color: inherit;
}

.yuva-product-card-link:hover,
.yuva-product-card-link:focus {
    color: inherit;
}

.yuva-product-card-link:hover .single-product-item,
.yuva-product-card-link:focus .single-product-item {
    transform: translateY(-6px);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.14);
}

.yuva-product-card-link .single-product-item {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.yuva-product-card-link .single-product-item .img-holder .overlay,
.yuva-product-card-link .single-product-item .img-holder .overlay .icon-holder {
    display: none;
}

.yuva-product-card-link .single-product-item .title h3 {
    font-size: 22px;
}

.yuva-product-short {
    color: #6f665a;
    font-size: 13px;
    line-height: 1.6;
    min-height: 42px;
    padding: 0 12px 10px;
}

.yuva-detail-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: #d8b76c;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
    font-weight: 700;
}

.yuva-detail-link:hover {
    color: #111;
}

.single-product-item:hover .img-holder .overlay {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

.single-product-item:hover .img-holder .overlay .icon-holder {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

/* Modern product catalog cards */
.popular-shop-item.section-padding {
    background:
        radial-gradient(circle at top left, rgba(95, 127, 87, 0.06), transparent 24%),
        radial-gradient(circle at bottom right, rgba(31, 36, 31, 0.04), transparent 20%);
}

.popular-shop-item .single-product-item {
    position: relative;
    height: 100%;
    border-radius: 26px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(31, 36, 31, 0.08);
    box-shadow: 0 18px 45px rgba(31, 36, 31, 0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.popular-shop-item .single-product-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(95, 127, 87, 0.08), transparent 20%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 1;
}

.popular-shop-item .single-product-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 28px 64px rgba(31, 36, 31, 0.14);
    border-color: rgba(95, 127, 87, 0.22);
}

.popular-shop-item .single-product-item:hover::before {
    opacity: 1;
}

.popular-shop-item .single-product-item .img-holder {
    background:
        radial-gradient(circle at center, rgba(95, 127, 87, 0.08), transparent 54%),
        linear-gradient(180deg, #f8faf6 0%, #eef3e9 100%);
    min-height: 270px;
    padding: 22px;
}

.popular-shop-item .single-product-item .img-holder img {
    width: 100%;
    height: 100%;
    min-height: 226px;
    object-fit: contain;
    transform: scale(0.98);
    transition: transform 0.45s ease;
}

.popular-shop-item .single-product-item:hover .img-holder img {
    transform: scale(1.04);
}

.popular-shop-item .single-product-item .img-holder .new-product,
.popular-shop-item .single-product-item .img-holder .offer-product {
    width: auto;
    height: auto;
    min-width: 88px;
    min-height: 32px;
    border-radius: 999px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(31, 36, 31, 0.14);
}

.popular-shop-item .single-product-item .img-holder .new-product p,
.popular-shop-item .single-product-item .img-holder .offer-product p {
    line-height: 1;
    padding: 0;
    font-size: 10px;
    letter-spacing: 0.14em;
}

.popular-shop-item .single-product-item .img-holder .new-product {
    background: #5f7f57;
    left: 18px;
    top: 18px;
}

.popular-shop-item .single-product-item .img-holder .offer-product {
    background: #1f241f;
    right: 18px;
    top: 18px;
}

.popular-shop-item .single-product-item .title {
    position: relative;
    z-index: 2;
    background: #ffffff;
    border: none;
    padding: 22px 22px 24px;
    text-align: left;
}

.popular-shop-item .single-product-item .title h3 {
    color: #1f241f;
    font-size: 26px;
    line-height: 1.08;
    padding: 0;
    margin-bottom: 10px;
}

.popular-shop-item .single-product-item .title h2 {
    color: #5f7f57;
    font-size: 22px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 14px;
}

.popular-shop-item .single-product-item .title h2 del.before-rate {
    font-size: 15px;
    color: #8c9485;
}

.popular-shop-item .single-product-item .yuva-product-short {
    padding: 0;
    min-height: 52px;
    color: #687168;
}

.popular-shop-item .single-product-item .yuva-detail-link {
    margin-top: 0;
    padding-top: 14px;
    border-top: 1px solid rgba(31, 36, 31, 0.08);
    display: inline-flex;
    color: #1f241f;
}

.popular-shop-item .single-product-item .yuva-detail-link:hover {
    color: #5f7f57;
}

.popular-shop-item .col-md-4,
.popular-shop-item .col-sm-6 {
    margin-bottom: 30px;
}

.yuva-detail-banner {
    padding-top: 118px;
    padding-bottom: 36px;
}

.yuva-detail-banner h2 {
    margin: 0;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: clamp(34px, 5vw, 66px);
    line-height: 0.95;
    text-transform: uppercase;
}

.yuva-detail-banner p {
    color: rgba(255, 255, 255, 0.78);
    margin-top: 14px;
    max-width: 780px;
}

.yuva-product-detail {
    background: #f4efe6;
}

.yuva-detail-gallery {
    position: sticky;
    top: 110px;
}

.yuva-detail-slider {
    position: relative;
}

.yuva-detail-slide {
    padding: 0 4px;
}

.yuva-detail-gallery__main {
    min-height: 520px;
    border-radius: 28px;
    background: #fff center/contain no-repeat;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.1);
}

.yuva-detail-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: 14px;
    right: 14px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.yuva-detail-slider .owl-nav [class*=owl-] {
    pointer-events: auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(17, 17, 17, 0.55);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.yuva-detail-slider .owl-nav [class*=owl-]:hover {
    background: #d8b76c;
    color: #111;
}

.yuva-detail-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.yuva-detail-thumb-wrap {
    cursor: pointer;
}

.yuva-detail-gallery__thumb {
    min-height: 120px;
    border-radius: 20px;
    background: #fff center/contain no-repeat;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
    border: 2px solid transparent;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.yuva-detail-thumb-wrap:hover .yuva-detail-gallery__thumb {
    transform: translateY(-2px);
}

.yuva-detail-thumbs .owl-item.active .yuva-detail-gallery__thumb {
    border-color: #d8b76c;
}

.yuva-detail-summary {
    background: #111;
    color: #fff;
    border-radius: 28px;
    padding: 34px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
}

.yuva-detail-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #d8b76c;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 700;
}

.yuva-detail-summary h1 {
    margin: 0;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: clamp(30px, 4vw, 54px);
    line-height: 0.98;
}

.yuva-detail-price {
    margin: 18px 0 14px;
    font-size: 24px;
    font-weight: 700;
    color: #d8b76c;
}

.yuva-detail-price del {
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    margin-right: 10px;
}

.yuva-detail-copy {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.8;
}

.yuva-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
    align-items: stretch;
}

.yuva-detail-qty {
    display: inline-flex;
    align-items: stretch;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
}

.yuva-detail-qty-btn {
    width: 42px;
    border: 0;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.yuva-detail-qty-input {
    width: 54px;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    -moz-appearance: textfield;
}

.yuva-detail-qty-input::-webkit-outer-spin-button,
.yuva-detail-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.yuva-detail-actions .thm-btn {
    padding: 12px 18px;
    min-height: 46px;
    font-size: 12px;
    letter-spacing: 0.06em;
    line-height: 1;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex: 1 1 180px;
}

.yuva-detail-actions .thm-btn span {
    font-size: 12px;
}

.yuva-detail-actions .yuva-add-to-cart {
    border-radius: 999px;
}

@media (max-width: 767px) {
    .yuva-detail-actions .thm-btn {
        flex: 1 1 100%;
    }

    .yuva-detail-qty {
        width: 100%;
    }

    .yuva-detail-qty-btn {
        width: 48px;
    }

    .yuva-detail-qty-input {
        flex: 1 1 auto;
        width: auto;
    }
}

.yuva-detail-meta {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.yuva-detail-meta > div {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 18px;
    padding: 16px;
}

.yuva-detail-meta strong {
    display: block;
    color: #d8b76c;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.yuva-detail-meta span {
    display: block;
    margin-top: 8px;
    color: #fff;
}

.yuva-detail-panels {
    margin-top: 30px;
}

.yuva-detail-card {
    background: #fff;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
}

.yuva-detail-card h3 {
    margin: 0 0 18px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 26px;
}

.yuva-detail-card p {
    color: #6f665a;
    line-height: 1.8;
    margin: 0;
}

.yuva-detail-specs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.yuva-detail-specs li {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #f0e8db;
}

.yuva-detail-specs li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.yuva-detail-specs span {
    color: #8a806f;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
}

.yuva-detail-specs strong {
    color: #111;
    text-align: right;
}

.yuva-detail-feature {
    background: #f4efe6;
    border: 1px solid #e8dcc9;
    border-radius: 18px;
    padding: 16px 18px;
    margin-bottom: 16px;
    color: #111;
    font-weight: 600;
}

.yuva-related-block {
    margin-top: 14px;
}

.popular-shop-item .section-title {
    position: relative;
}

.popular-shop-item .section-title .gallery-filter {
    position: absolute;
    top: 3px;
    right: 0;
    background: #ffffff;
    padding-left: 30px;
    margin-bottom: 0;
}

.popular-shop-item .section-title .gallery-filter li {
    padding: 0 3px;
}

.popular-shop-item .section-title .gallery-filter li span {
    background: #f7f7f7 url(../img/resources/texture/strip.png) repeat;
    font-weight: 900;
    color: #9e9e9e;
    padding: 0;
    border: none;
    line-height: 22px;
    padding: 0 9px;
    font-size: 14px;
    text-transform: uppercase;
}

.popular-shop-item .section-title .gallery-filter li.active span {
    background-color: #a6c311;
    color: #ffffff;
}

.popular-shop-item .post-pagination {
    margin-top: 20px;
}

.popular-shop-item .meta-info {
    margin-bottom: 40px;
}

.popular-shop-item .meta-info p {
    color: #9e9e9e;
    margin: 0;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 44px;
    font-family: 'Roboto';
}

.popular-shop-item .meta-info .select-box .bootstrap-select.btn-group .dropdown-toggle .caret {
    border: none;
    top: 2px;
    right: 20px;
}

.popular-shop-item .meta-info .select-box .btn-group.bootstrap-select {
    width: 200px;
    outline: none;
}

.popular-shop-item .meta-info .select-box .btn-group.bootstrap-select .btn {
    background: #ffffff;
    font-size: 14px;
    color: #9e9e9e;
    text-transform: capitalize;
    border: none;
    outline: none !important;
    padding: 12px 15px;
    border-radius: 0;
    border: 1px solid #f6f4f4;
}

.popular-shop-item .meta-info .select-box .dropdown-menu {
    padding: 0;
    border-radius: 0;
}

.popular-shop-item .meta-info .select-box .dropdown-menu>li>a {
    padding: 8px 15px;
    color: #ffffff;
    transition: all .3s ease;
}

.popular-shop-item .meta-info .select-box .dropdown-menu>li>a:hover {
    background: #a6c311;
}

.popular-shop-item .meta-info .select-box .bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
    color: #ffffff;
    transition: all .3s ease;
}

.popular-shop-item .meta-info .select-box .bootstrap-select.btn-group .dropdown-menu li a span.text {
    font-size: 13px;
    color: #9e9e9e;
}

.popular-shop-item .meta-info .select-box .bootstrap-select.btn-group .dropdown-toggle .caret:before {
    content: '\f107';
    font-family: 'FontAwesome';
    color: #9e9e9e;
    font-size: 14px;
    line-height: 46px;
}

.product-carousel {
    position: relative;
}

.product-carousel .single-product-item .title {
    background-image: none;
    border: none;
}

.product-carousel .owl-nav {
    background: #FEFEFE;
    position: absolute;
    top: -97px;
    right: 0;
    margin: 0;
    padding-left: 30px;
}

.product-carousel .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 14px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    width: 60px;
    background-color: #a6c311 !important;
    border-radius: 0;
    transition: all .3s ease;
}

.product-carousel .owl-nav [class*=owl-]:hover {
    background-color: #272727 !important;
}

.shop-page .has-divider {
    border-top: 1px solid #f4f4f4;
    margin-top: 50px;
    padding-top: 50px;
}

.shop-page .post-pagination {
    border-top: 1px solid #f4f4f4;
    margin-top: 50px;
    padding-top: 50px;
}

.product-content-box {
    margin-bottom: 60px;
}

.product-content-box .img-box,
.product-content-box .content-box {
    float: left;
    vertical-align: middle;
}

.product-content-box .img-box {
    width: 370px;
    text-align: center;
}

.product-content-box .content-box {
    padding-left: 30px;
    width: calc(100% - 370px);
}

.product-content-box .content-box h2 {
    margin: 0;
    font-size: 30px;
    color: #272727;
    font-weight: 500;
    line-height: 30px;
}

.product-content-box .content-box .list-inline {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: 8px;
}

.product-content-box .content-box .list-inline li {
    padding: 0 3px;
}

.product-content-box .content-box .list-inline .fa {
    color: #a6c311;
    font-size: 16px;
}

.product-content-box .content-box span {
    font-size: 16px;
    color: #9e9e9e;
    display: inline-block;
    margin-top: 10px;
}

.product-content-box .content-box .price {
    font-size: 24px;
    color: #a6c311;
    font-weight: bold;
    display: block;
    margin-top: 8px;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f4f4f4;
}

.product-content-box .content-box .price del {
    font-size: 18px;
    color: #9e9e9e;
}

.product-content-box .content-box p {
    color: #9B9B9B;
    font-size: 14px;
    line-height: 24px;
}

.product-content-box .content-box .location-box p {
    font-size: 14px;
    color: #272727;
    margin: 0;
    font-weight: bold;
    font-family: 'Roboto';
    margin-bottom: 10px;
}

.product-content-box .content-box .location-box input {
    border: 1px solid #f4f4f4;
    outline: none;
    line-height: 38px;
    font-size: 16px;
    padding-left: 10px;
    width: 160px;
}

.product-content-box .content-box .location-box button {
    background: #f4f4f4;
    font-size: 14px;
    line-height: 40px;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #9e9e9e;
    padding: 0 18px;
    margin-left: 6px;
}

.product-content-box .content-box .location-box span {
    color: #a6c311;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto';
    margin-left: 9px;
}

.product-content-box .content-box .add-to-cart-box {
    margin-top: 35px;
}

.product-content-box .content-box .add-to-cart-box input {
    width: 70px;
    font-size: 18px;
    line-height: 47px;
    color: #272727;
    text-align: center;
    background: #f4f4f4;
    border: none;
    outline: none;
}

.product-content-box .content-box .add-to-cart-box .thm-btn {
    line-height: 51px;
    margin-left: 25px;
}

.product-tab-box {
    margin-bottom: 80px;
}

.product-tab-box .tab-title {
    border-bottom: 1px solid #f6f4f4;
}

.product-tab-box .tab-title ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-tab-box .tab-title ul li {
    display: inline-block;
    list-style: none;
    margin-right: 6px;
}

.product-tab-box .tab-title ul li.active a {
    background: #a6c311;
    color: #ffffff;
}

.product-tab-box .tab-title ul li a {
    display: block;
    color: #272727;
    font-size: 18px;
    line-height: 45px;
    padding-left: 22px;
    padding-right: 22px;
    font-weight: bold;
    font-family: 'Roboto';
    background: url(../img/resources/texture/strip.png) repeat;
    background-color: #f7f7f7;
    transition: all 0.5s ease;
}

.product-tab-box .tab-title ul li a:hover {
    background: #a6c311;
    color: #ffffff;
}

.product-tab-box .tab-content {
    margin-top: 35px;
}

.product-tab-box .tab-content h3,
.product-tab-box .tab-content ul,
.product-tab-box .tab-content li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-tab-box .tab-content h3 {
    font-size: 24px;
    color: #272727;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 25px;
}

.product-tab-box .tab-content p {
    font-size: 16px;
    line-height: 24px;
    color: #9e9e9e;
    font-family: 'Roboto';
}

.product-tab-box .tab-content #description ul li {
    font-size: 14px;
    color: #9B9B9B;
    line-height: 24px;
    margin-bottom: 10px;
}

.product-tab-box .tab-content #description ul li:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #a6c311;
    line-height: 24px;
    margin-right: 12px;
    position: relative;
    top: 2px;
}

.review-box .single-review-box {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 30px;
    padding-bottom: 25px;
}

.review-box .single-review-box .img-box,
.review-box .single-review-box .text-box {
    display: table-cell;
    vertical-align: top;
}

.review-box .single-review-box .img-box {
    width: 75px;
}

.review-box .single-review-box .text-box {
    padding-left: 30px;
}

.review-box .single-review-box .text-box .top-box {
    margin-bottom: 10px;
}

.review-box .single-review-box .text-box .top-box .title h2 {
    font-size: 18px;
    line-height: 24px;
    color: #272727;
    font-weight: bold;
    margin: 0;
}

.review-box .single-review-box .text-box .top-box .content p {
    margin: 0;
}

.review-box .single-review-box .text-box .top-box .rating-box span {
    color: #272727;
    font-size: 14px;
    display: inline-block;
}

.review-box .single-review-box .text-box .top-box .rating-box ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 16px;
}

.review-box .single-review-box .text-box .top-box .rating-box ul li {
    list-style: none;
    margin-right: 2px;
    display: inline-block;
}

.review-box .single-review-box .text-box .top-box .rating-box ul li i {
    font-size: 16px;
    color: #a6c311;
}

.review-box .single-review-box .text-box .bottom-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.review-box .single-review-box .text-box .bottom-box ul li {
    list-style: none;
    display: inline-block;
}

.review-box .single-review-box .text-box .bottom-box ul li a {
    display: block;
    font-size: 14px;
    color: #9e9e9e;
    transition: all 0.5s ease;
    margin-right: 5px;
}

.review-box .single-review-box .text-box .bottom-box ul li a:hover {
    color: #272727;
}

.review-form-box {
    padding-top: 0 !important;
}

.review-form-box .title {
    margin-bottom: 40px;
}

.review-form-box .title h2 {
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
    color: #272727;
    font-weight: 900;
    display: inline-block;
    background: url(../img/resources/sidebar-title-bg.jpg) repeat top left;
    padding-left: 20px;
    line-height: 60px;
    padding-right: 20px;
}

.review-form-box .add-rating-box h4 {
    margin: 0;
    font-size: 16px;
    color: #9e9e9e;
    margin-bottom: 7px;
}

.review-form-box .add-rating-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px;
    margin-bottom: 10px;
}

.review-form-box .add-rating-box ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #f4f4f4;
    line-height: 0;
    padding-right: 8px;
    padding-left: 4px;
}

.review-form-box .add-rating-box ul li:hover i {
    color: #a6c311;
}

.review-form-box .add-rating-box ul li i {
    color: #f4f4f4;
    font-size: 12px;
    transition: all 0.5s ease;
    margin-right: 4px;
}

.review-form-box input {
    width: 100%;
    height: 50px;
    border: 1px solid #f4f4f4;
    margin-bottom: 30px;
    outline: none;
    padding-left: 15px;
    line-height: 50px;
}

.review-form-box textarea {
    width: 100%;
    height: 165px;
    border: 1px solid #f4f4f4;
    outline: none;
    padding-top: 10px;
    padding-left: 15px;
}

.review-form-box .thm-btn {
    line-height: 50px;
    font-size: 14px;
    margin-top: 30px;
}

/* ==============================
   27. Footer styles
   ============================== */

.footer-area {
    background: #111111 none repeat scroll 0 0;
    padding-bottom: 34px;
    padding-top: 70px;
}

.single-footer-widget .footer-logo {
    margin: 0 0 28px;
}

.single-footer-widget .caption-text p {
    color: #f7f7f7;
    line-height: 28px;
    margin: 0 0 28px;
}

.single-footer-widget h3.title {
    color: #f7f7f7;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-top: 14px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    margin: 0 0 32px;
}

.single-footer-widget h3.title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 270px;
    height: 56px;
    content: "";
    background: url(../img/footer/title-bg.png);
    z-index: -1;
}

.single-footer-widget .footer-links-grid {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

.single-footer-widget ul.quick-links {
    margin-top: -10px;
    padding: 0;
}

.single-footer-widget ul.quick-links.left {
    padding-right: 50px;
    border-right: 1px solid #1c1c1c;
    margin-right: 25px;
}

.single-footer-widget ul.quick-links li {
    list-style: none;
}

.single-footer-widget ul.quick-links li a {
    color: #f7f7f7;
    font-weight: 400;
    line-height: 34px;
    font-family: 'Roboto', sans-serif;
    transition: all .3s ease;
    display: inline-block;
}

.single-footer-widget ul.quick-links li a:hover {
    color: #a6c311;
}

.single-footer-widget .footer-policy-links {
    margin-top: 18px;
}

.single-footer-widget .footer-policy-links li {
    display: inline-block;
    margin-right: 26px;
}

.single-footer-widget .footer-policy-links li:last-child {
    margin-right: 0;
}

.single-footer-widget ul.recent-news {
    margin: 0;
    padding: 0;
    margin-top: -3px;
}

.single-footer-widget ul.recent-news li {
    list-style: none;
    border-bottom: 1px solid #1c1c1c;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.single-footer-widget ul.recent-news li:last-child {
    border-bottom: none;
}

.single-footer-widget ul.recent-news li .box {
    width: 75px;
    position: relative;
}

.single-footer-widget ul.recent-news li .box .overlay {
    position: relative;
}

.single-footer-widget ul.recent-news li:hover .box .overlay .content-box {
    opacity: 1;
}

.single-footer-widget ul.recent-news li .box .overlay .content-box {
    background: #a6c311 none repeat scroll 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    transition: all .5s ease;
}

.single-footer-widget ul.recent-news li .box .overlay .icon-holder i {
    color: #ffffff;
    font-size: 27px;
    margin-top: 0;
    position: relative;
    top: 6px;
}

.single-footer-widget ul.recent-news li .box .overlay .text p {
    margin: 0;
    line-height: 20px;
    color: #f7f7f7;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    transition: all .3s ease;
}

.single-footer-widget ul.recent-news li .content {
    padding-left: 25px;
}

.single-footer-widget ul.recent-news li .box,
.single-footer-widget ul.recent-news li .content {
    display: table-cell;
    vertical-align: middle;
}

.single-footer-widget ul.recent-news li .content p {
    color: #f7f7f7;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 3px;
    transition: all .3s ease;
}

.single-footer-widget ul.recent-news li .content p:hover {
    color: #a6c311;
}

.single-footer-widget ul.recent-news li .content span {
    color: #f7f7f7;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.single-footer-widget ul.contact {
    margin: 0;
    padding: 0;
    margin-top: -8px;
    padding-left: 17px;
}

.single-footer-widget ul.contact li {
    list-style: none;
    border-bottom: 1px solid #1c1c1c;
    color: #f7f7f7;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 12px;
    padding-bottom: 3px;
}

.single-footer-widget ul.contact li:last-child {
    border-bottom: none;
}

.single-footer-widget ul.contact li .icon-holder {
    float: left;
    margin-right: 20px;
    padding-top: 3px;
}

.single-footer-widget ul.contact li .icon-holder i {
    font-size: 18px;
    color: #a6c311;
}

.single-footer-widget ul.contact li .text {
    overflow: hidden;
}

.footer-bottom-area {
    display: none;
}

@media (max-width: 991px) {
    .single-footer-widget .footer-links-grid {
        flex-direction: column;
        gap: 10px;
    }

    .single-footer-widget ul.quick-links.left {
        padding-right: 0;
        border-right: 0;
        margin-right: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #1c1c1c;
    }
}

@media (max-width: 767px) {
    .footer-area {
        padding-top: 60px;
    }

    .single-footer-widget h3.title {
        margin-bottom: 24px;
    }

}

.footer-bottom-area .footer-bottom .copy-right p {
    color: #f7f7f7;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 27px;
    margin: 0;
    padding: 13px 0 14px 20px;
    position: relative;
    z-index: 9;
}

.footer-bottom-area .footer-bottom .social-links {
    padding-top: 8px;
    padding-right: 60px;
    position: relative;
    z-index: 9;
}

.footer-bottom-area .footer-bottom .social-links a i {
    background: #9bb60e none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 38px;
    margin-right: 7px;
    padding: 10px 12px;
    width: 38px;
}

.footer-texture {
    background: url(../img/resources/texture/footer-bg.png) 0 0 repeat-x;
    width: 100%;
    height: 48px;
    margin-top: -48px;
    position: relative;
    z-index: 9;
}

/* ==============================
   28. Inner banner styles
   ============================== */

.inner-banner {
    padding: 77px 0;
}

.inner-banner h2 {
    font-size: 48px;
    line-height: 30px;
    font-weight: bold;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
}

.inner-banner p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    margin-top: 17px;
}

/* ==============================
   29. Inner banner styles
   ============================== */

.bread-cumb {
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
    border-bottom: 1px solid #F7F7F7;
}

.bread-cumb ul {
    margin: 0;
    padding: 0;
}

.bread-cumb ul li {
    display: inline-block;
    list-style: none;
}

.bread-cumb ul li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #9e9e9e;
    line-height: 60px;
    font-weight: 500;
}

.bread-cumb ul li a:after {
    content: '\f0da';
    font-family: 'FontAwesome';
    color: #9e9e9e;
    font-size: 16px;
    margin-left: 15px;
    margin-right: 10px;
}

.bread-cumb ul li span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #a6c311;
}

/* ==============================
   30. 404 styles
   ============================== */

.error-404 p {
    margin: 0;
}

.error-404 input,
.error-404 button {
    border: none;
    outline: none;
}

.error-404 img.e-404 {
    margin-top: 30px;
}

.error-404 p {
    font-family: 'Oregano', sans-serif;
    color: #9e9e9e;
    font-size: 24px;
    line-height: 40px;
    margin-top: 32px;
}

.error-404 a {
    font-size: 18px;
    color: #a6c311;
    font-weight: 900;
    line-height: 24px;
    transition: all .3s ease;
}

.error-404 a:hover {
    color: #272727 !important;
}

.error-404 form {
    border: 2px solid #f6f4f4;
    height: 50px;
    margin-top: 44px;
    margin-bottom: 40px;
}

.error-404 form input {
    width: calc(100% - 54px);
    display: inline-block;
    height: 100%;
    position: relative;
    top: -3px;
    font-size: 14px;
    padding-left: 20px;
}

.error-404 form button {
    font-size: 18px;
    background: #a6c311;
    color: #ffffff;
    width: 50px;
    height: 49px;
    position: relative;
    text-align: center;
    top: -2px;
    right: -2px;
    transition: all .3s ease;
}

.error-404 form button:hover {
    background-color: #272727 !important;
}

/* ==============================
   31. faq styles
   ============================== */

.faq-page .accrodion .accrodion-title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.faq-page .accrodion .accrodion-title h4 {
    font-size: 24px;
}

.faq-page .accrodion .accrodion-title h4 span {
    padding: 7px 0;
    display: inline-block;
    vertical-align: top;
}

.faq-page .accrodion .accrodion-title h4:before {
    width: 40px;
    height: 40px;
    line-height: 36px;
}

.single-faq-box {
    margin-top: 55px;
}

.single-faq-box h3,
.single-faq-box p {
    margin: 0;
}

.single-faq-box h3 {
    font-size: 24px;
    color: #272727;
    font-weight: bold;
    line-height: 30px;
    padding: 18px 0;
    position: relative;
}

.single-faq-box h3:before {
    content: 'Q';
    font-family: 'Lora';
    font-weight: bold;
    color: #EBEBEB;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 72px;
    line-height: 63px;
    z-index: -1;
    opacity: .5;
}

.single-faq-box p {
    font-size: 14px;
    line-height: 26px;
    color: #9e9e9e;
    margin-top: 17px;
}

/* ==============================
   32. Sidebar styles
   ============================== */

.sidebar-page-content {
    padding-right: 40px;
}

.sidebar-page-content .inner-page-wrapper {
    padding-right: 65px;
    border-right: 1px solid #f7f7f7;
}

.pull-right .sidebar-page-content {
    padding-right: 0;
    padding-left: 40px;
}

.pull-right .sidebar-page-content .inner-page-wrapper {
    padding-right: 0;
    border: none;
    padding-left: 65px;
    border-left: 1px solid #f7f7f7;
}

.single-sidebar {
    margin-bottom: 40px;
}

.single-sidebar:last-child {
    margin-bottom: 0;
}

.single-sidebar .title {
    background: url(../img/resources/texture/strip.png) 0 0 repeat;
    padding: 15px 0;
    padding-left: 20px;
    margin-bottom: 30px;
}

.single-sidebar .title h3 {
    font-size: 24px;
    text-transform: uppercase;
    color: #272727;
    line-height: 30px;
    font-weight: 900;
    margin: 0;
}

.single-sidebar.search-widget input,
.single-sidebar.search-widget button {
    border: none;
    outline: none;
}

.single-sidebar.search-widget form {
    border: 2px solid #f6f4f4;
    height: 50px;
}

.single-sidebar.search-widget form input {
    width: calc(100% - 54px);
    display: inline-block;
    height: 100%;
    position: relative;
    top: -3px;
    font-size: 14px;
    padding-left: 20px;
}

.single-sidebar.search-widget form button {
    font-size: 18px;
    background: #a6c311;
    color: #ffffff;
    width: 50px;
    height: 49px;
    position: relative;
    text-align: center;
    top: -2px;
    right: -2px;
    transition: all .3s ease;
}

.single-sidebar.search-widget form button:hover {
    background-color: #272727 !important;
}

.single-sidebar.category-widget ul,
.single-sidebar.category-widget li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-sidebar.category-widget .title {
    margin-bottom: 15px;
}

.single-sidebar.category-widget li a {
    font-size: 16px;
    color: #9e9e9e;
    line-height: 35px;
    display: block;
}

.single-sidebar.category-widget li a span {
    text-align: right;
    float: right;
}

.single-sidebar.package-slider-widget .offer-going-package-menu {
    margin-top: 20px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .carousel-indicators {
    position: static;
    margin: 0;
    width: 100%;
    margin-top: 32px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .carousel-indicators li {
    width: 10px;
    height: 10px;
    background: #f7f7f7;
    border: 1px solid #DDE4E5;
    border-radius: 50%;
    margin: 0 2.5px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .carousel-indicators li.active {
    background: #a6c311;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .img-box {
    display: block;
    position: relative;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .img-box img {
    width: 100%;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .img-box .box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay {
    display: table;
    width: 100%;
    height: 100%;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay .content {
    display: table-cell;
    vertical-align: top;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .img-box .box .overlay .content h4 {
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    font-weight: 900;
    font-style: italic;
    background: #a6c311;
    line-height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
    margin: 0;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box {
    margin-top: 13px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .icon-box,
.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box {
    display: table-cell;
    vertical-align: middle;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .icon-box .box {
    background: #a6c311;
    width: 46px;
    height: 46px;
    text-align: center;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .icon-box .box i {
    font-size: 28px;
    line-height: 46px;
    color: #ffffff;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box {
    padding-left: 15px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3,
.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box p,
.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul,
.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 {
    font-size: 18px;
    color: #272727;
    font-weight: bold;
    margin: 0;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 span {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: bold;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box h3 span b {
    font-weight: bold;
    color: #a6c311;
    font-size: 18px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li {
    display: inline-block;
    margin: 0;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li a {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 12px;
    color: #9e9e9e;
    font-style: italic;
    font-weight: normal;
    background: none !important;
    margin-right: 5px;
}

.single-sidebar.package-slider-widget .offer-going-package-menu .single-offer-going-pack .text-box .content-box ul li a:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #a6c311;
    border-radius: 50%;
    margin-right: 5px;
}

.single-sidebar.post-widget ul.recent-news {
    margin: 0;
    padding: 0;
    margin-top: -3px;
}

.single-sidebar.post-widget ul.recent-news li {
    list-style: none;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.single-sidebar.post-widget ul.recent-news li:last-child {
    border-bottom: none;
}

.single-sidebar.post-widget ul.recent-news li .box {
    width: 75px;
    position: relative;
}

.single-sidebar.post-widget ul.recent-news li .box .overlay {
    position: relative;
}

.single-sidebar.post-widget ul.recent-news li:hover .box .overlay .content-box {
    opacity: 1;
}

.single-sidebar.post-widget ul.recent-news li .box .overlay .content-box {
    background: #a6c311 none repeat scroll 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    transition: all .5s ease;
}

.single-sidebar.post-widget ul.recent-news li .box .overlay .icon-holder i {
    color: #ffffff;
    font-size: 27px;
    margin-top: 0;
    position: relative;
    top: 6px;
}

.single-sidebar.post-widget ul.recent-news li .box .overlay .text p {
    margin: 0;
    line-height: 20px;
    color: #f7f7f7;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    transition: all .3s ease;
}

.single-sidebar.post-widget ul.recent-news li .content {
    padding-left: 25px;
}

.single-sidebar.post-widget ul.recent-news li .box,
.single-sidebar.post-widget ul.recent-news li .content {
    display: table-cell;
    vertical-align: middle;
}

.single-sidebar.post-widget ul.recent-news li .content p {
    color: #272727;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 3px;
    transition: all .3s ease;
}

.single-sidebar.post-widget ul.recent-news li .content p:hover {
    color: #a6c311;
}

.single-sidebar.post-widget ul.recent-news li .content span {
    color: #a6c311;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.single-sidebar.price-filter .range-slider-price {
    margin-top: 50px;
    margin-bottom: 30px;
}

.single-sidebar.price-filter button {
    color: #272727;
    font-size: 14px;
    font-weight: 900;
    background: #f4f4f4 url(../img/resources/texture/strip.png) repeat;
    border: none;
    outline: none;
    text-transform: uppercase;
    width: 90px;
    height: 35px;
    display: inline-block;
    float: left;
}

.single-sidebar.price-filter p {
    display: inline-block;
    float: right;
    margin: 0;
    line-height: 35px;
    font-size: 16px;
    font-weight: 500;
    color: #9e9e9e;
    text-transform: capitalize;
    font-family: 'Roboto';
    font-weight: bold;
}

.single-sidebar.price-filter input {
    width: auto;
    border: none;
    outline: none;
    width: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #9e9e9e;
    font-family: 'Roboto';
    font-weight: bold;
}

.single-sidebar.price-filter .noUi-connect {
    background: #f6f6f6 !important;
    border-color: #f6f6f6;
}

.single-sidebar.price-filter .noUi-background {
    background: #f4f4f4 !important;
}

.single-sidebar.price-filter .noUi-handle {
    background: #a6c311 !important;
    border-radius: 50% !important;
    box-shadow: none;
    border-color: #e0e0e0;
    cursor: pointer;
}

/* ==============================
   33. Blog styles
   ============================== */

.single-blog-post ul,
.single-blog-post li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-blog-post .img-holder {
    position: relative;
}

.single-blog-post .img-holder .icon-holder {
    background: #a6c311 none repeat scroll 0 0;
    color: #f7f7f7;
    height: 75px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 75px;
    padding-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.single-blog-post .img-holder .icon-holder i {
    font-size: 25px;
    display: block;
}

.single-blog-post .img-holder .icon-holder p {
    font-weight: 700;
    margin: 0;
    line-height: 16px;
    margin: 3px 0 0;
    font-family: 'Roboto', sans-serif;
}

.single-blog-post .img-holder img {
    width: 100%;
}

.single-blog-post .img-holder .overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

.single-blog-post .img-holder .overlay ul {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.single-blog-post .img-holder .overlay ul li {
    padding: 23px 0;
    background: #a6c311 none repeat scroll 0 0;
    border-right: 1px solid #b7d617;
    display: block;
    float: left;
    text-align: center;
    width: 50%;
}

.single-blog-post .img-holder .overlay ul li:last-child {
    border-right: 0;
}

.single-blog-post .img-holder .overlay ul li a i {
    color: #ffffff;
    font-size: 18px;
}

.single-blog-post .content .meta {
    margin: 20px -3px 12px;
}

.single-blog-post .content .meta li {
    display: inline-block;
}

.single-blog-post .content .meta li a {
    background: #f7f7f7 url(../img/resources/texture/strip.png) repeat;
    color: #9e9e9e;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0 4px;
    padding: 3px 9px;
    transition: all 0.5s ease 0s;
}

.single-blog-post .content .meta li a i {
    color: #a6c311;
    display: inline-block;
    padding-right: 10px;
}

.single-blog-post .content .meta li a:hover {
    background: #a6c311;
    color: #ffffff;
}

.single-blog-post .content .meta li a:hover i {
    color: #ffffff;
}

.single-blog-post .content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #323232;
    line-height: 34px;
    margin: 0 0 5px;
    transition: all .3s ease;
}

.single-blog-post .content h3:hover {
    color: #a6c311;
}

.single-blog-post .content p {
    margin: 0 0 23px;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 24px;
}

.single-blog-post .content a.read-more {
    background: #f7f7f7 url(../img/resources/texture/strip.png) repeat;
    color: #272727;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    height: 50px;
    padding: 13px 29px;
    text-transform: uppercase;
    transition: background .3s ease .3s;
}

.single-blog-post a.read-more:hover {
    background: #a6c311;
    color: #fff;
}

.single-blog-post:hover .overlay {
    transform: scale(1);
}

.single-blog-post:hover .icon-holder {
    display: none;
}

.single-post-page .single-blog-post .content h3 {
    font-size: 30px;
    line-height: 45px;
}

.single-post-page .share-box {
    margin-bottom: 40px;
}

.single-post-page .share-box ul,
.single-post-page .share-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-post-page .share-box label {
    display: inline-block;
    font-size: 24px;
    color: #272727;
    line-height: 38px;
    font-weight: bold;
    margin-bottom: 0;
    vertical-align: bottom;
    margin-right: 20px;
}

.single-post-page .share-box ul.social-icons {
    display: inline-block;
}

.single-post-page .share-box ul.social-icons li {
    display: inline-block;
    list-style: none;
}

.single-post-page .share-box ul.social-icons li a {
    display: block;
    font-size: 18px;
    color: #f7f7f7;
    background: #9bb60e;
    text-align: center;
    line-height: 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-left: 5px;
}

.single-post-page .share-box ul.social-icons li a i.fa-google-plus {
    font-size: 17px;
}

.comment-box {
    padding-top: 60px;
}

.comment-box .single-comment-box {
    padding-bottom: 30px;
    margin-bottom: 35px;
    border-bottom: 1px solid #f6f4f4;
}

.comment-box .single-comment-box:last-child {
    margin-bottom: 0;
}

.comment-box .single-comment-box .img-box,
.comment-box .single-comment-box .text-box {
    display: table-cell;
    vertical-align: top;
}

.comment-box .single-comment-box .img-box {
    width: 100px;
}

.comment-box .single-comment-box .text-box {
    padding-left: 20px;
}

.comment-box .single-comment-box .text-box .top-box h2 {
    display: inline-block;
    font-size: 24px;
    color: #272727;
    margin: 0;
    line-height: 24px;
    font-weight: bold;
    font-variant: small-caps;
}

.comment-box .single-comment-box .text-box .top-box span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Raleway';
    color: #a6c311;
}

.comment-box .single-comment-box .text-box .content p {
    margin: 0;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 24px;
    margin-top: 11px;
    margin-bottom: 18px;
}

.comment-box .single-comment-box .text-box .content a {
    font-size: 16px;
    font-weight: bold;
    color: #a6c311;
}

.reply-box {
    padding-top: 60px;
}

.reply-box input,
.reply-box textarea,
.reply-box button {
    width: 100%;
    border: 1px solid #f2f2f2;
    outline: none;
    padding-left: 20px;
}

.reply-box input {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}

.reply-box textarea {
    height: 190px;
    padding-top: 10px;
}

.reply-box button {
    background: #a6c311;
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
    padding: 0;
    line-height: 50px;
    text-transform: uppercase;
    margin-top: 10px;
    transition: all 0.5s ease;
    border: none;
}

.reply-box button i {
    margin: 0;
}

.reply-box button:hover {
    background: #272727;
}

.blog-v1 .single-blog-post {
    margin-bottom: 60px;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 60px;
    margin-right: -65px;
    padding-right: 65px;
}

.blog-v1 .single-blog-post .content h3 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 10px;
}

.blog-v2 .divider {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 60px;
    padding-bottom: 60px;
}

.blog-v3 .single-blog-post .content .meta {
    margin-top: 0;
}

.blog-v3 .single-blog-post .content p {
    margin-bottom: 18px;
}

.blog-v3 .single-blog-post {
    margin-bottom: 60px;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 60px;
    margin-right: -65px;
    padding-right: 65px;
}

/* ==============================
   34. contact styles
   ============================== */

.contact-section {
    padding-bottom: 60px;
}

.contact-section.contact-page {
    padding-bottom: 80px;
}

.home-contact-form {
    padding: 20px;
    box-shadow: 0 0px 10px 0.5px rgba(0, 0, 0, 0.07);
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
}

.home-contact-form input,
.home-contact-form textarea,
.home-contact-form button {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    background: #FCFCFC;
}

.home-contact-form input {
    height: 50px;
    background: #FCFCFC;
    margin-bottom: 20px;
    padding-left: 20px;
    border: 1px solid #F8F6F6;
}

.home-contact-form textarea {
    background: #FCFCFC;
    padding-left: 20px;
    padding-top: 15px;
    height: 214px;
    border: 1px solid #F8F6F6;
}

.home-contact-form button {
    background: #a6c311;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    line-height: 50px;
    margin-top: 10px;
    transition: all 0.5s ease;
}

.home-contact-form button:hover {
    background: #272727;
}

.contact-info-box {
    background: #ffffff url(../img/resources/texture/strip.png) repeat;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #f7f7f7;
}

.contact-info-box h3,
.contact-info-box ul,
.contact-info-box li,
.contact-info-box p {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-info-box h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: bold;
    color: #323232;
}

.contact-info-box ul {
    margin-top: 25px;
}

.contact-info-box li {
    margin-bottom: 25px;
}

.contact-info-box .icon-box,
.contact-info-box .text-box {
    display: table-cell;
    vertical-align: top;
}

.contact-info-box .icon-box {
    width: 30px;
}

.contact-info-box .icon-box i {
    font-size: 18px;
    color: #a6c311;
    line-height: 30px;
}

.contact-info-box .text-box {
    padding-left: 0px;
}

.contact-info-box .text-box p {
    font-size: 16px;
    line-height: 30px;
    font-family: 'Roboto';
    color: #9e9e9e;
    font-weight: normal;
}

/* ==============================
   35. Cart Page styles
   ============================== */

.cart-section {
    position: relative;
    padding: 80px 0px;
}

.cart-section ul {
    margin: 0;
    padding: 0;
}

.cart-section ul li {
    list-style: none;
}

.cart-section .thm-btn {
    line-height: 44px;
    background: #a6c311;
}

.cart-section .thm-btn:hover {
    background: #272727;
}

.cart-section .cart-outer {
    position: relative;
}

.cart-section .table-outer {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.cart-section .cart-table {
    width: 100%;
    min-width: 900px;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 7px;
    background: #f5f5f5 url(../img/resources/texture/strip.png);
    color: #222222;
}

.cart-table thead tr th {
    line-height: 24px;
    padding: 20px 15px;
    min-width: 120px;
    font-weight: 700;
}

.cart-table thead tr th.prod-column {
    text-align: left;
    padding-left: 40px;
}

.cart-table tbody tr td {
    line-height: 24px;
    padding: 15px 10px;
    min-width: 100px;
    font-size: 16px;
    font-weight: bold;
    color: #aaaaaa;
    font-family: 'Roboto', sans-serif;
}

.cart-table tbody tr .qty {
    width: 120px;
    padding-right: 20px;
}

.cart-table tbody tr .qty .quantity-spinner {
    background: #f5f5f5;
}

.cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 90px;
    padding-left: 80px;
    padding-top: 15px;
    text-align: left;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
    position: absolute;
    left: 0px;
    top: 11px;
    background: #f4f4f4;
    padding: 0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h3 {
    font-size: 18px;
    color: #2f2f31;
    font-weight: 700;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #272727;
    text-transform: capitalize;
}

.cart-table tbody tr .sub-total {
    font-weight: 700;
    color: #a6c311;
}

.cart-table tbody tr .remove-btn {
    position: relative;
    font-size: 16px;
    color: #282828;
    line-height: 30px;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
    position: relative;
    top: 2px;
    padding-right: 10px;
    font-size: 24px;
    line-height: 30px;
}

.cart-table tbody tr .remove-btn:hover {
    color: #ec1c33;
}

.cart-table tbody tr {
    border-bottom: 1px solid #e9e9e9;
}

.cart-table tbody tr td {
    vertical-align: middle;
}

.cart-table tbody tr td .quantity-spinner {
    padding: 5px 0px 5px 20px;
    line-height: 24px;
    height: 34px;
    display: block;
    width: 100%;
    position: relative;
}

.cart-table tbody .available-info {
    position: relative;
    padding-left: 50px;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 500;
}

.cart-table tbody .available-info .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background: #a6c311;
    border-radius: 50%;
}

.cart-table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.cart-table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    background: #a6c311;
}

.cart-table .bootstrap-touchspin .input-group-btn-vertical i {
    color: #ffffff;
    left: 6px;
}

.cart-table tbody tr .qty .quantity-spinner {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-right: 0;
}

.cart-section .apply-coupon {
    position: relative;
}

.cart-section .apply-coupon .form-group {
    position: relative;
    float: left;
    margin-right: 20px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
    display: block;
    line-height: 24px;
    padding: 9px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    width: 230px;
    background: none;
    font-weight: 500;
    outline: none;
    height: 44px;
}

.cart-section .estimate-form {
    position: relative;
}

.cart-section h3 {
    font-size: 24px;
    font-weight: 700;
    color: #2f2f31;
    margin-bottom: 30px;
}

.cart-section .estimate-form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.cart-section .estimate-form .row .form-group {
    padding: 0px 7px !important;
    margin-bottom: 31px;
}

.cart-section .totals-table {
    position: relative;
    border: 1px solid #f8f8f8;
    font-family: 'Roboto', sans-serif;
}

.cart-section .totals-table .col {
    position: relative;
    display: block;
    float: left;
    padding: 10px 15px;
    line-height: 24px;
    width: 50%;
}

.cart-section .totals-table .col-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #353535;
    border-right: 1px solid #f8f8f8;
    font-weight: 700;
}

.cart-section .totals-table li {
    position: relative;
    border-bottom: 1px solid #f8f8f8;
}

.cart-section .totals-table li:last-child {
    border-bottom: none;
}

.cart-section .update-cart-box {
    padding-top: 40px;
}

.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-toggle .caret {
    border: none;
    top: 2px;
    right: 20px;
}

.cart-section .estimate-form .select-box .btn-group.bootstrap-select {
    width: 100%;
    outline: none;
}

.cart-section .estimate-form .select-box .btn-group.bootstrap-select .btn {
    background: #ffffff;
    font-size: 14px;
    color: #9e9e9e;
    text-transform: capitalize;
    border: none;
    outline: none !important;
    padding: 15px 15px;
    border-radius: 0;
    border: 1px solid #f6f4f4;
}

.cart-section .estimate-form .select-box .dropdown-menu {
    padding: 0;
    border-radius: 0;
}

.cart-section .estimate-form .select-box .dropdown-menu>li>a {
    padding: 8px 15px;
    color: #ffffff;
    transition: all .3s ease;
}

.cart-section .estimate-form .select-box .dropdown-menu>li>a:hover {
    background: #a6c311;
}

.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
    color: #ffffff;
    transition: all .3s ease;
}

.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a span.text {
    font-size: 13px;
    color: #9e9e9e;
}

.cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-toggle .caret:before {
    content: '\f107';
    font-family: 'FontAwesome';
    color: #9e9e9e;
    font-size: 14px;
    line-height: 46px;
}

.cart-section .estimate-form h3 {
    text-transform: uppercase;
    font-size: 24px;
    color: #262626;
    margin: 0;
    margin-bottom: 40px;
    margin-top: 80px;
}

.cart-section .cart-total h3 {
    text-transform: uppercase;
    font-size: 24px;
    color: #262626;
    margin: 0;
    margin-bottom: 40px;
    margin-top: 80px;
}

.cart-section .cart-total .thm-btn {
    margin-top: 30px;
}

.cart-section .estimate-form input {
    width: 100%;
    border: 2px solid #f8f8f8;
    outline: none;
    height: 52px;
    padding-left: 15px;
}

.cart-section .estimate-form select {
    width: 100%;
    border: 2px solid #f8f8f8;
    outline: none;
    height: 45px;
    padding-left: 15px;
    color: #9e9e9e;
    font-size: 16px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../img/resources/icon-dropdown.png) 97% center no-repeat;
    cursor: pointer;
}

.cart-section .thm-btn.update-cart {
    border: 1px solid #f5f5f5;
    color: #272727;
    background-color: transparent;
}

/* ==============================
   36. Checkout page styles
   ============================== */

.checkout-section .styled-heading h2 {
    background: url(../img/resources/cart-page-title-bg.png) top center repeat;
    display: inline-block;
    text-transform: uppercase;
    font-size: 24px;
    color: #272727;
    line-height: 30px;
    font-weight: 900;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.checkout-section.cart-section .billing-info-form form .form-group .field-label {
    color: #9e9e9e;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 3px;
}

.checkout-section.cart-section .billing-info-form form .form-group input {
    border: 2px solid #f4f4f4;
    color: #9e9e9e;
    font-size: 16px;
    height: 48px;
    padding: 0 20px;
    width: 100%;
}

.checkout-section.cart-section .bottom {
    padding-top: 40px;
}

.checkout-section .column.default-column h3 {
    color: #262626;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 36px;
}

.checkout-section.cart-section .bottom .totals-table {
    border: 2px solid #f4f4f4;
}

.checkout-section.cart-section .bottom .totals-table li {
    border-bottom: 1px solid #f4f4f4;
}

.checkout-section.cart-section .bottom .totals-table li span.col.col-title {
    border-right: 1px solid #f4f4f4;
    color: #9e9e9e;
    font-size: 16px;
    font-weight: 400;
}

.checkout-section.cart-section .bottom .totals-table li span.col {
    color: #999999;
    font-size: 16px;
}

.checkout-section .payment-options {
    padding-top: 30px;
}

.checkout-section .payment-options .option-block .radio-block.active .icon i {
    color: #a6c311;
}

.checkout-section .payment-options .option-block {
    margin-bottom: 10px;
}

.checkout-section .payment-options .option-block .radio-block .icon {
    float: left;
    padding-right: 15px;
}

.checkout-section .payment-options .option-block .radio-block .icon i {
    color: #9e9e9e;
    font-size: 16px;
    line-height: 28px;
}

.checkout-section .payment-options .option-block .radio-block label.radio-label {
    color: #272727;
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.checkout-section .payment-options .text {
    padding-left: 30px;
}

.checkout-section .payment-options .text p {
    color: #9e9e9e;
    font-size: 16px;
    font-weight: 400;
}

.checkout-section.cart-section .thm-btn {
    margin-top: 40px;
}

.checkout-section.cart-section .cart-table {
    width: 100%;
    min-width: auto;
}

.checkout-section.cart-section .cart-total .section-title {
    padding-bottom: 35px;
}

/* ==============================
   37. Login Register styles
   ============================== */

.login-register ul,
.login-register li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.login-register .form-grp {
    border: 2px solid #f6f4f4;
    height: 48px;
    padding-left: 15px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.login-register .form-grp input {
    border: none;
    outline: none;
    height: 100%;
    width: 70%;
    float: left;
}

.login-register .form-grp i {
    font-size: 14px;
    color: #9e9e9e;
    float: right;
    line-height: 44px;
}

.login-register .thm-btn {
    font-size: 14px;
    line-height: 45px;
}

.login-register p {
    margin: 0;
    font-size: 14px;
    color: #9e9e9e;
    font-family: 'Roboto';
    line-height: 45px;
}

.login-register label {
    font-weight: normal;
    color: #9e9e9e;
    margin: 0;
    display: inline-block;
    line-height: 40px;
}

.login-register ul.social-icon {
    display: inline-block;
    margin-left: 10px;
}

.login-register ul.social-icon li {
    display: inline-block;
    padding: 0 6px;
}

.login-register ul.social-icon li a {
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    background: #3B5998;
    display: block;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
}

.login-register ul.social-icon li a.twitter {
    background: #33CCFE;
}

.login-register ul.social-icon li a.google-plus {
    background: #DD4B39;
}

.login-register a {
    font-size: 14px;
    color: #a6c311;
    font-weight: bold;
}

.login-register .remember-box {
    margin-top: 20px;
}

.login-register .remember-box label {
    margin-left: 5px;
}

.login-register .remember-box input {
    position: relative;
    top: 2px;
}

/*
* layout control
*/

body {
    transition: width .4s ease;
}

body.boxed {
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

body.boxed .header .header-top {
    overflow: hidden;
}

body.boxed .stricky {
    position: relative;
}

body.boxed .stricky.stricky-fixed {
    position: fixed;
}

body.boxed .stricky+section {
    margin-top: -174px;
}

body.boxed .stricky.stricky-fixed+section,
body.boxed .header-v2.stricky+section,
body.boxed .home-3.stricky+section,
body.boxed .header-v5.stricky+section {
    margin-top: 0px;
}

body.full-width {
    width: 100%;
    max-width: 100%;
}

/* Yuva cart and checkout UI */
.yuva-cart-fab {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1055;
}

.yuva-cart-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: #a6c311;
    color: #fff;
    border-radius: 999px;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .25);
}

.yuva-cart-toggle i {
    font-size: 16px;
}

.yuva-cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 12px;
}

.yuva-cart-overlay {
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 10, .55);
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;
    z-index: 1050;
}

.yuva-cart-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.yuva-cart-drawer {
    position: fixed;
    top: 0;
    right: -420px;
    width: 400px;
    max-width: 100%;
    height: 100vh;
    background: #111;
    color: #fff;
    z-index: 1051;
    transition: right .3s ease;
    display: flex;
    flex-direction: column;
    box-shadow: -18px 0 50px rgba(0, 0, 0, .35);
}

.yuva-cart-drawer.is-open {
    right: 0;
}

.yuva-cart-drawer__header,
.yuva-cart-drawer__footer {
    padding: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.yuva-cart-drawer__footer {
    border-bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.yuva-cart-drawer__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.yuva-cart-drawer__header .eyebrow {
    display: block;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #a6c311;
    margin-bottom: 6px;
}

.yuva-cart-drawer__header h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
}

.yuva-cart-close {
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .18);
}

.yuva-cart-drawer__body {
    flex: 1;
    overflow-y: auto;
    padding: 0 22px 22px;
}

.yuva-cart-empty {
    padding: 22px 0;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
}

.yuva-cart-item {
    display: flex;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.yuva-cart-item img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 12px;
    flex: 0 0 auto;
}

.yuva-cart-item h4 {
    margin: 0 0 4px;
    font-size: 15px;
    color: #fff;
}

.yuva-cart-item p {
    margin: 0;
    font-size: 13px;
    color: rgba(255, 255, 255, .72);
}

.yuva-cart-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.yuva-cart-qty {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.yuva-cart-qty button,
.yuva-cart-remove {
    border: 0;
    background: #1f1f1f;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    padding: 0;
}

.yuva-cart-qty span {
    min-width: 20px;
    text-align: center;
}

.yuva-cart-total-row,
.yuva-order-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.yuva-cart-total-row strong,
.yuva-order-total strong {
    font-size: 20px;
}

.yuva-cart-note,
.yuva-order-hint {
    font-size: 13px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .7);
}

.yuva-cart-drawer .thm-btn {
    width: 100%;
    display: block;
    text-align: center;
}

.yuva-add-to-cart {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    border: 0;
    background: #111;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 999px;
    transition: all .2s ease;
}

.yuva-add-to-cart:hover {
    background: #a6c311;
    color: #fff;
}

.single-product-item.is-in-cart .img-holder {
    box-shadow: 0 0 0 2px rgba(166, 195, 17, .25) inset;
}

.yuva-order-modal .modal-content {
    border-radius: 18px;
    overflow: hidden;
}

.yuva-order-modal .modal-header,
.yuva-order-modal .modal-footer {
    padding: 20px 24px;
    border-color: #eee;
}

.yuva-order-modal .modal-body {
    padding: 24px;
}

.yuva-order-modal label {
    font-size: 13px;
    color: #333;
    font-weight: 700;
}

.yuva-order-modal .form-control {
    height: 46px;
    border-radius: 10px;
    border-color: #d9d9d9;
    box-shadow: none;
}

.yuva-order-modal textarea.form-control {
    height: auto;
    min-height: 110px;
}

.yuva-order-summary {
    background: #f8f8f8;
    border-radius: 16px;
    padding: 20px;
}

.yuva-order-summary h5 {
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 16px;
}

.yuva-order-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
}

.yuva-order-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
}

.yuva-order-item span {
    color: #666;
}

.shop-cta-compact {
    background: linear-gradient(135deg, #111 0%, #1f1f1f 100%);
    color: #fff;
    border-radius: 18px;
    padding: 34px 24px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.shop-cta-compact h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 30px;
}

.shop-cta-compact p {
    max-width: 720px;
    margin: 0 auto 20px;
    color: rgba(255, 255, 255, .8);
}

.single-service-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 28px;
    margin-bottom: 30px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .06);
    min-height: 220px;
}

.single-service-card .icon-box {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: #a6c311;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 18px;
}

.single-service-card h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 22px;
}

.single-service-card p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.7;
}

.single-service-card-wide {
    min-height: 220px;
}

.service-tags {
    margin-top: 18px;
    margin-bottom: 0;
}

.service-tags li {
    display: inline-block;
    background: #111;
    color: #fff;
    padding: 8px 12px;
    border-radius: 999px;
    margin: 0 8px 8px 0;
    font-size: 13px;
}

.policy-page {
    max-width: 900px;
    margin: 0 auto;
}

.policy-page h3 {
    margin-top: 30px;
    margin-bottom: 12px;
    font-size: 22px;
}

.policy-page h3:first-child {
    margin-top: 0;
}

.policy-page p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .yuva-cart-fab {
        right: 14px;
        bottom: 14px;
    }

    .yuva-cart-drawer {
        width: 100%;
        right: -100%;
    }

    .yuva-order-modal .modal-body {
        padding: 18px;
    }
}

/*
* new fixes 24 8 16
*/

.accrodion .accrodion-title h4 {
    position: relative;
    padding-left: 50px;
}

.accrodion .accrodion-title h4:before {
    position: absolute;
    top: -6px;
    left: 0;
    margin: 0;
}

.faq-page .accrodion .accrodion-title h4 {
    padding-left: 50px;
}

.faq-page .accrodion .accrodion-title h4:before {
    top: 2px;
}

.health-care-package-area .single-item .content .package-list ul li,
.workout-schedules-area .single-item .content .schedules-list ul li,
.product-tab-box .tab-content #description ul li {
    position: relative;
    padding-left: 25px;
}

.health-care-package-area .single-item .content .package-list ul li i,
.workout-schedules-area .single-item .content .schedules-list ul li i,
.product-tab-box .tab-content #description ul li:before {
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
}

.workout-schedules-area .single-item .content {
    padding: 0 16px;
}

.fitness-care-gym-area {
    top: -56px;
    margin-top: -10px;
}

.fitness-service-round-icon {
    padding-bottom: 100px;
}

.single-workout-package-page p b {
    background-color: transparent !important;
}
.head_logo{
    width: 128px;
    border-radius: 10px;
}

.row.align-items-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Yuva premium storefront refresh */
body {
    background: #f4efe6;
    color: #141414;
}

a {
    color: #c0974d;
}

a:hover,
a:focus {
    color: #8c6a2d;
}

.header.header-v5 {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    border-bottom: 0;
}

.header.header-v5 .contact-info > li,
.header.header-v5 .contact-info > li span,
.header.header-v5 .contact-info > li a,
.header.header-v5 .social a {
    color: rgba(255, 255, 255, 0.84);
}

.header.header-v5 .menuzord-menu > li > a {
    color: #fff;
    letter-spacing: 0.08em;
}

.header.header-v5 .menuzord-menu > li:hover > a,
.header.header-v5 .menuzord-menu > li.active > a {
    color: #d8b76c;
}

.header.header-v5.stricky-fixed {
    background: rgba(11, 11, 11, 0.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: none;
}

.header-premium {
    background: transparent;
    border-bottom: 0;
}

.yuva-nav-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: all 0.25s ease;
}

.yuva-header-link,
.yuva-nav-pill {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.yuva-nav-pill:hover {
    border-color: #d8b76c;
    color: #d8b76c;
}

.yuva-nav-pill-dark {
    background: #d8b76c;
    color: #111;
    border: 1px solid #d8b76c;
}

.yuva-header-call:hover,
.yuva-nav-pill-dark:hover {
    background: #fff;
    color: #111;
    border-color: #fff;
}

.yuva-main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 78px;
    padding: 4px 0;
}

.yuva-main-nav #menuzord {
    width: auto;
    flex: 1 1 auto;
}

.yuva-nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.header.header-v5 .menuzord-brand {
    padding: 0;
    flex: 0 0 auto;
}

.header.header-v5 .menuzord-menu > li > a {
    font-size: 11px;
    font-weight: 700;
    padding: 14px 12px;
}

.header.header-v5 .menuzord-menu > li > a span {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.header.header-v5 .menuzord-menu ul.dropdown li a {
    padding: 13px 18px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.yuva-hero-slider-wrap {
    background: linear-gradient(180deg, #0b0b0b 0%, #16110b 100%);
    padding: 0 0 72px;
}

.yuva-hero-slider-wrap .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.yuva-home-slider {
    position: relative;
}

.yuva-slide {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    padding: 38px 36px 46px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(0, 0, 0, 0.82) 0%, rgba(20, 20, 20, 0.7) 52%, rgba(24, 18, 10, 0.88) 100%),
        url("../img/resources/texture/pattern-1.png") center/cover repeat;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.28);
}

.yuva-slide .row {
    width: 100%;
}

.yuva-slide .yuva-hero-copy h1 {
    max-width: 540px;
}

.yuva-home-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.yuva-home-slider .owl-nav [class*=owl-] {
    pointer-events: auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: all 0.25s ease;
}

.yuva-home-slider .owl-nav [class*=owl-]:hover {
    background: #d8b76c;
    color: #111;
}

.yuva-home-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.yuva-home-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.28);
}

.yuva-home-slider .owl-dots .owl-dot.active span {
    background: #d8b76c;
}

.yuva-hero {
    position: relative;
    overflow: hidden;
    padding: 110px 0 82px;
    background:
        radial-gradient(circle at top right, rgba(216, 183, 108, 0.18), transparent 30%),
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.08), transparent 22%),
        linear-gradient(135deg, #080808 0%, #131313 56%, #1c160f 100%);
    color: #fff;
}

.yuva-hero:before,
.yuva-hero:after {
    content: "";
    position: absolute;
    inset: auto;
    pointer-events: none;
}

.yuva-hero:before {
    right: -120px;
    top: -40px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(216, 183, 108, 0.25), transparent 70%);
    filter: blur(4px);
}

.yuva-hero:after {
    left: -180px;
    bottom: -140px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 72%);
}

.yuva-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.yuva-eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #d8b76c;
    font-size: 12px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-weight: 700;
}

.yuva-hero-copy h1,
.yuva-about-panel h2,
.yuva-series-copy h2,
.yuva-franchise-banner h2,
.yuva-expert-banner h2 {
    margin: 0;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.yuva-hero-copy h1 {
    font-size: clamp(44px, 7vw, 82px);
    line-height: 0.95;
    color: #fff;
    margin-bottom: 22px;
}

.yuva-hero-copy p {
    color: rgba(255, 255, 255, 0.74);
    font-size: 17px;
    line-height: 1.8;
    max-width: 520px;
}

.yuva-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.yuva-hero-points {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 28px 0 0;
}

.yuva-hero-points li {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.9);
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
}

.yuva-hero-visual {
    display: grid;
    gap: 18px;
    position: relative;
    z-index: 1;
}

.yuva-hero-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.28);
}

.yuva-hero-card-main {
    min-height: 560px;
}

.yuva-hero-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.yuva-hero-card-small {
    min-height: 210px;
}

.yuva-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.7));
}

.yuva-card-content {
    position: absolute;
    inset: auto 0 0;
    padding: 26px;
    color: #fff;
}

.yuva-card-kicker {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1;
    color: #fff;
}

.yuva-card-content h3,
.yuva-card-content h4 {
    margin: 8px 0 0;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.yuva-card-content p {
    margin: 8px 0 0;
    max-width: 300px;
    color: rgba(255, 255, 255, 0.75);
}

.yuva-mini-label {
    display: inline-block;
    margin-bottom: 8px;
    color: #d8b76c;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 700;
}

.yuva-stats {
    margin-top: -38px;
    position: relative;
    z-index: 2;
}

.yuva-stat-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 22px;
    padding: 26px 18px;
    text-align: center;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.yuva-stat-card strong {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 34px;
    line-height: 1;
    color: #111;
}

.yuva-stat-card span {
    display: block;
    margin-top: 8px;
    color: #6b6255;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
}

.yuva-section {
    padding: 96px 0;
    background: #f4efe6;
}

.yuva-section-alt {
    background: linear-gradient(180deg, #efe7da 0%, #e7ddcf 100%);
}

.yuva-section-title h1 {
    background: none;
}

.yuva-section-title h1 span {
    background: transparent;
    padding: 0;
}

.yuva-section-title p {
    max-width: 760px;
    color: #6e6659;
}

.yuva-category-card {
    margin-bottom: 30px;
    border-radius: 24px;
    overflow: hidden;
    background: #111;
    color: #fff;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.14);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.yuva-category-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 56px rgba(0, 0, 0, 0.2);
}

.yuva-category-image {
    min-height: 200px;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.yuva-category-content {
    flex: 1;
    padding: 26px 24px 28px;
    background: #111;
}

.yuva-category-content span,
.yuva-package-content span,
.yuva-series-copy .yuva-eyebrow,
.yuva-about-panel .yuva-eyebrow,
.yuva-franchise-banner .yuva-eyebrow,
.yuva-expert-banner .yuva-eyebrow {
    color: #d8b76c;
}

.yuva-category-content h3 {
    margin: 10px 0 8px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
}

.yuva-category-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.7;
    min-height: 44px;
}

.yuva-section-cta {
    margin-top: 10px;
}

.yuva-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #d8b76c;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 12px;
}

.yuva-link:hover {
    color: #fff;
}

.yuva-about-panel {
    background: #111;
    color: #fff;
    border-radius: 28px;
    padding: 40px;
    min-height: 100%;
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.18);
}

.yuva-about-panel h2 {
    color: #fff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 0.98;
    margin-bottom: 18px;
}

.yuva-about-panel p {
    color: rgba(255, 255, 255, 0.72);
}

.yuva-about-list {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
}

.yuva-about-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.9);
}

.yuva-about-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d8b76c;
}

.yuva-process-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    height: 100%;
}

.yuva-process-card,
.yuva-product-card,
.yuva-package-card,
.yuva-contact-card,
.yuva-contact-form {
    border-radius: 24px;
    overflow: hidden;
}

.yuva-process-card {
    background: #fff;
    padding: 28px;
    min-height: 220px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.yuva-process-card span {
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: 36px;
    line-height: 1;
    color: #d8b76c;
}

.yuva-process-card h3 {
    margin: 14px 0 10px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}

.yuva-process-card p {
    color: #6f665b;
    margin: 0;
}

.yuva-process-image {
    min-height: 100%;
    min-height: 458px;
    border-radius: 28px;
    background-color: #f5efe4;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.yuva-product-card {
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

.yuva-product-image {
    position: relative;
    min-height: 250px;
    background-size: cover;
    background-position: center;
}

.yuva-product-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.yuva-product-content {
    padding: 22px;
}

.yuva-product-content h3 {
    margin: 0 0 8px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
}

.yuva-product-content p {
    margin: 0;
    color: #5b5347;
}

.yuva-product-content del {
    color: #8d8375;
    margin-right: 6px;
}

.yuva-series-section {
    padding: 96px 0 68px;
    background:
        radial-gradient(circle at top left, rgba(216, 183, 108, 0.12), transparent 34%),
        #f4efe6;
}

.yuva-series-row {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 26px;
}

.yuva-series-row.is-reversed {
    grid-template-columns: 0.9fr 1.1fr;
}

.yuva-series-row.is-reversed .yuva-series-media {
    order: 2;
}

.yuva-series-media {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.yuva-series-image {
    min-height: 360px;
    border-radius: 26px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
}

.yuva-series-copy {
    background: #111;
    color: #fff;
    border-radius: 28px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
}

.yuva-series-copy h2 {
    color: #fff;
    font-size: clamp(28px, 3vw, 48px);
    line-height: 1;
    margin-bottom: 16px;
}

.yuva-series-copy p {
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 24px;
}

.yuva-package-card {
    margin-bottom: 30px;
    background: #111;
    color: #fff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}

.yuva-package-image {
    min-height: 230px;
    background-size: cover;
    background-position: center;
}

.yuva-package-content {
    padding: 26px;
}

.yuva-package-content h3 {
    margin: 6px 0 10px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 26px;
    color: #fff;
}

.yuva-package-content p {
    color: rgba(255, 255, 255, 0.78);
}

.yuva-franchise-banner,
.yuva-expert-banner {
    padding: 48px 42px;
    border-radius: 28px;
    margin: 0 auto 24px;
    max-width: 1170px;
    border: 1px solid rgba(31, 36, 31, 0.08);
    box-shadow: 0 18px 42px rgba(31, 36, 31, 0.08);
}

.yuva-franchise-banner {
    background:
        radial-gradient(circle at top right, rgba(95, 127, 87, 0.12), transparent 34%),
        linear-gradient(135deg, #fbf8f1 0%, #f0eadf 100%);
    color: #1f241f;
}

.yuva-franchise-banner h2,
.yuva-expert-banner h2 {
    color: #1f241f;
    font-size: clamp(28px, 4vw, 54px);
    line-height: 0.98;
    margin-bottom: 16px;
}

.yuva-franchise-banner p,
.yuva-expert-banner p {
    color: #5d675d;
    max-width: 720px;
}

.yuva-expert-banner {
    background:
        radial-gradient(circle at top left, rgba(95, 127, 87, 0.08), transparent 32%),
        linear-gradient(180deg, #f7f4ec 0%, #f1ebdf 100%);
    overflow: hidden;
}

.yuva-expert-banner p {
    color: #6d6558;
}

.yuva-expert-portrait {
    min-height: 280px;
    border-radius: 28px;
    background: #f4efe6 center/contain no-repeat;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.yuva-franchise-banner .thm-btn,
.yuva-expert-banner .thm-btn {
    background: #5f7f57;
    color: #fff;
}

.yuva-franchise-banner .thm-btn:hover,
.yuva-expert-banner .thm-btn:hover {
    background: #1f241f;
    color: #fff;
}

.yuva-expert-links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 24px;
}

.yuva-contact-section {
    padding: 96px 0;
    background: #f4efe6;
}

.yuva-contact-card {
    background: #111;
    color: #fff;
    padding: 34px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
}

.yuva-contact-card h3 {
    margin: 0 0 18px;
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    text-transform: uppercase;
}

.yuva-contact-card p {
    color: rgba(255, 255, 255, 0.78);
}

.yuva-contact-card a {
    color: #d8b76c;
}

.yuva-contact-form {
    background: #fff;
    padding: 30px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.08);
}

.yuva-contact-form label {
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
}

.yuva-contact-form .form-control {
    height: 52px;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
}

.yuva-contact-form textarea.form-control {
    height: auto;
    min-height: 150px;
}

.yuva-contact-form .form-control:focus {
    border-color: #c0974d;
    box-shadow: 0 0 0 3px rgba(192, 151, 77, 0.15);
}

.yuva-section .section-title h1,
.yuva-contact-section .section-title h1 {
    background-image: none;
}

.yuva-section .section-title h1 span,
.yuva-contact-section .section-title h1 span {
    background: transparent;
    padding: 0;
}

.yuva-section .section-title {
    padding-bottom: 42px;
}

.yuva-section .section-title p {
    margin-top: 12px;
}

.yuva-section .thm-btn,
.yuva-franchise-banner .thm-btn,
.yuva-expert-banner .thm-btn,
.yuva-contact-section .thm-btn {
    background: #d8b76c;
    color: #111;
}

.yuva-section .thm-btn:hover,
.yuva-franchise-banner .thm-btn:hover,
.yuva-expert-banner .thm-btn:hover,
.yuva-contact-section .thm-btn:hover {
    background: #111;
    color: #fff;
}

.yuva-section .thm-btn.borderd,
.yuva-hero .thm-btn.borderd {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    background: transparent;
}

.yuva-section .thm-btn.borderd {
    border-color: #111;
    color: #111;
}

.yuva-section .thm-btn.borderd:hover,
.yuva-hero .thm-btn.borderd:hover {
    border-color: #111;
    background: #111;
    color: #fff;
}

.yuva-section .thm-btn i,
.yuva-franchise-banner .thm-btn i,
.yuva-expert-banner .thm-btn i,
.yuva-contact-section .thm-btn i {
    color: inherit;
}

@media (max-width: 1199px) {
    .yuva-hero-card-main {
        min-height: 500px;
    }

    .yuva-series-row,
    .yuva-series-row.is-reversed {
        grid-template-columns: 1fr;
    }

    .yuva-series-row.is-reversed .yuva-series-media {
        order: 0;
    }

    .yuva-detail-gallery {
        position: static;
        margin-bottom: 24px;
    }
}

@media (max-width: 991px) {
    .yuva-main-nav {
        flex-wrap: wrap;
    }

    .yuva-nav-actions {
        width: 100%;
        justify-content: flex-start;
        padding-bottom: 8px;
    }

    .yuva-slide {
        min-height: auto;
        padding: 118px 24px 48px;
    }

    .yuva-slide .yuva-hero-copy h1 {
        font-size: 54px;
    }

    .yuva-hero-card-grid,
    .yuva-process-grid,
    .yuva-series-media {
        grid-template-columns: 1fr;
    }

    .yuva-hero-card-main,
    .yuva-process-image {
        min-height: 360px;
    }

    .yuva-stats {
        margin-top: 0;
    }

    .yuva-franchise-banner .text-right {
        text-align: left;
        margin-top: 22px;
    }

    .yuva-detail-meta {
        grid-template-columns: 1fr;
    }

    .yuva-detail-specs li {
        flex-direction: column;
        gap: 6px;
    }

    .yuva-detail-specs strong {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .yuva-nav-actions {
        display: none;
    }

    .header.header-v5 {
        position: static;
    }

    .yuva-slide,
    .yuva-section,
    .yuva-series-section,
    .yuva-contact-section {
        padding: 72px 0;
    }

    .yuva-slide .yuva-hero-copy h1 {
        font-size: 42px;
    }

    .yuva-hero-card-main {
        min-height: 340px;
    }

    .yuva-home-slider .owl-nav {
        display: none;
    }

    .yuva-home-slider .owl-dots {
        bottom: -24px;
    }

    .yuva-about-panel,
    .yuva-series-copy,
    .yuva-contact-card,
    .yuva-contact-form {
        padding: 28px;
    }

    .yuva-package-card,
    .yuva-product-card,
    .yuva-category-card {
        margin-bottom: 22px;
    }

    .yuva-detail-summary,
    .yuva-detail-card {
        padding: 24px;
    }

    .yuva-detail-gallery__main {
        min-height: 360px;
    }

    .yuva-detail-gallery__thumb {
        min-height: 96px;
    }

    .yuva-detail-slider .owl-nav {
        left: 10px;
        right: 10px;
    }
}

/* Final Yuva light theme overrides */
body {
    background: #f7f4ec;
    color: #1f241f;
}

a {
    color: #5f7f57;
}

a:hover,
a:focus {
    color: #3f5d39;
}

.head_logo {
    width: 94px;
    border-radius: 8px;
}

.header.header-v5,
.header-premium {
    background: transparent;
    border-bottom: 0;
}

.header.header-v5 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.header.header-v5 .menuzord-brand {
    line-height: 72px;
}

.yuva-main-nav {
    min-height: 68px;
    gap: 14px;
    padding: 2px 0;
}

.header.header-v5:not(.stricky-fixed) .menuzord-menu > li > a,
.header.header-v5:not(.stricky-fixed) .menuzord-menu > li > a span {
    color: #fff;
}

.header.header-v5:not(.stricky-fixed) .menuzord-menu > li:hover > a,
.header.header-v5:not(.stricky-fixed) .menuzord-menu > li.active > a,
.header.header-v5:not(.stricky-fixed) .menuzord-menu ul.dropdown li a:hover {
    color: #b0cc30;
}

.stricky-fixed.header .menuzord-menu > li > a {
    color: #1f241f;
    font-size: 10px;
    padding: 10px 10px;
    letter-spacing: 0.12em;
}

.stricky-fixed.header .menuzord-menu > li:hover > a,
.stricky-fixed.header .menuzord-menu > li.active > a,
.stricky-fixed.header .menuzord-menu ul.dropdown li a:hover {
    color: #5f7f57;
}

.yuva-nav-actions {
    gap: 8px;
}

.yuva-nav-pill,
.yuva-nav-pill-dark {
    padding: 9px 14px;
    border-width: 1px;
    font-size: 10px;
    letter-spacing: 0.12em;
}

.yuva-nav-pill {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
}

.yuva-nav-pill:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.36);
    background: rgba(255, 255, 255, 0.14);
}

.yuva-nav-pill-dark {
    background: #5f7f57;
    color: #fff;
    border-color: #5f7f57;
}

.yuva-nav-pill-dark:hover {
    background: #476440;
    color: #fff;
    border-color: #476440;
}

.header.header-v5.stricky-fixed {
    background: rgba(247, 244, 236, 0.9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px rgba(31, 36, 31, 0.08);
    border-bottom: 1px solid rgba(31, 36, 31, 0.06);
}

.header.header-v5.stricky-fixed .menuzord-menu > li > a,
.header.header-v5.stricky-fixed .menuzord-menu > li > a span {
    color: #1f241f;
}

.header.header-v5.stricky-fixed .yuva-nav-pill {
    color: #1f241f;
    border-color: rgba(31, 36, 31, 0.14);
    background: rgba(255, 255, 255, 0.66);
}

.header.header-v5.stricky-fixed .yuva-nav-pill:hover {
    color: #1f241f;
    border-color: rgba(95, 127, 87, 0.45);
    background: rgba(255, 255, 255, 0.92);
}

.stricky-fixed.header .menuzord-brand {
    line-height: 58px;
}

.stricky-fixed.header .menuzord-menu > li > a {
    padding: 12px 14px;
}

.yuva-hero-slider-wrap {
    background: linear-gradient(180deg, #f7f4ec 0%, #f1ecdf 100%);
}

.yuva-slide {
    color: #1f241f;
    background:
        linear-gradient(135deg, rgba(247, 244, 236, 0.96) 0%, rgba(240, 235, 223, 0.9) 54%, rgba(228, 236, 224, 0.95) 100%),
        url("../img/resources/texture/pattern-1.png") center/cover repeat;
    box-shadow: 0 24px 60px rgba(31, 36, 31, 0.08);
}

.yuva-home-slider .owl-nav [class*=owl-] {
    background: rgba(31, 36, 31, 0.08);
    color: #1f241f;
}

.yuva-home-slider .owl-nav [class*=owl-]:hover {
    background: #5f7f57;
    color: #fff;
}

.yuva-home-slider .owl-dots .owl-dot span {
    background: rgba(31, 36, 31, 0.18);
}

.yuva-home-slider .owl-dots .owl-dot.active span {
    background: #5f7f57;
}

.yuva-hero {
    background:
        radial-gradient(circle at top right, rgba(95, 127, 87, 0.12), transparent 30%),
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.38), transparent 22%),
        linear-gradient(135deg, #f7f4ec 0%, #f0eadf 56%, #e5efe1 100%);
    color: #1f241f;
}

.yuva-hero:before {
    background: radial-gradient(circle, rgba(95, 127, 87, 0.16), transparent 70%);
}

.yuva-hero:after {
    background: radial-gradient(circle, rgba(31, 36, 31, 0.06), transparent 72%);
}

.yuva-eyebrow,
.yuva-mini-label,
.yuva-category-content span,
.yuva-package-content span,
.yuva-series-copy .yuva-eyebrow,
.yuva-about-panel .yuva-eyebrow,
.yuva-franchise-banner .yuva-eyebrow,
.yuva-expert-banner .yuva-eyebrow {
    color: #5f7f57;
}

.yuva-hero-copy h1,
.yuva-about-panel h2,
.yuva-series-copy h2,
.yuva-franchise-banner h2,
.yuva-expert-banner h2,
.yuva-card-kicker,
.yuva-contact-card h3,
.yuva-card-content h3,
.yuva-card-content h4 {
    color: #1f241f;
}

.yuva-hero-copy p,
.yuva-section-title p,
.yuva-about-panel p,
.yuva-series-copy p,
.yuva-contact-card p,
.yuva-detail-copy,
.yuva-product-content p,
.yuva-product-short,
.yuva-detail-banner p,
.yuva-card-content p {
    color: #5d675d;
}

.yuva-hero-points li {
    border-color: rgba(31, 36, 31, 0.12);
    background: rgba(255, 255, 255, 0.72);
    color: #1f241f;
}

.yuva-card-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(31, 36, 31, 0.26));
}

.yuva-stat-card,
.yuva-category-card,
.yuva-about-panel,
.yuva-series-copy,
.yuva-package-card,
.yuva-contact-card,
.yuva-contact-form,
.yuva-detail-card {
    background: #fff;
    color: #1f241f;
    box-shadow: 0 18px 40px rgba(31, 36, 31, 0.08);
}

.yuva-section {
    background: #f7f4ec;
}

.yuva-section-alt,
.yuva-series-section {
    background: linear-gradient(180deg, #f2ede1 0%, #ebe4d5 100%);
}

.yuva-category-content,
.yuva-package-content {
    background: #fff;
}

.yuva-product-card {
    background: #fff;
    box-shadow: 0 16px 34px rgba(31, 36, 31, 0.08);
}

.yuva-product-badge {
    background: #1f241f;
    color: #fff;
}

.yuva-detail-banner h2,
.yuva-stat-card strong,
.yuva-detail-specs strong,
.yuva-detail-card h3,
.yuva-product-content h3,
.yuva-category-content h3,
.yuva-detail-summary h1 {
    color: #1f241f;
}

.yuva-product-detail .yuva-detail-card h3 {
    color: #1f241f !important;
    opacity: 1;
    text-shadow: none;
}

.yuva-product-detail {
    background: #f7f4ec;
}

.yuva-detail-gallery__main,
.yuva-detail-gallery__thumb {
    background-color: #fff;
}

.yuva-detail-slider .owl-nav [class*=owl-] {
    background: rgba(31, 36, 31, 0.72);
}

.yuva-detail-slider .owl-nav [class*=owl-]:hover {
    background: #5f7f57;
}

.yuva-detail-thumbs .owl-item.active .yuva-detail-gallery__thumb {
    border-color: #5f7f57;
}

.yuva-detail-summary {
    background: #1f241f;
    color: #fff;
}

.yuva-detail-price {
    color: #9fbc92;
}

.yuva-detail-price del {
    color: rgba(255, 255, 255, 0.54);
}

.yuva-detail-meta > div {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
}

.yuva-detail-meta strong {
    color: #9fbc92;
}

.yuva-detail-meta span {
    color: #fff;
}

.yuva-section .thm-btn,
.yuva-franchise-banner .thm-btn,
.yuva-expert-banner .thm-btn,
.yuva-contact-section .thm-btn {
    background: #5f7f57;
    color: #fff;
}

.yuva-section .thm-btn:hover,
.yuva-franchise-banner .thm-btn:hover,
.yuva-expert-banner .thm-btn:hover,
.yuva-contact-section .thm-btn:hover {
    background: #1f241f;
    color: #fff;
}

.yuva-section .thm-btn.borderd,
.yuva-hero .thm-btn.borderd {
    border-color: rgba(31, 36, 31, 0.18);
    color: #1f241f;
}

.yuva-section .thm-btn.borderd:hover,
.yuva-hero .thm-btn.borderd:hover {
    border-color: #1f241f;
    background: #1f241f;
    color: #fff;
}

.yuva-contact-form .form-control:focus {
    border-color: #5f7f57;
    box-shadow: 0 0 0 3px rgba(95, 127, 87, 0.14);
}

@media (max-width: 767px) {
    .head_logo {
        width: 84px;
    }

    .header.header-v5 {
        position: static;
    }

    .yuva-main-nav {
        min-height: 62px;
    }
}