/* ===== Biofar Customizations ===== */


/* === 00. Theme settings === */

:root {
    --primary-color: #b00064;
    --sec-color: #87b02a;
}

/* Promeni boju selekcije */
::selection {
    background-color: var(--sec-color);
    color: #fff !important;
}

/* Za WebKit pretraživače (opciono, većina ih podržava i bez prefiksa) */
::-webkit-selection {
    background-color: var(--sec-color);
    color: #fff !important;

}

body {
    font-family: '718BOOK', Helvetica, Arial, Lucida, sans-serif;
    color: #585858;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
    font-family: 'Solano-bold', Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase;
}

h2 {
    font-size: 2.1em;
    text-shadow: none;
}

h3 {
    font-size: 1.7em !important;
    color: #87b02a !important;
    text-shadow: none;
}

h4 {
    font-size: 1.4em !important;
    color: var(--primary-color) !important
}

@media (max-width:479px) {
    body {
        font-size: 15px !important;
        line-height: 1;
    }

    .et_pb_row,
    .et_section_specialty>.et_pb_row,
    .et_pb_fullwidth_code_0 {
        width: 100%;
        padding: 15px;
    }
}

small {
    font-size: .72em
}

div#et-main-area {
    overflow-x: hidden;
}

@media (max-width: 980px) {
    .et_pb_section {
        /* padding: 30px 0; */
    }
}


/* Full page sections*/

.fullpage-section {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* === 00. HEADER === */


/* 01 Regular postition*/

.lt-header {
    /* position: absolute; */
    width: 100%;
    z-index: 9;
}

.lt-header .et_pb_code_0_tb_header {
    /*  position: relative; */
}

.lt-header .et_pb_row_0_tb_header {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-right: 0 !important;
}


/* .header_colum_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
} */

.lt-header .et_pb_row_0_tb_header .et_pb_code_0_tb_header {
    display: flex;
    justify-content: center;
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0.5em 0;
    box-shadow: 1px -1px 20px 20px rgb(16 16 16 / 6%);
    overflow: hidden;
}

.lt-header .et_pb_row_0_tb_header .et_pb_code_0_tb_header .et_pb_code_inner {
    display: flex;
}

.header_colum_wrap {
    display: none;
}

.et_pb_menu__logo-wrap-full svg {
    position: relative;
    bottom: -50px;
    transition: .7s ease all;
}

.header_colum_wrap ul {
    align-items: center !important
}

.lt-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - -19px);
    left: 0;
}

.header_colum_wrap .et_pb_menu__logo-wrap {
    margin-bottom: 0 !important
}

.et_pb_menu_0_tb_header.et_pb_menu ul li {
    font-weight: 600
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    /*    text-shadow: 1px 1px 1px #000000ad; */
}

.et_pb_menu_0_tb_header .et_pb_menu__logo-wrap {
    display: none;
}

@media (min-width: 981px) {
    .lt-header {
        position: absolute;
    }

    .lt-header .et_pb_menu_0_tb_header {
        width: 100%;
        /* position: absolute; */
        /*         right: 50%;
        transform: translateX(50%);
        background: #002345f2 !important; */
    }

    .lt-header li.apply-now a {
        padding: 9px 14px !important;
        margin: 0 !important;
    }

    .lt-header .et_pb_menu__menu>nav>ul {
        padding: 20px 0 !important
    }

    .lt-header .et_pb_menu__menu>nav>ul>li {
        margin-top: 0;
    }

    .lt-header .et_pb_menu__menu>nav>ul>li>a {
        padding-bottom: 0;
        height: 25px;
    }

    .lt-header .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
        top: calc(100% - -1px);
    }

    .lt-header .et-menu li {
        display: inline-block;
        font-size: .9em;
        padding-right: 22px;
    }

    /*bfr menu centered*/
    .lt-header .et_pb_menu__wrap {
        justify-content: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
    }
}


/* 02 Fixed/sticky position*/

body:not(.et-fb) .et_pb_section.lt-fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    transform: translateY(-100%);
    transition: 0.3s transform ease-in-out;
    z-index: 99;
    opacity: 0;
    box-shadow: 1px -1px 20px 20px rgb(16 16 16 / 6%);
    max-width: 90%;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important
}

body:not(.et-fb) .et_pb_section.lt-fixed-header.lt-scrolled {
    transform: translateY(0);
    opacity: 1;
    transition: .3s all ease-in-out;
    max-width: 100% !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 100%;
}

.lt-fixed-header {
    pointer-events: none;
}

.lt-fixed-header.lt-scrolled {
    pointer-events: all;
}

body.admin-bar:not(.et-fb) .et_pb_section.lt-fixed-header {
    top: 32px;
}

@media (max-width:782px) {
    body.admin-bar:not(.et-fb) .et_pb_section.lt-fixed-header {
        top: 46px;
    }
}

@media (max-width:600px) {
    body.admin-bar:not(.et-fb) .et_pb_section.lt-fixed-header {
        top: 0;
    }
}



.et-menu li li a {
    padding: 6px 14px;
    width: 200px;
}

/* === 00. SCROLL BARS === */


/* width */

