:root {
    --bkk24-white: #ffffff;
    --bkk24-black: #050606;
    --bkk24-grey--light: #e9e9e9;
    --bkk24-red: #ff0032;
    --bkk24-pink--light: #e0c6d5;
    --bkk24-blue: #75a3bb;
    --bkk24-blue--light: #94c5dd;

    --bkk24-orange: #ff8244;
    --bkk24-pink: #c61081;
    --bkk24-blue--dark: #003252;
    --bkk24-yellow: #ffe600;
    --bkk24-green--light: #e6e88d;
}

@font-face {
    font-family: "Univers LT BoldCnObl";
    src: url("../Fonts/UniversLTStd-BoldCnObl.otf");
}

body {
    line-height: 1.7;
}

.landingpage.landingpageCampaign {
    color: var(--bkk24-black);
}

.landingpage.landingpageCampaign h1,
.landingpage.landingpageCampaign h2,
.landingpage.landingpageCampaign h3,
.landingpage.landingpageCampaign .header-h1,
.landingpage.landingpageCampaign .header-h2,
.landingpage.landingpageCampaign .header-h3 {
    font-family: "Univers LT BoldCnObl", var(--font-family-sans-serif), sans-serif;
    text-transform: uppercase;
}
.landingpage.landingpageCampaign h1.white,
.landingpage.landingpageCampaign h2.white,
.landingpage.landingpageCampaign h3.white,
.landingpage.landingpageCampaign .header-h1 .white,
.landingpage.landingpageCampaign .header-h2 .white,
.landingpage.landingpageCampaign .header-h3 .white {
    color: var(--bkk24-white);
}
.landingpage.landingpageCampaign h1.blue,
.landingpage.landingpageCampaign h2.blue,
.landingpage.landingpageCampaign h3.blue,
.landingpage.landingpageCampaign .header-h1 .blue,
.landingpage.landingpageCampaign .header-h2 .blue,
.landingpage.landingpageCampaign .header-h3 .blue {
    color: var(--bkk24-blue);
}
.landingpage.landingpageCampaign h1.black,
.landingpage.landingpageCampaign h2.black,
.landingpage.landingpageCampaign h3.black,
.landingpage.landingpageCampaign .header-h1 .black,
.landingpage.landingpageCampaign .header-h2 .black,
.landingpage.landingpageCampaign .header-h3 .black {
    color: var(--bkk24-black);
}
.landingpage.landingpageCampaign h1.red,
.landingpage.landingpageCampaign h2.red,
.landingpage.landingpageCampaign h3.red,
.landingpage.landingpageCampaign .header-h1 .red,
.landingpage.landingpageCampaign .header-h2 .red,
.landingpage.landingpageCampaign .header-h3 .red {
    color: var(--bkk24-red);
}
.landingpage.landingpageCampaign h1.orange,
.landingpage.landingpageCampaign h2.orange,
.landingpage.landingpageCampaign h3.orange,
.landingpage.landingpageCampaign .header-h1 .orange,
.landingpage.landingpageCampaign .header-h2 .orange,
.landingpage.landingpageCampaign .header-h3 .orange {
    color: var(--bkk24-orange);
}
.landingpage.landingpageCampaign h1.pink,
.landingpage.landingpageCampaign h2.pink,
.landingpage.landingpageCampaign h3.pink,
.landingpage.landingpageCampaign .header-h1 .pink,
.landingpage.landingpageCampaign .header-h2 .pink,
.landingpage.landingpageCampaign .header-h3 .pink {
    color: var(--bkk24-pink);
}
.landingpage.landingpageCampaign h1.blue-d,
.landingpage.landingpageCampaign h2.blue-d,
.landingpage.landingpageCampaign h3.blue-d,
.landingpage.landingpageCampaign .header-h1 .blue-d,
.landingpage.landingpageCampaign .header-h2 .blue-d,
.landingpage.landingpageCampaign .header-h3 .blue-d {
    color: var(--bkk24-blue--dark);
}
.landingpage.landingpageCampaign h1.gren-l,
.landingpage.landingpageCampaign h2.gren-l,
.landingpage.landingpageCampaign h3.gren-l,
.landingpage.landingpageCampaign .header-h1 .gren-l,
.landingpage.landingpageCampaign .header-h2 .gren-l,
.landingpage.landingpageCampaign .header-h3 .gren-l {
    color: var(--bkk24-green--light);
}
.landingpage.landingpageCampaign h1.yellow,
.landingpage.landingpageCampaign h2.yellow,
.landingpage.landingpageCampaign h3.yellow,
.landingpage.landingpageCampaign .header-h1 .yellow,
.landingpage.landingpageCampaign .header-h2 .yellow,
.landingpage.landingpageCampaign .header-h3 .yellow {
    color: var(--bkk24-yellow);
}

