html{color:#222;font-size:1em;line-height:1.4; font-family: 'Open Sans', sans-serif;}
a{ text-decoration: none; }

header{ z-index: 100; position: relative;  }

header .container{ padding: 10px 0;}
a.logo{ float: left; outline: none; max-height:103px; }
h1.logo{margin:0;}

.baslik{width: 100%; background-color: #003264; padding: 10px 0; color: #fff; margin-bottom: 25px;}
.baslik h1{ margin:0; } 

.kutu1{ padding: 15px 0; background-color: #222222; color: #fff; }
.kutu1 h2{ margin:0; } 

.tel1{ width: 44%; display: inline-block; background-color: #00428a; color: #fff; text-align: right; font-size: 30px;font-weight: bold; padding: 10px 3%;}
.tel1 a{ color: #fff;}
.tel2{ width: 44%; display: inline-block; background-color: rgba(0, 66, 138, 0.19); color: #01509f; text-align: left; font-size: 30px;font-weight: bold; padding: 10px 3%;}
.tel1 p,.tel2 p{ padding: 0; margin:0; }

.kutular{ text-align: center; padding: 35px 0; }
.kutu{ display: inline-block; vertical-align: top; text-align: left; width: 50%;}
.kutular h2{ color: #dd3333; }
.kutular p{ color: #747474; }
.kutular p strong{ color: #083a5c; }
.bg1{ background-image: url("../img/bg1.png"); background-repeat:  no-repeat; background-size: contain; background-position: right bottom; }
.bg2{ background-image: url("../img/main.jpg"); background-repeat:  no-repeat; background-size: cover; background-position: center center; height: 500px;}
.r1{ vertical-align: middle; padding-right: 5%; width: 45%}
.r1 h2{ color: #fff; text-align: right; font-size: 35px;}
.arac{ float: right; max-width: 446px; width: 100%; }



footer ul{ margin:25px 0; padding:0; float: left; list-style: none; max-width: 750px; width: 70%; text-align: left;}
footer ul li{ display: inline-block; width: 45%; padding-right: 5%; vertical-align: top;}
footer ul li:after{ display: block; content: ''; clear: both; }
footer ul li img.ikon{ float: left; margin: 15px 15px  15px 0; }
footer ul li h2{ color: #083a5c;}
footer ul li p{color:#747474;}

footer a{color:#fff;}
.footer{ background: #2f2f2f url("../img/footer.jpg"); background-position: center center; background-size:cover; padding: 25px 0; width: 100%; color: #fff;}

.foot{ border-top: 10px dashed rgba(0, 70, 131, 0.1);}

@media (max-width: 1200px) {
	.arac{ display: none; }
	footer ul{ width: 100%; max-width: 100%; }
	.footer{ margin-top: 0; }
}

@media (max-width: 800px) {
	.kutular{ padding:0; }
	.k1{ display: none; }
	.k2{ width: 100%; }
	footer ul li{ width: 100%; padding-right: 0; }
	.r1, .bg2{ width: 100%; padding: 0; }
	.r1 h2{ text-align: center; font-size: 20px; }
	footer ul li img.ikon {margin: 25px 10px 25px 0;}
	.baslik h1{ text-align: center; font-size: 28px; } 
}

@media (max-width: 530px) {
	.tel2,.tel1{ width: 100%; padding: 10px 0; text-align: center; }
}


@media (max-width: 450px) {
	.bg2{ height: 250px; }
	a.logo img{ width: 240px;}
}