@charset "utf-8";
:root {
    --thema-first-color: #0c1e30;
    --thema-second-color: #007bce;
    --thema-third-color: #cecece;
    --thema-text-color: #404040;
    --thema-black-color: #000000;
    --thema-white-color: #ffffff;
}

body { color:var(--thema-black-color); font-size:16px; font-family: 'Montserrat', sans-serif; }

.header { overflow:hidden; padding-top:15px; padding-bottom:15px; text-align:center; position:relative; z-index:2; }
.header .logo { display:inline-block; float:left; }

.nav { float:right; padding-top:25px; position:relative; z-index:1; }
.nav .menus { margin:0; padding:0; list-style:none; }
.nav .menus > li { display:inline-block; margin-right:30px; }
.nav .menus > li:last-child { margin-right:0; }
.nav .menus > li > a { color:var(--thema-first-color); font-size:18px; font-weight:500; }
.nav .menus > li > a:hover { color:var(--thema-second-color); }
@media (max-width: 991.98px) {
    .header .logo, .nav { float:none; }
}
@media (max-width: 575.98px) {
    .nav { display:none; }
}

.headline-slider { margin-bottom:60px; /*border:1px solid var(--thema-third-color);*/ }
.headline-slider .owl-dots { width:100%; height:auto; text-align:center; position:absolute; left:0; bottom:10%; z-index:2; }
.headline-slider .owl-dots > .owl-dot { width:20px; height:20px; display:inline-block; margin-left:2px; margin-right:2px; line-height:normal; border:1px solid var(--thema-first-color); border-radius:50%; background-color:transparent; }
.headline-slider .owl-dots > .owl-dot.active { background-color:var(--thema-first-color); }
.headline-slider .owl-slide { text-align:center; position:relative; }
.headline-slider .owl-slide img { width:auto; display:inline-block; }
.headline-slider .headline { display:none; margin:0; color:var(--thema-first-color); font-size:40px; font-weight:700; position:absolute; right:10%; bottom:10%; z-index:1; }

.services-headline { margin:0; margin-bottom:30px; text-align:center; color:var(--thema-first-color); font-size:40px; font-weight:700; }

.services { overflow:hidden; margin-bottom:40px; padding:0; text-align:center; }
.services > li { width:calc(50% - 2%); display:inline-block; margin:0 1%; margin-bottom:3%; vertical-align:top; }
.services > li a { display:inline-block; color:var(--thema-first-color); font-size:20px; }
.services > li a img { margin-bottom:10px; border:1px solid var(--thema-third-color); }
.services > li a strong { display:block; text-align:left; font-weight:500; }
@media (max-width: 991.98px) {
    .services > li { width:calc(50% - 2%); }
}
@media (max-width: 575.98px) {
    .services > li { width:100%; display:block; margin-left:auto; margin-right:auto; }
}

.footer { overflow:hidden; padding-top:50px; padding-bottom:30px; text-align:left; color:var(--thema-white-color); position:relative; background-color:var(--thema-second-color); }
.footer .section { width:33%; display:inline-block; padding:0 15px; margin-bottom:3%; vertical-align:top; }
.footer .company { margin-bottom:20px; font-size:20px; font-weight:600; }
.footer .address { margin-bottom:20px; font-size:16px; }
.footer .menus { margin:0; padding:0; list-style:none; }
.footer .menus > li { margin-bottom:5px; }
.footer .menus > li > a { color:var(--thema-white-color); font-size:16px; }
.footer .menus > li > a:hover { color:var(--thema-first-color); }
@media (max-width: 575.98px) {
    .footer { text-align:center; }
    .footer .section { width:100%; display:block; padding:0; }
}

.main { overflow:hidden; }
.main-header { margin-bottom:50px; padding-top:30px; padding-bottom:30px; text-align:center; background-color:var(--thema-second-color); }
.main-title { margin:0; color:var(--thema-white-color); font-size:40px; font-weight:700; }
.article { max-width:960px; margin-left:auto; margin-right:auto; margin-bottom:50px; }
.article h1, .article h2, .article h3 { margin-bottom:20px; font-size:30px; font-weight:600; }
.article p { margin-bottom:20px; }
.article a { color:var(--thema-second-color); }

/* 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;
 box-shadow: 2px 2px 3px #999;
 z-index: 100;
}

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

a { text-decoration:none; }