.landingpage.landingpageCampaign h1 {
    font-size: 2.1rem;
    color: var(--bkk24-black);
}
@media (min-width: 576px) {
    .landingpage.landingpageCampaign h1 {
        font-size: 3.4rem;
    }
}
@media (min-width: 7686px) {
    .landingpage.landingpageCampaign h1 {
        font-size: 4rem;
    }
}
.landingpage.landingpageCampaign .homepage-title {
    /*margin-bottom: -2rem;*/
    margin-top: 1rem;
}

.landingpage.landingpageCampaign h2,
.landingpage.landingpageCampaign h3 {
    color: var(--bkk24-red);
}

.landingpage.landingpageCampaign .header-h2 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-bottom: .5rem;
}

.landingpage.landingpageCampaign .header-h3 {
    font-size: 1.4rem;
    line-height: 1.5rem;
    margin: 0 0 .7rem;
}

.landingpage.landingpageCampaign .text-red {
    color: var(--bkk24-red);
}
.landingpage.landingpageCampaign .text-blue {
    color: var(--bkk24-blue);
}
.landingpage.landingpageCampaign .text-blue--dark {
    color: var(--bkk24-blue--dark);
}
.landingpage.landingpageCampaign .text-orange {
    color: var(--bkk24-orange);
}
.landingpage.landingpageCampaign .text-pink {
    color: var(--bkk24-pink);
}
.landingpage.landingpageCampaign .text-green--light {
    color: var(--bkk24-green--light);
}
.landingpage.landingpageCampaign .text-yellow {
    color: var(--bkk24-yellow);
}

.landingpage.landingpageCampaign .page--header .top-header .logo {
    margin-top: 1.5rem;
}
@media screen and (max-width: 340px) {
    .landingpage.landingpageCampaign .page--header .top-header .logo {
        margin-top: 1.5rem;
    }
}
@media screen and (min-width: 340px) {
    .landingpage.landingpageCampaign .page--header .top-header .logo {
        margin-top: 1.3rem;
    }
}
@media screen and (min-width: 450px) {
    .landingpage.landingpageCampaign .page--header .top-header .logo {
        margin-top: 1rem;
    }
}

.landingpage.landingpageCampaign .page--header .top-header .logo img {
    height: auto;
    width: 200px;
}
@media screen and (min-width: 340px) {
    .landingpage.landingpageCampaign .page--header .top-header .logo img {
        width: 250px;
    }
}
@media screen and (min-width: 450px) {
    .landingpage.landingpageCampaign .page--header .top-header .logo img {
        width: 300px;
    }
}

.landingpage.landingpageCampaign .btn {
    text-transform: uppercase;
}

.landingpage.landingpageCampaign .btn-primary {
    color: var(--bkk24-black);
    background-color: #fff;
    border: .3rem solid var(--bkk24-red);
    border-radius: 1rem;
}

.landingpage.landingpageCampaign .btn-primary:hover {
    color: var(--bkk24-white);
    background-color: var(--bkk24-red);
    text-decoration: underline;
}

.landingpage.landingpageCampaign .btn-secondary {
    background-color: var(--bkk24-blue);
    border: none;
    border-radius: 1rem;
}

.landingpage.landingpageCampaign .btn-secondary:hover {
    background-color: var(--bkk24-blue--light);
}

.landingpage.landingpageCampaign .header-img .header-img--inner {
    background: none;
    height: auto;
    min-height: auto;
    text-align: center;
}

.landingpage.landingpageCampaign .header-img .header-img--inner .overlay-image {
    top: 10%;
    left: 15%;
    bottom: auto;
    right: auto;
    z-index: 5;
}
.landingpage.landingpageCampaign .header-img .container.header-img--inner .overlay-image {
    top: 16%;
    left: 2%;
}
.landingpage.landingpageCampaign .header-img .header-img--inner .responsive-image {
    position: relative;
    z-index: 2;
}
.landingpage.landingpageCampaign .header-img .header-img--inner .divider {
    display: none;
}
@media (min-width: 768px) {
    .landingpage.landingpageCampaign .header-img .container.header-img--inner .overlay-image img {
        max-width: 285px;
    }
}
@media (min-width: 992px) {
    .landingpage.landingpageCampaign .header-img .container.header-img--inner .overlay-image img {
        max-width: 375px;
    }
}
@media (min-width: 1200px) {
    .landingpage.landingpageCampaign .header-img .header-img--inner .overlay-image {
        top: 5%;
        left: 15%;
    }
    .landingpage.landingpageCampaign .header-img .header-img--inner .overlay-image img {
        max-height: 450px;
        max-width: 450px;
    }
    .landingpage.landingpageCampaign .header-img .container.header-img--inner .overlay-image {
        max-width: 450px;
    }
}


