@charset "utf-8";

/* ----------------------------------

Name: esg-pofo.css
Version: 2.0

-------------------------------------

Table of contents

    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Margin
    12. Padding
    13. Display and float
    14. Position
    15. Width
    16. Height
    17. Icon
    18. Magnific popup
    19. Header
    20. Page title
    21. Swiper carousel
    22. Grid
    23. Portfolio
    24. Elements
    25. Blog
    26. Footer
    27. Home page
    28. Others
*/

/* ===================================
    01. Google font
====================================== */

/* ===================================
    02. Reset
====================================== */

/* base color variable*/
:root {
    --base-color: #ff214f;
    --base-color-opacity: rgba(255, 33, 79, 0.85);
    --base-light-color: #862237;
    --base-light-color-opacity: rgba(255, 33, 79, 0.45);
    --color-red: red;
    --color-white: #fff;
    --color-black: #000;
    --color-extra-dark-gray: #232323;
    --color-extra-dark-gray2: #1c1c1c;
    --color-extra-dark-gray3: #2f2f2f;
    --color-very-dark-gray: #121212;
    --color-medium-dark-gray: #363636;
    --color-dark-gray: #626262;
    --color-extra-medium-gray: #757575;
    --color-medium-gray: #939393;
    --color-extra-light-gray: #b7b7b7;
    --color-extra-light-gray2: #e0e0e0;
    --color-light-gray: #d6d5d5;
    --color-light-gray2: #f7f7f7;
    --color-very-light-gray: #ededed;
    --color-very-light-gray2: #fafafa;

    --esg-link-color: #ff214f;
    --esg-link-color-hover: #ff214f;
    --esg-link-color-active: #ff214f;
    --esg-link-color-focus: #ff214f;

    --esg-color-error: #ee2323;
    --esg-color-success: #1a940a;

    --esg-color-akz1: #ff8e43;
    --esg-color-akz1-con: #fff;
    --esg-color-akz2: #ff7a41;
    --esg-color-akz2-con: #fff;
    --esg-color-akz3: #ff6343;
    --esg-color-akz3-con: #fff;

    --esg-color-esg01: #e74914;
    --esg-color-esg02: #0057a3;
    --esg-color-esg03: #93117e;
    --esg-color-esg04: #439525;
    --esg-color-esg05: #e2001a;
    --esg-color-esg06: #009ab1;
    --esg-color-esg07: #c50051;
    --esg-color-esg08: #ffd800;
}

section { position: relative; }

/* ===================================
    03. Typography
====================================== */
/* link color */
a {color: var(--esg-link-color);}
a:hover {color: var(--esg-link-color-hover);}
a:active {color: var(--esg-link-color-active);}
a:focus {color: var(--esg-link-color-focus);}

/* text color */
.text-error {color: var(--esg-color-error);}
.text-success {color: var(--esg-color-success);}
.text-akz1 {color: var(--esg-color-akz1);}
.text-akz2 {color: var(--esg-color-akz2);}
.text-akz3 {color: var(--esg-color-akz3);}
.text-esg01 {color: var(--esg-color-esg01);}
.text-esg02 {color: var(--esg-color-esg02);}
.text-esg03 {color: var(--esg-color-esg03);}
.text-esg04 {color: var(--esg-color-esg04);}
.text-esg05 {color: var(--esg-color-esg05);}
.text-esg06 {color: var(--esg-color-esg06);}
.text-esg07 {color: var(--esg-color-esg07);}
.text-esg08 {color: var(--esg-color-esg08);}

/* hover color */
:hover > .text-white-2-hover, .text-white-2-hover:hover {color:var(--color-white)}
:hover > .text-black-hover, .text-black-hover:hover {color:var(--color-black)}
:hover > .text-extra-dark-gray-hover, .text-extra-dark-gray-hover:hover {color:var(--color-extra-dark-gray)}
:hover > .text-dark-gray-hover, .text-dark-gray-hover:hover {color:var(--color-dark-gray)}
:hover > .text-extra-medium-gray-hover, .text-extra-medium-gray-hover:hover {color:var(--color-extra-medium-gray)}
:hover > .text-medium-gray-hover, .text-medium-gray-hover:hover {color:var(--color-medium-gray)}
:hover > .text-extra-light-gray-hover, .text-extra-light-gray-hover:hover {color:var(--color-extra-light-gray)}
:hover > .text-light-gray-hover, .text-light-gray-hover:hover {color:var(--color-light-gray)}
:hover > .text-very-light-gray-hover, .text-very-light-gray-hover:hover {color:var(--color-very-light-gray)}
:hover > .text-deep-pink-hover, .text-deep-pink-hover:hover {color: var(--base-color)}
:hover > .text-error-hover, .text-error-hover:hover {color: var(--esg-color-error)}
:hover > .text-success-hover, .text-success-hover:hover {color: var(--esg-color-success)}
:hover > .text-akz1-hover, .text-akz1-hover:hover {color: var(--esg-color-akz1);}
:hover > .text-akz2-hover, .text-akz2-hover:hover {color: var(--esg-color-akz2);}
:hover > .text-akz3-hover, .text-akz3-hover:hover {color: var(--esg-color-akz3);}
:hover > .text-esg01-hover, .text-esg01-hover:hover {color: var(--esg-color-esg01);}
:hover > .text-esg02-hover, .text-esg02-hover:hover {color: var(--esg-color-esg02);}
:hover > .text-esg03-hover, .text-esg03-hover:hover {color: var(--esg-color-esg03);}
:hover > .text-esg04-hover, .text-esg04-hover:hover {color: var(--esg-color-esg04);}
:hover > .text-esg05-hover, .text-esg05-hover:hover {color: var(--esg-color-esg05);}
:hover > .text-esg06-hover, .text-esg06-hover:hover {color: var(--esg-color-esg06);}
:hover > .text-esg07-hover, .text-esg07-hover:hover {color: var(--esg-color-esg07);}
:hover > .text-esg08-hover, .text-esg08-hover:hover {color: var(--esg-color-esg08);}

/* ===================================
    04. Background color
====================================== */

