/*

Esweb Design Tasarım 
 
 */
 
 
 /* Açıklama: padding: [üst] [sağ] [alt] [sol] */
 
 .border { border-radius:5px; width:185px; height:40px; background:#0B5487; color:#fff; line-height:40px; text-align:center;
           font-family:'poppins',Arial, sans-serif !important;  font-size: 20px; font-weight: bold; padding: 5px 10px 5px 10px; }

.border:hover { border-radius:7px; background-color:#333; color:#fff; line-height:40px; text-align:center; }


.video-area {
	background-image: url('../data/z-5.png');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding-top: 0px;
}

.ulasim-area {
	background-image: url('../data/ara-bg-2.jpg');
	background-size: cover;
	background-position: center;  
	padding-top: 0px;
}

 
 .es_new_head { 	
 font-family:'poppins',Arial, sans-serif !important; 
 font-size: 40px; color: #fff; text-shadow:
   -1px -1px 0 #666,  
    1px -1px 0 #666,
    -1px 1px 0 #666,
     1px 1px 0 #666;  }
	 
	 
	 
 
.d-Baslik {  
writing-mode: vertical-lr; 
transform: rotate(180deg);
color:#0B5487;
font-size:22px;


}
 
 
 .Es_Button {
	background:#25A6E1;
	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	width:320px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9
} 
 
 
 
 .form[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  width: 100% !important; 
  padding: 0px 5px 0px 5px;
  margin: 5px 1px 3px 0px;
  resize: vertical;
  display: block;
  
  text-align:left; 
  color:#000; 
  font-family:'poppins',Arial, sans-serif !important; 
  font-size:15px !important; 
   
 
  } 
  
 
 
 .Mesaj[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
   width: 650px;
  padding: 3px 0px 3px 10px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  
  border-radius: 0px;
  
  color:#9b928d; 
  font-family:'poppins',Arial, sans-serif;
  font-size:12px; 
 
  
}
 
.Mesaj[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
  border: 1px solid #999;
  border-radius: 0px;
}


.tx[type=text]  {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  width: 150px;
  height:30px;
  padding: 3px 0px 3px 10px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  border-radius: 0px;
  
  color:#9b928d; 
  font-family:'poppins',Arial, sans-serif;
  font-size:14px; 
 
}
 
.tx[type=text]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
  border: 1px solid #999;
  border-radius: 0px;
}

 
.mail[type=email]  {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  width: 150px;
  height:30px;
  padding: 3px 0px 3px 10px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;

  border-radius: 0px;
  
  color:#9b928d; 
  font-family:'poppins',Arial, sans-serif;
  font-size:14px; 
 
  
}
 
.mail[type=email]:focus  {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
  border: 1px solid #999;
  border-radius: 0px;
}
 
 .ov{
 border-radius: 10px;
 background-color:#0171BB;
 color:#FFF;
 }
 
  .ov2{
 border-radius: 10px;
 background-color:#E31E24;
 color:#FFF;
 }
 
 
 
 .kir-tx[type=text]  {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  width: 250px;
  height:30px;
   
  padding: 3px 0px 3px 10px;
  margin: 5px 1px 3px 0px; 
  
  text-align:left;
  color:#000; 
  font-family:'poppins',Arial, sans-serif;
  font-size:15px;
 
 
}

.a-ile-but { 

border-collapse: collapse;
border-radius: 5px;
border-style: hidden;  
box-shadow: 0 0 0 4px #fff; 
 	
}

 

.res-bo {  
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
box-shadow: 1px 1px 1px 1px #000;
	
}
 
 
 
.resim-border img{
border: 1px solid #ccc;
padding: 5px;
float: 
margin: 2px 2px 2px 2px ;
}

.ovali { 

border-collapse: collapse;
    border-radius: 30px;
    border-style: hidden;  
    box-shadow: 0 0 0 1px #fff; 
	background-color:#BF0C1D; 
	
	
}


.ovali2 { 

border-collapse: collapse;
    border-radius: 30px;
    border-style: hidden;  
    box-shadow: 0 0 0 1px #fff; 
	background-color:#dd40a8; 
	
	
}






 .input[type=text]  {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	width: 300px;
	height:31px;
	padding: 3px 0px 3px 10px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #fff;

  border: 1px solid #;
	border-radius: 0px;
	font-family: Arial;
	font-size: 13px;
	color: #CCC;
}
 
 
 body {
	background-color:#;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family:'poppins',Arial, sans-serif;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	 
}
a:active {
	text-decoration: none;
	 
}

 


#ap {
	position: absolute;
	margin: auto;
	width: 100%;
	height: auto;
	z-index: 91;
	left: 1px;
	right: -3px;
	top: 2px;
	font-family: sans-serif;
}
 
 
 #ap2 {
	position:absolute;
	margin:auto;
	width:100%;
	top:500;
	height:180px;
	z-index:92;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 24px;
	left: 0px;
	top: 450px;
}