@media (min-width: 1667px) {
    .landingpage.landingpageCampaign .header-img .header-img--inner {
        background: linear-gradient(
            to right,
            var(--bkk24-red) 0%,
            var(--bkk24-red) 50%,
            var(--bkk24-pink--light) 50%,
            var(--bkk24-pink--light) 100%
        );
    }
    .landingpage.landingpageCampaign .header-img .container.header-img--inner {
        background: transparent;
    }


    .landingpage.landingpageCampaign .header-img .header-img--inner .overlay-image {
        top: 20%;
        left: 30%;
    }
    .landingpage.landingpageCampaign .header-img .header-img--inner .divider {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px;
        background-color: var(--bkk24-white);
        z-index: 1;
    }
}

.landingpage.landingpageCampaign .ce--text a.btn-primary:after,
.landingpage.landingpageCampaign .ce--text a.btn-secondary:after,
.landingpage.landingpageCampaign .ce--textmedia a.btn-primary:after,
.landingpage.landingpageCampaign .ce--textmedia a.btn-secondary:after,
.landingpage.landingpageCampaign .ce--textpic a.btn-primary:after,
.landingpage.landingpageCampaign .ce--textpic a.btn-secondary:after,
.landingpage.landingpageCampaign .ce-text a.btn-primary:after,
.landingpage.landingpageCampaign .ce-text a.btn-secondary:after,
.landingpage.landingpageCampaign .ce-textpic a.btn-primary:after,
.landingpage.landingpageCampaign .ce-textpic a.btn-secondary:after {
    background-image: none;
    display: none;
}

.landingpage.landingpageCampaign .mobile-menu-holder {
    background: hsla(0, 0%, 91.4%, .7);
}

.landingpage.landingpageCampaign .mobile-menu-list {
    background: #fff;
}

.landingpage.landingpageCampaign .mobile-menu-list li {
    border-bottom: none;
}

.landingpage.landingpageCampaign section.main {
    margin-top: 1rem;
}

.landingpage.landingpageCampaign .ce--icontext {
    padding: 2rem;
}

.landingpage.landingpageCampaign .ce--icontext:last-of-type {
    margin-bottom: 0;
}

.landingpage.landingpageCampaign .ce--icontext.background-grey {
    background-color: var(--bkk24-grey--light);
}
/*.landingpage.landingpageCampaign .ce--icontext.background-red {*/
/*    background-color: var(--bkk24-red);*/
/*}*/
/*.landingpage.landingpageCampaign .ce--icontext.background-blue {*/
/*    background-color: var(--bkk24-blue);*/
/*}*/
/*.landingpage.landingpageCampaign .ce--icontext.background-orange {*/
/*    background-color: var(--bkk24-orange);*/
/*}*/
/*.landingpage.landingpageCampaign .ce--icontext.background-pink {*/
/*    background-color: var(--bkk24-pink);*/
/*}*/
/*.landingpage.landingpageCampaign .ce--icontext.background-blue-d {*/
/*    background-color: var(--bkk24-blue--dark);*/
/*}*/
/*.landingpage.landingpageCampaign .ce--icontext.background-yellow {*/
/*    background-color: var(--bkk24-yellow);*/
/*}*/
/*.landingpage.landingpageCampaign .ce--icontext.background-gren-l {*/
/*    background-color: var(--bkk24-green--light);*/
/*}*/

.landingpage.landingpageCampaign .ce--icontext--header {
    padding-left: 3.5rem;
    position: relative;
    display: flex;
    align-items: center;
}

.landingpage.landingpageCampaign .ce--icontext .icon {
    position: absolute;
    left: 0;
    height: 3rem;
    width: 3rem;
    margin-top: -1rem;
}

