/* TASARIM VE KODLAMA SERDAR ATAN TARAFINDAN YAPILMIŞTIR. */
html, body { height: 100%; padding: 0; margin: 0; font-family:Gotham-Light; font-size:14px; }
.body1 { height: 100%; color: #4b4b4b; font-size: 30px; background-color: #ffffff;}
.clear { clear:both;}

.responsive {
  width: 100%;
  height: auto;
}

popup_this {
    top: 50%;
    left: 50%;
    text-align:center;
    margin-top: -50px;
    margin-left: -100px;
    position: fixed;
    background: #fff;
    padding: 30px;
}
.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    padding: 5px 10px;
}


::-webkit-scrollbar {width: 8px;margin-left:5px;background-color: #eaeaea;border-left: 1px solid #ccc;}
::-webkit-scrollbar-thumb {background-color: #596971;}
::-webkit-scrollbar-thumb:hover {background-color: #2E3944;}

header {width:100%;height:118px;float:left;background-color:#fff;}
header > .logo { width:20%; float:left; height:118px;}
header > .logo > a {width:203px;height:67px;float:left;position:relative;top: 27px;left: 50px;background-image:url(../resimler/logo.png);}
header > nav {width:60%;float:left;height:118px;}
header > nav > ul {float: left;height: 60px;width: 100%;margin-top: -6px;}
header > nav > ul > li {float: left;margin-top: 45px;position: relative;left: 30px;padding: 4px 0px;}
header > nav > ul > li:hover {border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
header > nav > ul > li > a {color: #222;font-size: 14px;padding: 49px 25px;letter-spacing: -0.8px;font-family: Gotham-Medium_1;position: relative;top: -5px;}
header > nav > ul > li:hover > a {color: #ED1C24;}

header > nav > ul > .aktif > a {color: #ED2129;border-bottom: 2px solid #ED1C24;}

header > .sagmenu {width:20%;float: right;height:118px;}
header > .sagmenu > .menu  {float:right;margin-top: 41px;margin-right:30px;}
header > .sagmenu2 {width:20%;float: right;height:118px;padding-top: 45px;}
header > .sagmenu2 > .sed  {float:right;margin-top: 41px;margin-right:30px;}


.slide { width:100% !important; height: 496px !important; float:left;}
.slide > .slide1 { background-image:url(../resimler/slide.png); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide2 { background-image:url(../resimler/slide1.png); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide3 { background-image:url(../resimler/slide2.png); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide4 { background-image:url(../resimler/slide3.png); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide5 { background-image:url(../resimler/slide5.png); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide6 { background-image:url(../resimler/slide7.png); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide7 { background-image:url(../resimler/slide8.png); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide8 { background-image:url(../resimler/slide10.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide9 { background-image:url(../resimler/slide9.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide10 { background-image:url(../resimler/slide99.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:496px !important;}
.slide > .slide11 { background-image:url(../resimler/slide11.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:100% !important;}
.slide > .slider { width:100% !important; height:496px !important;}

.slide2 { width:100% !important; height: 175px !important; float:left;}
.slide2 > .slide1 { background-image:url(../resimler/ickurumsal.png); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-kurumsal { background-image:url(../resimler/kurumsalsayfasi.png); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-baskan { background-image:url(../resimler/baskaninmesaji.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-urunler { background-image:url(../resimler/urunler.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-kabainsaat { background-image:url(../resimler/kabainsaat.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-seramik { background-image:url(../resimler/seramik.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-armatur { background-image:url(../resimler/armatur.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-boya { background-image:url(../resimler/boya.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-sihhitesisat { background-image:url(../resimler/sihhitesisat.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-yapikimyasallari { background-image:url(../resimler/yapikimyasallari.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-izolasyon { background-image:url(../resimler/izolasyon.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-ankastre { background-image:url(../resimler/ankastre.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-hirdavat { background-image:url(../resimler/hirdavat.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-haberler { background-image:url(../resimler/haberler.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-haberdetay { background-image:url(../resimler/haberdetay.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-istiraklerimiz { background-image:url(../resimler/istiraklerimiz.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-iletisim { background-image:url(../resimler/iletisim.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-tarihce { background-image:url(../resimler/tarihce.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-kampanya { background-image:url(../resimler/kampanya.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-markalar { background-image:url(../resimler/markalar.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-insankaynaklari { background-image:url(../resimler/insankaynaklari.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-sss { background-image:url(../resimler/sss.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-akrilik { background-image:url(../resimler/akrilik.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slide-vizyon-misyon { background-image:url(../resimler/vizyonsayfasi.png); background-repeat:no-repeat; background-position:top center; width:100%; height:175px !important;}
.slide2 > .slider { width:100% !important; height:175px !important;}
.slide2 > .slider > section { width:1250px; margin:0 auto;}
.slide2 > .slider > section > h2 {font-family:Gotham-Medium_1;font-size:20px;color:#fff;padding: 79px 30px;font-weight: bold;}

.orta {width:100%;height:577px;float:left;background-image:url(../resimler/kurumsal.png);background-position:top center;margin-top: -30px;background-repeat:no-repeat;}
.orta > section {width: 1250px;margin:0 auto;}
.orta > section > .kurumsal { width:600px; height:577px; float:left;}
.orta > section > .kurumsal > h1 {font-size:26px;color:#222;font-family:Gotham-Medium_1;margin-top:70px;margin-bottom:20px;border-bottom: 2px solid #EC131B;width: 36%;padding-bottom: 15px;}
.orta > section > .kurumsal > h1 > b { font-weight:bold; color:#ec131b;}
.orta > section > .kurumsal > img { margin-bottom:20px;}
.orta > section > .kurumsal > p { font-size:14px; font-family:Gotham-Light; width:90%; line-height:22px;}
.orta > section > .kurumsal > a { font-size:14px; font-family:Gotham-Medium_1; position:relative; top:15px; color:#222;}


.orta > section > .haberlerveduyurular { width:600px; height:577px; float:left;}
.orta > section > .haberlerveduyurular > h1 {font-size:26px;color:#222;font-family:Gotham-Medium_1;margin-top:70px;margin-bottom:20px;margin-left: 56px;border-bottom: 2px solid #EC131B;width: 59%;padding-bottom: 15px;}
.orta > section > .haberlerveduyurular > h1 > b { font-weight:bold; color:#ec131b;}
.orta > section > .haberlerveduyurular > .haber {width: 295px;height:400px;float:left;position:relative;left: 59px;margin-right: 5px;}
.orta > section > .haberlerveduyurular > .haber > a > img { width: 100%; margin-bottom:20px;}
.orta > section > .haberlerveduyurular > .haber > a > .haberhover { display:none;}
.orta > section > .haberlerveduyurular > .haber> a:hover  > .haberhover {display:block;margin-top: -163px;margin-bottom: 24px;cursor:pointer;}
.orta > section > .haberlerveduyurular > .haber > h2 {font-size:16px;font-family:Gotham-Medium_1;margin-bottom:20px;line-height:22px;letter-spacing: -0.5px;}
.orta > section > .haberlerveduyurular > .haber > p { font-size:14px; font-family:Gotham-Light; width:97%; line-height:22px;}
.orta > section > .haberlerveduyurular > .haber > .habera {font-size:14px;font-family:Gotham-Medium_1;position:relative;top: 32px;color:#222;background: #EAEAEA;width: 100%;text-align: center;padding: 14px 110px;}
.orta > section > .haberlerveduyurular > .haber > .habera:hover { color:#fff;background: #ec131b;}

.orta2 {width:100%;height:680px;float:left;background-image:url(../resimler/kurumsal2.png);background-position:top center;margin-top: 10px; background-repeat:no-repeat;}
.orta2 > section {width: 1250px;margin:0 auto;}
.orta2 > section > .markalar { width:600px; height:577px; float:left;}
.orta2 > section > .markalar > h1 {font-size:26px;color:#222;font-family:Gotham-Medium_1;margin-top:70px;margin-bottom:20px;border-bottom: 2px solid #EC131B;width: 47%;padding-bottom: 15px;}
.orta2 > section > .markalar > h1 > b { font-weight:bold; color:#ec131b;}
.orta2 > section > .markalar > p {font-size:14px;font-family:Gotham-Light;width: 100%;line-height:22px;margin-bottom: 20px;}
.orta2 > section > .markalar > a:hover { background:#dadada; color:#222;}
.orta2 > section > .markalar > .istirakler {width: 175px;height: 160px;border-bottom:1px solid #dadada;float:left;margin-top:10px;margin-bottom:10px;position:relative;top:20px;margin-right: 6px;padding-left: 3%;border-right: 1px solid #dadada;}
.orta2 > section > .markalar > .istirakler > p {font-size:14px;margin:20px 0;line-height: 22px;}
.orta2 > section > .markalar > .istirakler > p > a { color:#222; font-family:Gotham-Medium_1;}


.orta2 > section > .urunler {width: 580px;height:577px;float:left;margin-left: 67px;}
.orta2 > section > .urunler > h1 {font-size:26px;color:#222;font-family:Gotham-Medium_1;margin-top:70px;margin-bottom:20px;border-bottom: 2px solid #EC131B;width: 34%;padding-bottom: 15px;}
.orta2 > section > .urunler > h1 > b { font-weight:bold; color:#ec131b;}
.orta2 > section > .urunler > p {font-size:14px;font-family:Gotham-Light;width: 100%;line-height:22px;margin-bottom: 20px;}
.orta2 > section > .urunler > a > .urun {width: 112px;height:150px;float:left; margin: 2px;}
.orta2 > section > .urunler > a > .urun > .urunb { width:100%; margin-bottom:7px;}
.orta2 > section > .urunler > a > .urun > .urunh { display:none; margin-top:-104px; margin-bottom:11px; width:100%;}
.orta2 > section > .urunler > a:hover > .urun > .urunh { display:block;}
.orta2 > section > .urunler > a > .urun > p { font-size:14px;font-family:Gotham-Light;line-height:22px; text-align:center; color:#222;}

footer {width:100%;height:486px;float:left;margin-top: -10px;}
footer > .footerbaslik { width:100%; height:60px; float:left;background-image:url(../resimler/footerbaslik.jpg);background-position:top center;}
footer > .footerbaslik  > section { width: 1250px;margin:0 auto;}
footer > .footerbaslik  > section > .sol {width: 625px;height:60px;float: left;}
footer > .footerbaslik  > section > .sol > h3 {font-size:16px;font-family:Gotham-Medium_1;font-weight:bold;color:#fff;padding: 22px;}
footer > section { width: 1250px;margin:0 auto;}
footer > section > .dortlu {width:234px;height: 277px;margin-left:12px;float:left;position:relative;top: 58px;}
footer > section > .ilkdortlu {margin-left: 20px;width:156px;}
footer > section > .iletisim {margin-left: 20px;width:244px;margin-right: 9px;}
footer > section > .dortlu > h5 {font-family:Gotham-Medium_1;letter-spacing:-1px;margin-bottom:15px;font-size: 16px;font-weight:bold;margin-bottom: 19px;}
footer > section > .dortlu > ul > li {margin-bottom: 1px;}
footer > section > .dortlu > ul > li {color:#222;font-family:Gotham-Light;letter-spacing:-1px;font-size: 14px; line-height:25px;}
footer > section > .dortlu > ul > li > a {color:#222;font-family:Gotham-Light;letter-spacing:-1px;font-size: 14px;}
footer > section > .dortlu > ul > li > a:hover { font-weight:bold;}
footer > section > .dortlu > img.haber { margin-bottom:15px;}
footer > section > .dortlu > a > img { width:38px;}
footer > section > .dortlu > a > .sosyalmedyalinkleri { width:30px; margin-top:10px;}
footer > section > .alt { margin-top:30px;}
footer > section > .alt > p {font-size: 14px; float:left; width:70%;}
footer > section > .alt > a > img {float:right;width: 41px;}
footer > section > .alt > p > b { font-family:Gotham-Medium_1; font-weight:bold;}

.icerik {width:100%;min-height:177px;float:left;margin-top: 10px;background-repeat:no-repeat;padding-top:30px;margin-bottom: 40px;}
.icerik > section { width: 1250px;margin:0 auto;}
.icerik > section > .solmenu {width:260px;float:left;background: #f5f5f5;padding:10px;margin-right:20px;}
.icerik > section > .solmenu > ul {}
.icerik > section > .solmenu > ul > li {background: #ebebeb;border-bottom: 1px solid #EFECEC;border-top: 1px solid #E0E0E0;padding: 18px 18px 15px 18px;}
.icerik > section > .solmenu > ul > li:nth-child(1) { border-top:none;}
.icerik > section > .solmenu > ul > li > a {color: #222;display: block;letter-spacing: -0.7px;font-size: 16px;}
.icerik > section > .solmenu > ul > li:hover  {background: #D4D4D4;}
.icerik > section > .solmenu > ul > li:hover > a {font-family:Gotham-Medium_1;font-size: 16px;color: #222;}
.icerik > section > .solmenu > ul > .aktif {background: #D4D4D4;}
.icerik > section > .solmenu > ul > .aktif > a {font-family:Gotham-Medium_1;color: #222;}

.icerik > section > .sagtaraf {width: 947px;float:left;height:auto;min-height:400px;padding-bottom:30px;}
.icerik > section > .sagtaraf > p {font-size: 14px;margin-bottom:15px;line-height: 25px;letter-spacing: -0.3px;}
.icerik > section > .sagtaraf > p > .kalin { font-weight:bold; font-family:Gotham-Medium_1; text-decoration:underline; padding-bottom:10px;}
.icerik > section > .sagtaraf > h3 {font-size: 18px;font-family:Gotham-Medium_1;font-weight:bold;color:#222;margin-bottom:25px; margin-top:5px;}

.icerik > section > .sagtaraf > .istirakler {width: 19%;height: 160px;border-bottom:1px solid #dadada;border-right:1px solid #dadada;float:left;margin-top:10px;margin-bottom:10px;position:relative;top:20px;margin-right: 20px;padding-left: 3%;}
.icerik > section > .sagtaraf > .istirakler > p {font-size:14px;margin:20px 0;line-height: 22px;}
.icerik > section > .sagtaraf > .istirakler > p > a { color:#222; font-family:Gotham-Medium_1;}

.icerik > section > .full {width: 1210px;float:left;height:auto;min-height: 200px;padding-bottom:30px;padding-left: 28px;}
.icerik > section > .full > p {font-size: 14px;margin-bottom:15px;line-height: 25px;letter-spacing: -0.3px;}
.icerik > section > .full > p > .kalin { font-weight:bold; font-family:Gotham-Medium_1; text-decoration:underline; padding-bottom:10px;}
.icerik > section > .full > h3 {font-size: 18px;font-family:Gotham-Medium_1;font-weight:bold;color:#222;margin-bottom:25px; margin-top:5px;}
.icerik > section > .full > h4 {font-size: 16px;font-family:Gotham-Medium_1;font-weight:bold;color:#222;margin-bottom:35px; position:relative; top:15px;}
.icerik > section > .sagtaraf > h4 {font-size: 16px;font-family:Gotham-Medium_1;font-weight:bold;color:#222;margin-bottom:35px; position:relative; top:15px;}

.icerik > section > .full > .iletisimikili2 > h4 {font-size:16px;font-family:Gotham-Medium_1;font-weight:bold;color:#222;margin-bottom:35px;position:relative; top:15px;}
.icerik > section > .full > .iletisimikili > h4 {font-size:16px;font-family:Gotham-Medium_1;font-weight:bold;color:#222;margin-bottom:35px; position:relative; top:15px;}
.icerik > section > .full > .iletisimikili > p {font-size: 14px;margin-bottom:15px;line-height: 25px;letter-spacing: -0.3px;}
.icerik > section > .full > .iletisimikili > p > .kalin { font-weight:bold; font-family:Gotham-Medium_1; text-decoration:underline; padding-bottom:10px;}


.icerik > section > .full > .iletisimikili {width: 330px;float:left;height:auto;min-height: 200px;padding-bottom:30px;}
.icerik > section > .full > .iletisimikili2 {width: 877px;float:left;height:auto;min-height: 200px;padding-bottom:30px;}
.icerik > section > .full > .iletisimikili2 > form > input[type=text] {width: 407px;float:left;height: 40px;margin-right: 5px;padding: 10px;margin-bottom: 5px;}
.icerik > section > .full > .iletisimikili2 > form > textarea {width: 845px;float:left;height: 140px;margin-right: 5px;padding: 10px;margin-bottom: 5px;}
.icerik > section > .full > .iletisimikili2 > form > input[type=submit] {cursor:pointer;width: 867px;float:left;height: 40px;margin-right: 5px;padding: 10px;margin-bottom: 5px;border: 0;background: #EC131B;color: #fff;}
.icerik > section > .full > .iletisimikili2 > form > input[type=submit]:hover {background: #6C6D71;}


.icerik > section > .sagtaraf > .haber {width: 295px;height:400px;float:left;position:relative;margin-right: 5px;margin-bottom: 30px;border: 1px solid #dadada;padding-bottom: 29px;}
.icerik > section > .sagtaraf > .haber > a > img { width: 100%; margin-bottom:20px;}
.icerik > section > .sagtaraf > .haber > a > .haberhover { display:none;}
.icerik > section > .sagtaraf > .haber> a:hover  > .haberhover {display:block;margin-top:-233px;margin-bottom: 24px; cursor:pointer;}
.icerik > section > .sagtaraf > .haber > h2 {font-size:16px;font-family:Gotham-Medium_1;margin-bottom:20px;line-height:22px;padding-left: 17px;letter-spacing: -0.5px;}
.icerik > section > .sagtaraf > .haber > p {font-size:14px;font-family:Gotham-Light;width: 88%;line-height:22px;padding-left: 17px;}
.icerik > section > .sagtaraf > .haber > .habera {font-size:14px;font-family:Gotham-Medium_1;position:relative;top: 7px;color:#222;width: 100%;padding-left: 17px;}
.icerik > section > .sagtaraf > .haber > .habera:hover {}
.icerik > .haritaweb { display:block;}
.icerik > .haritamobil { display:none;}
.icerik > section > .sagtaraf > a > .urun {width: 161px;height: 198px;float:left;margin: 2px;}
.icerik > section > .sagtaraf > a > .urun > .urunb {width:100%;margin-bottom: 13px;}
.icerik > section > .sagtaraf > a > .urun > .urunh {display:none;margin-top: -151px;margin-bottom: 17px;width:100%;}
.icerik > section > .sagtaraf > a:hover > .urun > .urunh { display:block;}
.icerik > section > .sagtaraf > a > .urun > p { font-size:14px;font-family:Gotham-Light;line-height:22px; text-align:center; color:#222;}

.icerik > section > .full > .istirakler {width: 14.5%;height: 160px;border-bottom:1px solid #dadada;float:left;margin-top:10px;margin-bottom:10px;position:relative;top:20px;margin-right: 20px;padding-left: 3%;border-right: 1px solid #dadada;}
.icerik > section > .full > .istirakler > p {font-size:14px;margin:20px 0;line-height: 22px;}
.icerik > section > .full > .istirakler > p > a { color:#222; font-family:Gotham-Medium_1;}

header > .sagmenu > #menu {width: 320px;height: 100%;float:left;display:none;z-index: 9999;position: fixed;right: 0;background: #e0e0e0;}
header > .sagmenu > #menu > .logo {margin: 25px 15px 25px 25px;float: left;width: 190px;}
header > .sagmenu > #menu > #kapat {color: #222;padding: 4px 7px;font-family: Gotham-Medium_1;font-size: 13px;position: relative;top: 29px;left: 38px;cursor: pointer;border: 2px solid #222;border-radius: 100px;}
header > .sagmenu > #menu > #kapat:hover { background:#222; color:#fff;}
header > .sagmenu > #menu > ul > li {width: 100%;height: 50px;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #d7d7d7;}
header > .sagmenu > #menu > ul > li.mobil { display:none;}
header > .sagmenu > #menu > ul > li.sed {border:none; position:relative; top:20px;}
header > .sagmenu > #menu > ul > li:hover { background:#dadada;}
header > .sagmenu > #menu > ul > li > a > .acilirmenuu{}
header > .sagmenu > #menu > ul > li > a > .acilirmenuu > img{padding: 17px 19px 17px 32px;float: left;}
header > .sagmenu > #menu > ul > li > a > .acilirmenuu > img.sss{padding: 16px 19px 16px 32px;}
header > .sagmenu > #menu > ul > li > a > .acilirmenuu > p{font-family: Gotham-Light;font-size: 14px;color: #222;padding: 18px 0;}
header > .sagmenu > #menu > a > .sosimg {width: 37px;position: relative;left: 31px;margin-top: 39px;margin-right: -3px;}



section.ok					 {width: 1230px;margin:0 auto;position:relative;top: -27px;z-index:999;}
section.ok .ileri > a			 { float:right; margin-right:0;}
section.ok .ileri > a > img		 {width: 50px;margin-left: 4px;}
section.ok .geri > a > img		 { width:50px;}
section.ok .geri > a			 { float:right; margin-left:0;}