﻿/*#############################################################################
    Common CSS for the public area and public area print
#############################################################################*/

/* PUBLIC - ALL */
@media all {
    .pb { }



        /* HEADER */
        .pb .pb-header { padding: 8px 0; position: relative; z-index: 10; }
            .pb .pb-header nav { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: flex-start; }

            .pb .pb-header .pb-languages { position: absolute; top: 0; right: 60px; font-size: 12px; opacity: 0.7; }
                .pb .pb-header .pb-languages a { text-decoration: none; display: inline-block; margin: 0 4px; }

            .pb .pb-header .pb-logo { flex: 0 0 auto; }
                .pb .pb-header .pb-logo a { }
                .pb .pb-header .pb-logo img { }

            .pb .pb-header .pb-menu { flex: 1 1 auto; max-width: 1000px; text-align: right; }
                .pb .pb-header .pb-menu > button { width: 40px; height: 40px; border: none; border-radius: 8px; font-size: 20px; }
                .pb .pb-header .pb-menu .pb-menu-inner { transition: visibility 0s ease, max-height 0.25s ease, opacity 0.25s ease; }
                    .pb .pb-header .pb-menu .pb-menu-inner ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center; }
                        .pb .pb-header .pb-menu .pb-menu-inner ul li { margin: 4px 16px; }
                            .pb .pb-header .pb-menu .pb-menu-inner ul li a { text-decoration: none; }



        /* FOOTER */
        .pb .pb-footer { padding: 16px 0; }
            .pb .pb-footer .pb-footer-inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; }
            .pb .pb-footer .pb-f-c1 { }
                .pb .pb-footer .pb-f-c1 .pb-f-logo { flex: 0 0 auto; }
                    .pb .pb-footer .pb-f-c1 .pb-f-logo img { }
                .pb .pb-footer .pb-f-c1 .pb-f-text { font-size: 14px; line-height: 1.2; }
            .pb .pb-footer .pb-f-c2 { }
            .pb .pb-footer .pb-f-c3 { }
                .pb .pb-footer .pb-f-c3 .pb-f-text { font-size: 14px; line-height: 1.2; }
                    .pb .pb-footer .pb-f-c3 .pb-f-text > div { font-size: 14px; line-height: 1.2; }
                        .pb .pb-footer .pb-f-c3 .pb-f-text > div:not(:last-child) { margin-bottom: 16px; }
            .pb .pb-footer .pb-f-c4 { }

            .pb .pb-footer .pb-f-title { font-size: 16px; text-transform: uppercase; margin: 16px 0 16px 0; }

            .pb .pb-footer .pb-menu { }
                .pb .pb-footer .pb-menu .pb-menu-inner { }
                    .pb .pb-footer .pb-menu .pb-menu-inner ul { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
                        .pb .pb-footer .pb-menu .pb-menu-inner ul li { margin: 1px 0; padding: 0; }
                            .pb .pb-footer .pb-menu .pb-menu-inner ul li a { text-decoration: none; font-size: 14px; line-height: 1.2; display: block; }



        /* SECTION BANNER */
        .pb section.pb-section-banner { position: relative; user-select: none; }
            .pb section.pb-section-banner .pb-section-banner-list { position: relative; width: 100%; overflow: hidden; z-index: 1; }
                .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner { position: relative; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
                    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-image { z-index: 1; position: relative; }
                        .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-image img { width: 100% !important; display: block; pointer-events: none; }
                    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { position: absolute; z-index: 2; left: 0; overflow: hidden; }
            .pb section.pb-section-banner[data-height="1"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { width: 60%; height: 60%; margin: 0 15%; top: 25%; padding: 50px 60px 70px; }
            .pb section.pb-section-banner[data-height="2"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { width: 60%; height: 60%; margin: 0 15%; top: 25%; padding: 50px 60px 70px; }
            .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { width: 60%; height: 90%; margin: 0 15%; top: 5%; padding: 32px 60px 32px; }
            .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-title { font-size: 48px; font-weight: 600; text-transform: uppercase; line-height: 1; }
            .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-subtitle { font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 1.4; margin-bottom: 8px; }
            .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-text { font-size: 16px; font-weight: 500; max-width: 350px; line-height: 1.2; margin-bottom: 16px; }
            .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons { }
                .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons a { font-size: 20px; font-weight: 500; padding: 8px 16px; border-radius: 8px; text-decoration: none; border-style: solid; border-width: 1px; }
                    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons a:hover { }

            .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner.pb-section-banner-current { opacity: 1; z-index: 2; }
            .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner.pb-section-banner-hidden { opacity: 0; z-index: 1; }

            .pb section.pb-section-banner .pb-section-banner-arrow { position: absolute; top: 0; bottom: 0; border: none; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; text-align: center; font-size: 48px; }
            .pb section.pb-section-banner .pb-section-banner-arrow-prev { left: 0; }
            .pb section.pb-section-banner .pb-section-banner-arrow-next { right: 0; }
            .pb section.pb-section-banner .pb-section-banner-arrow i { cursor: pointer; }



        /* SECTION TEXT AND GRID */
        .pb .pb-section-text-and-grid { padding: 72px 0; }
            .pb .pb-section-text-and-grid .pb-section-text { max-width: 1090px; margin-left: auto; margin-right: auto; }

                .pb .pb-section-text-and-grid .pb-section-text + .pb-section-grid { margin-top: 48px; }
            .pb .pb-section-text-and-grid .pb-section-grid { max-width: 1090px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
                .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item { flex: 0 0 calc(33.33% - 15px); max-width: 350px; margin: 10px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: flex-start; }
                    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item:nth-child(3n+1) { margin-left: 0; }
                    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item:nth-child(3n+2) { }
                    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item:nth-child(3n+3) { margin-right: 0; }

                    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-main { position: relative; }
                        .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-main img { }
                    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-related { position: relative; margin-top: 10px; }
                        .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-related img { }
                    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 24px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; align-content: flex-start; font-size: 34px; font-weight: 600; text-transform: uppercase; text-decoration: none; opacity: 0.7; overflow: hidden; }



        /* SECTION TEXT AND IMAGE */
        .pb .pb-section-text-and-image { padding: 72px 0; }
            .pb .pb-section-text-and-image .pb-sti-container { max-width: 1090px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 16px; }

                .pb .pb-section-text-and-image .pb-sti-container .pb-section-text { }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Top'] .pb-section-text { flex: 1 1 100%; order: 2; }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Bottom'] .pb-section-text { flex: 1 1 100%; order: 1; }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Left'] .pb-section-text { flex: 1 1 calc(66.66% - 8px); order: 2; }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Right'] .pb-section-text { flex: 1 1 calc(66.66% - 8px); order: 1; }
                .pb .pb-section-text-and-image .pb-sti-container .pb-section-text:only-child { flex: 1 1 100%; }

                .pb .pb-section-text-and-image .pb-sti-container .pb-gallery { position: relative; user-select: none; }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Top'] .pb-gallery { flex: 1 1 100%; order: 1; }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Bottom'] .pb-gallery { flex: 1 1 100%; order: 2; }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Left'] .pb-gallery { flex: 1 1 calc(33.33% - 8px); order: 1; }
                .pb .pb-section-text-and-image .pb-sti-container[data-gallery-position='Right'] .pb-gallery { flex: 1 1 calc(33.33% - 8px); order: 2; }
                .pb .pb-section-text-and-image .pb-sti-container .pb-gallery:only-child { flex: 1 1 100%; }

                .pb .pb-section-text-and-image .pb-sti-container .pb-gallery .pb-gallery-items { position: relative; width: 100%; overflow: hidden; z-index: 1; }
                    .pb .pb-section-text-and-image .pb-sti-container .pb-gallery .pb-gallery-items .pb-gallery-item { position: relative; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; z-index: 1; }
                        .pb .pb-section-text-and-image .pb-sti-container .pb-gallery .pb-gallery-items .pb-gallery-item img { pointer-events: none; width: 100%; height: auto; object-fit: cover; object-position: center center; display: block; }
                        .pb .pb-section-text-and-image .pb-sti-container .pb-gallery .pb-gallery-items .pb-gallery-item .pb-gallery-item-legend { position: absolute; bottom: 0; left: 0; right: 0; padding: 4px 16px; text-align: center; font-size: 12px; font-style: italic; }

                        .pb .pb-section-text-and-image .pb-sti-container .pb-gallery .pb-gallery-items .pb-gallery-item.pb-section-gallery-current { opacity: 1; z-index: 2; }
                        .pb .pb-section-text-and-image .pb-sti-container .pb-gallery .pb-gallery-items .pb-gallery-item.pb-section-gallery-hidden { opacity: 0; z-index: 1; }

                .pb .pb-section-text-and-image .pb-sti-container .pb-gallery-arrow { position: absolute; top: 0; bottom: 0; border: none; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; text-align: center; font-size: 48px; }
                .pb .pb-section-text-and-image .pb-sti-container .pb-gallery-arrow-prev { left: 0; }
                .pb .pb-section-text-and-image .pb-sti-container .pb-gallery-arrow-next { right: 0; }
                .pb .pb-section-text-and-image .pb-sti-container .pb-gallery-arrow i { cursor: pointer; }



        /* SECTION EMAIL */
        .pb .pb-section-email { padding: 72px 0; }
            .pb .pb-section-email .pb-se-container { max-width: 1090px; margin-left: auto; margin-right: auto; }
                .pb .pb-section-email .pb-se-container .pb-se-text { margin-bottom: 24px; }
                .pb .pb-section-email .pb-se-container .pb-se-fields { margin-bottom: 24px; }
                    .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field { margin-bottom: 16px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; gap: 8px 16px; }
                        .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field > label { font-weight: 600; display: block; flex: 0 0 110px; text-align: right; padding: 3px 0; }
                        .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field[aria-required="true"] > label:after { content: " *"; }
                        .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div { flex: 1 1 auto; }
                            .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div input[type="text"] { width: 100%; border-width: 1px; border-style: solid; border-radius: 6px; padding: 2px 6px; }
                            .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div input[type="password"] { width: 100%; border-width: 1px; border-style: solid; border-radius: 6px; padding: 2px 6px; }
                            .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div textarea { width: 100%; border-width: 1px; border-style: solid; border-radius: 6px; padding: 2px 6px; }
                            .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div label { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; gap: 8px; }
                                .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div label span:nth-child(1) { }
                                    .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div label span:nth-child(1) input[type='checkbox'] { width: 16px; height: 16px; margin: 2px 0; }
                                .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div label span:nth-child(2) { }
                    .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field-required { font-size: 12px; text-align: center; margin-bottom: 24px; }

                .pb .pb-section-email .pb-se-container .pb-se-buttons { display: flex; flex-direction: row; justify-content: center; align-content: center; gap: 8px; }

                    .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-1 { position: relative; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: center; border-radius: 8px; border-width: 1px; border-style: solid; padding: 6px 12px; overflow: hidden; display: inline-flex; text-decoration: none; vertical-align: bottom; justify-content: center; align-items: center; margin: 4px; vertical-align: middle; }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-1[onclick] { cursor: pointer; }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-1:active, .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-1:focus { outline: none; font-weight: 600; border-width: 2px; }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-1:hover { }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-1:disabled { cursor: not-allowed; backdrop-filter: brightness(0.75); filter: grayscale(0.75); }

                    .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-2 { position: relative; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: center; border-radius: 8px; border-width: 1px; border-style: solid; padding: 6px 12px; overflow: hidden; display: inline-flex; text-decoration: none; vertical-align: bottom; justify-content: center; align-items: center; margin: 4px; vertical-align: middle; }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-2[onclick] { cursor: pointer; }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-2:active, .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-2:focus { outline: none; font-weight: 600; border-width: 2px; }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-2:hover { }
                        .pb .pb-section-email .pb-se-container .pb-se-buttons .pb-se-button-2:disabled { cursor: not-allowed; backdrop-filter: brightness(0.75); filter: grayscale(0.75); }
}