#ap3 {
	position:absolute;
	margin:auto;
	width:100%;
	height:auto;
	z-index:93;
	left: -3px;
	right: -3px;
	top: 550px;
 
}


#ap4 {
	position:absolute;
	margin:auto;
	width:100%;
	height:auto;
	z-index:93;
	left: -3px;
	right: -3px;
	top: 580px;
 
}

.buton-yazi{	font-family:'poppins',Arial, sans-serif;	font-size: 15px; color: #FFF;; font-weight: bold;}

.destek {color: #fff; font-size: 11px;  font-family:'poppins',Arial, sans-serif; }

.es-telif { color: #666;	font-size: 12px; font-family:'poppins',Arial, sans-serif;  font-weight: normal;}

.es-telif-b { color: #666;	font-size: 14px; font-family:'poppins',Arial, sans-serif;  font-weight:bold; } 

.buyuk-beyaz-tel {color: #fff;	font-size: 40px; font-family:'poppins',Arial, sans-serif;  }

.ku-beyaz-tel {color: #fff;	font-size: 20px; font-family:'poppins',Arial, sans-serif;  }

.ku-beyaz-tel:hover {color: #fff;	font-size: 20px; font-family:'poppins',Arial, sans-serif;  }

.Bottom-Categori { font-family:'poppins',Arial, sans-serif;  font-size: 14px; color: #ffffff; font-weight: bold; }

.buyuk-beyaz {color: #fff;	font-size: 35px; font-family:'poppins',Arial, sans-serif;  }

.buyuk-siyah {
	color: #333;
	font-size: 32px;
	font-family:'poppins',Arial, sans-serif;
}

.buyuk-sari {color:#FF0; font-size: 35px; font-family:'poppins',Arial, sans-serif;  }


.baslik {
	color:#0B5487;
	font-size: 25px;
	font-family:'poppins', sans-serif;
}


.k-baslik {
	color:#0B5487;
	font-size: 25px;
	font-family:'poppins', sans-serif; text-shadow:
    -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;  }
 





.baslik-mavi { color:#1E4E8B; font-size: 25px; font-family:'poppins',Arial, sans-serif;}


.baslik-tur { color:#0B5487; font-size: 25px; font-family:'poppins',Arial, sans-serif;}

.baslik-tur-2 { color:#01B5DA; font-size: 15px; font-family:'poppins',Arial, sans-serif;}

.baslik-tur-3 { color:#0B5487; font-size: 15px; font-family:'poppins',Arial, sans-serif; font-weight:bold; }

.baslik-2 { color:#333; font-size: 18px; font-family:'poppins',Arial, sans-serif;  }


.b-baslik { color:#fff; font-size: 25px; font-family:'poppins',Arial, sans-serif; font-weight:bold;  }
 
.Ana_Menu{	font-family:'poppins',Arial, sans-serif; font-size: 13px; color: #FFF;  }


.A_Beyaz { color: #FFF;	font-size: 17px;	font-family:'poppins',Arial, sans-serif; font-weight: normal;}

.Duyuru_Yazi {	color: #999; font-size: 13px;  font-family:"Lato", Arial, "sans-serif "; font-weight: normal;}

.Duyuru_Baslik {color: #FF9933; font-size: 12px; font-family:"Lato", Arial, "sans-serif "; font-weight: bold;}

.Hak1_Yazi {	color: #666; font-size: 14px;  font-family:"Lato", Arial, "sans-serif "; font-weight: normal;}


.ana-ust-yazi { color:#ccc; font-size: 25px; line-height:1.5em; font-family:'poppins',Arial, sans-serif; }


.ana-ust-yazi-b { color:#fff; font-size: 25px; line-height:1.5em; font-family:'poppins',Arial, sans-serif;  }


.mailci { color: #0B5487; font-size: 14px;  font-family:"poppins", Arial, "sans-serif";}

.ana-alt-yazi { color:#999; font-size: 14px; line-height:1.5em; font-family:'poppins',Arial, sans-serif; }


.Haber_Yazi { color:#999; font-size: 17px; line-height:1.5em; font-family:'poppins',Arial, sans-serif;}

.Head-Yazi{ font-family:"Lato", Arial, sans-serif; font-size: 23px; color:#FE9F00; font-weight: bold; }

.Head-Bottom-Word {	color: #333; font-size: 11px;  font-family:"Lato", Arial, "sans-serif "; font-weight:bold;}



.alt-menu{	font-family:'Poppins',Arial, sans-serif;	font-size: 14px; color: #333; font-weight: bold;}

.alt-menu:hover {	font-family:'Poppins',Arial, sans-serif;	font-size: 13px; color: #0B5487; font-weight: bold;}

.alt-menu-gri {color: #fff; font-size: 14px;  font-family:'poppins',Arial, sans-serif;  }

.alt-menu-gri:hover {color: #000; font-size: 14px;  font-family:'poppins',Arial, sans-serif;  }


.Ana-Menu{	font-family:'Poppins',Arial, sans-serif;	font-size: 17px; color: #0B5487;  }

.Ana-Menu:hover { 
font-family:'Poppins',Arial, sans-serif;
font-size: 17px; 
color: #FFF;
background-color:#333;
border-radius:0px; 
width:auto;
padding:5px;
 
}



.ana-menu2{	font-family:'poppins',Arial, sans-serif;	font-size: 17px; color: #FFF;; font-weight: bold;}

.ana-menu2:hover { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #FFF;
background-color:#2A8BDF;
border-radius:5px; 
width:auto;
padding:5px;
 
}




.alt-menu-bas{	font-family:'poppins',Arial, sans-serif; font-size: 15px; color: #fff; font-weight: bold;}

.alt-menu-bas-k { 	font-family:'poppins',Arial, sans-serif; font-size: 15px; color: #FB7875; font-weight: bold; }

.alt-menu-bas-k-k { 	font-family:'poppins',Arial, sans-serif; font-size: 15px; color: #0B5487; font-weight: bold; }






.Anasayfa { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #FFF;
background-color:#2B2A29;
border-radius:5px; 
width:auto;
padding:5px;
padding-left:10px;
padding-right:10px;
font-weight: bold; 
}

.Anasayfa:hover { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #FFF;
background-color:#01B5DA;
border-radius:5px; 
width:auto;
padding:5px;
font-weight: bold;   }



.buton-tur { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #FFF;
background-color:transparent;
border-radius:20px; 
border: 2px solid #01B5DA ; 
width:auto; 
font-weight: bold; 
/* Açıklama: padding: [üst] [sağ] [alt] [sol] */
padding: 5px 20px 5px 20px;  
}

.buton-tur:hover { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #fff;
background-color:#01B5DA ;
border-radius:20px; 
width:auto; 
font-weight: bold;
/* Açıklama: padding: [üst] [sağ] [alt] [sol] */
padding: 5px 20px 5px 20px;  

   }
   
   


.buton-tur-s { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #FFF;
background-color:#0B5487;
border-radius:20px; 
border: 2px solid #333 ; 
width:auto; 
font-weight: bold; 
/* Açıklama: padding: [üst] [sağ] [alt] [sol] */
padding: 5px 20px 5px 20px;  
}

.buton-tur-s:hover { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #fff;
background-color:#333 ;
border-radius:20px; 
width:auto; 
font-weight: bold;
/* Açıklama: padding: [üst] [sağ] [alt] [sol] */
padding: 5px 20px 5px 20px;  

   }
   
   
   

.buton-tur-b { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #FFF;
background-color:transparent;
border-radius:20px; 
border: 2px solid #01B5DA ;
width: 100%; 
font-weight: bold; 
/* Açıklama: padding: [üst] [sağ] [alt] [sol] */
padding: 5px 80px 5px 80px;  
}

.buton-tur-b:hover { 
font-family:'poppins',Arial, sans-serif;
font-size: 17px; 
color: #fff;
background-color:#01B5DA ;
border-radius:20px; 
width: 100%; 
font-weight: bold;
/* Açıklama: padding: [üst] [sağ] [alt] [sol] */
padding: 5px 80px 5px 80px;  

 }
   
   


.ana-hak-alt { font-family:'poppins',Arial, sans-serif; font-size: 14px; color: #BF0C1D; font-weight: bold; }

.Osk_Navi_Menu { color: #666; font-size: 11px;  font-family:"Lato", Arial, "sans-serif";}