html { 
overflow-x:hidden;
}
body { 
font-family: 'Roboto', sans-serif;
overflow-x:hidden;
}
@media only screen and (max-width:2230px) and (min-width:990px){ 
.mobilmenu { display:none; }
.headertop { display:block; height:90px; width:100%; position:fixed; background:#fff; z-index:99999;}
.headermobil { display:none; }
.logomasa { position:absolute; left:0px;  top:0px; z-index:99999;}
.menunorm { height:30px; margin-top:50px; line-height:30px; float:right; color:#000; font-weight:300; text-align:center;}
.menunorm a { color:#000; text-decoration:none; }
.menunorm a :hover{ color:#039; text-decoration:none; }
.slideralan { background:url(../img/slider-1.jpg) no-repeat; width:100%; height:600px; margin-top:90px; background-position:center;}
.slideric { position:relative; left:50%; padding-left:20px; top:50%; max-width:300px; }
.slidermetinlight { color:#fff; font-weight:100; font-size:24px; line-height:22px; }
.slidermetinbold { color:#fff; font-weight:bold; font-size:24px; line-height:22px; }
.hizmetler { width:800px; height:24px; margin:0 auto; overflow:hidden; background:url(../img/bg2-2.jpg); background-repeat:no-repeat; background-position:center top; display:block; }
.hizmetleric {width:1000px; height:auto; padding-bottom:30px; padding-top:0px; margin:0 auto; overflow:hidden;}
.kutu1 {width:160px; margin-left:47px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu2 {width:160px; margin-left:88px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu3 {width:160px; margin-left:91px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu4 {width:160px; margin-left:92px; text-align:center; height:auto; overflow:hidden; float:left;}
.hizmetler2 {width:100%; height:368px; margin:0 auto; overflow:hidden; background:url(../img/ara-bg.jpg); background-repeat:no-repeat; background-position:center top;}
.hizmetler2ic {width:740px; height:130px; margin:0 auto; padding-top:140px; padding-right:20px;}
.hizmetler2icsol {float:left; color:#fff; font-weight:100; font-size:14px;}
.hizmetler2icsag {float:right; color:#fff; text-align:right; font-weight:100; font-size:14px;}
.referanslar {width:100%; height:1320px; margin:0 auto; overflow:hidden; background:url(../img/gokyuzu.jpg); background-repeat:no-repeat; background-position:center top;}
.politikalar {width:100%; height:auto; padding: 10px; margin:0 auto; overflow:hidden; background: linear-gradient(to left,#2b2968,  #8dc4e9 ); background-repeat:no-repeat; background-position:center top;}
.referanslaric {width:1000px; height:auto; overflow:hidden; padding-top:10px; text-align:center; margin:0 auto;}
.referanslaric2 {width:1000px; height:auto; overflow:hidden; margin:0 auto;}
.referanslaric2sol {width:500px; text-align:right; float:left; overflow:hidden; height:auto; padding-right:25px;}
.referanslaric2sag {width:500px; float:right; overflow:hidden; height:auto; padding-left:25px;}
.referanslaralt {width:1000px; text-align:center; height:auto; padding-top:400px; padding-bottom:100px; overflow:hidden; margin:0 auto;}
.referanslarkutu {width:617px; height:230px; padding:20px; background:rgba(0,0,0,0.2); margin:0 auto;}
.harita {width:100%; height:380px; margin:0 auto; overflow:hidden;}
.altbolum {width:100%; height:90px; margin:0 auto; overflow:hidden; background:rgba(0,0,0,1);}
.anka { position:absolute; left:50%; margin-left:-650px; top:1950px; z-index:998; }
.a400m { position:absolute; left:50%; margin-left:-500px; top:1725px; z-index:999;}
.hurkus { position:absolute; left:50%; margin-left:250px; top:1940px; z-index:997;}
.refyazi {font-weight:300; color:#000; font-size:22px;}
.kutuyazi {font-weight:300; color:#fff; text-align:center; font-size:18px;}
.altbolummobil { display:none; }
}
@media only screen and (min-width: 480px) and (max-width: 989px) {
.headertop { display:none; }
.headermobil { display:block; height:90px; width:100%; position:fixed; background:#fff; z-index:99999; }
.logomasa {display:none; }
.logomobil { position:absolute; left:0px;  top:0px; z-index:99999; width:145px; display:block; }
.slideralan { background:url(../img/slider-mobil.jpg) no-repeat; width:100%; height:600px; margin-top:90px; background-position:center; background-size:cover;}
.slideric { position:relative; left:50%; padding-left:15px; top:40%; max-width:300px; }
.slidermetinlight { color:#fff; font-weight:100; font-size:14px; line-height:15px; }
.slidermetinbold { color:#fff; font-weight:bold; font-size:14px; line-height:15px; }
.hizmetler { display:none; }
.hizmetleric {width:100%; height:auto; padding-bottom:30px; padding-top:15px; margin:0 auto; overflow:hidden;}
.kutu1 {width:25%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu2 {width:25%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu3 {width:25%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu4 {width:25%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.hizmetler2 {width:100%; height:368px; margin:0 auto; overflow:hidden; background:url(../img/ucakbg.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;}
.hizmetler2ic {width:100%; height:130px; margin:0 auto; padding-top:60px; padding-right:0px;}
.hizmetler2icsol {float:none; color:#fff; font-weight:100; text-align:center; font-size:14px;}
.hizmetler2icsag {float:none; color:#fff; text-align:center; font-weight:100; font-size:14px;}
	.politikalar {width:100%; height:auto; padding: 10px; margin:0 auto; overflow:hidden; background: linear-gradient(to left,#2b2968,  #8dc4e9 ); background-repeat:no-repeat; background-position:center top;}
.referanslar {width:100%; height:auto; margin:0 auto; overflow:hidden; background:url(../img/gokyuzumobil.jpg); background-repeat:no-repeat; background-position:center top;}
.referanslaric {width:100%; height:auto; overflow:hidden; padding:15px; text-align:center; margin:0 auto;}
.referanslaric2 {width:100%; height:auto; overflow:hidden; margin:0 auto;}
.referanslaric2sol {width:100%; text-align:center; float:none; overflow:hidden; margin-top:50px; height:auto; padding-right:0px;}
.referanslaric2sag {width:100%; float:none; overflow:hidden; text-align:center; height:auto; padding-left:0px;}
.anka { position:relative; width:200px; left:50%; margin-left:-250px; top:-30px; z-index:998; }
.a400m { position:relative; width:350px; left:50%; margin-left:-125px; top:30px; z-index:999;}
.hurkus { position:relative; width:150px; left:50%; margin-left:-150px; top:-20px; z-index:997;}
.referanslaralt {width:100%; text-align:center; height:auto; padding:20px 20px 20px 20px; overflow:hidden; margin:0 auto;}
.referanslarkutu {width:calc(100% - 40px); height:217px; padding:20px; margin:20px; background:rgba(0,0,0,0.2);}
.refyazi {font-weight:300; color:#000; font-size:16px;}
.kutuyazi {font-weight:300; color:#fff; text-align:center; font-size:15px;}
.altbolummobil {width:100%; height:auto; display:block; margin:0 auto; overflow:hidden; padding-top:20px; background:rgba(0,0,0,1);}
.altbolum { display:none; }
}
@media only screen and (max-width: 480px) {
.headertop { display:none; }
.headermobil { display:block; height:90px; width:100%; position:fixed; background:#fff; z-index:99999; }
.logomasa {display:none; }
.logomobil { position:absolute; left:0px;  top:0px; z-index:99999; width:145px; display:block; }
.slideralan { background:url(../img/slider-mobil.jpg) no-repeat; width:100%; height:500px; margin-top:90px; background-position:center bottom; background-size:cover;}	
.slideric { position:relative; left:50%; padding-left:15px; top:40%; max-width:300px; }
.slidermetinlight { color:#fff; font-weight:100; font-size:14px; line-height:15px; }
.slidermetinbold { color:#fff; font-weight:bold; font-size:14px; line-height:15px; }
.hizmetler { display:none; }
.hizmetleric {width:100%; height:auto; padding-bottom:30px; padding-top:15px; margin:0 auto; overflow:hidden;}
.kutu1 {width:50%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu2 {width:50%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu3 {width:50%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.kutu4 {width:50%; margin-left:0px; text-align:center; height:auto; overflow:hidden; float:left;}
.hizmetler2 {width:100%; height:368px; margin:0 auto; overflow:hidden; background:url(../img/ucakbg.jpg); background-repeat:no-repeat; background-position:center top;}
.hizmetler2ic {width:100%; height:130px; margin:0 auto; padding-top:60px; padding-right:0px;}
.hizmetler2icsol {float:none; color:#fff; font-weight:100; text-align:center; font-size:14px;}
.hizmetler2icsag {float:none; color:#fff; text-align:center; font-weight:100; font-size:14px;}

.referanslar {width:100%; height:auto; margin:0 auto; overflow:hidden; background:url(../img/gokyuzumobil.jpg); background-repeat:no-repeat; background-position:center top;}
.politikalar {width:100%; height:auto; padding: 30px 60px; margin:0 auto; overflow:hidden; background: linear-gradient(to left,#2b2968,  #8dc4e9 ); background-repeat:no-repeat; background-position:center top;}
.referanslaric {width:100%; height:auto; overflow:hidden; padding:15px; text-align:center; margin:0 auto;}
.referanslaric2 {width:100%; height:auto; overflow:hidden; margin:0 auto;}
.referanslaric2sol {width:100%; text-align:center; float:none; overflow:hidden; margin-top:50px; height:auto; padding-right:0px;}
.referanslaric2sag {width:100%; float:none; overflow:hidden; text-align:center; height:auto; padding-left:0px;}
.anka { position:relative; width:200px; left:50%; margin-left:-250px; top:-30px; z-index:998; }
.a400m { position:relative; width:350px; left:50%; margin-left:-125px; top:30px; z-index:999;}
.hurkus { position:relative; width:150px; left:50%; margin-left:-150px; top:-20px; z-index:997;}
.referanslaralt {width:100%; text-align:center; height:auto; padding:20px 20px 20px 20px; overflow:hidden; margin:0 auto;}
.referanslarkutu {width:calc(100% - 40px); height:217px; padding:20px; margin:20px; background:rgba(0,0,0,0.2);}
.refyazi {font-weight:300; color:#000; font-size:16px;}
.kutuyazi {font-weight:300; color:#fff; text-align:center; font-size:15px;}
.altbolummobil {width:100%; height:auto; display:block; margin:0 auto; overflow:hidden; padding-top:20px; background:rgba(0,0,0,1);}
.altbolum { display:none; }
.mobilmenu { display:block; width:100%; height:auto; margin:0px; overflow:hidden; background:#fff; position:fixed; z-index:99999999999; }
.menuparca { width:calc(50% - 2px); height:100px; line-height:100px; float:left; border:1px solid #000; text-align:center;  }
.kapat { width:100%; height:auto; overflow:hidden; text-align:center; }
	}
.politika-title{
	font-size: 30px;
	font-weight: bold;
	margin: 50px 0;
	color:#fff;
}
.politika-container{
}
.yazi-contaier{
	padding: 15px 20px;
	border: 1px dotted #08080826;
	box-shadow: 0px 10px 10px #20679f;
	margin: 20px 0;
	background-color: #feffff;
	font-weight: bold;
	border-radius: 5px;
	min-height: 140px;
}
.misyon-container{min-height: 180px;font-size: 16px;font-weight: 900;display: block;border: 1px dotted #08080826;box-shadow: 0 10px 10px #327dbe59;margin-bottom: 40px;border-radius: 5px;background-color: #feffff;}
.vizyon-container{min-height: 180px;font-size: 16px;font-weight: 900;display: block;border: 1px dotted #08080826;box-shadow: 0 10px 10px #327dbe59;margin-bottom: 40px;border-radius: 5px;background-color: #feffff;}
.misyon-container p, .vizyon-container p{
	padding: 10px;
	margin: 20px 0;
	font-weight: bold;
	font-size: 14px;
}
.vizyon-container h2,.misyon-container h2{
	position: relative;
}
.vizyon-container h2:before,.misyon-container h2:before{
	content: "";
	width: 100%;
	background-color: #4444445c;
	height: 2px;
	bottom: -10px;
	position: absolute;
	margin: 0 auto;
	display: block;
}

.section-content{
	text-align: center;

}
#contacts{
	padding-top: 60px;
	width: 100%;
	width: 100vw;
	height: 550px;
	background: #3a6186;
	background: -webkit-linear-gradient(to left, #3a6186 , #2b2968);
	background: linear-gradient(to left, #8dc4e9 , #2b2968);
	color : #fff;
	border-top: 12px solid #fff;
}
#contacts .contact-section{
	padding-top: 40px;
}
#contacts .contact-section .col-md-6{
	width: 50%;
}

#contacts .form-line{
	border-right: 1px solid #B29999;
}

#contacts .form-group{
	margin-top: 10px;
}
#contacts label{
	font-size: 1.2em;
	line-height: 1em;
	font-weight: normal;
	text-align: left;
}
#contacts .form-control{
	font-size: 1em;
	color: #080808;
}
textarea.form-control {
	height: 135px;
	/* margin-top: px;*/
}

.submit{
	font-size: 1.1em;
	float: right;
	width: 150px;
	background-color: transparent;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(224, 224, 224, 0) 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background-image: linear-gradient(to bottom, rgba(224, 224, 224, 0) 0%, rgba(224, 224, 224, 0) 100%);
	background-repeat: repeat-x;
	border-color: #2b296887;
}
.submit:hover, .submit:focus, .submit:active, .submit:visited{
	box-shadow: 2px 16px 2px #323371;
	background-color: transparent;
	color:#fff;
	background-position: 0 -15px;
	border-color: #2b296887;
}
.submit:active:hover{
	box-shadow: 2px 6px 2px #323371;
	background-color: transparent;
	color:#fff;
	background-position: 0 -15px;
	border-color: #2b296887;
}