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,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;}
q {quotes: none;}
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;}
strong { font-weight:bold;}
.clear { clear:both;}
.ortala { width:1000px; margin:0 auto; position:relative;}
header { width:100%; height:118px; border-bottom:1px solid #bfbfbf;background:#FFF;}
.logo { float:left; margin-top:25px; display:block;}
.menu { float:right; margin-top:25px;}
.menu a { display:block; float:left; color:#000;font-size:12px; padding:20px 12px 28px;transition:.3s all linear;}
.menu a:hover { opacity:.7;}
.menuaktif { font-weight:bold;}
.ustmobil { display:none;}


.ortabaslik { padding:25px 0; background:url(../images/baslikbg.jpg) no-repeat center; background-size:cover !important; font-weight:bold; text-align:center; font-size:20px; color:#373737;}
.alturun { display:block; float:left; width:29%; margin:25px 0; padding:45px 2%; border-right:1px inset #dedede; line-height:1.4;}
.alturun img { max-width:100%;}
.alturun:nth-child(3) { border:none;}
.alturun h3 { font-weight:light; font-size:20px; margin-bottom:15px;}
.alturun h3 strong { font-weight:bold; display:block;}
.devami { display:block; margin-top:12px; color:#FFF; background:#adadad; width:80px; padding:10px 15px; font-weight:bold; text-align:center; transition:.3s all linear;}
.devami:hover { background:#000;}

.althk { background:#f7f7f7; padding:50px 0; color:#555;}
.althk img { display:block; float:left; width:42.50%; margin-right:2%;}
.althkyazi { display:block; float:left; width:45%; line-height:1.5; padding-top:100px;}


footer { width:100%; padding:25px 0; line-height:1.4; color:#FFF; background:url(../images/footerbg.jpg) no-repeat center; background-size:cover !important;}
footer a { display:block; color:#FFF; transition:.3s all linear; font-size:12px; margin-bottom:7px;}
footer a:hover { opacity:.7;}
footer .f1 { display:block; float:left; margin-right:6%;}
footer .f2 { width:260px; display:block; float:left; font-size:12px;}
footer .f2 a { font-weight:bold; font-size:22px; margin:10px 0 5px;}
footer .ajans365 { position:absolute; bottom:0; right:0;}
footer .ajans365:hover { color:#ea5c0c;}

.hkbg { width:100%; background:url(../images/hkbg.jpg) no-repeat center; background-size:cover !important; height:321px;}
#hk { padding:30px 15%; line-height:1.7; text-align:center;}
#hk h1 { font-size:26px; margin-bottom:5px;font-family: 'Caveat', cursive; text-align:center;}
#hk strong { font-weight:bold; font-size:15px;}
.hkresim { margin-top:40px;}
.hkresim a { transition:.3s all linear;}
.hkresim a:hover { opacity:.7;}




.hzbg { width:100%; background:url(../images/hzbg.jpg) no-repeat center; background-size:cover !important; height:321px;}
.kkutu { display:block; float:left; width:30%; margin:15px 3% 15px 0; color:#434343; line-height:1.4;}
.kkutu img { max-width:100%; display:block; margin:0 auto;}
.kkutu .kutuic { width:100%; float:left; padding-top:25px; font-size:12px;}
.kkutu .kutubaslik { font-weight:lighter; margin-bottom:1px; font-size:18px; color:#2bceec; min-height:50px; line-height:1.2;}
.kkutu .kutubaslik strong { display:block;}
.kkutu a { display:block; font-weight:bold; font-size:14px; margin-top:15px; color:#2bceec;}
.kkutu .detay { font-weight:bold; color:#2bceec; font-size:12px; margin-top:5px;}

.clear2 { display:none;}
.clear3 { display:block; clear:both;}

#ref { line-height:1.3; width:92%; }
#ref h1 { display:block; margin:20px 0; font-weight:bold; font-size:26px;}
.referanslar { margin:25px 0;}
.refkutu { width:150px; height:150px; position:relative; display:block; float:left; margin:0 15px 15px 0; border:1px solid #004f9f; cursor:default;}
.refkutu img { width:100%; height:100%;}
.refkutu .refic { position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; line-height:1.4; text-align:center; color:#FFF; font-size:16px; font-weight:500; background:rgba(0,8,70,.8); transition:.3s all linear;}
.refkutu .refic span {display:table-cell; vertical-align:middle; width:150px; height:150px; }
.refkutu:hover .refic {  opacity:1;}



.portfolyo { line-height:1.5; margin:40px 0; min-height:550px;}
.portust { display:block; margin-bottom:40px;}
.portust img { display:block; float:left;}
.portust .portbaslik { float:right; font-size:36px; margin-top:40px; text-align:right;}
.portust .portbaslik strong { display:block;}




.iladres { position:absolute; left:-455px; width:100%; padding:30px 0 30px 455px; background:rgba(0,8,70,0.7); margin-top:-150px; color:#FFF; line-height:1.3; font-size:14px; font-weight:bold;}


.ilkutu { display:block; float:left;width:300px; font-size:13px; margin-right:30px;}
.ilkutu img { display:block; float:left; margin-top:15px; margin-right:6px;}
.ilkutu .ilic { display:block; float:left; width:248px; padding-top:14px;}
.ilkutu #padtop { padding-top:29px;}
.ilkutu a { color:#FFF; transition:.3s all linear;}
.ilkutu a:hover { color:#000;}



#iletisim { padding:30px 0;}
#iletisim h1 { color:#000846; font-weight:bold; font-size:26px;}

.iletisimsol { width:30%; float:left; margin-bottom:20px;}
.iletisimsag { width:70%; padding-top:0; float:right;}
.formbaslik { color:#8a8a8a; margin:15px 0 5px; font-size:14px; font-weight:300;}
.formbaslik span { display:block; font-weight:600;}
.forminput { width:70%; background:#e5e5e5; outline:none; border:none; border-bottom:2px solid #1b1b1b; padding:10px 2%; color:#000; font-family: 'Montserrat', sans-serif;}
.formtext { width:96%; background:#e5e5e5; border:none; outline:none; border-bottom:2px solid #1b1b1b; padding:10px 2%; color:#000; font-family: 'Montserrat', sans-serif; height:180px; resize:none;}
.buton { background:#000846; border:2px solid #000846; transition:.3s all linear;float:right; display:block; width:150px; height:40px; font-weight:600; color:#FFF; font-family: 'Montserrat', sans-serif; cursor:pointer; margin:20px 0 0 20px;}
.buton:hover { background:#FFF; color:#000;}
.iclear { display:none;}
.gonderildi { width:50%; margin:15px auto; text-align:center; color:#004f9f; line-height:1.4;}
.gonderildi img { display:block; margin:5px auto; }

.harita { width:100%; height:450px; border:none;}



@media only screen and (max-width: 1680px) {
.menu a { padding:20px 6px 28px;}


}
@media only screen and (max-width: 1440px) {
.menu a { padding:20px 6px 29px; font-size:15px;}

}
@media only screen and (max-width: 1366px) {


}
@media only screen and (max-width: 1280px) {
.menu a { font-size:13px; padding:20px 3px 31px;}




}
@media only screen and (max-width: 1120px) {



}

@media only screen and (max-width: 1024px) {
header { display:none;}
.ustmobil { width:100%;left:0;height:70px;padding-top:5px;transition:all .3s linear;top:0;display:block;position:fixed;z-index:10000;background:#FFF;}
.menuacil{display:block;overflow:hidden;width:100%;height:0px;text-align:center;position:fixed; top:72px; z-index:9998;background:#231f20;transition:.3s all linear; border-bottom:3px solid #2d2d2d}
.menuacil2{height:190px;}
.mobmenuicon{display:block;top:20px;position:fixed;height:30px;width:60px; z-index:9999; left:50%; margin-left:-30px; text-align:center;cursor:pointer;}
.moblogo {display:block; position:fixed; left:25px; top:16px; width:134px; 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:5px auto; color:#FFF;}
.boslukkoy { display:block; height:70px;}
.mobilaktif { background:#004f9f;}

.ortala { width:96%; margin:0 auto; position:relative;}


.kbg {padding:30px 0 30px;}
.kic { width:80%;}


.portkat { margin:20px 0 0;}

.harita { height:350px;}



.portfolyo .portic { line-height:1.3;font-size:12px;}
.porticbaslik {font-size:16px;}
.portic span { margin-top:12px;}
.gonderildi { width:80%;}

.iladres { left:0; width:100%; padding:30px 0; font-size:12px;}
.ilkutu {width:30%; margin-right:3%; position:relative;}
.ilkutu .ilic { width:70%;}


.althkyazi { width:55%; padding-top:40px;}
.hkbg,.hzbg { height:121px;}
.portust .portbaslik { font-size:22px;}

}

@media only screen and (max-width: 800px) {
.iletisim { padding-top:40px;}
.iletisimsol { width:100%; float:none;}
.iletisimsag { width:100%; float:none;}
.forminput { width:96%;}


.kic { width:96%;}
.kbg { padding:20px 0;font-weight:lighter; font-size:11px;}
.kbg h1,#hk h1 { font-size:22px; margin-bottom:5px;}

.kkutu { width:47%;}
.clear2 { display:block; clear:both;}
.clear3 { display:none;}



.iladres { position:static; margin-top:25px;}
.ilkutu img {margin-right:3px;}
#hk { padding:30px 2%; line-height:1.5;}
#hk h1 { font-size:26px;}
.portfolyo { min-height:auto;}


}

@media only screen and (max-width: 600px) {
.ilkutu {float:none;width:96%; margin-right:0; padding:10px 2%;}
.ortabaslik { padding:15px 0; font-size:15px; }
.alturun { float:none; width:96%; margin:15px 0; padding:15px 2%; border-right:none; border-bottom:2px solid #dedede;}
.alturun img { max-width:100%; margin:0 auto; display:block;}
.alturun h3 { font-size:20px; margin-bottom:5px; text-align:center;}
.devami { margin:5px auto;}


.althk {  padding:10px 0;}
.althk img {float:none; width:100%; max-width:70%; margin:0 auto;}
.althkyazi {float:none; width:100%; padding-top:0px;}



footer { padding:15px 0 3px;}
footer .f1 { margin-right:10%;}
footer .ajans365 { position:static; clear:both; padding-top:30px;}


.portfolyo { margin:20px 0;}
.portust { margin-bottom:10px;}
.portust img { float:none; margin:0 auto;}
.portust .portbaslik { float:none; margin:10px auto 0; text-align:center;}

.altresimler a img { width:24%;}

}

@media only screen and (max-width: 540px) {
.harita { height:250px;}

#ref { width:96%; }
.referanslar { margin:25px 0;}
.refkutu { width:105px; height:105px; position:relative; display:block; float:left; margin:0 5px 5px 0; border:1px solid #004f9f; cursor:default;}
.refkutu img { width:100%; height:100%;}
.refkutu .refic { position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; line-height:1.4; text-align:center; color:#FFF; font-size:12px; font-weight:500; background:rgba(0,8,70,.8); transition:.3s all linear;}
.refkutu .refic span {display:table-cell; vertical-align:middle; width:105px; height:105px; }
.refkutu:hover .refic {  opacity:1;}


}


@media only screen and (max-width: 400px) {
.moblogo  { left:6px;}
.menuacil a{font-size:14px;}
.gonderildi { width:96%;}

.kkutu { width:100%;}
.clear2 { display:none;}
.clear3 { display:none;}


}