html {
    overflow-y: scroll;
    scrollbar-color: #87b02a #e3e3e3;
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #87b02a;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* === 00. DIVIDERS === */

@media (max-width: 980px) {

    .et_pb_module.et_pb_text.et_pb_text_2.et_pb_text_align_left.et_pb_bg_layout_light::before,
    #defense::after,
    #how::after,
    .bfr-footer-info::after,
    #why-human-wrap::after,
    #multiple::after {
        content: "";
        display: block;
        position: relative;
        left: -95px;
        background-image: url(/templates/sections/pastilles/uploads/2021/12/divider-gray.svg) !important;
        background-repeat: no-repeat;
        background-size: contain;
        width: calc(100% + 190px);
        height: 19vw;
    }
}

@media (min-width: 981px) {
    .et-l--footer .et_builder_inner_content .et_pb_section {
        content: "";
        visibility: visible;
        display: block;
        background-image: url(/templates/sections/pastilles/uploads/2021/12/divider-gray-lg.svg) !important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position-y: 200px;
    }

    div#how::after,
    #why::after,
    #multiple::after {
        content: "";
        visibility: visible;
        display: block;
        background-image: url(/templates/sections/pastilles/uploads/2021/12/divider-gray-lg.svg) !important;
        background-repeat: no-repeat;
        background-size: contain;
        /* background-position-y: 200px; */
        height: 12vw;
    }
}


/* === 00. BRAKING ROW CLASSES === */

@media only screen and (max-width: 980px) {
    .two-columns .et_pb_column {
        width: 50% !important;
    }

    .three-columns .et_pb_column {
        width: 33.33% !important;
    }

    .four-columns .et_pb_column {
        width: 25% !important;
    }
}

@media only screen and (max-width: 767px) {
    .two-columns-sm .et_pb_column {
        width: 50% !important;
    }

    .three-columns-sm .et_pb_column {
        width: 33.33% !important;
    }

    .four-columns-sm .et_pb_column {
        width: 22.2% !important;
    }
}

@media only screen and (max-width: 479px) {
    .two-columns-xs .et_pb_column {
        width: 50% !important;
    }

    .three-columns-xs .et_pb_column {
        width: 33.33% !important;
    }

    .four-columns-xs .et_pb_column {
        width: 25% !important;
    }
}


/* === 00. SECTION SLIDE === */

.et-pb-active-slide .et_pb_slide_image,
.et_pb_slide:first-child .et_pb_slide_image img.active {
    animation-name: none !important;
}

@media (min-width: 480px) and (max-width: 767px) {
    #phyto-sl .et_pb_slider .et_pb_slide {
        background-size: cover;
        background-position: center;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    #phyto {
        background-size: cover;
    }

    #phyto .header-image-container .header-image {
        padding: 0 14%;
    }
}

@media (min-width: 981px) {
    /*  #phyto-sl {
        height: 100vh;
    } */
}


/* === 01. SECTION PHYTO LP === */

#phyto .et_pb_fullwidth_header_container.left {
    top: -360px;
    display: flex;
    align-content: center;
    align-items: stretch;
}

#phyto .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content-container.center {
    /* -webkit-align-self: center; */
    -ms-align-self: initial !important;
    -ms-flex-item-align: initial !important;
    align-self: initial !important
}

#phyto .et_pb_header_content_wrapper h1 {
    font-size: 81px;
    text-shadow: 0 0 4px #00000038;
}

.how-list {
    list-style: none !important;
    /* Uklanja standardni marker */
    padding-left: 0 !important;
}

.how-list li {
    position: relative;
    /* Da bi se stvorio prostor za custom marker */
    padding-left: 14px;
}

.how-list li::before {
    content: '';
    /* Prilagođeni marker */
    position: absolute;
    left: 0;
    top: 40%;
    width: 5px;
    height: 5px;
    background-color: var(--primary-color);
    /* Boja markera */
    border-radius: 50%;
    /* Pravljenje krugaste oznake */
    transform: translateY(-50%);
    /* Poravnanje markera u sredini */
}



@media (max-width: 479px) {
    #phyto .et_pb_header_content_wrapper h1 {
        font-size: 45px;
        /*  font-size: 14vw; */
        line-height: 1.1;
    }

    .how-list li {
        line-height: 1.1 !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #phyto {
        background-size: contain;
    }
}

@media (max-width: 767px) {
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
        width: 90%;
    }

    #phyto .et_pb_fullwidth_header_container.left {
        top: -270px;
    }

    #phyto .header-image-container .header-image {
        text-align: center;
        padding: 0 14%;
    }
}

@media (min-width: 768px) {
    #phyto .header-content {
        margin-top: 100px;
    }

    #email_address_label, #message_label {
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    #phyto .et_pb_fullwidth_header_container.left {
        flex-direction: column !important;
        align-items: center;
    }

    #phyto .header-content {
        margin-bottom: 50px;
        margin-top: -50px;
    }

    #phyto .et_pb_header_content_wrapper h1 {
        text-align: center;
    }
}

@media (min-width: 981px) {
    #phyto .header-image-container .header-image {
        text-align: end;
        padding: 0 0% 0 15%;
    }
}

@media (min-width: 981px) and (max-width: 1199px) {
    #phyto .header-image-container .header-image {
        padding: 0;
    }
}

@media (min-width: 1500px) {
    #phyto .header-image-container .header-image {
        text-align: end;
        padding: 0 0% 0 35%;
    }
}


