@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700');
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, sub, sup, tt, var,b, u, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,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: 'Montserrat', sans-serif;font-weight:normal;font-size: 14px;}
body {}
q {quotes: none;}
a {color: inherit;font-weight: inherit;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
ul li{ list-style-type:none;}
button {background-color: Transparent; cursor:pointer; outline: none;}
button:hover { opacity:0.6;}
a{outline: none;text-decoration:none;}
a:hover{text-decoration:none;}
.clear { clear:both;}
.ortala { margin:0 auto; padding:0 20%; position:relative;}
header { width:100%; right:0; left:0; padding:0 0; position:absolute; z-index:4;}
header::after {display:block;content: '';clear: both;}
.ustmobil { display:none;}
.logo { float:left; padding:18px 25px; background:rgba(0,0,0,.7); width:175px; transition:.3s all linear;}
.dakalogo { position:absolute; right:35px; top:30px; transition:.3s all linear;}
.anamenuhiza { margin:0 auto; width: 1320px; transition:.3s all linear;}
.anamenu { display:block; float:left; margin-top:0; background:rgba(0,0,0,.7); text-align:center;text-align:inherit; width:100%; }
.anamenu a { margin-left:5px; display:block; float:left; color:#FFF; font-weight:500; transition:.3s all linear;}
.anamenu li { display:block; float:left; position:relative; list-style-type:none; padding:28px 3px; margin-left:5px; color:#FFF; font-weight:bold; cursor:pointer; transition:.3s all linear;}
.araisaret{ position: absolute; font-size: 8px; margin-left: 2px; margin-top: 2px;}
.arkafon{ width: 100%; height: 100%; z-index: -1; position: fixed;   background:url(../images/arkafon.jpg) no-repeat center center;  background-size: cover; }
.icsol { width:18%; float:left;}
.icsol h1 { display:block; font-size:36px; font-weight:bold; color:#FFF; text-align:right;}
.icsol img { display:block; float:right; margin:0 0 15px;}
.icsag { width:80%; float:right; color:#FFF; line-height:1.4; margin:139px 0 60px;}
.icsag .hkyazi { display:block; width:58%; float:left;}
.icsag .icimg { display:block; width:40%; float:right;}
.icsag .icimg img { display:block; width:100%;}

.buyukharita{ width: 98%; margin: 1%;  transition:.3s all linear;}
.aramakutu{padding: 15px; margin: 5px; float: left; background: #252424; }
.aramabaslik{font-size: 40px; color: white; margin-top: 20px;}
.aramametin{font-size: 14px; color: white; margin-top: 20px; min-height: 540px;}
.iletisim { display:block; width:100%; float:none; color: white;}
.iletisimkutu { display:block; float:left; width:31%; padding:15px 1%; line-height: normal; height:160px; margin-bottom:25px; border-right:0px solid #FFF; font-size:13px;}
.iletisimkutu img { display:block; margin-bottom:10px;}
.iletisimkutu span { display:block; font-weight:bold; font-size:14px; }
.iletisimkutu:nth-child(3n) { border-right:none;}
.iletisimkutu:nth-child(3):after{ content: "."; display:block;height:0;clear:both;visibility:hidden;}
.iletisim h1 { font-size:28px; margin:25px 0 10px; font-weight:bold;}
.formtext { width:27%; float:left; margin-right:2%; height:10px; padding:25px 2%; font-family: 'Montserrat', sans-serif; border:none; outline:none; border-bottom:1px solid #FFF; background:none; color:#FFF;}
.formtextarea {width:93%; height:220px; padding:15px 2%; resize:none; font-family: 'Montserrat', sans-serif; border:none; outline:none; border-bottom:1px solid #FFF; background:none; color:#FFF;}
.formbuton { display:block; float:left; margin:20px 0 0; color:#FFF; background:none; border:none; border-bottom:1px solid #FFF; padding:10px 15px; cursor:pointer; margin-top:10px; font-family: 'Montserrat', sans-serif; transition:.3s all linear;}
.formbuton:hover { color:#000; background:#FFF;}
::-webkit-input-placeholder {color:#FFF;}:-moz-placeholder {color:#FFF;opacity:1;}::-moz-placeholder {color:#FFF;opacity:1;}:-ms-input-placeholder { color:#FFF;}::-ms-input-placeholder { color:#FFF;}::placeholder {color:#FFF;}

.kaynakcayazi{ color: white; line-height: normal;}
.kaynakcayazi h1{ font-size: 32px; font-weight: 500; color: white; margin: 20px 0 ;}
.harita { display:block; margin:10px 0 10px 0 ; width:100%; height:450px; border:none;}
.nav ul {list-style:none;margin:0;padding:0; transition:.3s all linear;}
.nav ul:before,.nav ul:after {content:"";display:table; transition:.3s all linear;}
.nav ul:after {clear:both; transition:.3s all linear;}
.nav ul > li { float:left;position:relative; transition:.3s all linear;}
.nav a {display:block;color:#FFF; font-size:13px; transition:.3s all linear;}
.nav ul > li:hover a {color:#CCC; }

.nav li ul {background:rgba(0,0,0,.7);position:absolute;left:0; width:250px;top:69px;z-index:1;overflow:hidden; height:0;-webkit-transition:350ms;-moz-transition:350ms;-o-transition:350ms;transition:350ms;-ms-transform:perspective(400) rotate3d(1,0,0,-90deg);-moz-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-o-transform:perspective(400) rotate3d(1,0,0,-90deg);transform:perspective(400) rotate3d(1,0,0,-90deg);-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-webkit-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;max-height:350px !important; overflow-y:scroll;}.nav li ul li {padding:0; margin-left:0; position:relative; width:100%; }
.nav li ul a {background:rgba(0,0,0,.7); padding:10px 5%; background:none;border-bottom:1px solid #FFF; margin:0; float:none; transition:.2s all linear;}
.nav li ul a:hover { background:rgba(255,255,255,.7); color:#000; }
.nav ul > li:hover ul {max-height:1000px; height:auto;-webkit-transform:perspective(400) rotate3d(0,0,0,0);}
.anasayfaalt{ position: absolute; width: 98%; bottom: 0px; z-index: 999; background:rgba(0,0,0,.7) !important;}
.nav li ul::-webkit-scrollbar{height:7px; border-radius: 10px; width:10px; margin:3px;}
.nav li ul::-webkit-scrollbar-thumb{background:#CCC;width:4px; border:1px solid #000 ;}
.nav li ul::-webkit-scrollbar-thumb:hover{ opacity:.7;}
.nav li ul::-webkit-scrollbar-track{background:transparent;transition:.3s all linear; }
.sabitle .ustmenuler1 li ul::-webkit-scrollbar{height:7px; border-radius: 10px; width:10px; margin:3px;}
.sabitle .ustmenuler1 li ul::-webkit-scrollbar-thumb{background:#CCC;width:4px; border:1px solid #000;}
.sabitle .ustmenuler1 li ul::-webkit-scrollbar-thumb:hover{ opacity:.7;}
.sabitle .ustmenuler1 li ul::-webkit-scrollbar-track{background:transparent;transition:.3s all linear; }
.logolar{ width: 210px; left:50%; margin-left: -105px; position: absolute;  float: left; transition:.3s all linear;}
.logolar img{ margin: 1px;}

.resimgoster{border: 2px solid #3E3E3E; transition:.2s all linear}
.resimgoster:hover{border: 2px solid #CCC; }
.sabitle { position: fixed;top: 0;right: 0; width:98%; padding:0 1%; background:rgba(0,0,0,.7); float:right; -webkit-box-shadow: -4px 8px 10px -4px rgba(0,0,0,0.56);-moz-box-shadow: -4px 8px 10px -4px rgba(0,0,0,0.56);box-shadow: -4px 8px 10px -4px rgba(0,0,0,0.56);display: none;z-index:9999;}
.sabitle .ustmenuler1 { float:left; margin-top:14px; margin-left: 50px;}
.sabitle .ustmenuler1 a { margin:3px 9px; font-size:12px; padding:25px 0; font-weight:400; color:#FFF; transition:.3s all linear;}
.sabitle img { margin-top:1px;}
#horizontalmenu1 li { float:left; position:relative;}
#horizontalmenu1 li.active a { background-color:#B85354;}

.sabitle .ustmenuler1 li ul {background:rgba(0,0,0,.7);position:absolute;left:0; width:280px;top:25px;z-index:1;overflow:hidden;-webkit-transition:350ms; height:0;-moz-transition:350ms;-o-transition:350ms;transition:350ms;-ms-transform:perspective(400) rotate3d(1,0,0,-90deg);-moz-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-o-transform:perspective(400) rotate3d(1,0,0,-90deg);transform:perspective(400) rotate3d(1,0,0,-90deg);-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-webkit-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;; max-height:350px !important; overflow-y:scroll;}.sabitle .ustmenuler1 li ul li {padding:0; margin-left:0; position:relative; width:100%; }
.sabitle .ustmenuler1 li ul a {background:rgba(0,0,0,.7); padding:10px 5%; background:none;border-bottom:1px solid #FFF; color:#FFF; display:block; margin:0; float:none; transition:.2s all linear;}
.sabitle .ustmenuler1 li ul a:hover { background:rgba(255,255,255,.7); color:#000; }
.sabitle .ustmenuler1 ul > li:hover ul {max-height:1000px;height:auto;-webkit-transform:perspective(400) rotate3d(0,0,0,0);}
.kilavuz{ padding-top: 250px; transition:.3s all linear;}
.slaytyazialan { width:420px; padding:20px 20px 10px 20px; background:rgba(255,255,255,0.75); position:absolute; top:50%; left:10%; line-height:1.4; font-size:13px;}
.slaytbaslik { font-size:48px; font-family: 'Crimson Text', serif; margin-bottom:10px;}
.slaytyazi { float:left; width:100%;}
.denden { font-size:100px; font-weight:bold; font-family:'Arial', Helvetica, sans-serif; float:right; width:70px; overflow:hidden; height:60px; margin-top:-25px; }

.headersag { margin-top:14px; position:relative; z-index:999; display:none;}/* MOBİL MENÜ CSS*/
#menuiconu { position:fixed; padding:10px 15px 10px 5px; background:rgba(0,0,0,.9); right:0;}
.sagmenu { display:none; position:fixed; height:100vh; width:100%; right:0; top:0; z-index:109999; background:rgba(0,0,0,.9); overflow:auto;}
.sagmenu::-webkit-scrollbar{height:7px; border-radius: 10px; width:10px; margin:3px;}
.sagmenu::-webkit-scrollbar-thumb{background:#CCC;width:4px; border:1px solid #000;}
.sagmenu::-webkit-scrollbar-thumb:hover{ opacity:.7;}
.sagmenu::-webkit-scrollbar-track{background:transparent;transition:.3s all linear; }

.sagmenu li { display:block; width:100%; margin-bottom:25px; float:none; color:#FFF; text-align:center; font-size:16px; font-weight:bold; transition:.3s all linear; line-height:1.3;}
.sagmenu li a { color:#FFF; padding:0 2%; float:none; font-size:16px; font-weight:bold; transition:.3s all linear;}
.sagmenu li #close { display:block; width:auto; float:right; padding:5px; margin:15px 2% 20px 0; border-bottom:none;}
.sagmenu li #close img { width:22px;}
.sagmenu li #close:hover { background:none; opacity:.7;}
.gizlimenu { display:none;}
.gizlimenu a { color:#FFF; padding:15px 2%; float:none; font-size:16px; font-weight:bold; transition:.3s all linear;}
.menulistele span { background:url(../images/geriicon.png) no-repeat left center; padding:0 2% 0 25px; display:block; float:right;}

.defsosyal { position:absolute; bottom:10px; left:1%; z-index:999;}
.defsosyal a { margin-right:5px;}

.defsag {position:absolute; bottom:20px; right:7%; z-index:999;}

.aramatext { background:#FFF;font-family: 'Montserrat', sans-serif; padding:3px; color:#000; outline:none;}
.aramabuton { width:19px; height:20px; background:url(../images/aramaicon.png) no-repeat center; text-indent:-9999px; border:none; transition:.3s all linear; margin-left:-25px; cursor:pointer;}
.aramabuton:hover { opacity:.7;}
.arama { display:block; float:left;}
.lisan { display:block; float:left;}
.lisan a { display:block; float:left; border:1px solid #FFF; padding:6px 8px; background:#FFF; font-weight:bold; font-size:12px; margin-right:3px; transition:.3s all linear;}
.lisan a:hover { background:#000; color:#FFF;}
.lisanaktif { background:#000 !important; color:#FFF;}



.icresim { height:1025px; width:100%; margin:0; background-size: cover, contain; background-position:center bottom; background-repeat:no-repeat; transition:.3s all linear;}
.ortaalan{ width:100%;}
.ortaalan1{ width:auto; float:left; padding-top:250px;}
.ortaalan2{ width:1000px; float:left;}
.ortaalan3{width:auto; float:left; }

.icalan {  margin-top:-330px; height:auto; transition:.3s all linear;}
.icbaslik { padding:0; margin:0; font-size:86px;color:#FFF; position:relative; font-family: 'Crimson Text', serif; font-weight:400; line-height:1; margin-bottom:0px; transition:.3s all linear; display:none;}
.icyazi { width:900px; height:900px; overflow:auto; padding:50px 50px; line-height:2; background:#FFF; display:block; text-align:justify; transition:.3s all linear;}


.icyazi::-webkit-scrollbar{ height:7px; border-radius: 10px; width:10px; margin:3px;}
.icyazi::-webkit-scrollbar-thumb{ background:#CCC;width:4px;}
.icyazi::-webkit-scrollbar-thumb:hover{ opacity:.7;}
.icyazi::-webkit-scrollbar-track{ background:transparent;transition:.3s all linear;}



.solresim { max-width:460px;}
.sagresim { max-width:460px; }
.solresim img , .sagresim img { display:block; max-width:100%;}
.resimcizgisol { font-size:11px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.resimcizgisol span { display:block; float:left; width:60px; height:11px; background:#000; margin-right:5px;}

.resimcizgisag { font-size:11px; text-align:left; margin:0 auto; width:50%; padding-left:65px; margin-top:110px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.resimcizgisag span { width:60px; height:11px; display:none; background:#FFF; float:right; margin-left:5px;}
.resimcizgisag:before { display:block; content:''; background:#000; width:60px; height:11px; position:absolute; left:0; top:0;}

.altresim { margin:40px 0; display:block;}
.altresim img { display:block; width:100%;}
.icresimalan { display:none;}


footer { padding:15px 1%; background:#000;}
.sosyal { float:left; }
.sosyal a { margin-right:5px;}
.fsag { float:right;}

.gonderildi { width:100%; margin:0 auto; text-align:center; color:#6a6a6a; line-height:1.3;}
.gonderildi img { display:block; margin:5px auto; }

@media only screen and (max-width: 1870px) {
.solresim { max-width:330px;}
.sagresim { max-width:330px;}
	
	
}
@media only screen and (max-width: 1680px) {
.anamenu li { padding:28px 4px; margin-left:4px;}
.anamenuhiza {  width: 1250px;  }

.icresim{ height:700px; background-position:top center;}

.icalan { margin-top:-220px;}
.icyazi { width:600px;}

.ortaalan2{ width:700px;}

.solresim { max-width:440px;}
.sagresim { max-width:440px;}

}
@media only screen and (max-width: 1580px) {
.solresim { max-width:390px;}
.sagresim { max-width:390px;}
}
@media only screen and (max-width: 1500px) {
.solresim { max-width:360px;}
.sagresim { max-width:360px;}
}
@media only screen and (max-width: 1440px) {
.nav a {font-size:12px;}
.nav li ul {width:280px;top:52px;}
.anamenuhiza {  width: 1150px;  }
    
.anamenu li { padding:20px 4px; margin-left:0px;}
.solresim { max-width:320px;}
.sagresim { max-width:320px;}
}

@media only screen and (max-width: 1366px) {
.nav a {font-size:11px;}
.nav li ul {width:260px;top:51px;}
.anamenuhiza {  width: 1050px;  }


.slaytyazialan { width:420px; padding:15px 20px 10px 20px; top:45%;line-height:1.3; font-size:12px;}
.slaytbaslik { font-size:36px;}

.solresim { max-width:280px;}
.sagresim { max-width:280px;}

}



@media only screen and (max-width: 1280px) {
.solresim { max-width:250px;}
.sagresim { max-width:250px;}
    .iletisimkutu { width:45%;font-size:12px;}
.iletisimkutu:nth-child(3n) { border-right:1px solid #FFF;}
.iletisimkutu:nth-child(2n) { border-right:none;}
.iletisimkutu:nth-child(3):after{ display:none;}
.iletisimkutu:nth-child(2):after{ content: "."; display:block;height:0;clear:both;visibility:hidden;}
}

@media only screen and (max-width: 1230px) {
.anamenu { display:none;}
.headersag { position:absolute; z-index:999; display:block; right:0; top:170px; padding:10px 45px 10px 5px;}
.slaytyazialan { top:40%;}
    .sabitle{display: none !important;}

.icresim{ height:600px; background-position:top center;}

.icalan { margin-top:-190px;}
.icyazi { width:540px; height:900px; overflow:auto; padding:30px 30px;}

.ortaalan2{ width:600px;}

}

@media only screen and (max-width: 1120px) {
.solresim { max-width:200px;}
.sagresim { max-width:200px;}

}

@media only screen and (max-width: 1024px) {
.logolar{  left:40%;  }
.ortala { margin:0 auto; padding:0 1%; position:relative;}

.iletisimkutu { width:96%;font-size:12px; height:auto; margin-bottom:10px; border-right:none;}
.iletisimkutu:nth-child(3n) { border-right:none;}
.logo { padding:18px 25px; width:145px;}
.logo img { width:100%;}
.dakalogo { position:absolute; right:35px; top:5px;}
.headersag { top:135px;}
.slaytyazialan { top:33%; left:5%;}

.icresim { height:400px;}
.ortaalan1 { display:none;}
.ortaalan2 { width:100%;}
.ortaalan3 { display:none;}
.anasayfaalt{ position:relative; width: 98%; bottom: 0px; z-index: 999; background:rgba(0,0,0,.7) !important;}

.icalan {  margin-top:-130px; height:auto; transition:.3s all linear;}
.icbaslik { padding:0; font-size:9vw; color:#FFF; position:static; font-family: 'Crimson Text', serif; font-weight:400; line-height:1; margin-bottom:0px; transition:.3s all linear; display:block;margin:0 auto; text-align:center; }
.icyazi { width:80%;  height:auto; margin:0 auto 10px; overflow:visible;  padding:30px 5%;}

.buyukharita{  margin-top: 10px;}

.icresimalan { display:block;}

.solresim { max-width:45%; float:left; margin:40px 0 40px 5%;}
.resimcizgisol { font-size:11px;transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none; text-align:center;}

}

@media only screen and (max-width: 800px) {
.logolar{ width: 100%; text-align: center;  left:0%; margin: 10px 0; position:relative;  float: none; }
footer { padding:15px 1%; background:#000;}
.sosyal { float:none; width:175px; margin:0 auto 5px; }
.sosyal a { margin:0 5px;}
.fsag { float:none; margin:0 auto; width:100%;}
footer .arama { display:block; float:none; margin:0 auto 20px; width:180px;}
footer .lisan {margin:0 auto; width:150px; float:none;}
.icalan { margin-top:-190px;}
.kilavuz{ padding-top: 150px;}
}

@media only screen and (max-width: 600px) {
.logo { padding:5px 5px; width:130px;}
.dakalogo { right:5px; }
.dakalogo img { width:70px;}
.headersag { top:110px;}

.slaytyazialan { width:65%; padding:15px 7% 10px 7%;}
.slaytbaslik { font-size:26px;}
.denden { margin-top:-25px; }
.arama { display:none;}

}

@media only screen and (max-width: 540px) {
.moblogo {width:120px; }
.icalan { margin-top:-225px;}

}


@media only screen and (max-width: 400px) {
.moblogo  { width:110px !important;top:16px; left:8px;}
/*.menuacil a{font-size:14px;}*/
}