@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Poppins:wght@300&display=swap');
@font-face {
  font-family: smartxoft;
  src: url(../smartxoft_font.woff);
}

.icon-help {
    background: url(https://www.konstolymp.gr/core/misc/help.png) 0 50% no-repeat;
    padding: 1px 0 1px 20px
}

[dir="rtl"] .icon-help {
    background-position: 100% 50%;
    padding: 1px 20px 1px 0
}

.feed-icon {
    background: url(https://www.konstolymp.gr/core/misc/feed.svg) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px
}

.form--inline .form-item {
    float: left;
    margin-right: .5em
}

[dir="rtl"] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-right: 2%
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: .5em
}

[dir="rtl"] .form--inline .form-item-separator {
    margin-right: .5em;
    margin-left: 1em
}

.form--inline .form-actions {
    clear: left
}

[dir="rtl"] .form--inline .form-actions {
    clear: right
}

.item-list .title {
    font-weight: bold
}

.item-list ul {
    margin: 0 0 .75em 0;
    padding: 0
}

.item-list li {
    margin: 0 0 .25em 1.5em;
    padding: 0
}

[dir="rtl"] .item-list li {
    margin: 0 1.5em .25em 0
}

.item-list--comma-list {
    display: inline
}

.item-list--comma-list .item-list__comma-list,.item-list__comma-list li,[dir="rtl"] .item-list--comma-list .item-list__comma-list,[dir="rtl"] .item-list__comma-list li {
    margin: 0
}

button.link {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-size: 1em
}

label button.link {
    font-weight: bold
}

ul.inline,ul.links.inline {
    display: inline;
    padding-left: 0
}

[dir="rtl"] ul.inline,[dir="rtl"] ul.links.inline {
    padding-right: 0;
    padding-left: 15px
}

ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 .5em
}

ul.links a.is-active {
    color: #000
}

ul.menu {
    list-style: none outside;
    margin-left: 1em;
    padding: 0;
    text-align: left
}

[dir="rtl"] ul.menu {
    margin-left: 0;
    margin-right: 1em;
    text-align: right
}

.menu-item--expanded {
    list-style-image: url(https://www.konstolymp.gr/core/misc/menu-expanded.png);
    list-style-type: circle
}

.menu-item--collapsed {
    list-style-image: url(https://www.konstolymp.gr/core/misc/menu-collapsed.png);
    list-style-type: disc
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(https://www.konstolymp.gr/core/misc/menu-collapsed-rtl.png)
}

.menu-item {
    padding-top: .2em;
    margin: 0
}

ul.menu a.is-active {
    color: #000
}

tr.drag {
    background-color: #fffff0
}

tr.drag-previous {
    background-color: #ffd
}

body div.tabledrag-changed-warning {
    margin-bottom: .5em
}

tr.selected td {
    background: #ffc
}

td.checkbox,th.checkbox {
    text-align: center
}

[dir="rtl"] td.checkbox,[dir="rtl"] th.checkbox {
    text-align: center
}

th.is-active img {
    display: inline
}

td.is-active {
    background-color: #ddd
}

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    box-sizing: border-box
}

.ui-dialog--narrow {
    max-width: 500px
}

@media screen and (max-width: 600px) {
    .ui-dialog--narrow {
        max-width:95%;
        min-width: 95%
    }
}

.link,.link__container a {
    font-size: .89474rem;
    line-height: 1.36842rem;
    font-family: "Roboto Condensed",sans-serif;
    letter-spacing: .5px;
    text-decoration: none
}

.link--line-bellow {
    color: #41541e;
    display: inline-block;
    position: relative;
    transition: .3s ease-out
}

.link--line-bellow:before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #9d8420;
    position: absolute;
    top: 30px;
    right: 0
}

.link--line-bellow:after {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 30px;
    left: 0
}

.link--line-bellow:hover,.link--line-bellow:focus {
    color: #9d8420
}

.link--line-bellow:hover:before,.link--line-bellow:focus:before {
    width: 0
}

.link--line-bellow:hover:after,.link--line-bellow:focus:after {
    width: 100%
}

.link--line-to-left,.link__container--line-to-left a {
    display: inline-block;
    padding-left: 85px;
    position: relative;
    transition: .708s ease-out
}

.link--line-to-left:before,.link__container--line-to-left a:before {
    transition: .6s ease-out .108s;
    content: '';
    display: inline-block;
    width: 72px;
    height: 1px;
    background-color: #331915;
    position: absolute;
    top: 50%;
    left: 0
}

.link--line-to-left:after,.link__container--line-to-left a:after {
    transition: .6s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #331915;
    position: absolute;
    top: 50%;
    right: 0
}

.link--line-to-left:hover,.link--line-to-left:focus,.link__container--line-to-left a:hover,.grid-item__link:hover .link--line-to-left,.grid-item__link:focus .link--line-to-left,.homepage-hero__link:hover .link--line-to-left,.homepage-hero__link:focus .link--line-to-left,.production-teaser .grid-item__link:hover .link--line-to-left,.production-teaser .grid-item__link:focus .link--line-to-left,.home-block__text-container:hover .link--line-to-left,.home-block__text-container:focus .link--line-to-left,.home-block__text-container-center:hover .link--line-to-left,.home-block__text-container-center:focus .link--line-to-left,.link__container--line-to-left a:focus {
    padding-left: 0;
    padding-right: 85px;
    color: #331915;
}

.link--line-to-left:hover:before,.link--line-to-left:focus:before,.link__container--line-to-left a:hover:before,.grid-item__link:hover .link--line-to-left:before,.grid-item__link:focus .link--line-to-left:before,.homepage-hero__link:hover .link--line-to-left:before,.homepage-hero__link:focus .link--line-to-left:before,.production-teaser .grid-item__link:hover .link--line-to-left:before,.production-teaser .grid-item__link:focus .link--line-to-left:before,.home-block__text-container:hover .link--line-to-left:before,.home-block__text-container:focus .link--line-to-left:before,.home-block__text-container-center:hover .link--line-to-left:before,.home-block__text-container-center:focus .link--line-to-left:before,.link__container--line-to-left a:focus:before {
    width: 0;
    transition-delay: 0s
}

.link--line-to-left:hover:after,.link--line-to-left:focus:after,.link__container--line-to-left a:hover:after,.grid-item__link:hover .link--line-to-left:after,.grid-item__link:focus .link--line-to-left:after,.homepage-hero__link:hover .link--line-to-left:after,.homepage-hero__link:focus .link--line-to-left:after,.production-teaser .grid-item__link:hover .link--line-to-left:after,.production-teaser .grid-item__link:focus .link--line-to-left:after,.home-block__text-container:hover .link--line-to-left:after,.home-block__text-container:focus .link--line-to-left:after,.home-block__text-container-center:hover .link--line-to-left:after,.home-block__text-container-center:focus .link--line-to-left:after,.link__container--line-to-left a:focus:after {
    width: 72px;
    transition-delay: .108s
}

.link--line-to-right {
    display: inline-block;
    padding-right: 85px;
    position: relative;
    transition: .354s ease-out
}

.link--line-to-right:before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 50%;
    left: 0
}

.link--line-to-right:after {
    transition: .3s ease-out .054s;
    content: '';
    display: inline-block;
    width: 72px;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 50%;
    right: 0
}

.link--line-to-right:hover,.link--line-to-right:focus,.news-promoted:hover .link--line-to-right,.news-promoted:focus .link--line-to-right {
    padding-left: 85px;
    padding-right: 0;
    color: #374818
}

.link--line-to-right:hover:before,.link--line-to-right:focus:before,.news-promoted:hover .link--line-to-right:before,.news-promoted:focus .link--line-to-right:before {
    width: 72px;
    transition-delay: .054s
}

.link--line-to-right:hover:after,.link--line-to-right:focus:after,.news-promoted:hover .link--line-to-right:after,.news-promoted:focus .link--line-to-right:after {
    width: 0;
    transition-delay: 0s
}

.title,.main-menu__link--level-0 {
    font-size: 1.57895rem;
    line-height: 1.89474rem;
    font-family: smartxoft;
    color: #222222;
}

.title p,.main-menu__link--level-0 p {
    margin-top: 0;
    margin-bottom: 0
}

.title span,.main-menu__link--level-0 span {
    display: inline-block
}

@media(min-width: 576px) {
    .title,.main-menu__link--level-0 {
        font-size:1.89474rem;
        line-height: 2.21053rem
    }
}

@media(min-width: 992px) {
    .title,.main-menu__link--level-0 {
        font-size:2.52632rem;
        line-height: 2.73684rem
    }
}

.title--with-section-heading {
    margin-top: .58947rem;
    margin-bottom: .73684rem
}

.view-home-news .title--with-section-heading {
    margin-top: 1.03158rem
}

.title--primary {
    font-size: 2.52632rem;
    line-height: 2.73684rem
}

@media(min-width: 992px) {
    .title--primary {
        font-size:3rem;
        line-height: 3.78947rem
    }
}

.title--primary--with-section-heading {
    margin-top: .73684rem;
    margin-bottom: .73684rem
}

.title--secondary,.main-menu__link--level-0 {
    font-size: 1.89474rem;
    line-height: 2.21053rem
}

.title--secondary--with-section-heading {
    margin-top: .73684rem;
    margin-bottom: .73684rem
}

.title--brand-secondary {
    color: #41541e
}

.title--brand-light {
    color: #9eb17b
}

.title--very-light,.main-menu__link--level-0 {
    color: #fff
}

.title--centered {
    text-align: center
}

.title--underline {
    padding-bottom: 10px
}

.title--underline:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background-color: #efa310;
    position: relative;
    top: 10px
}

.title--underline.title--centered {
    padding-bottom: 26px
}

.title--underline.title--centered:after {
    top: 26px;
    margin-left: auto;
    margin-right: auto
}

.title--underline.title--large:after {
    top: 13px
}

@media(min-width: 992px) {
    .title--underline.title--large:after {
        top:26px
    }
}

.title--underline.title--primary {
    padding-bottom: 17px
}

.title--underline.title--primary:after {
    top: 17px
}

.title--underline.title--primary.title--centered {
    padding-bottom: 40px
}

.title--underline.title--primary.title--centered:after {
    top: 40px
}

.title--large {
    font-size: 2.52632rem;
    line-height: 2.73684rem
}

@media(min-width: 576px) {
    .title--large {
        font-size:3.57895rem;
        line-height: 3.78947rem
    }
}

@media(min-width: 992px) {
    .title--large {
        font-size:4.94737rem;
        line-height: 5rem
    }
}

.title--large--with-section-heading {
    margin-top: 1.47368rem
}

@media(min-width: 576px) {
    .title--large--with-section-heading {
        margin-top:2.94737rem
    }
}

.title--large--with-section-heading--evenly-spaced {
    margin-top: 1.47368rem;
    margin-bottom: 1.32632rem
}

.title--large.title--underline {
    padding-bottom: 2.21053rem
}

.title--xtra-large {
    font-size: 7.57895rem;
    line-height: 8.63158rem;
    font-family: Georgia,Times,serif
}

.text,.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    font-size: 1rem;
    line-height: 1.47368rem;
    margin-bottom: 1.47368rem;
    color: #020202
}

.text p:first-child,.paragraph-layout--image-left-and-text-right .paragraph-layout__text p:first-child {
    margin-top: 0
}

.text p:last-child,.paragraph-layout--image-left-and-text-right .paragraph-layout__text p:last-child {
    margin-bottom: 0
}

.text--pf {
    font-family: "PFDINTextCondPro-Thin",Arial,Helvetica,"Nimbus Sans L",sans-serif
}

.text--roboto {
    font-family: "Roboto Condensed",sans-serif
}

.text--small {
    font-size: .89474rem;
    line-height: 1.36842rem
}

.text--medium {
    font-size: 1.15789rem;
    line-height: 1.68421rem
}

.text--large,.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    font-size: 1.31579rem;
    line-height: 1.68421rem
}

@media(min-width: 769px) {
    .text--large,.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        font-size:1.57895rem;
        line-height: 1.94737rem
    }
}

@media(min-width: 992px) {
    .text--large,.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        font-size:1.89474rem;
        line-height: 2.26316rem
    }
}

.text--centered {
    text-align: center
}

.text--align-right {
    text-align: right
}

.text--brand,.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    color: #331915;
}

.text--gold {
    color: #efa310
}

.financial__open-pdf,.site-pager,.text-uppercase {
    font-family: "Roboto Condensed",sans-serif;
    letter-spacing: .10526em;
    text-transform: uppercase;
    font-size: .73684rem;
    line-height: 1.36842rem;
    color: #efa310;
}

