@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

:root {
    --thema-first-color: #114284; /* + */
    --thema-second-color: #111827;
    --thema-third-color: #f3f4f6;
    --thema-text-color: #000000;
    --thema-black-color: #000000;
    --thema-white-color: #ffffff;
    --thema-border-color: #e5e7eb;
    --thema-container-max-width: 1530px;
    --thema-container-padding: 30px;
    --thema-header-height: 120px;
    --thema-section-padding: 70px;
}
@media (max-width: 991.99px) {
    :root {
        --thema-container-padding: 15px;
        --thema-header-height: 100px;
        --thema-section-padding: 50px;
    }
}
*, ::before, ::after { margin:0; padding:0; box-sizing:border-box; }
h1, h2, h3, h4, h5, h6 { line-height:normal; }
.img-fluid { max-width:100%; height:auto; vertical-align:bottom; }
/* font-size:clamp(30px, 10vw, 50px); */
html.mainpage, html.mainpage body { height:100%; }
body { color:var(--thema-text-color); font-size:18px; font-family: "Inter", sans-serif; background-color:var(--thema-white-color); }
/*body.mobile-nav-active { overflow-y:hidden; }*/

.button { display:inline-block; overflow:hidden; padding:14px 24px; color:var(--thema-white-color); font-size:16px; border:1px solid var(--thema-first-color); border-radius:5px; background-color:var(--thema-first-color); }

.header { position:relative; z-index:7; border-bottom:1px solid var(--thema-border-color); background-color:var(--thema-white-color); }
.header .container { display:flex; align-items:center; justify-content:space-between; }
.header > .container { padding-top:25px; padding-bottom:25px; }
.header > .top { padding-top:10px; padding-bottom:10px; background-color:var(--thema-third-color); }
.header .site-logo { display:inline-block; overflow:hidden; max-width:150px; }
.header .top-list { display:flex; align-items:center; justify-content:space-between; margin:0; padding:0; list-style:none; }
.header .top-list > li { color:var(--thema-text-color); font-size:15px; }
.header .top-list > li + li:before { margin:0px 5px; content:"-"; }
.header .top-list > li a { display:inline-block; color:var(--thema-text-color); font-weight:400; }
.header .top-list > li a:hover { color:var(--thema-first-color); }
.header .mobile-trigger { display:none; overflow:hidden; cursor:pointer; }

.nav { width:auto; height:auto; line-height:normal; position:relative; z-index:1; background-color:transparent; box-shadow:none !important; }
.nav .nav-list { margin:0; padding:0; list-style:none; display:flex; align-items:center; justify-content:space-around; flex-wrap:nowrap; }
.nav .nav-list > li { padding-right:var(--thema-container-padding); position:relative; }
.nav .nav-list > li:last-child { padding-right:0; }
.nav .nav-list > li a { padding:0; color:var(--thema-black-color); }
.nav .nav-list > li i { height:auto; margin-left:5px; }
.nav .nav-list > li .nav-title { padding:0; color:var(--thema-black-color); font-size:18px; font-weight:500; }
.nav .nav-list > li a:hover { color:var(--thema-first-color); background-color:transparent; }

@media (max-width: 991.99px) {
    .header .contact-button, .nav { display:none; }
	.header .mobile-trigger { display:inline-block; }
}
@media (max-width: 399.99px) {
    .header .phone-email > li:last-child, .header .phone-email > li + li:before { display:none; }
}

main {  }
.headline-section { height:540px; overflow:hidden; margin-bottom:var(--thema-section-padding); position:relative; border-bottom:1px solid var(--thema-border-color); background-image:url(/images/headline-bg.jpg); background-size:cover; background-position:center right; }
.headline-section:before { width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); content:""; }
.headline-section > .container { position:relative; top:50%; transform:translateY(-50%); z-index:1; }
.headline-section .headline { width:42%; }
.headline-section .title { margin-bottom:30px; color:var(--thema-first-color); font-size:50px; font-weight:700; }
.headline-section .desc { margin:0; margin-bottom:30px; line-height:26px; }
.headline-section .contact-button { margin-left:10px; color:var(--thema-first-color); background-color:var(--thema-white-color); }

.section { padding-top:var(--thema-section-padding); padding-bottom:var(--thema-section-padding); text-align:center; }
.section-title { margin:0; margin-bottom:20px; text-align:center; color:var(--thema-black-color); font-size:30px; font-weight:700; }
.section-desc { margin:0; margin-bottom:50px; text-align:center; }
@media (max-width: 1199.99px) {
    .headline-section .headline { width:auto; }
}
@media (max-width: 991.99px) {
    .section-title { font-size:24px; }
}