/* XXL */
@media (min-width: 1400px) {
}

/* XL */
@media (min-width: 1200px) and (max-width: 1399px) {
}

/* LG */
@media (min-width: 992px) and (max-width: 1199px) {
    /* SECTION BANNER */
    .pb section.pb-section-banner[data-height="1"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 75%; top: 20%; }
    .pb section.pb-section-banner[data-height="2"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 75%; top: 20%; }
    .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { width: 60%; height: 90%; margin: 0 15%; top: 5%; padding: 8px 60px 8px; }
        .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-title { font-size: 32px; }
        .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-subtitle { font-size: 18px; }
        .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons a { font-size: 18px; padding: 4px 8px; }


    /* SECTION TEXT AND GRID */
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-text { font-size: 30px; padding: 20px; }
}

@media screen and (min-width: 992px) {
    /* HEADER */
    .pb .pb-header .pb-menu > button { display: none; }



    /* FOOTER */
    .pb .pb-footer .pb-f-c1 { flex: 1 1 35%; order: 1; padding-right: 8px; }
    .pb .pb-footer .pb-f-c2 { flex: 1 1 20%; order: 2; padding-left: 8px; padding-right: 8px; }
    .pb .pb-footer .pb-f-c3 { flex: 1 1 25%; order: 3; padding-left: 8px; padding-right: 8px; }
    .pb .pb-footer .pb-f-c4 { flex: 1 1 20%; order: 4; padding-left: 8px; }
}

