@font-face { font-family: 'hurmegeometricbold'; src: url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-bold_0-webfont.eot'); src: url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-bold_0-webfont.woff2') format('woff2'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-bold_0-webfont.woff') format('woff'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-bold_0-webfont.ttf') format('truetype'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-bold_0-webfont.svg#hurmegeometricbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'hurmegeometricregular'; src: url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-regular-webfont.eot'); src: url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-regular-webfont.woff2') format('woff2'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-regular-webfont.woff') format('woff'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-regular-webfont.ttf') format('truetype'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-regular-webfont.svg#hurmegeometricregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'hurmegeometricssemibold'; src: url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-semibold-webfont.eot'); src: url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-semibold-webfont.woff2') format('woff2'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-semibold-webfont.woff') format('woff'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-semibold-webfont.ttf') format('truetype'), url('../fontlar/HurmeGeometricSans/hurmegeometricsans3-semibold-webfont.svg#hurmegeometricssemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTProLt'; src: url('../fontlar/HelveticaNeueLTProLt/HelveticaNeueLTPro-Lt.eot'); src: url('../fontlar/HelveticaNeueLTProLt/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'), url('../fontlar/HelveticaNeueLTProLt/HelveticaNeueLTPro-Lt.woff2') format('woff2'), url('../fontlar/HelveticaNeueLTProLt/HelveticaNeueLTPro-Lt.woff') format('woff'), url('../fontlar/HelveticaNeueLTProLt/HelveticaNeueLTPro-Lt.ttf') format('truetype'), url('../fontlar/HelveticaNeueLTProLt/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTProLt') format('svg'); font-weight: normal; font-style: normal; }


* { orphans: inherit; margin: 0; padding: 0; }
body { font-family: hurmegeometricregular, Arial; font-weight: 300; font-size: 14px; color: #52514f; line-height: 18px; }
a { color: #2f4456; text-decoration: none; }
    a:hover { text-decoration: none; color: #151e26; }
img, iframe, table { max-width: 100%; border: none; }
img { height: auto; }
b, strong { font-family: hurmegeometricbold; }
ul, li { list-style: none; vertical-align: top; margin: 0; padding: 0; }
button, input, select, textarea { font-family: Arial; font-size: 100%; vertical-align: baseline; background: none; border: none; margin: 0; }
    button[disabled], input[disabled] { cursor: default; }
textarea { overflow: auto; vertical-align: top; }
    textarea:focus, input:focus, select:focus { outline: none; }
.loading { background: url(../img/loading.gif) no-repeat center; }
.left { width: auto; height: auto; float: left; }
.right { width: auto; height: auto; float: right; }
.clr { clear: both; }
.center { width: 1170px; margin: 0 auto; }
.icerik_resim { margin: 10px; }

#container { min-height: 100%; position: relative; }

#header { width: 100%; height: auto; position: relative; z-index: 9; }
    #header .logo { width: 330px; height: auto; float: left; margin-top: 10px; }
    #header .header_sag { width: 741px; height: auto; float: right; background: url(../img/menubg.png) no-repeat center; padding: 12px 30px; margin-top: 10px; }
        #header .header_sag .ustmenu { height: 40px; float: right; }
            #header .header_sag .ustmenu a { border-right: 1px solid #52514f; padding: 0px 5px 0px 5px; }
        #header .header_sag .arama { width: 300px; height: 44px; float: right; }
            #header .header_sag .arama .txtarama { width: 263px; height: 25px; padding: 0px 5px 0px 5px; background: #fff; float: left; color: #808080; }
            #header .header_sag .arama .btnarama { float: left; width: 27px; height: 25px; background: url(../img/btnarama.png) no-repeat top left; cursor: pointer; }

        #header .header_sag ul.ortamenu { font-size: 17px; font-family: hurmegeometricssemibold; color: #52514f; float: right; }
            #header .header_sag ul.ortamenu li { float: left; margin-left: 20px; }
            #header .header_sag ul.ortamenu a { color: #52514f; }
                #header .header_sag ul.ortamenu a:hover { color: #ea5e21; }
            #header .header_sag ul.ortamenu .ortamenu_aktif a { color: #ea5e21; }
            #header .header_sag ul.ortamenu li:first-child { margin-left: 0px; }

    #header .header_ust { background: url(../img/header_ust.png) no-repeat top center; height: 154px; }
        #header .header_ust .diller { float: right; margin-top: 8px; }
            #header .header_ust .diller a { margin-left: 5px; }
            #header .header_ust .diller img { max-height: 17px; }
        #header .header_ust .telefon { float: right; font: normal 16px hurmegeometricbold; color: #666; margin-top: 45px; position: relative; margin-right: -118px; text-align: right; }
            #header .header_ust .telefon a { color: #666; }
            #header .header_ust .telefon img { padding-left: 30px; padding-top: 3px; }
        #header .header_ust .sosyalag { float: right; padding-top: 8px; border-right: 1px solid #d7d7d7; padding-right: 5px; margin-right: 5px; padding-bottom: 6px; }
            #header .header_ust .sosyalag li { float: left; margin-right: 5px; }


.menuler .mainmenu ul li { text-transform: uppercase; }
    .menuler .mainmenu ul li:first-child { display: none; }
    .menuler .mainmenu ul li ul li { border: none; }
.menuler .mainmenu .home { padding-left: 0; }
.menuler .mainmenu ul li:last-child { padding-right: 0; border-right: none; }
.menuler .mainmenu { font-size: 17px; font-family: hurmegeometricssemibold; color: #ebebeb; float: right; }
    .menuler .mainmenu ul { margin: 0; }
    .menuler .mainmenu li ul > li:first-child a { padding-top: 10px; }
    .menuler .mainmenu li ul > li:last-child a { padding-bottom: 10px; }
    .menuler .mainmenu li ul > li > ul > li:first-child a { padding-top: 10px!important; }
    .menuler .mainmenu li ul > li > ul > li:last-child a { padding-bottom: 10px!important; }
    .menuler .mainmenu li ul > li > ul > li a { padding-top: 5px!important; padding-bottom: 5px!important; }
    .menuler .mainmenu li { white-space: nowrap; display: block; position: relative; margin: 0; padding: 0; z-index: 100; margin-right: 40px; }
    .menuler .mainmenu a { display: block; position: relative; color: #ebebeb; }
        .menuler .mainmenu a:hover { color: #fff; }
    .menuler .mainmenu ul li ul li a { font-size: 15px; }
    .menuler .mainmenu a:hover { text-decoration: none; }
    .menuler .mainmenu a.home:hover { background: none; }
    .menuler .mainmenu li.submenu > a:hover, .mainmenu li.submenu:hover { background: rgba(234, 96, 36,0.6) url(../img/marrow.png) no-repeat 99%; cursor: pointer; }
    .menuler .mainmenu li.submenu:hover a { color: #fff; }
    .menuler .mainmenu li.submenu > a { cursor: default; }
    .menuler .mainmenu > ul > li { float: left; }
        .menuler .mainmenu > ul > li:last-child { margin-right: 0; }
    .menuler .mainmenu li ul { display: none; position: absolute; top: 100%; z-index: 100; }
    .menuler .mainmenu li:hover > ul { display: block; }
    .menuler .mainmenu li ul li.submenu > a { background: rgba(234, 96, 36,0.6) url(../img/sarrow.png) no-repeat 100% 13px; }
    .menuler .mainmenu li ul li.submenu:first-child > a { background: rgba(234, 96, 36,0.6) url(../img/sarrow.png) no-repeat 100% 28px; }
        .menuler .mainmenu li ul li.submenu:first-child > a:hover { background: #52514F url(../img/sarrow.png) no-repeat 100% 28px; }
    .menuler .mainmenu li ul li.submenu > a:hover { background: #52514F url(../img/sarrow.png) no-repeat 100% 13px; }
    .menuler .mainmenu li ul li a:hover { background: #52514F; }
    .menuler .mainmenu li ul li:last-child { border-bottom: 1px solid #2e2823; }
    .menuler .mainmenu li ul li a { padding: 5px 15px 5px 10px; line-height: 24px; background: rgba(234, 96, 36,0.6); color: #fff; }
    .menuler .mainmenu li ul li ul { top: -1px!important; left: 100%!important; padding: 0!important; }

#header .banner { position: relative; z-index: -9; }
.anasayfa .banner { height: 542px; margin: -43px auto auto auto; text-align: center; }
.altsayfa .banner { height: 337px; margin: -43px auto 0px; }
    .altsayfa .banner img { margin-top: -30px; height: 100%; }

#main { position: relative; z-index: 999; padding-bottom: 237px; /* Height of the footer */ background: url(../img/mainbg.jpg) no-repeat top center; background-size: cover; margin-top: -5px; }
    #main .sag { width: 870px; height: auto; float: right; padding-top: 20px; }
    #main .sol { margin-top: -22px; width: 270px; height: auto; float: left; padding-top: 30px; background: url(../img/menutop.png) no-repeat top; }
        #main .sol .solmenu { background: url(../img/altmenubg.png) repeat-y bottom; padding: 5px 0px 30px 10px; margin-bottom: 30px; }
            #main .sol .solmenu table { color: #fff; }
            #main .sol .solmenu td { padding-bottom: 10px; padding-left: 10px; }
                #main .sol .solmenu td:first-child { text-align: center; padding-left: 0px; vertical-align: top; padding-top: 5px; }
    #main .solpasif { width: 100%!important; float: none!important; }
.iletisim #main .sol { margin-top: -44px; }
    .iletisim #main .sol .solmenu { padding: 5px 10px 30px 10px; }

#main .sag h1 { color: #ea5e21; font: normal 24px hurmegeometricbold; }
#main .sag .breadcrumb { color: #848fa1; font-size: 13px; }
    #main .sag .breadcrumb a { color: #848fa1; padding: 0px 7px 0px 7px; }
        #main .sag .breadcrumb a:first-child { padding: 0px 7px 0px 0px; }
        #main .sag .breadcrumb a:hover { color: #111; }
.sag_baslik { font: normal 18px hurmegeometricbold; color: #7a2715; margin-bottom: 25px; }
.sag_icerik { font-size: 16px; color: #171717; }
.sol_reklamlar { margin-top: 20px; }
    .sol_reklamlar img { margin-top: 10px; }

#footer { position: absolute; bottom: 0; width: 100%; height: 67px; /* Height of the footer */ background: url(../img/footbg.png) no-repeat bottom center; z-index: 999; }
/*#footer { width: 100%; height: auto; margin-top: 30px; background: #292929; }*/

.ayrintilar { min-width: 68px; height: 20px; margin-top: 10px; color: #000; background: #f7bb24 url(../img/ar3.jpg) no-repeat top right; padding: 5px 20px 0px 13px; display: table; }
    .ayrintilar a { color: #000; }

#urunler, #anasayfaicerik { width: 100%; height: 330px; overflow: hidden; position: relative; z-index: 9; }
    #urunler li, #anasayfaicerik li { list-style: none; display: block; height: 330px; width: 100%; }
.oklar { float: right; margin-top: -95px; position: relative; z-index: 999; }
    .oklar img { outline: none; cursor: pointer; }

.icerik_gorselleri { margin-top: 20px; clear: both; text-align: center; }
.gorsel_li { text-align: center; }
    .gorsel_li img { height: 76px; margin-bottom: 20px; margin-right: 10px; }

ul.kadrolar li { float: left; margin-top: 15px; margin-right: 25px; }
    ul.kadrolar li:nth-child(2n+2) { margin-right: 0px; }
    ul.kadrolar li .kadrolarli { border: 3px solid #6C9355; border-radius: 10px; display: block; padding: 10px 10px 25px 10px; }
        ul.kadrolar li .kadrolarli:hover { border: 3px solid #4D7139; background: #f3f4f5; }
.kadro_img { width: 130px; height: 83px; overflow: hidden; margin-right: 20px; float: left; }
    .kadro_img img { height: 83px; width: auto; }
.kadro_icerik { float: left; }
    .kadro_icerik b { font: normal 16px hurmegeometricbold; }
    .kadro_icerik p { padding-top: 10px; }

.blog_tarih { background: #7A2715; }
ul.blog .devami { margin-top: 0px; }
ul.blog li { clear: both; margin-top: 25px; }
    ul.blog li .blogli { border-bottom: 1px dotted #ccc; display: block; padding: 10px; }
        ul.blog li .blogli:hover { border-bottom: 1px dotted #999; background: #f3f4f5; }
.blog_tarih { width: 52px; height: 102px; margin-right: 13px; font-size: 12pt; color: #fff; border-radius: 8px; }
.blog_tarih_ay { text-align: center; line-height: 20px; padding-top: 30px; }
.blog_baslik { display: table; }
.blog_sag { width: 89%; float: right; }
.blog_icerik { margin-top: 10px; }
.blog_baslik h2 { font-size: 15pt; font-weight: 700; }
.blog_resmi { width: 202px; height: auto; float: left; margin-right: 15px; }
img.blog_resmi { max-width: 202px; width: auto; height: auto; float: left; margin-right: 15px; margin-bottom: 5px; margin-top: 10px; }
.duyuru_resmi { float: left; margin-right: 15px; }

.blog_hit { font-style: italic; padding-top: 5px; }
.blog_tags { width: auto; height: auto; font-size: 12px; text-align: left; margin-top: 10px; clear: both; }
    .blog_tags a { color: #969696; background: #efefef; float: left; margin: 2px 2px 0 0; padding: 3px 5px; }
button, input[type=button], input[type=reset], input[type=submit], .duyurular .oklar .next { cursor: pointer; }
.textaligncenter, .blog_tarih_gun { text-align: center; }

.devami { background: #6C9355; float: right; border-radius: 0 0 10px 0px; cursor: pointer; color: #fff; text-decoration: none; padding: 2px 16px; margin-top: -25px; margin-right: 2px; }
    .devami:hover { background-color: #4D7139; }
    .devami a { color: #fff; }


#footer .copyright { float: left; margin-top: 10px; padding-top: 10px; color: #fff; padding-bottom: 10px; }

    #footer ul.altmenu:after, #footer .copyright:after, #header .banner:after { content: ''; display: block; clear: both; }

.iletisim_formu { color: #000; }
.iletisim_formu_satir { margin-bottom: 8px; width: 100%; overflow: hidden; }
    .iletisim_formu_satir input[type=text], .iletisim_formu_satir input[type=password], .iletisim_formu_satir textarea { width: 100%; border: 1px solid #d7d7d7; background: #fff; padding: 10px 5px; box-shadow: inset 2px 2px #e5e5e5; }
    .iletisim_formu_satir textarea { display: block; height: 97px; overflow: auto; }
    .iletisim_formu_satir input.txtcaptca { width: 200px!important; vertical-align: top; padding: 12px; }
    .iletisim_formu_satir input[type=submit] { background: #1b659e; padding: 9px 47px; color: #fff; margin-top: 15px; }
        .iletisim_formu_satir input[type=submit]:hover { background: #0A0B49; }
.imgcaptca { padding-top: 10px; }


.iletisim_sol { float: left; width: 370px; }
.iletisim_sag { float: right; width: 400px; }
.iletisim_formu_lbl { font: normal 13px hurmegeometricregular; margin-bottom: 10px; }

.iletisim .sag_icerik { padding-top: 0px; }
.iletisim iframe { margin-bottom: 20px; }

ul.siteharitasi a { color: #595764; }
    ul.siteharitasi a:hover { color: #752354; }
ul.siteharitasi ul { margin: 15px 5px 15px 20px; }
ul.siteharitasi li { margin-top: 10px; font: normal 18px hurmegeometricbold; }
ul.siteharitasi ul li { font: normal 16px hurmegeometricregular; }
.accordioncontainer { display: block; }
.accordionheader { border-left: 4px solid #fdcf3c; cursor: pointer; margin-top: 3px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 3px; font-family: hurmegeometricbold; font-size: 16px; padding: 8px 8px 8px 10px; }
.accordionheaderhover { border-left: 4px solid #fd9f1a; cursor: pointer; }
.accordioncontent { overflow: hidden; display: none; padding: 5px 10px 5px 20px; }

.basinli { width: 142px; height: 112px; float: left; border-right: 1px solid #c2c6c9; border-bottom: 1px solid #c2c6c9; padding: 10px; }
    .basinli .basinimg { width: 100%; height: 92px; overflow: hidden; text-align: center; margin: 0 auto; }
    .basinli .basinbaslik { font: normal 13px hurmegeometricregular; color: #545f75; padding-top: 5px; }
    .basinli:hover { background: #eee; }

.urun_li { width: 190px; height: 160px; float: left; margin-right: 30px; }
.urunresim:hover { border: 3px solid #ccc; }
.urunresim { width: 190px; height: 101px; background: #fff; display: table; #position:relative; overflow: hidden; text-align: center; margin: 0 auto; border: 3px solid #e3e3e3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.urunresim_iceresim {#position:absolute; #top:50%; #left:50%; display: table-cell; vertical-align: middle; }
.urunresim_enicresim { max-width: 180px; max-height: 95px; #position:relative; #top:-50%; #left:-50%; }
.urunresim_baslik { margin-top: 6px; line-height: 16px; }
    .urunresim_baslik h5 { color: #50555d; font: normal 15px hurmegeometricbold; }

.ululi { width: 100%; }
    .ululi li { width: 160px; height: 265px; float: left; margin-right: 70px; }
        .ululi li:nth-child(3n+3) { margin-right: 0px; }
.uluresim { width: 160px; height: 120px; overflow: hidden; border-top: 5px solid #fcb300; }
    .uluresim:hover { border-top: 5px solid #ea5e21; }
    .uluresim img { min-width: 160px; min-height: 120px; }
.ulubaslik { padding: 12px 0px 12px 0px; height: 36px; overflow: hidden; text-align: center; }
    .ulubaslik h5 { font-family: hurmegeometricbold; font-size: 16px; }
.ululi .ayrintilar { margin: 0px auto; }

.urun_gorseller { width: 290px; height: auto; float: left; margin-right: 15px; margin-bottom: 10px; }
.urun_detay { width: 340px; height: auto; float: right; }

.sayfalama { margin-top: 20px; text-align: center; font: normal 20px hurmegeometricbold; color: #fff; }
    .sayfalama a { background: #2d84c6; text-align: center; padding: 5px 10px 7px 10px; color: #fff; }
        .sayfalama a:hover { background: #75bdf4; }
    .sayfalama span span { float: none; background: #292929; text-align: center; padding: 5px 8px 7px 8px; }
    .sayfalama .arrow { color: #fff; }
    .sayfalama .arrowdisabled, .sayfalama .no_more { background: #75bdf4; color: #fff; }
    .sayfalama .pageno { display: block; text-align: center; padding-bottom: 10px; font-size: 16px; color: #2d84c6; }
        .sayfalama .pageno b { color: #ccc; }
.active_page { background-color: #FFF!important; color: #2d84c6!important; }
.jqsayfalama a { margin-left: 5px; }

.gallery_widget a { float: left; height: 105px; overflow: hidden; margin-right: 10px; margin-top: 20px; position: relative; width: 150px; margin-left: 10px; }
    .gallery_widget a:hover strong { opacity: 1; }
    .gallery_widget a img { float: left; width: 150px; height: 105px; }
    .gallery_widget a strong { opacity: 0; background: rgba(0,0,0,0.5); bottom: 0; cursor: pointer; display: table; height: 105px; left: 0; position: absolute; right: 0; top: 0; width: 150px; }
        .gallery_widget a strong span { #position: absolute; #top: 50%; color: #FFF; display: table-cell; font-weight: bold; line-height: 1; padding: 10px; text-align: center; vertical-align: middle; width: 130px; }
        .gallery_widget a strong b { #position: relative; #top: -50%; display: block; filter: alpha(opacity=100); opacity: 1; }



.dokumanlarim { width: 100%; display: table; margin-bottom: 20px; }
.dokuman_indir { font: bold 16px hurmegeometricregular; display: table; width: 100%; margin-bottom: 15px; }
#dokumanlar { width: 100%; border: 1px solid #d8d8d8; background: #fefefe; display: table; }
.dokuman_icerikleri li { width: 100%; display: table; border-bottom: 1px solid #d8d8d8; }
    .dokuman_icerikleri li:last-child { border-bottom: none; }
.dokuman_icerikleri a { color: #171717; }
.usttaraf { width: 100%; height: 30px; text-align: center; background: #efefef; }
    .usttaraf li { float: left; width: 27%; font: bold 16px hurmegeometricregular; margin-top: 5px; }
        .usttaraf li:first-child { width: 20%; }
        .usttaraf li:last-child { width: 26%; float: right; }

.dosya_resim { float: left; height: 63px; width: 20%; padding-top: 20px; text-align: center; border-right: 1px solid #d7d7d7; }
.katalog_bilgi, .dosyaadi, .boyut { float: left; height: 63px; width: 52%; padding-top: 20px; text-align: center; border-right: 1px solid #d7d7d7; font: bold 16px hurmegeometricregular; }
.katalog_tarihi { float: right; height: 63px; width: 25%; padding-top: 20px; text-align: center; font: bold 16px hurmegeometricregular; }


.anasayfa_duyurular { background: url(../img/duyurular.png) no-repeat center; height: 93px; margin-top: -30px; }
    .anasayfa_duyurular .anasayfa_duyurubaslik { font: normal 25px hurmegeometricssemibold; color: #ebebeb; float: left; width: 180px; margin-right: 20px; }
.anasayfa.en .anasayfa_duyurular .anasayfa_duyurubaslik {font-size:20px;}

#duyurular { float: left; width: 900px; height: 55px; overflow: hidden; position: relative; z-index: 9; }
    #duyurular li { list-style: none; display: block; height: 55px; width: 100%; }
        #duyurular li a { color: #ebebeb; }


.arrow { float: right; margin-top: -50px; position: relative; z-index: 999; }
    .arrow .previous { outline: none; cursor: pointer; float: left; position: relative; padding-top: 10px; margin-right: -10px; }
    .arrow .next { outline: none; cursor: pointer; float: right; position: relative; }


.anasayfa_icerik { float: left; width: 770px; }
    .anasayfa_icerik li { float: left; width: 370px; margin-right: 30px; margin-bottom: 40px; }
        .anasayfa_icerik li:nth-child(2n+2) { margin-right: 0px; }
        .anasayfa_icerik li:last-child, .anasayfa_icerik li:nth-last-child(-n+2) { margin-bottom: 0px; }
.anasayfa_resim { border: 1px solid #b6b6b6; width: 368px; height: 188px; margin-bottom: 15px; }
.anasayfa_baslik { font: normal 24px hurmegeometricssemibold; color: #171717; text-align: center; margin: 0px auto 15px; width: 230px; }
.anasayfa_icerik_yazisi { color: #171717; font-size: 16px; }
    .anasayfa_icerik_yazisi a { color: #171717; }

.anasayfa_sag { float: right; width: 370px; }
.altsayfa .teklif_formu { margin-bottom: 0px; }
.altsayfa .form_resim { position: relative; }
    .altsayfa .form_resim img { width: 100%; }
.altsayfa .form_baslik { position: relative; width: 100%; top: -90px; font-size: 30px; }
.teklif_formu { width: 100%; height: 190px; font: italic 35px HelveticaNeueLTProLt; margin-bottom: 135px; }
    .teklif_formu a { color: #fff; }
.form_resim { position: absolute; }
.form_baslik { position: absolute; text-align: center; z-index: 999999999; top: 120px; width: 370px; }


.katalog { text-align: center; }
.katalog_resim { margin-bottom: 25px; }
.katalog_adi { font: normal 25px hurmegeometricbold; width: 185px; margin: 0 auto; }
    .katalog_adi a { color: #171717; }


.iwt { float: right; margin-top: 18px; }
    .iwt img:hover { opacity: .6; }



.bannerbaslik { font: normal 20px hurmegeometricbold; color: #ebebeb; position: relative; width: 190px; margin: -15px 0px 0px; padding-left: 18px; }
    .bannerbaslik a { color: #ebebeb; }



.referanslar li { float: left; width: 270px; height: 180px; margin-right: 30px; margin-bottom: 25px; }
    .referanslar li:nth-child(4n+4) { margin-right: 0px; }
.anatablo { width: 268px; height: 133px; display: table; #position: relative; overflow: hidden; text-align: center; margin: 0 auto; border: solid 1px #aaa; background: #fff; }
    .anatablo .ictablo {#position: absolute; #top: 50%; #left:50%; display: table-cell; vertical-align: middle; }
        .anatablo .ictablo .resim { max-width: 268px; max-height: 133px; #position: relative; #top: -50%; #left:-50%; }
.anatablo_adi { margin-top: 15px; color: #171717; text-align: center; }
    .anatablo_adi a { color: #171717; }



.galeri .galeri li { float: left; width: 270px; height: 180px; margin-right: 30px; margin-bottom: 25px; }
    .galeri .galeri li:nth-child(4n+4) { margin-right: 30px; }
    .galeri .galeri li:nth-child(3n+3) { margin-right: 0px; }
.galeri .anatablo { width: 268px; height: 133px; display: table; #position: relative; overflow: hidden; text-align: center; margin: 0 auto; border: solid 1px #aaa; background: #fff; }
    .galeri .anatablo .ictablo {#position: absolute; #top: 50%; #left:50%; display: table-cell; vertical-align: middle; }
        .galeri .anatablo .ictablo .resim { max-width: 268px; max-height: 133px; #position: relative; #top: -50%; #left:-50%; }
.galeri .anatablo_adi { margin-top: 15px; color: #171717; text-align: center; }
    .galeri .anatablo_adi a { color: #171717; }




ul.duyurular li { float: left; margin-top: 15px; width:100%;}
    ul.duyurular li .duyurularli { border: 3px solid #6C9355; border-radius: 10px; display: block; padding: 10px 10px 25px 10px; }
        ul.duyurular li .duyurularli:hover { border: 3px solid #4D7139; background: #f3f4f5; }
.duyurular_img { width: 130px; height: 83px; overflow: hidden; margin-right: 20px; float: left; }
    .duyurular_img img { height: 83px; width: auto; }
.duyurular_icerik { float: left; }
    .duyurular_icerik b { font: normal 16px hurmegeometricbold; }
    .duyurular_icerik p { padding-top: 10px; }




.teklif_formum { color: #000; width: 700px; margin: 0 auto; font: normal 13px hurmegeometricregular; }
.teklif_formu_lbl { float: left; font: normal 13px hurmegeometricregular; border: 0; padding: 0.5em 1em; vertical-align: middle; line-height: 1.5em; width: 324px; }
.ikinokta { float: left; font: normal 13px hurmegeometricregular; border: 0; padding: 0.5em 1em; vertical-align: middle; line-height: 1.5em; }
.teklif_formu_satir { margin-bottom: 8px; width: 100%; overflow: hidden; }
    .teklif_formu_satir input[type=text], .teklif_formu_satir input[type=password], .teklif_formu_satir textarea { width: 317px; border: 1px solid #d7d7d7; background: #fff; padding: 10px 5px; box-shadow: inset 2px 2px #e5e5e5; }
    .teklif_formu_satir textarea { display: block; height: 97px; overflow: auto; }
    .teklif_formu_satir input.txtcaptca { width: 200px!important; vertical-align: top; padding: 12px; }
    .teklif_formu_satir input[type=submit] { background: #1b659e; padding: 9px 47px; color: #fff; margin-top: 15px; }
        .teklif_formu_satir input[type=submit]:hover { background: #0A0B49; }
.imgcaptca { padding-top: 10px; }


.ddl { background: #fff url(../img/selected_ar.jpg) no-repeat 95% 50%; width: 317px; padding: 10px 5px; border: 1px solid #d7d7d7; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; box-shadow: inset 2px 2px #e5e5e5; }


.slicknav_menu { display: none; }


/* notebook */
@media (max-width: 966px) {
    .center { width: 98%; }
    #main { padding-bottom: 70px; }
        #main .sag { width: 640px; }
    #header .logo { width: 240px; margin-top: 20px; }
    #header .header_sag { width: 651px; margin-top: -15px; background-size: contain; }
    .menuler .mainmenu { float: left; }
        .menuler .mainmenu li { margin-right: 20px; }


    .anasayfa_duyurular { background: #6C9355; }
    .arrow { margin-top: -70px; }
    .anasayfa_duyurular .anasayfa_duyurubaslik { width: 15%; margin-right: 3%; }
    #duyurular { width: 80%; }
    .anasayfa_icerik li { width: 23%; margin-right: 2%; }
        .anasayfa_icerik li:nth-child(2n+2) { margin-right: 2%; }
        .anasayfa_icerik li:last-child { margin-right: 0px; }
    .anasayfa_baslik { font-size: 18px; width: 90%; }
    .anasayfa_icerik { width: 100%; }
    .anasayfa_resim { width: 100%; height: auto; }

    .anasayfa_sag { float: left; width: 100%; }
    .katalog { float: right; width: 48%; }
    .teklif_formu { float: left; width: 48%; }
    .altsayfa .teklif_formu { width: 100%; }
    .altsayfa .form_baslik { top: -50px; }
    .form_baslik { position: relative; margin-top: -40px; }


    .referanslar li:nth-child(3n+3) { margin-right: 0px!important; }
    .referanslar li:nth-child(4n+4) { margin-right: 30px; }

    .galeri .galeri li { margin-right: 25px; }
        .galeri .galeri li:nth-child(3n+3) { margin-right: 25px; }
        .galeri .galeri li:nth-child(2n+2) { margin-right: 0px; }

    .iletisim_sag, .iletisim_sol { width: 48%; }

    #footer .copyright { margin-top: 35px; padding-bottom: 0px; }
}

@media (max-width: 768px) {
    #header .logo { width: 28%; }
    .js #menu { display: none; }
    .js .slicknav_menu { display: block; }
    #main { padding-bottom: 100px; }
    #header .header_sag { display: none; }
    .slicknav_nav li:first-child { text-transform: uppercase; }
    .anasayfa .banner { height: 247px; }
    .anasayfa_sag { margin-top: 15px; }
    .anasayfa_icerik li { width: 48%; }
    .altsayfa .banner { height: auto; max-height: 250px; }
    .arrow { margin-top: -45px; }
    .anasayfa_duyurular { height: 65px; margin-top: 0px; }
        .anasayfa_duyurular .anasayfa_duyurubaslik { padding-top: 7px; }
    #duyurular { padding-top: 10px; max-height: 20px; }

    #main .sag { width: 100%; margin-bottom: 20px; }
    #main .sol { width: 100%; margin-top: 0px; background: url(../img/menutop.png) no-repeat top left; }
        #main .sol .solmenu { width: 275px; padding-left: 0px; float: left; }
    .altsayfa .teklif_formu { width: 60%; float: right; max-height: 190px; overflow-y: hidden; }
    .altsayfa .form_baslik { top: -100px; }


    .referanslar li { width: 32%; margin-right: 2%; height: auto; }
        .referanslar li:nth-child(4n+4) { margin-right: 2%; }
    .anatablo { width: 100%; }
        .anatablo .ictablo .resim { max-width: 100%; }

    .galeri .galeri li { width: 32%; margin-right: 2%; }
        .galeri .galeri li:nth-child(2n+2) { margin-right: 2%; }
        .galeri .galeri li:nth-child(3n+3) { margin-right: 0px!important; }
    .galeri .anatablo { width: 100%; }
        .galeri .anatablo .ictablo .resim { width: 100%; }

    .iletisim #main .sol { margin-top: 0px; }
}

/*ihone 6 Plus - Yatay*/
@media (max-width:736px) {
    #header .header_ust { background: none; }
    .arrow { background: #6C9355; }

    .anasayfa_resim { max-height: 189px; }
        .anasayfa_resim img { height: 100%; }

    iletisim #main .sol .solmenu { width: 35%; padding: 5px 2.5% 30px; }

    #footer { background: #AB2523; height: 40px; }
        #footer .copyright { margin-top: 0px; }
    .iwt { margin-top: 10px; }
    .anasayfa #main { padding-bottom: 40px; }
}

/*ihone 6 - Yatay*/
@media (max-width: 667px) {
    #main .sol { background: none; }
        #main .sol .solmenu { width: 35%; padding: 5px 2.5% 30px; overflow-x: hidden; }
    .altsayfa .teklif_formu { width: 55%; }
    .bannerbaslik { width: 30%; padding: 3px 5%; background: #6C9355; border-bottom: 1px solid #8BB075; }
    .iletisim #main .sol .solmenu { padding: 5px 2.5% 30px; }

    .teklif_formum { display: table; margin: 0 auto; width: 75%; }
    .teklif_formu_lbl { display: table; width: auto; padding-left: 0px; }
    .ikinokta { float: none; }
    .teklif_formu_satir:last-child { text-align: center; }
    .teklif_formu_satir input[type=text], .teklif_formu_satir input[type=password], .teklif_formu_satir textarea { width: 100%; }
    .imgcaptca { float: left; }
    .teklif_formu_satir input.txtcaptca { float: right; }
    .teklif_formu_satir input[type=submit] { width: 50%; padding: 15px 50px; margin: 15px auto 0px; }
}

/* Tablet */
@media (max-width: 603px) {
    .teklif_formu { width: 100%; float: none; text-align: center; margin-bottom: 35px; }
    .form_resim { position: relative; }
    .form_baslik { width: 100%; top: 0px; margin-top: -120px; }
    .katalog { width: 100%; text-align: center; float: none; margin-bottom: 35px; }
    .anasayfa_duyurular .anasayfa_duyurubaslik { width: 20%; }
    #duyurular { float: right; width: 75%; }
    .altsayfa .form_baslik { top: 20px; }
}

/* Yan tutuş */
@media (max-width: 568px) {
}

@media (max-width: 480px) {
    .referanslar li { width: 49%; margin-right: 2%; height: auto; }
        .referanslar li:first-child { margin-right: 0px; }
        .referanslar li:nth-child(n+2) { margin-right: 0px; }
        .referanslar li:nth-child(2n+2) { margin-left: 2%; margin-right: 0px; }

    .galeri .galeri li { width: 49%; margin-right: 2%; height: auto; }
        .galeri .galeri li:first-child { margin-right: 0px; }
        .galeri .galeri li:nth-child(n+2) { margin-right: 0px; }
        .galeri .galeri li:nth-child(2n+2) { margin-left: 2%; margin-right: 0px; }

    .gallery_widget { margin: 0 auto; display: table; }
        .gallery_widget a { float: none; width: 100%; margin: 0 auto 10px; display: table; }
}

/* ihone 6 Plus - Dikey */
@media (max-width: 414px) {
    #header { margin-bottom: 10px; }
        #header .logo { float: none; width: 100%; text-align: center; }
        #header .header_ust { height: auto; }
            #header .header_ust .diller { float: none; width: 100%; text-align: center; margin-top: 15px; }
            #header .header_ust .sosyalag { float: none; width: auto; display: table; margin: 15px auto 0px; border-right: none; padding-right: 0px; }
                #header .header_ust .sosyalag li:last-child { margin-right: 0px; }
            #header .header_ust .telefon { float: none; width: auto; display: table; margin: 15px auto 0px; font-size: 20px; }

    .anasayfa_icerik li { width: 100%; margin-right: 0px; }
        .anasayfa_icerik li:nth-child(2n+2) { margin-right: 0px; }
        .anasayfa_icerik li:last-child, .anasayfa_icerik li:nth-last-child(-n+2) { margin-bottom: 40px; }
    .anasayfa_resim { background: #fff; text-align: center; }

    .bannerbaslik, #main .sol .solmenu { width: 90%; background: #6C9355; padding: 3px 5%; float: none; }
    .altsayfa .teklif_formu { width: 100%; }
    .altsayfa .teklif_formu { top: -10px; }

    .anasayfa_duyurular { margin-top: 50px; }
        .anasayfa_duyurular .anasayfa_duyurubaslik { font-size: 15px; padding-top: 15px; }
    #duyuru { padding-top: 15px; }

    .referanslar li { width: 99%; margin-right: 0px!important; }
        .referanslar li:nth-child(2n+2) { margin-left: 0px; }
    .anatablo { height: 175px; }
        .anatablo .ictablo .resim { max-width: 100%; max-height: 100%; }

    .galeri .galeri li { width: 99%; margin-right: 0px; }
        .galeri .galeri li:nth-child(2n+2) { margin-left: 0px; }
    .galeri .anatablo { height: 175px; }
        .galeri .anatablo .ictablo .resim { max-height: 100%; max-width: 100%; }

    .iletisim_formu_lbl { text-align: left; font-size: 15px; }
    .iletisim #main .sol .solmenu { padding: 3px 5%; }
    .iletisim_sag, .iletisim_sol { width: 100%; }
    .iletisim_formu_satir:last-child { text-align: center; }
    .iletisim_formu_satir input[type=submit] { width: 50%; padding: 15px 50px; }
    .iletisim_formu_satir input[type=text], .iletisim_formu_satir input[type=password], .iletisim_formu_satir textarea { font-size: 13px; }
    .iletisim_formu_satir:nth-last-child(-n+2) .iletisim_formu_lbl { float: none!important; width: 100%!important; padding-top: 0px!important; }
}

/* ihone 6 - Dikey */
@media (max-width: 375px) {
}

/* Samsung s4, sony xperia z */
@media (max-width: 360px) {
}

/* iPhone 4-5 */
@media (max-width: 320px) {
}