@font-face {font-family: 'db_helvethaica_pdpa'; font-display:block; font-style: normal;
    src: url('../font_pdpa/db_helvethaica_x_thin_v3.2-webfont.woff') format('woff');
    font-weight: 100;
}
@font-face { font-family: 'db_helvethaica_pdpa'; font-display:block; font-style: normal;
    src: url('../font_pdpa/db_helvethaica_x_li_v3.2-webfont.woff2') format('woff2'),
         url('../font_pdpa/db_helvethaica_x_li_v3.2-webfont.woff') format('woff');
    font-weight: 300;
}
@font-face {font-family: 'db_helvethaica_pdpa'; font-display:block; font-style: normal;
    src: url('../font_pdpa/db_helvethaica_x_v3.2-webfont.woff2') format('woff2'),
         url('../font_pdpa/db_helvethaica_x_v3.2-webfont.woff') format('woff');
    font-weight: normal;
}
@font-face {font-family: 'db_helvethaica_pdpa'; font-display:block; font-style: normal;
    src: url('../font_pdpa/db_helvethaica_x_med_v3.2-webfont.woff2') format('woff2'),
         url('../font_pdpa/db_helvethaica_x_med_v3.2-webfont.woff') format('woff');
    font-weight: 500;
}
@font-face {font-family: 'db_helvethaica_pdpa'; font-display:block; font-style: normal;
    src: url('../font_pdpa/db_helvethaica_x_bd_v3.2-webfont.woff2') format('woff2'),
         url('../font_pdpa/db_helvethaica_x_bd_v3.2-webfont.woff') format('woff');
    font-weight: bold;
}