.financial__open-pdf,.text-uppercase--gold {
    color: #9d8420
}

.financial:hover .financial__open-pdf,.text-uppercase--brand {
    color: #efa310;
}

.site-pager,.text-uppercase--brand-secondary {
    color: #efa310;
}

.text-uppercase--brand-light {
    color: #9eb17b
}

.text-uppercase--centered {
    text-align: center
}

.line {
    position: relative
}

.line:after {
    display: block;
    background-color: #efa310;
    position: relative;
    content: '';
    margin-top: 12px;
    left: 50%;
    width: 1px;
    z-index: 1
}

.line--below {
    margin-bottom: 1.10526rem
}

.line--below:after {
    height: 53px
}

.line--short-below {
    margin-bottom: .58947rem
}

.line--short-below:after {
    height: 30px
}

.line--medium-below {
    margin-bottom: -1.10526rem
}

.line--medium-below:after {
    height: 95px
}

.line--long-below {
    margin-bottom: .73684rem;
    padding-bottom: 251px;
    transition: all .3s ease-out
}

.line--long-below:after {
    position: absolute;
    height: 251px
}

.social-links__item {
    text-align: center;
    display: inline-block
}

.social-links__item:not(:last-child) {
    margin-right: 15px
}

.social-links__link {
    display: block;
    position: relative
}

.social-links__link:hover .social-links__svg path {
    fill: #efa310;
}

.social-links__link:hover .social-links__svg--light path {
    fill: #efa310;
}

.social-links__svg--facebook {
    width: 10px;
    height: 20px
}

.social-links__svg--instagram {
    width: 18px;
    height: 18px
}

.social-links__svg--youtube {
    width: 28.3px;
    height: 16.3px
}

.social-links__svg--email {
    width: 21.3px;
    height: 16px
}

.social-links__svg--linkedin {
    width: 20px;
    height: 21px
}

.social-links__svg--light path {
    fill: #fff
}

.social-links__svg--light polyline {
    fill: #374818
}

.social-links__svg polyline,.social-links__svg path {
    transition: .2s ease-out
}

.news {
    text-align: center
}

.news__link-wrapper {
    outline: 0
}

.news__text {
    margin: 0 auto;
    max-width: 685px
}

.news__image {
    margin-bottom: 4.42105rem
}

@media(max-width: 768px) {
    .news__image {
        margin-bottom:1.47368rem
    }
}

.news__date {
    margin-top: 2.21053rem
}

.image-link,.news-thumb a,.production-teaser .layout-2col-40-60__col:nth-child(2) {
    display: block
}

.image-link__image-wrapper,.news-thumb__image,.production-teaser .field--name-field-image {
    line-height: 0;
    height: 0;
    padding-top: 66.66667%;
    position: relative;
    overflow: hidden;
    width: 100%
}

.image-link__image-wrapper img,.news-thumb__image img,.production-teaser .field--name-field-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    transition: 1.2s ease-out
}

