body{background:#262626;}
header{width:100%; height:120px;}
header div{width:1200px; margin:auto; height:120px;}
header div:after{clear:both; display:table; content:"";}
header figure{float:left; height:120px;}
header nav{float:right;}
nav ul li{float:left; height:120px;}
nav ul li a{display:block; height:120px; line-height:120px; font-weight:300; color:#fff; padding:0 20px;}
nav ul li a:hover{color: #a1a1a1;}

.photo-slide {
	position: relative!important;
    left: auto!important;
    top: auto!important;
}


#bilgiler{width:100%; height:155px; padding:60px 0; background:#ed1c24; position:relative;}
#bilgiler > div{height:35px; width:1200px; margin:Auto;}
#sosyal{float:left;}
#sosyal li{float:left;}
#sosyal li a{display:block; width:35px; height:35px; line-height:35px; text-align:center;}
#sosyal li a span{color:#fff; font-size:26px; display:block; line-height:35px;}
#slider{width:100%; overflow:hidden; height: 81vh!important;}
#slider h1{font-size:24px; color:#fff; position:absolute; background:rgba(0,0,0,0.4); height:50px; line-height:50px; width:100%; bottom:0; text-align:center;}
.list_carousel li{background-position: center center!important; background-size: cover!important; height: 81vh!important;}
#bgslider li {background-position: center center!important; background-size: cover; height: 81vh!important;}
.desktop-slider {display: block!important;}
.mobile-slider {display: none!important;}
#ileri,#geri{position:absolute; width:40px; height:40px; line-height:40px; text-align:center; top:53%; background:rgba(0,0,0,0.5); color:#fff;}
#ileri{right:0;}
#geri{left:0;}
#ileri:hover,#geri:hover{background:#ed1c24;}

#ileri1,#geri1{position:absolute; width:40px; height:40px; line-height:40px; text-align:center; margin-top:-20px; top:55%; background:rgba(0,0,0,0.5); color:#fff;}
#ileri1{right:0;}
#geri1{left:0;}
#ileri1:hover,#geri1:hover{background:#ed1c24;}

#bilgiler-sag{float:right; height:35px;}
#bilgiler-sag > li{float:left; height:35px; margin-left:30px;}
#bilgiler-sag > li > figure{float:left; height:35px; background:rgba(255,255,255,0.2); border-radius:3px; margin-right:10px;}
#bilgiler-sag > li > figure > {float:left; height:35px; background:rgba(255,255,255,0.2); border-radius:3px;}
#bilgiler-sag > li > div{float:left; height:35px;}
#bilgiler-sag > li > div > span{font-size:13px; color:#fff; font-weight:bold; display:block;}
#bilgiler-sag > li > div > a{font-size:16px; color:#fff; display:block;}
#bilgiler-sag > li > figure > span{width:35px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:22px; display:block;}
#bilgiler-sag > li > a{background:#fff; height:35px; line-height:35px; border-radius:3px; color:#ed1c24; display:inline-block; padding:0 10px; font-size:13px; font-weight:bold;}
#bilgiler-sag > li > a > span{height:35px; margin-right:5px; float:left; line-height:35px; font-size:18px;}
#bilgiler-sag > li > div > a:hover{text-decoration:underline;}
#bilgiler-sag > li > a:hover{background:#262626;color:#fff;}
#bilgiler-sag > li > a:hover span{color:#fff;}
#calismalarimiz{width:100%; padding:90px 0; background:#262626;}
#calismalarimiz > div{width:1170px; margin:auto;}
#calismalarimiz h2{font-size:24px; display:block; color:#fff; margin-bottom:30px; font-weight:bold; text-align:center;}
#calismalarimiz ul li{width:370px; height:220px; position:relative; margin-right:30px; margin-bottom:30px; float:left; z-index:1;}
#calismalarimiz ul li img {width:100%; height:220px; position:relative; margin-right:30px; margin-bottom:30px; float:left; z-index:1;}
#calismalarimiz ul li:nth-child(3n){margin-right:0;}
#calismalarimiz ul:after{clear:both; display:table; content:"";}
#calismalarimiz ul li a{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0.7; background:#000; z-index:2; transition:all ease 0.3s;}
#calismalarimiz ul li a:hover{opacity:0; transition:all ease 0.3s;}
#calismalarimiz ul li span{z-index:3; pointer-events:none; position:absolute; line-height:220px; width:100%; text-align:center; color:#fff; font-size:16px; left:0; top:0; font-weight:bold;}
#calismalarimiz ul li:hover span{display:none;}
#calismalarimiz > div > a{width:160px; text-align:center; height:40px; display:block; line-height:40px; padding:0 10px; border-radius:3px; background:#ed1c24; color:#fff; font-size:13px; font-weight:bold; margin:auto;}
#calismalarimiz > div > a > span{margin-left:10px; font-size:9px;}
#calismalarimiz > div > a:hover{background:#fff; color:#ed1c24;}
#calismalarimiz > div > a:hover span{color:#ed1c24;}
#kurumsal{width:100%; padding:90px 0; background:#222222;}
#kurumsal > div{width:1200px; margin:auto;}
#kurumsal h2{font-size:24px; display:block; color:#fff; margin-bottom:10px; font-weight:bold; text-align:center;}
#kurumsal p{font-size:15px; display:block; color:#fff; text-align:center;}
#kurumsal ul{width:770px; margin:30px auto 0 auto; display:block;}
#kurumsal ul li{width:370px; float:lefT; margin-right:30px; height:460px;}
#kurumsal ul li:nth-child(2){margin-right:0;}
#kurumsal ul li h3{width:100%; height:40px; line-height:40px; text-align:center; background:#fff; color:#ed1c24; font-size:16px;display:block;}
#kurumsal ul li h3 a{color:#ed1c24; font-size:16px; font-weight:bold;}
#kurumsal ul li img{height:420px; display:block;}
#kurumsal ul:after{clear:both; display:table; content:"";}
#footer-ust{width:100%; background:url(../images/footerbg.jpg); height:250px; background-size: cover;}
#footer-ust > div{width:1200px; margin:auto; padding-top:30px;}
footer{width:100%;}
#bilgiler-alt{float:left; height:35px;}
#bilgiler-alt > li{float:left; height:35px; margin-left:30px;}
#bilgiler-alt > li > figure{float:left; height:35px; background:rgba(255,255,255,0.2); border-radius:3px; margin-right:10px;}
#bilgiler-alt > li > figure > {float:left; height:35px; background:rgba(255,255,255,0.2); border-radius:3px;}
#bilgiler-alt > li > div{float:left; height:35px;}
#bilgiler-alt > li > div > span{font-size:13px; color:#fff; font-weight:bold; display:block;}
#bilgiler-alt > li > div > a{font-size:16px; color:#fff; display:block;}
#bilgiler-alt address{font-size:16px; color:#fff; display:block;}
#bilgiler-alt > li > figure > span{width:35px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:22px; display:block;}
#bilgiler-alt > li > a{background:#fff; height:35px; line-height:35px; border-radius:3px; color:#ed1c24; display:inline-block; padding:0 10px; font-size:13px; font-weight:bold;}
#bilgiler-alt > li > a > span{height:35px; margin-right:5px; float:left; line-height:35px; font-size:18px;}
#bilgiler-alt > li > div > a:hover{text-decoration:underline;}
#bilgiler-alt > li > a:hover{background:#262626;color:#fff;}
#bilgiler-alt > li > a:hover span{color:#fff;}
#bilgiler-alt:after{clear:both; display:table; content:"";}
#sosyal-alt{float:right;}
#sosyal-alt li{float:left;}
#sosyal-alt li a{display:block; width:35px; height:35px; line-height:35px; text-align:center;}
#sosyal-alt li a span{color:#fff; font-size:26px; display:block; line-height:35px;}
#sosyal li span:hover, #sosyal-alt li span:hover{color:#262626;}
#footer-orta{width:100%; display:block;}
#footer-alt{width:100%; display:block; height:80px;}
#footer-harita{width:1200px; height:300px; position:relative; margin:-155px auto 0 auto;}
#footer-alt ul{display:table; margin:auto;}
#footer-alt ul li{float:left;}
#footer-alt ul li a{display:block; height:80px; line-height:80px; padding:0 20px; font-size:14px; color:#fff; font-weight:bold;}
#footer-alt ul li:hover{background:#ed1c24;}
main{width:100%;}
.menu-open, .menu-close{display:none;}
#bilgiler > div:after{clear:both; display:table; content:"";}
#footer-ust > div:after{clear:both; display:table; content:"";}
#breadcrumb{width:100%; height:80px; background:#ed1c24;} 
#breadcrumb > div{width:1200px; height:80px; margin:auto;}
#breadcrumb > div:after{clear:both; display:table; content:"";}
#breadcrumb h1{float:left; color:#fff; font-size:24px; line-height:80px;}
#breadcrumb ul{float:right}
#breadcrumb ul li{float:left; margin-left:30px; color:#fff; font-size:13px; line-height:80px;}
#breadcrumb ul li a{color:#fff; font-size:13px; line-height:80px;}
#breadcrumb ul li a:hover{text-decoration: underline;}
#sayfa{width:1200px; margin:30px auto; position:relative; background:#222222; min-height:300px; padding:30px;}
#sayfa h2{font-size:18px; color:#fff; display:block; margin-bottom:20px;}
#sayfa p{font-size:15px; color:#fff; display:block; margin-bottom:20px;}
.sayfa-resim{width:100%; margin-bottom:30px;}
.sayfa-resim img{max-width:100%; display:block;}
#ekip{width:100%;}
#ekip li{width:100%; height:270px; margin-bottom:30px;}
#ekip li:after{clear:both; display:table; content:"";}
#ekip li figure{float:left; width:370px;}
#ekip li div{float:left; width:770px; padding:30px; background:#2f2f2f; height:270px;}
#ekip li div h3{font-size:18px; display:block; color:#fff; margin-bottom:20px;}
#ekip li div p{font-size:15px; display:block; color:#fff; line-height:20px;}
#projeler{width:100%;}
#projeler > div{width:1140px; margin:auto;}
#projeler h2{font-size:24px; display:block; color:#fff; margin-bottom:30px; font-weight:bold; text-align:center;}
#projeler li{width:360px; height:220px; position:relative; margin-right:30px; margin-bottom:30px; float:left; z-index:1;}
#projeler li:nth-child(3n){margin-right:0;}
#projeler:after{clear:both; display:table; content:"";}
#projeler li a{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0.7; background:#000; z-index:2; transition:all ease 0.3s;}
#projeler li a:hover{opacity:0; transition:all ease 0.3s;}
#projeler li span{z-index:3; pointer-events:none; position:absolute; line-height:220px; width:100%; text-align:center; color:#fff; font-size:16px; left:0; top:0; font-weight:bold;}
#projeler li:hover span{display:none;}
#projeler li img{width:100%; height:220px; display:block;}

.content-info {display: table; width: 100%; height: auto; margin-top: 30px;}
.content-info h4 {color: #fff; font-weight: 500; font-size: 22px; margin: 10px 0;}
.content-photo-gallery {width: 100%; height: auto; display: table;}
.content-photo-gallery li {max-width: 215px; height: 150px; float: left; margin: 5px;}
/* .content-photo-gallery li:nth-child(5n) {margin-right: 0;} */
.content-photo-gallery li img {max-width: 100%; height: 150px;}

#iletisim{width:100%;}
#iletisim-bilgileri{width:380px; float:left;}
#iletisim-formu{width:380px; float:left; padding-left:30px;}
#iletisim-harita{width:760px; float:left; padding-left:30px;}
#iletisim h2{font-size:22px; line-height:24px; font-weight:bold; color:#fff; display:block; margin-bottom:20px;}
#iletisim-bilgileri li{display:Block; width:100%; float:left; padding: 10px 20px; margin-bottom: 10px; background:rgba(0,0,0,0.1);}
#iletisim-bilgileri li i{float:left; width:30px; margin-top:3px; color:#fff;}
#iletisim-bilgileri li a{float:left;color:#fff; font-size:16px;}
#iletisim-bilgileri li address{float:left; max-width:300px; color:#fff; font-size:16px;}
#iletisim-bilgileri li:hover{background:#ed1c24;}
#iletisim-formu input[type="text"]{width:100%; height:40px; line-height:40px; padding-left:10px; border:1px solid #e1e1e1;}
#iletisim-formu input[type="text"]:hover{border:1px solid #1c2556; color:#1c2556}
#iletisim-formu button{width:100%; color:#fff; height:40px; line-height:40px; padding-left:10px; border:none; background:#ed1c24; cursor:pointer;}
#iletisim-formu button:Hover{background:#c8141b;}
#iletisim-formu textarea{width:100%; height:80px; padding:10px; border:1px solid #e1e1e1;}
#iletisim-formu textarea:hover{border:1px solid #1c2556; color:#1c2556}
#iletisim-formu li{width:100%; margin-bottom:10px;}
#iletisim-bilgileri ul:after{clear:both; display:table; content:"";}
#iletisim:after{clear:both; display:table; content:"";}