
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



body{font-family: "Montserrat", sans-serif;background:#ffffff;font-weight:400;font-size:14px;color:#000;overflow-y:scroll;overflow-x:hidden;}
.ie7 body{overflow:hidden;}
.container{width:100%;position:relative;text-align:center;}
.clr{clear:both;}
.header{width:100%;background:url(../images/header_bg.png) bottom left repeat-x;color:#000000; position: relative;}
.lang{float: right; width: 100%; padding-right: 2%;}
.logoB{float:right;margin-right:4%;margin-top:15px;width:150px;height:113px;}
.header-menu {float: right; width: calc(92% - 300px); position: relative;}
.logo{float:right;margin-left:4%;margin-top:15px;width:150px;height:113px;}

.dil{float:right;margin-top:0px;margin-right:1%;color:#000000;}
.dil li{float:left;padding:2px 2px;margin:5px 1px 0px 1px;text-decoration:none;}
.dil li a{color:#5e5858;}
.menuust{float:right; margin-top:0px;right:4%;color:#000; position: absolute; }
.menuust li{float:left; padding:5px 8px;margin:0px 5px; color:#000000;text-decoration:none; font-size: 12px; }
.menuust li a {color:#000;}
.menuust li a:hover {color:#fff;}
.menuust li a.aktif {color:#fff;}
.menuust li:hover{color:#fff; background:#CCC;}
.menuust li.aktif{color:#fff; background:#6a6b6b;}
.menum{float:right;margin-top:80px; margin-bottom: 20px; margin-right: 4%;}
.menum li{float:left;position:relative;}
.menum li a{float:left;padding:6px 14px;margin:0px 5px 0px 5px; font-size:14px;color:#000000;}
.menum li a:hover{background:#6a6b6b;-webkit-transition:background 1s;-moz-transition:background 1s;-o-transition:background 1s;-ms-transition:background 1s;transition:background 1s; color: #FFF;}
.menum li.aktif{background:url(../images/menu_alt.png) bottom left repeat-x;}
.manuaciklama{ float: left;font-size: 12px; font-style: italic; font-weight: 300;}
.boldyazi{ float: left; font-weight:600;}
.header-menu ul li ul{ width:260px;height:auto;float:left;position:absolute;background:#fff;top:30px;z-index:1;display:none; font-size: 12px;}
.header-menu ul li ul a{ width:220px;float:left;margin-top:5px;margin-bottom:5px;text-align:left;background:none;}
.header-menu ul li ul a:hover{color: #fff;}
.header-menu ul li ul li{}
.header-menu li:hover > ul{display:block;}
.header-menu ul li ul li ul{width:240px;height:auto;float:left;position:absolute;background:#fff;top:0px;left:260px;z-index:1;display:none; font-size: 12px;}

.ortaalan{width:96%;margin:5px 2% 10px 2%;color:#000;}
.baslik{float:right;padding:5px 40px 5px 15px;font-size:40px;margin-top:-15px;margin-right:2%;border:#000 solid 1px;color:#000;text-shadow:#888 2px 2px 2px;background:#fff url(../images/baslik.png) top right repeat-y;}
.icerik{float:left;width:92%;min-height:400px;background:#fff;text-align:left;margin-right:2%;margin-left:2%;padding-top:1%;padding-right:2%;padding-bottom:1%;padding-left:2%;}
.open{font-size:18px;}
.icerik img.marka{float:left;margin:25px 20px 10px 10px;width:55%;}
.icerik img.logo{float:right;margin:10px;width:20%;}
.icerik p{margin:15px 0px;font-size:16px;}
.fullbaslik{float:left;width:90%;padding:0 5% 1% 5%;font-size:40px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 2px 2px 2px;text-align:right;}
.fullbaslikleft{float:left;width:100%;padding:0 auto 1% auto;font-size:40px;margin-bottom:15px;color:#000;font-family:'Montserrat', sans-serif;text-shadow:#999 2px 2px 2px;text-align:left;}
.fullbaslikic{float:left;padding:0 auto 1% auto;font-size:40px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 2px 2px 2px;text-align:left;}
.fullbaslikyari{float:left;width:100%;padding:0px auto 1% auto;font-size:40px;margin-top:0px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 2px 2px 2px;text-align:center;}
.fullbaslikyari2{width:100%;padding:0px auto 1% auto;font-size:40px;margin-top:0px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 2px 2px 2px;text-align:left;}
.colm1{width:50%;float:left;margin-top:3%;}
.colmyarim{width:47%;float:left;margin:0% 1.5% 0 1.5%}
.colm1detay{width:48%;float:left;margin:3% 1% 0 1%;}
.colm1border{width:49%;float:left;padding:0.5%;margin-top:3%;background:url(../images/video_bg.jpg) top left;}
.colm1resim{float:left;width:100%;}
.colm1yazi{float:left;width:90%;padding:2% 5%;color:#000;text-align:justify;}
.colm1yazibaslik{float:left;width:100%;padding:2% auto;font-size:40px;margin-bottom:10px;color:#000;font-family:'Montserrat';text-shadow:#999 2px 2px 2px;text-align:center;}
.colm1yazibuton{float:left;background:url(../images/menu_hover.png) top left repeat;width:30%;height:40px;line-height:40px;text-align:center;margin-top:15px;margin-left:70%}
.colm4{width:23.5%;margin:2% 2% 2% 0%;float:left;}
.colm4son{width:23.5%;margin:2% 0%;float:left;}
.colm4resim{float:left;width:100%;margin:2% 0%;}
.colm4yazi{text-align:justify;width:100%;color:#000;margin-bottom:10px;min-height:120px;}
.colm4yazibaslik{float:left;width:100%;padding:2% auto;font-size:25px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 1px 1px 1px;text-align:center;}
.colm4yazibuton{float:left;background:url(../images/menu_hover.png) top left repeat;width:50%;height:40px;line-height:40px;text-align:center;margin-top:10px;margin-left:50%;}
.urunlist{float:left;position:relative;}
.urunresim{float:left;width:98%;margin:1%;z-index:50;}
.urunbaslik{position:absolute;float:left;background:url(../images/10x10.png) top left repeat;padding:5px 10px 5px 20px;color:#FFF;margin-top:15px;z-index:100;font-size:12px;min-width:20%;}
.urunincele{float:right;position:absolute;width:30px;height:30px;bottom:10px;right:10px;}
.yeniurunetiket{float:right;position:absolute;width:40%;top:-8px;right:-8px;}
.uygulama{float:left;width:100%;margin:1% 0px;}
.uygulama img{margin:3%;width:94%}
.projetipi{float:left;width:13%;padding:1% 1% 1% 1%;font-size:14px;}
.projeaciklamasi{float:left;width:63%;padding:1% 1% 1% 1%;font-size:14px;}
.projesehri{float:left;width:8%;padding:1% 1% 1% 1%;font-size:14px;}
.projetarihi{float:left;width:8%;padding:1% 1% 1% 1%;text-align:right;font-size:14px;}
.refprojeler{float:left;width:100%;margin:3px 0px;border-bottom:#0CF solid 1px;}
.cerceve{float:left;width:16%;margin:0.33%;}
.markabg{background:#FFF url(../images/marka_bg.png) bottom right no-repeat;}
.urundetay{float:left;width:100%;position:relative;margin-bottom:15px;}
.urundetayresim{position:relative;float:left;width:calc(96% - 2px);margin-top:20px;padding:2% 2% 2% 2%;border:#D0D0D0 solid 1px;}
.detayac{position:absolute;width:25%;height:150px;background:url(../images/10x10_50.png) top right repeat;z-index:10;top:50px;right:50px;}
.paylasim{position:absolute;float:right; width:80px;height:27px;bottom:50px;right:40px;z-index:10;}
.sosyaller{display:inline;}
.sosyaller li{float:left;margin:1px;}
.sosyaller li img{width:35px;height:35px;}
.detayacic{width:80%;border:#FFFFFF 1px solid;margin:25px 10%;}
.detkod{width:100%;color:#FFFFFF;text-align:center;height:23px;margin-top:12px;font-size:25px;font-weight:bold;}
.detadi{width:100%;color:#FFFFFF;text-align:center;height:21px;font-size:15px;margin-top:10px;}
.detkat{width:30%;height:3px;color:#FFFFFF;text-align:center;margin-top:2px;font-size:16px;line-height:30px;margin-left:auto;margin-right:auto;margin-bottom:2px;}
.kat{width:100%;font-size:13px;color:#FFFFFF;text-align:center;margin-bottom:10px;}
.kat a{color:#FFFFFF;}
.zemindogal{background:#92d050;}
.zeminreplika{background:#00b0f0;}
.seritBeyaz{float:left;width:70%;margin-left:15%;margin-right:15%;margin-bottom:2px;margin-top:3px;height:1px;background:#FFFFFF;text-align:center;color:#FFFFFF;}
.urundetaybaslik{position:absolute;float:left;background:url(../images/10x10.png) top left repeat;padding:2%;color:#FFF;margin-top:30px;z-index:100;font-size:16px;}
.urundetayface{float:right;width:100px;margin-top:-7%;padding:2%;color:#FFF;z-index:50;font-size:16px;}
.patent{position:absolute;float:right;width:150px;right:30px;top:30px;}
div.thumb{position:relative;width:160px;height:160px;overflow:hidden;border:2px solid #313131;float:left;}
div.divLeft, div.divRight{width:90px;height:160px;overflow:hidden;position:relative;top:-160px;overflow:hidden;float:left;}
div.divLeft{margin-right:-10px;}
div.divLeftImage{width:80px;height:100%;float:left;}
div.divLeftShadow{width:10px;height:100%;float:left;background:transparent url('yapim/shadow.png') repeat-y 0 0;}
div.divRight{width:80px;background-position:-80px 0;}
.thumbnail-shadow{float:left;height:33px;position:relative;top:-320px;width:100%;}
div.someContent{position:relative;width:150px;height:150px;padding:5px 5px 5px 5px;font-size:12px;font-family:'Montserrat';text-align:justify;background:transparent url(yapim/thumbnail-overlay.png) no-repeat scroll 0px -167px;}
div.someContent div.content{color:#CCC;height:150px;font-size:11px;padding:5px 5px 5px 5px;}
.tabmenu{float:left;width:100%;color:#000;text-align:center;margin-top:20px;margin-bottom:20px;}
.tab{display:inline;}
ul.tab li a{float:left;;font-size:16px;padding:16px 20px;margin:5px 5px;color:#fff;background:#A2D9F7;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;}
ul.tab li.aktif a{color:#FFF;background:#3288C4;}
ul.tab li:hover a{color:#FFF;background:#3288C4;}
.tabmenuA{float:right;width:100%;color:#000;text-align:center;margin-top:40px;}
.tabA{float:right;display:inline;}
ul.tabA li a{float:left;;font-size:16px;padding:16px 20px;margin:5px 5px;color:#000;background:#A2D9F7;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;}
ul.tabA li.aktif a{color:#FFF;background:#3288C4;}
ul.tabA li:hover a{color:#FFF;background:#3288C4;}
.uygulamaA{float:left;width:100%;margin:1% 0px;color:#ffffff;opacity:0.5;}
.uygulamaA img{margin:3%;width:94%}
.uygulamaA:hover{color:#FFFFFF;opacity:1;}
.devamyazi{opacity:1;z-index:5;width:100%;text-align:center;font-size:15px;}
.ustaciklama{}
.ustaciklamabaslik{float:left;width:23%;margin-right:5%;height:80px;background:#000000;color:#FFFFFF;text-align:center;line-height:80px;font-size:25px;}
.ustaciklamabaslik img{width:100%;}
.ustaciklamayazi{float:left;width:62%;margin-left:10%;color:#515151;font-size:14px;text-align:right;list-style:none;}
.teknikana{float:left;width:100%;}
.teknikic{position:relative;float:left;width:18%;margin:1%;}
.teknikresim{float:left;width:100%;}
.teknikresimB{position:absolute;top:0;left:0;width:100%;opacity:0;}
.teknikresimB:hover{opacity:0.4;}
.teknikresim img{width:100%;}
.teknikresimB img{width:100%;}
.tekniklogo{position:absolute;width:110%;margin-left:-5%;z-index:3;top:30px;}
.tekniklogo img{width:100%;}
.teknikzemin{position:absolute;width:90%;margin:0 5%;height:250px;background:url(../images/teknikzemin.png) top left repeat;top:10px;}
.teknikaciklama{width:100%;text-align:center;margin-top:calc(100%/1.8);margin-bottom:5px;color:#FFFFFF;}
.teknikincele{float:left;width:60%;margin-left:20%;margin-right:20%;text-align:center;font-size:15px;line-height:30px;background:#000000;color:#FFFFFF;margin-top:15px;}
.teknikincele:hover{background:#ffffff;color:#000000;}
.tabmenu3{float:left;width:92%;color:#fff;text-align:center;margin-top:10px;}
.tabmenu2{float:left;width:100%;color:#fff;text-align:center;margin-top:10px;}
.tab2{display:inline;}
ul.tab2 li a{float:left;color:#000;padding:5px;margin:5px 7px;background:#e6e6e6;height:25px;line-height:25px;font-size:13px;}
ul.tab2 li:hover a{color:#FFF;background:#000;}
ul.tab2 li.secili a{color:#FFF;background:#000;}
.geributon{float:right;width:7%;text-align:center;margin-top:10px;margin-right:1%}
.tabicerik{padding:5px;margin:-6px 0px 5px 0px;padding:20px 0px 0px 0px;border-top:1px solid #3288C4;}
.bol{float:left;width:100%;border-bottom:#0CF solid 1px;}
.bol1{float:left;width:23%;padding:1% 1%;font-size:14px;}
.bol2{float:left;width:73%;padding:1% 1%;font-size:14px;}
.belgelerimiz{float:left;width:18%;padding:1%;text-align:center;}
.belgelerimiz:hover{background:#eaeaea;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;cursor:pointer;}
.dosyaadi{width:70%;padding:3% 2%;margin:1% auto 3% auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#0CF;color:#000;}
.urundetay{width:100%;font-size:15px;}
.detayBlog{float:left;width:47%;margin-left:3%}
.detayBlogFull{float:left;width:96%;margin-left:3%;margin-right:3%;}
.detayBlog2{float:left;width:48%;margin:3% 1%;}
.detaybaslik{font-weight:bold;}
.detayicerik1{float:left;width:40%;text-align:left;}
.detayicerik2{float:left;width:60%;text-align:left;}
.yakinplan{float:left;width:14.5%;margin:1%}
.uygulamaliste{float:left;width:99%;margin:0.5%}
.uygulamadetay{float:left;width:calc(15.66666666666667% - 2px);margin:0.5%;border:#ACACAC 1px solid;}
.uygulamadetayB{float:left;width:32.2%;margin:0.25%}
.uygulamadetayB a{color:#000;}
.uygulamadetay2{float:left;width:19%;margin:0.5%}
.urunlistesi{float:left;width:24%;margin:0.5%;}
.boldum{font-weight:bold;}
.colm1yazibuton{background:url(../images/menu_hover.png) top left repeat;width:30%;height:40px;line-height:40px;text-align:center;}
button.entypo{display:inline-block;margin:0;margin-right:12px;cursor:pointer;border:1px solid #bbb;color:#fff;padding:8px 20px;font-size:20px;line-height:20px;text-decoration:none;white-space:nowrap;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;transition:all .15s linear;text-shadow:1px 0 0 rgba(0,0,0,0.35);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));background-image:-moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));background-image:-ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));background-image:-o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));background-image:linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0));}
button.entypo:active{box-shadow:0 1px 1px rgba(0,0,0,0.35) inset;}
button.blue{float:left;margin-top:15px;margin-left:70%;background-color:#269ce9;border-color:#269ce9;}
button.blue:hover{background-color:#70b9e8;}
button.blue:active{background-color:#269ce9;}
button.blue img{float:left;margin:3px;width:15px;margin-right:15px;}
.icon img{margin-right:20px;}
.colm4 button.blue, .colm4son button.blue{float:left;margin-top:10px;margin-left:45%;}
.footer {bottom:0px;width:100%; height:150px;color:#000;background:url(../images/cizgi_10x1.png) top left repeat-x;}
.footer2{position:fixed;bottom:0px;width:100%;height:110px;margin-bottom:25px;background:url(../images/10x10.png) top left repeat;color:#000;}
.sosyal{float:left;width:20px;margin:5px 5px;height:20px;}
.trans{width:20px;height:20px;background:url(../images/10x10_50.png) top left repeat;}
.trans:hover{background:none;cursor:pointer;}
.logolarfoot{float:right;height:100px;margin-right:2%;margin-top:25px;margin-bottom:25px;}
.logolarfootresim{float:right;width:152px;height:54px;margin-left:5px;}
.logolarfootresim img{width:94%; margin: 0 3%;}
.bulten{float:left;height:110px;width:230px;margin-left:5px;}
.bulten3{float:left;height:110px;width:280px;margin-left:5px;}
.bulten2{float:left;height:110px;width:250px;margin-left:5px;}
.telefon{margin-left:30px;float:left;height:110px;width:260px;font-family:'Montserrat', sans-serif;text-shadow:#000 1px 1px 1px;}
.birinci{float:left;font-size:15px;color:#fff;line-height:110px;margin-left:5px;}
.ikinci{float:left;font-size:35px;color:#fff;line-height:110px;margin-left:5px;}
.ucuncu{float:left;font-size:40px;color:#fff;line-height:110px;margin-left:5px;}
.bosluk{width:100%;height:30px;}
.bosluk2{float:left;width:100%;height:10px;}
.acordiondd{float:left;}
.etiket{position:absolute;float:left;z-index:100;margin-top:180px;}
.sky-tab-content-5, .sky-tab-content-4, .sky-tab-content-3, .sky-tab-content-2, .sky-tab-content-1{min-height:400px;}
.iletisimadres{float:left;width:48%;margin:0 1%;font-size:15px;}
.adresblogA{float:left;width:25%;margin-bottom:10px;}
.adresblogB{float:left;width:1%;margin-right:1%;margin-bottom:10px;}
.adresblogC{float:left;width:72%;margin-bottom:10px; margin-left: 1%;}
.iletisimlogo img{float:left;width:80%;margin:25px 10%;}
.adresblogD{float:left;width:35%;margin:0 1% 10px 1%;font-size:15px;}
.adresblogE{float:left;width:1%;margin-right:1%;font-size:15px;}
.adresblogF{float:left;width:61%;margin-bottom:10px;font-size:15px;}
.adresblogG{float:left;width:10.7%;margin:0 1% 10px 1%;font-size:15px;}
.adresblogH{float:left;width:1%;margin-right:1%;font-size:15px;}
.adresblogJ{float:left;width:85.3%;margin-bottom:10px;font-size:15px;}
.adresblogN{float:left;width:100%;margin-bottom:2px;font-size:25px;}
.adresblogM{float:left;width:100%;margin-bottom:10px;font-size:12px;}
.adresblogP{float:left;width:100%;margin-bottom:10px;font-size:15px;font-weight:bold;}
.google-maps{position:relative;padding-bottom:100%;height:0;overflow:hidden;}
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
.formSmall{float:left;width:46%;margin:0 2% 0 2%}
.formBig{float:left;width:96%;margin:0 2% 0 2%}
.formSmall label{float:left;width:100%;font-size:15px;}
.formSmall input{float:left;font-size:15px;border:1px solid #DADADA;color:#000;height:20px;margin-bottom:0px;margin-right:0px;margin-top:2px;outline:0 none;padding:3px 1% 3px 1%;width:98%;line-height:15px;box-shadow:inset 0px 1px 4px #ECECEC;-moz-box-shadow:inset 0px 1px 4px #ECECEC;-webkit-box-shadow:inset 0px 1px 4px #ECECEC;}
.formSmall select{float:left;font-size:15px;border:1px solid #DADADA;color:#000;height:27px;margin-bottom:0px;margin-right:0px;margin-top:2px;outline:0 none;width:100%;line-height:15px;box-shadow:inset 0px 1px 4px #ECECEC;-moz-box-shadow:inset 0px 1px 4px #ECECEC;-webkit-box-shadow:inset 0px 1px 4px #ECECEC;}
.formBig label{float:left;width:100%;font-size:15px;}
.formBig textarea.big{float:left;font-size:15px;border:1px solid #DADADA;color:#000;height:100px;margin-bottom:0px;margin-right:0px;margin-top:2px;outline:0 none;padding:3px 1% 3px 1%;width:98%;line-height:15px;box-shadow:inset 0px 1px 4px #ECECEC;-moz-box-shadow:inset 0px 1px 4px #ECECEC;-webkit-box-shadow:inset 0px 1px 4px #ECECEC;}
.formBig input.buton{float:right;font-size:15px;border:1px solid #DADADA;color:#888;height:35px;margin-bottom:0px;margin-top:2px;outline:0 none;width:20%;text-align:center;line-height:15px;cursor:pointer;box-shadow:inset 0px 1px 4px #ECECEC;-moz-box-shadow:inset 0px 1px 4px #ECECEC;-webkit-box-shadow:inset 0px 1px 4px #ECECEC;}
.formBig textarea.big:focus,.formSmall input:focus, .formSmall input:focus{border:1px solid #4eb4ff;}
.formBig input.buton:hover{border:1px solid #4eb4ff;}
.teklifblog{float:left;width:48%;margin:1%;}
.tekliform{float:left;width:98%;margin:1%;}
.tekliformyarim{float:left;width:48%;margin:1%;}
.tekliform label, .tekliformyarim label{font-size:12px;width:100%;}
.tekliform input, .tekliformyarim input{float:left;font-size:15px;border:1px solid #DADADA;color:#000;height:20px;margin-bottom:0px;margin-right:0px;margin-top:2px;outline:0 none;padding:3px 1% 3px 1%;width:98%;line-height:15px;box-shadow:inset 0px 1px 4px #ECECEC;-moz-box-shadow:inset 0px 1px 4px #ECECEC;-webkit-box-shadow:inset 0px 1px 4px #ECECEC;}
.tekliform select{float:left;font-size:15px;border:1px solid #DADADA;color:#000;height:27px;margin-bottom:0px;margin-right:0px;margin-top:2px;outline:0 none;width:100%;line-height:15px;box-shadow:inset 0px 1px 4px #ECECEC;-moz-box-shadow:inset 0px 1px 4px #ECECEC;-webkit-box-shadow:inset 0px 1px 4px #ECECEC;}
.seksen{float:left;width:78%;margin:0 1%;}
.yirmi{float:left;width:18%;margin:0 1%;height:27px;margin-bottom:0px;margin-right:0px;margin-top:2px;outline:0 none;line-height:27px;text-align:left;}
hr{height:1px;border:none;background-color:rgb(220,220,220)}
.answer{display:none;padding-left:24px;color:#565656;}
h2{font-family:'Montserrat';line-height:35px;font-size:25px;color:#333333;padding-left:24px;cursor:pointer;background-position:left;background-repeat:no-repeat;}
h2.close{color:#FFF;background:#4eb4ff url(../images/close.png) no-repeat 0 5px;}
.haber{float:left;width:calc(31.33% - 2px);margin:1%;border:solid 1px #CCCCCC;min-height:235px;}
.haberbaslik{float:right;width:calc(100% - 20px);font-size:20px;margin-top:5px;text-align:right;margin-right:5px;color:#000;background:#f0f0f0 url(../images/menu_hover.png) top right repeat-y;padding:5px 10px 5px 0px;}
.haberaciklama img{float:left;width:40%;margin:5px 10px 5px 5px;}
.haberaciklama{float:left;width:calc(100% - 20px);padding:5px;}
p.haberdetay{margin:10px 0px;font-family:'Montserrat';font-size:15px;text-align:justify;}
.column{float:left;min-width:30px;min-height:50px;position:relative;padding:0;}
.column:nth-child(2){box-shadow:-1px 0 0 rgba(0,0,0,0.1);background:url(../images/clickhere.png) 90px 0 no-repeat;}
.column:last-child:before{content:'';position:absolute;height:7px;background:#ceccc6;top:100px;left:10px;}
.colm3{float:left;width:30%;border:solid 1px #269ce9;margin-left:2.5%;margin-top:25px;}
.colm3 button.blue, .colm3son button.blue{float:left;margin-top:10px;margin-bottom:10px;margin-left:5%;width:90%}
.colm3resim{float:left;width:100%;margin:2% 0%;}
.colm3yazi{text-align:justify;width:100%;color:#000;margin-bottom:10px;min-height:120px;}
.colm3yazibaslik{float:left;width:100%;padding:2% auto;font-size:25px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 1px 1px 1px;text-align:center;}
.colm3yazibuton{float:left;background:url(../images/menu_hover.png) top left repeat;width:50%;height:40px;line-height:40px;text-align:center;margin-top:10px;margin-left:50%;}
.colm2{float:left;width:45%;border:solid 1px #269ce9;margin-left:2.3%;margin-right:2.3%;margin-top:25px;}
.colm2 button.blue, .colm3son button.blue{float:left;margin-top:10px;margin-bottom:10px;margin-left:5%;width:90%}
.colm2resim{float:left;width:100%;margin:2% 0%;}
.colm2yazi{text-align:justify;width:100%;color:#000;margin-bottom:10px;min-height:120px;}
.colm2yazibaslik{float:left;width:100%;padding:2% auto;font-size:25px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 1px 1px 1px;text-align:center;}
.colm2yazibuton{float:left;background:url(../images/menu_hover.png) top left repeat;width:50%;height:40px;line-height:40px;text-align:center;margin-top:10px;margin-left:50%;}
.colmkat{float:left;width:45%;margin-left:2.3%;margin-right:2.3%;margin-top:25px;}
.colmkat button.blue, .colm3son button.blue{float:left;margin-top:10px;margin-bottom:10px;margin-left:2%;width:45%}
.colmkatresim{float:left;width:100%;}
.colmkatyazi{text-align:justify;width:100%;color:#000;margin-bottom:10px;min-height:120px;}
.colmkatyazibaslik{float:left;width:100%;padding:2% auto;font-size:25px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 1px 1px 1px;text-align:center;}
.colmkatyazibuton{float:left;background:url(../images/menu_hover.png) top left repeat;width:50%;height:40px;line-height:40px;text-align:center;margin-top:10px;margin-left:50%;}
.colm3kat{float:left;width:30%;margin-left:2.5%;margin-top:25px;}
.colm3kat button.blue, .colm3son button.blue{float:left;margin-top:10px;margin-bottom:10px;margin-left:5%;width:90%}
.colm3katresim{float:left;width:100%;margin:2% 0%;}
.colm3katyazi{text-align:justify;width:100%;color:#000;margin-bottom:10px;min-height:120px;}
.colm3katyazibaslik{float:left;width:100%;padding:2% auto;font-size:25px;margin-bottom:15px;color:#000;font-family:'Montserrat';text-shadow:#999 1px 1px 1px;text-align:center;}
.colm3katyazibuton{float:left;background:url(../images/menu_hover.png) top left repeat;width:50%;height:40px;line-height:40px;text-align:center;margin-top:10px;margin-left:50%;}
.mainresim{width:96%;margin:2% 2% 10px 2%;}
.ustkisim{float:left;width:98%;padding:1%;}
.tum{float:left;width:calc(10% - 20px);border:solid 10px #676767;background:#fff;color:#000;font-size:16px;font-weight:bold;text-align:center;padding:1.6% 2%;}
.tum:hover{color:#fff;background:#000;border:solid 10px #c8c5c5;width:calc(10% - 20px);text-align:center;}
.secili{color:#fff;background:#000;border:solid 10px #c8c5c5;width:calc(10% - 20px);text-align:center;}
a.tum kol{width:100%;}
.renkA{float:left;background:url(../images/urunbutonyesil.jpg) top left repeat;width:43%;height:8px;margin:2% 3%;}
.renkB{float:left;background:url(../images/urunbutonmavi.jpg) top left repeat;width:43%;height:8px;margin:2% 3%;}
.ustbar{float:left;width:85%;margin-left:1%;}
.ustbarB{float:left;width:100%;margin-bottom:15px;}
.yesilyazi{color:#92d050;font-weight:normal;}
.maviyazi{color:#00b0f0;font-weight:normal;}
.seritler{float:left;width:90%;height:1px;background:#CBCBCB;margin:calc(1% - 3px) 5%;}
.seritlery{float:left;width:90%;height:1px;background:#92d050;margin:calc(1% - 3px) 5%;}
.seritlerm{float:left;width:90%;height:1px;background:#00b0f0;margin:calc(1% - 3px) 5%;}
.seritlergri{float:left;width:90%;height:1px;background:#B5B5B5;margin:calc(1% - 3px) 5%;}
.seritlermavi{float:left;width:100%;height:1px;background:#00b0f0;margin:0px 0px calc(1% - 3px) 0px;}
.nerdeyim{float:left;width:80%;height:30px;color:#000;text-align:left;font-size:18px;font-weight:inherit;line-height:30px;margin-bottom:3px;margin-top:7px;}
.nerdeyim a{ float:left; margin:0px 3px;}
.nerdeyim a, .nerdeyim a:active{color:#555555;}
.nerdeyim a:hover{color:#000000;}
.nerdeyim img { float:left; margin:0px 3px;}
.nerdeyim div { float:left; margin:0px 3px;}
.geri{float:left;width:calc(20% - 20px);text-align:right;font:20px;line-height:30px;height:30px;margin-right:20px;color:#efefef;margin-bottom:5px;margin-top:7px;}
.nerdeyim a h1 { float:left; margin:0px 3px;}
.geri a{color:#888888;}
.nerdeyim img, .geri img{vertical-align:middle;}
.model{float:left;width:100%;color:#000;text-align:center;}
.modeltab{display:inline;}
ul.modeltab li a{float:left;;font-size:12px;width:12.2%;margin:0px 0.4% 0 0.4%;padding:0.5%;color:#000;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;border:1px solid #CCC;}
ul.modeltab li a.aktif{color:#000;background:#efefef;border:1px solid #000;}
ul.modeltab li a:hover{color:#000;background:#efefef;border:1px solid #000;}
.modeltabdoku{display:inline;}
ul.modeltabdoku li a{float:left;;font-size:12px;width:18%;margin:0px 0.4% 10px 0.4%;padding:0.5%;color:#000;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;border:1px solid #CCC;}
ul.modeltabdoku li a.aktif{color:#000;background:#efefef;border:1px solid #000;}
ul.modeltabdoku li a:hover{color:#000;background:#efefef;border:1px solid #000;}
.modeltabformat{display:inline;}
ul.modeltabformat li a{float:left;;font-size:12px;width:14.6%;margin:0px 0.4% 0 0.4%;padding:0.5%;color:#000;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;border:1px solid #CCC;}
ul.modeltabformat li a.aktif{color:#000;background:#efefef;border:1px solid #000;}
ul.modeltabformat li a:hover{color:#000;background:#efefef;border:1px solid #000;}
.modeltabkolleksiyon{display:inline;}
ul.modeltabkolleksiyon li a{float:left;;font-size:12px;width:31%;margin:0px 0.4% 0 0.4%;padding:0.5%;color:#000;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;border:1px solid #CCC;}
ul.modeltabkolleksiyon li a.aktif{color:#000;background:#efefef;border:1px solid #000;}
ul.modeltabkolleksiyon li a:hover{color:#000;background:#efefef;border:1px solid #000;}
.markalar{float:left;width:100%;color:#000;text-align:center;margin-bottom:8px;}
.markatab{display:inline;}
ul.markatab li.dogal a{background:url(../images/urunbutonyesil.jpg) top left no-repeat;float:left;font-weight:bold;font-size:18px;width:16.5%;margin:0px 0.5% 0px 0.5%;padding:0.5% 1%;color:#CCC;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;border:2px solid #CCC;}
ul.markatab li.replika a{background:url(../images/urunbutonmavi.jpg) top left no-repeat;float:left;font-weight:bold;font-size:18px;width:16.5%;margin:0px 0.5% 0px 0.5%;padding:0.5% 1%;color:#CCC;-webkit-transition:all .20s ease-in-out linear;-moz-transition:all .20s linear;transition:all .20s linear;border:2px solid #CCC;}
ul.markatab li.dogal a:hover{color:#FFF;background:url(../images/urunbutonyesil.jpg) top left no-repeat #92d050;border:2px solid #333;}
ul.markatab li.replika a:hover{color:#FFF;background:url(../images/urunbutonmavi.jpg) top left no-repeat #00b0f0;border:2px solid #333;}
ul.markatab li.dogal a.aktif{color:#FFF;background:url(../images/urunbutonyesil.jpg) top left no-repeat #92d050;border:2px solid #333;}
ul.markatab li.replika a.aktif{color:#FFF;background:url(../images/urunbutonmavi.jpg) top left no-repeat #00b0f0;border:2px solid #333;}
.alt{font-size:11px;}
ul.markatab li.dogal a:hover .yesilyazi{color:#000000;}
ul.markatab li.replika a:hover .maviyazi{color:#000000;}
ul.markatab li.dogal a.aktif .yesilyazi{color:#000000;}
ul.markatab li.replika a.aktif .maviyazi{color:#000000;}

ul.crttab { display:inline;}
ul.crttab li a{float:left;
    width:calc(93% / 9);
    font-size:14px;
    margin:0px 0.1% 0px 0.1%;
    padding:0.5% 0.1%;
    color:#000000;
    -webkit-transition:all .20s ease-in-out linear;
    -moz-transition:all .20s linear;
    transition:all .20s linear;
    border:2px solid #CCC;
}
ul.crttab li a:hover{
    color:#ffffff;
    background-color: #635b5b;
    -webkit-transition:all .20s ease-in-out linear;
    -moz-transition:all .20s linear;
    transition:all .20s linear;
    border:2px solid #CCC;
}

#tab-menu{float:left;padding:15px 0 15px 0;width:100%;}
.tab-menu{margin-bottom:5px}
.tab-menu a{background:none repeat scroll 0% 0% #FFFFFF;border:1px solid #ececec;color:#000000;text-decoration:none;font-weight:bold;font-size:14px;padding:10px 20px;display:inline-block;}
.tab-menu a.aktif{background:none repeat scroll 0% 0% #ececec;color:#000000;border:1px solid #ececec;}
.tabmenuContent{float:left;width:98%;background:#fff;padding:1%;border:1px solid #ececec;font-size:14px;}
.iconbuton{float:right;width:28%;margin-top:100px;}
.urundetaybas{float:left;width:50%;font-size:30px;line-height:28px;color:#000000;font-weight:bold;margin-top:2%;}
.urundetaybaseng{float:left;width:50%;font-size:30px;line-height:28px;color:#000000;font-weight:bold;margin-top:2%;}
.urundetaybuton{float:left;width:50%;}
.urundetaybutoneng{float:left;width:50%;}
.teklif a{float:right;width:200px;height:40px;text-align:center;line-height:40px;font-size:18px;margin:1px 10px;color:#000000;font-weight:bold;background:url(../images/teklif-buton.jpg) top left no-repeat;}
.teklif a:hover{float:right;width:200px;height:40px;text-align:center;line-height:40px;font-size:18px;margin:1px 10px;color:#ffffff;font-weight:bold;background:url(../images/teklif-buton-aktif.jpg) top left no-repeat;}
.teklifing a{float:right;width:300px;height:60px;text-align:center;line-height:60px;font-size:20px;margin:1px 20px;color:#000000;font-weight:bold;background:url(../images/teklif-butoneng.jpg) top left no-repeat;}
.teklifing a:hover{float:right;width:300px;height:60px;text-align:center;line-height:60px;font-size:20px;margin:1px 20px;color:#ffffff;font-weight:bold;background:url(../images/teklif-buton-aktifeng.jpg) top left no-repeat;}
.paylas{float:right;width:8%;text-align:center;margin:1px 10px;}
.montaj{float:right;width:8%;text-align:center;margin:1px 10px;}
.acA{float:left;width:14%;border-bottom:#efefef 1px solid;margin:0.1%;padding:0.2%;font-size:14px;font-weight:bold;}
.acB{float:left;width:36%;margin:0.2%;padding:0.2%;font-size:14px;}
.acBB{float:left;width:30%;margin:0.2%;padding:0.2%;font-size:14px;}
.acara{float:left;width:0.55%;margin:0.1% 0px;padding:0.2% 0.2px;font-size:14px;}
.acC{float:left;width:2%;margin:0.2%;padding:0px 0.3%;text-align:right;}
.acD{float:left;width:13%;margin:0.2%;padding:0.3%;font-size:13px;}
.acE{float:left;width:19.5%;background:#F1EFEF;margin:0.5%;padding:0.5%;}
.acF{float:left;width:26%;margin:0.5%;padding:0.5%;}
.acG{float:left;width:76%;margin:0.5%;padding:0.5%;}
.acI{float:left;width:30%;margin:0.5%;padding:0.5%;}
.acresim{float:left;width:100%;margin-top:1%;}
.portfolio{margin:10px 0px 50px 0px;}
.portfolio .portfolio-item{float:left;}
.portfolio .portfolio-item .thumba{position:relative;}
.thumba img{width:100%;}
.portfolio .portfolio-item{width:100%;height:auto;display:block;}
.portfolio-hover{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;background-color:#000000;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;}
.portfolio-item:hover .portfolio-hover, .portfolio-item:hover .portfolio-hover .cerceve{opacity:0.7;}
.portfolio-item:hover .portfolio-hover .cerceve,
.portfolio-item:hover .portfolio-hover .idim{opacity:1;}
.portfolio-hover .cerceve{width:80%;margin-left:10%;margin-top:12%;margin-right:auto;border:solid 1px #FFFFFF;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;text-align:center;}
.portfolio-hover .idim{float:left;width:100%;text-align:center;color:#FFFFFF;opacity:0;}
.portfolio-hover .serit{float:left;width:80%;margin-left:10%;margin-right:10%;margin-bottom:2px;height:1px;background:#FFFFFF;text-align:center;color:#FFFFFF;opacity:1;}
.portfolio-hover .idim a, .portfolio-hover .urunadim h4 a, .portfolio-hover .urunadim h3 a{color:#FFFFFF;}
.portfolio-hover .idim a{font-size:12px;margin-bottom:3px;}
.portfolio-hover .urunadim h4{font-size:18px;opacity:1;margin-bottom:3px;}
.portfolio-hover .urunadim h3{font-size:11px;opacity:1;margin-bottom:3px;}
.portfolio-hover .zoom{position:absolute;bottom:0px;right:5px;width:7%;opacity:1;margin-bottom:3px;}
.portfolio.col-4 .portfolio-item{width:31%;margin:0.5%;padding:0.5% 0.5% 0.5% 0.5%;}
.urunlerbasliklist {width:calc(100% - 2px);text-align:Left;color:#000000;font-size:18px; line-height:25px;}
.urunlerbasliklistalt{width:100%;margin-bottom:5px;margin-top:5px;padding-top:5px;padding-bottom:5px;text-align:center;color:#ffffff;background:#000;font-size:12px; line-height:25px;}
.markabaslikreplika{position:relative;float:left;width:calc(100% - 2px);height:70px;border:1px solid #efefef;}
.markabaslikdogal{position:relative;float:left;width:calc(100% - 2px);height:70px;border:1px solid #efefef;}
.markarenkdogal{float:left;width:30px;margin-left:10px;margin-right:10px;height:70px;background:url(../images/dogal.jpg) top left repeat;}
.markarenkreplika{float:left;width:30px;margin-left:10px;margin-right:10px;height:70px;background:url(../images/replika.jpg) top left repeat;}
.markaaciklama{float:left;width:calc(100% - 234px);margin-left:10px;height:70px;font-size:25px;line-height:70px;}
.markaaciklamakucuk{font-size:18px;}
.dogalyazi{color:#92d050}
.replikayazi{color:#00b0f0}
.markalogo{float:left;width:169px;margin-top:5px;margin-right:5px;}
.markalogo img{height:60px;width:169px;}
.nobold{font-weight:normal;font-size:12px;}
.yazibold{font-weight:bold;}
.yakinda{width:100%;}
.yakinda img{width:40%;margin-left:30%;}
.tabreferans{width:100%;}
.tabreferans li{float:left;display:inline;width:calc(28% - 2px);margin:0 1%;color:#000000;font-size:18px;border:#efefef solid 1px;padding:0.7% 10%;text-align:center;}
.tabreferans li:hover{background:#efefef;}
.tabreferans li.tamam{background:#efefef;}
.altaciklama{width:80%;margin-left:10%;margin-right:10%;margin-top:15px;margin-bottom:15px;font-size:15px;text-align:center;}
.kurumana{float:left;width:calc(49% - 2px);margin-left:25%;margin-right:25%;height:70px;padding-top:20px;border:2px solid #999;text-align:center;line-height:22px;margin-bottom:5px;margin-top:10px;font-size:30px;font-weight:bold;}
.ital{font-size:15px;font-style:italic;line-height:15px;font-weight:normal;}
.kurum{float:left;width:calc(39% - 2px);margin-left:30%;margin-right:30%;height:60px;border:2px solid #999;text-align:center;line-height:60px;margin-bottom:5px;margin-top:13px;font-size:20px;font-weight:bold;}
.kurummarka{float:left;float:left;width:calc(84% - 2px);margin-left:7.5%;margin-right:7.5%;height:30px;border:2px solid #efefef;text-align:center;line-height:30px;margin-bottom:5px;font-size:18px;font-weight:bold;}
.markaserit{float:left;width:80%;height:2px;margin:10px calc(10% - 1px);background:#A7A7A7;}
.markaorta{width:100%;text-align:center;padding-left:18%;padding-right:18%;}
.markaresim{float:left;width:19%;margin-left:0.5%;margin-right:0.5%;}
.markaresim img{width:100%;}
.fontum{font-size:18px;}
.markayesil{float:left;width:70%;margin-left:15%;margin-top:10px;margin-right:25%;padding:5px 0;color:#92d050;border:#92d050 2px solid;font-size:20px;line-height:50px;text-align:center;}
.markaortaiki{width:100%;text-align:center;}
.markamavi{float:left;width:70%;margin-left:15%;margin-top:10px;margin-right:25%;padding:5px 0;color:#00b0f0;border:#00b0f0 2px solid;font-size:20px;line-height:50px;text-align:center;}
.markaa{float:left;width:30%;text-align:left;margin-left:12%;margin-top:10px;}
.markab{float:left;width:44%;margin-left:2%;text-align:left;margin-right:12%;margin-top:10px;}
.kurumac{float:left;width:90%;margin-left:5%;margin-right:5%;text-align:center;margin-bottom:10px;font-size:17px;}
.kurumB{float:left;width:100%;text-align:center;font-size:18px;margin-top:8px;font-weight:bold;}
.sol{float:left;width:48%;margin:0px 1%;}
.sag{float:left;width:48%;margin:0px 1%;}
.tektam{float:left;width:98%;margin:0px 1%;}
.tekbas{float:left;width:90%;margin:5px 5%;height:40px;background:#000000;text-align:center;color:#FFFFFF;font-size:20px;line-height:40px;}
.tekbas strong{font-weight: bold;}
ul.tekli{float:left;list-style:inherit;margin-top:25px;margin-bottom:20px;width:100%;}
ul.tekli strong {font-weight: bold;}
.tekli li{width:80%;margin:3px 10%;}
.sol img, .sag img, .tektam img{width:70%;margin:20px 15%;}
.dogaltekzemin{background:url(../images/dogal_bas_zemin.png) left top no-repeat #000000;}
.replikatekzemin{background:url(../images/replika_bas_zemin.png) left top no-repeat #000000;}
.galeribaslik{float:left;width:40%;background:#000000;height:50px;color:#FFFFFF;font-size:15px;line-height:55px;}
.galeriic{margin-left:30px;font-size:20px;line-height:50px;}
.galeribaslikson{float:left;width:60%;height:50px;}
.yan{float:left;width:25%}
.yanresim{float:left;width:91%;margin:2.5%;padding:2%;}
.yanresim img{width:100%;}
.orta{float:left;width:50%;}
.teknikustB{float:left;width:calc(100% - 24px);border:2px solid #efefef;padding:10px;margin-bottom:20px;}
.tekniklog{float:left;width:282px;height:100px;}
.tekniklog img{width:100%;}
.teknikbas{float:right;width:calc(100% - 315px);line-height:100px;margin-right:15px;font-size:18px;color:#787878;text-align:right;}
.teknikurunler{float:left;width:100%;text-align:center;}
ul.tekres{margin-bottom:15px;}
ul.tekres li{display:inline-block;width:18%;text-align:center;padding:2px;border:1px solid #efefef;}
ul.tekres li img{width:100%;}
ul.tekrescretox {margin-bottom:15px;}
ul.tekrescretox li{display:inline-block;width:23%;text-align:center;padding:2px;border:1px solid #efefef;}
ul.tekrescretox li img{width:100%;}
ul.tekrescretox li div{width:100%; margin: 5px 0px; background: #000000; color: #FFFFFF; text-align: center; font-size: 15px; line-height: 24px;}
.iletisimkonu{width:94%;padding:2%;float:left;border:solid 1.5px #666666;font-size:20px;color:#000;text-align:left;margin-top:10px;margin-bottom:10px;}
.urnserit{float:left;width:100%;height:50px;background:url(../images/urunserit.png) top left repeat;margin-top:15px;}
#jcl-demo{width:1050px;margin-left:auto;margin-right:auto;margin-top:10px;}
#jcl-demo .carousel{margin-top:10px;border:1px solid #bababa;padding-left:10px;position:relative;visibility:hidden;left:-5000px;}
#jcl-demo .carousel>ul>li>a>img{width:200px;height:150px;margin:10px 10px 10px 0;}
#jcl-demo a.prev, #jcl-demo a.next, #jcl-demo a.go{display:block;width:26px;height:30px;line-height:1;background-color:#333333;color:ghostwhite;text-decoration:none;font-family:Arial, sans-serif;font-size:25px;border-radius:8px;float:left;}
#jcl-demo a.prev.disabled, #jcl-demo a.next.disabled,
#jcl-demo a.prev.disabled:hover, #jcl-demo a.next.disabled:hover{background-color:#8d8d8d;cursor:default;}
#jcl-demo a.go.highlight{background-color:#dedede;color:#000;}
#jcl-demo a.prev{margin:60px 0 0 0;text-indent:7px;}
#jcl-demo a.next{margin:60px 0 0 0;text-indent:10px;}
#jcl-demo a.prev:hover, #jcl-demo a.next:hover, #jcl-demo a.go:hover{background-color:#666666;}
#jcl-demo .externalControl button,
#jcl-demo .imageSliderExt button{margin:5px 5px 0 0;}
#jcl-demo .externalControl a.next, #jcl-demo .externalControl a.prev, #jcl-demo .externalControl a.go,
#jcl-demo .imageSliderExt a.next, #jcl-demo .imageSliderExt a.prev, #jcl-demo .imageSliderExt a.go{margin:0 5px 0 0;padding:7px 5px 0 5px;font-size:15px;text-align:center;border-radius:3px;}
#jcl-demo .widget img{cursor:pointer;}
#jcl-demo .mid{margin-left:50px;width:400px;height:300px;}
#jcl-demo .vertical{margin-left:170px;}
#jcl-demo .imageSlider .carousel>ul>li>img,
#jcl-demo .imageSliderExt .carousel>ul>li>img{width:400px;height:300px;}
#jcl-demo .imageSlider .carousel>ul>li>p,
#jcl-demo .imageSliderExt .carousel>ul>li>p{width:380px;height:280px;}
.clear{clear:both;}

.uygulamakod{float:left;width:90%;margin-left:5%;margin-right:5%;text-align:right;font-size:12px;}
.buyuk{text-transform:uppercase;}
.ikili { float:left; width:40%; margin:15px 5%;}
.ikili img { width:90%; margin:15px 5%}
label.katalogform{ float:left; width:33%; margin:3px 1%; height:25px; line-height:25px;}
input.katalogin{ float:left; width:60%;margin:3px 1%; height:25px; line-height:25px;}
select.katalogin{ float:left; width:60%;margin:3px 1%; height:25px; line-height:25px;}
textarea.katalogin{ float:left; width:60%; margin:3px 1% 15px 1%; height:75px; }
.UrunSeoaciklama{float:left;width:calc(100% - 42px); margin-left:10px; margin-right:10px; border:1px solid #efefef; font-family:'Montserrat'; color:#6B6B6B; margin-top:15px;}
.UrunSeoaciklama p { margin:5px 10px;}
.iczemin{ position:fixed; width:100%; height:100%; z-index:-1;}
.iczemin img { width:100%; height:100%;} 

.b-description_readmore_wrapper {    
    display: flex;
    flex-flow: column wrap;
    align-items: center;  
    max-width: none !important;
    width: 100%;
}

.b-description_readmore {
    width: 80%;
    position: relative;
    margin-bottom: 25px;
    line-height: 25px;
    font-size: 1em;
    text-align: left;
    box-sizing: border-box;
    padding: 0 15px;
}


.b-description_readmore_button {
    display: inline-block;
    width: 150px;
    border: 1px solid black;
    padding: 5px 0; 
    cursor: pointer; 
    text-align: center;
}

.b-description_readmore_button:hover {
    color: white;
    background: black;
}

.b-description_readmore_ellipsis:after {    
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75%;
    height: 25px;    
    background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1) 65%);
} 

@media only screen and (max-width: 1225px) {


.acA{float:left;width:14%;border-bottom:#efefef 1px solid;margin:0.1%;padding:0.2%;font-size:12px;font-weight:bold;}
.acB{float:left;width:36%;margin:0.2%;padding:0.2%;font-size:12px;}
.acBB{float:left;width:30%;margin:0.2%;padding:0.2%;font-size:12px;}
.acara{float:left;width:0.55%;margin:0.1% 0px;padding:0.2% 0.2px;font-size:12px;}
.acC{float:left;width:2%;margin:0.2%;padding:0px 0.3%;text-align:right; font-size:12px;}
.acD{float:left;width:13%;margin:0.2%;padding:0.3%;font-size:12px;}
.acE{float:left;width:19.5%;background:#F1EFEF;margin:0.5%;padding:0.5%; font-size:12px;}
.acF{float:left;width:26%;margin:0.5%;padding:0.5%; font-size:12px;}
.acG{float:left;width:76%;margin:0.5%;padding:0.5%; font-size:12px;}
.acI{float:left;width:30%;margin:0.5%;padding:0.5%; font-size:12px;}
	

}