.wwp-cookie{position: fixed;z-index: 9999;left: 0; bottom: 0; width: 100%;height: auto;
    background-position: center; background-size: cover; background-repeat: no-repeat;
    font-family: 'db_helvethaica_pdpa' !important;
}
.wwp-cookie .container{width: 1280px; margin-left: auto; margin-right: auto; padding: 0 15px; box-sizing: border-box; position: initial;}
.wwp-cookie .inner{ padding: 15px 0; margin-right:90px;}
.wwp-cookie .title{ font-size: 30px; color: #fff; font-weight: normal; margin: 0; line-height: 1em;}
.wwp-cookie .desc{ margin-top: 5px; font-size: 20px; color: #fff; line-height: 1.2em; font-weight: normal; margin-bottom: 15px;}
.wwp-cookie .desc a{color: #fff; font-weight: bold; display: inline;text-decoration: underline;transition: all 400ms ease;}
.wwp-cookie .cover-l{ position: absolute;z-index: 1;left: 50%; bottom: 0; width: 388px; height: 287px; margin-left: -1020px; pointer-events: none;}
.wwp-cookie .cover-r{position: absolute;z-index: 1;right: 50%; bottom: 0;width: 388px; height: 287px; margin-right: -960px; pointer-events: none;}
.wwp-cookie .img-cover{ width: 100%;}
.wwp-cookie .action .link{display: inline-block; vertical-align: middle; text-align: center; font-weight: normal; font-size: 20px; text-decoration: none;
    padding: 0 15px; min-width: 120px; height: 35px; line-height: 35px; background-color: #fff; color: #0E7940;
    border-radius: 5px; box-sizing: border-box;
    transition: all 400ms ease;
}
.wwp-cookie .action .link .icon-check{position: relative;top: 0px;margin-right: 5px;display: inline-block; vertical-align: middle;
    filter: brightness(1) grayscale(0) invert(0);
    transition: all 400ms ease;
}
.wwp-cookie .action .link:hover{background-color: #000;color: #fff;}
.wwp-cookie .action .link:hover .icon-check{filter: brightness(0) grayscale(1) invert(1);}

/* responsive */
@media (max-width: 1600px) {
    .wwp-cookie .container{width: 1170px;}
    .wwp-cookie .cover-l {width: 270px; height: 200px; margin-left: -850px;}
    .wwp-cookie .cover-r {width: 270px; height: 200px; margin-right: -800px;}
    .wwp-cookie .inner {margin-right: 30px;}
}

@media (max-width: 1440px) /*check 1280*/ {
    .wwp-cookie .title {font-size: 28px;}
}

@media (max-width: 1199px) /*check 1024*/{
	.wwp-cookie .container{ width: 980px;}
    .wwp-cookie .cover-l {display: none;}
    .wwp-cookie .cover-r {margin-right: -620px;}
    .wwp-cookie .inner {margin-right: 125px;}
}

@media (max-width: 991px) {
	.wwp-cookie .container{width: 760px;}
    .wwp-cookie .inner {width: 540px; margin: 0;}
    .wwp-cookie .title {font-size: 26px;}
    .wwp-cookie .desc {font-size: 18px; margin-top: 2px; margin-bottom: 10px;}
    .wwp-cookie .cover-r { width: 200px;height: 115px; right: 0; margin-right: 0;}
    .wwp-cookie .action .link {font-size: 18px;}
}

@media (max-width: 767px) {
	.wwp-cookie .container{width: 100%; padding: 0 20px;}
    .wwp-cookie .inner { width: 100%;}
    .wwp-cookie .cover-r { width: 100px;height: 58px;}
    .wwp-cookie .title {font-size: 20px;}
    .wwp-cookie .desc {font-size: 16px; margin-bottom: 6px;}
    .wwp-cookie .action .link {font-size: 18px;}
    .wwp-cookie .action .link {font-size: 16px;}
}


.cookie-tab{position: fixed;z-index: 9999;left: 20px; bottom: 20px; width: 400px;height: auto;
    color: #000;
    background: #ffffff;
    /* font-family: 'db_helvethaica_pdpa' !important; */
    font-family: "Helvethaica Mon";
}
.cookie-tab .inner{padding: 1.75em}
.cookie-tab .icon-pdpa{width: 40px;height: 45px;}
.cookie-tab .icon-pdpa img{width: 100%;height: auto;}
.cookie-tab .text{font-size: 20px; line-height: 1.2em; font-weight: normal; margin-bottom: 0;}
.cookie-tab .text a{font-weight: bold; display: inline;text-decoration: underline;transition: all 400ms ease;}
.cookie-tab .action .btn + .btn{margin-left: 10px;}
.btn-pdpa{display: inline-block;min-width: 70px;height: 30px;line-height: 30px;font-size: 16px;font-weight: bold;color: #fff;border-radius: 5px;text-align: center;padding: 0 10px;border: none;}
.btn-pdpa:hover{color: #ffffff;}
.btn-pdpa.acept-btn{background-color: #0CB929;}
.btn-pdpa.acept-btn:hover{background-color: #35c04c;}
.btn-pdpa.reject-btn{background-color: #FE4B7C;}
.btn-pdpa.reject-btn:hover{background-color: #fe799e;}

.container-tab {width: 100%;padding: 0 5%;}
.row-tab{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -7.5px;margin-left: -7.5px;}
/* .align-items-tab{-ms-flex-align: center !important;-webkit-box-align: center !important;align-items: center !important;} */
.col-tab{position: relative;width: 100%;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;padding: 0 7.5px;}
.col-tab-12{position: relative;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-left: 7.5px;padding-right: 7.5px;}
.col-tab-auto{-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;width: auto;max-width: 100%;padding-left: 7.5px;padding-right: 7.5px;}

.cookie-tab-bg{position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
.cookie-tab[style="display: none;"] ~ .cookie-tab-bg{display: none;}

.cookie-tab .align-items-tab{-ms-flex-align: start !important;-webkit-box-align: start !important;align-items: start !important;}

.cookie-tab .action{margin-top: 10px;}
.cookie-tab .action .btn-pdpa {width: calc(50% - 7px);}

/* responsive */
@media (min-width: 768px) {
    .col-md-tab-auto{position: relative;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;width: auto;max-width: 100%;padding-left: 7.5px;padding-right: 7.5px;}
}
@media (max-width: 1600px) {
}

@media (max-width: 1440px) /*check 1280*/ {
}

@media (max-width: 1199px) /*check 1024*/{
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
    .cookie-tab{width: auto;max-width: 100%;left: 10px;right: 10px;bottom: 15px;}
    .cookie-tab .inner {padding: 1em;}

    .cookie-tab .icon-pdpa{width: 30px;height: 35px;margin-top: 4px;}
    .cookie-tab .text{font-size: 18px;}
    .cookie-tab .container-tab {padding: 0 15px;}

}
@media (max-width: 575px) {
    .cookie-tab .text{font-size: 16px;}
    .btn-pdpa {font-size: 14px;}
}