@charset "utf-8";
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body {line-height: 1;font-family: 'Raleway', sans-serif; font-size: 14px; width:100%; height:100% !important;}
body {background-color: #FFFFFF;margin: 0;color: #474747;}

a{outline: none;text-decoration:none;color: inherit;}
a:hover{text-decoration:none;}
a:active{text-decoration:none; }
IMG{border:none;display: block;}
:focus {outline: 0;}
:hover {	transition:.2s all linear;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
ul {list-style-type: none;}
h1, h2, h3, p {margin-bottom: 10px;}
.clear{clear: both;	}
.ortala { width:1000px; position:relative; margin:0 auto;}
.boslukkoy { display:none; }
::-webkit-scrollbar{width: 13px;}
::-webkit-scrollbar-thumb{background-color:#f26522; border-radius: 0px;}
::-webkit-scrollbar-thumb:hover{background-color:#F23B21;}
::-webkit-scrollbar-track{background-color:#FFC8AE;}
.ustmobil { display:none;}

.logo { float:left; width:20%;}
.logo img {max-width: 100%;}
.anabanner {color: #FFFFFF;position: relative;}
.anabanner .banner-ic {position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: black 0 0 50px;
    background: rgba(255, 0, 0, 0.65);
    padding: 100px 0;
    z-index: 20;}
.anabanner .ortala {height: 100%;}
.anabanner .banner-menu {position: absolute;z-index: 9;width: 100%;margin-top: 5px;}
.anabanner .banner-menu .ic {position: relative;}
.anabanner .banner-ic .baslik1 {font-size: 43px;font-weight: bold;}
.anabanner .banner-ic .baslik2 {font-size: 42px;margin-top: 15px;}
.anabanner .banner-ic p {font-size: 16px;line-height: 1.8;margin-top: 35px;}

header { width: 100%;
    height: 90px;
    border-bottom: 1px solid #ffffff;
    padding: 38px 0 26px 0;}
.anabanner .menu {float: right;margin-top: 50px;font-size: 13px;}
.anabanner .menu a {margin-left: 30px;}
.anabanner .menu a:nth-child(1) {margin-left: 0px;}

#hakkimizda {text-align: center;}
#hakkimizda .ic .baslik {font-size:14px;color: #c32429; font-weight: bold;}
#hakkimizda .ic:nth-child(1) .baslik {color: #222222;font-size: 34px;border-bottom: 5px solid #ff0000;display: inline-block;}
#hakkimizda .ic p {margin: 20px 0;line-height: 2;font-size: 12px;color: #747474;}
#hakkimizda .ic:nth-child(1) p {margin: 30px 0;}
#hakkimizda .ic:nth-child(1) {width: 100%;}
#hakkimizda .ic:nth-child(2),#hakkimizda .ic:nth-child(3) {width: 50%;float: left;}

#hizmetler .anabaslik {height: 158px;background-position: center;background-size: cover;margin: 30px 0;}
#hizmetler .ic {display: table;width: 100%;text-align: center;color: #222222;}
#hizmetler .ic .baslik {font-size: 26px;font-weight: bold;}
#hizmetler .ic p {font-size: 12px;line-height: 1.5;margin: 20px 75px;}
#hizmetler .ic .yazi,#hizmetler .ic .resim{display: table-cell;vertical-align: middle;width: 50%;}
#hizmetler .ic .resim img {width: 100%;}

#referanslar {height: 581px; background-position: center;background-size: cover;margin: 30px 0;position: relative;overflow: hidden;text-align: center;}
#referanslar .baslik {font-size: 30px;color: #af7f49;font-weight: bold;margin: 60px 0 ;border-bottom: 5px solid #af7f49;padding-bottom: 20px;   display: inline-block;}
#referanslar .referans {float: left;width: 18%;margin: 3% 1%;position: relative;}
#referanslar .referans img {width: 100%;}
#referanslar .referans img:hover {    background: rgba(255, 0, 0, 0.35); opacity: 0.7;filter: alpha(opacity=70);}

#galeri {text-align: center;margin-bottom:30px;}
#galeri .baslik {font-size: 30px;color: #af7f49;font-weight: bold;margin: 60px 0 ;border-bottom: 5px solid #af7f49;padding-bottom: 20px;   display: inline-block;}
.gallery {
  width: 100%;
  margin: auto;
  border-radius: 3px;
  overflow: hidden;
  //position: relative;
}
.img-c {
  width: 33.333333%;
  height: 250px;
  float: left;
  position: relative;
  overflow: hidden;
}

.img-w {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: transform ease-in-out 300ms;
}

.img-w img {
  display: none;
}

.img-c {
    transition: width ease 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms;
}

.img-c:hover .img-w {
  transform: scale(1.08);
  transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms;
}

.img-c.active-gall {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 2;
  //transform: translateX(-50%);
}

.img-c.postactive {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.img-c.active-gall.positioned {
  left: 0 !important;
  top: 0 !important;
  transition-delay: 50ms;
}



#iletisim {text-align: center;color: #af7f49;font-size: 14px;}
#iletisim .ortala {width: 500px;}
#iletisim .baslik {font-size: 30px;color: #af7f49;font-weight: bold;margin: 60px 0 ;border-bottom: 5px solid #af7f49;padding-bottom: 20px;   display: inline-block;}
#iletisim .ic {background-image: url(../images/iletisim-bg.jpg);height: 470px;background-position: center;background-size: cover;position: relative;overflow: hidden;text-align: center;display: table;
    width: 100%;}
#iletisim .ic .bilgiler {    display: table-cell;
    vertical-align: middle;}
#iletisim .adres {line-height: 1.4;font-weight: bold;margin-bottom: 30px;}
#iletisim .ulasim div, #iletisim .sosyal div {float: left;width: 33.33333%;font-size: 16px;}
#iletisim .ulasim img {margin-bottom: 30px;}
#iletisim .ulasim img, #iletisim .sosyal img {margin-left: 25%;width: 50%;}
#iletisim .sosyal {width: 50%;margin-left: 25%;margin-top: 30px;}

.sonnnn {}
@media (max-width: 1540px) {
}

@media (max-width: 1440px) {
	
	
}
@media (max-width: 1366px) {


	

}
@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
.ortala { width:96%; margin-left:2%;}
header { display:none;}
.boslukkoy { display:block; height:80px; }
.ustmobil { width:100%; left:0; height:80px; transition:all .3s linear;top:0;display:block;position:fixed;z-index:100;background:#fff;opacity: 0.5;
    filter: alpha(opacity=50);}
.menuacil{display:block;overflow:hidden;width:100%;height:0px;text-align:center;position:fixed; top:80px; z-index:9998;background:#e4e4e4;transition:.3s all linear; border-bottom:3px solid #f26522}
.menuacil2{height:175px;}
.mobmenuicon{display:block;top:13px;position:fixed;height:30px;width:60px; z-index:9999; right:20px;text-align:center;cursor:pointer;}
.moblogo {display:block; position:fixed; left:5px; top:-5px; cursor:pointer; transition:.3s all linear;}
.moblogo img { width:100%;}
.menuacil a{color:#000;font-size:16px;line-height:1.5;font-weight:600;}
.menuacil .mobil1{position:absolute;width:100%;top:0px;transition:.3s all linear;}
.menuacil .mobil1 a{width:100%;padding:4px 0;display:block;text-align:center;margin:3px auto; color:#f26522;}
.mobilaktif { background:#58585a;}
	.menuacil .mobil1 a.mobilaktif {color: #fff;}
	.menuacil .mobil1 a:hover {background:#58585a;color: #fff;}
.mobver { display:block; float:right; margin-top:5px;}
.mobver img { width:120px; transition:.3s all linear;}






.gonderildi {width:96%; padding-top:80px;}


}

@media (max-width: 800px) {
	
}

@media (max-width: 640px) {
	
	
	
}
@media (max-width: 500px) {
	
}

@media (max-width: 400px) {
	
}