/* === 02. SECTION Respiroatary infections === */

#respiratory .resp-icons .et_pb_module {
    margin-bottom: 10px;
}

#respiratory .resp-icons .et_pb_module .et_pb_code_inner {
    text-align: center;
}

@media (max-width: 479px) {
    #respiratory .et_pb_row .et_pb_column.et_pb_column_1_4 {
        width: 50% !important;
    }

    #respiratory #bfr-human {
        width: 100%;
    }

    #respiratory .resp-icons .et_pb_column {
        padding: 0 2%;
    }

    #respiratory .bfr-who-source p {
        text-align: right !important;
    }
}


/* === 03. Numerousinfection situations === */

.et_pb_slide_description {
    height: 100%
}

.et_pb_fullwidth_slider_1,
.et_pb_fullwidth_slider_1 .et_pb_slide {
    margin-bottom: 4em;
}


/* title*/

.et_pb_slide_description>.et_pb_slide_title {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    color: #87b02a !important
}


/* slide bullets*/

.et-pb-controllers a {
    width: 14px;
    height: 14px;
    background-color: #E5E5E5;
    opacity: 1;
}

.et-pb-controllers .et-pb-active-control {
    background-color: var(--primary-color);
}

@media (max-width: 767px) {
    .et-pb-controllers {
        bottom: 3%;
    }
}


/* prevent animation*/

#numerousinfection .et_pb_slide_description {
    animation-name: fade;
}

@media (max-width: 479px) {
    #numerousinfection .et_pb_fullwidth_code_0 {
        width: 100%;
        padding-bottom: 0;
    }
}

@media (max-width:767px) {
    #numerousinfection .et_pb_fullwidth_slider_1 {
        height: 169vw !important;
    }

    #numerousinfection .et_pb_fullwidth_slider_1,
    #numerousinfection .et_pb_fullwidth_slider_1 .et_pb_slide {
        height: 139vw;
    }

    #numerousinfection .et_pb_slide_description {
        height: 159vw;
    }
}

@media (max-width:980px) {
    #numerousinfection .et_pb_slide_description>.et_pb_slide_title {
        bottom: 30px;
        width: 100%;
    }

    #numerousinfection .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
        font-size: 2em;
    }
}


/* === 04. Discover === */


/* desc*/

.phyto-disc-desc {
    color: var(--primary-color);
    font-family: Solano-bold, Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 1.5em;
}


/* bullet list*/

#discover .desc-bullets {
    font-family: Solano-bold, Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 1.4em;
    color: #87b02a;
}

#discover ul {
    list-style-type: none;
    margin-top: 10px;
}

#discover ul li {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 21px;
    margin-bottom: 7px;
}

#discover li::before {
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #87b02a;
    margin-right: 11px;
    top: 7px;
    left: 0px;
    position: absolute;
}


/* table*/

#discover table tbody {
    color: #000000;
}

#discover table th {
    background: var(--primary-color);
    color: #fff;
    border-bottom: 7px solid #fff;
}

#discover table th:nth-child(2n) {
    text-align: right;
}

#discover table th:nth-child(3n) {
    text-align: center;
}

#discover table tr:nth-child(2n) td {
    background: #87b02a !important
}

#discover table tr:nth-child(2n-1) td {
    background: #dcecc6 !important
}

#discover table tr td:nth-child(2n) {
    text-align: right;
}

#discover table tr td:nth-child(3n) {
    text-align: center;
}

@media (max-width:479px) {
    #discover table th {
        padding: .72em 0 .72em 10px !important;
    }

    #discover table td {
        padding: 0.25em 0 0.25em 10px !important;
    }

    #discover table tbody {
        font-weight: 700;
    }
}

@media (min-width:480px) and (max-width:767px) {
    #discover table th {
        padding: .25em 0 .25em 10px !important;
    }

    #discover table td {
        padding: .25em 0 .5em 10px !important;
    }
}

@media (max-width:980px) {
    .et_pb_column .et_pb_module {
        /*  margin-bottom: 10px; */
    }
}


/* === 05. SECTION #Defense === */

#defense svg {
    width: 100%;
}


/* === 06. SECTION #Synergisticactive ingredients === */


/* anchors section*/

#synergisticactive h3 {
    color: var(--primary-color) !important
}

#synergisticactive h3 a {
    text-decoration: underline;
}


/*slide section*/

#synergetic .et_pb_bg_layout_dark h3 {
    color: #87b02a !important;
}

.et_pb_bg_layout_dark h4 {
    color: var(--primary-color) !important
}

#synergetic .et_pb_bg_layout_dark em small {
    font-size: 1.2em;
    color: #87b02a !important;
}

#synergetic .et_pb_slides .et_pb_container {
    max-width: 100%;
    width: 100%;
}

#synergetic .et_pb_slides .et_pb_slide {
    padding: 0
}

#synergetic .et_pb_section,
#synergisticactive * {
    animation: none !important;
}

#synergetic {
    /* height: 84vw; */
}

#synergetic .et_pb_slide_description {
    padding: 0;
    /* top: 45vw; */
    position: relative;
}

#synergetic .et_pb_bg_layout_dark .et_pb_slide_content {
    color: #585858;
    text-shadow: none;
    font-size: initial;
}

