@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap&subset=latin-ext');
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, 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, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, hgroup, nav, section {display: block;}html,body {color:#333;  line-height: 1.5;font-family: 'Roboto', sans-serif;  font-weight:400;font-size: 12px;  }q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table { border-collapse: collapse;border-spacing: 0;}button { background-color:transparent; cursor:pointer; outline: none;}button:hover { opacity:0.6;}a{ outline:none; text-decoration:none; color:#333;}a:hover{text-decoration:none;}
.clear { clear:both;}ul,li,ul li { margin:0; padding:0;}
header { width:100%; height:85px; position: absolute; z-index: 50; }
body{background: #FFF; height:100%;}
footer { width: 100%; height: auto; padding:0px 0px !important; margin: 0 !important;  background: #282828;   color:#FFFFFF; }
.ajans365 a{ position: absolute; text-align: right; right: 10px; color: #FFF; font-size: 12px; margin-top:130px; margin-right: 10px;transition:.2s all linear;}
#preloader {position: fixed;top:0;left:0;right:0;bottom:0;background-color:#FFF;z-index:9999999999; margin:0px; padding:0px;}
#status {width:600px;height:600px;position:absolute;left:50%;top:50%;background-image:url(/images/loading.gif);background-repeat:no-repeat;background-position:center; margin:-300px 0 0 -300px;}
.logo { float:left;  padding:15px ;  transition:.2s all linear;}
.beyaz{color: white !important; }
menu {  width: 800px;  margin-top: 60px; float:right; margin-right: 0%; transition:.3s all linear;}
menu a { font-size: 14px; color: dimgray;font-weight: 500; padding:12px 8px 10px 8px !important; margin:5px 5px; transition:.3s all linear;}
menu a:hover {   transition:.2s all linear;}
menu .menuaktif {  color: #1e7aa8;  transition:.2s all linear;}

.diller {
	position: absolute;
	right: 25px;
	z-index: 9999;
	top: 0px;
}

	.diller span {
		color: #282828;
		width: auto;
		background: #fffFFF;
		height: auto;
		list-style-type: none;
		margin: 2px;
		padding: 5px;
		text-align: center;
		float: left;
		cursor: pointer;
		transition: .3s all linear;
		font-size: 12px;
		font-weight: 700;
	}

		.diller span:hover {
			background: #007fae;
			color: white !important;
		}

.dilleraktif {
	background: #007fae !important;
	color: white !important;
}

.boslukkoy{height: 0;}
.sosyal{ position: absolute; right: 10px; margin-top: 40px;  width: 150px;  transition:.2s all linear;}
.sosyal2 {
	display:none;
	transition: .2s all linear;
}
.s1{ background: url("/images/sosyal.png") no-repeat left top; float: left; width: 20px; height: 20px; margin: 5px; cursor: pointer; transition:.2s all linear;}
.s2{ background: url("/images/sosyal.png") no-repeat -20px top; float: left; width: 20px; height: 20px; margin: 5px; cursor: pointer; transition:.2s all linear;}
.s3{ background: url("/images/sosyal.png") no-repeat -40px top; float: left; width: 20px; height: 20px; margin: 5px; cursor: pointer; transition:.2s all linear;}
.s4{ background: url("/images/sosyal.png") no-repeat -60px top; float: left; width: 20px; height: 20px; margin: 5px; cursor: pointer; transition:.2s all linear;}
.s5{ background: url("/images/sosyal.png") no-repeat -80px top; float: left; width: 20px; height: 20px; margin: 5px; cursor: pointer; transition:.2s all linear;}
.s1:hover,.s2:hover,.s3:hover,.s4:hover,.s5:hover{opacity: 0.5; }

.telefon{float: right; margin-top: 70px; margin-right: 10px;  width: auto;  transition:.2s all linear;}

.jssorl-009-spin img {animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear;        }
@keyframes jssorl-009-spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}
.jssorb032 { position:absolute;bottom:12px;right:12px;}
.jssorb032 .i {position:absolute;cursor:pointer; width:15px;height:15px;}
.jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn {opacity:.3;}
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#000;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.6;}

#jssor_1{position:relative;margin:0 auto;top:0px;left:0px;width:1920px;height:auto;overflow:hidden;visibility:hidden;}
.slaytalani{cursor:default;position:relative;top:0px;left:0px;width:1920px;height:950px;overflow:hidden;}
.slaytortaresim{ position:absolute;width:30% !important; margin-top: 15% !important;  z-index:0; color:#000000; background: rgba(255,255,255,0.70);   border-radius: 25px;
 padding: 10px; font-size: 40px; line-height: 1;  text-align: left; right: 5%; top: 0%; font-weight: 100; float: right;   transition:all .3s linear;}
.slaytortaresim p{  line-height: 1.5; font-size: 15px; color: dimgray; font-weight: 300; transition:all .3s linear;}
.slaytortaresim a{ font-size: 15px; color: dimgray; font-weight: 400; transition:all .3s linear;}

.anasayfaalt{ height: 528px; width: 100%; background: url("/images/anasayfaalt.jpg") no-repeat center top; background-size:cover !important; transition:.2s all linear;}
.anasayfaalt div{  margin: 150px 10px 0 150px; width: 240px; font-weight: 300;  float: left;transition:.2s all linear;}
.anasayfaalt div h3{ font-size: 26px; font-weight: 100; transition:.2s all linear;}

footer .bolum1{ float: left; margin: 20px 2%; width: 23%; font-size: 11px; font-weight: 300;}
footer .bolum1 strong{  font-weight: 500;}
footer .bolum1 li{  list-style: none; transition:.2s all linear;}
footer .bolum1 li a{  color: white ; transition:.2s all linear;}
footer .bolum1 li a:hover{ color: rgba(33,154,255,1.00); }
.alttelefon{float: right; margin:30px 20px 0 10px;}

.anasayfaaltarka{   background: url("/images/arkaplan.jpg") no-repeat center top;  background-size:cover !important; transition:.2s all linear;}

.anasayfaalturunler{  height: auto; padding-top: 75px; width: 100%;  transition:.2s all linear;}
.anasayfaalturunler div{ width: 24%; float: left; height: 250px; margin: 40px 0.5%; transition:.2s all linear;}
.anasayfaalturunler div img{ position: absolute; width: 200px; float: left;  z-index: 2;transition:.2s all linear;}
.anasayfaalturunler div h3{ position: absolute; text-align: right; font-weight: 700; z-index: 4; font-size: 20px; background: #fff; margin:20px 0 0 120px; padding: 5px;  transition:.2s all linear; }
.anasayfaalturunler div p{ height: 200px; color: white; position: absolute; font-weight: 300; width: 200px; z-index: 3; font-size: 12px; background: #007fae; margin:10px 0 0 180px; padding: 60px 10px 10px 10px;   transition:.2s all linear;}
.anasayfaalturunler div p strong{ font-size: 14px;  font-weight: 700; transition:.2s all linear; }

.anasayfaaltkarsilastir{  height: auto; padding-top: 150px; width: 100%;  transition:.2s all linear;}
.ledalani{width: 25%; margin:0 5% 20px 10%; float: left;}
.ledalani h1{ font-size: 40px; font-weight: 300; line-height: 1; }
.ledalani h1 strong{ font-size: 72px; font-weight: 700; line-height: 1;}
.ledalani p{ font-size: 12px; font-weight: 400;clear: both;}
.karsilastirmaendis{width: 35% !important; margin:0 10% 0 15%; float: left;}
.karsilastirmadis{}
.karsilastirma{ width: 100%; margin:0 auto; height: auto;}
.karsilastirma .resim1{width: 49.5%; margin:0 1% 0 0; float: left;}
.karsilastirma .resim2{width: 49.5%; margin:0 0 0 0; float: left;}

.karsilastirma h4{ width: 46%; position: absolute; text-align: left; font-size: 15px; font-weight: 500; background: rgba(255,255,255,0.50); padding:10px 2%; margin-top: -50px; color: #434343;}
.karsilastirma h5{ width: 46%; float: right; position:relative; text-align: right;   font-weight: 500; font-size: 15px; background: rgba(255,255,255,0.50); padding:10px 2%; margin-top: -50px; color: #434343;}
.sertifikadiz h3{font-size: 24px; font-weight: 400; transition:.2s all linear; }
.sertifikadiz img{ margin: 3px; border: 2px solid #666; transition:.2s all linear; }
.sertifikadiz img:hover{opacity: 0.5;}
.ustmobil { display:none;transition:.2s all linear;}
.mobilukat { display:none;transition:.2s all linear;}

.hakkimizda{ width: 100%; height: 795px;  background:url(/images/arkaplan.jpg) no-repeat center center!important;background-size:cover !important; transition:.2s all linear;}
.hakkimizdaicerik{ color: #000;  width: 1200px; padding-top: 140px; margin:0 auto  0px auto !important; height: auto;  transition:.2s all linear;}
.hakkimizdaicerik img{ margin:5%; float: right; width: 50%; transition:.2s all linear; }
.hakkimizdaicerik p{margin: 10px 0; transition:.2s all linear;}
.hakkimizdaicerik h1{ font-size: 24px; font-weight: 100;    }
.hakkimizdaicerik h4{ font-size: 48px; font-weight: 700; line-height: 1; }
.hakkimizdaicerik h3{ font-size: 32px; font-weight: 100;  }

.cozumortaklari h3{ text-align: center; font-size: 24px; font-weight: 400; margin-top: 50px; transition:.2s all linear;}
.cozumortaklari { text-align: center; transition:.2s all linear;}


.iletisim{ width: 100%; height: auto; padding-top: 140px;  background:url(/images/arkaplan.jpg) no-repeat center center!important;background-size:cover !important; transition:.2s all linear;}
.haritaalan{width: 100%; margin: 25px 0%;}
.ortala{width:  1200px; margin: 0 auto;}


.iletisimyazi{ width: 48%; line-height: 1.5; font-size: 13px; margin-left: 2%; float: left; transition:.2s all linear;}
.iletisimyazi strong{ font-size: 13px; font-weight: 500;}
.iletisimform{width: 50%;  float: left; transition:.2s all linear;}

.formsol h1, .iletisimyazi h1{ color: #999; font-size: 32px; font-weight: 700;}
.formsol { display:block; width: 95%;  float:left;}

.forminput { border:1px solid #d0cfce; display:block; color:#555555; margin:10px 10px 3px 0; width:100%; padding:8px; }
.formtext { border:1px solid #d0cfce;  display:block; color:#555555; margin:10px 10px 3px 0px; width:98%; max-width: 98%; max-height: 200px; height:68px; padding:15px; font-family: 'Open Sans', sans-serif;font-weight:normal;font-size: 14px;  }
.formbuton { display:block; float:right; margin:15px 10px 0 5px; background:#919191; transition:.3s all linear; border:none; padding:8px 12px; color:#FFF; cursor:pointer;  font-weight:bold;}
.formbuton:hover { background:#333;}


.referanslarimiz{ width: 100%; min-height: 700px; height: auto; padding-top: 140px;  background:url(/images/arkaplan.jpg) no-repeat center center!important;background-size:cover !important; transition:.2s all linear;}

.referanslarimiz h1{ color: #999; font-size: 32px; font-weight: 700;}
.referanslarimiz img{border:1px solid  #ccc; margin: 3px;  -webkit-filter: grayscale(100%);  filter: grayscale(100%);  opacity: 0.5; transition:.2s all linear;}
.referanslarimiz img:hover{ -webkit-filter: grayscale(0%);  filter: grayscale(0%);  opacity: 1; }


.hizmetler{ width: 100%; height: auto; min-height: 660px; padding-top: 140px;  background:url(/images/arkaplan.jpg) no-repeat center center #000 !important;background-size:cover !important; transition:.2s all linear;}
.haberdiz{width: 50%; float: left;}
.haberresimdiz img{ width: 100px; border: 1px solid #ccc; transition:.2s all linear;}
.haberresimdiz img:hover{ opacity: 0.7;}

.hizmetler h1{ color: #999; font-size: 32px; font-weight: 700;}

.hizmetler img{ width: 200px !important; margin-left: 00px;  transition:.2s all linear;}


.hizmetyazi{ margin-top: 20px; width: 60%; height: 250px; float: left; transition:.2s all linear;}
.hizmetyazi h1{ color: #999; font-size: 20px; font-weight: 500; transition:.2s all linear;}
.hizmetyazi h2{font-size: 36px; font-weight: 700; padding: 10px 10px 0 10px  ;transition:.2s all linear;}
.hizmetyazi p{font-size: 13px;  padding: 10px; transition:.2s all linear;}
.hizmetyazi a{font-size: 14px;  padding: 0px 10px 0 10px; color: dimgray; transition:.2s all linear;}

.hizmetresim{ width: auto; margin-right: 2%; margin-top: 20px; height: 250px; float: left; transition:.2s all linear;}
.hizmetresim img{ width: 100%;  transition:.2s all linear;}


.hizmetdetay{ width: 100%;  min-height: 800px; padding-top: 140px;  background:url(/images/arkaplan.jpg) no-repeat center center  !important;background-size:cover !important; transition:.2s all linear;}
.hizmetdetayic { width: 1000px; margin: auto; text-align: left;  transition:.2s all linear;}
.hizmetdetayic h1{ font-weight: 700; padding-top: 0px; font-size: 24px; text-align: left; transition:.2s all linear; }

.hizmetdetayic img { float: left; margin: 0 10px 10px 0;}

.hizmetaltdizilim{ color: white !important; background: #454545; height: 120px; width: 23%; margin: 0.5%; padding: 0.5%; float: left;}
.hizmetaltdizilim img{  width: 100px; height: 100px; margin: 5px; float: left;}
.hizmetaltdizilim h5{ color: white !important; font-weight: 500; font-size: 14px; }
.hizmetaltdizilim p{ font-weight: 300; font-size: 11px; color: white !important; }


.projeler{ width: 100%; min-height: 700px; height: auto; padding-top: 140px;  background: #FFFFFF; transition:.2s all linear;}
.projesec{float: left; width: 30%; margin: 10px 9%; opacity: 0.6; transition:.2s all linear;}
.projesec img{width: 100%;}
.projesec:hover{opacity: 1;}
.projeler h1,h2{ color: #999; position: absolute; margin: 8% 0 0 5%; font-size: 32px; font-weight: 700; transition:.2s all linear;}
.projeler h2{  margin: 12% 0 0 5%; }

.projeanaresim{ width: 100%; transition:.2s all linear;}
.projediz{width: auto; border: 1px solid #ccc; float: left; position:relative; padding: 3px; margin: 3px; text-align: center;transition:.2s all linear;}
.projediz img{width: 186px; transition:.2s all linear;}
.projediz:hover h3 span {
		display: block;
		transition: .2s all linear;
	}
.projediz h3{ font-size:12px;  color: #ccc; position: absolute; width: calc(100% - 16px); padding: 5px;  height: auto; text-align: center; background: rgba(0,0,0,0.80); transition:.2s all linear; }
	.projediz h3 span {
		display:none;
		font-size: 11px;
		color: #ccc;
		transition: .2s all linear;
	}

.urunler{ width: 100%; min-height: 700px; height: auto; padding-top: 140px;  background: #FFFFFF; transition:.2s all linear;}

.urunler h1{    color: #999; position: absolute; margin: 9% 0 0 5%; font-size: 32px; font-weight: 700; transition:.2s all linear; line-height: 1;}
.urunler h1 strong{ color: #999;  font-size: 24px; font-weight: 300; transition:.2s all linear;}
.urunleranaresim{ width: 100%; transition:.2s all linear;}
.urundiz{width: auto; border: 1px solid #ccc; float: left; padding: 3px; margin: 3px; text-align: center;transition:.2s all linear;}
.urundiz img{width: 186px; transition:.2s all linear;}
.urundiz:hover h3{ display: block; transition:.2s all linear;}
.urundiz h3{ color: #ccc; position: absolute; width: 176px; padding: 5px; height: auto; text-align: center; background: rgba(0,0,0,0.80); transition:.2s all linear; }

.belgeac {
	float: right;
	z-index: 10;
	right: 33%;
	position: absolute;
	margin: 5px;
}
.pdfdiz{width:calc(33.3% - 30px); margin:10px 5px; cursor:pointer; float:left; background: #ccc; padding:10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; transition:.2s all linear; }
.pdfdiz:hover{ background: #1e7aa8;  }
.pdfdiz:hover span{ color:#fff !important; }
.pdfdiz span {
	 font-weight:400;
	font-size:20px;

}

.urundetayalani {
	min-height: 500px;
	padding-top: 140px;
	position: relative;
}
.urundetayalani h3{ position: relative ; margin: 0;     color: #999;   font-size: 32px; font-weight: 700; transition:.2s all linear; line-height: 1;}
.urundetayalani h3 strong{ color: #999;  font-size: 24px; font-weight: 300; transition:.2s all linear;}
.urundetayalanih4{  font-size: 16px; font-weight: 500; transition:.2s all linear; }
.bolum1{width: 65%; float: left; transition:.2s all linear;}
.bolum2{width: 32%; margin-left: 2%; float: left; transition:.2s all linear;}
.bolum2 img{width: 100%;border: 1px solid #ccc; transition:.2s all linear;}
.urunicalan div{ background: #ccc; float: left; width: calc(25% - 6px);margin: 3px; padding: 0;  border: 0; transition:.2s all linear;}
.urunicalan img{width: 98%; margin: 1%; border: 0; }
.urunicalan img:hover{opacity: .5; }
.urunvideoicalan div {
	background: #ccc;
	float: left;
	width: calc(33.3% - 6px);
	margin: 3px;
	padding: 0;
	border: 0;
	position:relative;
	transition: .2s all linear;
}
.urunvideoicalan img {
	width: 98%;
	margin: 1%;
	border: 0;
}
.videooynat {
	position: absolute;
	width: 30%;
	left: 35%;
	top: 30%;
	opacity: 0.5;
	transition: .2s all linear;
}
.videooynat:hover {

	opacity:1;
}


@media only screen and (max-width: 1650px) {
	.anasayfaalturunler div img{  width: 150px; }
.anasayfaalturunler div h3{ font-size: 16px;  margin:20px 0 0 80px;    }
.anasayfaalturunler div p{ width: 170px;  margin:10px 0 0 120px; padding: 50px 10px 10px 10px;   }

	

}
@media only screen and (max-width: 1290px) {
.anasayfaalturunler div{ width: 49%; float: left; height: 250px; margin: 20px 0.5%;}
.anasayfaalturunler div img{  width: 220px; }
.anasayfaalturunler div p{ width: 220px;  margin:10px 0 0 200px;   }
menu {  width: 600px; }
menu a { font-size: 12px;  padding:12px 4px 10px 4px !important; margin:3px 2px; }
.slaytortaresim{ width:50% !important;  font-size: 60px;  text-align: right; right: 5%; }
.slaytortaresim p{ font-size: 24px; }
.slaytortaresim a{ font-size: 24px; }
.ledalani{width: 36%; margin:0 2% 0 2%; }
.ledalani img{width: 50%; margin: 5px;}	
.karsilastirmaendis{width: 56% !important; margin:0 2% 0 2%; float: left;}	
footer .bolum1{  margin: 20px 1%; width: 15%; }
footer .bolum1:first-child{  text-align: center; width: 35%; }

.ortala{width: 98%;  margin: 0 1%!important;}

.hakkimizda{  height: auto; margin: 0 !important;   }
.hakkimizdaicerik{  width: 96%;  margin: 0 2%!important; }
.hakkimizdaicerik img{ margin:1%; float: right; width: 50%; transition:.2s all linear; }
.hakkimizdaicerik p{margin: 00px 0; }

}

@media only screen and (max-width: 1024px) {
header { display:none;}
	.sosyal2 {display:block; clear:both; margin-top:40px;
	}
	.urunvideoicalan div {
		width: calc(50% - 6px);
	}
	.ajans365 {
		clear: both;
		bottom: 0px;
		right: 0px;
	}

		.ajans365 a {
			margin: 0px;
			float: right;
			margin-top: -20px;
		}

	.alttelefon {
		float: left;
		clear: both;
		text-align: center;
		margin: 00px;
		padding: 10px;
	}
		.ustmobil { width:100%;left:0;height:68px;padding-top:5px;transition:all .3s linear;top:0;display:block;position:fixed;z-index:100;background: white;}
.menuacil{display:block;overflow:hidden;width:100%;height:0px;text-align:center;position:fixed; top:70px; z-index:99;background:#009ce1;transition:.3s all linear; border-bottom:3px solid #009ce1}
.menuacil2{height:370px;}
.mobmenuicon{display:block;top:20px;position:fixed;height:30px; z-index:9999; right:5%; margin-left:-30px; text-align:center;cursor:pointer;}
.moblogo {display:block; position:fixed; top:10px;  left:10px; cursor:pointer; transition:.3s all linear;}
.moblogo img {  height: 50px;}
.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;}
.mobilaktif { background:#333;}
.boslukkoy{height: 72px;}
	.diller {
	display:none;
	}
.anasayfaalt{ height: 300px; }
.anasayfaalt div{  margin: 50px 5% 0 5%; width: 40%; }
.anasayfaalt div h2{  font-weight: 300; }

.anasayfaalturunler{margin: 0; padding: 0;}	
.anasayfaalturunler div{ width: 99%; float: left; height: 170px; margin: 20px 0.5%;}
.anasayfaalturunler div img{  width: 25%; }
.anasayfaalturunler div p{ height: auto; width: 70%; padding-top: 60px;  margin:0px 0 0 25%;   }
.anasayfaalturunler div h3{  margin:20px 0 0 20%; padding: 5px;  transition:.2s all linear; }
.hakkimizdaicerik{   padding-top: 0px; }
	
	

.iletisim{  padding: 0;  }
.iletisim h1{ left: 0px; top: 240px;    width: 300px; height: 60px; font-size: 30px; }
.haritaalan{position: relative; width: 96%; height: 300px; margin: 20px 2%; }
.formtext { width:100%;}
.gonderildi { width:100%;}
.iletisimyazi{ width: 96%; padding:20px 0 0  0 !important;  margin:0 2% !important;}
.iletisimform{ width: 96%; padding:20px 0 0  0 !important;  margin:0 2% !important;}
.formsol { display:block; width: 95%;   }	
.referanslarimiz{ padding-top: 0px;  }
.referanslarimiz img{width: 18%; border: 0px; margin: 1% !important; padding: 0; -webkit-filter: grayscale(0%);  filter: grayscale(0%);  opacity: 1;}
	
.hizmetler{ padding-top: 0px;  }
.hizmetaltdizilim{  width: 48%; }
.hizmetdetay{ padding-top: 10px; }
.hizmetdetay h1{font-size: 24px;}
.hizmetdetayic { width: 98%; margin: auto 1%; text-align: left;  transition:.2s all linear;}
.hizmetdetayic img {margin-bottom: 0;  width: 150px; }
	
.projeler{ padding-top: 0px;  }
.projeler h2, h1{ font-size: 18px !important;}
	
.urunler{ padding-top: 0px;  }
.urunler h1{ background: rgba(0,0,0,0.80); padding: 10px 20px; width: 100; margin: 10px 0 0 10px;  }
.urundetayalani{padding-top: 10px;}


}
@media only screen and (max-width: 850px) {
.slaytortaresim{ width:90% !important;  font-size: 90px;  text-align: center; right: 5%; }
.slaytortaresim p{  font-size: 40px; }
.slaytortaresim a{   display: none;}
	.pdfdiz {
		width: calc(50% - 30px);
	}

.anasayfaaltkarsilastir{margin: 0;  padding-top: 50px;}	
.ledalani{width: 90%; margin:0 5% 0 5%; }
.ledalani img{ display: none;}	
.karsilastirmaendis{width: 90% !important; margin:0 5% 0 5%; float: left;}

footer .bolum1{  text-align: left; margin: 15px 5%; width: 40%; }
footer .bolum1:first-child{   width: 90%; }


.hakkimizda{  height: auto; margin: 0 !important;   }
.hakkimizdaicerik img{ margin:1%; float: right; width: 98%; transition:.2s all linear; }
.hakkimizdaicerik p{margin: 00px 0; text-align: justify; padding: 10px 0; }	
	
.hizmetyazi{width: 100%; height: auto; margin: 0px 0% !important; }
.hizmetresim{ display: none; }
.projediz{width: 29%; padding: 1%; margin: 1%; }
.projediz h3{ margin:0 2%; }

.urundiz{width: 29%; padding: 1%; margin: 1%; border: 0; }
.urundiz h3{ position: relative; margin:-5px 0 0 -5px !important; width: 100%; }
.urundiz img{width: 100%;  }

.bolum1{width: 50%; }
.bolum2{width: 48%; }

.belgeac {
right: 47%;
}

.projesec{width: 40%; margin: 10px 5%;}
	
}
@media only screen and (max-width: 600px) {
.karsilastirma h4{  font-size: 12px; color: black;}
.karsilastirma h5{ font-size: 12px; color: black;}
.hizmetaltdizilim{  width: 95%; padding: 2%; }
.referanslarimiz img{width: 23%;  margin: 1% !important; }
	.pdfdiz {
		width: calc(100% - 30px);
	}
.haberdiz{width: 100%; float:none;}
	
.projediz{width: 45%; padding: 1%; margin: 1%; }
.projediz h3{ margin:0 3%; }
.urundiz{width: 45%; padding: 1%; margin: 1%; }
	
.bolum1{width: 98%; margin: 5px 1%; }
.bolum2{width: 98%; margin: 5px 1%; }
	.belgeac {
		right: 0%;
	}	

.bolum2 img{width: 80%; margin: 0 10%;}
.urunicalan div{ width: 23%;margin: 1%;  }
.urunicalan img{width: 98%; margin: 1%; border: 0; }
.urunicalan img:hover{opacity: .5; }
	
	.projeler h2{ margin-top: 15%;}

}

@media only screen and (max-width: 450px) {
.karsilastirma h4{  font-size: 10px; color: black;}
.karsilastirma h5{ font-size: 10px; color: black;}
.slaytortaresim p{  font-size: 56px; }
	
.anasayfaalt{ height: 400px; }
.anasayfaalt div{  margin: 50px 5% 0 5%; width: 90%; }
.anasayfaalt div h2{  font-weight: 300; }

.anasayfaalturunler div img{  width: 25%; }
.anasayfaalturunler div p{ height: auto; width: 70%; padding-top: 60px;  margin:0px 0 0 20%;   }
.anasayfaalturunler div h3{  margin:20px 0 0 20%; padding: 5px;  transition:.2s all linear; }
	
.hakkimizdaicerik h1 { font-size: 20px; }	
.hakkimizdaicerik h4 { font-size: 30px; }	
.hakkimizdaicerik h3 { font-size: 20px; font-weight: 500; }	
.formsol { width: 90%;   }	
.hizmetdetayic img {  width: 100%; }
.referanslarimiz img{width: 31%;  margin: 1% !important; }
.cozumortaklari img{ width: 48%;}

	
.bolum2 img{width: 100%; margin: 0 0%;}
.urunicalan div{ width: 31.3%;margin: 1%;  }
.urunicalan img{width: 98%; margin: 1%; border: 0; }
.urunicalan img:hover{opacity: .5; }
	.projesec{width: 90%; margin: 10px 5%;}
	
}