.image-link:hover img,.image-link:focus img,.news-thumb a:hover img,.production-teaser .layout-2col-40-60__col:hover:nth-child(2) img,.news-thumb a:focus img,.production-teaser .layout-2col-40-60__col:focus:nth-child(2) img {
    -ms-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.image-link--production-process .image-link__image-wrapper,.image-link--production-process .news-thumb__image,.image-link--production-process .production-teaser .field--name-field-image,.production-teaser .image-link--production-process .field--name-field-image,.production-teaser .layout-2col-40-60__col:nth-child(2) .image-link__image-wrapper,.production-teaser .layout-2col-40-60__col:nth-child(2) .news-thumb__image,.production-teaser .layout-2col-40-60__col:nth-child(2) .field--name-field-image {
    padding-top: 74.06297%
}

.news-thumb__image-promoted-wrapper {
    max-width: 660px
}

.news-thumb__date-wrapper {
    padding-top: 1.47368rem;
    padding-bottom: .58947rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.news-thumb__date {
    line-height: .89474rem
}

.news-thumb__line {
    height: auto;
    position: relative;
    transition: .3s ease-out
}

.news-thumb__line--before-date {
    flex-grow: 0;
    transition: .3s ease-out;
    width: 0
}

.news-thumb__line--before-date:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 7px;
    left: 0;
    transition: .3s ease-out
}

.news-thumb__line--after-date {
    margin-left: 20px;
    flex-grow: 1;
    position: relative
}

.news-thumb__line--after-date:before {
    transition: .3s ease-out .054s;
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 7px;
    left: 0
}

.news-thumb:hover .news-thumb__line--before-date {
    margin-right: 20px;
    width: 46px;
    transition: .3s ease-out .054s
}

.news-thumb:hover .news-thumb__line--after-date:before {
    width: 0;
    transition: .354s ease-out
}

.news-thumb__home-title,.view-home-news .title--with-section-heading {
    margin-bottom: 1.47368rem
}

.news-thumb--promoted .title {
    padding: .44211rem 0 .88421rem 0
}

@media(min-width: 769px) {
    .news-thumb--promoted .title {
        padding:1.03158rem 0 .88421rem 0
    }
}

.news-thumb--promoted .text {
    margin-bottom: 1.17895rem
}

.news-thumb--promoted .news-thumb__content {
    padding-top: 1.03158rem
}

@media(min-width: 769px) {
    .news-thumb--promoted .news-thumb__content {
        padding-top:0;
        padding-left: 16%;
        margin-top: -3px
    }
}

.block-views-block-home-news-block-1 {
    clear: both
}

.news-promoted {
    margin-top: 2.94737rem;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .news-promoted {
        margin-top:5.89474rem;
        margin-bottom: 3.68421rem
    }
}

.news-promoted:hover .link--line-bellow,.news-promoted:focus .link--line-bellow {
    color: #9d8420
}

.news-promoted:hover .link--line-bellow:before,.news-promoted:focus .link--line-bellow:before {
    width: 0
}

.news-promoted:hover .link--line-bellow:after,.news-promoted:focus .link--line-bellow:after {
    width: 100%
}

@media(max-width: 1199px) {
    .news-promoted .text {
        display:none
    }
}

.grid-item__link {
    outline: 0;
    width: 100%
}

@media(min-width: 576px) {
    .grid-item__link {
        display:flex
    }
}

@media(min-width: 769px) {
    .grid-item__link:hover .layout-2col__col:first-child,.grid-item__link:focus .layout-2col__col:first-child {
        -ms-transform:translateY(-10px);
        transform: translateY(-10px)
    }
}

.grid-item .layout-2col__col:first-child {
    transition: .3s ease-out
}

@media(max-width: 1199px) {
    .grid-item--2col {
        margin-bottom:2.94737rem
    }
}

.grid-item__content--centered {
    margin: auto 0
}

.grid-item__content--bottom-alignment {
    margin-top: auto
}

.certificates {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%
}

.certificates__section {
    padding-bottom: 4.42105rem
}

@media(min-width: 769px) {
    .certificates__section {
        padding-bottom:5.89474rem
    }
}

.certificates__file {
    display: block;
    outline: 0
}

.certificates__file:hover,.certificates__file:focus {
    outline: 0
}

.certificates__file:hover .certificates__image:before,.certificates__file:focus .certificates__image:before {
    width: 215px;
    height: 215px;
    transition: .3s ease-out
}

.certificates__file:hover .certificates__image .certificates__link,.certificates__file:focus .certificates__image .certificates__link {
    color: #374818;
    transition: .2s ease-out .4s
}

.certificates__file:hover .certificates__image .certificates__link:before,.certificates__file:focus .certificates__image .certificates__link:before {
    height: 40px;
    transition: .2s ease-out .2s
}

.certificates__link {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    -ms-transform: translateY(65px);
    transform: translateY(65px);
    transition: .2s ease-out;
    width: 100%;
    color: transparent
}

.certificates__link:before {
    height: 0;
    content: '';
    width: 1px;
    position: absolute;
    top: -37px;
    left: 50%;
    background-color: #374818;
    transition: .2s ease-out .1s
}

.certificates__image {
    position: relative;
    line-height: 0
}

.certificates__image:before {
    content: '';
    transition: .3s ease-out .3s;
    position: absolute;
    width: 133px;
    height: 133px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: -1;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.certificates--homepage {
    padding-bottom: 0
}

@media(max-width: 991px) {
    .certificates--homepage {
        padding-right:10px;
        padding-left: 10px
    }
}

.view-home-certificates {
    padding-left: 30px
}

@media(max-width: 768px) {
    .view-home-certificates {
        padding-left:0;
        padding-top: 2.94737rem
    }
}

.paragraph--view-mode--no-link-certificate .field--type-image {
    position: relative;
    line-height: 0;
    display: inline-block
}

.paragraph--view-mode--no-link-certificate .field--type-image:before {
    content: '';
    transition: .3s ease-out .3s;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1
}

.financial {
    display: inline-block;
    position: relative;
    transition: .3s ease-out;
    height: 336px;
    width: 241px;
    border: 6px solid white
}

.financial__wrapper {
    padding-top: 1.47368rem;
    padding-bottom: 2.94737rem;
    text-align: center
}

.financial__file {
    position: absolute;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%
}

.financial__year {
    line-height: 6.57895rem;
    padding-bottom: 15px
}

.financial__year,.financial__text {
    transition: .3s ease-out
}

.financial:hover {
    box-shadow: 0 2px 30px 0 rgba(65,84,30,.2);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.financial:hover .financial__year,.financial:hover .financial__text {
    color: #374818
}

.financial:hover .financial__open-pdf {
    transition: .3s ease-out;
    padding-bottom: 53px;
    padding-top: 0
}

.financial:hover .financial__open-pdf::before {
    height: 0;
    background-color: #374818
}

.financial:hover .financial__open-pdf::after {
    height: 53px;
    background-color: #374818
}

.financial__open-pdf {
    display: inline-block;
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    -ms-transform: translate(-50%,60%);
    transform: translate(-50%,60%);
    padding-top: 53px;
    padding-bottom: 0;
    transition: .3s ease-out
}

.financial__open-pdf::before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 53px;
    background-color: #41541e;
    position: absolute;
    top: 0;
    right: 50%
}

.financial__open-pdf::after {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 0;
    background-color: #41541e;
    position: absolute;
    bottom: 0;
    right: 50%
}

.proccesing__image {
    line-height: 0
}

.history {
    padding-top: 28px;
    padding-bottom: 28px;
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.history__content {
    max-width: 540px;
    margin: 0 auto
}

@media(min-width: 576px) {
    .history:first-child {
        padding-top:140px
    }
}

.history__header>* {
    display: inline-block
}

.history__header__date {
    font-size: .89474rem;
    line-height: 1.36842rem;
    font-family: "Roboto Condensed",sans-serif;
    letter-spacing: .5px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    transition: .354s ease-out;
    padding-left: 0;
    padding-right: 85px
}

.history__header__date:before {
    content: '';
    display: inline-block;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    transition-delay: 0s
}

.history__header__date:after {
    width: 72px;
    transition-delay: .054s;
    content: '';
    display: inline-block;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 50%;
    right: 0
}

.history.is-active .history__header__date {
    padding-left: 85px;
    padding-right: 0;
    color: #374818
}

.history.is-active .history__header__date:before {
    width: 72px;
    transition: .3s ease-out .054s
}

.history.is-active .history__header__date:after {
    width: 0;
    transition: .3s ease-out
}

.history__year>div {
    color: #374818;
    color: #374818
}

.backgroundcliptext .history__year>div {
    background: url(../../../../themes/custom/pb/sass/init/masked-text/texture.png);
    background-repeat: repeat;
    background-position: 0 0;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.view-history .view-content {
    padding-bottom: 140px
}

.is-path-history:before {
    position: fixed;
    z-index: -1;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://www.rkgghee.com/public/themes/custom/pb/images/background/history.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover
}

.js-sticky-element {
    position: absolute
}

.scrollmagic-pin-spacer {
    vertical-align: top
}

.year {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    pointer-events: none;
    font-family: "PFDINTextCondPro-Regular",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    width: 100%
}

@media(max-width: 768px) {
    .year {
        display:none
    }
}

.year__container {
    font-size: 23vw;
    line-height: 1;
    opacity: 0;
    color: #374818;
    width: 50%;
    padding-right: 4vw;
    position: relative;
    -ms-transform: translateY(-40%);
    transform: translateY(-40%)
}

.year__centuries {
    display: flex;
    overflow: hidden;
    width: 100%;
    padding-right: 10vw;
    justify-content: flex-end;
    height: 20vw;
    margin-left: auto;
    margin-right: auto
}

.year__decades,.year__centuries>div {
    transform: translate3d(0,0,0);
    opacity: 1;
    transition-timing-function: cubic-bezier(0.37,.01,0,.98);
    transition-duration: 1s,1.2s;
    transition-property: transform,opacity
}

.year__decades {
    height: 20vw;
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto
}

.year__first,.year__second,.year__third,.year__fourth {
    display: flex;
    flex-direction: column;
    height: 23vw
}

.year__third {
    margin-left: 15vw
}

.year__fourth {
    margin-left: 0
}

.year__digit span {
    color: #374818
}

.backgroundcliptext .year__digit span {
    background: url(../../../../themes/custom/pb/sass/init/masked-text/texture.png);
    background-repeat: repeat;
    background-position: 0 0;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.site-pager {
    padding-bottom: 45px;
    padding-top: 0;
    display: block;
    transition: .3s ease-out;
    z-index: 1;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    white-space: nowrap
}

.site-pager__wrapper {
    position: fixed;
    left: 35px;
    height: 1px;
    width: 0;
    top: 50%;
    z-index: 1
}

@media(max-width: 768px) {
    .site-pager__wrapper {
        display:none
    }
}

.site-pager__wrapper+.site-pager__wrapper {
    right: 35px;
    left: auto;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.site-pager--prev {
    left: 0
}

.site-pager__counter {
    text-align: center;
    position: relative;
    margin-bottom: -9px
}

.site-pager::after {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 45px;
    background-color: #41541e;
    position: absolute;
    bottom: 0;
    right: 50%
}

.site-pager::before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 0;
    background-color: #41541e;
    position: absolute;
    top: 0;
    right: 50%
}

.site-pager:hover {
    transition: .3s ease-out;
    padding-bottom: 6px;
    padding-top: 39px
}

.site-pager:hover::after {
    height: 0;
    transition-delay: 0s
}

.site-pager:hover::before {
    height: 34px;
    transition-delay: 0
}

.is-path-production-process .site-pager,.is-path-history .site-pager {
    display: none
}

.cta {
    padding-top: 185px
}

.cta .contextual {
    right: 10%
}

@media(max-width: 991px) {
    .cta {
        padding-top:85px
    }
}

.cta__link {
    display: block;
    width: 100%
}

.cta__link:hover .cta__wrapper:before,.cta__link:focus .cta__wrapper:before {
    width: 0
}

.cta__link:hover .cta__background-image,.cta__link:focus .cta__background-image {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.cta__link:hover+.cta__surtitle .cta__surtitle-inner,.cta__link:focus+.cta__surtitle .cta__surtitle-inner {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: .3s
}

.cta__wrapper {
    transition: min-height .3s ease-out .4s;
    width: 100%;
    min-height: 504px;
    background-size: cover;
    background-position: left bottom;
    position: relative;
    display: flex;
    text-align: center
}

.cta__wrapper:before {
    content: '';
    height: 1px;
    position: absolute;
    top: 125px;
    left: 50%;
    -ms-transform-origin: center left;
    transform-origin: center left;
    background: #efa310;
    width: 250px;
    transform: rotate(-90deg) translateZ(1px);
    transition: .8s ease .3s
}

@media(max-width: 991px) {
    .cta__wrapper:before {
        top:98px;
        width: 140px
    }
}

@media(max-width: 991px) {
    .cta__wrapper {
        min-height:304px
    }
}

.cta__titles {
    margin: auto;
    padding: 150px 80px;
    width: 100%
}

@media(max-width: 991px) {
    .cta__titles {
        padding:100px 80px
    }
}

.cta__subtitle {
    position: relative
}

.cta__main-title.title {
    padding-top: 2.21053rem;
    padding-bottom: 2.21053rem
}

.cta__main-title.title:after {
    bottom: -42px;
    top: auto
}

.cta__main-title.title--extra-padding {
    padding-top: 3.68421rem
}

.cta__surtitle {
    margin-bottom: 7.63158rem;
    margin-top: 15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden
}

.cta__surtitle-inner {
    position: relative;
    transition: .3s ease .8s
}

.cta__background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: 1.2s ease-out;
    /*display:none;*/
}

.cta__background-image-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: -1;
    display:none;
}

.cta__decorative_image {
    position: absolute;
    top: 0;
    right: 20%;
    left: auto
}

.heading {
    position: relative
}

@media(max-width: 991px) {
    .heading__column-first-after {
        margin-bottom:1.47368rem;
        text-align: center
    }
}

.heading-two-col__image {
    line-height: 0
}

.heading-two-col__surtitle {
    margin-bottom: 1.47368rem;
    margin-top: 1.47368rem
}

@media(min-width: 768px) {
    .heading-two-col__surtitle {
        margin-top:0
    }
}

@media(min-width: 992px) {
    .heading-two-col__title {
        margin-bottom:1.47368rem
    }
}

.heading__layout {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 1.47368rem
}

@media(min-width: 769px) {
    .heading__layout {
        padding-top:1.47368rem
    }
}

@media(min-width: 992px) {
    .heading__layout {
        padding-top:2.21053rem;
        padding-bottom: 5.89474rem
    }
}

@media(min-width: 992px) {
    .js [class*="js-header-block__"],.js [class*="js-header-block__title"] span,.js [class*="js-header-short-block__"],.js [class*="js-heading-two-col__"],.js [class*="js-heading-two-col__title"] span {
        opacity:0
    }

    .js .header-block__surtitle:after,.js .header-short-block__surtitle:after {
        opacity: 0;
        transition: all 1s ease-out
    }

    .js .header-block__surtitle.is-header-short-block__surtitle:after,.js .header-block__surtitle.is-header-block__surtitle:after,.js .header-short-block__surtitle.is-header-short-block__surtitle:after,.js .header-short-block__surtitle.is-header-block__surtitle:after {
        opacity: 1
    }

    .js .header-block__title-line:after,.js .heading-two-col__title-line:after {
        position: relative;
        width: 0;
        -ms-transform: translateX(-55px);
        transform: translateX(-55px);
        opacity: 0;
        transition: all .4s ease-out
    }

    .js .header-block__title-line.is-heading-two-col__title-line:after,.js .header-block__title-line.is-header-block__title-line:after,.js .heading-two-col__title-line.is-heading-two-col__title-line:after,.js .heading-two-col__title-line.is-header-block__title-line:after {
        opacity: 1;
        width: 55px;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.title-span-animation span {
    display: inline-block
}

.single-text {
    position: relative;
    display: flex;
    flex-direction: row-reverse
}

@media(max-width: 768px) {
    .single-text {
        flex-direction:row
    }
}

.single-text__surtitle {
    margin-bottom: 1.47368rem
}

.single-text .text {
    margin-top: 0;
    margin-bottom: 0
}

.product .single-text {
    padding-bottom: 2.94737rem
}

.homepage-hero {
    position: relative;
    opacity: 0
}

@media(min-width: 992px) {
    .homepage-hero {
        min-height:693px
    }
}

.homepage-hero__content {
    padding-top: 1.47368rem
}

@media(min-width: 576px) {
    .homepage-hero__content {
        padding-top:5.15789rem
    }
}

@media(min-width: 1200px) {
    .homepage-hero__content {
        padding-top:7.36842rem
    }
}

.homepage-hero__content span {
    display: inline-block;
    position: relative
}

.homepage-hero__title {
    visibility: hidden;
    margin-top: -1.47368rem
}

@media(min-width: 576px) {
    .homepage-hero__title {
        margin-top:-4.42105rem
    }
}

@media(min-width: 992px) {
    .homepage-hero__title {
        margin-top:-1.47368rem
    }
}

.homepage-hero__days {
    position: relative;
    text-align: center;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.homepage-hero__days-inner-wrapper {
    padding-top: 90px
}

.homepage-hero h1 {
    margin-bottom: 1.47368rem
}

.homepage-hero__link {
    display: block;
    max-width: 485px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 576px) {
    .homepage-hero__link {
        margin-bottom:2.94737rem
    }
}

@media(min-width: 769px) {
    .homepage-hero__link {
        margin-top:1.47368rem;
        margin-bottom: 5.89474rem;
        max-width: 390px;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 992px) {
    .homepage-hero__link {
        margin-top:0;
        margin-bottom: 0;
        min-width: 402px;
        max-width: 402px;
        margin-left: -18%;
        margin-right: -15%;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .homepage-hero__link {
        margin-left:-5%;
        margin-right: -5%
    }
}

.homepage-hero__images {
    position: relative;
    width: 100%
}

.homepage-hero__image {
    position: absolute;
    left: 0;
    top: -50px
}

.homepage-hero__image img {
    width: 104%;
    max-width: 104%;
    margin-left: -1%;
    margin-top: -12.5%;
    height: auto
}

.homepage-hero .days__container {
    margin-right: -100%
}

@media(min-width: 0) and (max-width:991px) {
    .homepage-hero .days__centuries {
        margin-top:10%;
        margin-bottom: 20%;
        -ms-transform: scale(1.6);
        transform: scale(1.6);
        height: 21vw
    }
}

.homepage-hero__image {
    opacity: 0
}

.main-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto
}

.main-menu__social {
    opacity: 0
}

.main-menu__background {
    position: absolute;
    z-index: -1;
    content: '';
    background-color: #331915;
    top: 0;
    bottom: 0;
    width: 0;
    right: 0;
    left: 0;
    background-image: url(../../../../themes/custom/pb/sass/components/menu/pattern1-menu.png);
    background-repeat: repeat;
    background-position: 0 0
}

.main-menu__background--dark {
    display: none
}

.main-menu__background--light {
    background-color: #efa310;
    z-index: -2;
    background-image: none
}

.main-menu__wrapper {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: space-between;
    opacity: 0;
    z-index: -1
}

.main-menu__home-link {
    margin-right: 30px
}

.main-menu__hamburger {
    display: block;
    float: right
}

.main-menu__row--menu {
    margin: auto 0
}

.main-menu__row--top {
    display: inline-block;
    padding-top: 40px;
    padding-left: 49px;
    visibility: hidden;
    opacity: 0
}

@media(min-width: 576px) {
    .main-menu__row--top {
        padding-top:60px;
        padding-left: 72px
    }
}

.main-menu__bottom,.main-menu .menu--main {
    width: 100%;
    display: flex;
    margin: auto
}

.main-menu__bottom {
    padding: 20px 0;
    display: block
}

.main-menu__social {
    padding-left: 49px
}

@media(min-width: 576px) {
    .main-menu__social {
        padding-left:72px
    }
}

.main-menu__menu--level-0 {
    padding-left: 49px;
    padding-right: 49px;
    margin: 25px 0;
    width: 100%;
    position: relative
}

@media(min-width: 576px) {
    .main-menu__menu--level-0 {
        padding-left:72px;
        padding-right: 72px;
        margin: 35px 0
    }
}

.main-menu__menu--level-0 .is-menu-item-active-trail .main-menu__menu--level-1 {
    transition: .1s ease-out .3s
}

.main-menu__menu--level-1 {
    transition: .1s ease-out .3s;
    padding-left: 0;
    padding-bottom: 10px
}

.main-menu__item {
    list-style: none;
    padding-left: 0;
    opacity: 0
}

.main-menu__item--expanded .main-menu__link--level-0::after {
    content: '';
    width: 10px;
    height: 10px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -21px;
    top: 10px;
    border-right: 1px solid #9eb17b;
    border-bottom: 1px solid #9eb17b;
    transition: transform .4s ease-out,top .4s ease-out
}

.main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0 {
    color: #9eb17b
}

.main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0::after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px
}

.main-menu__item:not(:nth-child(1)) .main-menu__link--level-1:not(a),.main-menu__item:not(:nth-child(1)) .main-menu__heading {
    margin-top: 30px
}

.main-menu__item:nth-child(1) .main-menu__link--level-1:not(a),.main-menu__item:nth-child(1) .main-menu__heading {
    margin-top: 0
}

.main-menu__item--level-0 {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    max-height: 57px;
    transition: max-height .6s ease-out
}

.main-menu__item--level-0.is-menu-item-active-trail {
    height: auto;
    max-height: 1000px;
    transition: max-height 1.5s ease-out .8s
}

.main-menu__item--level-0.is-menu-item-original-active-trail {
    max-height: 57px;
    transition: max-height .1s ease-out
}

.main-menu__link-wrapper--level-0 {
    overflow: hidden
}

.main-menu__heading,.main-menu__link--level-1:not(a) {
    font-family: "Roboto Condensed",sans-serif;
    letter-spacing: .10526em;
    text-transform: uppercase;
    font-size: .73684rem;
    line-height: 1rem;
    color: #ffc600;
    display: inline-block;
    padding-bottom: 8px;
    list-style: none;
    padding-left: 0;
    transition: .2s ease-out
}

.main-menu__heading a.main-menu__heading:hover,.main-menu__heading .main-menu__link--level-1:hover:not(a),.main-menu__link--level-1:not(a) a.main-menu__heading:hover,.main-menu__link--level-1:not(a) .main-menu__link--level-1:hover:not(a) {
    color: #fff
}

a.main-menu__heading:hover {
    color: #fff
}

.main-menu__heading--in-menu {
    padding-bottom: 14px;
    display: inline-block;
    opacity: 0
}

.main-menu__link--level-0 {
    line-height: 36px;
    position: relative;
    transition: .2s ease-out
}

@media(min-width: 0) and (max-width:575px) {
    .main-menu__link--level-0 {
        font-size:1.57895rem
    }
}

.main-menu__link--level-0:hover {
    cursor: pointer
}

.main-menu__link--level-0:hover,.main-menu__link--level-0:focus {
    color: #ffc600;
}

.main-menu__link--level-1:not(a) {
    display: none
}

.main-menu__link--level-1:not(span) {
    font-family: Georgia,Times,serif;
    font-size: 1.10526rem;
    line-height: 1.36842rem;
    color: #fff;
    display: block;
    position: relative;
    padding-top: 19px;
    padding-bottom: 10px;
    margin-bottom: 4px;
    transition: .2s ease-out
}

.main-menu__link--level-1:not(span)::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #1b1b1b;
    position: absolute;
    bottom: 0;
    left: 0
}

.main-menu__link--level-1:not(span):hover,.main-menu__link--level-1:not(span):focus {
    color: #1b1b1b;
}

@media(min-width: 769px) {
    .main-menu__background--dark {
        display:block
    }

    .main-menu__menu--level-0 {
        padding-left: 60px;
        padding-right: 0;
        max-width: 50%;
        max-height: 10000000px
    }

    .main-menu__menu--level-0.is-menu-item-active-trail {
        height: auto;
        max-height: 10000000px
    }

    .main-menu__menu--level-1 {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        padding-left: 60px;
        transition: .1s ease-out .3s
    }

    .main-menu__item--expanded .main-menu__link--level-0::after {
        content: '';
        width: 10px;
        height: 10px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        right: -21px;
        top: 11px;
        border-right: 1px solid #ffc600;
        border-bottom: 1px solid #ffc600;
        transition: right .4s ease-out,border-color .2s ease-out .2s
    }

    .main-menu__item--expanded .main-menu__link--level-0::before {
        border-bottom: 1px solid #ffc600;
        width: 0;
        right: -21px;
        position: absolute;
        content: '';
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        top: 16px;
        transition: .4s ease-out,border-color .2s ease-out .2s
    }

    .main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0 {
        color: #ffc600;
    }

    .main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0::after {
        right: -271px;
        border-right: 1px solid #41541e;
        border-bottom: 1px solid #41541e;
        transition: right .4s ease-out,border-color .2s ease-out;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0::before {
        width: 250px;
        border-bottom: 1px solid #ffc600;
        transition: .4s ease-out,border-color .2s ease-out
    }

    .main-menu__bottom,.main-menu .menu--main {
        max-width: 720px
    }

    .main-menu .main-menu__link--level-1:not(a) {
        display: inline-block
    }

    .main-menu__social {
        padding-left: 60px
    }
}

html.is-menu-open {
    overflow: hidden
}

html.is-menu-open .main-menu__wrapper {
    overflow: hidden;
    opacity: 1;
    z-index: 10;
    transition: all .3s ease-out
}

.hamburger {
    outline: 0
}

.hamburger__title {
    padding-bottom: 0;
    color: #331915;
    display: none
}

@media(min-width: 576px) {
    .hamburger__title {
        display:inline
    }
}

.hamburger__title.is-active {
    color: #fff;
}

.hamburger__container {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 30px;
    display: flex;
    align-items: center
}

@media(min-width: 576px) {
    .hamburger__container {
        right:50px;
        top: 38px
    }
}

@media(min-width: 769px) {
    .hamburger__container {
        right:50px
    }
}

.hamburger__container:hover .hamburger__title {
    color: #efa310;
}

.hamburger__container:hover .hamburger__title.is-active {
    color: #fff;
}

.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner {
    background-color: #fff
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger-box {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 3px
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
    width: 40px;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    height: 1px;
    transform: rotate(0deg) translate3d(0,0,1px);
    background-color: #374818;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::before,.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -9px
}

.hamburger-inner::after {
    bottom: -9px
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0.55,.055,.675,.19)
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top .1s .14s ease,opacity .1s ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom .1s .14s ease,transform .1s cubic-bezier(0.55,.055,.675,.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg) translate3d(0,0,1px);
    transition-delay: .44s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.215,.61,.355,1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .2s ease,opacity .2s .44s ease,background-color .2s ease .2s
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg) translate3d(0,0,1px);
    transition: bottom .2s ease,transform .2s .44s cubic-bezier(0.215,.61,.355,1),background-color .2s ease .2s
}

.contact__social {
    margin-top: 2.21053rem;
    margin-bottom: 1.47368rem;
    text-align: center
}

.contact__paragraph-title {
    margin-bottom: 1.47368rem
}

.contact__paragraph-text a {
    color: #020202;
    transition: color .2s ease-out
}

.contact__paragraph-text a:hover,.contact__paragraph-text a:focus {
    color: #9d8420
}

.contact__paragraphs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 895px;
    margin-right: auto;
    margin-left: auto
}

.contact__paragraph {
    margin-top: 2.94737rem;
    margin-bottom: 1.47368rem;
    max-width: 33%;
    margin-right: 28px
}

.contact__paragraph:last-child {
    margin-right: 0
}

@media(max-width: 768px) {
    .contact__paragraph {
        margin-top:1.47368rem;
        margin-bottom: 0
    }
}

.contact__paragraph-gmap-wrapper {
    display: flex;
    align-items: center
}

.contact__paragraph-gmap a {
    color: #020202;
    transition: .2s ease-out
}

.contact__paragraph-gmap svg {
    margin-right: 12px
}

.contact__paragraph-gmap svg path {
    transition: .2s ease-out
}

.contact__paragraph-gmap:hover a {
    color: #9d8420
}

.contact__paragraph-gmap:hover svg path {
    fill: #020202
}

.location-content {
    padding: 20px 0 20px 20px;
    text-align: center
}

.location-content a {
    color: #020202;
    transition: color .3s ease-out
}

.location-content a:hover {
    color: #9d8420
}

.container {
    margin-left: auto;
    margin-right: auto
}

.container--normal {
    width: 850px;
    max-width: 80%
}

@media(max-width: 575px) {
    .container--normal {
        max-width:100%
    }
}

.container--narrow {
    width: 100%;
    /*max-width: 80%*/
}

@media(max-width: 575px) {
    .container--narrow {
        max-width:100%
    }
}

.container--narrower {
    width: 660px;
    max-width: 70%
}

@media(max-width: 575px) {
    .container--narrower {
        max-width:100%
    }
}

.container--narrowest {
    width: 550px;
    max-width: 70%
}

@media(max-width: 575px) {
    .container--narrowest {
        max-width:100%
    }
}

.container--extra-narrow {
    width: 350px;
    max-width: 70%
}

@media(max-width: 575px) {
    .container--extra-narrow {
        max-width:100%
    }
}

.container--content-centered {
    margin-top: auto;
    margin-bottom: auto
}

.decorative,.cta__decorative_image {
    display: none
}

@media(min-width: 992px) {
    .decorative,.cta__decorative_image {
        display:inline-block
    }
}

.decorative {
    position: absolute;
    line-height: 0;
    z-index: 9;
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

@media(min-width: 1200px) {
    .decorative {
        -ms-transform:scale(1);
        transform: scale(1)
    }
}

.decorative__wrapper {
    position: relative
}

.decorative--front {
    position: relative;
    margin-top: -20%
}

@media(min-width: 769px) {
    .decorative--front {
        display:inline-block
    }
}

.decorative__front-inner {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.decorative__front-inner:first-child {
    position: relative
}

#block-home3 .decorative {
    right: -10px
}

.history .decorative {
    top: -100px;
    left: 15%
}

.history .decorative--second {
    top: auto;
    left: auto;
    bottom: -200px;
    right: 60px
}

.paragraph--type--single-text .decorative {
    left: 8%
}

.paragraph-single-text--247 .decorative,.paragraph-single-text--252 .decorative,.paragraph-single-text--255 .decorative,.paragraph-single-text--257 .decorative {
    left: 2%;
    top: 0
}

.paragraph-single-text--248 .decorative,.paragraph-single-text--253 .decorative,.paragraph-single-text--260 .decorative {
    right: 0;
    left: auto;
    top: 0;
    -ms-transform: translate(60%,-247px);
    transform: translate(60%,-247px);
    -ms-transform-origin: center;
    transform-origin: center
}

.paragraph-single-text--277 .decorative {
    left: 0;
    bottom: 0;
    -ms-transform: translate(-105px,70px);
    transform: translate(-105px,70px);
    -ms-transform-origin: center;
    transform-origin: center
}

.production--22 .heading .decorative,.production--35 .heading .decorative,.production--37 .heading .decorative,.production--39 .heading .decorative,.node-nid-16 .heading .decorative {
    right: 0;
    top: 0;
    -ms-transform: translate(92px,-29px);
    transform: translate(92px,-29px)
}

.production--22 .cta__decorative_image,.production--35 .cta__decorative_image,.production--37 .cta__decorative_image,.production--39 .cta__decorative_image,.node-nid-16 .cta__decorative_image {
    position: absolute;
    top: 0;
    right: 9%;
    left: auto
}

.production--34 .heading .decorative,.production--36 .heading .decorative,.production--38 .heading .decorative,.production--40 .heading .decorative,.node-nid-13 .heading .decorative,.node-nid-12 .heading .decorative,.node-nid-19 .heading .decorative {
    left: 0;
    top: 0;
    -ms-transform: translate(-77px,-50px);
    transform: translate(-77px,-50px)
}

.production--34 .cta__decorative_image,.production--36 .cta__decorative_image,.production--38 .cta__decorative_image,.production--40 .cta__decorative_image,.node-nid-13 .cta__decorative_image,.node-nid-12 .cta__decorative_image,.node-nid-19 .cta__decorative_image {
    position: absolute;
    left: 9%;
    right: auto;
    top: 0
}

.node-nid-12 .cta__decorative_image,.block-views-block-home-news-block-1 .decorative {
    position: absolute;
    top: 0;
    right: 9%;
    left: auto
}

.production-teaser .grid-item__content {
    position: relative
}

.production-teaser--22 .decorative,.production-teaser--35 .decorative,.production-teaser--37 .decorative,.production-teaser--39 .decorative,.paragraph-styles-text--304 .decorative {
    right: 54%;
    bottom: 100px
}

.production-teaser--34 .decorative,.production-teaser--36 .decorative,.production-teaser--38 .decorative,.production-teaser--40 .decorative {
    left: -6%;
    top: 40px
}

.is-production-process-disabled .decorative {
    display: none
}

.is-production-process-disabled .production-process__counter {
    display: none
}

.production-teaser {
    position: relative
}

.production-teaser__content {
    padding-bottom: 1.47368rem;
    width: 100%
}

.is-production-process-disabled .production-teaser__content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding-right: 0;
    padding-left: 0;
    min-height: 0
}

@media(min-width: 992px) {
    .production-teaser__content {
        min-height:400px;
        position: fixed;
        top: 200px;
        left: auto;
        right: 45%;
        max-width: 320px;
        padding-right: 0;
        padding-left: 0;
        right: 55%
    }
}

@media(min-width: 1200px) {
    .production-teaser__content {
        max-width:480px;
        padding-right: 110px;
        padding-left: 55px
    }
}

.production-teaser__title {
    overflow: hidden
}

.production-teaser__title span {
    display: inline-block
}

.production-teaser .production-teaser__content {
    opacity: 0
}

.production-teaser .production-teaser__surtitle {
    opacity: 0
}

.is-production-process-disabled .production-teaser:not(:first-child) .production-teaser__content {
    opacity: 1
}

.is-production-process-disabled .production-teaser:not(:first-child) .production-teaser__surtitle {
    opacity: 1
}

.production-teaser .field--name-field-image .media__image {
    -ms-transform: translate(-50%,-46%) scale(1);
    transform: translate(-50%,-46%) scale(1)
}

.production-teaser .field--name-field-image .media__image.b-loaded {
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

.production-teaser .grid-item__content {
    padding-bottom: 2.94737rem
}

@media(max-width: 1199px) {
    .production-teaser .grid-item__content {
        padding-bottom:0
    }
}

.production-teaser .grid-item__link {
    flex-wrap: wrap
}

.production-teaser .layout-2col-40-60__col:nth-child(2) {
    padding-right: 0
}

.production-process {
    position: relative
}

.production-process__counter {
    position: fixed;
    top: 204px;
    left: 0;
    width: 100%;
    height: 288px;
    pointer-events: none;
    font-family: "PFDINTextCondPro-Regular",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    z-index: -1
}

.production-process__counter__container {
    display: none
}

@media(min-width: 992px) {
    .production-process__counter__container {
        display:flex;
        flex-direction: column;
        font-size: 288px;
        line-height: 1;
        opacity: 1;
        color: #374818
    }
}

.production-process__counter__centuries {
    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    width: 100%;
    height: 288px;
    position: absolute;
    left: auto;
    right: 55%;
    -ms-transform: translateX(-70px);
    transform: translateX(-70px);
    max-width: 320px;
    padding-right: 0;
    padding-left: 0
}

.production-process__counter__centuries>div {
    transform: translate3d(0,0,0);
    opacity: 1;
    transition-timing-function: cubic-bezier(0.37,.01,0,.98);
    transition-duration: 1s,1.2s;
    transition-property: transform,opacity
}

.production-process__counter__first,.production-process__counter__second {
    display: flex;
    flex-direction: column;
    height: 288px
}

@media(min-width: 1200px) {
    .production-process__counter__centuries {
        max-width:480px;
        padding-left: 55px;
        padding-right: 120px
    }
}

.is-path-production-process .pagination {
    display: none
}

@media(min-width: 992px) {
    .is-path-production-process .pagination {
        display:block
    }
}

@media(min-width: 0) and (max-width:991px) {
    .is-path-production-process .is-animated-by-js,.is-path-production-process .is-animated-by-js span {
        visibility:visible !important;
        opacity: 1 !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

.paragraph-layout {
    position: relative;
    margin-bottom: 2.94737rem
}

@media(min-width: 992px) {
    .paragraph-layout {
        margin-bottom:7.36842rem
    }
}

@media(min-width: 1200px) {
    .paragraph-layout {
        margin-bottom:13.26316rem
    }
}

.paragraph-layout.paragraph-layout--video-or-image-left-image-right {
    margin-bottom: 2.94737rem
}

@media(min-width: 992px) {
    .paragraph-layout.paragraph-layout--video-or-image-left-image-right {
        margin-bottom:7.36842rem
    }
}

.paragraph-layout__image img {
    vertical-align: middle
}

.paragraph-layout__decorative-image {
    position: absolute;
    bottom: -70px;
    left: 9%
}

.paragraph-layout--full-and-small .paragraph-layout__image--1 {
    text-align: right;
    margin-top: -115px;
    margin-right: 76px
}

@media(max-width: 991px) {
    .paragraph-layout--full-and-small .paragraph-layout__image--1 {
        display:none
    }
}

.paragraph-layout--two-images-or-video-small-left {
    display: flex;
    justify-content: space-between
}

@media(min-width: 576px) {
    .paragraph-layout--two-images-or-video-small-left {
        padding-top:1.47368rem
    }
}

@media(min-width: 992px) {
    .paragraph-layout--two-images-or-video-small-left {
        padding-top:4.42105rem
    }
}

.paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
    max-width: 31.5%;
    margin-left: -20px
}

@media(min-width: 768px) {
    .paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
        margin-left:-50px
    }
}

@media(min-width: 992px) {
    .paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
        margin-left:-80px
    }
}

@media(min-width: 1440px) {
    .paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
        max-width:430px;
        margin-left: -117px
    }
}

.paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--1 {
    width: 100%;
    max-width: 68.5%
}

.paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--1 video {
    height: auto;
    width: 100%
}

.paragraph-layout--image-left-and-text-right {
    display: flex;
    align-items: center
}

.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    padding: 0 0 2.94737rem 1.05263rem;
    max-width: 430px;
    margin-left: 40px;
    margin-right: auto
}

@media(min-width: 1200px) {
    .paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        margin-left:auto
    }
}

.paragraph-layout--image-left-and-text-right .paragraph-layout__decorative-image {
    right: 20%;
    left: auto
}

@media(max-width: 991px) {
    .paragraph-layout--image-left-and-text-right {
        flex-wrap:wrap
    }

    .paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-top: 1.47368rem;
        padding-bottom: 0
    }
}

.paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--0 {
    max-width: 74.3%
}

.paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--0 video {
    height: auto;
    width: 100%
}

.paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--1 {
    margin-left: 59%;
    margin-top: -92px;
    z-index: 1;
    position: relative
}

@media(min-width: 768px) {
    .paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--1 {
        margin-top:-184px
    }
}

.home-block {
    position: relative
}

@media(min-width: 992px) {
    .home-block .title--primary span {
        opacity:0
    }
}

.home-block__layout {
    align-items: flex-end
}

@media(max-width: 991px) {
    .home-block__layout {
        align-items:flex-start
    }
}

.home-block__text-container {
    max-width: 485px;
    display: block
}

@media(max-width: 768px) {
    .home-block__text-container {
        margin-left:auto;
        margin-right: auto
    }
}

.home-block__certificates .view-content {
    display: flex;
    flex-wrap: wrap
}

.home-block__certificates .views-row {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 30px
}

.home-block__certificates .views-row:last-child {
    margin-bottom: 0
}

.home-block--3 .home-block__node-below {
    background-image: url(../../../../themes/custom/pb/sass/components/home-block/homebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: -1;
}

.home-block--3 .home-block__text-container {
    position: relative;
    z-index: 1
}

.home-block--2 .home-block__layout {
    align-items: center;
    position: relative;
    z-index: 9
}

/*.home-block--2 .decorative {*/
/*    right: -80px;*/
/*    top: -100px;*/
/*}*/

    .home-block--2 .decorative {
    right: -80px;
    top: -100px;
}



.home-block__image {
    padding-right: 30px
}

.home-block__text-container-center {
    padding-bottom: 2.94737rem;
    max-width: 515px;
    margin: auto 0 auto auto;
    display: block;
    padding-left: 40px
}

@media(max-width: 768px) {
    .home-block__text-container-center {
        margin:0 auto;
        padding: 0;
        max-width: 475px;
        padding-top: 2.94737rem
    }
}

.home-block__video video {
    width: 80%;
    height: auto
}

.home-block__node-below {
    margin-top: -4.42105rem;
    padding-top: 10.31579rem;
    padding-bottom: 2.94737rem;
    position: relative;
    padding-left: 53px;
    padding-right: 53px
}

@media(min-width: 769px) {
    .home-block__node-below {
        margin-top:-13.26316rem;
        padding-top: 19.15789rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 1200px) {
    .home-block__node-below {
        margin-top:-17.68421rem;
        padding-top: 28rem
    }
}

@media(max-width: 1199px) {
    .home-block__node-below .heading {
        padding-bottom:0
    }
}

.pagination {
    position: fixed;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width: 768px) {
    .pagination {
        display:none
    }
}

.pagination__item {
    padding-left: 0
}

.pagination__link {
    font-family: "Roboto Condensed",sans-serif;
    letter-spacing: .10526em;
    text-transform: uppercase;
    font-size: .73684rem;
    line-height: 1.36842rem;
    color: #efa310;
    padding-left: 60px;
    display: inline-block;
    position: relative;
    transition: .3s ease-out;
    cursor: pointer
}

.pagination__link:before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #374818;
    position: absolute;
    top: 12px;
    left: 0
}

.pagination__link.is-active {
    color: #311814;
}

.pagination__link.is-active:before {
    width: 40px
}

.section {
    padding-bottom: 4.42105rem
}

@media(min-width: 769px) {
    .section {
        padding-bottom:5.89474rem
    }
}

@media(min-width: 992px) {
    .section {
        padding-bottom:10.31579rem
    }
}

.section--two {
    padding-bottom: 2.94737rem
}

.section--three {
    padding-bottom: 2.94737rem
}

@media(min-width: 769px) {
    .section--three {
        padding-bottom:4.42105rem
    }
}

.section--four {
    padding-bottom: 2.94737rem
}

@media(min-width: 769px) {
    .section--four {
        padding-bottom:5.89474rem
    }
}

.section--five {
    padding-bottom: 4.42105rem
}

@media(min-width: 992px) {
    .section--five {
        padding-bottom: 4rem
    }
}

.paragraph--type--packaging .packaging__image {
    text-align: center
}

.paragraph--type--proccesing .processing__image {
    text-align: center
}

.paragraph--type--packaging-sizes .packaging__text {
    min-height: 84px
}

.paragraph--type--packaging-sizes .field .field__label {
    font-weight: bold;
    float: none;
    display: inline;
    padding-right: 4px
}

.paragraph--type--packaging-sizes .field .field__item {
    display: inline;
    padding-right: 0
}

.paragraph--type--proccesing .text {
    margin-bottom: 0
}

.text--align-right {
    padding-left: 53px;
    padding-right: 53px
}

@media(min-width: 769px) {
    .text--align-right {
        padding-right:12%;
        padding-left: 0
    }
}

.node-nid-12 {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-image: url(https://www.rkgghee.com/public/themes/custom/pb/images/background/about-us.jpg)
}

.is-path-frontpage {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/homepage-01.jpg);
    /*transform: rotate(90deg);*/
}

.is-path-history {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-4.jpg);
    /*transform: rotate(90deg);*/
}

.is-path-timeline {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-5.jpg);
    /*transform: rotate(90deg);*/
}

