body{padding:0; margin:0;background-color: #ededed; font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}
a {color:#000;  text-decoration:none;}
#ust{padding:0; margin:0; width:100%; display:table; border-bottom: 0px solid #f9f9f9; padding: 0px 0; position:fixed; top:0; z-index:100;
background-image: url("img/ustbg.png");box-shadow: 0.5px 0.5px 3px rgba(0, 0, 0, .5);}
#ust #logo{width:20%; float:left; text-align:right;padding:3px 0;z-index:110}
#ust #logo img{width:150px;}
#ust #tel{position:absolute; top:2px; right:15%; border-bottom: 2px solid #000; padding:0 5px 2px 5px; border-radius:10px;background-color:#fff;}

#ust #menu{width:40%; float:right; padding:27px 10% 0 0;margin:0 0 -3px 0; display:table;list-style:none; text-align:right;}
#ust #menu li{font-size:15px; font-weight:300; color:#000; float:left; margin:0px 1%; padding:20px 0% 5px 0%; cursor:pointer; text-align:left;text-transform:uppercase; font-family:arial; width:23%;text-align:left;}
#ust #menu li:active{border-bottom: 5px solid #208ccb;}
#ust #menu .select{border-bottom: 5px solid #208ccb;}
#ust #mmenu {display:none;z-index:110;}
#loding{z-index:90;width:100%; display:table; padding:250px 0; position:fixed; top:0; text-align:center; display:none; background-image: url("img/ustbg.png"); height:150%; background: #fff;}
#loding i{color:#abc6d6; cursor:pointer;}


.slider {height:500px;}
.slider h1{padding:0; margin:0; font-size:30px; position:absolute; top:100px; left:5%; display:none; color:#3498d3;}
.slider button{padding:0; margin:0; font-size:30px; position:absolute; top:300px; left:80%; display:none;}
.slider button {
	background-color:#3498d3;
	border-radius:9px;
	border:1px solid #208ccb;
	display:none;
	cursor:pointer;
	color:#ffffff;
	font-size:25px;
	padding:5px 10px;
	width:250px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;

}
.slider button:hover {
	background-color:#208ccb;
}
.slider button:active {
	background-color:#3498d3;
}




.slider .text { background: #000;text-align:left; position:absolute; top:150px; left:5%; font-weight:300; font-size:18px; color:#fff; width:76%;opacity:0.7; display:none; padding:10px 2% 10px 2%;}
.slider .text a{  color:#fff;}

.serviskaydi{padding:40px 5%; margin:0 0 0 0; width:90%; display:table; background-color: #f1f1f1;}
.serviskaydi .just{display: flex;  justify-content:space-between;}
.serviskaydi h2{text-align:center; margin:0; padding:2px;}
.serviskaydi span{text-align:center; width:100%; display:table; margin:5px 0 10px 0;}
.serviskaydi input{width:30%; margin:0px 0.5%; padding:10px 0.5%; border-radius:10px; border: 1px solid #208ccb; font-size:17px;}
.serviskaydi button {
	background-color:#3498d3;
	border-radius:9px;
	border:1px solid #208ccb;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:17px;
	padding:5px 5%;
	width:20%;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;

}
.serviskaydi button:hover {
	background-color:#208ccb;
}
.serviskaydi button:active {
	position:relative;
	top:1px;
}

.cerceve  {background-color: #f7f7f7; }
.cerceve #icerik {text-align:center; width:47%; margin:5px 0.5%; padding:20px 1%; float:left; font-size:14px; border-radius:5px; cursor:pointer}

#ileForm  label{padding:2px 0;border-bottom: 0px solid #999; margin:3px 0%; display:table; width:100%; font-family:tahoma; font-size:12px;}
#ileForm  label .title, #falForm label .title{width:23%;float:left; padding:5px 1%; text-align:right; margin:0; color:#000; font-size:16px;}
#ileForm  label .inp, #falForm label .inp{width:75%;float:left;  font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}
#ileForm span, #falForm span{font-size:15px; position: absolute; right:5px; top:2px; color:#c0c0c0; width:100%; display:table; text-align:right;}
#ileForm input, #ileForm textarea{border:0; font-size:18px; padding:5px 4%; width:91%; background-color: #fff;border: 1px solid #f7f7f7; border-radius:2px;  font-weight:300; font-family:calibri; 
}
textarea{height:150px;}
/* Main Styles */
#ileForm .button {
  display: block;
  background-color: #4292f0;
  width: 100%;
  height: 70px;
  line-height: 70px;
  margin: auto;
  color: #fff;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
#ileForm .button span,
#ileForm .button .icon {
  display: block;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
}
#ileForm .button span {
  color:#fff;
  width: 72%;
  line-height: inherit;
  font-size: 22px;
  text-transform: uppercase;
  left: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
#ileForm .button span:after {
  content: '';
  background-color: #fff;
  width: 2px;
  height: 70%;
  position: absolute;
  top: 15%;
  right: -1px;
}
#ileForm .button .icon {
  width: 28%;
  right: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
#ileForm .button .icon .fas {
  font-size: 30px;
  vertical-align: middle;
  -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease;
  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease;
}
#ileForm .button .icon ilk {
  height: 36px;
}
#ileForm .button .icon .ikinci {  display: none;}
#ileForm .button.success span, #ileForm .button:hover span {  left: -72%;  opacity: 0;}
#ileForm .button.success .icon, #ileForm .button:hover .icon {  width: 100%;}
#ileForm .button.success .icon .fa, #ileForm .button:hover .icon .fa {  font-size: 45px;}
#ileForm .button.success {  background-color: #27ae60;}
#ileForm .button.success .icon ilk {  display: none;}
#ileForm .button.success .icon .ikinci {  display: inline-block;}
#ileForm .button:hover { opacity: .9;}
#ileForm .button:hover .icon ilk {  height: 46px;}

.hrt{margin:5px 0px; border-radius: 0px; width:100%; height:400px;}



#ileForm input:focus, #ileForm textarea:focus, #ileForm select:focus{border: 1px solid #a5c2f2;   box-shadow: 0 0 5px rgba(81, 203, 238, 1);
      linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
  border: 1px solid rgba(81, 203, 238, 1);}


.cerceve #stun {text-align:center; width:48%; margin:5px 0.5%; padding:20px 0%; float:left; border-left: 2px solid #cccccc;background-color: #fff; font-size:14px; border-radius:0px; cursor:pointer}
.cerceve .bilgiler{text-align:left; padding:0 5px 0 10px; width:98% margin:0 auto; display:table;}

.cerceve {width:80%; padding:10px 10%; display:table; text-align:center;}
.cerceve .hucre {text-align:center; width:30%; margin:5px 0.5%; padding:20px 1%; float:left; border: 1px solid #cccccc;background-color: #fff; font-size:14px; border-radius:5px; cursor:pointer; position:relative;}
.cerceve .hucre span{ display:table; height:70px;  font-size:13px;}
.cerceve .hucre i{ font-size:5.5em;  margin:0 5px 0 0;color:#abc6d6;}
.cerceve .hucre h4{ padding:3px 0; margin:0; font-size:16px; color:#7b7b7b;}
.cerceve .hucre .yakinda{font-size:13px; position:absolute; top:5px; right:0; padding:2px 5px; color:#fff;background-color: #cccccc; height:18px;border-top-left-radius: 15px;border-bottom-left-radius: 15px; font-weight:900;}
.cerceve .hucre .yakinda i{ font-size:15px; color:#fff;}





.faydalari{padding:50px 5%; margin:0 0 0 0; width:90%; display:table; border-bottom: 0px solid #edf1f2;background: #edf1f2;}
.orta{padding:50px 5%; margin:0 0 0 0; width:90%; display:table; border-bottom: 0px solid #edf1f2;background: #edf1f2;}

.faydalari h2{text-align:center; }


.orta .hucre{width:28%; margin:5px 1%; padding:10px 1.5%; float:left; display:table; border-radius:10px; border-bottom: 2px solid #999;}
.orta .hucre i{float:left; font-size:4.2em; color:#f19d3a;}
.orta .hucre h4{margin:0 0 0 0; padding:0 0 5px 0; width:75%; float:right; font-size:18px;}
.orta .hucre span{margin:0 0 0 0; padding:0 0 5px 0; font-size:14px; displat:table; width:75%; float:right;}


.hizmetler{padding:50px 5%; margin:0 0 0 0; width:90%; display:table; border-bottom: 0px solid #f9f9f9;}
.hizmetler{background-image: url("AR09KSFHDWK-SK-21-0-1.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; }
.hizmetler h2{text-align:center; color:#000; margin: 0 0 10px 0;}
.hiz-hucre{width:30%; margin:5px 1%; padding:5px 0.5%; height:250px; float:left; display:table; border-radius:10px;
box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.74); position:relative; cursor:pointer;}
.hiz-hucre{background-color: #f7f7f7;background-size:cover;}
.hiz-hucre h4{text-align:right; font-size:24px; padding:5px 5%; margin:0; position:absolute; top:15px; right:0; background: #fff;opacity: 0.7; z-index:10;}
.hiz-hucre span{border-radius:10px; height:190px;  padding:65px 5% 5px 5%; text-align:center; position:absolute; bottom:0; left:0; display:table; width:90%;background: #f1f1f1; display:none;opacity: 0.8;}
.hiz-hucre button{ position:absolute; bottom:10px; left:5%; width:25%;}

.hiz-hucre button {
   background: #3D94F6;
   background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   color: #FFFFFF;
   font-size: 15px;
   font-weight: 15;
   padding: 5px 1%;
   box-shadow: 1px 1px 20px 0px #000000;
   -webkit-box-shadow: 1px 1px 20px 0px #000000;
   -moz-box-shadow: 1px 1px 20px 0px #000000;
   text-shadow: 1px 1px 20px #000000;
   border: solid #337FED 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.hiz-hucre button:hover {
   border: solid #337FED 1px;
   background: #1E62D0;
   background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   text-decoration: none;
}


#alt {background-color: #999; color:#000; display:table; background-image:linear-gradient(to bottom, #c0c0c0 0%,#999 100%);}
#alt {width:90%; padding: 10px 5%;}
#alt .hucres {text-align:left; width:22%; margin:5px 0.5%; padding:20px 1%; font-size:14px; float:left; }
#alt .hucres i:hover{color:#abc6d6; cursor:pointer;}


#alt ul{padding:0; margin:0;}
#alt li{padding:0; margin:2px 0;list-style:none; font-size:15px;}




@media only screen and  (max-width: 800px){ 
#ust #menu{width:98%; height:100%; float:left; padding:6px 1% 0 1%;margin:0 0 0 0; list-style:none; text-align:left;display:none; position:fixed; top:40px; background: #f7f7f7;}
#ust #menu li{ width:98%;font-size:15px; font-weight:900; color:#000; margin:0px 0%; padding:20px 1% 5px 1%; cursor:pointer; text-align:left;text-transform:uppercase; font-family:arial;}
#ust #menu li:active{border-bottom: 0px solid #208ccb;background: #f1f1f1;}
#ust #menu .select{border-bottom: 0px solid #208ccb; background: #f1f1f1;}

	
#ust #mmenu {display:table; width:20%; float:right; text-align:right; font-size:2em;z-index:150;}
#ust #mmenu i{margin: 5px 10px;}
#ust #logo img{width:100px;z-index:150;}
#ust #tel{display:none;}

.slider {height:350px;}
.slider h1{padding:0; margin:0; font-size:26px; position:absolute; top:80px; left:5%; display:none; color:#3498d3;}
.slider button{padding:0; margin:0; font-size:30px; position:absolute; top:300px; left:90%; display:none;}
.slider .text { background: #000;text-align:left; position:absolute; top:120px; left:5%; font-weight:300; font-size:14px; color:#fff; width:86%;opacity:0.7; display:none; padding:10px 2% 10px 2%;}

.serviskaydi .just{display: table;}
.serviskaydi h2{text-align:center; margin:0; padding:2px;}
.serviskaydi span{text-align:center; width:100%; display:table; margin:5px 0 10px 0;}
.serviskaydi input{width:94%; margin:5px 0.5%; padding:10px 2.5%; border-radius:10px; border: 1px solid #208ccb; font-size:17px;}
.serviskaydi button {width:100%;  	padding:10px 5%;  margin:5px 0.5%;}

.hiz-hucre{width:98%; margin:15px 0.5%; padding:5px 0.5%; height:250px; float:left; }
.hiz-hucre h4{text-align:right; font-size:20px; padding:5px 5%; margin:0; position:absolute; top:15px; right:0; background: #fff;opacity: 0.7; z-index:10;}


.cerceve {width:100%; margin:10px 0; border:0; padding:0;}
.cerceve #stun, .cerceve #icerik {width:100%; margin:10px 0; border:0; padding:0;}


.orta .hucre{width:95%; margin:5px 1%; padding:10px 1.5%; float:left; display:table; border-radius:10px; border-bottom: 2px solid #999;}
.orta .hucre i{float:left; font-size:4em; color:#f19d3a;}
.orta .hucre h4{margin:0 0 0 0; padding:0 0 5px 0; width:75%; float:right; font-size:18px;}
.orta .hucre span{margin:0 0 0 0; padding:0 0 5px 0; font-size:14px; displat:table; width:75%; float:right;}
#alt .hucres {text-align:left; width:97%; margin:5px 0.5%; padding:20px 1%; font-size:14px; float:left; }	
}
#altmen ul {padding:0; margin:0;}
#altmen li {display:table; float:left; padding: 0px 10px 0px 1px; margin : 0; font-size:12px; text-transform:uppercase;}
#altmen #copy {display:table; float:right; padding: 0px 10px 0px 1px; margin : 0; font-size:12px;}