#synergetic .et_pb_bg_layout_dark h2 {
    color: #87b02a !important;
}

@media (max-width:479px) {
    #synergetic .et_pb_slide_description .et_pb_row {
        padding: 1em 0;
    }

    #synergetic .et_pb_slide_content #sa-1,
    #synergetic .et_pb_slide_content #sa-2,
    #synergetic .et_pb_slide_content #sa-3,
    #synergetic .et_pb_slide_content #sa-4,
    #synergetic .et_pb_slide_content #sa-5,
    #synergetic .et_pb_slide_content #sa-6,
    #synergetic .et_pb_slide_content #sa-7,
    #synergetic .et_pb_slide_content #sa-8,
    #synergetic .et_pb_slide_content #sa-9,
    #synergetic .et_pb_slide_content #sa-10,
    #synergetic .et_pb_slide_content #sa-11,
    #synergetic .et_pb_slide_content #sa-12,
    #synergetic .et_pb_slide_content #sa-13,
    #synergetic .et_pb_slide_content #sa-14 {
        padding: 15px;
    }
}

@media (max-width:767px) {
    #synergisticactive .bfr-anch-slide-wrap {
        padding: 0
    }
}


/* === 07. SECTION How to use === */


/* Blurb*/

#how .et_pb_blurb {
    font-family: 'Solano-bold', Helvetica, Arial, Lucida, sans-serif !important;
    border-radius: 3px;
    overflow: hidden;
}

#how .et_pb_blurb_content {
    display: flex;
    align-items: center;
    margin: 0;
}

#how .et_pb_blurb_position_left .et_pb_main_blurb_image {
    display: flex;
    width: inherit;
    max-width: 23%;
    background: var(--primary-color);
    margin: 0;
    padding: 11px;
    z-index: 1;
}

.et_pb_blurb_position_left .et_pb_blurb_container {
    padding: 0 14px 0 15px;
    text-transform: uppercase;
    transition: .2s ease all;
    z-index: 2;
}

.et_pb_blurb_content {
    transition: .2s ease all;
}

#how .et_pb_blurb_content:hover {
    /* box-shadow: 0 0 17px 0 rgb(1 1 1 / 18%); */
    background: #8db929;
    transition: .2s ease all;
}

.et_pb_blurb_content:hover .et_pb_blurb_container {
    /*  padding: 0 14px 0 12px; */
    transition: .5s ease all;
}

#how .et_pb_blurb_content .et_pb_module_header {
    padding: 0;
}

#how .et_pb_blurb_content h4 {
    /* font-family: 'Solano-medium', Helvetica, Arial, Lucida, sans-serif !important; */
    font-family: 'Solano-bold', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 21px;
    line-height: 1.2;
}

@media (max-width:479px) {
    #how .blurb-wrap .et_pb_column {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
    }

    #how .blurb-wrap .et_pb_column {
        width: 100%;
        margin-bottom: 1em;
    }

    #how .blurb-wrap .et_pb_column .et_pb_module {
        margin-bottom: 0;
    }

    #how .et_pb_blurb {
        width: 50%
    }

    #how .et_pb_blurb:first-child {
        margin-right: 1em;
    }

    #how .et_pb_blurb_position_left .et_pb_main_blurb_image {
        padding: 3px;
    }

    .et_pb_blurb_position_left .et_pb_blurb_container {
        padding: 0px 3px 0 7px;
    }

    #how .et_pb_blurb_content h4 {
        font-size: 3.4vw !important;
        line-height: 1.2;
    }

    #how .et_pb_blurb {
        border-radius: 0
    }
}


/* effect shadow*/


/* .et_pb_blurb_content::before,
.et_pb_blurb_content::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border: 2px solid #e7e7e7;
    transition: all 0.25s ease-out;
}

.et_pb_blurb_content::before {
    background-color: #e7e7e7;
    top: 15px;
    left: 15px;
}

.et_pb_blurb_content::after {
    bottom: 15px;
    right: 15px;
}

.et_pb_blurb_content:hover::before {
    top: -15px;
    left: -15px;
}

.et_pb_blurb_content:hover::after {
    bottom: -15px;
    right: -15px;


} */


/*effect fill*/

#how .et_pb_blurb_content::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #92c128;
    transform-origin: 0 bottom 0;
    transform: scaleY(0);
    transition: 0.4s ease-out;
}

#how .et_pb_blurb_content:hover:before {
    transform: scaleY(1);
}


/* === 07. SECTION Why Biofar Phyto?  === */

svg#power-head {
    width: 100%;
}

@media (max-width:767px) {
    svg#power-of-human {
        height: auto
    }
}

@media (max-width:980px) {
    #why-wrap {
        display: flex;
        flex-direction: column;
    }

    #why-head-wrap {
        order: 2;
    }

    #why-human-wrap {
        order: 1;
    }
}


/* Power of  fresh plants*/

#why .power-fp {
    color: #87b02a;
    font-family: 'Solano-bold', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 4.5vw;
    line-height: 1em;
    text-align: center;
    padding: 1em;
}