.bg-error {background-color: var(--esg-color-error)}
.bg-success {background-color: var(--esg-color-success)}
.bg-akz1 {background-color: var(--esg-color-akz1);}
.bg-akz2 {background-color: var(--esg-color-akz2);}
.bg-akz3 {background-color: var(--esg-color-akz3);}
.bg-esg01 {background-color: var(--esg-color-esg01);}
.bg-esg02 {background-color: var(--esg-color-esg02);}
.bg-esg03 {background-color: var(--esg-color-esg03);}
.bg-esg04 {background-color: var(--esg-color-esg04);}
.bg-esg05 {background-color: var(--esg-color-esg05);}
.bg-esg06 {background-color: var(--esg-color-esg06);}
.bg-esg07 {background-color: var(--esg-color-esg07);}
.bg-esg08 {background-color: var(--esg-color-esg08);}

.bg-transparent-hover:hover {background-color: transparent !important;}
.bg-white-hover:hover {background-color:var(--color-white) !important;}
.bg-black-hover:hover {background-color: var(--color-black) !important;}
.bg-extra-dark-gray-hover:hover {background-color: var(--color-extra-dark-gray) !important;}
.bg-dark-gray-hover:hover {background-color: var(--color-dark-gray) !important;}
.bg-extra-medium-gray-hover:hover {background-color: var(--color-extra-medium-gray) !important;}
.bg-very-dark-gray-hover:hover {background-color:var(--color-very-dark-gray) !important;}
.bg-medium-gray-hover:hover {background-color: var(--color-light-gray) !important;}
.bg-extra-light-gray-hover:hover {background-color: var(--color-extra-light-gray) !important;}
.bg-medium-light-gray-hover:hover {background-color:var(--color-very-light-gray) !important;}
.bg-light-gray-hover:hover {background-color: var(--color-light-gray) !important;}
.bg-very-light-gray-hover:hover {background-color: var(--color-very-light-gray) !important;}
.bg-acc-light-gray-hover:hover {background-color: var(--color-light-gray2) !important;}
.bg-deep-pink-hover:hover {background-color: var(--base-color) !important;}
.bg-charcoal-gray-hover:hover {background-color: var(--color-very-dark-gray) !important;}
.bg-error-hover:hover {background-color: var(--esg-color-error) !important;}
.bg-success-hover:hover {background-color: var(--esg-color-success) !important;}
.bg-akz1-hover:hover {background-color: var(--esg-color-akz1) !important;}
.bg-akz2-hover:hover {background-color: var(--esg-color-akz2) !important;}
.bg-akz3-hover:hover {background-color: var(--esg-color-akz3) !important;}
.bg-esg01-hover:hover {background-color: var(--esg-color-esg01) !important;}
.bg-esg02-hover:hover {background-color: var(--esg-color-esg02) !important;}
.bg-esg03-hover:hover {background-color: var(--esg-color-esg03) !important;}
.bg-esg04-hover:hover {background-color: var(--esg-color-esg04) !important;}
.bg-esg05-hover:hover {background-color: var(--esg-color-esg05) !important;}
.bg-esg06-hover:hover {background-color: var(--esg-color-esg06) !important;}
.bg-esg07-hover:hover {background-color: var(--esg-color-esg07) !important;}
.bg-esg08-hover:hover {background-color: var(--esg-color-esg08) !important;}

