@font-face {
    font-family: 'CiutadellaLight';
    src: url('/content/fonts/Ciutadella-Light.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Ciutadella-Light.otf'), url('/content/fonts/Ciutadella-Light.ttf');
    font-weight: lighter;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'Ciutadella';
    src: url('/content/fonts/Ciutadella-Regular.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Ciutadella-Regular.otf'), url('/content/fonts/Ciutadella-Regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'CiutadellaBold';
    src: url('/content/fonts/Ciutadella-Bold.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Ciutadella-Bold.otf'), url('/content/fonts/Ciutadella-Bold.ttf');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'LitmusLight';
    src: url('/content/fonts/Litmus-Light.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Litmus-Light.otf'), url('/content/fonts/Litmus-Light.ttf');
    font-weight: lighter;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'Litmus';
    src: url('/content/fonts/Litmus.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Litmus.otf'), url('/content/fonts/Litmus.ttf');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'LitmusBold';
    src: url('/content/fonts/Litmus-Bold.eot?#iefix') format('embedded-opentype'), url('/content/fonts/Litmus-Bold.otf'), url('/content/fonts/Litmus-Bold.ttf');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'HelvethaicaLight';
    src: url('/content/fonts/DB-Helvethaica-X-Li.ttf');
    font-weight: lighter;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'Helvethaica';
    src: url('/content/fonts/DB-Helvethaica-X-Med.ttf');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'DBAdmanXBold';
    src: url('/content/fonts/DB-Adman-X-Bd.ttf');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'DBAdmanXLight';
    src: url('/content/fonts/DB-Adman-X-Li.ttf');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'DBAdmanXUltraLight';
    src: url('/content/fonts/DB-Adman-X-UltraLi.ttf');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

@font-face {
    font-family: 'DBAdmanX';
    src: url('/content/fonts/DB-Adman-X.ttf');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

h1:lang(en) {
    font-family: "LitmusLight", "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 3.2rem;
    /* font-size: 36px; */
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h1:lang(en).size-h2 {
    font-family: "LitmusLight", "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 2rem;
    /* font-size: 32px; */
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h2:lang(en) {
    font-family: "LitmusLight", "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 2rem;
    /* font-size: 32px; */
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h3:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.5rem;
    /* font-size: 28px; */
    line-height: 1.3;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h4:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #001a70;
}
h5:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #001a70;
}

.lead:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #101820;
}
p:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
input:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.5px;
    color: #101820;
}
label:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
span:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
}
.font-small:lang(en) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 0.9rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}

@media only screen and (max-width: 1024px) {
    h1:lang(en) {
        font-size: 2.4rem !important;
    }
    h1:lang(en).size-h2 {
        font-size: 1.8rem !important;
    }
    h2:lang(en) {
        font-size: 1.8rem !important;
    }
    h3:lang(en) {
        font-size: 1.3rem !important;
    }
    .lead:lang(en) {
        font-size: 1.2rem !important;
    }
}

@media only screen and (max-width: 768px) {
    h1:lang(en) {
        font-size: 2rem !important;
    }
    h1:lang(en).size-h2 {
        font-size: 1.5rem !important;
    }
    h2:lang(en) {
        font-size: 1.5rem !important;
    }
    h3:lang(en) {
        font-size: 1.25rem !important;
    }
    /* p:lang(en) {
        font-size: 1.1rem !important;
    } */
    .font-small:lang(en) {
        font-size: 0.85rem !important;
    }
}

@media only screen and (max-width: 576px) {
    span:lang(en) {
        font-size: 1rem !important;
    }
    .font-small:lang(en) {
        font-size: 0.8rem !important;
    }
}

/* @media only screen and (max-width: 500px) {
    span:lang(en) {
        font-size: 0.85rem !important;
    }
} */

@media only screen and (max-width: 320px) {
    h1:lang(en) {
        font-size: 1.6rem;
    }
    h1:lang(en).size-h2 {
        font-size: 1.4rem;
    }
    h2:lang(en) {
        font-size: 1.4rem;
    }
    h3:lang(en) {
        font-size: 1.1rem;
    }
    .lead:lang(en) {
        font-size: 1rem;
    }
    span:lang(en) {
        font-size: 0.8rem;
    }
    p:lang(en) {
        font-size: 0.8rem;
    }
    input:lang(en) {
        font-size: 0.8rem;
    }
    label:lang(en) {
        font-size: 0.8rem;
    }
}





h1:lang(th) {
    font-family: "LitmusLight", "HelvethaicaLight", "CiutadellaLight";
    font-size: 3.2rem;
    /* font-size: 36px; */
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h1:lang(th).size-h2 {
    font-family: "LitmusLight", "HelvethaicaLight", "CiutadellaLight";
    font-size: 2.5rem;
    /* font-size: 32px; */
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h2:lang(th) {
    font-family: "LitmusLight", "HelvethaicaLight", "CiutadellaLight";
    font-size: 2.5rem;
    /* font-size: 32px; */
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h3:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.7rem;
    /* font-size: 28px; */
    line-height: 1.3;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h4:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #001a70;
}
h5:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #001a70;
}

.lead:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #101820;
}
p:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
input:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0.5px;
    color: #101820;
}
label:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
span:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    margin-top: 5px;
}
.font-small:lang(th) {
    font-family: "HelvethaicaLight", "CiutadellaLight";
    font-size: 1.08rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
:lang(th)::placeholder {
    line-height: 1.5;
}






h1:lang(cn) {
    font-family: "LitmusLight", "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 3.2rem;
    /* font-size: 36px; */
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h1:lang(cn).size-h2 {
    font-family: "LitmusLight", "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 2rem;
    /* font-size: 32px; */
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h2:lang(cn) {
    font-family: "LitmusLight", "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 2rem;
    /* font-size: 32px; */
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h3:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.5rem;
    /* font-size: 28px; */
    line-height: 1.3;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #001a70;
    margin-bottom: 20px;
}
h4:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #001a70;
}
h5:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #001a70;
}

.lead:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #101820;
}
p:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
input:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.5px;
    color: #101820;
}
label:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1.2rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
span:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
}
.font-small:lang(cn) {
    font-family: "CiutadellaLight", "HelvethaicaLight" !important;
    font-size: 0.95rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #101820;
}
/* .adman-font:lang(en) {
    font-family: 'DBAdmanX';
}
  
.adman-font-ultrali:lang(en) {
    font-family: 'DBAdmanXUltraLight';
}

.adman-font-light:lang(en) {
    font-family: 'DBAdmanXLight';
}
  
.adman-font-bold:lang(en) {
    font-family: 'DBAdmanXBold';
} */