.services-section { overflow:hidden; margin-bottom:var(--thema-section-padding); }
.services { display:flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; overflow:hidden; margin:0; padding:0; list-style:none; }
.services > li { width:calc(25% - 20px); margin-bottom:30px; }
.services > li > a { display:inline-block; color:var(--thema-black-color); }
.services > li > a img { margin-bottom:20px; border:1px solid var(--thema-border-color); }
.services > li > a strong { min-height:50px; display:block; overflow:hidden; padding:0px 15px; text-align:left; font-weight:600; }
@media (max-width: 1199.99px) {
    .services > li { width:calc(50% - 20px); }
}
@media (max-width: 767.99px) {
    .services > li { width:100%; }
}

.contact-section { overflow:hidden; margin-bottom:var(--thema-section-padding); background-color:var(--thema-first-color); }
.contact-section > .container { display:flex; align-items:flex-end; justify-content:space-between; }
.contact-section .section-title, .contact-section .section-desc { text-align:left; color:var(--thema-white-color); }
.contact-section .section-desc { margin-bottom:0; }
.contact-section .contact-button { margin-left:10px; color:var(--thema-first-color); background-color:var(--thema-white-color); }

@media (max-width: 767.99px) {
    .contact-section > .container { display:block; }
	.contact-section .contact-button { margin-top:30px; margin-left:0; }
	.contact-section .section-title, .contact-section .section-desc { text-align:center; }
}

.certificate-section { overflow:hidden; margin-bottom:var(--thema-section-padding); }