/* xl */
@media (max-width: 1399px) {
    .xl-bg-transparent {background-color: transparent;}
    .xl-bg-white {background-color:var(--color-white);}
    .xl-bg-black {background-color:var(--color-black);}
    .xl-bg-extra-dark-gray {background-color:var(--color-extra-dark-gray2);}
    .xl-bg-dark-gray {background-color:var(--color-extra-medium-gray);}
    .xl-bg-extra-medium-gray {background-color:var(--color-medium-gray);}
    .xl-bg-very-dark-gray {background-color:var(--color-very-dark-gray);}
    .xl-bg-medium-gray {background-color:var(--color-light-gray);}
    .xl-bg-extra-light-gray {background-color:var(--color-extra-light-gray2)}
    .xl-bg-medium-light-gray {background-color:var(--color-very-light-gray)}
    .xl-bg-light-gray {background-color:var(--color-light-gray2)}
    .xl-bg-very-light-gray {background-color:var(--color-very-light-gray2)}
    .xl-bg-deep-pink {background-color: var(--base-color);}
    .xl-bg-white-opacity {background-color: rgba(255, 255, 255, 0.85);}
    .xl-bg-black-opacity {background-color: rgba(0, 0, 0, 0.85);}
    .xl-bg-black-opacity-light {background-color: rgba(0, 0, 0, 0.5);}
    .xl-bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
    .xl-bg-transparent-white2 {background: rgba(255,255,255,.2) !important;}
    .xl-bg-transparent-black-very-light {background-color: rgba(0, 0, 0, 0.15) !important;}
    .xl-bg-charcoal-gray {background-color: var(--color-very-dark-gray);}
    .xl-bg-error {background-color: var(--esg-color-error) !important;}
    .xl-bg-success {background-color: var(--esg-color-success) !important;}
    .xl-bg-akz1 {background-color: var(--esg-color-akz1);}
    .xl-bg-akz2 {background-color: var(--esg-color-akz2);}
    .xl-bg-akz3 {background-color: var(--esg-color-akz3);}
    .xl-bg-esg01 {background-color: var(--esg-color-esg01);}
    .xl-bg-esg02 {background-color: var(--esg-color-esg02);}
    .xl-bg-esg03 {background-color: var(--esg-color-esg03);}
    .xl-bg-esg04 {background-color: var(--esg-color-esg04);}
    .xl-bg-esg05 {background-color: var(--esg-color-esg05);}
    .xl-bg-esg06 {background-color: var(--esg-color-esg06);}
    .xl-bg-esg07 {background-color: var(--esg-color-esg07);}
    .xl-bg-esg08 {background-color: var(--esg-color-esg08);}
}
/* lg */
@media (max-width: 1199px) {
    .lg-bg-transparent {background-color: transparent;}
    .lg-bg-white {background-color:var(--color-white);}
    .lg-bg-black {background-color:var(--color-black);}
    .lg-bg-extra-dark-gray {background-color:var(--color-extra-dark-gray2);}
    .lg-bg-dark-gray {background-color:var(--color-extra-medium-gray);}
    .lg-bg-extra-medium-gray {background-color:var(--color-medium-gray);}
    .lg-bg-very-dark-gray {background-color:var(--color-very-dark-gray);}
    .lg-bg-medium-gray {background-color:var(--color-light-gray);}
    .lg-bg-extra-light-gray {background-color:var(--color-extra-light-gray2)}
    .lg-bg-medium-light-gray {background-color:var(--color-very-light-gray)}
    .lg-bg-light-gray {background-color:var(--color-light-gray2)}
    .lg-bg-very-light-gray {background-color:var(--color-very-light-gray2)}
    .lg-bg-deep-pink {background-color: var(--base-color);}
    .lg-bg-white-opacity {background-color: rgba(255, 255, 255, 0.85);}
    .lg-bg-black-opacity {background-color: rgba(0, 0, 0, 0.85);}
    .lg-bg-black-opacity-light {background-color: rgba(0, 0, 0, 0.5);}
    .lg-bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
    .lg-bg-transparent-white2 {background: rgba(255,255,255,.2) !important;}
    .lg-bg-transparent-black-very-light {background-color: rgba(0, 0, 0, 0.15) !important;}
    .lg-bg-charcoal-gray {background-color: var(--color-very-dark-gray);}
    .lg-bg-error {background-color: var(--esg-color-error) !important;}
    .lg-bg-success {background-color: var(--esg-color-success) !important;}
    .lg-bg-akz1 {background-color: var(--esg-color-akz1);}
    .lg-bg-akz2 {background-color: var(--esg-color-akz2);}
    .lg-bg-akz3 {background-color: var(--esg-color-akz3);}
    .lg-bg-esg01 {background-color: var(--esg-color-esg01);}
    .lg-bg-esg02 {background-color: var(--esg-color-esg02);}
    .lg-bg-esg03 {background-color: var(--esg-color-esg03);}
    .lg-bg-esg04 {background-color: var(--esg-color-esg04);}
    .lg-bg-esg05 {background-color: var(--esg-color-esg05);}
    .lg-bg-esg06 {background-color: var(--esg-color-esg06);}
    .lg-bg-esg07 {background-color: var(--esg-color-esg07);}
    .lg-bg-esg08 {background-color: var(--esg-color-esg08);}
}
/* md */
@media (max-width: 991px) {
    .md-bg-transparent {background-color: transparent;}
    .md-bg-white {background-color:var(--color-white);}
    .md-bg-black {background-color:var(--color-black);}
    .md-bg-extra-dark-gray {background-color:var(--color-extra-dark-gray2);}
    .md-bg-dark-gray {background-color:var(--color-extra-medium-gray);}
    .md-bg-extra-medium-gray {background-color:var(--color-medium-gray);}
    .md-bg-very-dark-gray {background-color:var(--color-very-dark-gray);}
    .md-bg-medium-gray {background-color:var(--color-light-gray);}
    .md-bg-extra-light-gray {background-color:var(--color-extra-light-gray2)}
    .md-bg-medium-light-gray {background-color:var(--color-very-light-gray)}
    .md-bg-light-gray {background-color:var(--color-light-gray2)}
    .md-bg-very-light-gray {background-color:var(--color-very-light-gray2)}
    .md-bg-deep-pink {background-color: var(--base-color);}
    .md-bg-white-opacity {background-color: rgba(255, 255, 255, 0.85);}
    .md-bg-black-opacity {background-color: rgba(0, 0, 0, 0.85);}
    .md-bg-black-opacity-light {background-color: rgba(0, 0, 0, 0.5);}
    .md-bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
    .md-bg-transparent-white2 {background: rgba(255,255,255,.2) !important;}
    .md-bg-transparent-black-very-light {background-color: rgba(0, 0, 0, 0.15) !important;}
    .md-bg-charcoal-gray {background-color: var(--color-very-dark-gray);}
    .md-bg-error {background-color: var(--esg-color-error) !important;}
    .md-bg-success {background-color: var(--esg-color-success) !important;}
    .md-bg-akz1 {background-color: var(--esg-color-akz1);}
    .md-bg-akz2 {background-color: var(--esg-color-akz2);}
    .md-bg-akz3 {background-color: var(--esg-color-akz3);}
    .md-bg-esg01 {background-color: var(--esg-color-esg01);}
    .md-bg-esg02 {background-color: var(--esg-color-esg02);}
    .md-bg-esg03 {background-color: var(--esg-color-esg03);}
    .md-bg-esg04 {background-color: var(--esg-color-esg04);}
    .md-bg-esg05 {background-color: var(--esg-color-esg05);}
    .md-bg-esg06 {background-color: var(--esg-color-esg06);}
    .md-bg-esg07 {background-color: var(--esg-color-esg07);}
    .md-bg-esg08 {background-color: var(--esg-color-esg08);}
}
/* sm */
@media (max-width: 767px) {
    .sm-bg-transparent {background-color: transparent;}
    .sm-bg-white {background-color:var(--color-white);}
    .sm-bg-black {background-color:var(--color-black);}
    .sm-bg-extra-dark-gray {background-color:var(--color-extra-dark-gray2);}
    .sm-bg-dark-gray {background-color:var(--color-extra-medium-gray);}
    .sm-bg-extra-medium-gray {background-color:var(--color-medium-gray);}
    .sm-bg-very-dark-gray {background-color:var(--color-very-dark-gray);}
    .sm-bg-medium-gray {background-color:var(--color-light-gray);}
    .sm-bg-extra-light-gray {background-color:var(--color-extra-light-gray2)}
    .sm-bg-medium-light-gray {background-color:var(--color-very-light-gray)}
    .sm-bg-light-gray {background-color:var(--color-light-gray2)}
    .sm-bg-very-light-gray {background-color:var(--color-very-light-gray2)}
    .sm-bg-deep-pink {background-color: var(--base-color);}
    .sm-bg-white-opacity {background-color: rgba(255, 255, 255, 0.85);}
    .sm-bg-black-opacity {background-color: rgba(0, 0, 0, 0.85);}
    .sm-bg-black-opacity-light {background-color: rgba(0, 0, 0, 0.5);}
    .sm-bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
    .sm-bg-transparent-white2 {background: rgba(255,255,255,.2) !important;}
    .sm-bg-transparent-black-very-light {background-color: rgba(0, 0, 0, 0.15) !important;}
    .sm-bg-charcoal-gray {background-color: var(--color-very-dark-gray);}
    .sm-bg-error {background-color: var(--esg-color-error) !important;}
    .sm-bg-success {background-color: var(--esg-color-success) !important;}
    .sm-bg-akz1 {background-color: var(--esg-color-akz1);}
    .sm-bg-akz2 {background-color: var(--esg-color-akz2);}
    .sm-bg-akz3 {background-color: var(--esg-color-akz3);}
    .sm-bg-esg01 {background-color: var(--esg-color-esg01);}
    .sm-bg-esg02 {background-color: var(--esg-color-esg02);}
    .sm-bg-esg03 {background-color: var(--esg-color-esg03);}
    .sm-bg-esg04 {background-color: var(--esg-color-esg04);}
    .sm-bg-esg05 {background-color: var(--esg-color-esg05);}
    .sm-bg-esg06 {background-color: var(--esg-color-esg06);}
    .sm-bg-esg07 {background-color: var(--esg-color-esg07);}
    .sm-bg-esg08 {background-color: var(--esg-color-esg08);}
}
/* xs */
@media (max-width: 575px) {
    .xs-bg-transparent {background-color: transparent;}
    .xs-bg-white {background-color:var(--color-white);}
    .xs-bg-black {background-color:var(--color-black);}
    .xs-bg-extra-dark-gray {background-color:var(--color-extra-dark-gray2);}
    .xs-bg-dark-gray {background-color:var(--color-extra-medium-gray);}
    .xs-bg-extra-medium-gray {background-color:var(--color-medium-gray);}
    .xs-bg-very-dark-gray {background-color:var(--color-very-dark-gray);}
    .xs-bg-medium-gray {background-color:var(--color-light-gray);}
    .xs-bg-extra-light-gray {background-color:var(--color-extra-light-gray2)}
    .xs-bg-medium-light-gray {background-color:var(--color-very-light-gray)}
    .xs-bg-light-gray {background-color:var(--color-light-gray2)}
    .xs-bg-very-light-gray {background-color:var(--color-very-light-gray2)}
    .xs-bg-deep-pink {background-color: var(--base-color);}
    .xs-bg-white-opacity {background-color: rgba(255, 255, 255, 0.85);}
    .xs-bg-black-opacity {background-color: rgba(0, 0, 0, 0.85);}
    .xs-bg-black-opacity-light {background-color: rgba(0, 0, 0, 0.5);}
    .xs-bg-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
    .xs-bg-transparent-white2 {background: rgba(255,255,255,.2) !important;}
    .xs-bg-transparent-black-very-light {background-color: rgba(0, 0, 0, 0.15) !important;}
    .xs-bg-charcoal-gray {background-color: var(--color-very-dark-gray);}
    .xs-bg-error {background-color: var(--esg-color-error) !important;}
    .xs-bg-success {background-color: var(--esg-color-success) !important;}
    .xs-bg-akz1 {background-color: var(--esg-color-akz1);}
    .xs-bg-akz2 {background-color: var(--esg-color-akz2);}
    .xs-bg-akz3 {background-color: var(--esg-color-akz3);}
    .xs-bg-esg01 {background-color: var(--esg-color-esg01);}
    .xs-bg-esg02 {background-color: var(--esg-color-esg02);}
    .xs-bg-esg03 {background-color: var(--esg-color-esg03);}
    .xs-bg-esg04 {background-color: var(--esg-color-esg04);}
    .xs-bg-esg05 {background-color: var(--esg-color-esg05);}
    .xs-bg-esg06 {background-color: var(--esg-color-esg06);}
    .xs-bg-esg07 {background-color: var(--esg-color-esg07);}
    .xs-bg-esg08 {background-color: var(--esg-color-esg08);}
}

