/*
 *  localized google fonts
 */
/* vietnamese */
@font-face {
    font-family: "Exo";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/exo1.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Exo";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/exo2.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Exo";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/exo3.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura1.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura2.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura3.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura4.woff2") format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
        U+03A3-03FF;
}
/* kayah-li */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura5.woff2") format("woff2");
    unicode-range: U+200C-200D, U+2010, U+25CC, U+A900-A92F;
}
/* vietnamese */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura6.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
        U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura7.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Jura";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jura8.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    margin-top: 0px !important;
}

* html body {
    margin-top: 0px !important;
}

.img-zone .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.text-zone p a,
.block-row p a,
.text-image-block .text p a {
    color: #1b7fcc;
}
.otgs-development-site-front-end {
    display: none;
}

.gallery.chapters .swiper-slide button {
    width: 100%;
}
@media (min-width: 768px) {
    .data-columns .data-column-double .content {
        padding: 80px 50px 100px !important;
    }
    .data-columns .data-column-double .content .data-column-block .num {
        position: relative !important;
        top: -6px !important;
    }
}
@media (min-width: 992px) {
    .gallery.chapters .swiper-slide {
        width: 33%;
    }
    .wd-navbar .logo-zone img.centenary {
        width: 80px;
        margin-left: 10px;
    }
    .wd-footer .logo-wrapper.centenary {
        width: 250px;
    }
}
@media (min-width: 1200px) {
    .wd-navbar .logo-zone img.centenary {
        width: 100px;
        margin-left: 8px;
        margin-top: -8px;
    }
}

@media (max-width: 991px) {
    .wd-navbar.mobile-opened .navbar,
    .wd-megamenu.opened {
        z-index: 3;
    }
    .gallery.chapters .swiper-timer {
        display: none;
    }
    .wd-navbar .logo-zone img.centenary {
        margin-left: 8px;
    }
}
@media (max-width: 767px) {
    .img-wrapper .padding-ratio.vertical-mobile {
        padding-top: 173%;
    }
    .data-columns .data-column-double .content {
        padding: 44px 32px 64px;
    }
    .data-columns .data-column-double .content .data-column-block .num {
        position: relative;
        top: -6px;
    }
}

ul.video-chapter {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    margin-left: 0px;
}

ul.video-chapter li {
    cursor: pointer;
    list-style: none;
    margin-bottom: 15px;
    color: #626262;
    font-size: 14px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
ul.video-chapter li .button-label {
    background-color: #000;
    color: rgb(119, 209, 25);
    font-size: 12px;
    width: 70px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

ul.video-chapter li:hover {
    color: #000;
}
ul.video-chapter li:hover .button-label {
    background-color: rgb(119, 209, 25);
    color: #fff;
}

@media (max-width: 1400px) {
    ul.video-chapter {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
        margin-left: 0px;
    }
}

@media (max-width: 1110px) {
    ul.video-chapter {
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px;
        margin-left: 0px;
    }
}
/* CHAPTER NEW */
.video-chapter-col {
    padding: 40px;
}
.video-chapter-col .button-label {
    background-color: #000;
    color: rgb(119, 209, 25);
    font-size: 12px;
    width: 70px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.video-chapter-col .button-label:hover {
    color: #000;
}
.video-chapter-col .button-label:hover .button-label {
    background-color: rgb(119, 209, 25);
    color: #fff;
}
.video-chapter-col .chapter {
    cursor: pointer;
    list-style: none;
    margin-bottom: 15px;
    color: #626262;
    font-size: 14px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.video-chapter-col .chapter .button-label {
    background-color: #000;
    color: rgb(119, 209, 25);
    font-size: 12px;
    width: 70px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.video-chapter-col .chapter:hover {
    color: #000;
}
.video-chapter-col .chapter:hover .button-label {
    background-color: rgb(119, 209, 25);
    color: #fff;
}

@media (min-width: 1200px) {
    .website-ja .hero-play {
        right: 24px;
    }
}

#indena_privatefile .wd-modal-wrapper {
    max-width: min-content;
}
#indena_privatefile .privacy label {
    text-transform: none !important;
    letter-spacing: normal !important;
}
.privatefile_result .wd-button-wrapper {
    text-align: center;
    margin-top: 30px;
}

/*COLOR FIX*/
.color-change-wrapper.white section:not(.text-image-block) .secondary svg.icon {
    fill: #1b1b1b;
}
.color-change-wrapper.grey .secondary svg.icon {
    fill: #fff;
}

/*FORM FEEDBACK*/
form.overlay,
button.submit-btn {
    position: relative;
}
form.overlay:before {
    content: "";
    position: absolute;
    width: 104%;
    height: 104%;
    inset: -2%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    cursor: progress;
}
form.overlay .wd-button.primary span {
    visibility: hidden;
}
form.overlay .wd-button.primary:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top: none;
    animation: animRotate 2s linear infinite forwards;
    pointer-events: none;
}

.page-template-page-product .complete-text-block-wrapper {
    margin: 0 auto;
    padding: 64px 0;
}
.page-template-page-product .complete-text-block-wrapper .text-zone {
    margin-left:108px;
}
.page-template-page-product .complete-text-block h2 {
    line-height:1.2
}
.page-template-page-product .text-zone a {
    text-decoration: none;
    color:#1B1B1B;
    transition:.3s all;
}
.page-template-page-product .text-zone a:hover {
    color:#1b7fcc;
}
.page-template-page-product .complete-text-block-wrapper .text-zone table {
    padding: 0;
    border-spacing: 0;
    line-height: 1.8;
}
.page-template-page-product .complete-text-block-wrapper .text-zone table td {
    border: 0;
    border-spacing: 0;
    padding: 0;
}

@media (max-width:425px) {
    .page-template-page-product .complete-text-block-wrapper .text-zone {
        margin-left:0;
    }
    .page-template-page-product .complete-text-block-wrapper .text-zone .text-row {
        padding: 0 24px;
    }
    .page-template-page-product .complete-text-block-wrapper .text-zone .right {
        margin-top:20px;
    }
}