#why .power-fp::before {
    content: "";
    width: calc(100% + 1em);
    height: 60px;
    display: block;
    background: url(/templates/sections/pastilles/uploads/2021/12/leaves-top.png) 32px -5px / 90% no-repeat;
    background-position: 0;
    z-index: 1;
    margin: 0 auto;
    width: 110%;
}

#why .power-fp::after {
    content: "";
    width: calc(100% + 1em);
    height: 55px;
    display: block;
    /* margin-left: -63px; */
    background: url(/templates/sections/pastilles/uploads/2021/12/leaves-bottom.png) 32px -5px / 90% no-repeat;
    background-position: 0;
    z-index: 1;
    margin: 0 auto;
    width: 110%;
}

#why .power-fp span {
    color: #145629;
}

@media (max-width:980px) {
    #why .power-fp {
        font-size: 15vw;
        padding: 0;
    }
}


/* right block*/

.biofar-svg {
    text-align: center;
}


/* === 08. SECTION About Us  === */

#about li {
    font-size: 15px !important;
    line-height: 1;
    margin-bottom: 16px;
}


/* === 09. SECTION Contact  === */

.et_pb_contact_field textarea.et_pb_contact_message {
    min-height: 170px;
    display: block;
}

.et_pb_contact_message.input {
    background: #c3dc92;
}

.et_contact_bottom_container .et_pb_contact_captcha {
    background: #0000000d !important;
    /* border-bottom: 2px solid #87b02a; */
    border-radius: 52px;
    min-width: 100px;
    margin-right: -8px;
}

@media (max-width: 479px) {
    .et_contact_bottom_container .et_pb_contact_captcha {
        min-width: 55px;
        height: 32px;
    }
}

.et_pb_contact_right p input {
    padding: 12px;
}

.et_pb_contact_submit:hover {
    background: #87b02a !important;
    color: #fff !important;
}

.et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button:after {
    line-height: 20px !important;
}


/* === GDPR NOTICE === */

span#cn-notice-text {
    font-family: '718BOOK', Helvetica, Arial, Lucida, sans-serif;
}

#cookie-notice {
    position: fixed;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    background-color: rgba(10, 8, 8, 0.9) !important;
    min-width: initial !important;
    max-width: 400px !important;
    position: fixed;
    right: 15px;
    left: inherit !important;
    bottom: 15px;
    border-radius: 5px;
}

.cookie-notice-container {
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    z-index: 2;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .25px;
    line-height: 20px;
    margin: 0 0 0 10px;
    text-align: center;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    touch-action: manipulation;
    white-space: nowrap;
    outline: 0;
    box-shadow: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    padding: 8.5px 10px;
    line-height: 1;
    color: inherit;
}

.cn-close-icon {
    position: absolute;
    right: 15px;
    top: 20% !important;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    outline: 0;
}

#cn-accept-cookie {
    background-color: #00000000 !important;
    border: 2px solid #87b02a !important;
    border-radius: 50px !important;
    min-width: 108px !important;
}

.cn-button.bootstrap {
    background: none !important;
    padding: 9px 45px !important;
    border-radius: 50px !important;
    border: 2px solid #87b02a !important;
}

.cn-close-icon:after,
.cn-close-icon:before {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    top: 3px;
    background-color: grey;
}

.cn-close-icon:before {
    transform: rotate(45deg);
}

.cn-close-icon:after {
    transform: rotate(-45deg);
}


/* === BUTTONS === */

body #page-container .et_pb_section .et_pb_button_0:after {
    font-size: 1.4em !important;
    font-weight: bold;
}


/* === BACK TO TOP v1 === */


/* Default button appearance */

.et_pb_scroll_top.et-pb-icon {
    right: 30px;
    /* space from right */
    bottom: 30px;
    /* space from bottom */
    padding: 8px;
    /*padding size*/
    border-radius: 30px;
    /* make the circle */
    background: none;
    border: 2px solid #87b02a;
    /* button color */
    font-size: 32px;
    /* icon size */
    transition: all .1s ease-in-out;
    /* add transition */
}


/* Button Appearance on Mouseover */

.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 32px;
    background: #8db929;
    transition: all .1s ease-in-out;
    box-shadow: 0px 5px 6px #162c4e4a;
}

.et_pb_scroll_top.et-pb-icon:hover::before {
    color: #fff;
}

.et_pb_scroll_top:before {
    color: #87b02a;
}


/* Animation tweaks */

.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50, 0, .160, 1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
}

.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
}


/* === MENU === */

.et-menu a,
.et-menu a:hover {
    -webkit-transition: none;
    transition: none
}

.et-menu .menu-item-has-children>a:first-child:after {
    top: -2px;
}


/* Active menu*/

.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li.current_page_item>a,
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.current_page_item>a {
    color: #87b02a !important;
}

.home .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li.current_page_item>a,
.home .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.current_page_item>a {
    color: #fff !important;
}


/* Hover links*/

@media only screen and (min-width:980px) {
    .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-item-has-children ul li a {
        color: #000 !important;
    }
}

#menu-main-menu .current_menu_item,
.lt-header .et_pb_menu .et-menu-nav ul li a:hover {
    opacity: 1;
    color: #87b02a !important;
}

.lt-fixed-header .et-menu-nav ul li a:hover {
    color: var(--primary-color) !important;
    opacity: 1;
}


/* UL dropdown background only for sticky header*/