/* ===================================
    05. Custom
====================================== */

.contrast_toggle img {
    position: relative;
    margin-top: -3px;
    height: 36px;
    width: 36px;
    display: inline;
    vertical-align: middle;
}

.input-group .required-error {border: 1px solid var(--esg-color-error) !important}
.input-group .required-error,.input-group .required-error + .input-group-btn button , .input-group .required-error + .input-group-btn a.btn, .input-group .required-error+.input-group-append > .btn {border: 1px solid var(--esg-color-error) !important}
.required-error {border: 1px solid var(--esg-color-error) !important}
.input-border-bottom.required-error {border-bottom-color: var(--esg-color-error) !important}
.g-recaptcha.required-error iframe {border: 1px solid var(--esg-color-error);}

#success-subscribe-newsletter {border: 1px solid var(--esg-color-success); color: var(--esg-color-success);}
#success-subscribe-newsletter2 {border: 1px solid var(--esg-color-success); color: var(--esg-color-success);}

/* Animations */
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

/* ===================================
    06. Button
====================================== */
.wp-block-button.btn { position: relative; }
.wp-block-button.btn,
.wp-block-button.btn.btn-very-small,
.wp-block-button.btn.btn-rounded.btn-very-small,
.wp-block-button.btn.btn-small,
.wp-block-button.btn.btn-rounded.btn-small,
.wp-block-button.btn.btn-medium,
.wp-block-button.btn.btn-rounded.btn-medium,
.wp-block-button.btn.btn-large,
.wp-block-button.btn.btn-rounded.btn-large,
.wp-block-button.btn.btn-extra-large,
.wp-block-button.btn.btn-rounded.btn-extra-large,
.wp-block-button.btn.btn-link { padding: 0; }
.wp-block-button.btn .wp-block-button__link {
    background-color: transparent !important;
}
.wp-block-button.btn.btn-primary .wp-block-button__link,
.wp-block-button.btn.btn-success .wp-block-button__link,
.wp-block-button.btn.btn-info .wp-block-button__link,
.wp-block-button.btn.btn-warning .wp-block-button__link,
.wp-block-button.btn.btn-danger .wp-block-button__link,
.wp-block-button.btn.btn-info:hover .wp-block-button__link:hover {color: var(--color-white);}

/* button size */
.wp-block-button.btn .wp-block-button__link {padding: 0.375rem 0.75rem;}
.wp-block-button.btn.btn-very-small .wp-block-button__link {font-size:9px; padding: 1px 17px; line-height: 22px;}
.wp-block-button.btn.btn-small .wp-block-button__link {font-size:11px; padding: 4px 24px;}
.wp-block-button.btn.btn-medium .wp-block-button__link {font-size:12px; padding: 6px 25px 5px;}
.wp-block-button.btn.btn-large .wp-block-button__link {font-size:13px; padding: 9px 34px; line-height: 25px}
.wp-block-button.btn.btn-extra-large .wp-block-button__link {font-size:15px; padding: 12px 40px 13px;  line-height: 25px}
.wp-block-button.btn.btn-link {padding: 7px 0 0; text-decoration: none; letter-spacing: normal; line-height: 18px;}