@media screen and (max-width: 991px) {
    /* HEADER */
    .pb .pb-header .pb-menu .pb-menu-inner { position: absolute; top: 88px; left: 0; right: 0; overflow-y: auto; margin: 0 24px; }
        .pb .pb-header .pb-menu .pb-menu-inner[aria-hidden='true'] { display: block; max-height: 0; opacity: 0; visibility: hidden; transition-delay: 0.25s, 0s, 0s; }
        .pb .pb-header .pb-menu .pb-menu-inner[aria-hidden='false'] { display: block; max-height: calc(100vh - 88px); opacity: 1; visibility: visible; transition-delay: 0s, 0s, 0s; }
        .pb .pb-header .pb-menu .pb-menu-inner ul { flex-direction: column; }
            .pb .pb-header .pb-menu .pb-menu-inner ul li { margin: 16px 16px; }
                .pb .pb-header .pb-menu .pb-menu-inner ul li a { }



    /* FOOTER */
    .pb .pb-footer .pb-f-c1 { flex: 1 1 50%; order: 1; padding-right: 8px; margin-bottom: 24px; }
    .pb .pb-footer .pb-f-c2 { flex: 1 1 50%; order: 3; padding-right: 8px; margin-bottom: 24px; }
    .pb .pb-footer .pb-f-c3 { flex: 1 1 50%; order: 2; padding-left: 8px; }
    .pb .pb-footer .pb-f-c4 { flex: 1 1 50%; order: 4; padding-left: 8px; }



    /* SECTION TEXT AND GRID */
    .pb .pb-section-text-and-grid { padding: 48px 0; }



    /* SECTION TEXT AND IMAGE */
    .pb .pb-section-text-and-image .pb-sti-container .pb-section-text { flex: 0 0 100% !important; }
    .pb .pb-section-text-and-image .pb-sti-container .pb-gallery { flex: 0 0 100% !important; }
        .pb .pb-section-text-and-image .pb-sti-container .pb-gallery .pb-gallery-items .pb-gallery-item img { height: 330px; }
}

