@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;800&display=swap');
body { margin:0; padding:0; font-size:13px!important ;font-family: 'Raleway', sans-serif!important; background-color:#f8f8f8;}
.headertitle, footer div.titles, footer div.list, footer, footer div.copyright{width:100%;}

.contents{padding:30px 0 30px 0;}
.contents div.boxtitle{display:inline-block; padding:15px; border-radius:5px; background-color:#7c3d1c; color:#fff; }
.contents div.maps{width:100%; height:300px;}
.contents div.maps iframe{width:100%; height:300px;}
.contents div.subtitle{color:#7c3d1c; width:100%; height:auto; overflow:hidden; margin-bottom:10px; transition:all .5s;}
.contents div.sublist{width:100%; height:auto;}
.contents div.sublist ul li {float:left; margin:0 10px 10px 0;}
.contents div.sublist ul li a{padding:10px 15px; background-color:#fff; color:#191919; display:inline-block; border-radius:5px;}
.contents div.sublist ul li a:hover, .contents div.sublist ul li a:active{background-color:#7c3d1c; color:#fff;}
.contents div.submit{padding:10px; background-color:#7c3d1c; color:#fff; display:inline-block; border-radius:5px; margin-bottom:10px;}
.contents div.contenttext{line-height:20px;}
.filterbox{width:100%; height:auto; padding:20px; background-color:#d1d1d1;border-radius:5px; overflow:hidden; margin-bottom:20px; display:block;}
.filterbox div.text{width:100%; height:auto; padding-bottom:10px;}
.boxaction{width:100%; height:auto; padding:30px 0 30px 0; color:#fff;}
.boxaction div.box{width:100%; height:auto; border-right:1px #38c2dd solid;}
.boxaction div.col-md-4:nth-child(4) div.box{border-right:0;}
.boxaction div.icons{float:left; margin-right:10px; font-size:30px;}
.boxaction div.text{margin-top:2px; float:left;}
.boxdesign{width:100%; height:440px; position:relative; background-color:#fff; margin-bottom:20px;}
.boxdesign div.images{width:100%; height:270px; background-color:#fff; object-fit:cover; position:relative; display:flex;}
.boxdesign div.measure, .listgallery div.measure{position:absolute; left:10px; bottom:10px; padding:10px 15px; background-color:#7c3d1c; color:#fff; border-radius:10px;}
.boxdesign div.images:hover div.zoomplus{opacity:1;}
.boxdesign div.titles a{display:block; color:#191919; font-size:14px;}
.boxdesign div.codes{color:#5e5e5e; margin-bottom:10px;}
.boxdesign div.boxcontent{padding:20px;}
.boxdesign div.boxcontent div.list{width:100%; height:auto; margin-bottom:10px;}
.boxdesign div.boxcontent div.list ul li{float:left;}
.boxdesign div.boxcontent div.list ul li:nth-child(1){margin-right:5px;}
.boxdesign div.boxcontent div.list ul li i{font-size:18px; color:#7c3d1c;}
.boxdesign div.buttons{position:absolute; left:20px; bottom:20px;}
.boxdesign div.buttons a{color:#7c3d1c; }
.boxdesign div.buttons a:hover, .boxdesign div.buttons a:active{margin-left:10px;}
.boxdesign div.innertitle{position:absolute; left:20px; bottom:20px; color:#fff; text-shadow: -1px 0px 2px rgba(0,0,0,0.6); z-index:9999;}
.design2 .boxdesign{height:auto; background-color:inherit;}
.design2 .boxdesign div.boxcontent{padding:20px 0 0 0;}
.imagegallery div.images{width:100%; height:210px; display:flex; position:relative; margin-bottom:20px; cursor:pointer;}
.imagegallery div.images:hover div.zoomplus{opacity: 1;}
.full-image{width:100%; background-color:#191919; height:80vh; margin-bottom:20px; position:relative;}
.fullimage, .fullimage img{width:100%; height:auto;}
.defaultimage{width:100%; height:400px; background-image:url(/home/images/comlek.webp); }
.defaultimage img{height:70px; }
.defaultimage div.trans{width:100%; height:100%; background-image:url(/home/images/transparent.png); background-repeat:repeat; z-index:9997;}
.defaultimage div.trans div.text{width:600px; height:auto; color:#fff;}
.defaultimage div.trans div.text strong{font-size:30px;}
.defaultimage div.trans div.text span{font-size:16px;}
.imagelist{width:100%; height:170px; padding:5px; border:1px #d1d1d1 solid; margin-bottom:20px;}
.productdetail div.forms{width:100%; height:auto; padding:20px; background-color:#7c3d1c; color:#fff;}
.productdetail div.title{font-size:18px;}
.leftmenu div.titles {width: 100%;padding: 20px;overflow: hidden;border-radius: 5px 5px 0px 0px;
background-color: #7c3d1c;color: #fff; display: block;}
.listgallery{position:relative;}
.listgallery div.image{width:100%; height:auto; background-color:#e6e6e6; text-align:center;}
.listgallery div.image img{height:600px;}
.listgallery div.measure{bottom:50px; left:20px;}
.contentlist ul li{float:left;}
.contentlist ul li:nth-child(1){padding-right:10px;}
.leftmenu div.lists, .contenttext{width:100%; height:auto;}
.leftmenu div.lists ul li{float:none;}
.leftmenu div.lists ul li a{display:inline-block; width:100%; height:auto; padding:20px; background-color:#fff; color:#191919;}
.leftmenu div.lists ul li a:hover, .leftmenu div.lists ul li a:active{background-color:#7c3d1c; color:#fff; padding-left:30px;}
.leftmenu div.lists .active{color:#7c3d1c !important;}
.leftmenu div.lists .active:hover, .leftmenu div.lists .active:active{color:#7c3d1c !important; background-color:#fff !important; padding-left:20px !important;}
.actions div.images{width:100%; height:430px; position:relative;}
.actions div.trans{width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; 
background-image:url(/home/images/transparent.png); background-repeat:repeat; cursor:pointer;  transition: background-image 0.10s ease;}
.actions div.trans:hover, .actions div.trans:active{background-image:none;}
.actions div.trans div.icons{width:100%; height:auto; text-align:center; color:#fff; font-size:50px; display:block;}
.actions div.col-md-6:nth-child(1){padding-right:0 !important;}
.actions div.col-md-6:nth-child(2){padding-left:0 !important;}
.actions div.text{width:100%; height:430px; background-color:#7c3d1c; color:#fff; padding:0 50px 0 50px;}
.actions div.text div.box{width:100%; height:auto;}
.actions div.text div.box div.title{font-size:30px;}
.accordionmenu, .accordionactive{padding:35px 35px 25px; width:100%; cursor:pointer; overflow:hidden; display:block;}
.accordionmenu{border:1px #dee4ec solid;}
.accordionactive{background-color:#7c3d1c; color:#fff;}
.accordionmenu:hover .icons, .accordionmenu:active .icons{color:#fff; background-color:#7c3d1c;}
.accordionmenu div.text, .accordionactive div.text{float:left; font-size:20px;}
.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;}
.accordionmenu div.icons{border:1px #dee4ec solid;}
.accordionactive div.icons{border:2px #fff solid;}
.accordioncontent {width:100%;display:none; height:auto; padding:35px 15px; color:#191919;border:1px #dee4ec solid; line-height:20px;}
.fixedlink{position:fixed; left:0; right:0; bottom:0; width:100%; z-index:10000; overflow:hidden;}
.fixedlink div.whatsapp, .fixedlink div.trendyol{width:50%; float:left;}
.fixedlink div.whatsapp a{width:100%; height:auto; text-align:center; border-radius:0;}
.fixedlink div.trendyol a{width:100%; height:auto; text-align:center; border-radius:0;}
.kvkk{width:410px; height:410px; padding:20px; background-color:#7c3d1c; display:none; position:fixed; 
      right:0; bottom:0; z-index:10001; color:#fff;}
.kvkk div.title{margin-bottom:10px; font-size:15px; margin-top:20px;}
.kvkk div.button{position:absolute; bottom:20px; left:20px; right:20px;}
.kvkk div.button a{width:100%; text-align:center;}
.kvkk div.closer{width:50px; height:50px; background-color:#fff; font-size:18px; cursor:pointer; color:#7c3d1c; line-height:50px; text-align:center; position:absolute; right:0; top:0; z-index:10002;}
.kvkk div.closer:hover, .kvkk div.closer:active{background-color:#7c3d1c; color:#fff;}
.kvkk a.BtnStyle{background-color:#fff; color:#7c3d1c;}
.kvkk a.BtnStyle:hover, .kvkk a.BtnStyle:hover{background-color:#7c3d1c; color:#fff;}
.kvkk a.BtnWhite{background-color:#7c3d1c; color:#fff;}
.kvkk a.BtnWhite:hover, .kvkk a.BtnWhite:hover{background-color:#7c3d1c; color:#fff;}

.formstyle{width:100%; height:auto; padding:20px; background-color:#7c3d1c; color:#fff;}
.defdocument{width:100%; height:auto; padding:20px 0 0 0; background-color:#7c3d1c; display:block;}
.defdocument  #listcarousel .item{background-color:transparent !important; text-align:center;}
.defdocument #listcarousel .item img{height:120px; width:auto;}
footer {height: auto;position: relative;padding: 40px 0 40px 0;background-image: url(/home/images/footer-bg.webp); color: #fff;}
footer div.titles{text-transform:uppercase;}
footer div.titles, footer div.list ul li{margin-bottom:10px;}
footer div.list ul li a{color:#fff;}
footer div.list ul li a:hover, footer div.list ul li a:active{padding-left:5px;}
footer div.list ul li a.social{color:#191919; padding:10px 15px; background-color:#fff; border-radius:5px; margin-right:5px;}
footer div.copyright{height:80px; line-height:80px; background-color:#f8f8f8; margin-top:10px;}
footer div.copyright, footer div.copyright a{color:#191919;}