/* button background */
.wp-block-button.btn.btn-white .wp-block-button__link {color: var(--color-extra-dark-gray)}
.wp-block-button.btn.btn-white:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-white:focus .wp-block-button__link:focus {color: var(--color-white)}
.wp-block-button.btn.btn-black .wp-block-button__link {color: var(--color-white)}
.wp-block-button.btn.btn-black:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-black:focus .wp-block-button__link:focus {color: var(--color-black)}
.wp-block-button.btn.btn-dark-gray .wp-block-button__link {color: var(--color-white)}
.wp-block-button.btn.btn-dark-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-dark-gray:focus .wp-block-button__link:focus {color: var(--color-extra-dark-gray)}
.wp-block-button.btn.btn-light-gray .wp-block-button__link {color: var(--color-extra-dark-gray)}
.wp-block-button.btn.btn-light-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-light-gray:focus .wp-block-button__link:focus {color: var(--color-light-gray)}
.wp-block-button.btn.btn-deep-pink .wp-block-button__link {color: var(--color-white)}
.wp-block-button.btn.btn-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-deep-pink:focus .wp-block-button__link:focus {color: var(--base-color)}
.wp-block-button.btn.btn-warning .wp-block-button__link, .wp-block-button.btn.btn-warning:hover .wp-block-button__link:hover {color: var(--color-white);}

/* button transparent */
.wp-block-button.btn.btn-transparent-white .wp-block-button__link {color: var(--color-white)}
.wp-block-button.btn.btn-transparent-white:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-transparent-white:focus .wp-block-button__link:focus {color: var(--color-extra-dark-gray)}
.wp-block-button.btn.btn-transparent-black .wp-block-button__link {color: var(--color-black)}
.wp-block-button.btn.btn-transparent-black:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-transparent-black:focus .wp-block-button__link:focus {color: var(--color-white)}
.wp-block-button.btn.btn-transparent-dark-gray .wp-block-button__link {color: var(--color-extra-dark-gray)}
.wp-block-button.btn.btn-transparent-dark-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-transparent-dark-gray:focus .wp-block-button__link:focus {color: var(--color-white)}
.wp-block-button.btn.btn-transparent-light-gray .wp-block-button__link {color: var(--color-light-gray)}
.wp-block-button.btn.btn-transparent-light-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-transparent-light-gray:focus .wp-block-button__link:focus {color: var(--color-extra-dark-gray)}
.wp-block-button.btn.btn-transparent-deep-pink .wp-block-button__link {color: var(--base-color)}
.wp-block-button.btn.btn-transparent-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-transparent-deep-pink:focus .wp-block-button__link:focus {color: var(--color-white)}

/* button background */
:hover > .wp-block-button.btn.btn-hover-white .wp-block-button__link {color: var(--color-extra-dark-gray)}
:hover > .wp-block-button.btn.btn-hover-white:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-white:focus .wp-block-button__link:focus {color: var(--color-white)}
:hover > .wp-block-button.btn.btn-hover-black .wp-block-button__link {color: var(--color-white)}
:hover > .wp-block-button.btn.btn-hover-black:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-black:focus .wp-block-button__link:focus {color: var(--color-black)}
:hover > .wp-block-button.btn.btn-hover-dark-gray .wp-block-button__link {color: var(--color-white)}
:hover > .wp-block-button.btn.btn-hover-dark-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-dark-gray:focus .wp-block-button__link:focus {color: var(--color-extra-dark-gray)}
:hover > .wp-block-button.btn.btn-hover-light-gray .wp-block-button__link {color: var(--color-extra-dark-gray)}
:hover > .wp-block-button.btn.btn-hover-light-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-light-gray:focus .wp-block-button__link:focus {color: var(--color-light-gray)}
:hover > .wp-block-button.btn.btn-hover-deep-pink .wp-block-button__link {color: var(--color-white)}
:hover > .wp-block-button.btn.btn-hover-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-deep-pink:focus .wp-block-button__link:focus {color: var(--base-color)}
:hover > .btn-hover-warning .wp-block-button__link, .btn-hover-warning:hover .wp-block-button__link:hover {color: var(--color-white);}

/* button transparent */
:hover > .wp-block-button.btn.btn-hover-transparent-white .wp-block-button__link .wp-block-button__link {color: var(--color-white)}
:hover > .wp-block-button.btn.btn-hover-transparent-white:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-transparent-white:focus .wp-block-button__link:focus {color: var(--color-extra-dark-gray)}
:hover > .wp-block-button.btn.btn-hover-transparent-black .wp-block-button__link {color: var(--color-black)}
:hover > .wp-block-button.btn.btn-hover-transparent-black:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-transparent-black:focus .wp-block-button__link:focus {color: var(--color-white)}
:hover > .wp-block-button.btn.btn-hover-transparent-dark-gray .wp-block-button__link {color: var(--color-extra-dark-gray)}
:hover > .wp-block-button.btn.btn-hover-transparent-dark-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-transparent-dark-gray:focus .wp-block-button__link:focus {color: var(--color-white)}
:hover > .wp-block-button.btn.btn-hover-transparent-light-gray .wp-block-button__link {color: var(--color-light-gray)}
:hover > .wp-block-button.btn.btn-hover-transparent-light-gray:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-transparent-light-gray:focus .wp-block-button__link:focus {color: var(--color-extra-dark-gray)}
:hover > .wp-block-button.btn.btn-hover-transparent-deep-pink .wp-block-button__link {color: var(--base-color)}
:hover > .wp-block-button.btn.btn-hover-transparent-deep-pink:hover .wp-block-button__link:hover, .wp-block-button.btn.btn-hover-transparent-deep-pink:focus .wp-block-button__link:focus {color: var(--color-white)}

/* button rounded */
.wp-block-button.btn.btn-rounded.btn-very-small .wp-block-button__link {padding: 2px 23px 1px;}
.wp-block-button.btn.btn-rounded.btn-small .wp-block-button__link {padding: 5px 29px;}
.wp-block-button.btn.btn-rounded.btn-medium .wp-block-button__link {padding: 6px 32px;}
.wp-block-button.btn.btn-rounded.btn-large .wp-block-button__link {padding: 9px 38px;}
.wp-block-button.btn.btn-rounded.btn-extra-large .wp-block-button__link {padding: 12px 45px 13px;}


