body {margin:0; padding:0; font-size:15px; color:#333333; background-color:#fff; font-family:Calibri, sans-serif;}

.loading{width:100%; height:100vh; z-index:13000; position:fixed; left:0; right:0; top:0; bottom:0;
background-color:var(--cream-back-color); display:flex; 
justify-content:center; align-items:center;}
.loading img{width:250px;}
.lightbox{width:100%; height:100vh; position:fixed;left:0;right:0;bottom:0;top:0;
z-index:10006; opacity:0; display:none; transition:all 0.5s ease-in;}
.lightbox.visible{display:block;}
.lightbox.opacity{opacity:1;}
.lightbox div.transparant{width:100%; height:100vh; position:fixed; left:0; 
 right:0; top:0; bottom:0; background-color:#000; opacity:0.5; z-index:10006;}
.lightbox div.content{width:100%; height:100vh; position:relative; left:0; right:0; 
top:0; z-index:10007;}
.lightbox div.content div.box{position:relative; border-radius:var(--border-radius);
background-color:var(--white-back-color); padding:20px; overflow:hidden; opacity:0;
transition:all 0.5s ease-in;}
.lightbox div.content div.box.visible{opacity:1;}
.lightbox div.content div.box.image{width:500px !important; height:auto; overflow:hidden;}
.lightbox div.content div.box.image img{width:100%;}
.lightbox div.content div.box div.closer{position:absolute; right:20px; top:20px; 
 cursor:pointer; width:40px; height:40px; display:flex; justify-content:center; align-items:center;}
.lightbox div.content div.box div.closer:hover,
.lightbox div.content div.box div.closer:active{ background-color:var(--primary-back-color); color:var(--white-text-color);}
.lightbox div.content div.box div.closer i{font-size:20px;}

.landingpage{display:none;}
.landingpage.disblock{display:block;}
.landingpage, .landingpage div.images, .landingpage div.transparant,
.landingpage div.background{
position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100vh;}
.landingpage{z-index:10007;}
.landingpage.hidden{left:-100%;}
.landingpage div.background{background-color:#000;}
.landingpage div.images{z-index:11002; transition:opacity .5s ease-in-out; background-image:url(/home/images/design/landingpage.jpg); }
.landingpage div.images.hidden{opacity:0;}
.landingpage div.transparant{z-index:11003; transition:opacity .5s ease-in-out;}
.landingpage div.transparant.hidden{opacity:0;}
.landingpage div.content{position:relative; left:0; right:0; 
top:0; z-index:11004; width:100%; height:100vh;}
.landingpage div.content div.box{width:500px; height:auto; text-align:center; color:#fff; transition:opacity .5s ease-in-out;}
.landingpage div.content div.box.hidden{opacity:0;}
.landingpage div.content div.box div.logo img{width:300px; margin-bottom:30px;}
.landingpage div.content div.box div.language{width:100%; display:flex; justify-content:center; align-items:center;}
.landingpage div.content div.box div.language ul li{float:left;}
.landingpage div.content div.box div.language ul li.line{margin:7px 10px 0 10px; color:#fff;}
.landingpage div.content div.box div.language ul li a{color:#fff; font-size:25px; cursor:pointer;}
.landingpage div.content div.box div.language ul li a:hover, 
.landingpage div.content div.box div.language ul li a:active{opacity:0.8;}


.headermenu div.col-md-12{overflow:inherit !important;}
.headermenu ul li{float:left; position:relative;}
.headermenu ul li a{line-height:40px; padding-left:10px; padding-right:10px;}
.headermenu ul li:hover ul, .headermenu ul li:active ul{display:block;}
.headermenu ul li ul{display:none; width:250px; height:auto; position:absolute; 
top:38px; left:0; transition:opacity .5s ease-in-out; }
.headermenu ul li ul li{float:none;}
.headermenu ul li ul li i{margin-top:12px;}
.headermenu ul li ul li a{height:40px; line-height:40px; display:block; margin-left:0; padding-left:10px;}
.headermenu ul li ul li > ul{display:none !important; left:250px; top:0;}
.headermenu ul li ul li:hover > ul{display:block !important;}
.headermenu ul li.lines{width:1px; height:40px;}
.headermenu ul li.language ul{width:auto !important;}
.headermenu ul li.language ul li{cursor:pointer;}
.headermenu ul li.language i{font-size:20px;}
.headermenu ul li.searchbutton{font-size:20px;}
.headermenu ul li.searchbutton{padding-top:5px; cursor:pointer;}
.headermenu ul li a{color:var(--transparant-text-color);}
.headermenu ul li > ul{background-color:var(--white-back-color);}
.headermenu ul li ul li a:hover, 
.headermenu ul li ul li a:active,
.headermenu ul li a:hover, 
.headermenu ul li a:active{background-color:var(--primary-back-color); color:#fff; display:block;}
.headermenu ul li.lines{background-color:#333333;}

.topheader{width:100%; height:4px; background-color:var(--primary-back-color); overflow:hidden; 
display:block; position:absolute; left:0; top:0; right:0; z-index:10007;}
header div.logo{float:left; width:170px; height:auto; 
position:absolute; left:0; top:0;}
header div.logo.background{text-align:center; padding-bottom:10px; border-radius:var(--border-radius);}
header div.logo img{height:45px;}
.header{width:100%; padding:20px 0 20px 0; position:fixed; left:0; right:0; top:0; z-index:10004;}
.header.background, .header.background div.logo.background{background-color:var(--white-back-color);}
.header div.container{position:relative;}
.header div.col-md-3, .header div.col-md-9{margin-bottom:0 !important;}
.header div.col-md-9{display:flex; justify-content:right; align-items:center;}
.header div.menu{float:right;}
.header.background{background-color:var(--cream-back-color);}
.header.light ul li a, .header.light .searchbutton{color:var(--white-text-color) !important;}
.header.light ul li > ul li a{color:var(--transparant-text-color) !important;}

.header_center{width:100%; height:auto; padding:20px 0 20px 0; 
 position:fixed; left:0;right:0;top:0; z-index:10004;}
.header_center.background{background-color:var(--white-back-color); color:var(--black-text-color);}
.header_center.light{color:var(--white-text-color);}
.header_center div.icon{width:20%; float:left; cursor:pointer;}
.header_center div.icon:hover, .header_center div.icon:active{opacity:0.6;}
.header_center div.col-md-12{margin-bottom:0 !important;}
.header_center.light div.icon i{color:var(--white-text-color);}
.header_center div.icon i{font-size:25px;}
.header_center div.logos{width:50%; text-align:center; float:left; }
.header_center div.logos img{height:40px;}
.header_center div.language{width:25%; float:left; overflow:hidden;}
.header_center div.language ul li{float:left; margin-left:10px; cursor:pointer;}
.header_center div.language ul li:hover, .header_center div.language ul li:active{opacity:0.6;}
.header_center div.language ul li img{height:20px;}

.header_product{position:fixed; left:0; top:0; right:0; z-index:10004; background-color:var(--white-back-color);}
.header_product div.col-md-12{margin-bottom:0px !important;}
.header_product div.logo, .header_product div.search,
.header_product div.contact,
.header_product div.whatsapp, 
.header_product div.language{height:100px;}
.header_product div.logo{width:25%; position:inherit !important;}
.header_product div.logo{justify-content:left !important;}
.header_product div.search{width:50%;}
.header_product div.search div.content{padding:5px; overflow:hidden; width:80%; float:right;}
.header_product div.search div.content div.input{width:calc(100% - 40px); overflow:hidden;}
.header_product div.search div.content div.button{cursor:pointer; width:40px; height:40px; text-align:center; line-height:40px;}
.header_product div.search div.content div.button i{color:var(--white-text-color);}
.header_product div.contact{width:8%; text-align:center; border-right:1px #f1f1f1 solid;}
.header_product div.whatsapp{width:8%; text-align:center;}
.header_product div.language{width:8%; text-align:center;}
.header_product div.contact i,
.header_product div.language i,
.header_product div.whatsapp i{font-size:20px;}
.header_product div.contact a, 
.header_product div.language a,
.header_product div.whatsapp a{color:#333; display:block; width:100%; text-align:center;}
.header_product div.contact a:hover, 
.header_product div.contact a:active,
.header_product div.language a:hover, 
.header_product div.language a:active,
.header_product div.whatsapp a:hover, 
.header_product div.whatsapp a:active
{color:var(--primary-text-color);}
.header_product .headermenu{background-color:var(--primary-back-color); height:50px;}
.header_product .headermenu ul li a{height:50px; line-height:50px; color:var(--white-text-color);}
.header_product .headermenu ul li a:hover,
.header_product .headermenu ul li a:active,
.header_product .headermenu ul li > ul li a:hover,
.header_product .headermenu ul li > ul li a:active{background-color:var(--white-back-color); color:var(--black-text-color) !important;}
.header_product .headermenu ul li > ul{background-color:var(--primary-back-color);}
.header_product .headermenu ul li > ul li:hover a, 
.header_product .headermenu ul li > ul li:active a
{background-color:var(--white-back-color); 
 color:var(--black-text-color) !important;} 

.slider{width:100%; height:90vh; position:relative; background-image:url(/home/images/slider-background.webp); background-repeat:no-repeat; 
background-size:cover;}
.slider div.video, .slider div.media, 
.slider div.transparant, .slider div.carousel{width:100%; height:100%; position:absolute; left:0; top:0; right:0;}
.slider div.video video{height:90vh; object-fit:cover;}
.slider div.media{z-index:10001;}
.slider div.transparant{z-index:10002; background-color:var(--transparant-back-color); opacity:0.5;}
.slider div.carousel{z-index:10003; width:100%; height:90vh;}
.slider div.carousel.nullimage{background-attachment:fixed; background-position:center; background-size:cover; 
background-repeat:no-repeat; background-image:url(/home/images/slider.webp);}
.slider div.carousel div.item div.image{width:100%; height:90vh; background-position:center; background-size:cover; background-repeat:no-repeat;}
.slider div.carousel div.item{width:100%; height:90vh;}
.slider div.carousel div.item div.title{color:#fff; font-size:50px; margin-bottom:10px; width:100%; text-align:center;}
.slider div.carousel div.item div.shortdesc{color:#fff; font-size:20px; width:100%; margin-bottom:40px; overflow:hidden; text-align:center;}
.slider div.carousel div.item div.button{width:100%; text-align:center;}

.slider div.productslider, .slider div.productslider.carousel{width:100%;}
.slider div.productslider, .slider div.productslider.carousel div.fleft,
.slider div.productslider, .slider div.productslider.carousel div.fright{width:50%; height:90vh;}
.slider div.productslider, .slider div.productslider.carousel div.text{font-size:33px; text-align:left; margin-bottom:10px;}
.slider div.productslider, .slider div.productslider.carousel div.description{font-size:18px; word-break:revert; margin-bottom:20px; text-align:left;}
.slider div.productslider, .slider div.productslider.carousel div.buttons{text-align:left; width:100%;}
.slider div.productslider, .slider div.productslider.carousel div.images{height:100%;}
.slider div.productslider, .slider div.productslider.carousel div.images img{width:100%;}

.headerbox{width:100%; height:auto; position:relative; padding-top:100px;}
.headerbox.product{padding-top:100px !important;}
.headerbox.image{background-color:#f6ebcf;}
.headerbox div.headerposition{display:flex; justify-content:center;}
.headerbox div.titles{font-size:22px; padding-left:0; line-height:40px; font-family:"balo2-extrabold";}


.headerbox div.sitemaps ul li{float:left; margin-left:10px;}
.headerbox div.sitemaps{float:right;}
.headerbox div.headerposition div.col-md-6:nth-child(2){display:flex; justify-content:right; align-items:end;}

.actions{width:100%; padding:80px 0 80px 0 !important; background-image:url(/home/images/design/action.webp); 
background-attachment:fixed; background-position:center; background-repeat:no-repeat;}
.actions div.text{width:700px; height:auto; text-align:center; color:#fff;}
.actions div.text div.title{font-size:35px; color:var(--primary-back-color); font-family:"balo2-extrabold"; line-height:40px;}
.actions div.shortdesc{color:var(--primary-back-color); margin-bottom:20px;}

.socialmedia div.logo{width:100%; text-align:center;}
.socialmedia div.logo img{height:60px;}
.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;  display:inline-block; text-align:center;}
.socialmedia.bgprimary ul li a{background-color:var(--white-back-color);}
.socialmedia.bgprimary ul li a i{color:var(--primary-text-color); font-size:16px;}
.socialmedia.bgsecond ul li a{background-color:var(--primary-back-color);}
.socialmedia.bgsecond ul li a i{color:var(--white-back-color); 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{display:none; z-index:10005; position:fixed; right:0; bottom:0; height:auto; 
transition: max-height 0.5s ease-in-out !important;}
.kvkk.default{width:500px; background-color:var(--white-back-color); }
.kvkk.default div.box{padding:20px;}
.kvkk.default div.fleft{width:50%; margin-bottom:20px; display:block;}
.kvkk.default div.fleft a, 
.kvkk.default div.fleft .btnprimary{width:100%; display:block; cursor:pointer; padding:0; height:40px; text-align:center; border:0; line-height:40px;}
.kvkk.default div.fleft .btnwhite{color:var(--primary-text-color);}
.kvkk.default div.fleft .btnwhite:hover, 
.kvkk.default div.fleft .btnwhite:active{color:var(--white-text-color);}
.kvkk.default div.desc{font-size:12px;}
.kvkk.bottom{width:calc(100% - 80px) !important; padding:20px; 
background-color:var(--white-back-color); left:20px !important; right:20px !important; 
bottom:20px !important; border-radius:var(--border-radius);}
.kvkk.bottom div.title{color:var(--primary-text-color);margin-bottom:5px; width:100%;}
.kvkk.bottom div.text{line-height:20px; width:100%; margin-bottom:20px;}
.kvkk.bottom div.fleft{margin-right:10px;}
.kvkklightbox{width:100%; height:100vh !important;}
.kvkklightbox.hidden{display:none !important;}
.kvkklightbox div.transparant{width:100%; height:100vh !important; position:fixed; 
 background-color:#000; opacity:0.5; z-index:10005;
 transition: bottom 0.5s ease-in-out !important;}
.kvkklightbox div.transparant.hidden{opacity:0 !important;}
.kvkklightbox div.content{width:100%; height:100vh; position:fixed; 
z-index:10006; transition: opacity 0.5s ease-in-out !important;}
.kvkklightbox div.content.hidden{opacity:0;}
.kvkklightbox div.content div.desc{width:500px;height:auto; border-radius:var(--border-radius); padding:30px; background-color:var(--white-back-color); opacity:1;}
.kvkklightbox div.content div.desc div.title{color:var(--primary-text-color);}
.kvkklightbox div.button div.fleft{margin-right:10px;}

.heading{width:100%; height:auto;}
.headingtitle{width:100%;}
.headingtitle.center{text-align:center;}
.headingtitle.center div.title{ width:100%; text-align:center;}
.headingtitle.shorttitle div.title{font-size:20px;}
.headingtitle.center div.line{margin:10px auto;}
.headingtitle div.title{margin-top:40px; text-align:left; width:100%; 
font-family:"balo2-extrabold"; 
font-size:20px; margin-bottom:0; color:var(--primary-back-color);}
.headingtitle div.line, .headingtitle div.linetwo, .headingtitle div.linethree
{height:2px; background-color:#333;}
.headingtitle div.line{width:90px; height:3px; margin-bottom:20px;}
.headingtitle div.linetwo{width:80px; margin-bottom:3px; opacity:0.8;}
.headingtitle div.linethree{width:60px; margin-bottom:10px; opacity:0.6;}
.headingtitle div.shortdesc{width:100%; font-weight:600; font-size:17px; 
text-align:center; font-family:Calibri, sans-serif; line-height:20px; margin-bottom:20px;}

.contenttable{width:100%; height:auto; padding:40px 0 0;}
.contenttable.night .headingtitle div.title,
.contenttable.night .headingtitle div.shortdesc,
.contenttable.night .allbuttons a{color:#fff;}
.contenttable.night .headingtitle div.line, 
.contenttable.night .headingtitle div.linetwo, 
.contenttable.night .headingtitle div.linethree{background-color:#fff;}

.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:#000;}
.comments div.name {margin-bottom: 10px; font-size:20px;}

.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:var(--primary-back-color);border:1px #134986 solid;}
.callme div.phone a span{width:20px; height:20px; margin-top:15px;}
.callme div.whatsapp a{background-color:var(--primary-back-color); border:1px #134986 solid;}
.callme div.phone a:hover, .callme div.phone a:active{background-color:var(--white-back-color); color:#134986;}
.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:var(--white-back-color); color:#134986;}
.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:var(--white-back-color); 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:var(--primary-back-color); 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;}

.accordionmenu{width:100%; height:60px; cursor:pointer; line-height:60px; border:1px #f1f1f1 solid; 
               background-color:var(--primary-back-color); color:#fff;}
.accordionmenu div.text{float:left; padding-left:20px;}
.accordionmenu div.icon{float:right; padding-right:20px;}
.accordionmenu:hover, .accordionmenu:active, 
.accordionmenu.active{background-color:var(--primary-back-color);}
.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;}

.editor{line-height:25px;}
.editor strong.title{font-size:20px; margin-bottom:10px; color:var(--primary-text-color)}
.editor .textprimary{color:var(--primary-text-color);}
.editor div.lines{width:100px; height:2px; overflow:hidden; background-color:var(--primary-back-color);}
.editor div.icon {width:100%; margin-bottom:10px; overflow:hidden;}
.editor div.icon img{width:auto; height:10px;}
.editor ul{list-style-type:decimal; margin:20px;}
.editor ul li{float:none; margin-bottom:10px;}
.editor img.fullwidth{width:100%; margin-bottom:10px;}
.editor img.float-left, .editor img.float-right{width:50%; margin-bottom:10px;}
.editor img.float-left{float:left; margin-right:10px;}
.editor img.float-right{float:right; margin-left:10px;}
.editor div.imagelist ul{list-style-type:none; }
.editor div.imagelist ul li{float:left; width:calc(25% - 10px); background-color:#333333; margin-right:10px;}
.editor div.imagelist ul li img{width:100%; }

.contacts div.accordioncontent {padding:20px !important; width:calc(100% - 40px); 
  border:1px #f1f1f1 solid;}
.contacts div.accordioncontent div.icon{width:35px; height:35px; margin-right:10px; background-color:var(--primary-back-color); color:var(--white-text-color); float:left; border-radius:var(--border-radius);}
.contacts div.accordioncontent div.text{float:left; width:calc(100% - 80px); padding-top:7px;}
.contacts div.maps, .contacts div.maps iframe{width:100%; height:250px; overflow:hidden;}
.contactform{width:calc(100% - 60px); padding:30px; color:#fff; border-radius:var(--border-radius);}
.contactform div.titles{font-size:20px; margin-bottom:10px;}
.contactform div.shortdesc{margin-bottom:20px;}
.filterbox{width:100%; height:auto; background-color:var(--gray-back-color); border-radius:5px; overflow:hidden; margin-bottom:20px; display:block;}
.filterbox div.filter{padding:20px 20px 0 20px;}

.actionlists div.contenttable{display:flex;  flex-wrap: wrap;}
.actionlists div.contenttable img{width:100%;}
.actionlists .contenttable div.text{padding-top:40px;}
.actionlists .contenttable div.text div.titles{font-size:30px;}

.actionlists .contenttable:nth-child(2n+1) .col-md-6:first-child {order: 1;}
.actionlists .contenttable:nth-child(2n+1) .col-md-6:last-child {order: 2;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:first-child {order: 2;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:last-child div.text{padding-right:50px;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:last-child {order: 1;}

.singlemenu ul li{float:none;}
.singlemenu ul li a{height:30px; line-height:30px;}
.singlemenu ul li a i{margin-right:5px;}
.singlemenu ul li a:hover, .singlemenu ul li a:active{padding-left:10px;}

.products{width:100%; height:auto; display:block; overflow:hidden; margin-top:20px;}
.products div.content div.row{margin:0 20px 20px 0 !important;}
.products div.content div.col-md-4{width:calc(32.8% - 10px);}
.products div.rightcategori{width:25%; float:left;}
.products div.content{float:left; width:75%;}
.products div.rightcategori div.box{width:100%; height:auto; border-radius:var(--border-radius); 
border:1px var(--border-color) solid; margin-bottom:20px;}
.products div.rightcategori div.box div.title{width:100%; height:50px; 
background-color:var(--primary-back-color); cursor:pointer; line-height:50px; 
color:var(--white-text-color);}
.products div.rightcategori div.box div.title i{display:none;}
.products div.rightcategori div.box div.title.open i.fa-angle-up{display:block;}
.products div.rightcategori div.box div.title.close i.fa-angle-down{display:block;}
.products div.rightcategori div.box div.title:hover,
.products div.rightcategori div.box div.title:active{background-color:var(--white-back-color); 
color:var(--primary-text-color);}
.products div.rightcategori div.box div.title:hover div.fleft:nth-child(2) div.icon,
.products div.rightcategori div.box div.title:active div.fleft:nth-child(2) div.icon{
background-color:var(--primary-back-color); color:var(--white-text-color);}
.products div.rightcategori div.box div.title div.fleft:nth-child(1){
margin-left:10px; width:calc(100% - 65px);}
.products div.rightcategori div.box div.title div.fleft:nth-child(2){
margin-left:10px;width:40px; height:50px;}
.products div.rightcategori div.box div.title div.fleft:nth-child(2) div.icon
{background-color:var(--white-back-color); text-align:center; 
 color:var(--primary-text-color); width:30px; height:30px;
 border-radius:30px; transition:display 0.5s ease-in;}
.products div.rightcategori div.box div.title div.fleft:nth-child(2) div.icon i
{margin-top:8px; transition:display 0.5s ease-in;}
.products .boxes{height:400px !important; border-radius:var(--border-radius);}
.products .boxes div.button{width:100%; height:auto; overflow:hidden; position:absolute; left:0; right:0; bottom:0;}
.products .boxes div.button div.fleft{width:calc(50% - 1px);}
.products .boxes div.button div.line{float:left; width:1px; height:40px; background-color:#d1d1d1;}
.products .boxes div.button a{width:100%; text-align:center; line-height:40px; height:40px; display:inline-block;}
.products .boxes div.button a.btndetail:hover, 
.products .boxes div.button a.btndetail:active{display:block; background-color:var(--primary-back-color); color:var(--white-text-color);}
.products .boxes div.button a.btnwhatsapp{color:#25D366;}
.products .boxes div.button a.btnwhatsapp:hover, 
.products .boxes div.button a.btnwhatsapp:active{display:block; background-color:#25D366;  color:var(--white-text-color);}

.products div.rightcategori div.box div.list{overflow: hidden; max-height:auto; 
transition: max-height 0.3s ease-out;}
.products div.rightcategori div.box div.list ul li{float:none;}
.products div.rightcategori div.box div.list ul li a{color:var(--black-text-color); 
display:block; width:calc(100% - 30px); padding:15px; }
.products div.rightcategori div.box div.list ul li a:hover, 
.products div.rightcategori div.box div.list ul li a:active{ 
background-color:var(--gray-back-color);}
.product-video iframe{width:100%; height:400px;}

.product_technical div.box{width:calc(100% - 40px); 
padding:50px 20px 50px 20px; background-color:#f6ebcf; 
border:1px var(--primary-back-color) solid; border-radius:10px; 
margin-top:20px; text-align:center;}
.product_technical div.box div.title{font-size:22px; font-family:"balo2-extrabold";}
.product_technical div.box div.icon{width:100%; text-align:center;}
.product_technical div.box div.icon img{width:60px; height:60px;}



.subcategorie div.box{width:100%;}
.subcategorie div.box div.title{width:calc(100% - 40px); padding:20px; 
background-color:var(--primary-back-color); color:var(--white-back-color); 
cursor:pointer;}
.subcategorie div.box div.title:hover, 
.subcategorie div.box div.title:active{background-color:var(--white-back-color);
color:var(--primary-text-color);}
.subcategorie div.box div.title:hover > i, 
.subcategorie div.box div.title:active > i{color:var(--primary-text-color);}
.subcategorie div.box div.list{width:100%; height:auto; padding:0 20px 0 20px;
background-color:var(--primary-back-color); overflow:hidden; max-height:auto; 
transition: max-height 0.3s ease-out;}
.subcategorie div.box div.list ul li{float:left; margin:0 20px 20px 0;}
.subcategorie div.box div.list ul li a{color:var(--white-text-color); width:auto;display:inline-block;}
.subcategorie div.box div.list ul li a:hover, 
.subcategorie div.box div.list ul li a:active{opacity:0.8;}

.product_detail div.description{width:100%; border:1px var(--gray-dark-back-color) solid; border-radius:var(--border-radius);}
.product_detail div.description div.titles{width:calc(100% - 30px); overflow:hidden; padding:15px; 
background-color:var(--gray-back-color); display:block; overflow:hidden;}
.product_detail div.description div.content{padding:15px; width:calc(100% - 30px); max-height:300px; overflow:hidden; transition: max-height 0.3s ease-out;}
.product_detail .table tbody:nth-child(even) {background-color: var(--gray-back-color);}
.product_detail .table tbody:nth-child(odd) {background-color: var(--white-back-color);}
.product_detail .table tbody tr{height:auto !important; line-height:normal;}
.product_detail .table tbody tr td{padding:10px 0 10px 0;}
.product_detail .table tbody tr td.left{text-align:left !important;}

.brandlist{width:100%;}
.brandlist a{width:100%; height:60px; line-height:60px; text-align:center; display:block;}
.brandlist a img{height:60px;}
.bgwhite .brandlist a{border-top:1px var(--primary-back-color) solid; border-bottom:1px var(--primary-back-color) solid;}
.bgsecond .brandlist a{border-top:1px var(--primary-back-color) solid; border-bottom:1px var(--primary-back-color) solid;}
.bgprimary .brandlist a{border-top:1px var(--white-back-color) solid; border-bottom:1px var(--white-back-color) solid;}

.SeeAllContent{width:100%; height:40px; line-height:40px; text-align:center; cursor:pointer;}

.technicallist{width:100%; height:auto;}
.technicallist div.icon{width:50px; height:50px;display:block; margin-right:5px; overflow:hidden;}
.technicallist div.text{width:calc(100% - 60px); padding-top:15px;}

.abouts div.titles{font-family:"balo2-extrabold"; font-size:30px; line-height:35px; margin-bottom:20px; margin-top:70px; }
.abouts div.description{line-height:30px;}
.abouts div.images img{border-radius:30px; overflow:hidden;}

.ordercompleted{width:calc(100% - 40px); margin-top:40px; margin-bottom:40px; border-radius:10px; background-color:#21b04b; color:#fff; padding:20px;}
.ordercompleted div.check{width:100px; height:100px; margin-bottom:20px; border-radius:100px; text-align:center; line-height:110px; margin:0px auto; font-size:45px; background-color:#fff; color:#25D366;}
.ordercompleted div.titles{width:100%; text-align:center; margin-top:20px; font-size:30px; margin-bottom:10px;}
.ordercompleted div.description{text-align:center; width:100%; margin-bottom:20px; font-size:20px;}
.ordercompleted div.button{width:100%; text-align:center;}

.content-text, .content-text-bottom {width: 100%; text-align: center; font-size: 25px; font-family:"balo2-extrabold";}

.tags a{width:auto; height:auto; padding:5px 10px; display:inline-block; color:#333; margin-left:5px;  background-color:var(--white-back-color); border:1px var(--gray-back-color) solid; border-radius:var(--border-radius);}
.tags.full a{width:100% !important; display:block !important;}
.tags a:hover, .tags a:active{background-color:var(--primary-back-color); color:var(--white-back-color);}

.footertop{width:100%; height:auto; padding:40px 0 30px 0; background-color:#f8f8f8;}
.footertop div.logo{height:70px;}
.footertop div.logo img{height:70px;}
.footertop div.socialmedia{width:100%; height:70px;}
.footertop div.socialmedia div.list ul li a{width:50px; 
height:50px; background-color:var(--primary-back-color);
color:#fff; border-radius:5px;}
.footertop div.socialmedia div.title{margin-bottom:10px; font-size:17px; font-family:"balo2-extrabold";}
.footertop div.logo{width:100%; margin-bottom:10px;}
.footertop div.logo img{width:40%; height:auto !important;}

footer{width:100%; height:auto; padding:40px 0 40px 0; background-color:var(--primary-back-color); color:#fff;}
footer div.list{margin-bottom:60px;}
footer div.list ul li{float:left; margin-right:10px;}
footer a{color:#fff;}
.copyright{width:100%; text-align:center; height:40px; line-height:40px;}

.marque-background {
    width: 100%;
    overflow: hidden;
    background-color: #f8f8f8; /* Arka plan rengi */
    padding: 10px 0;
    white-space: nowrap;
}

.overflow {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    background-color: var(--primary-back-color);
    padding: 30px 0;
    white-space: nowrap;
    color:#fff;
}

.marquee {
    display: flex;
    overflow: hidden;
    position: relative;
}

.marquee-content {
    display: flex;
    gap: 20px; /* Metinler arasındaki boşluk */
    min-width: 200%;
    animation: marquee-animation 15s linear infinite;
}

    .marquee-content span {
        font-size: 30px;
        font-weight: bold;
        display: inline-block;
        white-space: nowrap;
    }
    .owl-comments .owl-next,
    .owl-comments .owl-prev{bottom:10px !important; top:inherit !important;}

@keyframes marquee-animation {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}