body{ background-color:#f8f8f8; color:#484646;}
header{height:100px; z-index:10002;}
.headerline{width:100%; height:3px; background-color:#ff0000; display:block;}
header.whiteheader{height:100px; background-color:#c0c0c0;}
header div.logos{ margin-top:35px; float:left;}
header div.logos img{height:35px;}
header div.menus{float:right; margin-top:40px;}
header div.menus ul li{float:left;}
header div.menus ul li span{width:1px; height:20px; background-color:#fff; display:block;}
header div.menus ul li a{color:#fff; padding-left:12px; padding-right:12px; font-size:13px;}
header.whiteheader div.menus ul li a{text-shadow:none; color:#484646;}
header.whiteheader div.menus ul li > ul li a{background-color:#c0c0c0;}
header div.menus ul li a:hover, header div.menus ul li a:active{color:#ff0000;}
header div.menus ul li ul, header div.menus ul li ul li > ul{position:absolute; width:250px; height:auto;}
header div.menus ul li > ul{display:none;}
header div.menus ul li ul{right:0; top:30px;}
header div.menus ul li ul li > ul{left:250px; top:0;}
header div.menus ul li > ul li{float:none;}
header div.menus ul li > ul li a{display:block; color:#484646; padding:15px; background-color:#f8f8f8;}
header div.menus ul li > ul li a:hover, header div.menus ul li > ul li a:active{background-color:#ff0000; color:#fff;}
header div.menus ul li.languages div.fleft a{padding:0; padding-left:10px;}
header div.language{position:relative; height:100px; line-height:100px;}
header div.language a{display:block; padding-left:5px; padding-right:5px;}
header div.language a.active, 
header div.language div.active a{background-color:#ff0000; color:#fff;}
.content .images{width:45%; float:right;  padding-left:10px; padding-bottom:10px;}
.defaultlist{width:100%; height:auto;}
.defaultlist div.text{width:100%; height:350px; background-color:#f1f1f1; position:relative;}
.defaultlist div.text div.titles{margin-bottom:10px; color:#ff0000;}
.defaultlist div.row{  display: flex;flex-wrap: wrap;}
.defaultlist div.col-md-6{flex: 0 0 50%;max-width: 50%; padding:0; height:350px;}
.defaultlist div.col-md-6 div.images{height:350px !important;}
.defaultlist .col-md-6:nth-child(2) {order: -1;}
.topheader {height:200px; background-color:#ff0000; overflow:hidden;background-image: url(/home/images/engineering.webp);}
.topheader div.posrelative{height:200px;}
.topheader div.posrelative div.posabsolute{left:0; bottom:20px; z-index:10001;}
.topheader h2{font-size:22px; color:#fff;}
.topfooter{height:auto; padding:20px 0; background-color:#ff0000; color:#fff;}
.topfooter div.images img{height:40px; margin-top:7px;}
.heading div.titles:before{content:''; position:absolute; width:100px; height:3px; background-color:#ff0000; left:0;  bottom:-5px;}

.defaultcategorie{z-index:10000; margin-bottom:50px;}
.defaultimage{height:300px; background-image:url(/home/images/engineering.webp); color:#fff;}
.defaultimage div.title{font-size:30px;}
.defaultimage div.boxes{width:500px; height:auto; z-index:10002;}
.topcategorie{padding:10px; background-color:#fff; border-radius:5px; border:1px #ededed solid; cursor:pointer;}
.topcategorie a{display:block;}
.topcategorie .images{min-height:170px; aspect-ratio:4/3;}
.topcategorie.bgwhite a.titles{color:#484646;}
.topcategorie:hover, .topcategorie:active{background-color:#3f971e; color:#fff; border:1px #3f971e solid;}
.topcategorie a:hover, .topcategorie a:active{color:#fff;}

.catalog{height:auto; padding:20px 0; background-color:#d1d1d1;}
.catalog div.titles{font-size:20px;}
.accordionmenu, 
.accordionactive{padding:20px 20px 20px; cursor:pointer; overflow:hidden; display:block; border:1px #ededed solid;}
.accordionactive{background-color:#ff0000; color:#fff;}
.contacts div.accordionactive{background-color:#ededed;}
.accordionmenu:hover .icons, .accordionmenu:active .icons{color:#fff; background-color:#ff0000;}
.accordionmenu div.text, .accordionactive div.text{float:left; font-size:18px; width:80%;}
.accordionmenu div.icons, .accordionactive div.icons{float:right; transition:all .5s; width:50px; height:50px; border-radius:50px; 
 line-height:50px; text-align:center; font-size:20px;}
.accordionactive div.icons{border:2px #fff solid;}
.accordioncontent {display:none; height:auto; padding:35px 15px; color:#191919;border:1px #dee4ec solid; line-height:20px;}
.accordioncontent iframe{width:100%; height:250px;}
.headercategorie{background-color:#e8e8e8; padding:30px 0 20px 0; margin-bottom:20px; border-bottom:1px #d1d1d1 solid;}
.headercategorie div.titles{margin-bottom:10px;}
.headercategorie div.titles, .headercategorie div.titles i{color:#ff0000;}
.headercategorie.leftmenu{background-color:#f1f1f1;}
.headercategorie div.categorie{float:left;}
.headercategorie div.categorie a{padding:10px; background-color:#fff; color:#484646; border-radius:5px; display:block; border:1px #ededed solid;}
.headercategorie div.categorie a:hover, .headercategorie div.categorie a:active{background-color:#ff0000; color:#fff;}
.headercategorie div.categorie a.active{background-color:#ff0000; color:#fff;}
.nonecontents{padding:40px 0;}
.formstyle{height:auto; }
.filterbox{height:auto; padding:20px; background-color:#d1d1d1;border-radius:5px; overflow:hidden; margin-bottom:20px; display:block;}
.contentlist div.container{height:60px; border-bottom:2px #d1d1d1 solid;}
.contentlist div.container ul li{height:60px; line-height:60px; width:auto; font-size:18px; 
display:inline-block; float:left; padding:0 20px 0 0;}
.contentlist div.container ul li.active{border-bottom:3px #ff0000 solid; font-weight:bold;}
.contentbox div.container ul li:nth-child(1){display:block;}
.contentbox div.container ul li{display:none; float:left;}
.searchbuttons{position:fixed; left:20px; bottom:80px; right:20px; z-index:10001;}
.searchbuttons div.phone a, 
.searchbuttons div.whatsapp a{width:60px; height:60px; border-radius:60px; 
color:#fff; line-height:60px; font-size:23px; }
.searchbuttons div.phone{left:0;}
.searchbuttons div.whatsapp{right:0;}
.fullimage{height:500px;}
.kvkk{right:0; bottom:0; width:400px; height:400px; z-index:10003; display:none;}
.kvkk div.closer{right:0; top:0; width:60px; line-height:40px; height:60px; z-index:10004; cursor:pointer;}
.kvkk div.closer i{font-size:27px;}
.kvkk div.text{padding:30px;}
.kvkk div.button{left:20px; right:20px; bottom:20px;}
.certificates div.item div.box{min-height:170px; aspect-ratio:4/3;}
.certificates div.item div.images {height:100%;}
.projects a{color:#fff;}
.promotion{height:430px; border-radius:10px; overflow:hidden; cursor:pointer;}
.promotion div.icons2{position:absolute; left:-60px; font-size:50px; top:50%; margin-top:-25px; color:#fff; z-index:10001;}
.promotion:hover > div.icons, .promotion:active > div.icons{padding-left:100%;}
.promotion:hover > div.icons2, .promotion:active > div.icons2{left:50%;}
.promotion:hover > div.transparant, .promotion:active > div.transparant{opacity:0.8;}
.promotion div.icons{position:absolute; left:50%; top:50%; font-size:50px; margin-left:-25px; margin-top:-25px; color:#fff; z-index:10001;}
.promotion div.titles{position:absolute; width:100%; bottom:20px; z-index:10001; color:#fff; text-align:center;}
.contentbox{line-height:30px;}
.contentbox i{color:#ff0000; margin-right:10px;}
.services{width:100%; height:100%; background-image:url(/home/images/engineering2.webp);}
.comments{width:100%; height:auto; text-align:left;}
.comments .quotes{text-align:right;}
.comments div.name{margin-bottom:10px;}
.pagination {display: inline-block;}
.pagination a {color: black;float: left;padding: 8px 16px;text-decoration: none;}
.pagination a.active {background-color: #ff0000;color: white;}
.pagination a:hover:not(.active) {background-color: #ddd;}
footer {
    height: auto;
    padding: 0 0 40px;
    background-color: #f8f8f8;
}

footer div.copyright a{color:#484646;}