.btn.btn-akz1 {background: var(--esg-color-akz1); border-color: var(--esg-color-akz1); color: var(--esg-color-akz1-con)}
.btn.btn-akz1:hover, .btn.btn-akz1:focus {background: transparent; border-color: var(--esg-color-akz1); color: var(--esg-color-akz1)}
.btn.btn-transparent-akz1 {background: transparent; border-color: var(--esg-color-akz1); color: var(--esg-color-akz1)}
.btn.btn-transparent-akz1:hover, .btn.btn-transparent-akz1:focus {background: var(--esg-color-akz1); border-color: var(--esg-color-akz1); color: var(--esg-color-akz1-con)}
.btn.btn-akz1 .wp-block-button__link{color: var(--esg-color-akz1-con)}
.btn.btn-akz1:hover .wp-block-button__link:hover, .btn.btn-akz1:focus .wp-block-button__link:focus {color: var(--esg-color-akz1)}
.btn.btn-transparent-akz1 .wp-block-button__link {color: var(--esg-color-akz1)}
.btn.btn-transparent-akz1:hover .wp-block-button__link:hover, .btn.btn-transparent-akz1:focus .wp-block-button__link:focus {color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz1 {background: var(--esg-color-akz1); border-color: var(--esg-color-akz1); color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz1:hover, :hover > .btn.btn-hover-akz1:focus {background: transparent; border-color: var(--esg-color-akz1); color: var(--esg-color-akz1)}
:hover > .btn.btn-hover-transparent-akz1 {background: transparent; border-color: var(--esg-color-akz1); color: var(--esg-color-akz1)}
:hover > .btn.btn-hover-transparent-akz1:hover, :hover > .btn.btn-hover-transparent-akz1:focus {background: var(--esg-color-akz1); border-color: var(--esg-color-akz1); color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz1 .wp-block-button__link{color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz1:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz1:focus .wp-block-button__link:focus {color: var(--esg-color-akz1)}
:hover > .btn.btn-hover-transparent-akz1 .wp-block-button__link {color: var(--esg-color-akz1)}
:hover > .btn.btn-hover-transparent-akz1:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz1:focus .wp-block-button__link:focus {color: var(--esg-color-akz1-con)}

.btn.btn-akz2 {background: var(--esg-color-akz2); border-color: var(--esg-color-akz2); color: var(--esg-color-akz2-con)}
.btn.btn-akz2:hover, .btn.btn-akz2:focus {background: transparent; border-color: var(--esg-color-akz2); color: var(--esg-color-akz2)}
.btn.btn-transparent-akz2 {background: transparent; border-color: var(--esg-color-akz2); color: var(--esg-color-akz2)}
.btn.btn-transparent-akz2:hover, .btn.btn-transparent-akz2:focus {background: var(--esg-color-akz2); border-color: var(--esg-color-akz2); color: var(--esg-color-akz1-con)}
.btn.btn-akz2 .wp-block-button__link{color: var(--esg-color-akz2-con)}
.btn.btn-akz2:hover .wp-block-button__link:hover, .btn.btn-akz2:focus .wp-block-button__link:focus {color: var(--esg-color-akz2)}
.btn.btn-transparent-akz2 .wp-block-button__link {color: var(--esg-color-akz2)}
.btn.btn-transparent-akz2:hover .wp-block-button__link:hover, .btn.btn-transparent-akz2:focus .wp-block-button__link:focus {color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz2 {background: var(--esg-color-akz2); border-color: var(--esg-color-akz2); color: var(--esg-color-akz2-con)}
:hover > .btn.btn-hover-akz2:hover, :hover > .btn.btn-hover-akz2:focus {background: transparent; border-color: var(--esg-color-akz2); color: var(--esg-color-akz2)}
:hover > .btn.btn-hover-transparent-akz2 {background: transparent; border-color: var(--esg-color-akz2); color: var(--esg-color-akz2)}
:hover > .btn.btn-hover-transparent-akz2:hover, :hover > .btn.btn-hover-transparent-akz2:focus {background: var(--esg-color-akz2); border-color: var(--esg-color-akz2); color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz2 .wp-block-button__link{color: var(--esg-color-akz2-con)}
:hover > .btn.btn-hover-akz2:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz2:focus .wp-block-button__link:focus {color: var(--esg-color-akz2)}
:hover > .btn.btn-hover-transparent-akz2 .wp-block-button__link {color: var(--esg-color-akz2)}
:hover > .btn.btn-hover-transparent-akz2:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz2:focus .wp-block-button__link:focus {color: var(--esg-color-akz1-con)}

.btn.btn-akz3 {background: var(--esg-color-akz3); border-color: var(--esg-color-akz3); color: var(--esg-color-akz3-con)}
.btn.btn-akz3:hover, .btn.btn-akz3:focus {background: transparent; border-color: var(--esg-color-akz3); color: var(--esg-color-akz3)}
.btn.btn-transparent-akz3 {background: transparent; border-color: var(--esg-color-akz3); color: var(--esg-color-akz3)}
.btn.btn-transparent-akz3:hover, .btn.btn-transparent-akz3:focus {background: var(--esg-color-akz3); border-color: var(--esg-color-akz3); color: var(--esg-color-akz1-con)}
.btn.btn-akz3 .wp-block-button__link{color: var(--esg-color-akz3-con)}
.btn.btn-akz3:hover .wp-block-button__link:hover, .btn.btn-akz3:focus .wp-block-button__link:focus {color: var(--esg-color-akz3)}
.btn.btn-transparent-akz3 .wp-block-button__link {color: var(--esg-color-akz3)}
.btn.btn-transparent-akz3:hover .wp-block-button__link:hover, .btn.btn-transparent-akz3:focus .wp-block-button__link:focus {color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz3 {background: var(--esg-color-akz3); border-color: var(--esg-color-akz3); color: var(--esg-color-akz3-con)}
:hover > .btn.btn-hover-akz3:hover, :hover > .btn.btn-hover-akz3:focus {background: transparent; border-color: var(--esg-color-akz3); color: var(--esg-color-akz3)}
:hover > .btn.btn-hover-transparent-akz3 {background: transparent; border-color: var(--esg-color-akz3); color: var(--esg-color-akz3)}
:hover > .btn.btn-hover-transparent-akz3:hover, :hover > .btn.btn-hover-transparent-akz3:focus {background: var(--esg-color-akz3); border-color: var(--esg-color-akz3); color: var(--esg-color-akz1-con)}
:hover > .btn.btn-hover-akz3 .wp-block-button__link{color: var(--esg-color-akz3-con)}
:hover > .btn.btn-hover-akz3:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-akz3:focus .wp-block-button__link:focus {color: var(--esg-color-akz3)}
:hover > .btn.btn-hover-transparent-akz3 .wp-block-button__link {color: var(--esg-color-akz3)}
:hover > .btn.btn-hover-transparent-akz3:hover .wp-block-button__link:hover, :hover > .btn.btn-hover-transparent-akz3:focus .wp-block-button__link:focus {color: var(--esg-color-akz1-con)}

/* ===================================
    07. Border
====================================== */

/* ===================================
    08. Aside style
====================================== */

/* ===================================
    09. Video
====================================== */

/* ===================================
    10. Background image
====================================== */

/* ===================================
    11. Margin
====================================== */

/* ===================================
    12. Padding
====================================== */

/* ===================================
    13. Display and float
====================================== */

/* ===================================
    14. Position
====================================== */

/* ===================================
    15. Width
====================================== */

/* ===================================
    16. Height
====================================== */

/* ===================================
    17. Icon
====================================== */

/* social icon style */
.social-icon-style-1 a.instagram,.social-icon-style-2 a.instagram,.social-icon-style-3 a.instagram,.social-icon-style-4 a.instagram span,.social-icon-style-10 a.instagram span {background-color: #bc2a8d}
.social-icon-style-6 a.instagram:hover {border-color: #bc2a8d; color: #bc2a8d}
.social-icon-style-7 a.instagram:hover {border-color: #bc2a8d; background-color: #bc2a8d}
.social-icon-style-9 a.instagram:hover {color: #bc2a8d;}
.social-icon-style-11 a.instagram {color: #bc2a8d}

.social-icon-style-1 a.tiktok,.social-icon-style-2 a.tiktok,.social-icon-style-3 a.tiktok,.social-icon-style-4 a.tiktok span,.social-icon-style-10 a.tiktok span {background-color: #00f2ea}
.social-icon-style-6 a.tiktok:hover {border-color: #00f2ea; color: #00f2ea}
.social-icon-style-7 a.tiktok:hover {border-color: #00f2ea; background-color: #00f2ea}
.social-icon-style-9 a.tiktok:hover {color: #00f2ea;}
.social-icon-style-11 a.tiktok {color: #00f2ea}

.social-icon-style-1 a.soundcloud,.social-icon-style-2 a.soundcloud,.social-icon-style-3 a.soundcloud,.social-icon-style-4 a.soundcloud span,.social-icon-style-10 a.soundcloud span {background-color: #ff8800}
.social-icon-style-6 a.soundcloud:hover {border-color: #ff8800; color: #ff8800}
.social-icon-style-7 a.soundcloud:hover {border-color: #ff8800; background-color: #ff8800}
.social-icon-style-9 a.soundcloud:hover {color: #ff8800;}
.social-icon-style-11 a.soundcloud {color: #ff8800}

.social-icon-style-1 a.spotify,.social-icon-style-2 a.spotify,.social-icon-style-3 a.spotify,.social-icon-style-4 a.spotify span,.social-icon-style-10 a.spotify span {background-color: #1DB954}
.social-icon-style-6 a.spotify:hover {border-color: #1DB954; color: #1DB954}
.social-icon-style-7 a.spotify:hover {border-color: #1DB954; background-color: #1DB954}
.social-icon-style-9 a.spotify:hover {color: #1DB954;}
.social-icon-style-11 a.spotify {color: #1DB954}

/* ===================================
    18. Magnific popup
====================================== */

/* ===================================
    19. Header
====================================== */

.header-with-topbar .navbar-fixed-top.background-transparent { background-color: transparent; }
.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top {  top: 33px; box-shadow: none; }

header.sticky nav.header-light-transparent .logo .logo-dark,
header.sticky nav.header-light .logo .logo-dark { visibility: hidden; opacity: 0; display: none; }
header.sticky nav.header-light-transparent .logo .logo-light,
header.sticky nav.header-light .logo .logo-light { visibility: visible; opacity: 1; width: auto; }

.navbar-nav > li.dropdown > .svg-inline--fa { display: none}

.esg-pofo-slyder-style6 h6 a { color: var(--color-white) }

@media (max-width: 767px) {
    .header-with-topbar .navbar-top,
    .header-with-topbar .navbar-fixed-top,
    .header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top,
    .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top,
    .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {
        top: 0 !important;
    }
}

.navbar-default.white-link button.btn,
header.sticky .navbar-default.header-dark button.btn,
header.sticky .navbar-default.header-dark-transparent button.btn {
    color: var(--color-white);
    padding-left: 10px !important;
    border: none;
    border-left: 1px solid rgba(255,255,255,.15);
    line-height: 1;
}
.navbar-default button.btn,
header.sticky .navbar-default.header-light button.btn,
header.sticky .navbar-default.header-light-transparent button.btn {
    color: var(--color-extra-dark-gray);
    padding-left: 10px !important;
    border: none;
    border-left: 1px solid rgba(0,0,0,0.25);
    line-height: 1;
}
@media (max-width: 991px) {
    header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover,
    header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover,
    header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover,
    header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {
        color: rgba(0,0,0,0.6);
    }
}

header.overlay-logo .navbar .logo { position: relative; top: -35px; }
header.overlay-logo .navbar .logo img { max-height: 100px; }
header.overlay-logo .navbar .main-logo-col { height: 26px; overflow: visible; }

body.with-wpadminbar {
    /*padding-top: 32px;*/
}
body.with-wpadminbar .header-with-topbar .top-header-area,
body.with-wpadminbar .sticky.header-with-topbar.fixed-topbar .top-header-area,
body.with-wpadminbar .fixed-topbar .navbar-fixed-top {
    top: 32px;
}
body.with-wpadminbar .header-with-topbar .navbar-top,
body.with-wpadminbar .header-with-topbar .navbar-fixed-top {
    top: calc(32px + 33px );
}
@media (max-width: 782px) {
    body.with-wpadminbar {
        /*padding-top: 46px;*/
    }
    body.with-wpadminbar .header-with-topbar .top-header-area,
    body.with-wpadminbar .sticky.header-with-topbar.fixed-topbar .top-header-area,
    body.with-wpadminbar .fixed-topbar .navbar-fixed-top {
        top: 46px;
    }
    body.with-wpadminbar .header-with-topbar .navbar-top,
    body.with-wpadminbar .header-with-topbar .navbar-fixed-top {
        top: calc(46px + 33px );
    }
}
@media (max-width: 767px) {
    body.with-wpadminbar .header-with-topbar .navbar-top,
    body.with-wpadminbar .header-with-topbar .navbar-fixed-top,
    body.with-wpadminbar .header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top,
    body.with-wpadminbar .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top,
    body.with-wpadminbar .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {
        top: 46px !important;
    }
}/*
@media (max-width: 600px) {
    body.with-wpadminbar .header-with-topbar .navbar-top,
    body.with-wpadminbar .header-with-topbar .navbar-fixed-top,
    body.with-wpadminbar .header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top,
    body.with-wpadminbar .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top,
    body.with-wpadminbar .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {
        top: 0px !important;
    }
}*/

.has-altern-sub-menu .mainNav,
.has-altern-sub-menu .alternSubNav {
    position: absolute;
    opacity: 0;
    z-index: 10;
    transition: all 200ms;
}
.has-altern-sub-menu .mainNav.show,
.has-altern-sub-menu .alternSubNav.show {
    opacity: 1;
    z-index: 50;
}
.has-altern-sub-menu .ltmp {
    width: 0;
    overflow: hidden;
}
@media (max-width: 991px) {
    .has-altern-sub-menu .mainNav,
    .has-altern-sub-menu .alternSubNav {
        position: relative;
        opacity: 1;
        z-index: 50;
        transition: none;
        display: none;
    }
    .has-altern-sub-menu .mainNav.show,
    .has-altern-sub-menu .alternSubNav.show {
        opacity: 1;
        z-index: 50;
        display: block;
    }
    .has-altern-sub-menu .ltmp {
        display: none;
    }
}

/* ===================================
    20. Page title
====================================== */

/* ===================================
    21. Swiper carousel
====================================== */

/* SLIDER */
.slider-medium-screen {height:33vh}
.slider-half-screen {height:50vh}
.slider-large-screen {height:66vh}
.slider-full-screen {height:100vh}
.slider-medium-screen .one-fourth-screen,
.slider-half-screen .one-fourth-screen,
.slider-large-screen .one-fourth-screen,
.slider-full-screen .one-fourth-screen {height: 100%;}

/* ===================================
    22. Grid
====================================== */

/* ===================================
    23. Portfolio
====================================== */

/* ===================================
    24. Elements
====================================== */

.search-form .search-input.required-error {border-bottom: 2px solid var(--esg-color-error) !important;}

/* forms */
#registerFormForm .link-text-forgot,
#registerFormForm .link-text-register { display: none; }

input[type=checkbox] { width: auto; }
label { font-weight: 400; }

.cmplz-soft-cookiewall { z-index: 99999 !important; }

/* datepicker */
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: var(--base-color);
    background-image: -moz-linear-gradient(to bottom, var(--base-color), var(--base-light-color));
    background-image: -ms-linear-gradient(to bottom, var(--base-color), var(--base-light-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--base-color)), to(var(--base-light-color)));
    background-image: -webkit-linear-gradient(to bottom, var(--base-color), var(--base-light-color));
    background-image: -o-linear-gradient(to bottom, var(--base-color), var(--base-light-color));
    background-image: linear-gradient(to bottom, var(--base-color), var(--base-light-color));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--base-color)', endColorstr='var(--base-light-color)', GradientType=0);
    border-color: var(--base-light-color) var(--base-light-color) var(--base-color);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: var(--color-black);
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: var(--base-light-color);
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: var(--base-light-color);
    background-image: -moz-linear-gradient(to bottom, var(--base-light-color), var(--base-color));
    background-image: -ms-linear-gradient(to bottom, var(--base-light-color), var(--base-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--base-light-color)), to(var(--base-color)));
    background-image: -webkit-linear-gradient(to bottom, var(--base-light-color), var(--base-color));
    background-image: -o-linear-gradient(to bottom, var(--base-light-color), var(--base-color));
    background-image: linear-gradient(to bottom, var(--base-light-color), var(--base-color));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--base-light-color)', endColorstr='var(--base-color)', GradientType=0);
    border-color: var(--base-color) var(--base-color) var(--base-light-color);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: var(--color-white);
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: var(--base-color);
}

/* ===================================
    25. Blog
====================================== */

/* Filter list */
.esg-pofo-filter .filter-item a.aside-title { padding-left: 0; }
.esg-pofo-filter .filter-item a.aside-title:after { border: none; }
.esg-pofo-filter .filter-item a.aside-title span::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; transform: rotate(180deg); }
.esg-pofo-filter .filter-item a.aside-title.collapsed span::before { transform: rotate(0deg); }
.esg-pofo-filter .filter-item .list-style-6 li.filter-param-link span { top: 0; }
@media (max-width: 767px) {
    .nav.esg-pofo-filter { display: none; }
    .nav.esg-pofo-filter.open { display: block; }
}

/* ===================================
    26. Footer
====================================== */

/* ===================================
    27. Home page
====================================== */

/* home - creative designer */
.bg-background-fade {background-color: var(--esg-color-esg01);}
.color-1 {background-color: var(--esg-color-esg01);}
.color-2 {background-color: var(--esg-color-esg02);}
.color-3 {background-color: var(--esg-color-esg03);}
.color-4 {background-color: var(--esg-color-esg04);}
.color-5 {background-color: var(--esg-color-esg05);}
.color-6 {background-color: var(--esg-color-esg06);}
.color-7 {background-color: var(--esg-color-esg07);}
.color-8 {background-color: var(--esg-color-esg08);}

/* ===================================
    28. Others
====================================== */

/* GUTENBERG */
.pofo-banner-row-style8 .banner-style8 .esg-pofo-slide-title2 {
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.65);
    opacity: 1;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
.pofo-banner-row-style8 .banner-style8 figure:hover .esg-pofo-slide-title2 { opacity: 0; }

.container-fluid > .wp-block-esg-pofo-text-slider { margin-left: -15px; margin-right: -15px; }