body .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu,
body .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: #fff;
}


/* === MENU - Mobile === */


/* X- hamburger active*/

.lt-header .et_pb_menu__wrap .mobile_menu_bar {
    margin-left: 10px;
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.mobile_menu_bar:before {
    font-size: 37px !important;
}

@media only screen and (max-width:980px) {
    ul#mobile_menu2 {
        width: 100%;
        margin: 0;
        max-height: calc(100vh - 84px);
        overflow-y: auto;
    }

    .et_pb_column_0_tb_header {
        width: 100% !important
    }

    .et_mobile_menu {
        border-top: 0px;
        border-width: 2px;
        width: calc(100% - 30px);
        margin: 0 15px;
        font-size: 5vw;
        text-transform: uppercase;
        /*  top: 122px !important */
    }

    .et_mobile_menu li ul {
        padding-left: 0 !important
    }

    .et_mobile_menu li li {
        padding-left: 0;
    }

    /*  .lt-header .et_pb_menu--without-logo {
        position: relative;
        top: -32px;
        left: 0;
        text-align: left;
        display: flex;
        justify-content: flex-start!important;
        padding-left: 5px;
        height: 0;
    } */
    .lt-header .et_pb_menu--without-logo {
        margin: 0 !important;
        margin-top: -52px !important;
        height: 52px !important;
    }

    .et_mobile_menu .et_mobile_menu li li {
        padding: 0
    }

    .et_mobile_menu .menu-item-has-children {
        visibility: hidden;
    }

    .et_mobile_menu .menu-item-has-children>a {
        height: 0;
        display: none;
    }

    .et_mobile_menu li a {
        font-family: 'Solano-bold', Helvetica, Arial, Lucida, sans-serif !important;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
        border-bottom: 1px solid #E3E3E3;
        padding: 20px 0;
    }

    .lt-header .et_pb_row_0_tb_header .et_pb_code_0_tb_header {
        justify-content: flex-end;
        padding: 0.5em 15px;
    }

    .lt-header .et_pb_row_0_tb_header .et_pb_code_0_tb_header .et_pb_code_inner {
        max-width: 100px;
    }

    .et_pb_menu_inner_container {
        width: 100%;
    }

    .et_pb_menu__wrap {
        justify-content: flex-start !important;
    }

    /*sticky*/
    .et_pb_menu_1_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo {
        max-width: 100% !important;
        margin: 0;
    }

    .et_pb_sticky_module .et_pb_menu__logo-wrap {
        order: 2;
    }

    .et_pb_fullwidth_menu .et_mobile_nav_menu,
    .et_pb_menu .et_mobile_nav_menu {
        margin: 0;
    }

    /* manu ham rose*/
    .menu-ham-rose {}

    .menu-ham-rose::before {
        color: var(--primary-color) !important;
        transition: 1.2s ease all !important;
    }
}


/* shadow box*/

@media only screen and (max-width: 980px) {
    .et_mobile_menu {
        -webkit-box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 13%);
        -moz-box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 13%);
        box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 13%);
    }
}

@media (min-width: 479px) and (max-width: 989px) {
    .et_mobile_menu li a {
        /*         font-family: 'MyriadPro-BoldCond', Helvetica, Arial, Lucida, sans-serif !important; */
        font-size: 21px;
        padding: 12px 0;
    }
}


/* Explore now button*/

li.apply-now {
    padding: 7px 0;
    display: flex;
    justify-content: center;
}

li.apply-now a {
    font-family: '718BOOK', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 14px;
    border-radius: 71px;
    border: 3px solid #87b02a;
    font-weight: 700 !important;
    padding: 12px 19px !important;
    margin: 14px 0 !important;
    display: flex !important;
    position: relative;
    align-items: center;
    justify-content: space-between;
    max-width: 250px;
}

li.apply-now a:after {
    font-family: ETmodules !important;
    /* speak: none; */
    /* font-style: normal; */
    font-weight: 600;
    /* -webkit-font-feature-settings: normal; */
    /* font-variant: normal; */
    /* text-transform: none; */
    /* line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    content: "\35";
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

@media (max-width: 980px) {
    li.apply-now {
        display: none;
    }
}


/* fixed mobile - ul space fix*/

@media (max-width: 980px) {

    .et_pb_fullwidth_menu .et_mobile_menu,
    .et_pb_menu .et_mobile_menu {
        top: calc(100% + 9px) !important
    }

    li.apply-now a {
        padding: 9px 23px !important;
    }
}

@media (max-width: 767px) {

    .et_pb_fullwidth_menu .et_mobile_menu,
    .et_pb_menu .et_mobile_menu {
        top: calc(100% + 28px) !important
    }

}


/*===== footer social =====*/

.et_pb_social_media_follow .et_pb_social_icon .icon:before {
    color: #002345 !important
}

.et_pb_social_media_follow .et_pb_social_icon a.icon {
    border-radius: 32px 32px 32px 32px;
    border: 2px solid #87b02a;
}

footer .et-menu-nav li {
    font-size: .9em;
}

footer .apply-now {
    display: none !important
}

footer .nav li ul {
    border-color: #87b02a;
}

footer .et-menu-nav ul li a:hover {
    color: var(--primary-color) !important;
    opacity: 1;
}


/* footer bav*/

.footer-nav .nav li ul {
    width: 320px;
}

.footer-nav .et-menu li li a {
    width: 280px;
}


/*===== switcher  =====*/

.bfr-switcher {
    font-family: '718BOOK', Helvetica, Arial, Lucida, sans-serif !important;
    position: absolute;
    top: 5px;
    right: 10px;
}

.bfr-switcher ul.polylang_langswitcher {
    display: flex;
}

.bfr-switcher ul.polylang_langswitcher li {
    list-style: none;
    font-size: 11px;
}

.bfr-switcher ul.polylang_langswitcher li:first-child {
    margin-right: 15px;
}

.bfr-switcher ul.polylang_langswitcher li a {
    color: #bcbcbc !important;
    /* font-weight: 900; */
    font-size: 12px;
}

.bfr-switcher ul.polylang_langswitcher li a:hover {
    color: var(--primary-color)
}

.bfr-switcher ul.polylang_langswitcher .lang-item.current-lang a {
    color: var(--primary-color) !important
        /* font-weight: bold; */
}

@media (max-width: 980px) {

    /*mobile menu switcher*/
    .bfr-switcher {
        display: none;
    }

    .lang-item {
        width: 47%;
        float: left;
    }

    #lang-item a,
    #lang-item a {
        font-family: '718BOOK', Helvetica, Arial, Lucida, sans-serif !important;
        font-size: 12px;
    }
}