.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--black {
    fill: var(--bkk24-black);
    stroke: var(--bkk24-black);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--red {
    fill: var(--bkk24-red);
    stroke: var(--bkk24-red);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--white {
    fill: var(--bkk24-white);
    stroke: var(--bkk24-white);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--blue {
    fill: var(--bkk24-blue);
    stroke: var(--bkk24-blue);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--orange {
    fill: var(--bkk24-orange);
    stroke: var(--bkk24-orange);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--pink {
    fill: var(--bkk24-pink);
    stroke: var(--bkk24-pink);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--blue-d {
    fill: var(--bkk24-blue--dark);
    stroke: var(--bkk24-blue--dark);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--yellow {
    fill: var(--bkk24-yellow);
    stroke: var(--bkk24-yellow);
}
.landingpage.landingpageCampaign .ce--icontext .icon.icon-color--gren-l {
    fill: var(--bkk24-green--light);
    stroke: var(--bkk24-green--light);
}


.landingpage.landingpageCampaign .ce--icontext--body {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 3.5rem;
    min-height: 0;
}

.landingpage.landingpageCampaign .ce--icontext .ce--icontext--body .icon {
    margin-top: -0.5rem;
}

.landingpage.landingpageCampaign .ce--icontext--body span {
    font-family: unset;
    font-size: unset;
}

.landingpage.landingpageCampaign .ce--icontext ul {
    list-style: inside;
}

.landingpage.landingpageCampaign .ce--icontext ul:last-of-type {
    margin-bottom: 0;
}

.landingpage.landingpageCampaign .ce--icontext ul li {

}

.ce--bkk24campaign_rwdimage.bg-red,
.ce--image.bg-red {
    background-color: var(--bkk24-red);
}

.ce--bkk24campaign_rwdimage.bg-orange,
.ce--image.bg-orange {
    background-color: var(--bkk24-orange);
}

.ce--bkk24campaign_rwdimage.bg-pink,
.ce--image.bg-pink {
    background-color: var(--bkk24-pink);
}

.ce--bkk24campaign_rwdimage.bg-blue,
.ce--image.bg-blue {
    background-color: var(--bkk24-blue);
}

.ce--bkk24campaign_rwdimage.bg-blue--dark,
.ce--image.bg-blue--dark {
    background-color: var(--bkk24-blue--dark);
}

.ce--bkk24campaign_rwdimage.bg-green--light,
.ce--image.bg-green--light {
    background-color: var(--bkk24-green--light);
}

.ce--bkk24campaign_rwdimage.bg-yellow,
.ce--image.bg-yellow {
    background-color: var(--bkk24-yellow);
}

.ce--bkk24campaign_rwdimage.bg-red,
.ce--bkk24campaign_rwdimage.fullwidth,
.ce--image.bg-red,
.ce--image.fullwidth {
    margin-left: -2rem;
    margin-right: -2rem;
}
@media screen and (min-width: 576px) {
    .ce--bkk24campaign_rwdimage.bg-red,
    .ce--bkk24campaign_rwdimage.fullwidth,
    .ce--image.bg-red,
    .ce--image.fullwidth {
        margin-left: 0;
        margin-right: 0;
    }
}

.landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-]+[class*=col-] {
    margin-top: 1.5rem;
}
.landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-]+[class*=col-] .row [class*="col-"] + [class*="col-"] {
    margin-top: 0;
}
@media screen and (min-width: 576px) {
    .landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-]+[class*=col-12] {
        margin-top: 1.5rem;
    }
}
@media screen and (min-width: 768px) {
    .landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-md-4]+[class*=col-md-4] {
        margin-top: 0;
    }
    .landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-md-]+[class*=col-md-12] {
        margin-top: 1.5rem;
    }
}
@media screen and (min-width: 990px) {
    .landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-lg-]+[class*=col-lg-4] {
        margin-top: 0;
    }
    .landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-lg-]+[class*=col-lg-12] {
        margin-top: 1.5rem;
    }
}
@media screen and (min-width: 1200px) {
    .landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .row.row-grid [class*=col-xl-]+[class*=col-xl-4] {
        margin-top: 0;
    }
}

.landingpage.landingpageCampaign .ce--bkk24content_mv_two_column .ce:last-of-type,
.landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .ce:last-of-type {
    margin-bottom: 0 !important;
}

.landingpage.landingpageCampaign .ce--bkk24content_mv_two_column .headline,
.landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .headline {
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (min-width: 576px) {
    .landingpage.landingpageCampaign .ce--bkk24content_mv_two_column .headline,
    .landingpage.landingpageCampaign .ce--bkk24content_mv_three_column .headline {
        padding-left: 0;
        padding-right: 0;
    }
}


.landingpage.landingpageCampaign .mt-md--3 {
    margin-top: -3rem;
}
@media screen and (min-width: 768px) {
    .landingpage.landingpageCampaign .mt-md--3 {
        margin-top: 0;
    }
}