.kurumsalalt{ position: fixed!important; bottom: 0!important; } html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} img{border:0;} :focus {outline:0;} ol, ul {list-style:none;} table {border-collapse:separate; border-spacing:0;} a{text-decoration:none; color:#444;} a:hover{text-decoration:underline;} body{font-family:'Poppins', sans-serif; font-size:12px; line-height:18px; margin:0 auto; padding:0px; color:#333; overflow-x:hidden;} #Temizle{clear:both;} /*Masaüstü Bilgisayarlar İçin Başlangıç*/ @media screen and (min-width:1190px) { *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .Sprite {background:url("../images/Sprite_Bg.png") no-repeat;} #Ortala{width:1190px; margin:0 auto; padding:0px;} #UstBlok{width:100%; height:90px; display:block; margin:0px; padding:0px; float:left; position:relative; z-index:999; background:#fff; -webkit-box-shadow:0px 7px 10px 0px rgba(40,40,40,0.3); -moz-box-shadow:0px 7px 10px 0px rgba(40,40,40,0.3); box-shadow:0px 7px 10px 0px rgba(40,40,40,0.3);} #UstBlok_Ortala{width:1190px; display:block; margin:0 auto; padding:0px;} #Logo a{width:259px; height:164px; float:left; margin:0px; padding:0px; display:block; background:url(../images/Sprite_Bg.png) no-repeat 0 0; margin-top:9px;} #Telefon{width:192px; height:44px; float:right; display:block; margin:0px; padding:0px; margin-top:10px;} #Telefon_Mobil_Dis{display:none;} .MobilMenu{display:none;} #Menu{height:49px; float:right; padding:0px; margin:0px; display:block; margin-top:23px; font-family:'Poppins', sans-serif; font-weight:500;} #Menu ul{float:left; list-style:none; padding:0px; margin:0px; display:block; margin-left:-11px;} #Menu ul li{float:left; padding:0px; margin:0px; display:block; font-size:16px; margin-left:5px;} #Menu ul li a{color:#333; text-decoration:none; padding:12px 14px 14px 14px; margin:0px; display:block;} #Menu ul li:hover > a{color:#fff; background:#cb7d2e; text-decoration:none;} #Menu li ul {height:auto; position:absolute; width:auto; display:none; margin:0px; padding:0px; padding-bottom:8px; background:#cb7d2e; z-index:99999; -webkit-box-shadow:0px 10px 10px 0px rgba(0,0,0,0.80); -moz-box-shadow:0px 10px 10px 0px rgba(0,0,0,0.80); box-shadow:0px 10px 10px 0px rgba(0,0,0,0.80);} #Menu li ul li {float:none!important; margin:0px; padding:0px; font-size:13.5px; font-weight:400;} #Menu li ul li:last-child{border-bottom:0px;} #Menu li ul li a {margin:0px; padding:8px 15px; background:#cb7d2e; color:#fff;} #Menu li ul li a:hover {background:#603917; color:#fff;} #English{width:32px; height:25px; float:left; margin:0px; padding:0px; display:block; background:url(../images/Sprite_Bg.png) no-repeat -212px -212px; margin-top:9px; margin-left:8px;} #English a{width:100%; height:100%; float:left; margin:0px; padding:0px; display:block;} .Butonlar{width:592px; margin:0px; padding:0px; float:left; display:block;} .Butonlar .Buton{width:190px; position:relative; margin:0px; padding:0px; float:left; display:block; margin-left:11px;} .Butonlar .Buton .Resim{text-align:center; height:277px;} .Butonlar .Buton .Resim img{width:100%; max-height:277px;} .Butonlar .Buton .Resim .Yazilar{position:absolute; top:20px; text-align:center; z-index:99; width:100%;} .Butonlar .Buton .Resim .Yazilar h3{width:100%; color:#fff; font-size:18px; font-weight:700; margin:0;} .Butonlar .Buton .Resim .Yazilar h4 {width:100%; color:#fff; font-size:16px; font-weight:600; margin:0;} .Butonlar .Buton .Resim .Yazilar a{display:block; color:#fff; opacity:0; visibility:hidden;} .Butonlar .Buton .Zemin{height: 100%;width: 100%;position: absolute;right: 0;left: 0;top:0;bottom: 0;-webkit-box-shadow: inset 0px 125px 60px -9px #CB7D2E;-moz-box-shadow: inset 0px 125px 60px -9px #CB7D2E;box-shadow: inset 0px 125px 60px -9px #CB7D2E;background-image: url(../images/Buton_Zemin_Bg.png);background-size: contain!important;background-repeat: no-repeat!important;background-position: 50%!important;} .Butonlar .Buton .Zemin:before{content: "";left: 3%;bottom:3%;width: 0;height: 2px;position: absolute;background: #fff;z-index: 99;} .Butonlar .Buton .Zemin:after{content: "";left: 3%;bottom:3%;width: 2px;height: 0px;position: absolute;background: #fff;z-index: 99;} .Butonlar .Buton .hover{background: rgba(37, 152, 191, .5);position: absolute;left: 3%;top: 3%;width: 94%;height: 94%;-webkit-transition: all 1250ms;-o-transition: all 1250ms;transition: all 1250ms;opacity: 0;visibility: hidden;} .Butonlar .Buton .hover a{position: absolute;right: 0;left: 0;top:0;bottom: 0;} .Butonlar .Buton .hover:before{content: "";right: 0;top:0;width: 0;height: 2px;position: absolute;background: #fff;} .Butonlar .Buton .hover:after{content: "";right: 0;top:0;width: 2px;height: 0px;position: absolute;background: #fff;} .Nokta{width:10px; height:10px; background:#fff;margin:8px auto; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px;} .Buton:hover{} .Buton:hover .hover{opacity: 1;visibility: visible;} .Buton:hover .hover:before, .Buton:hover .Zemin:before{-webkit-transition: width 1s ease;-moz-transition: width 1s ease;-o-transition: width 1s ease;transition: width 1s ease;width: 35px;} .Buton:hover .hover:after, .Buton:hover .Zemin:after{-webkit-transition: height 1s ease;-moz-transition: height 1s ease;-o-transition: height 1s ease;transition: height 1s ease;height: 35px;} .Buton:hover .Resim .Yazilar a{margin-top: 0;visibility: visible;opacity: 1;} #Hosgeldiniz{display:none;} #Haberler{width:285px; margin:0px; padding:0px; display:block; float:left; margin-left:23px;} #Haberler_Baslik{width:285px; margin:0px; padding:0px; display:block; float:left; font-size:17px; font-weight:700; background:url(../images/Sprite_Bg.png) repeat-x 0 -259px; margin-bottom:5px;} #Haberler_Baslik span{background:#fff; padding-right:15px;} #Haberler_Haber{width:285px; height:71px; margin:0px; padding:0px; display:block; float:left; overflow:hidden;} #Haberler_Resim{width:88px; height:69px; margin:0px; padding:3px; border:1px solid #ddd; display:block; float:left; background:#fff url(../images/Kenar_Cizgi_Koyu.png) repeat; margin-right:7px;} #Haberler_Resim:hover{border:1px solid #999;} #Haberler_Resim img{width:80px; height:61px; margin:0px; padding:0px; display:block; float:left;} #Haberler_Adi_Spot{width:190px; height:71px; margin:0px; padding:0px; display:block; float:left; overflow:hidden; font-family:Arial,Helvetica;} #Haberler_Adi{width:190px; margin:0px; padding:0px; display:block; float:left; font-size:13px; margin-top:-2px;} #Haberler_Adi a{ font-weight:600; color:#777;} #Haberler_Adi a:hover{color:#333;} #Haberler_Spot{width:190px; margin:0px; padding:0px; display:block; float:left; font-size:12px; color:#666;} #Haberler ul li{width:285px; float:left; margin:0px; padding:0px; display:block; margin-top:9px; padding-bottom:7px; border-bottom:1px dashed #ccc;} #Haberler ul li:last-child{border-bottom:0px; padding-bottom:0px;} #Referanslar{width:266px; height:276px; margin:0px; padding:14px 13px; float:left; display:block; margin-left:24px; background:#e3e3e3; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px;} #Referanslar_OncekiSonraki{width:32px; margin:0px; padding:0px; float:left; display:block; position:absolute; margin-left:253px; margin-top:15px;} #Referanslar_Onceki{width:32px; height:36px; margin:0px; padding:0px; display:block; float:left; background:url(../images/Sprite_Bg.png) repeat-x -348px -179px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomright:8px; border-top-right-radius:8px; border-bottom-right-radius:8px;} #Referanslar_Onceki:hover{background:url(../images/Sprite_Bg.png) repeat-x -380px -179px;} #Referanslar_Sonraki{width:32px; height:36px; margin:0px; padding:0px; display:block; float:left; background:url(../images/Sprite_Bg.png) repeat-x -348px -216px; margin-top:3px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomright:8px; border-top-right-radius:8px; border-bottom-right-radius:8px;} #Referanslar_Sonraki:hover{background:url(../images/Sprite_Bg.png) repeat-x -380px -216px;} #Referanslar_Yazilar{width:240px; margin:0px; padding:0px; float:left; margin-bottom:10px;} #Referanslar_Yazilar_UstBaslik{width:240px; margin:0px; padding:0px; float:left; font-size:16px; color:#777;} #Referanslar_Yazilar_Baslik{width:240px; margin:0px; padding:0px; float:left; font-size:22px; font-weight:bold; color:#222; margin-top:6px;} #Referanslar_Yazilar_AltBaslik{width:240px; margin:0px; padding:0px; float:left; font-size:13px; margin-top:8px; color:#555;} .cycle-slideshow{width:240px; margin:0px; padding:0px; float:left; display:block;} .cycle-slideshow img{width:240px; height:149px; margin:0px; padding:5px; float:left; display:block; background:#fff; border:1px solid #ccc;} #BizeUlasin{display:none;} #AltBlok{width:100%; height:100px; display:block; margin:0px; padding:0px; padding-top:10px; float:left; margin-top:20px; font-size:12px; background:url(../images/AltBlok_Bg.png) no-repeat center top; color:#ccc;} #AltBlok_Ici{width:1190px; display:block; margin:0 auto; padding:0px; font-weight:bold;} #AltBlok_Menu{width:1190px; height:43px; float:left; padding:0px; margin:0px; display:block; margin-bottom:17px;} #AltBlok_Menu ul{float:left; margin:0px; padding:0px; display:block; list-style:none;} #AltBlok_Menu ul li{float:left; padding:0px; margin:0px; display:block; font-size:13px; font-weight:600;} #AltBlok_Menu ul li a{color:#fff; text-decoration:none; margin:7px 0px; padding:5px 10px; display:block;} #AltBlok_Menu ul li a:hover{color:#fff; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 5px rgba(255, 255, 255,1); box-shadow: 0px 0px 5px rgba(255, 255, 255, 1);} #AltBlok_Menu li ul {width:auto; position:absolute; display:none; z-index:999; margin:0px; padding:0px; opacity:.90; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; -khtml-opacity: .90; -moz-opacity: .90; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); background-color: #fff\9; background-image:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(rgba(255, 255, 255, 0.91))); background-image: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.91)); background-image: -moz-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.91)); border:0px;} #AltBlok_Menu li ul li {float: none!important; margin:0px; padding:0px; font-size:12px;} #AltBlok_Menu li ul li a {margin:0px; padding:7px 13px; background-color:#fff; color:#000; text-align:left; font-weight:normal;} #AltBlok_Menu li ul li a:hover {background-color:#000; color:#fff; text-align:left; -moz-border-radius:0px; border-radius:0px; -webkit-border-radius:0px;} #AltBlok_Menu_Ara_Cizgi{width:4px; height:26px; margin:0px 4px; padding:0px; display:block; float:left; background:url(../images/Sprite_Bg.png) -255px -683px; margin-top:19px;} #AltBlok_Sosyal{margin:0px; padding:0px; display:block; float:right; margin-top:9px; margin-right:5px;} #AltBlok_Sosyal a.Facebook{width:27px; height:27px; margin:0px; padding:0px; float:left; display:block; background:url(../images/Sprite_Bg.png) 0px -685px;} #AltBlok_Sosyal a.Twitter{width:27px; height:27px; margin:0px; padding:0px; float:left; display:block; background:url(../images/Sprite_Bg.png) -42px -685px; margin-left:5px;} #AltBlok_Sosyal a.GooglePlus{width:27px; height:27px; margin:0px; padding:0px; float:left; display:block; background:url(../images/Sprite_Bg.png) -84px -685px; margin-left:5px;} #AltBlok_Sosyal a.Instagram{width:27px; height:27px; margin:0px; padding:0px; float:left; display:block; background:url(../images/Sprite_Bg.png) -126px -685px; margin-left:5px;} #AltBlok_Sosyal a.Youtube{width:27px; height:27px; margin:0px; padding:0px; float:left; display:block; background:url(../images/Sprite_Bg.png) -168px -685px; margin-left:5px;} #Copyright{width:400px; display:block; margin:0px; padding:0px; float:left; font-weight:500;} #Tasarim{width:400px; display:block; margin:0px; padding:0px; float:right; text-align:right; font-weight:500;} #Tasarim a{color:#ccc;} #Footer_Mobil{display:none;} #AltBanner{width:100%; height:150px; margin:0px; padding:0px; display:block; float:left; overflow:hidden; background:url(../images/AltBanner_Bg.jpg) no-repeat center top;} #AltBanner_Golge{width:100%; height:150px; margin:0px; padding:0px; display:block; float:left; overflow:hidden; background:url(../images/AltBanner_Golge.png) repeat;} #Detay{width:1190px; min-height:400px; margin:0px; padding:0px; display:block; float:left; font-size:14px; line-height:20px; font-family:Arial,Helvetica;} #Detay_Baslik{width:1190px; line-height:25px; margin:0px; padding:0px; display:block; float:left; font-size:25px; font-weight:bold; color:#000; margin-bottom:14px;} #Detay_Baslik a{color:#000;} #iletisim{width:495px; float:left; margin:0px; padding:0px; display:block;} #iletisim .input{width:100%; padding:10px; color:#333; font-family:Arial; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc; margin-bottom:8px;} #iletisim .input:focus{background:#ddd; border:1px dashed #555;} #iletisim .textarea{width:100%; height:110px; padding:10px; color:#333; font-family:Arial; font-size:12px; color:#333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc; margin-bottom:8px;} #iletisim .textarea:focus{background:#ddd; border:1px dashed #555;} #iletisim .select{width:100%; padding:9px; color:#333; font-family:Arial; font-size:12px; color:#333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc; margin-bottom:8px;} #iletisim .select:focus{background:#ddd; border:1px dashed #555;} #GuvenlikKutulari{margin:0px; padding:0px; display:block; float:right; margin-top:7px;} #GuvenlikKutulari div{margin:0px; padding:0px; display:block; float:left; margin-left:8px;} .Captcha_Input{width:90px; height:50px; margin:0px; padding:5px 12px; float:left; display:block; font-size:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc;} .Captcha_Input:focus{background:#ddd; border:1px dashed #555;} .Gonder_Buton{width:140px; height:50px; margin:0px; padding:0px; display:block; float:right; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#888 url(../images/Sprite_Bg.png) no-repeat 10px -156px; border:1px solid #666; cursor:pointer;} .Gonder_Buton:hover{background:#444 url(../images/Sprite_Bg.png) no-repeat 10px -156px; border:1px dashed #000;} #adresim{width:440px; float:left; margin:0px; padding:0px; display:block; font-size:14px; line-height:21px; margin-left:40px;} #adresim td{ padding:0px; padding:4px;} #Harita iframe{width:100%; height:525px; margin:0px; padding:0px; display:block; float:left; margin-top:15px;} #TeklifTalebiFormuSag{margin:0px; padding:0px; display:block; float:right; font-size:14px; line-height:22px; padding-left:20px;} #Projeler{width:100%; margin:0px; padding:0px; display:block; float:left;} #Projeler ul{width:100%; margin:0px; padding:0px; display:block; float:left; list-style:none;} #Projeler ul li{width:24%; margin:0px; padding:4px; display:block; float:left; margin-right:1.3%; margin-bottom:1.3%; background:#eee; border:1px solid #ccc; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} #Projeler ul li:nth-child(4n){margin-right:0px;} #Projeler ul li:hover{background:#cb7d2e; border:1px solid #cb7d2e;} #Projeler ul li #Resim{margin:0px; padding:0px; display:block; float:left; overflow:hidden;} #Projeler ul li #Resim img{width:100%; margin:0px; padding:0px; display:block; float:left; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} #Projeler ul li #Adi{width:100%; margin:0px; padding:8px 0px 6px 0px; display:block; float:left; font-size:13px; font-weight:bold; text-align:center; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px; border-bottom-left-radius:5px;} #Projeler ul li #Adi a{color:#333; display:block;} #Projeler ul li #Adi a:hover{text-decoration:none;} #Projeler ul li:hover #Adi{color:#fff;} #Projeler ul li:hover #Adi a{color:#fff;} ul.sayfalama {width:100%; margin:0px; padding:0px; float:left; display:block;} ul.sayfalama li {margin:2px 3px; padding:0px; float:left; display:block; background:#005689; font-size:14px;} ul.sayfalama li span {padding:5px 8px; display:block;} ul.sayfalama li a {background:#6fa71c; color:#fff; text-decoration:none; padding:6px 13px; display:block; font-weight:bold;} ul.sayfalama li a:hover {background:#444; color:#fff;} ul.sayfalama li .secili{background:#444; color:#fff;} #Uyari_Bulunamadi{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:14px; font-weight:bold; color:#ff0000; text-align:left; margin-bottom:10px;} #ReferansListele{width:1190px; margin:0px; padding:0px; display:block; float:left;} #ReferansListele img{width:226px; height:139px; margin:0px; padding:3px; display:block; float:left; margin-right:14px; margin-bottom:14px; background:#fff; border:1px solid #ddd;} #ReferansListele img:nth-child(5n){margin-right:0px;} #Blog{width:455px; height:128px; margin:0px; padding:0px; display:block; float:left; padding-bottom:15px; margin-left:36px; margin-bottom:15px; border-bottom:1px dashed #ccc; overflow:hidden;} #Blog_Resim img{width:160px; height:120px; margin:0px; padding:3px; display:block; float:left; border:1px solid #ccc; background:#fff;} #Blog_Resim img:hover{border:1px solid #888;} #Blog_Baslik{width:277px; margin:0px; padding:0px; display:block; float:left; margin-left:10px; font-weight:bold; font-size:14px; margin-top:5px;} #Blog_Baslik a{ color:#555;} #Blog_Baslik a:hover{ color:#000;} #Blog_Spot{width:277px; height:95px; margin:0px; padding:0px; display:block; float:left; margin-left:10px; font-size:12px; line-height:19px; margin-top:4px; overflow:hidden;} #Blog_Spot a{color:#665689;} #Proje_Icerik{width:600px; min-height:300px; margin:0px; padding:0px; float:left; display:block;} #Proje_Resimler{width:535px; margin:0px; padding:0px; float:right; display:block; margin-right:-10px;} #Proje_Resimler figure{margin:0px; padding:0px; float:left; display:block;} #Proje_Resimler figure img{width:525px; margin:0px; padding:3px; float:left; display:block; margin-bottom:8px; border:1px solid #ccc;} #Proje_Resimler figure img#KucukResim{width:125px; height:100px; margin:0px; padding:3px; float:left; display:block; margin-right:8px; margin-bottom:8px; border:1px solid #ccc;} #FotoListele{width:1190px; margin:0px; padding:0px; float:left; display:block; margin-top:20px;} #FotoListele figure{margin:0px; padding:0px; float:left; display:block; margin-left:11px; margin-bottom:11px; text-align:center; font-size:13px;} #FotoListele figure img{width:289px; height:215px; margin:0px; padding:0px; float:left; display:block; border:1px solid #ddd; padding:3px; background:#fff;} } /*Masaüstü Bilgisayarlar İçin Bitiş*/ /*Telefonlar İçin Başlangıç*/ @media screen and (min-width:250px) and (max-width:1190px) { *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .Sprite {background:url("../images/Sprite_Bg.png") no-repeat;} #Ortala{width:100%; margin:0px; padding:0px; float:left;} #UstBlok{width:100%; height:74px; display:block; margin:0px; padding:0px; float:left; position:relative; z-index:999; background:#fff; -webkit-box-shadow:0px 7px 10px 0px rgba(40,40,40,0.3); -moz-box-shadow:0px 7px 10px 0px rgba(40,40,40,0.3); box-shadow:0px 7px 10px 0px rgba(40,40,40,0.3);} #UstBlok_Ortala{width:100%; display:block; margin:0 auto; padding:0px;} #Logo a{width:238px; height:163px; float:left; margin:0px; padding:0px; display:block; background:url(../images/Sprite_Bg.png) no-repeat 0 -520px; position:absolute; margin-top:5px; margin-left:7px;} #Menu{display:none;} .MobilMenu{background:rgba(18, 25, 29, .97); position:fixed; right:0; top:0; left:0; width:100%; height:100%; z-index:99999; padding:25px; overflow-x:hidden; overflow-y:auto; -webkit-transform:translate(100%, 0px); -moz-transform:translate(100%, 0px); -o-transform:translate(100%, 0px); -ms-transform:translate(100%, 0px); transform:translate(100%, 0px); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;-o-transition:all 0.5s ease; transition:all 0.5s ease;} .MobilMenu-Aktif .MobilMenu{-moz-transform:translate(0,0px); -o-transform:translate(0,0px); -ms-transform:translate(0,0px); transform:translate(0,0px);} .MobilMenu h3{font-size:20px; margin:0; padding:0px; color:#fff; margin-bottom:5px;} .MobilMenu h3.menu-name{background:url(../images/gerimobilmenu.png) no-repeat left center; cursor:pointer; padding-left:18px;} .MobilMenu .rtl{left:100%; opacity:1; visibility:visible;} .MobilMenu .ltl{left:-100%;} .MobilMenu>ul{-webkit-padding-start:0; padding-inline-start:0; position:absolute; left:0; width:100%; -webkit-transition:all 0.5s ease;- moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .MobilMenu>ul>li{list-style:none;} .MobilMenu>ul>li>a{color:#fff; display:block; padding:10px 0; font-size:15px; font-weight:bold; padding-left:25px;} .MobilMenu>ul>li>a>i{margin-right:5px; width:25px; text-align:center;} .MobilMenu>ul>li>ul{-webkit-padding-start:0; padding-inline-start:0; padding-left:25px; position:absolute; top:0; width:100%; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; left:100%; opacity:0; visibility:hidden;} .MobilMenu>ul>li>ul>li{list-style:none;} .MobilMenu>ul>li>ul>li>a{color:#fff; display:block; padding:5px 0; font-size:14px;} .MobilMenu>ul>li>ul>li>a>i{margin-right:5px; width:25px; text-align:center;} .MobilMenu>ul>li>ul>li>ul{-webkit-padding-start:0; padding-inline-start:0; padding-left:40px; display:none;} .MobilMenu>ul>li>ul>li>ul>li{list-style:none;} .MobilMenu>ul>li>ul>li>ul>li>a{color:#fff; display:block; padding:10px 0; font-size:15px;} .MobilMenu>ul>li>ul>li>ul>li>a>i{margin-right:5px; width:25px; text-align:center;} .MobilMenuButon {width:30px; height:22px; top:26px; right:17px; position:absolute; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out; cursor:pointer; z-index:999999;} .MobilMenuButon span {display:block;position:absolute;height:4px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;} .MobilMenuButon span:nth-child(1) {top:0px;} .MobilMenuButon span:nth-child(2), .MobilMenuButon span:nth-child(3) {top:9px;} .MobilMenuButon span:nth-child(4) {top:18px;} .MobilMenu-Aktif .MobilMenuButon{position:fixed;} .MobilMenu-Aktif .MobilMenuButon span:nth-child(1) {top:18px;width:0%;left:50%; background:#fff;} .MobilMenu-Aktif .MobilMenuButon span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg); background:#fff;} .MobilMenu-Aktif .MobilMenuButon span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg); background:#fff;} .MobilMenu-Aktif .MobilMenuButon span:nth-child(4) {top:18px;width:0%;left:50%; background:#fff;} a.English{background:#ff0000; margin:8px 20px; text-align:center;} #Hosgeldiniz{width:100%; margin:0px; padding:0px; padding:10px 15px; margin-top:-15px; display:block; float:left; overflow:hidden;} #Hosgeldiniz_Baslik{width:100%; margin:0px; padding:0px; display:block; float:left; font-size:17px; font-weight:700; background:url(../images/Sprite_Bg.png) 0 -259px;} #Hosgeldiniz_Baslik span{background:#fff; padding-right:15px;} #Hosgeldiniz_UstYazi{width:100%; margin:0px; padding:0px; display:block; float:left; overflow:hidden; font-size:14px; color:#555; line-height:17px; margin-top:10px;} #Hosgeldiniz_Resim{width:100%; height:150px; margin:0px; padding:0px; display:block; float:left; margin-top:8px; margin-bottom:7px; background:url(../images/Sprite_Bg.png) repeat-x 0 -280px;} #Hosgeldiniz_Yazi{width:100%; margin:0px; padding:0px; display:block; float:left; overflow:hidden; font-size:12px; color:#666;} .Butonlar{display:none;} #Haberler{display:none;} #Referanslar{width:100%; margin:0px; padding:10px 15px; float:left; display:block; margin-top:5px; text-align:center;} #Referanslar_OncekiSonraki{width:100%; margin:0px; padding:0px; float:left; display:block; position:absolute; margin-top:5px;} #Referanslar_Onceki{width:32px; height:36px; margin:0px; padding:0px; display:block; float:left; background:url(../images/Sprite_Bg.png) repeat-x -348px -179px;} #Referanslar_Onceki:hover{background:url(../images/Sprite_Bg.png) repeat-x -380px -179px;} #Referanslar_Sonraki{width:32px; height:36px; margin:0px; padding:0px; display:block; float:right; margin-right:30px; background:url(../images/Sprite_Bg.png) repeat-x -348px -216px;} #Referanslar_Sonraki:hover{background:url(../images/Sprite_Bg.png) repeat-x -380px -216px;} #Referanslar_Yazilar{width:100%; margin:0px; padding:0px; float:left; margin-bottom:10px;} #Referanslar_Yazilar_UstBaslik{width:100%; margin:0px; padding:0px; float:left; font-size:15px; color:#777;} #Referanslar_Yazilar_Baslik{width:100%; margin:0px; padding:0px; float:left; font-size:21px; font-weight:bold; color:#222; margin-top:6px;} #Referanslar_Yazilar_AltBaslik{display:none;} .cycle-slideshow{width:100%; display:block; margin:0px; padding:0px; float:left;} .cycle-slideshow img{width:100%; margin:0px; padding:5px; float:left; background:#fff; border:1px solid #ccc;} #BizeUlasin{width:100%; margin:0px; padding:0px 15px; display:block; float:left; margin-top:25px;} #BizeUlasin_Baslik{width:100%; margin:0px; padding:0px; display:block; float:left; font-size:17px; font-weight:700; text-align:center; background:url(../images/Sprite_Bg.png) 0 -259px;} #BizeUlasin_Baslik span{background:#fff; padding:0px 12px;} #BizeUlasin_Senecek{width:100%; height:31px; display:block; margin:0px; padding:0px; float:left; color:#777; margin-top:10px; padding-left:32px; position:relative; font-family:Arial,Helvetica;} #BizeUlasin_Senecek a{color:#777;} #BizeUlasin_Senecek .BizeUlasin_Adres {width:23px; height:31px; position:absolute; background-position:0 -212px; left:0;} #BizeUlasin_Senecek .BizeUlasin_Telefon {width:20px; height:31px; position:absolute; background-position:-27px -212px; left:0;} #BizeUlasin_Senecek .BizeUlasin_Mail {width:25px; height:16px; position:absolute; background-position:-51px -212px; left:0;} #AltBlok{display:none;} #Footer_Mobil{width:100%; display:block; margin:0px; padding:10px 0px; float:left; display:block; float:left; font-size:12px; background:#cb7d2e; border-top:1px solid #1f7418; font-size:14px; text-align:center; color:#fff; margin-top:20px;} #Footer_Mobil a{color:#fff;} #Detay{width:100%; margin:0px; padding:0px; float:left; display:block; font-family:Arial,Helvetica; margin-top:80px;} #Detay_Baslik{width:100%; margin:0px; padding:0px 10px; display:block; color:#000; font-size:16px; font-weight:bold;} #Detay_Icerik{width:100%; margin:0px; padding:10px; float:left; display:block; font-size:13px; line-height:20px;} #Detay_Icerik img{width:100%; height:100%;} #iletisim{width:100%; float:left; margin:0px; padding:0px; display:block; margin-top:2px;} #iletisim .input{width:100%; padding:12px 9px; color:#333; font-family:Arial; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc; margin-bottom:8px;} #iletisim .input:focus{background:#ddd; border:1px dashed #555;} #iletisim .textarea{width:100%; height:105px; padding:9px; color:#333; font-family:Arial; font-size:12px; color:#333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc; margin-bottom:8px;} #iletisim .textarea:focus{background:#ddd; border:1px dashed #555;} #iletisim .select{width:100%; padding:9px; color:#333; font-family:Arial; font-size:12px; color:#333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc; margin-bottom:8px;} #iletisim .select:focus{background:#ddd; border:1px dashed #555;} #GuvenlikKutulari{margin:0px; padding:0px; display:block; float:right; margin-top:6px;} #GuvenlikKutulari div{margin:0px; padding:0px; display:block; float:left; margin-left:8px;} #Yenile{display:none;} .Captcha_Input{width:85px; height:50px; margin:0px; padding:5px 8px; float:left; display:block; font-size:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f7f7f7; border:1px solid #ccc;} .Captcha_Input:focus{background:#ddd; border:1px dashed #555;} .Gonder_Buton{width:52px; height:48px; margin:0px; padding:0px; display:block; float:right; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#888 url(../images/Sprite_Bg.png) no-repeat -153px -157px; border:1px solid #666; cursor:pointer;} .Gonder_Buton:hover{background:#444 url(../images/Sprite_Bg.png) no-repeat -153px -157px; border:1px dashed #000;} #adresim{width:100%; float:left; font-size:14px; line-height:21px; margin-top:15px;} #adresim td{ padding:0px; padding:4px;} #Harita iframe{width:100%; height:300px; margin:0px; padding:0px; display:block; float:left; margin-top:15px;} #Projeler{width:100%; margin:0px; padding:0px; display:block; float:left;} #Projeler ul{width:100%; margin:0px; padding:0px; display:block; float:left; list-style:none;} #Projeler ul li{width:48.7%; margin:0px; padding:4px; display:block; float:left; margin-right:2.5%; margin-bottom:14px; background:#eee; border:1px solid #ccc; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} #Projeler ul li:nth-child(2n){margin-right:0px;} #Projeler ul li:hover{background:#584e82; border:1px solid #584e82;} #Projeler ul li #Resim{width:100%; margin:0px; padding:0px; display:block; float:left; overflow:hidden;} #Projeler ul li #Resim img{width:100%; margin:0px; padding:0px; display:block; float:left; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} #Projeler ul li #Resim figure{margin:0px; padding:0px; display:block; float:left;} #Projeler ul li #Adi{width:100%; margin:0px; padding:8px 0px 6px 0px; display:block; float:left; font-size:13px; font-weight:bold; text-align:center; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px; border-bottom-left-radius:5px;} #Projeler ul li #Adi a{color:#333; display:block;} #Projeler ul li #Adi a:hover{text-decoration:none;} #Projeler ul li:hover #Adi{color:#fff;} #Projeler ul li:hover #Adi a{color:#fff;} ul.sayfalama {width:100%; margin:0px; padding:0px; float:left; display:block;} ul.sayfalama li {margin:2px 3px; padding:0px; float:left; display:block; background:#005689; font-size:14px;} ul.sayfalama li span {padding:5px 8px; display:block;} ul.sayfalama li a {background:#000; color:#fff; text-decoration:none; padding:6px 13px; display:block; font-weight:bold;} ul.sayfalama li a:hover {background:#444; color:#fff;} ul.sayfalama li .secili{background:#444; color:#fff;} #Uyari_Bulunamadi{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:14px; font-weight:bold; color:#ff0000; text-align:left; margin-bottom:10px;} #ReferansListele{width:100%; margin:0px; padding:0px; display:block; float:left;} #ReferansListele img{width:48%; margin:1%; padding:3px; display:block; float:left; background:#fff; border:1px solid #ddd;} #ReferansListele img:nth-child(2n){margin-right:0px;} #Blog{width:100%; margin:0px; padding:0px; display:block; float:left; padding-bottom:20px; margin-top:5px; margin-bottom:15px; border-bottom:1px dashed #ccc; overflow:hidden;} #Blog_Resim img{width:100%; margin:0px; padding:3px; display:block; float:left; border:1px solid #ccc; background:#fff;} #Blog_Resim img:hover{border:1px solid #888;} #Blog_Baslik{width:100%; margin:0px; padding:0px; display:block; float:left; font-weight:bold; font-size:14px; margin-top:5px;} #Blog_Baslik a{ color:#555;} #Blog_Baslik a:hover{ color:#000;} #Blog_Spot{width:100%; margin:0px; padding:0px; display:block; float:left; font-size:12px; line-height:19px; margin-top:4px; overflow:hidden;} #Blog_Spot a{color:#665689;} #Proje_Icerik{width:100%; margin:0px; padding:0px; float:left; display:block;} #Proje_Resimler{width:100%; margin:0px; padding:0px; float:right; display:block; margin-top:12px;} #Proje_Resimler figure{margin:0px; padding:0px; float:left; display:block;} #Proje_Resimler figure img{width:100%; margin:0px; padding:3px; float:left; display:block; margin-bottom:8px; border:1px solid #ccc;} #Proje_Resimler figure img#KucukResim{width:100%; margin:0px; padding:3px; float:left; display:block; margin-right:8px; margin-bottom:8px; border:1px solid #ccc;} #FotoListele{width:100%; margin:0px; padding:0px; float:left; display:block;} #FotoListele figure{width:100%; margin:0px; padding:0px; float:left; display:block; margin-top:10px; text-align:center; font-size:12px;} #FotoListele figure img{width:100%; margin:0px; padding:0px; float:left; display:block; border:1px solid #ddd; padding:3px; background:#fff;} } .swiper-pagination-bullet-active{ background:#603917!important; border-color:#603917!important; } /*Telefonlar İçin Bitiş*/