@media (min-width: 981px) {

    .et-menu-nav .lang-item a,
    .et-menu-nav .lang-item a {
        display: none !important
    }
}


/*===== CR  =====*/

#bfr-copyright p,
#bfr-copyright-sm p {
    font-size: 11px !important;
    color: gray;
}


/*===== LARGE SCREENS above 1920px  =====*/

@media (min-width: 1921px) {

    html,
    body,
    p {
        font-size: 20px;
    }

    /*header*/
    .lt-header .et_pb_row_0_tb_header .et_pb_code_0_tb_header {
        padding: 1.5em 0;
    }

    /* menu */
    .et_pb_fullwidth_menu .et_pb_menu__menu>nav>ul>li,
    .et_pb_menu .et_pb_menu__menu>nav>ul>li {
        font-size: 18px;
    }

    .nav li li a {
        font-size: 18px;
    }

    .nav li ul {
        width: 340px;
    }

    .et-menu li li a {
        width: 300px;
    }

    /* container width*/
    .container,
    .et_pb_row,
    .et_pb_slider .et_pb_container,
    .et_pb_fullwidth_section .et_pb_title_container,
    .et_pb_fullwidth_section .et_pb_title_featured_container,
    .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
        max-width: 1800px !important
    }

    /*slide section*/
    #phyto-sl .et_pb_fullwidth_slider_0,
    #phyto-sl .et_pb_fullwidth_slider_0 .et_pb_slide {
        min-height: 1200px;
    }

    /* phyto product*/
    #phyto .et_pb_fullwidth_slider_0,
    #phyto .et_pb_fullwidth_slider_0 .et_pb_slide {
        min-height: 1200px;
    }

    #phyto .et_pb_fullwidth_header_container.left {
        top: -360px;
    }

    #phyto .header-content {
        margin-top: -30px;
    }

    #phyto .et_pb_header_content_wrapper h1 {
        font-size: 120px;
    }

    /* bofy slider*/
    #numerousinfection .et_pb_fullwidth_slider_1,
    #numerousinfection .et_pb_fullwidth_slider_1 .et_pb_slide {
        min-height: 1200px;
    }

    #numerousinfection .et_pb_fullwidth_slider_1,
    #numerousinfection .et_pb_fullwidth_slider_1 .et_pb_slide {
        min-height: 1200px;
    }

    #discover p {
        font-size: 1.4em !important;
    }

    #discover ul li {
        font-size: 1.2em !important;
        line-height: 1.4;
    }

    /* slide sinergetic ingredients*/
    #synergisticactive .et_pb_image img {
        width: 100vw !important
    }
}


/*===== INITIAL LOAD VIEW  ===== */

@media (min-width: 981px) {
    #phyto .header-content-container {
        width: 33.333% !important;
    }

    #phyto .header-image-container {
        width: 66.666% !important;
    }

    .et_pb_section_1.et_pb_section {
        margin-top: -400px !important
    }

    #phyto .et_pb_fullwidth_header_container.left {
        top: -330px;
    }
}

@media (min-width: 981px) {
    #phyto .header-content {
        margin-top: 100px;
    }

    #phyto .header-image-container .header-image {
        padding: 0
    }
}

@media (min-width: 981px) and (max-width: 1199px) {
    div.et_pb_section.et_pb_section_1 {
        background-position: 0 -75px !important
    }

    #phyto .et_pb_header_content_wrapper h1 {
        font-size: 65px;
        text-shadow: 0 0 4px #00000038;
    }

    .et_pb_section_1.et_pb_section {
        margin-top: -500px !important;
    }

    #phyto .header-content {
        margin-top: 0 !important
    }

    #phyto .et_pb_fullwidth_header_container.left {
        top: -230px !important;
    }
}