/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    /* SECTION BANNER */
    .pb section.pb-section-banner[data-height="1"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; }
    .pb section.pb-section-banner[data-height="2"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; }
    .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { width: 70%; height: 90%; margin: 0 15%; top: 5%; padding: 0px 20px 0px; }
        .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-title { font-size: 28px; }
        .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-subtitle { font-size: 18px; }
        .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-text { max-width: unset; }
        .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons a { font-size: 16px; padding: 2px 6px; }


    /* SECTION TEXT AND GRID */
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-text { font-size: 24px; padding: 16px; }
}

/* SM */
@media all and (min-width: 577px) and (max-width: 767px) {
    /* SECTION BANNER */
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; width: 100%; padding: 20px 40px; }
    .pb section.pb-section-banner[data-height="1"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; width: 100%; padding: 20px 40px; }
    .pb section.pb-section-banner[data-height="2"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; width: 100%; padding: 20px 40px; }
    .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { display: none; }
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-title { font-size: 32px; }
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-subtitle { font-size: 18px; }
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons a { font-size: 18px; padding: 4px 8px; }
    .pb section.pb-section-banner .pb-section-banner-arrow { width: 10%; font-size: 24px; }



    /* SECTION TEXT AND GRID */
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-text { font-size: 18px; padding: 10px; }
}

