@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);


.rotate-1 { -webkit-transition: all 100ms ease 0s; -moz-transition: all 100ms ease 0s; -ms-transition: all 100ms ease 0s; -o-transition: all 100ms ease 0s; transition: all 100ms ease 0s; }
.rotate-2 { -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; }

.fade-1 { -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -khtml-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; }
.fade-2 { -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

* { margin:0; padding:0; border:0; outline:none; }
.clear { clear:both; }

html, body { width:auto; height:100%; overflow-x:hidden; margin:0 auto; }

body { cursor:default; width:100%; font-family:'Open Sans', sans-serif; height:auto; font-size:14px; font-weight:400; }

header { display:block; width:100%; height:100px; border-bottom:2px solid #bc0000; top:0; left:0; z-index:999; overflow:hidden; position:fixed; background:#fff; box-shadow:0 10px 20px -10px rgba(0,0,0,0.5); -webkit-transition: height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s; }
header > .ortala { width:84%; height:100px; position:relative; margin:0 auto; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
header > .ortala > .logo { width:300px; height:60px; position:absolute; left:0px; top:20px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
header > .ortala > .logo > img { width:300px; height:60px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
header > .ortala > .ust-bilgi { width:auto; height:auto; position:absolute; font-size:12px; right:140px; top:13px; border:1px solid #e5e5e5; border-bottom:1px solid #bbb; border-right:1px solid #bbb; padding:6px 12px 6px 12px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
header > .ortala > .ust-bilgi i { padding:0 5px 0 15px; }
header > .ortala > .ust-bilgi .ilk { padding:0 5px 0 0px; }
header > .ortala > .ust-bilgi a { color:#222; text-decoration:none; }
header > .ortala > .ust-bilgi a:hover { color:#892B2B; text-decoration:underline; }
header > .ortala > .dil { width:auto; height:auto; position:absolute; font-size:12px; right:0px; top:13px; border:1px solid #e5e5e5; border-bottom:1px solid #bbb; border-right:1px solid #bbb; padding:5px 7px 4px 7px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
header > .ortala > .dil img { margin:0 2px; margin-bottom:-3px; opacity:0.75; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(75%); /* Chrome 19+ & Safari 6+ */ }
header > .ortala > .dil img:hover { filter: none; -webkit-filter: grayscale(0%); opacity:1; }
header > .ortala > .dil .aktif { filter: none; -webkit-filter: grayscale(0%); opacity:1; }
header > .ortala > nav { width:auto; height:auto; position:absolute; right:0px; top:55px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
header > .ortala > nav > a { color:#444; font-family:'Oswald', sans-serif; font-weight:400; text-decoration:none; display:inline-block; border-bottom:2px solid #eee; width:auto; height:auto; padding-bottom:2px; font-size:16px; margin-left:25px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
header > .ortala > nav > a:hover { color:#892B2B; text-decoration:none; border-bottom:2px solid #892B2B; }
header > .ortala > nav > .aktif { color:#892B2B; text-decoration:none; border-bottom:2px solid #892B2B; }
header.smaller { height:60px; }
header.smaller .logo { top:10px; }
header.smaller .ust-bilgi { display:none; }
header.smaller .dil { display:none; }
header.smaller .logo > img { height:40px; width:200px; }
header.smaller nav { top:18px; }
header.smaller nav a { font-size:14px; }

main { display:block; width:100%; height:auto; }
main > .anasayfa { width:100%; height:100vh; position:relative; }
main > .anasayfa > .bxslider { width:100%; height:100vh; position:absolute; left:0px; top:0px; z-index:1; }
main > .anasayfa > .yazilar { width:100%; height:100vh; position:absolute; left:0px; top:0px; z-index:2; background-image:url(../img/slayt-ust.png); }
main > .anasayfa > .yazilar > .ortala { width:84%; height:100vh; margin:0 auto; text-align:center; position:relative; }
main > .anasayfa > .yazilar > .ortala > .yazi { font-size:24px; text-shadow:0px 0px 5px #000; padding-top:300px; color:#fff; font-weight:300; }
main > .anasayfa > .yazilar > .ortala > .yazi > .detayli { font-size:16px; text-shadow:0 1px 3px #000; color:#fff; font-weight:300; background:rgba(255,255,255,0.10); padding:10px 35px; border-radius:5px; border:1px solid #fff; text-decoration:none; }
main > .anasayfa > .yazilar > .ortala > .yazi > .detayli:hover { text-shadow:0 0 0; color:#222; border:1px solid #fff; background:#fff; text-decoration:none; box-shadow:0 10px 20px -10px rgba(0,0,0,1); }
main > .anasayfa > .yazilar > .ortala > .devam { width:100%; height:100px; text-align:center; position:absolute; left:0; bottom:15px; }
main > .anasayfa > .yazilar > .ortala > .devam > .ok { font-size:65px; color:#fff; text-decoration:none; }
main > .anasayfa > .yazilar > .ortala > .devam > .ok:hover { font-size:85px; color:#fff; text-decoration:none; text-shadow:0 0 25px #fff; }

main > .hakkimizda { width:100%; height:92vh; background-image:url(../img/arkaplan-hakkimizda.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center center; background-size:cover; }
main > .hakkimizda > .ortala { width:84%; height:92vh; margin:0 auto; position:relative; }
main > .hakkimizda > .ortala > .hakkimizda-yazisi { width:700px; height:auto; position:absolute; left:0px; top:30px; }
main > .hakkimizda > .ortala > .hakkimizda-yazisi > h1 { font-size:34px; font-weight:300; color:#8A0000; }
main > .hakkimizda > .ortala > .hakkimizda-yazisi > h2 { font-size:22px; font-weight:300; color:#8A0000; }
main > .hakkimizda > .ortala > .hakkimizda-yazisi > p { font-size:14px; line-height:18px; font-weight:400; color:#222; }
main > .hakkimizda > .ortala > .hakkimizda { width:500px; height:400px; position:absolute; right:-15vh; bottom:0px; background-image:url(../img/hakkimizda.png); }

main > .hizmetlerimiz { width:100%; height:92vh; background-image:url(../img/arkaplan-hizmetlerimiz.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center center; background-size:cover; }
main > .hizmetlerimiz > .ortala { width:84%; height:auto; padding:30px 0; margin:0 auto; }
main > .hizmetlerimiz > .ortala > h1 { font-weight:300; text-shadow:0 1px 1px #000; font-size:34px; color:#fff; text-align:center; margin-bottom:20px; }
main > .hizmetlerimiz > .ortala > .sol { width:49%; height:auto; float:left; }
main > .hizmetlerimiz > .ortala > .sag { width:49%; height:auto; float:right; }
main > .hizmetlerimiz > .ortala .kutu { width:auto; height:auto; display:block; position:relative; text-decoration:none; padding:50px 25px; margin-bottom:20px; text-shadow:0 1px 1px rgba(0,0,0,0.75); font-size:12px; background:rgba(255,255,255,0.15); color:#fff; border:3px solid rgba(0,0,0,0.25); box-shadow:0 10px 20px -10px rgba(0,0,0,1); }
main > .hizmetlerimiz > .ortala .kutu:hover { border:3px solid rgba(255, 245, 214, 0.5); background:rgba(255,255,255,0.30); }
main > .hizmetlerimiz > .ortala .kutu h3 { font-weight:300; font-size:24px; font-weight:300; color:#FFF2C8; }
main > .hizmetlerimiz > .ortala .kutu .ikon { width:auto; height:auto; font-size:40px; color:#FFF2C8; opacity:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); right:5px; bottom:-30px; }
main > .hizmetlerimiz > .ortala .kutu:hover .ikon { opacity:1; right:5px; bottom:-20px; }

main > .galeri { width:100%; min-height:92vh; background-image:url(../img/galeri-arkaplan.png); }
main > .galeri > .ortala { width:84%; height:auto; margin:0 auto; padding:30px 0; }
main > .galeri > .ortala > h1 { font-weight:300; text-shadow:0 1px 0px rgba(255,255,255,0.5); font-size:34px; color:#222; text-align:center; margin-bottom:20px; }
main > .galeri > .ortala > #gallery { width:100%; height:auto; text-align:center; }
main > .galeri > .ortala > #gallery > a { display:inline-block; overflow:hidden; width:150px; height:100px; position:relative; margin:0px; padding:3px; border:1px solid #ccc; background:#fff; }
main > .galeri > .ortala > #gallery > a:hover { background:#fff; border:1px solid #666; padding:3px; }
main > .galeri > .ortala > #gallery > a > i { position:absolute; right:-35px; bottom:15px; opacity:0; color:#fff; font-size:24px; text-shadow:0 1px 5px #000; }
main > .galeri > .ortala > #gallery > a:hover > i { right:15px; bottom:15px; opacity:1; }
main > .galeri > .ortala > #gallery > a > img { width:100%; height:100%; }

main > .referanslarimiz { width:100%; min-height:92vh; background-image:url(../img/arkaplan-referanslarimiz.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center center; background-size:cover; }
main > .referanslarimiz > .ortala { width:84%; height:auto; margin:0 auto; padding:30px 0; text-align:center; }
main > .referanslarimiz > .ortala > h1 { font-weight:300; text-shadow:0 1px 0px rgba(255,255,255,0.5); font-size:34px; color:#800505; text-align:center; margin-bottom:20px; }
main > .referanslarimiz > .ortala > .kutu { width:31%; height:auto; display:inline-block; margin:1px; line-height:16px; background:#222; color:#fff; border-radius:3px; text-align:left; padding:10px; font-size:14px; font-weight:600; float:left; }
main > .referanslarimiz > .ortala > .kutu .tarih { display:inline-block; float:left; width:auto; height:auto; margin-right:5px; color:#FFF8CC; font-weight:600; margin-top:-1px; border-radius:3px; background:#444; box-shadow:inset 0 0 10px #000; border-bottom:0px; padding:8px; font-size:14px; }
main > .referanslarimiz > .ortala > .kutu span { font-size:11px; font-weight:300; border-bottom:1px dotted #444; color:#aaa; margin-bottom:5px; padding-bottom:3px; display:block; }
main > .referanslarimiz > .ortala > .kutu .son { margin-bottom:0px; padding-bottom:0px; border-bottom:0px; }

main > .iletisim { display:block; width:100%; height:92vh; }
main > .iletisim > .sol { width:50%; height:auto; float:left; }
main > .iletisim > .sol > h1 { width:100%; font-size:24px; height:12vh; line-height:12vh; color:#222; background:#fff; text-align:center; font-weight:300; }
main > .iletisim > .sol > #map_canvas { width:98%; height:42vh; float:right; }
main > .iletisim > .sol > .iletisim-bilgileri { width:100%; height:34vh; padding-top:10px; line-height:20px; font-size:13px; color:#222; background:#fff; text-align:center; font-weight:400; }
main > .iletisim > .sol > .iletisim-bilgileri i { margin:0 5px 0 5px; }
main > .iletisim > .sol > .iletisim-bilgileri a { color:#450000; text-decoration:underline; }
main > .iletisim > .sol > .iletisim-bilgileri a:hover { color:#aaa; text-decoration:underline; }

main > .iletisim > .sag { width:50%; height:auto; float:right; }
main > .iletisim > .sag > h1 { width:100%; font-size:24px; height:12vh; line-height:12vh; color:#222; background:#fff; text-align:center; font-weight:300; }
main > .iletisim > .sag > .iletisim-formu { width:100%; height:80vh; position:relative; background:#fff; }
main > .iletisim > .sag > .iletisim-formu > .icerik { width:92%; height:92%; padding:2%; position:absolute; left:50%; top:0px; transform:translate(-50%, 0); border:1px solid #e5e5e5; border-bottom:1px solid #bbb; border-right:1px solid #bbb; }

footer { display:block; width:100%; height:50px; border-top:5px solid #521010; background-image:url(../img/en-alt-arkaplan.png); }
footer > .ortala { width:84%; height:50px; margin:0 auto; position:relative; }
footer > .ortala > .alt-menu { width:auto; height:auto; position:absolute; left:0px; top:15px; }
footer > .ortala > .alt-menu > a { color:#DBDBDB; font-weight:400; text-decoration:none; font-size:13px; margin-right:15px; }
footer > .ortala > .alt-menu > a:hover { color:#fff; text-decoration:none; text-shadow:0 0 10px #fff; }
footer > .ortala > .copyright { width:auto; height:auto; position:absolute; right:0px; top:15px; font-size:12px; font-weight:300; color:#CEBBBB; }

#iletisim-formu input { padding:14px; font-size:14px; width:400px; box-shadow:inset 3px 3px 10px #ddd; color:#444; height:auto; display:block; margin-bottom:5px; border:1px solid #ddd; }
#iletisim-formu input:focus { box-shadow:inset 3px 3px 15px #ccc; border:1px solid #aaa; }
#iletisim-formu textarea { padding:14px; font-size:14px; box-shadow:inset 3px 3px 10px #ddd; font-family: 'Open Sans', sans-serif; width:525px; color:#444; height:200px; display:block; margin-bottom:5px; border:1px solid #ddd; }
#iletisim-formu textarea:focus { box-shadow:inset 3px 3px 15px #ccc; border:1px solid #aaa; }
#iletisim-formu button { padding:10px 0 8px 0; width:200px; margin-top:5px; text-align:center; font-weight:600; font-size:14px; color:#fff; background:#8A0101; cursor:pointer; border-bottom:2px solid #111; }
#iletisim-formu button:hover { background:#444; border-bottom:2px solid #111; }
#iletisim-formu button:active { margin-top:7px; margin-bottom:-2px; }
#iletisim-formu .telefon { display:inline-block; position:relative; width:auto; height:auto; }
#iletisim-formu #telefon-gerekli { display:inline-block; width:auto; height:auto; position:absolute; right:-105px; top:17px; font-size:11px; font-weight:normal; color:#aaa; }

.animate { -webkit-animation:pingtoright 1.5s infinite linear; -moz-animation:pingtoright 1.5s infinite linear; -o-animation:pingtoright 1.5s infinite linear; animation:pingtoright 1.5s infinite linear; }
@-webkit-keyframes pingtoright { 0% { -webkit-transform:translateX(0px); } 50% { transform:translateY(10px); } 100% { -webkit-transform:translateX(0px); } }