@media (min-width: 1201px) and (max-width: 1599px) {
    .et_pb_section_1.et_pb_section {
        margin-top: -475px !important;
    }

    #phyto .header-content {
        margin-top: 0 !important
    }

    #phyto .et_pb_fullwidth_header_container.left {
        top: -255px !important
    }
}



svg#power-of-human text {
    /* font-weight: 700; */
}

.et_pb_fullwidth_menu .et-menu-nav>ul, .et_pb_menu .et-menu-nav>ul {
    padding: 20px 0 !important;
}

.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 9px 0;
}


/* === 00. Instant EDITS === */

/* Badge */
.menu-bagde-link {
    position: relative;
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
}

span.new-badge {
    text-transform: lowercase;
    background: #e60b0b;
    padding: 4px 5px;
    border-radius: 4px;
    color: white;
    /*     position: absolute; */
    top: 9px;
    right: 9px;
    font-size: 11px;
    line-height: 1;

}

/* MOC PRIRODE*/
#power-head {
    text-transform: uppercase;
}

/* icons */
#how .et_pb_blurb_position_left .et_pb_main_blurb_image {
    width: inherit;

}

.et_pb_blurb .et_pb_image_wrap {
    height: 70px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    #discover .et_pb_image_wrap .phyto-hot-drink {
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        margin: 0;
        max-width: initial;
    }
}

@media (max-width:479px) {
    .et_pb_blurb .et_pb_image_wrap {
        height: 41px !important;
    }

    #discover .et_pb_image_wrap .phyto-hot-drink {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
        max-width: initial;
        left: initial;
    }
}


/*lp*/
@media (max-width: 767px) {
    .instant #phyto .header-image-container .header-image {
        padding: 0 !important
    }

    .instant #phyto .header-image-container .header-image {
        text-align: center;
        padding: 0 !important;
    }

    .instant #phyto .header-image-container .header-image img {
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        margin: 0;
        max-width: initial;
    }

    .instant .et_pb_fullwidth_header .header-image {
        margin: 0 !important
    }

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content, .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content {
        margin: 0 2% !important
    }

    .instant #phyto.et_pb_section.et_pb_section_1 {
        background-image: none !important;
        background-size: contain;

    }


}

@media (max-width: 980px) {
    .bss-slides .bss-show img {
        width: 100% !important;
    }

    /*slidewr*/
    .instant #phyto-sl .et_pb_slide-home::after {
        content: none !important;
        background-image: none !important;
    }

    .instant #phyto-sl .et_pb_slide-home figure::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(90deg, rgb(10 10 10 / 32%) 0%, rgb(0 0 0 / 20%) 100%);
        z-index: 2;
    }

    .instant #phyto-sl .et_pb_slide-home figure:first-child::after {
        background-image: none !important;
    }

    .instant #phyto-sl .et_pb_slide-home figure:first-child {
        z-index: 9;
    }

    .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide {
        /* min-height: initial !important; */
    }

    .instant .intro-bottom {
        display: flex;
        justify-content: center;
        margin-left: 9px;
        margin-bottom: 50px;
    }

    #phyto-sl .et-pb-arrow-prev,
    #phyto-sl .et-pb-arrow-next {
        display: none;
    }

    .instant #phyto {
        display: none;
    }


}

@media (min-width: 981px) {
    .instant .intro-bottom {
        display: none;
    }

    .instant #phyto-sl {
        max-height: 900px !important
    }





}


/*===== Product switcher =====*/

.product-switcher {
    position: absolute;
    top: 5px;
    left: 9px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    gap: 9px;
}

.product-switcher span {
    font-size: 12px;
    line-height: 1;
    color: #000;
}

.product-switcher .separator {
    margin-top: -2px;
    color: #d7d7d7;
}

li.separator {
    color: #d7d7d7;
}


.product-switcher a.active span {
    color: var(--primary-color) !important;
}

.product-switcher a:hover span {
    text-decoration: underline;
}

@media (max-width: 479px) {
    .product-switcher {
        top: 74px;
        left: initial;
        right: 4px;
        display: initial;
        /* width: 100%; */
        background: #ffffff;
        padding: 2px 6px;
        border-radius: 2px;
    }

    .product-switcher a span {
        font-size: 9px;
    }

}


/*===== Language switcher FIX background color and flex align =====*/
.bfr-switcher ul.polylang_langswitcher li a span {
    padding: 0px 3px;
    border-radius: 2px;
    max-height: 11px;
    line-height: 14px;
    background: #dadada;
    color: #ffffff;
}

.bfr-switcher ul.polylang_langswitcher li.current-lang a,
.bfr-switcher ul.polylang_langswitcher li a {
    font-size: 10px;
    display: flex;
    align-items: center;
}

.bfr-switcher ul.polylang_langswitcher li.current-lang a span {
    align-items: center;
    margin-left: 0.3em;
    background: var(--primary-color);
    color: #fff;
    padding: 0px 3px;
    border-radius: 2px;
    max-height: 11px;
    line-height: 14px;
}

.bfr-switcher ul.polylang_langswitcher li:hover a span:hover {
    background: var(--primary-color)
}

li.separator {
    display: none !important;
}

.bfr-switcher ul.polylang_langswitcher {
    padding-top: 5px;
}

.bfr-switcher ul.polylang_langswitcher li:first-child {
    margin-right: 5px;
    margin-right: 0
}