.bottom-section { overflow:hidden; padding-top:var(--thema-section-padding); padding-bottom:var(--thema-section-padding); background-color:var(--thema-third-color); }
.form-contact { max-width:1000px; overflow:hidden; margin:0 auto; margin-bottom:var(--thema-section-padding); padding:var(--thema-section-padding); text-align:left; background-color:var(--thema-white-color); }
.form-contact .row { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.form-contact .row-field { overflow:hidden; margin-top:15px; margin-bottom:15px; }
.form-contact .column-4 { width:calc(33.33% - 20px); }
.form-contact .column-12 { width:100%; }
.form-contact .form-title { color:var(--thema-black-color); font-size:30px; font-weight:700; }
.form-contact .input-field, .form-contact .textarea-field { width:100%; padding:15px; color:var(--thema-text-color); font-size:16px; border:none !important; border-radius:2px; background-color:var(--thema-third-color); outline:1px solid transparent; outline-offset:0; }
.form-contact .btn { padding:15px 30px; color:var(--thema-white-color); font-size:18px; font-weight:700; border:2px solid var(--thema-first-color); border-radius:0px; background-color:var(--thema-first-color); cursor:pointer; }
.form-contact .btn:hover { color:var(--thema-first-color); background-color:var(--thema-white-color); }
@media (max-width: 991.99px) {
    .form-contact .column-4 { width:100%; }
}
.support-content { max-width:1000px; display:flex; align-items:flex-end; justify-content:space-between; overflow:hidden; margin:0 auto; padding:var(--thema-section-padding); background-color:var(--thema-white-color); }
.support-content .section-title, .support-content .section-desc { text-align:left; }
.support-content .section-desc { margin-bottom:0; }
.support-content .info { width:70%; }
.support-content .contact-button {  }
@media (max-width: 767.99px) {
    .support-content { display:block; }
	.support-content .info { width:auto; margin-bottom:20px; }
	.support-content .section-title, .support-content .section-desc { text-align:center; }
}

.footer { overflow:hidden; padding-top:var(--thema-section-padding); padding-bottom:var(--thema-section-padding); text-align:center; color:var(--thema-white-color); background-color:var(--thema-second-color); }

.footer .company { margin-bottom:15px; font-size:25px; font-weight:700; }
.footer .address { margin-bottom:15px; font-size:20px; font-weight:500; font-style:normal; }
.footer .phones { margin-bottom:20px; font-size:18px; font-weight:500; }
.footer .phones a { display:inline-block; margin:10px; color:var(--thema-white-color); }

.footer .menus { margin:0; padding:0; list-style:none; }
.footer .menus > li { display:inline-block; margin:10px; vertical-align:top; }
.footer .menus > li a { color:var(--thema-white-color); }
.footer .menus > li a:hover { color:var(--thema-first-color) !important; }

.copyright-section { overflow:hidden; padding-top:30px; }

.main-container {}
.article-container {  }
.article-container > .headline-section { height:250px; background-image:url(/images/section-bg.jpg); background-position-y:70%; }

.article-title { margin:0; margin-bottom:10px; color:var(--thema-black-color); font-size:36px; font-weight:700; }
.article-desc { margin:0; }
@media (max-width: 1199.99px) {
    .article-title { font-size:30px; }
}
@media (max-width: 991.99px) {
	.article-title { font-size:24px; }
}

.content-section { overflow:hidden; margin-bottom:var(--thema-section-padding); }
.article-text { max-width:960px; margin-left:auto; margin-right:auto; }
.article-text h2, .article-text h3 { margin-top:10px; margin-bottom:20px; font-size:28px; font-weight:700; }
.article-text h3 { font-size:26px; }
.article-text p { margin-bottom:30px; line-height:26px; }
.article-text p strong { font-weight:700; }
.article-text a { color:var(--thema-second-color); }
.article-text ul:not(.browser-default) { margin-bottom:30px; padding-left:40px; }
.article-text ul:not(.browser-default) li { list-style:disc; }
.article-text .article-image { max-width:600px; margin:0 auto; margin-bottom:40px; text-align:center; }
.article-text img { max-width:100%; height:auto; border:1px solid var(--thema-border-color); }

.article-images { overflow:hidden; margin:0; padding:0; list-style:none; text-align:center; }
.article-images > li { display:inline-block; margin:10px; vertical-align:top; }
.article-images > li > a { display:inline-block; color:var(--thema-first-color); }
.article-images > li > a img { border:1px solid var(--thema-border-color); }
.article-images > li > a .title { display:block; padding-top:5px; font-weight:500; }

.article-documents { overflow:hidden; margin-top:var(--thema-section-padding); }
.article-documents > li { overflow:hidden; margin-bottom:10px; color:var(--thema-first-color); font-size:13px; position:relative; border:1px solid var(--thema-border-color); }
.article-documents > li:before { width:0%; height:100%; position:absolute; left:0px; top:0px; z-index:-1; content:""; background-color:var(--thema-first-color); transition: all 0.5s ease-in-out; }
.article-documents > li:hover:before { width:100%; }
.article-documents > li:after { height:100%; color:var(--thema-black-color); position:absolute; right:30px; top:16px; z-index:-1; content:attr(data-text); }
.article-documents > li a { display:block; overflow:hidden; color:var(--thema-black-color); }
.article-documents > li:hover > a { color:var(--thema-white-color); transition: all 0.3s ease-in-out; }
.article-documents > li i { width:66px; height:48px; float:left; margin-right:25px; text-align:center; font-size:20px; line-height:48px; color:var(--thema-white-color); background-color:var(--thema-first-color); }
.article-documents > li span { display:block; float:left; margin-top:16px; padding-right:150px; }

.mobile-active { width:0; height:100%; position:fixed; left:-1px; top:0; z-index:990; background-color:rgba(0,0,0,0.5); cursor:pointer; }
.mobile-active-open { width:100%; left:0; }
.mobile-section { width:300px; height:100vh; overflow-y:auto; margin:0; position:fixed; left:-310px; top:0; z-index:999; background-color:var(--thema-white-color); }
.mobile-section-open { left:0; }
.mobile-section .mobile-container { overflow:hidden; }
.mobile-section .mobile-header { min-height:100px; display:flex; align-items:center; padding:30px 15px; color:var(--thema-white-color); background-color:var(--thema-first-color); }
.mobile-section .headline { font-size:20px; font-weight:700; }
.mobile-section .mobile-content { padding:20px 15px; border-bottom:1px solid var(--thema-border-color); }
.mobile-section .menu, .mobile-section .menu ol { overflow:hidden; margin:0px; padding:0; list-style:none; }
.mobile-section .menu ol { margin:15px; margin-top:5px; margin-right:0; }
.mobile-section .menu a { display:inline-block; overflow:hidden; margin:3px 0px; padding-left:15px; color:var(--thema-black-color); font-size:16px; position:relative; }
.mobile-section .menu a > i { width:15px; position:absolute; left:0px; top:1px; z-index:0; }
.mobile-section .menu .main { padding-left:0px; font-size:18px; font-weight:700; }
.mobile-section .menu a:hover { color:var(--thema-second-color); }
.mobile-section .mobile-footer { padding:20px 15px; text-align:center; }

/* Add WA floating button CSS */
.floating {
 position: fixed;
 width: 60px;
 height: 60px;
 bottom: 30px;
 right: 30px;
 background-color: #25d366;
 color: #fff;
 border-radius: 50px;
 text-align: center;
 font-size: 30px;
 z-index: 100;
}

.fab-icon {
 margin-top: 16px;
}

.alert-success, .alert-danger { overflow:hidden; clear:both; padding:15px; color:var(--thema-white-color); }
.alert-success { background-color:#198754; }
.alert-danger { background-color:#dc3545; }

.display-none { display:none !important; }
.text-center { text-align:center; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none, a { outline:none !important; }
a { text-decoration:none; }

.container { width:auto; margin-left:auto; margin-right:auto; padding-left:var(--thema-container-padding); padding-right:var(--thema-container-padding); }
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.99px) { .container { max-width: 100%; } }
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.99px) { .container { max-width: 570px; } }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.99px) { .container { max-width: 750px; } }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.99px) { .container { max-width: 990px; } }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.99px) { .container { max-width: 1170px; } }
/* XX-Large devices (more than 1400px) */
@media (min-width: 1400px) { .container { max-width: var(--thema-container-max-width); } }