.is-path-certificate {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-6.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-ghee {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-12.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-facilities {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-8.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-production-process {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-9.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-quality {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-13.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-gallery {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-10.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-contact {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-12.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-dealer {
    background-repeat: no-repeat;
    background-position: left -60px;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/ban-13.jpg);
    /*transform: rotate(90deg);*/
}
.is-path-innerpage {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/homepage-03.jpg)
}

.is-path-taxonomy {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain
}

.taxonomy-term-2 {
    background-image: url(https://www.rkgghee.com/public/themes/custom/pb/images/background/product-landing.jpg)
}

.taxonomy-term-1 {
    background-image: url(https://www.rkgghee.com/public/themes/custom/pb/images/background/our-brands.jpg)
}

.paragraph--type--styled-text-with-left-image {
    position: relative
}

.paragraph--type--styled-text-with-left-image .layout-2col__col:first-child {
    display: flex;
    flex-wrap: wrap
}

.paragraph--type--styled-text-with-left-image .styled-text__presence {
    margin: auto auto;
    max-width: 300px
}

@media(max-width: 575px) {
    .paragraph--type--styled-text-with-left-image .styled-text__presence {
        padding-bottom:1.47368rem
    }
}

.view-home-news {
    position: relative
}

@media(max-width: 1199px) {
    .field--name-field-product-processing-table {
        max-width:100%;
        overflow-x: scroll
    }

    .field--name-field-product-processing-table td:last-child {
        min-width: 320px
    }

    .field--name-field-product-processing-table th:first-child {
        min-width: 200px;
        white-space: normal
    }
}

.b-lazy {
    display: inline-block
}

.days {
    display: flex;
    pointer-events: none;
    font-family: "PFDINTextCondPro-Regular",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    width: 100%
}

.days__container {
    font-size: 23vw;
    line-height: 1;
    opacity: 1;
    color: #374818;
    width: 100%;
    position: relative
}

.days__centuries {
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.days__decades,.days__centuries>div {
    transform: translate3d(0,0,0);
    opacity: 1;
    transition-timing-function: cubic-bezier(0.37,.01,0,.98);
    transition-duration: 1s,1.2s;
    transition-property: transform,opacity;
}

.days__decades {
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto
}

.days__first,.days__second,.days__third,.days__fourth {
    display: flex;
    flex-direction: column;
    height: 23vw
}

.days__digit span {
    color: #374818;
    color: #374818;
    transform: translateZ(0)
}

.backgroundcliptext .days__digit span {
    background: url(../../../../themes/custom/pb/sass/init/masked-text/texture.png);
    background-repeat: repeat;
    background-position: 0 0;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.br-full {
	border-radius: 100px !important;
}

h1.title.title--primary.title--primary--with-section-heading.production-teaser__title.js-production-teaser__title {
    font-size: 2.2em;
    color: #222;
}
.px-40{
    padding-left: 40px;
    padding-right: 40px;
}
.px-30{
    padding-left: 30px;
    padding-right: 30px;
}
.w-100{
    width: 100%;
}
.contact_input{
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #33191585;
}
.field{
    margin: 20px 0 0 0;
}
.btn_submit{
    padding: 5px 20px;
    background: #331915;
    border-radius: 5px;
    border: 1px solid #331915;
    font-size: 16px; 
    color: #fff;
    font-weight: 600;
}
.btn_submit:hover{
    background: #efa310;
    border: 1px solid #efa310;
    color: #331915;
    transition: ease 0.8s;
}
.nutri_btn{
    z-index: 9;
    position: relative;
    border: none;
    background: transparent;
}
.gallery_img_desc{
    font-size: 24px !important;
    line-height: 30px !important;
}
.mfp-figure:after {
    background: transparent !important;
    box-shadow: none !important;
}
.media--blazy {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.media--blazy ul {
    margin: 0;
    padding: 0;
}

.media--blazy .btn-gallery {
    position: relative;
    display: block;
}

.media--blazy .btn-gallery img {
    transition: transform 0.3s ease;
    max-width: 100%;
    height: auto;
}

.media--blazy .btn-gallery::before {
    content: 'View';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(36 16 16 / 86%);;
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.media--blazy .btn-gallery:hover::before {
    opacity: 1;
}

.media--blazy .btn-gallery:hover img {
    transform: scale(1.1);
}


/*product section new*/
.leftx{
    position: relative;
    left: 20%;
}
.rightx{
     position: relative;
     left: 20%;
} 
@media (max-width: 795px) {
    .leftx {
       left: 0;
    }
    
    .rightx {
        left: 0;
    }
}


/*timeline about*/
      .timeline {
      position: relative;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 40px 0;
    }

    .timeline::before {
      content: '';
      position: absolute;
      width: 80%;
      height: 4px;
      background: #f4bf24;
      top: 50%;
      left: 10%;
      transform: translateY(-50%);
    }

    .timeline-item {
      position: relative;
      z-index: 1;
    }

    .timeline-wrapper {
      position: relative;
      width: 180px;
      cursor: pointer;
    }

    .timeline-image {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #f4bf24;
    overflow: hidden;
    border: 4px solid #fce486;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease
    }

    .timeline-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }

      .timeline-name {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%) translateY(20px);
      background: #f4bf24;
      color: white;
      padding: 10px 20px;
      font-size: small;
      border-radius: 20px;
      white-space: nowrap;
      opacity: 0;
      transition: all 0.3s ease;
      font-weight: bold;
    }

    /* Hover Effects */
    .timeline-wrapper:hover .timeline-image {
      transform: translateY(-10px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    }

    .timeline-wrapper:hover .timeline-image img {
      transform: scale(1.1);
    }

    .timeline-wrapper:hover .timeline-name {
      opacity: 1;
      transform: translateX(-50%) translateY(10px);
    }

    /* Dot indicators */
    .timeline-item::after {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      background: #fff;
      border: 2px solid #f4bf24;
      border-radius: 50%;
      bottom: -26px;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.4s ease;
    }

    .timeline-item:hover::after {
      background: #f4bf24;
      border-color: #fce486;
      transform: translateX(-50%) scale(1.2);
    }
    /* Responsive Styles */
@media screen and (max-width: 1024px) {
  .timeline {
    gap: 30px;
  }
  
  .timeline-wrapper {
    width: 150px;
  }
  
  .timeline-image {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 768px) {
  .timeline {
    flex-direction: column;
    padding: 20px 0;
  }

  .timeline::before {
    width: 4px;
    height: 80%;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
  }

  .timeline-item {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0;
  }

  .timeline-item::after {
    left: calc(50% - 90px);
    bottom: 50%;
    transform: translateY(50%);
  }

  .timeline-name {
    transform: translateX(-50%) translateY(10px);
    opacity: 1;
  }
}

@media screen and (max-width: 480px) {
  .timeline-wrapper {
    width: 120px;
  }
  
  .timeline-image {
    width: 120px;
    height: 120px;
  }

  .timeline-name {
    font-size: 14px;
    padding: 8px 16px;
  }
}
  /*how to process ghee*/
.field__item.layout-6col__col {
    padding: 40px;
}


        .form-container {
          
            padding: 20px;
            border-radius: 8px;
            
            width:100%;
        }
        .form-title {
            text-align: center;
            font-size: 24px;
            margin-bottom: 20px;
        }
        .form-row {
            display: flex;
            gap: 15px;
        }
        .form-group {
            flex: 1;
            margin-bottom: 15px;
        }
        .form-label {
            /*display: block;*/
            /*font-weight: bold;*/
            margin-bottom: 5px;
            font-weight: lighter !important;
        }
        .form-input, .form-select {
            width: 100%;
            padding: 8px;
            border: 1px solid #efa310;
            border-radius: 5px;
        }
        .form-button-container {
            display: flex;
            justify-content: flex-end;
            margin-top: 20px;
        }
        .form-button {
            padding: 10px 20px;
            /*background-color: #28a745;*/
            border: none;
            color: white;
            font-size: 16px;
            border-radius: 5px;
            cursor: pointer;
        }
        /*.form-button:hover {*/
        /*    background-color: #218838;*/
        /*}*/
        @media (max-width: 600px) {
            .form-row {
                flex-direction: column;
            }
            .form-button-container {
                justify-content: center;
            }
        }
        
        /*jar model;*/
    .filter-buttons {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-bottom: 40px;
    }

    .filter-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 15px 25px;
      border: none;
      background: #331915;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .filter-btn:hover {
      background:#efa310;
    }

    .filter-btn.active {
      background: #c6bf73;
    }

    .icon-container {
      display: flex;
      gap: 8px;
      margin-bottom: 8px;
    }

    .btn-text {
      font-size: 14px;
      color: #fff;
    }

    .products-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 30px;
      padding: 20px 0;
    }

    .product-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
      border: 1px solid #dee2e6;
      border-radius: 8px;
      transition: transform 0.3s ease;
    }

    .product-card:hover {
      transform: translateY(-5px);
    }

    .product-image {
      width: 200px;
      height: 260px;
      margin-bottom: 15px;
      object-fit: contain;
    }

    .product-info {
      text-align: center;
      margin-bottom: 15px;
    }

    .product-info div {
      margin: 5px 0;
    }

    .label {
      font-weight: 600;
      margin-right: 5px;
    }

    .view-btn {
      padding: 8px 20px;
      background: #331915;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.3s ease;
      font-size: 14px;
      margin-top: 10px;
    }

    .view-btn:hover {
      background:#efa310;
    }

    /* Modal styles */
    .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    .modal-content {
      background: white;
      padding: 30px;
      border-radius: 8px;
      max-width: 500px;
      width: 90%;
      position: relative;
    }

    .close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      cursor: pointer;
      border: none;
      background: none;
      padding: 5px;
    }

    .modal-image {
      width: 100%;
      max-height: 300px;
      object-fit: contain;
      margin-bottom: 20px;
    }

    .modal-info {
      margin-bottom: 20px;
    }

    .modal-info div {
      margin: 10px 0;
      font-size: 16px;
    }

    .hidden {
      display: none;
    }
    
    
    /*mapping highlight*/

.foot_pulse {
    position: relative;
    width: 100%;
    /*max-width: 986px;*/
    margin: 0 auto;
}

.mapx {
    position: relative;
    width: 100%;
    height: auto;
}

.foot_marker {
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
    text-align: center;
}

.marker_img {
    width: 35px;
    height: 35px;
    transition: transform 0.3s ease;
   filter: hue-rotate(208deg);  /* 223*/
}

.foot_marker:hover .marker_img {
    transform: scale(1.3);
}

.foot_label {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 100;
}

.foot_marker:hover .foot_label {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    0% { opacity: 0; transform: translate(-50%, 5px); }
    100% { opacity: 1; transform: translate(-50%, 0); }
}

@media (max-width: 768px) {
    .marker_img {
        width: 15px;
        height: 15px;
    }
    
    .foot_label {
        font-size: 10px;
        padding: 3px 6px;
    }
}





.btnsmx {
	 display: inline-block;
	 color: #222;
	 padding: 25px;
	 position: relative;
	 letter-spacing: 1px;
	 margin-top:20px;
}
 .btn__circle, .btn__text, .btn__white-circle {
	 position: absolute;
}
 .btn__circle {
	 top: 0;
	 left: 0;
	 height: 100%;
	 border-radius: 100%;
	 width: 100%;
	 box-shadow: 0 0 1px 1px #f2a536;
	 transition: 0.3s linear;
}
 .btn__white-circle {
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%) scale(0);
	 width: 56px;
	 height: 56px;
	 border-radius: 100%;
	 background: #f2a536;
	 display: flex;
	 transition: 0.3s ease-in-out;
}
 .btn__white-circle svg {
	 width: 24px;
	 height: 24px;
	 margin: auto;
}
 .btn__text {
	 top: 50%;
	 transform: translateY(-50%);
	 white-space: nowrap;
	 z-index: 2;
	 padding: 24px 8px;
	 transition: 0.3s linear;
}
 .btnsmx:hover .btn__circle {
	 transform: scale(0);
}
 .btnsmx:hover .btn__white-circle {
	 transform: translate(-50%, -50%) scale(1);
}
 .btnsmx:hover .btn__text {
	 transform: translate(40px, -50%);
}

@media (max-width: 768px) {
     .field {
    flex-direction: column;
    gap: 15px;
  }
 
}

/*view details*/


/* Decorative Elements */
.decorative__innerx {
  margin: 2rem 0;
}
span.decorative__icon {
    width: 100%;
}

.decorative__itemxX {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
  position: relative;
}
.decorative__itemx {
  display: flex;
  align-items: center;
  /*gap: 1.5rem;*/
  margin-bottom: 2.5rem;
  position: relative;
}

.decorative__iconx {
  flex-shrink: 0;
  width: 100px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lazy-imagex {
  /*width: 100%;*/
  height: auto;
  transition: transform 0.3s ease;
  filter: hue-rotate(225deg);
  margin-left: -10%;
}
.lazy-imagexX {
  /*width: 100%;*/
  height: auto;
  transition: transform 0.3s ease;
  filter: hue-rotate(225deg);
  margin-left:65%;
}

.decorative__itemx:hover .lazy-imagex {
  transform: scale(1.1);
}

.b-lazyx {
  max-width: 100%;
  height: auto;
  transition: opacity 0.3s ease;
      
}

/* Responsive Design */
@media (max-width: 1200px) {
  
  
  .decorative__itemx {
    gap: 1rem;
  }
  .decorative__itemxX {
    gap: 1rem;
  }
  
  .decorative__icon {
    width: 80px !important;
  }
  .lazy-imagexX {
  margin-left:0;
  }
}

@media (max-width: 992px) {
  
  .decorative--front {
    margin: 3rem 0;
  }
}

@media (max-width: 768px) {
  .decorative__itemx {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .decorative__itemxX {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .leftx, .rightx {
    text-align: center;
  }
  
  .decorative__icon {
    margin-bottom: 1rem;
  }
  .lazy-imagexX {
  margin-left:0;
  }
}




      .pa-banner {
            background-image: url('../../../../themes/custom/pb/images/background/mainsl-1.jpg');
            background-size: cover;
            padding: 100px 20px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .pa-bannerx {
            background-image: url('../../../../themes/custom/pb/images/background/mainsl-2.jpg');
            background-size: cover;
            padding: 100px 20px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .pa-banner-text {
            background: rgba(0, 0, 0, 0.6);
            padding: 30px;
            border-radius: 10px;
            max-width: 600px;
            text-align: center;
        }
        .pa-banner-category {
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
            color: #ffc107;
        }
        .pa-banner h2 {
            font-size: 36px;
            margin: 15px 0;
        }
        .pa-bannerx-text {
            background: rgba(0, 0, 0, 0.6);
            padding: 30px;
            border-radius: 10px;
            max-width: 600px;
            text-align: center;
        }
        .pa-bannerx-category {
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
            color: #ffc107;
        }
        .pa-bannerx h2 {
            font-size: 36px;
            margin: 15px 0;
        }
        .pa-view-all {
            display: inline-block;
            margin-top: 15px;
            padding: 10px 20px;
            background: #ffc107;
            color: #000;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            transition: 0.3s;
        }
        .pa-view-all:hover {
            background: #e0a800;
        }
        @media (max-width: 768px) {
            .pa-banner {
                padding: 50px 20px;
            }
            .pa-banner h2 {
                font-size: 28px;
            }
        }
 /*list product*/
 
.card-container {
  gap: 20px;
  margin: 40px auto 60px;
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
}
.card-containerx {
  gap: 20px;
  margin: 40px auto 60px;
  width: 100%;
  max-width: 800px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
}

@media screen and (max-width: 1220px) {
  .card-container {
    grid-template-columns: repeat(3, 1fr);
    max-width: 900px;
  }
}
@media screen and (max-width: 1220px) {
  .card-containerx {
    grid-template-columns: repeat(2, 1fr);
    max-width: 900px;
  }
}

@media screen and (max-width: 920px) {
  .card-container {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
  }
}
@media screen and (max-width: 920px) {
  .card-containerx {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
  }
}

@media screen and (max-width: 620px) {
  .card-container {
    grid-template-columns: 1fr;
    max-width: 300px;
  }
}
@media screen and (max-width: 620px) {
  .card-containerx {
    grid-template-columns: 1fr;
    max-width: 300px;
  }
}
.card:nth-child(1) {
  --card-bg-color-1: #aa8e44;
}

.card:nth-child(2) {
  --card-bg-color-1: #e4c227;
}

.card:nth-child(3) {
  --card-bg-color-1: #331915;
}

.card:nth-child(4) {
  --card-bg-color-1: #dd9b3c;
}

.card {
  --border-r-card: 10px;
  width: 100%;
  height: 380px;
  position: relative;
  border-radius: var(--border-r-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  color: white;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
}

@media screen and (max-width: 480px) {
  .card {
    height: 320px;
  }
}

.card-bg {
  --card-bg-color-2: rgb(255, 255, 255);
  --border-r-fusion: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(
    90deg,
    var(--card-bg-color-2) 50%,
    var(--card-bg-color-1) 50%
  );
  z-index: -1;
}

.card-bg::before {
  content: "";
  width: 100%;
  height: 50%;
  background: var(--card-bg-color-1);
  position: absolute;
  border-bottom-left-radius: var(--border-r-fusion);
}

.card-bg::after {
  content: "";
  width: 100%;
  height: 50%;
  background: var(--card-bg-color-2);
  position: absolute;
  bottom: 0;
  border-top-right-radius: var(--border-r-fusion);
}

.card img {
  width: 250px;
  height: 250px;
  pointer-events: none;
  user-select: none;
  object-fit: contain;
}

@media screen and (max-width: 480px) {
  .card img {
    width: 140px;
    height: 170px;
  }
}

.card h2 {
  font-family: Arial, sans-serif;
  margin-bottom: 15px;
  color: white;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  text-align: center;
  padding: 0 10px;
  font-size: 1.5rem;
}

@media screen and (max-width: 480px) {
  .card h2 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
}

.card button {
  background: var(--card-bg-color-1);
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: var(--border-r-card);
  cursor: pointer;
  border: none;
  transition: transform 0.3s ease, background-color 0.3s ease;
  will-change: transform;
}

.card button:hover {
  transform: scale(1.05);
  background-color: rgba(0,0,0,0.2);
}

@media screen and (max-width: 480px) {
  .card button {
    font-size: 16px;
    padding: 8px 16px;
  }
}


        /*.cards-wrapper {*/
        /*    display: flex;*/
        /*    flex-wrap: wrap;*/
        /*    gap: 30px;*/
        /*    justify-content: center;*/
        /*}*/

        /*.medicine-box {*/
        /*    border: 1px solid #e0e0e0;*/
        /*    border-radius: 8px;*/
        /*    padding: 30px;*/
        /*    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);*/
        /*    transition: transform 0.3s ease, box-shadow 0.3s ease;*/
            /*background-color: #fff;*/
        /*    max-width: 350px;*/
        /*    width: 100%;*/
            text-align: center; /* Center all text content */
        /*    border-bottom: 6px solid transparent;*/

        /*}*/

        /*.medicine-box:hover {*/
        /*    transform: translateY(-5px);*/
        /*    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);*/
        /*}*/

        /*.medicine-box img {*/
        /*    width: 100%;*/
        /*    height: auto;*/
        /*    border-radius: 5px;*/
        /*    margin-bottom: 15px;*/
        /*    object-fit: scale-down;*/
        /*    width: 200px;*/
        /*    height: 200px;*/
        /*}*/

        /*.medicine-box h2 {*/
        /*    margin-top: 0;*/
        /*    margin-bottom: 10px;*/
        /*    font-size: 22px;*/
        /*}*/

        /*.medicine-box h2 a {*/
        /*    color: #efa310;*/
        /*    text-decoration: none;*/
        /*    transition: color 0.3s ease;*/
        /*}*/

        /*.medicine-box h2 a:hover {*/
        /*    color: #351916;*/
        /*}*/

        /*.medicine-box > a {*/
        /*    display: inline-block;*/
        /*    color:#efa310;*/
        /*    font-size: 15px;*/
        /*    margin-bottom: 10px;*/
        /*    text-decoration: none;*/
        /*    font-weight: 500;*/
        /*}*/

        /*.medicine-box > a:hover {*/
            /*text-decoration: underline;*/
        /*     color: #351916;*/
        /*}*/

        /*.medicine-box p {*/
        /*    color: #666;*/
        /*    line-height: 1.6;*/
        /*    margin: 0;*/
        /*}*/

        /*@media (max-width: 768px) {*/
        /*    .cards-wrapper {*/
        /*        flex-direction: column;*/
        /*        align-items: center;*/
        /*    }*/
        /*}*/
        /* .medicine-box:hover {*/
        /*     transform: translateY(-5px);*/
        /*}*/
        /*.medicine-box:hover {*/
        /*     border-color: #efa310;*/
        /*}*/
       /* why start */
    .pa-why {
            
            padding: 80px 0;
        }
        
        /*.spacer-top {*/
        /*    margin-top: 50px;*/
        /*}*/
        
        /*.spacer-bottom {*/
        /*    margin-bottom: 50px;*/
        /*}*/
        
        
        /* Heading Styles */
        .pa-heading {
            text-align: center;
            margin-bottom: 70px;
        }
        
        .pa-heading img {
            max-width: 80px;
            margin-bottom: 20px;
        }
        
        .pa-heading h1 {
            font-size: 36px;
            color: #efa310;
            text-transform: capitalize;
            margin-bottom: 10px;
            font-weight: 700;
        }
        
        .pa-heading h5 {
            font-size: 18px;
            color: #777;
            font-weight: 400;
        }
        
        /* Layout */
        .row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .col-left {
            width: 33.333%;
            padding-right: 0;
        }
        
        .col-center {
            width: 33.333%;
            padding: 0;
            display: flex;
            justify-content: center;
        }
        
        .col-right {
            width: 33.333%;
            padding-left: 0;
        }
        
        /* Central Image */
        .pa-why-img {
            width: 380px;
            height: 380px;
            line-height: 380px;
            border: 1px dashed #FFC107;
            border-radius: 100%;
            text-align: center;
        }
        
        .pa-why-img svg {
            width: 60%;
            vertical-align: middle;
        }
        
        /* Lists Styling */
        .pa-why-ul ul {
            list-style: none;
        }
        
        .pa-why-ul ul li {
            font-size: 20px;
            margin-bottom: 60px;
            font-weight: 500;
            position: relative;
            text-transform: capitalize;
        }
        
        .pa-why-ul ul li:last-child {
            margin-bottom: 0;
        }
        
        .pa-why-ul ul li:after {
            position: absolute;
            content: '';
            width: 145px;
            border: 0.5px dashed #FFC107;
            top: 0;
            bottom: 0;
            height: 0px;
            margin: auto 0;
        }
        
        /* Left Column List */
        .pa-why-left ul li {
            text-align: right;
            padding-right: 150px;
        }
        
        .pa-why-left ul li:after {
            right: 0;
        }
        
        .pa-why-left ul li:first-child {
            padding-right: 85px;
        }
        
        .pa-why-left ul li:first-child:after {
            transform: rotate(11deg) translate(70px, 0px);
        }
        
        .pa-why-left ul li:nth-child(2) {
            padding-right: 140px;
        }
        
        .pa-why-left ul li:nth-child(2):after {
            transform: rotate(8deg) translate(13px, 10px);
        }
        
        .pa-why-left ul li:nth-child(4) {
            padding-right: 145px;
        }
        
        .pa-why-left ul li:nth-child(4):after {
            transform: rotate(-8deg) translate(10px, -10px);
        }
        
        .pa-why-left ul li:last-child {
            padding-right: 100px;
        }
        
        .pa-why-left ul li:last-child:after {
            transform: rotate(-14deg) translate(55px, -10px);
        }
        
        /* Right Column List */
        .pa-why-right ul li {
            text-align: left;
            padding-left: 150px;
        }
        
        .pa-why-right ul li:after {
            left: 0;
        }
        
        .pa-why-right ul li:first-child {
            padding-left: 95px;
        }
        
        .pa-why-right ul li:first-child:after {
            transform: rotate(-11deg) translate(-62px, 10px);
        }
        
        .pa-why-right ul li:nth-child(2) {
            padding-left: 140px;
        }
        
        .pa-why-right ul li:nth-child(2):after {
            transform: rotate(-8deg) translate(-15px, 10px);
        }
        
        .pa-why-right ul li:nth-child(3):after {
            transform: rotate(0deg);
        }
        
        .pa-why-right ul li:nth-child(4) {
            padding-left: 145px;
        }
        
        .pa-why-right ul li:nth-child(4):after {
            transform: rotate(8deg) translate(-11px, -10px);
        }
        
        .pa-why-right ul li:last-child {
            padding-left: 110px;
        }
        
        .pa-why-right ul li:last-child:after {
            transform: rotate(16deg) translate(-50px, -10px);
        }
        
        /* Responsive styles */
        @media (max-width: 991px) {
            .col-left, .col-center, .col-right {
                width: 100%;
                padding: 0 15px;
            }
            
            .pa-why-img {
                margin: 60px auto;
                width: 300px;
                height: 300px;
                line-height: 300px;
            }
            
            .pa-why-img svg{
                width: 120px;
            }
            
            .pa-why-left ul li, .pa-why-right ul li {
                text-align: center;
                padding: 0 0 30px 0 !important;
                margin-bottom: 30px;
            }
            
            .pa-why-left ul li:after, .pa-why-right ul li:after {
                display: none;
            }
        }
        
        
                /* Heading Styles */
                .containerx {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        .pa-heading {
            text-align: center;
            margin-bottom: 50px;
            padding-top: 50px;
        }
        
        .pa-heading img {
            max-width: 80px;
            margin-bottom: 20px;
        }
        
        .pa-heading h1 {
            font-size: 36px;
            color: #efa310;
            text-transform: capitalize;
            margin-bottom: 10px;
            font-weight: 700;
        }
        
        .pa-heading h5 {
            font-size: 18px;
            color: #777;
            font-weight: 400;
        }
        
        /* Carousel Styles */
        .pa-carousel {
            padding: 30px 0 80px;
           
        }
        
        .swiper {
            width: 100%;
            padding-bottom: 50px;
        }
        
        .swiper-slide {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s;
            overflow: hidden;
        }
        
        .swiper-slide:hover {
            transform: translateY(-5px);
        }
        
        .pa-product {
            text-align: center;
            padding: 20px;
        }
        
        .pa-product-img {
            height: 300px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .pa-product-img img {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
        }
        

        
        /* Swiper Navigation & Pagination Customization */
        .swiper-button-next,
        .swiper-button-prev {
            color: #efa310 !important;
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            /*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);*/
        }
        
        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-size: 18px;
        }
        
        .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background: #efa310!important;
            opacity: 0.5;
        }
        
        .swiper-pagination-bullet-active {
            opacity: 1;
            background: #efa310!important;
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .pa-heading h1 {
                font-size: 28px;
            }
      
            
            .swiper-button-next,
            .swiper-button-prev {
                display: none;
            }
        }
        
        /*recipe page*/
 /*.headerxs {*/
 /*     text-align: center;*/
 /*     margin-bottom: 40px;*/
 /*   }*/
    
 /*    h1 {*/
 /*     font-size: 2.5rem;*/
 /*     color: #5a3921;*/
 /*     margin-bottom: 10px;*/
 /*   }*/
    
 /*   .recipe-intro {*/
 /*     font-size: 1.1rem;*/
 /*     color:#282828;*/
 /*     margin-bottom: 20px;*/
 /*   }*/
    
 /*   .recipe-meta {*/
 /*     display: flex;*/
 /*     justify-content: center;*/
 /*     gap: 30px;*/
 /*     margin-bottom: 30px;*/
 /*   }*/
    
 /*   .recipe-meta div {*/
 /*     text-align: center;*/
 /*     background-color: #fff;*/
 /*     padding: 15px;*/
 /*     border-radius: 8px;*/
 /*     box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
 /*     min-width: 120px;*/
 /*   }*/
    
 /*   .recipe-meta h3 {*/
 /*     font-size: 0.9rem;*/
 /*     text-transform: uppercase;*/
 /*     color: #888;*/
 /*     margin-bottom: 5px;*/
 /*   }*/
    
 /*   .recipe-meta p {*/
 /*     font-weight: bold;*/
 /*     color: #5a3921;*/
 /*   }*/
    
 /*    .recipe-image {*/
 /*     width: 100%;*/
 /*     margin-bottom: 30px;*/
 /*     border-radius: 10px;*/
 /*     overflow: hidden;*/
 /*     box-shadow: 0 3px 10px rgba(0,0,0,0.1);*/
 /*   }*/
    
 /*   .recipe-image img {*/
 /*     width: 100%;*/
 /*     height: auto;*/
 /*     display: block;*/
 /*     object-fit: cover;*/
 /*   }*/
    
    
 /*   .recipe-content {*/
 /*     display: grid;*/
 /*     grid-template-columns: 1fr 2fr;*/
 /*     gap: 40px;*/
 /*   }*/
    
 /*   .ingredients {*/
 /*     background-color: #fff;*/
 /*     padding: 25px;*/
 /*     border-radius: 8px;*/
 /*     box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
 /*   }*/
    
 /*   h2 {*/
 /*     color: #5a3921;*/
 /*     margin-bottom: 20px;*/
 /*     font-size: 1.5rem;*/
 /*   }*/
    
 /*   .list {*/
 /*     padding-left: 20px;*/
 /*   }*/
    
 /*   .list-item {*/
 /*     margin-bottom: 10px;*/
 /*   }*/
    
 /*   .steps-list {*/
 /*     counter-reset: step-counter;*/
 /*     list-style-type: none;*/
 /*     padding-left: 0;*/
 /*   }*/
    
 /*   .step-item {*/
 /*     position: relative;*/
 /*     padding-left: 40px;*/
 /*     margin-bottom: 25px;*/
 /*   }*/
    
 /*   .step-item:before {*/
 /*     content: counter(step-counter);*/
 /*     counter-increment: step-counter;*/
 /*     position: absolute;*/
 /*     left: 0;*/
 /*     top: 0;*/
 /*     background-color: #5a3921;*/
 /*     color: white;*/
 /*     width: 28px;*/
 /*     height: 28px;*/
 /*     border-radius: 50%;*/
 /*     display: flex;*/
 /*     align-items: center;*/
 /*     justify-content: center;*/
 /*     font-weight: bold;*/
 /*   }*/
    
 /*   .tips {*/
 /*     background-color: #f3ebe0;*/
 /*     padding: 20px;*/
 /*     border-radius: 8px;*/
 /*     margin-top: 30px;*/
 /*   }*/
    
 /*   .ingredients-list {*/
 /*     list-style-type: disc;*/
 /*   }*/
    
 /*   .tips-list {*/
 /*     list-style-type: circle;*/
 /*   }*/
    
  
    
 /*   @media (max-width: 768px) {*/
 /*     .recipe-content {*/
 /*       grid-template-columns: 1fr;*/
 /*     }*/
      
 /*     .recipe-meta {*/
 /*       flex-direction: column;*/
 /*       gap: 10px;*/
 /*     }*/
 /*   }*/
 
 .headerxs {
      text-align: center;
      margin-bottom: 40px;
    }
 
     .page-title {
      font-size: 2.5rem;
      color: #5a3921;
      margin-bottom: 10px;
    }
    
    .recipe-intro {
      font-size: 1.1rem;
      color: #282828;
      margin-bottom: 20px;
    }
    
    .recipe-meta {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin-bottom: 30px;
    }
    
    .recipe-meta div {
      text-align: center;
      background-color: #fff;
      padding: 15px;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      min-width: 120px;
    }
    
    .meta-title {
      font-size: 0.9rem;
      text-transform: uppercase;
      color: #888;
      margin-bottom: 5px;
      font-weight: bold;
    }
    
    .recipe-meta p {
      font-weight: bold;
      color: #5a3921;
    }
    
    .recipe-image {
      width: 100%;
      margin-bottom: 30px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }
    
    .recipe-image img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
    }
    
    .recipe-content {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 40px;
    }
    
    .ingredients {
      background-color: #fff;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    
    .section-title {
      color: #5a3921;
      margin-bottom: 20px;
      font-size: 1.5rem;
    }
    
    .subsection-title {
      color: #7a5941;
      margin: 15px 0 10px 0;
      font-size: 1.2rem;
    }
    
    .ingredient-category {
      color: #8a6951;
      margin: 12px 0 8px 0;
      font-size: 1.1rem;
      font-style: italic;
    }
    
    .step-title {
      color: #5a3921;
      margin: 10px 0 5px 0;
      font-size: 1rem;
      font-weight: bold;
    }
    
    .note-title {
      color: #8a6951;
      margin: 8px 0;
      font-size: 0.9rem;
      font-weight: bold;
    }
    
    .list {
      padding-left: 20px;
    }
    
    .list-item {
      margin-bottom: 10px;
    }
    
    .steps-list {
      counter-reset: step-counter;
      list-style-type: none;
      padding-left: 0;
    }
    
    .step-item {
      position: relative;
      padding-left: 40px;
      margin-bottom: 25px;
    }
    
    .step-item:before {
      content: counter(step-counter);
      counter-increment: step-counter;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #5a3921;
      color: white;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
    }
    
    .tips {
      background-color: #f3ebe0;
      padding: 20px;
      border-radius: 8px;
      margin-top: 30px;
    }
    
    .ingredients-list {
      list-style-type: disc;
    }
    
    .tips-list {
      list-style-type: circle;
    }
 
    
   
    
    @media (max-width: 768px) {
      .recipe-content {
        grid-template-columns: 1fr;
      }
      
      .recipe-meta {
        flex-direction: column;
        gap: 10px;
      }
    }
    
    
  
    /* Timeline Container */
/* Timeline Container */
.timelinex {
  display: flex;
  justify-content: space-around;
  position: relative;
  margin: 60px 0;
  gap: 60px;
  flex-wrap: nowrap;
}

/* Timeline Line */
.timelinex::before {
    content: '';
    position: absolute;
    width: 200%;
    height: 4px;
    background: #f4bf24;
    top: 88px;
    left: 45%;
    z-index: -1;
}

/* Timeline Items */
.timeline-itemx {
  position: relative;
  display: flex;
  align-items: center;
}

/* Timeline Card */
.timeline-card {
  position: relative;
  width: 180px;
  text-align: center;
  cursor: pointer;
}

/* Timeline Photo */
.timeline-photo {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #f4bf24;
  overflow: hidden;
  border: 4px solid #fce486;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
  position: relative;
}

.timeline-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* Timeline Caption */
.timeline-caption {
  margin-top: 10px;
  background: #f4bf24;
  color: white;
  padding: 10px 20px;
  font-size: small;
  border-radius: 20px;
  white-space: nowrap;
  font-weight: bold;
}

/* Hover Effects */
.timeline-card:hover .timeline-photo {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.timeline-card:hover .timeline-photo img {
  transform: scale(1.1);
}

/* Dot indicators */
.timeline-itemx::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #f4bf24;
  border-radius: 50%;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s ease;
}

.timeline-itemx:hover::after {
  background: #f4bf24;
  border-color: #fce486;
  transform: translateX(-50%) scale(1.2);
}

/* Animated Letter */
.animated-letter {
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  color: #3e1d0e;
  animation: colorChange 2s infinite alternate;
}

/* Keyframes for color animation */
@keyframes colorChange {
  0% {
    color: #3e1d0e; /* Initial color */
  }
  50% {
    color: #fff; /* Mid color */
  }
  100% {
    color: #000; /* Final color */
  }
}

/* Large screens (laptops/desktops) */
@media screen and (max-width: 1200px) {
  .timelinex {
    gap: 50px;
  }
}

/* Medium screens (tablets) */
@media screen and (max-width: 1024px) {
  .timelinex {
    gap: 40px;
  }
  
  .timeline-card {
    width: 150px;
  }
  
  .timeline-photo {
    width: 150px;
    height: 150px;
  }
  
  .timelinex::before {
    top: 75px;
  }
}

/* Small tablets */
@media screen and (max-width: 768px) {
  .timelinex {
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
  }
  
  .timelinex::before {
    width: 4px;
    height: 80%;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .timeline-itemx {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
  }
  
  .timeline-itemx::after {
    left: auto;
    right: calc(50% - 90px);
    bottom: 50%;
    transform: translateY(50%);
  }
}

/* Mobile phones */
@media screen and (max-width: 480px) {
  .timeline-card {
    width: 220px;
  }
  
  .timeline-photo {
    width: 120px;
    height: 120px;
    margin: 0 auto;
  }
  
  .timeline-caption {
    font-size: 12px;
    padding: 8px 14px;
    white-space: normal;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .animated-letter {
    font-size: 18px;
  }
}

/* Extra small devices */
@media screen and (max-width: 375px) {
  .timeline-card {
    width: 100px;
  }
  
  .timeline-photo {
    width: 100px;
    height: 100px;
  }
  
  .timeline-caption {
    font-size: 11px;
    padding: 6px 10px;
  }
}
.cta__titles .cta__main-title .field  {
    background-image: url(../images/backgrounds/Contact_Us.jpg.png);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 460px;
    /*font-size: 110px;*/
    font-weight: bold;
    height: 150px;
    padding-top: 20px;
    /*text-shadow: 8px 7px 16px #90902c;*/
    background-attachment: fixed
}

   
    /*index.left-right content image*/
    
    
.layout-container {
  display: flex;
  min-height: 100vh;
  position: relative;
  width: 100%;
}

.image-container {
  width: 60%;
  position: absolute;
  right: 0;
  height: 100%;
  background-image: url(../../../../themes/custom/pb/images/background/rkg-desi-01.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.content-overlay {
  width: 50%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 60px;
  z-index: 2;
  justify-content: center;
  left: 20%;
  position: relative;
}

/* Tablet responsive styles */
@media (max-width: 992px) {
  .content-overlay {
    width: 55%;
    padding: 40px;
  }
  
  .image-container {
    width: 55%;
  }
}

/* Small tablet responsive styles */
@media (max-width: 820px) {
  .content-overlay {
    width: 60%;
    padding: 30px;
  }
  
  .image-container {
    width: 50%;
  }
}

/* Mobile responsive styles */
@media (max-width: 768px) {
  .layout-container {
    flex-direction: column;
    min-height: auto;
  }
  
  .content-overlay {
    width: 100%;
    min-height: auto;
    order: 2;
    padding: 30px 20px;
    left: 0;
  }
  
  .image-container {
    position: relative;
    width: 100%;
    height: 50vh;
    order: 1;
  }
}

/* Small mobile devices */
@media (max-width: 480px) {
  .image-container {
    height: 40vh;
  }
  
  .content-overlay {
    padding: 24px 27px;
    left: 0;
  }
}

/* Extra small devices */
@media (max-width: 320px) {
  .image-container {
    height: 35vh;
  }
  
  .content-overlay {
    padding: 20px 12px;
  }
}

/*index banner 1932*/
        .banner {
            position: relative;
            width: 100%;
            height: 330px;
            overflow: hidden;
            margin-top: -60px;
        }
        
        .banner video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .banner h1 {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0;
            font-weight: bold;
            font-size: 17em;
            text-align: center;
            mix-blend-mode: lighten;
            background-color: #fffaf1;
            letter-spacing: -46px;
            text-indent: -30px;
        }
        
        .banner .ani {
            position: absolute;
            bottom: 25px;
            left: 83px;
            color: #ff0000;
            background: #FF3636;
            background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            z-index: 9;
            font-size: 25px;
        }
        
        .banner .sml {
            position: absolute;
            font-size: 40px;
            top: -60px;
            right: 80px;
            letter-spacing: 0;
            text-transform: lowercase;
        }
        
        .banner .cel {
            position: absolute;
            top: 50px;
            right: 86px;
            color: #ff0202;
            background: #FF3636;
            background: linear-gradient(90deg, #381700 0%, #daae51 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            z-index: 9;
            font-size: 35px;
        }
        
        
        /*production-process*/
        .processx{
            filter: hue-rotate(225deg);
        }