/* SIZE XS - mobile */
@media screen and (max-width: 576px) {
    /* HEADER */
    .pb .pb-header .pb-menu .pb-menu-inner { margin: 0; }



    /* FOOTER */
    .pb .pb-footer .pb-f-c1 { flex: 1 1 100%; order: 1; padding: 0; margin-bottom: 24px; }
    .pb .pb-footer .pb-f-c2 { flex: 1 1 100%; order: 2; padding: 0; margin-bottom: 24px; }
    .pb .pb-footer .pb-f-c3 { flex: 1 1 100%; order: 3; padding: 0; margin-bottom: 24px; }
    .pb .pb-footer .pb-f-c4 { flex: 1 1 100%; order: 4; padding: 0; }



    /* SECTION BANNER */
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; width: 100%; padding: 16px; }
    .pb section.pb-section-banner[data-height="1"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; width: 100%; padding: 16px; }
    .pb section.pb-section-banner[data-height="2"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { height: 90%; top: 10%; width: 100%; padding: 16px; }
    .pb section.pb-section-banner[data-height="3"] .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay { display: none; }
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-title { font-size: 20px; }
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-subtitle { display: none; font-size: 16px; }
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-text { display: none; }
    .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons { margin-top: 16px; }
        .pb section.pb-section-banner .pb-section-banner-list div.pb-section-banner .pb-section-banner-overlay .pb-section-banner-buttons a { font-size: 14px; padding: 4px 8px; }
    .pb section.pb-section-banner .pb-section-banner-arrow { width: 20px; font-size: 16px; }



    /* SECTION TEXT AND GRID */
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item { flex: 1 1 100%; }
        .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item:nth-child(3n+1) { margin-left: 0; margin-right: 0; }
        .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item:nth-child(3n+2) { margin-left: 0; margin-right: 0; }
        .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item:nth-child(3n+3) { margin-left: 0; margin-right: 0; }
        .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-text { font-size: 30px; padding: 20px; }



    /* SECTION EMAIL */
    .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field { flex-direction: column; }
        .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field label { flex: 1 1 auto; width: 100%; text-align: left; padding: 0; }
        .pb .pb-section-email .pb-se-container .pb-se-fields .pb-se-field div { flex: 1 1 auto; width: 100%; }
}

@media screen and (max-width: 576px) {
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item { flex: 0 0 calc(100% - 15px); max-width:98%; }
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-related { width: 90%; }
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-related img { width: 100%; }
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-main { width: 90%; }
    .pb .pb-section-text-and-grid .pb-section-grid .pb-section-grid-item .pb-section-grid-item-main img { width: 100%; }
}

