body {margin:0; padding:0; font-size:15px; color:#333333; background-color:#fff; font-family:Calibri, sans-serif;}
.lightbox{position:fixed; left:0; bottom:0; right:0; top:0;
z-index:10010;width:100%; height:100%; 
transition: max-height 0.5s ease-in-out !important; display:none;}
.lightbox .lightboxcontent{width:100%; height:100%; display:flex; justify-content:center; 
align-items:center; background-image:url(/home/images/lightbox.png); 
background-repeat:repeat;}
.lightboxcontent div.close{position:absolute; right:20px; cursor:pointer; top:20px; z-index:10011;}
.lightboxcontent div.close:hover, .lightbox div.close:active{opacity:0.5;}
.lightboxcontent div.close i{color:#fff; font-size:40px;}
.lightboxcontent .content{transition: max-height 0.5s ease-in-out !important; }
.lightboxcontent .content .searchbox, 
.lightboxcontent .content .videobox{width:600px;background-color:#fff; padding:20px; border-radius:2px; }
.lightboxcontent .content .videobox iframe,.lightboxcontent .content .videobox video{width:100%; height:350px;}
.lightboxcontent .content .searchbox{overflow:hidden;}
.lightboxcontent .content .searchbox div.fleft{width:90%; overflow:hidden;}
.lightboxcontent .content .searchbox div.fleft input{width:100%;}
.lightboxcontent .content .searchbox div.fright{width:10%;}
.lightboxcontent .content .searchbox div.fright div.button{width:100%; 
height:43px; background-color:#b28324; color:#fff; text-align:center; 
line-height:43px; cursor:pointer;}
.lightbox .content .searchbox div.fright div.button:hover, 
.lightbox .content .searchbox div.fright div.button:active{opacity:0.5;}
.loading{width:100%; height:100vh; z-index:11000; position:fixed; left:0; right:0; top:0; bottom:0;
background-color:#f8f8f8; display:flex; justify-content:center; align-items:center;}
.loading img{width:250px;}
.topheader{width:100%; height:4px; background-color:#b28324; overflow:hidden; 
display:block;}
header{width:100%; height:auto; position:fixed; top:0; left:0; right:0;  z-index:10005;}
header.background{background-color:#f1f1f1;}
header div.logo img{height:40px;}
header div.menus{float:right; margin-top:30px;}
header div.menus ul li{position:relative; float:left;}
header div.menus ul li > ul{display:none; width:250px; height:auto; position:absolute; top:38px; left:0; 
background-color:#f1f1f1; transition:opacity .5s ease-in-out; opacity:0;}
header div.menus ul li > ul li{float:none; width:100%; position:relative;}
header div.menus ul li > ul li a:hover, 
header.background div.menus ul li > ul li a:active{background-color:#b28324; color:#fff; padding-left:10px;}
header div.menus ul li ul li > ul{display:none; width:250px; height:auto; position:absolute; top:0; left:250px;}
header div.menus ul li a{color:#333333; padding:10px 10px; display:block; font-family: 'Questa Regular', sans-serif;}
header div.menus ul li a:hover, header.background div.menus ul li a:active{background-color:#b28324; color:#fff;}
header div.menus ul li:hover > ul, header.background div.menus ul li:active > ul,
header div.menus ul li ul li:hover > ul, header.background div.menus ul li ul li:active > ul
{display:block; opacity:1;}
header div.menus ul li.lines{width:1px; height:40px; background-color:#333333;}
header div.menus ul li.language i{font-size:20px;}
header.background div.menus ul li.searchbutton{font-size:20px;}
header.background div.menus ul li.searchbutton{padding-top:8px; cursor:pointer;}
header.background div.menus ul li.searchbutton i{color:#333;}
header div.menus ul li.language > ul{width:auto; top:42px;}
header div.menus ul li.language a{cursor:pointer;}
header div.menus ul li.language a:hover > span.world-icon, 
header div.menus ul li.language a:active  > span.world-icon{
background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMzUyIDI1NmMwIDIyLjItMS4yIDQzLjYtMy4zIDY0bC0xODUuMyAwYy0yLjItMjAuNC0zLjMtNDEuOC0zLjMtNjRzMS4yLTQzLjYgMy4zLTY0bDE4NS4zIDBjMi4yIDIwLjQgMy4zIDQxLjggMy4zIDY0em0yOC44LTY0bDEyMy4xIDBjNS4zIDIwLjUgOC4xIDQxLjkgOC4xIDY0cy0yLjggNDMuNS04LjEgNjRsLTEyMy4xIDBjMi4xLTIwLjYgMy4yLTQyIDMuMi02NHMtMS4xLTQzLjQtMy4yLTY0em0xMTIuNi0zMmwtMTE2LjcgMGMtMTAtNjMuOS0yOS44LTExNy40LTU1LjMtMTUxLjZjNzguMyAyMC43IDE0MiA3Ny41IDE3MS45IDE1MS42em0tMTQ5LjEgMGwtMTc2LjYgMGM2LjEtMzYuNCAxNS41LTY4LjYgMjctOTQuN2MxMC41LTIzLjYgMjIuMi00MC43IDMzLjUtNTEuNUMyMzkuNCAzLjIgMjQ4LjcgMCAyNTYgMHMxNi42IDMuMiAyNy44IDEzLjhjMTEuMyAxMC44IDIzIDI3LjkgMzMuNSA1MS41YzExLjYgMjYgMjAuOSA1OC4yIDI3IDk0Ljd6bS0yMDkgMEwxOC42IDE2MEM0OC42IDg1LjkgMTEyLjIgMjkuMSAxOTAuNiA4LjRDMTY1LjEgNDIuNiAxNDUuMyA5Ni4xIDEzNS4zIDE2MHpNOC4xIDE5MmwxMjMuMSAwYy0yLjEgMjAuNi0zLjIgNDItMy4yIDY0czEuMSA0My40IDMuMiA2NEw4LjEgMzIwQzIuOCAyOTkuNSAwIDI3OC4xIDAgMjU2czIuOC00My41IDguMS02NHpNMTk0LjcgNDQ2LjZjLTExLjYtMjYtMjAuOS01OC4yLTI3LTk0LjZsMTc2LjYgMGMtNi4xIDM2LjQtMTUuNSA2OC42LTI3IDk0LjZjLTEwLjUgMjMuNi0yMi4yIDQwLjctMzMuNSA1MS41QzI3Mi42IDUwOC44IDI2My4zIDUxMiAyNTYgNTEycy0xNi42LTMuMi0yNy44LTEzLjhjLTExLjMtMTAuOC0yMy0yNy45LTMzLjUtNTEuNXpNMTM1LjMgMzUyYzEwIDYzLjkgMjkuOCAxMTcuNCA1NS4zIDE1MS42QzExMi4yIDQ4Mi45IDQ4LjYgNDI2LjEgMTguNiAzNTJsMTE2LjcgMHptMzU4LjEgMGMtMzAgNzQuMS05My42IDEzMC45LTE3MS45IDE1MS42YzI1LjUtMzQuMiA0NS4yLTg3LjcgNTUuMy0xNTEuNmwxMTYuNyAweiIvPjwvc3ZnPg==');}
header.light div.menus ul li.lines{width:1px; height:40px; background-color:#333333;}
header.light div.menus ul li a{color:#fff; padding:10px 10px; display:block;}
header.light div.menus ul li > ul li a{color:#333;}
header.light div.menus ul li > ul li a:hover, 
header.light div.menus ul li > ul li a:active{color:#fff;}
.headerbox{width:100%; height:auto; position:relative; background-color:#f8f8f8; z-index:10004;}
.headerbox div.headingtitle{margin-top:140px; margin-bottom:20px;}

/*.headerbox{width:100%; height:190px; position:relative; background-color:#b28324;}
.headerbox.image{background-position:center; background-size:cover; 
                 background-color:inherit; background-color:#221952}
.headerbox div.transparant{display:none;}
.headerbox.image div.transparant{display:none;}
.headerbox div.container{height:190px; position:relative; z-index:10004;}
.headerbox div.container div.position{position:absolute; left:0; bottom:20px; color:#fff;}
.headerbox div.container div.maps ul li{float:left; font-size:13px; margin-right:5px; color:#fff;}
.headerbox div.container div.maps ul li a{color:#fff;}*/
.headertwo{width:100%; height:auto; padding:20px 0 20px 0;
position:fixed; left:0; right:0; top:0; z-index:10005;}
.headertwo div.container div.col-md-12{margin-bottom:0 !important;}
.headertwo.white{background-color:#fff; }
.headertwo div.mobileicons, .headertwo div.language{width:25%; float:left;}
.headertwo div.logo{width:50%; float:left; text-align:center;}
.headertwo div.logo img{height:70px !important;}
.headertwo div.mobileicons div.icon{float:left; margin-top:20px;} 
.headertwo div.mobileicons div.icon:hover, .headertwo div.mobileicons div.icon:active,
.headertwo div.language div.icon:hover, .headertwo div.language div.icon:active{opacity:0.5;}
.headertwo div.language div.icon{float:right; margin-top:20px;}
.headertwo div.language div.searchbutton{float:right; margin-top:15px;}
.headertwo div.language div.searchbutton{margin-left:10px; border-left:1px #f1f1f1 solid; padding-left:10px;}
.headertwo div.icon, .headertwo div.language div.searchbutton{cursor:pointer; color:#fff;}
.headertwo div.icon i, .headertwo div.language div.searchbutton i{font-size:25px;}
.headertwo.white div.icon{cursor:pointer; color:#333333;}
.headertwo.white div.searchbutton{border-left:1px #333 solid;}
.headertwo.white div.searchbutton i{color:#333333;}
.headertwo.light div.icon{color:#fff;}
.headertwo.light div.icon i{font-size:25px; color:#fff;}
.headertwo.light div.searchbutton i{color:#fff;}
.mobilemenutwo{width:100%; max-width:400px; height:100vh; position:fixed; left:-100%; top:0; bottom:0; 
background-color:#fff; z-index:10006; transition:left .2s ease;}
.mobilemenu div.close, .mobilemenutwo div.close{position:absolute; right:20px; top:20px; cursor:pointer;}
.mobilemenu div.close i, .mobilemenutwo div.close i{color:#333333; font-size:40px;}
.mobilemenu div.close:hover, .mobilemenutwo div.close:active{opacity:0.8;}
.mobiledisplay{display:none;}
.mobilemenu{display:none;}
.mobilemenu{width:100%; height:100%; overflow:auto; 
background-color:#f1f1f1; position:fixed; left:0; top:0; right:0; bottom:0; 
z-index:10010; transition: max-height 0.5s ease-in-out !important;}
.mobilemenu div.box, .mobilemenutwo div.box{padding:40px;}
.mobilemenutwo div.logo{margin-bottom:20px;}
.mobilemenu div.logo img, .mobilemenutwo div.logo img{height:90px;}
.mobilemenu ul li a, .mobilemenutwo ul li a{width:100%; display:block; height:40px; line-height:40px; 
border-bottom:1px #f8f8f8 solid; color:#333333; }
.mobilemenu ul li > ul, .mobilemenutwo ul li > ul{display:none;}
.mobilemenu div.language, .mobilemenutwo div.language{position:absolute; left:0; bottom:0; width:100%; background-color:#f1f1f1; z-index:10004; display:block;}
.mobilemenu div.language ul li, .mobilemenutwo div.language ul li{float:left;}
.mobilemenu div.language ul li a, .mobilemenutwo div.language ul li a{cursor:pointer;}
.mobilemenu div.language ul li a img, .mobilemenutwo div.language ul li a img{height:25px;}
.mobilemenu div.language ul li, .mobilemenutwo div.language ul li{padding:20px 0 20px 20px;}
.mobilemenu div.language ul li a, .mobilemenutwo div.language ul li a{height:auto !important; line-height:normal;}
.headertwo  div.language div.languagelist{position:absolute; right:0; top:50px; 
 display:none; transition:max-height .3s ease;}
.headertwo  div.language div.languagelist ul li {float:none;}
.headertwo div.language div.languagelist ul li a{background-color:#f1f1f1; display:block; text-align:center; width:100px; color:#333333; height:40px; line-height:40px;}
.headertwo  div.language div.languagelist ul li a:hover, 
.headertwo  div.language div.languagelist ul li a:active{background-color:#b28324; color:#fff;}
.promotion div.titles{margin-bottom:10px; color:#333333; font-size:20px; }
.promotion div.shortdesc{margin-bottom:20px;}

.actions div.text{position:relative; width:700px; margin:0px auto; text-align:center; z-index:10000; color:#fff;}
.actions div.text div.titles{font-size:30px; margin-bottom:10px;}
.actions div.text div.shortdesc{margin-bottom:20px;}
.actions div.text div.titles,.actions div.text div.shortdesc, 
.actions div.text div.button{display:block; width:100%;}
.singlemenu{width:100%; height:auto;}
.singlemenu ul li{width:100%;}
.singlemenu ul li a{width:100%; height:30px; line-height:30px; display:inline-block;}
.singlemenu ul li a span{margin-top:10px;}
.socialmedia div.logo img{height:90px;}
.socialmedia ul li{float:left; margin-right:10px;}
.socialmedia div.col-md-6{margin-bottom:0;}
.socialmedia ul li a{width:50px; height:50px; text-align:center; line-height:55px; background-color:#b28324; display:inline-block; text-align:center;}
.socialmedia ul li a i{color:#fff; font-size:16px;}
.socialmedia ul li a:hover, .socialmedia ul li a:active{opacity:0.8; padding-bottom:20px;}
.socialmedia ul li a span{width:18px !important; height:18px !important; margin-right:0 !important;}
.kvkk{width:500px; height:auto; display:none; background-color:#fff; 
position:fixed; right:0; bottom:0; z-index:10005; transition: max-height 0.5s ease-in-out !important;}
.kvkk div.box{padding:20px;}
.kvkk div.fleft{width:50%; margin-bottom:20px; display:block;}
.kvkk div.fleft a, .kvkk div.fleft .btnstyle{width:100%; display:block; padding:0; height:40px; text-align:center; border:0; line-height:40px;}
.kvkk div.desc{font-size:12px;}
.heading{width:100%; height:auto;}
.boxes{width:100%; height:auto; position:relative; overflow:hidden; 
cursor:pointer;}
.boxes a{display:block; color:#333;}
.boxes div.images{width:100%; height:auto; position:relative; 
background-color:#fff; overflow:hidden;}
.boxes div.imagescenter, .boxes div.center{aspect-ratio:4/3;}
.boxes a:hover .transparant, .boxes a:active .transparant,
.boxes a:hover .gradientbl, .boxes a:active .gradientbl,
.boxes a:hover div.images div.transparant, .boxes a:hover div.images div.transparant{opacity:0.5;}
.boxes a:hover div.images div.title, 
.boxes a:active div.images div.title{bottom:-50px;} 
.boxes div.images div.title{width:100%; height:auto; position:absolute; 
left:0; bottom:20px; color:#fff; z-index:10001;}
.boxes div.images div.title div.text, .boxes div.images div.title div.location{padding-left:20px;}
.boxes div.images div.title div.location{color:#fff; font-size:13px;}
.boxes div.images div.center{width:100%; height:100%; position:relative; display:flex; justify-content:center; align-items:center;}
.boxes div.images div.center img{width:90%; aspect-ratio:4/3;}
.boxes div.images div.transparant{opacity:0;}
.boxes div.images div.icon{position:absolute;
left:50%; top:-30px; margin-left:-15px; z-index:10003; color:#fff; transition:top .5s ease;}
.boxes div.images div.icon i{color:#fff; font-size:25px;}
.boxes a:hover div.images div.icon, .boxes a:active div.images div.icon{top:50%;}
.boxes div.content{padding:20px 0 20px 0;}
.boxes div.content div.date{color:#696969; font-size:15px; margin-bottom:5px;}
.boxes div.content div.title{font-size:15px; color:#b28324; margin-bottom:5px;}
.boxes div.content div.shortdesc{font-size:15px; color:#333; padding-bottom:40px;}
.boxes div.content div.button{font-size:15px; color:#333;}

.headingtitle div.title{margin-top:40px; margin-bottom:5px;}
.headingtitle div.text{color:#c1c1c1; font-size:40px; margin-bottom:-10px;}
.slider{width:100%; height:100vh; background-color:#221952; overflow:hidden;}
.slider div.content{position:relative; width:100%; height:100vh;}
.slider div.content div.video{z-index:9999; width:100%; height:100vh; overflow:hidden;}
.slider div.content div.video.disnone{display:none;}
.slider div.content div.video video{ width:100%; height:100vh; object-fit: cover;}
.slider div.content div.video div.slidercarousel{position:absolute; left:0; top:0; z-index:10002;}
.slider div.transparant{opacity:0.5; z-index:10001;}
.slider div.image{width:100%; height:100vh; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; 
background-position:center; z-index:10000; display: flex; justify-content: center; align-items: center; overflow:hidden; position:relative;}
.slider div.image div.transparant{z-index: 10000;}
.slider div.image div.table{ z-index:10003; width:1100px; text-align:center;}
.slider div.image div.titles{font-size:75px; color:#fff; font-family: 'Questa Regular', sans-serif; z-index:10000; text-shadow: -3px -1px 2px rgba(0,0,0,0.6);}
.slider div.image div.desc{color:#fff; font-size:40px; font-family: 'Questa Regular', sans-serif; margin-bottom:20px; text-shadow: -3px -1px 2px rgba(0,0,0,0.6);}
.slider div.slidercarousel{z-index:10001;}
.slider div.image div.table div.logo{height:auto; width:100%; text-align:center; 
margin-bottom:20px;}
.slider div.image div.table div.logo img{height:200px !important; width:auto; 
text-align:center;}
.products{width:100%; height:auto; position:relative;}
.products a:hover > div.button, .products a:active > div.button{ padding-left:10px; color:#b28324;}
.products a:hover div.title, .products a:active div.title{color:#b28324;}
.products a:hover div.transparant, .products a:active div.transparant{opacity:0.3;}
.products a{display:block; color:#333333;}
.products div.transparant{opacity:0;}
.products div.desc{width:100%; height:140px; padding-bottom:40px;}
.products div.code{font-size:13px; color:#c1c1c1; margin-bottom:5px;}
.products div.title{font-size:20px; color:#b28324; margin-bottom:10px;}
.products div.button{position:absolute; color:#333333; left:0; right:0; bottom:0; border-top:1px #cfcfcf solid; height:40px; line-height:40px; color:#333333;}
.projects div.gradientbl{width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; z-index:9999;}
.projects div.position{position:absolute; left:20px; bottom:10px; z-index:10001;}
.projects a{display:block;}

.comments {width: 100%;height: auto;text-align: left;}
.comments .stars{width:100%; height:auto; overflow:hidden;}
.comments .stars ul li{float:left; margin-right:5px;}
.comments .stars ul li span{width:20px; height:20px; }
.comments .quotes {text-align: left; float:left; color:#FABF02;}
.comments div.name {margin-bottom: 10px;}
.categorie a{display:block;}
.categorie a div.images div.position{position:absolute; left:20px; bottom:10px; z-index:10000; color:#fff; transition:all .5s ease;}
.categorie a:hover div.gradientbl, .projects a:hover div.gradientbl{opacity:0;}
.categorie a:hover > div.images div.position, .projects a:hover > div.images div.position{bottom:-40px;}
.categorieicon{width:100%; height:150px;
 display: flex; justify-content: center; align-items: center;
 background-image:url(/home/images/brush.png);
background-position:center; background-size:cover;}
.categorieicon a{display:block; color:#333;}
.categorieicon div.content a:hover > div.icon, .categorieicon div.content a:active > div.icon{font-size:35px;}
.categorieicon div.content{text-align:center;}
.categorieicon div.content div.icon{font-size:30px;}

.webdisplay{display:block;}

.callme div.phone, .callme div.whatsapp{position:fixed; 
bottom:20px; z-index:10002;}
.callme div.phone a, .callme div.whatsapp a{display:block; width:60px; 
height:60px; line-height:62px; text-align:center; transition:all .5s ease; 
border-radius:50px; color:#fff; font-size:20px;}
.callme div.phone{left:20px; }
.callme div.whatsapp{right:20px; }
.callme div.phone a{background-color:#b28324;border:1px #b28324 solid;}
.callme div.phone a span{width:20px; height:20px; margin-top:15px;}
.callme div.whatsapp a{background-color:#03ff36; border:1px #03ff36 solid;}
.callme div.phone a:hover, .callme div.phone a:active{background-color:#fff; color:#b28324;}
.callme div.phone a:hover span{background-image:url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDA5NGZmIiBkPSJNMTY0LjkgMjQuNmMtNy43LTE4LjYtMjgtMjguNS00Ny40LTIzLjJsLTg4IDI0QzEyLjEgMzAuMiAwIDQ2IDAgNjRDMCAzMTEuNCAyMDAuNiA1MTIgNDQ4IDUxMmMxOCAwIDMzLjgtMTIuMSAzOC42LTI5LjVsMjQtODhjNS4zLTE5LjQtNC42LTM5LjctMjMuMi00Ny40bC05Ni00MGMtMTYuMy02LjgtMzUuMi0yLjEtNDYuMyAxMS42TDMwNC43IDM2OEMyMzQuMyAzMzQuNyAxNzcuMyAyNzcuNyAxNDQgMjA3LjNMMTkzLjMgMTY3YzEzLjctMTEuMiAxOC40LTMwIDExLjYtNDYuM2wtNDAtOTZ6Ii8+PC9zdmc+')}
.callme div.whatsapp a:hover, .callme div.whatsapp a:active{background-color:#fff; color:#03ff36;}
.callme div.whatsapp a span{width:23px; height:23px; margin-top:13px; margin-left:3px;}
.callme div.whatsapp a:hover span{background-image:url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjMDNmZjM2IiBkPSJNMzgwLjkgOTcuMUMzMzkgNTUuMSAyODMuMiAzMiAyMjMuOSAzMmMtMTIyLjQgMC0yMjIgOTkuNi0yMjIgMjIyIDAgMzkuMSAxMC4yIDc3LjMgMjkuNiAxMTFMMCA0ODBsMTE3LjctMzAuOWMzMi40IDE3LjcgNjguOSAyNyAxMDYuMSAyN2guMWMxMjIuMyAwIDIyNC4xLTk5LjYgMjI0LjEtMjIyIDAtNTkuMy0yNS4yLTExNS02Ny4xLTE1N3ptLTE1NyAzNDEuNmMtMzMuMiAwLTY1LjctOC45LTk0LTI1LjdsLTYuNy00LTY5LjggMTguM0w3MiAzNTkuMmwtNC40LTdjLTE4LjUtMjkuNC0yOC4yLTYzLjMtMjguMi05OC4yIDAtMTAxLjcgODIuOC0xODQuNSAxODQuNi0xODQuNSA0OS4zIDAgOTUuNiAxOS4yIDEzMC40IDU0LjEgMzQuOCAzNC45IDU2LjIgODEuMiA1Ni4xIDEzMC41IDAgMTAxLjgtODQuOSAxODQuNi0xODYuNiAxODQuNnptMTAxLjItMTM4LjJjLTUuNS0yLjgtMzIuOC0xNi4yLTM3LjktMTgtNS4xLTEuOS04LjgtMi44LTEyLjUgMi44LTMuNyA1LjYtMTQuMyAxOC0xNy42IDIxLjgtMy4yIDMuNy02LjUgNC4yLTEyIDEuNC0zMi42LTE2LjMtNTQtMjkuMS03NS41LTY2LTUuNy05LjggNS43LTkuMSAxNi4zLTMwLjMgMS44LTMuNyAuOS02LjktLjUtOS43LTEuNC0yLjgtMTIuNS0zMC4xLTE3LjEtNDEuMi00LjUtMTAuOC05LjEtOS4zLTEyLjUtOS41LTMuMi0uMi02LjktLjItMTAuNi0uMi0zLjcgMC05LjcgMS40LTE0LjggNi45LTUuMSA1LjYtMTkuNCAxOS0xOS40IDQ2LjMgMCAyNy4zIDE5LjkgNTMuNyAyMi42IDU3LjQgMi44IDMuNyAzOS4xIDU5LjcgOTQuOCA4My44IDM1LjIgMTUuMiA0OSAxNi41IDY2LjYgMTMuOSAxMC43LTEuNiAzMi44LTEzLjQgMzcuNC0yNi40IDQuNi0xMyA0LjYtMjQuMSAzLjItMjYuNC0xLjMtMi41LTUtMy45LTEwLjUtNi42eiIvPjwvc3ZnPg==')}
.callmetwo{width:100%; height:60px; background-color:#f1f1f1; position:fixed; left:0; bottom:0; right:0; z-index:10003;}
.callmetwo div.phone, .callmetwo div.gsm, .callmetwo div.whatsapp, 
.callmetwo div.mail{float:left; width:25%;}
.callmetwo div.icon a{display:block; width:100%; height:60px; text-align:center; line-height:70px; color:#333333;}
.callmetwo div.icon a:hover, .callmetwo div.icon a:active{background-color:#b28324; display:block;}
.callmetwo div.icon a:hover i, .callmetwo div.icon a:active i{color:#fff;}
.callmetwo div.whatsapp i{font-size:23px;}
.callmetwo i{font-size:20px;}
.rightcategori div.title{width:100%; height:40px; background-color:#221952; 
color:#fff; line-height:40px; border-radius:2px;}
.rightcategori div.fleft{margin-left:10px;}
.rightcategori div.fright{margin-right:10px;}
.rightcategori div.menu{transition: max-height 0.5s ease-in-out !important;}
.rightcategori div.menu ul li{float:none; width:100%; overflow:hidden;}
.rightcategori div.menu ul li a{width:100%; height:45px; display:block; line-height:45px; 
color:#333333; border-bottom:1px #e6e6e6 solid; padding-left:10px;}
.rightcategori div.menu ul li a:hover, .rightcategori div.menu ul li a:active{padding-left:20px;} 
.rightcategori div.menu ul li i{font-size:14px;}
.accordionmenu{width:100%; height:60px; cursor:pointer; line-height:60px; border:1px #f1f1f1 solid; background-color:#f1f1f1;}
.accordionmenu div.text{float:left; padding-left:20px;}
.accordionmenu div.icon{float:right; padding-right:20px;}
.accordionmenu:hover, .accordionmenu:active, .accordionmenu.active{background-color:#b28324;}
.accordionmenu:hover div.text, .accordionmenu:active div.text, 
.accordionmenu:hover div.icon, .accordionmenu:active div.icon,
.accordionmenu.active div.text, .accordionmenu.active div.icon{color:#fff;}
.accordioncontent{width:100%; height:auto; display:none; border-bottom:1px #f1f1f1 solid; transition: max-height 0.5s ease-in-out !important; border-left:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid;}
.accordioncontent div.row{padding:20px; margin:0 !important;}
.content-image{width:100%; height:auto; aspect-ratio:4/2; position:relative;}
.content-image div.transparant{opacity:0;}
.content-image div.icon{font-size:35px;}
.content-full-image{width:100%; height:900px; position:relative;}
.content-full-image div.position{position:absolute; left:50%; bottom:40px; width:1240px; margin-left:-620px; color:#fff; z-index:10001;}
.content-full-image div.position div.title{font-size:35px; margin-bottom:3px;}
.content-full-image div.position div.location{font-size:20px;}
.content-full-image div.position div.location{margin-bottom:20px;}
.content-title{width:100%; padding-bottom:40px; padding-top:40px; font-size:18px; color:#333333; 
border-bottom:1px #d1d1d1 solid; border-top:1px #d1d1d1 solid; margin-bottom:40px;}
.content-title h2{font-family:'Poppins', sans-serif; font-size:20px;}
.content-icon-list{width:100%; height:auto;}
.content-icon-list ul li:nth-child(1){margin-right:10px; width:50px; height:50px; background-color:#b28324; color:#fff; line-height:50px; text-align:center;}
.content-icon-list ul li:nth-child(2){margin-top:5px;}
.content-icon-list ul li{float:left;}
.galerilist{width:100%; height:auto; aspect-ratio:4/2;}
.galerilist a{display:block;}
.galerilist i{font-size:25px;}
.product-content{padding:40px;}
.product-content div.title{font-family:'Poppins', sans-serif; font-size:15px;}
.product-content div.code{color:#9b9b9b;}
.other-product{width:100%; height:350px; color:#fff;}
.other-product div.images{width:100%; height:auto; aspect-ratio:4/3; overflow:hidden; background-color:#fff; 
display:flex; justify-content:center; align-items:center; margin-bottom:10px;}
.other-product div.images img{aspect-ratio:4/3;}
.other-product div.title{color:#fff; font-size:20px;}
.product-image{width:100%; height:auto; aspect-ratio:4/3; border:1px #f1f1f1 solid; display:flex; 
justify-content:center; align-items:center; margin-bottom:10px; position:relative;}
.product-image img{width:100%; height:auto;}
.product-image div.zoom{position:absolute; left:0; bottom:0; width:40px; height:40px; 
background-color:#b28324; color:#fff; font-size:18px; text-align:center; line-height:40px;}
.product-list{width:100%; overflow:hidden;}
.product-list div.product-image-list{width:100%; aspect-ratio:4/3; display:flex; 
justify-content:center; align-items:center; border:1px #f1f1f1 solid; cursor:pointer; position:relative;}
.product-list div.product-image-list div.transparant{opacity:0;}
.product-list div.product-image-list div.icon{color:#fff; font-size:25px;}
.product-list div.product-image-list:hover div.transparant, .product-list div.product-image-list:active div.transparant
{opacity:0.5;}
.product-list div.product-image-list:hover div.icon, .product-list div.product-image-list:active div.icon
{top:50%;}
.product-list div.product-images{width:100%; overflow:hidden;}
.product-list div.product-images div.item{width:25%; float:left; overflow:hidden; 
margin-right:10px; aspect-ratio:4/3; border:1px #f1f1f1 solid; display:flex; 
justify-content:center; align-items:center;}
.product-list div.product-images div.item img{width:90%;}
.fiverbox div.disflex{width:100%; height:500px; display:flex; justify-content: center; align-items: center;}
.fiverbox div.container div.bgwhite{width:100%; height:500px;}
.fiverbox div.container div.col-md-5{height:500px;}
.fiverbox div.contentbox{padding-left:80px; padding-right:80px; }
.fiverbox div.contentbox div.title{font-size:30px; color:#b28324; margin-bottom:20px; 
padding-bottom:10px; border-bottom:1px #b28324 solid; width:80%; overflow:hidden; }
.fiverbox div.contentbox div.title2{width:100%; margin-bottom:10px; font-size:25px;}
.fiverbox div.contentbox div.text{width:100%; margin-bottom:20px; }
.fiverbox div.contentbox div.button{width:100%;}
.fiverbox div.contentbox div.button a{color:#333333; transition:all .5s ease;}
.fiverbox div.contentbox div.button a div.icon, .fiverbox div.contentbox div.button a div.atext{float:left;transition:all .5s ease;}
.fiverbox div.contentbox div.button a div.icon{margin-right:10px; width:30px; 
height:30px; border-radius:30px; background-color:#fff; border:1px #d1d1d1 solid; 
color:#0c0c0c; text-align:center; line-height:30px;transition:all .5s ease;}
.fiverbox div.contentbox div.button a div.icon i{font-size:15px;}
.fiverbox div.contentbox div.button a div.atext{height:30px; line-height:30px; font-size:18px;}
.fiverbox div.contentbox div.button a:hover div.icon, .fiverbox div.contentbox div.button a:active div.icon{
background-color:#0c0c0c;color:#fff;}
.fiverbox div.contentbox div.button a:hover div.atext, .fiverbox div.contentbox div.button a:active div.atext {
border-top: 1px #0c0c0c solid; border-bottom: 1px #0c0c0c solid;}
.fiverbox div.images{width:100%; height:500px; overflow:hidden;}
.under-construction{width:100%;padding:40px 0 40px 0; border-radius:2px; line-height:25px; background-color:#f1f1f1; text-align:center;}
.under-construction strong{font-size:20px;}
.references div.reftitle{width:100%; height:40px; line-height:40px; text-align:center;}
.references div.reftitle:nth-child(1n){background-color:#f8f8f8; border:1px #f1f1f1 solid;}
.editor div.titles{font-size:25px; margin-bottom:5px;}
.editor div.titletext{width:100%; margin-bottom:20px; line-height:20px;}
.editor div.lines{width:100px; height:2px; overflow:hidden; background-color:#b28324;}
.editor div.lineicons {width:100%; margin-bottom:10px; overflow:hidden;}
.editor div.lineicons img{width:auto; height:10px;}
.editor div.lists ul li{float:none; width:100%; height:40px; line-height:40px;}
.editor div.iconlist{margin-top:40px; margin-bottom:40px;}
.editor div.iconlist img{height:auto; width:80px;}
.editor div.iconlist div.fleft:nth-child(1){width:auto; margin-right:20px; text-align:left;}
.editor div.iconlist div.fleft:nth-child(2){width:calc(100% - 100px); overflow:hidden; }
.editor div.iconlist div.fleft div.title{margin-bottom:5px;}
.editor img, 
.editor div.imagetext div.image img,
.editor div.imagefull img{width:100%;}
.editor div.imagetext{width:100%; height:auto; margin-bottom:20px; overflow:hidden;}
.editor div.imagetext div.text{width:calc(49% - 10px); height:auto; float:left;}
.editor div.imagetext.right div.text,
.editor div.imagetext.right div.image{margin-right:10px;}
.editor div.imagetext.left div.text,
.editor div.imagetext.left div.image{margin-left:10px;}
.editor div.imagetext div.image{float:left; width:calc(49% - 10px); margin-left:10px; height:auto;}
.editor div.imagefull{width:100%; height:auto; margin-bottom:20px;}
.productslider{width:80%; overflow:hidden; background-color:#0c0c0c;}
.contact{width:100%;height:200px;background-color:#f8f8f8;border:1px #f1f1f1 solid;position:relative}
.contact.blue{color:#fff;background-color:#221952}
.contact div.title{margin:20px}
.contact div.lists{margin:0 20px}
.contact div.lists ul li{height:30px;line-height:30px;padding-left:25px;transition:all .3s ease}
.contact div.lists ul li:before{content:'';position:absolute;left:20px;font-family:'Font Awesome 5 Free';font-weight:900}
.contact div.lists ul li.envelope:before{content:'\f0e0'}
.contact div.lists ul li.faks:before{content:'\f1ac'}
.contact div.lists ul li.telephone:before{content:'\f095'}
.contact div.lists ul li.gsm:before{content:'\f10b'}
.contacts div.accordionactive{background-color:#ededed}
.filterbox{width:100%; height:auto; background-color:#d1d1d1; border-radius:5px; overflow:hidden; margin-bottom:20px; display:block;}
.filterbox div.filter{padding:20px 20px 0 20px;}
.triplecolumn{padding:40px 0 40px 0;}
.triplecolumn div.box{padding:40px 0 40px 0;}
.triplecolumn div.box:hover, .triplecolumn div.box:active{background-color:#f1f1f1;}
.triplecolumn div.icon, .triplecolumn div.title, 
.triplecolumn div.shortdesc{width:100%; height:auto; margin-bottom:10px; text-align:center;}
.triplecolumn div.title{font-size:20px;}
.triplecolumn div.icon i{font-size:50px;}
.filtered{width:100%; height:auto; padding:20px; overflow:hidden; margin-top:20px; background-color:#b28324; color:#fff;}
.filtered div.title{width:calc(100% - 40px); height:auto; margin-bottom:20px; overflow:hidden;}
.filtered div.list ul li{float:left; width:15%;}
.filtered div.list ul li a{color:#fff;}
.filtered div.list ul li a:hover, .filtered div.list ul li a:active{opacity:0.8;}
.headingtitle{width:100%; height:auto; overflow:hidden;}
.headingtitle div.text{width:100%; padding-top:10px; position:relative; padding-right:20px; margin-right:40px;}
.headingtitle div.text.right, .headingtitle div.toptitle.right, .headingtitle div.bottomtitle.right{text-align:right;}
.headingtitle div.text.center, .headingtitle div.toptitle.center, .headingtitle div.bottomtitle.center{text-align:center;}
.headingtitle div.toptitle{width:100%; color:#221952; font-size:35px; margin-bottom:-10px; margin-top:5px;}
.headingtitle div.bottomtitle{width:100%; color:#b28324; font-size:75px; font-family: 'Questa Regular', sans-serif;}
.headingdesc div.image{width:100%; height:350px; background-color:#221952;}
.headingdesc div.text{margin-bottom:20px; line-height:25px;}
.headingdesc div.button a.btnspecial{color:#333333; height:40px; font-size:16px; line-height:0; transition:all .5s ease-in-out; display:inline-block;}
.headingdesc div.button{position:relative; width:135px; height:35px; }
.headingdesc div.button:after{content:''; position:absolute; top:5px; right:0; 
background-image:url(/home/images/learn-more.webp); background-repeat:no-repeat; 
width:40px; height:40px;}
.headingdesc div.button:before{content:''; position:absolute; left:0; bottom:0; width:0; height:1px; transition:width .3s ease-in-out; background-color:#333333;}
.headingdesc div.button:hover:before, .headingdesc div.button:active:before{width:50px;}
.headingdesc div.button a.btnspecial{margin-top:15px; display:block; padding-top:15px;}
.defaultline{width:100%; border:1px #f1f1f1 solid; text-align:center; color:#fff; aspect-ratio:4/3;
display:flex; justify-content:center; align-items:center; transition:all .3s ease-in-out;}
.defaultline:hover, defaultline:active{opacity:0.5;}
.defaultline div.icon{width:70px; height:70px; margin:0px auto; margin-bottom:10px;}
.defaultline div.text{width:100%; height:70px; line-height:20px;}
footer{background-color:#221952; color:#fff;}
footer a{color:#fff;}
footer div.lists ul li, footer div.socialmedia ul li{float:left;}
footer div.lists ul li a{color:#fff;}
footer div.lists ul li a, footer div.socialmedia ul li a{ margin-left:10px; margin-right:10px;}
footer div.socialmedia ul li a{background-color:#fff; color:#221952 !important;}
footer div.socialmedia ul li a i{color:#221952 !important;}
footer div.logo img{height:50px;}
.topfooter strong, .topfooter{color:#221952;}
.topfooter div.col-md-4 div.fleft:nth-child(1){width:auto; margin-right:20px;}
.topfooter div.col-md-4 div.fleft:nth-child(2){width:60%;}
.topfooter div.col-md-4 div.icon img{height:50px;}