.dis_div {
    width: 352px;
    min-height: 500px;
    position: relative;
    margin: auto;
}
.ust1 {
	width:352px;
	height:59px;
}
.ust1_1 {
	width:41px;
	height:59px;
	position: relative;
	float:left;
	margin-left:12px;
	
}
.ust1_2 {
	width:220px;
	height:59px;
	position: relative;
	float:left;
	margin-left:12px;
	
}
.ust1_3 {
	width:41px;
	height:44px;
	position: relative;
	float:left;
	margin-left:12px;
	margin-top:15px;
	
}
.dil_div {
    width: 146px;
    height: 24px;
    position: relative;
    margin: auto;
	margin-top:15px;
}
.dil_1 {
	width:44px;
	height:24px;
	position: relative;
	float:left;
	
}
.dil_2 {
	width:44px;
	height:24px;
	position: relative;
	float:left;
	margin-left:7px;
	
}
.dil_3 {
	width:44px;
	height:24px;
	position: relative;
	float:left;
	margin-left:7px;	
}
.telefon_ana_div {
	width: 331px;
	height: 55px;
	position: relative;
	margin: auto;
	margin-top:15px;
	border-radius:10px;
	border-style: solid;
	border-width: 1px;
	border-color:#6CAA23;
	background-color: #1B9A10;
}
.apthotelana {
    width: 331px;
    height: 35px;
    position: relative;
    margin: auto;
	margin-top:5px;

}
.apthotel {
    width: 150px;
    height: 34px;
    position: relative;
	float:left;
	margin-right:10px;
	margin-left:10px;
}
.apthotel1 {
    width: 150px;
    height: 34px;
    position: relative;
	float:left;
}
.telefon_ana_div_1 {
    width: 255px;
    height: 20px;
    position: relative;
    margin: auto;
	margin-top:3px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	animation: blinker 0.9s linear infinite;
	
}
@keyframes blinker {  
      50% { opacity: 0; }
      }
.telefon_ana_div_2 {
    width:255px;
    height: 20px;
    position: relative;
    margin: auto;
	margin-top:-5px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 26px;
	font-weight:bolder;
	color: #ffffff;
	text-decoration: none;
	
}
.arial12 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.yon_ana_div {
    width: 331px;
    height: 55px;
    position: relative;
    margin: auto;
	margin-top:15px;
}
.yon_ana_div_1 {
	width:144px;
	height:55px;
	position: relative;
	float:left;
}
.yon_ana_div_2 {
	width:144px;
	height:55px;
	position: relative;
	float:left;
}
.havalimani_ana_divX {
    width: 331px;
    min-height: 420px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-bottom:10px;
	border-radius:10px;
	border-style: solid;
  	border-width: 1px;
	border-color:#999999;
	padding-bottom:10px;
	background-color:#403427;
}
.havalimani_ana_div {
    width: 331px;
    min-height: 350px;
    position: relative;
    margin: auto;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:10px;
	border-style: solid;
  	border-width: 1px;
	border-color:#999999;
	padding-bottom:10px;
}
.havalimanlari {
    width: 331px;
    min-height: 20px;
    position: relative;
    margin: auto;
	margin-top:5px;
}
.havalimanlari_baslik {
	width:320px;
	height:30px;
	margin-top:5px;
	margin-left:15px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 19px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
	margin-top:10px;
	margin-left:5px;
}
h1 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
.h11 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 19px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
.textt {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
.textt2 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
h2 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
.h22 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}

.havalimanlari_yazi {
    width: 320px;
    min-height: 60px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-left:5px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.anasayfaaltyazi {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.anasayfaaltyazi1 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.anahtarkelime {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.havalimanlari {
    width: 331px;
    height: 40px;
    position: relative;
    margin: auto;
	margin-top:5px;
}
.havalimanlari_1 {
	width:310px;
	height:36px;
	margin-top:5px;
	margin-left:10px;
		background-image: url(images/antalya_2_transfer_airport.png);
	background-repeat: no-repeat;
		background-position: 12px 2px;
}

.havalimanlari_2 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #003C8C;
	text-decoration: none;
	
}
.havalimanlari_2-2 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #6BAA21;
	text-decoration: none;
	
}
.kur {
	width:310px;
	height:36px;
	text-decoration: none;
	margin-top:5px;
	margin-left:10px;
	padding-left:45px;
	background-image: url(images/parabirimi.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
}
.havalimanlari_2_ince {
	width:310px;
	height:36px;
	text-decoration: none;
	margin-top:5px;
	margin-left:10px;
	background-image: url(images/antalya_2_transfer_konum.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
}
.havalimanlari_2_ince2 {
	width:310px;
	height:36px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #003C8C;
	text-decoration: none;
	margin-top:5px;
	margin-left:10px;
	padding-left:8px;
}
.Currency{
font-family: 'Didact Gothic', sans-serif;
	font-size: 15px;
	font-variant: normal;
	font-weight: bolder;
	color:#333333;
	padding:6px;
	padding-right:20px;
	border-radius:5px;
		border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}
.havalimanlari_2_ince-link {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #666666;
	text-decoration: none;
}
.arama-buton {
	width: 220px;
    height: 40px;
	margin:auto;
	background-color:#FF6600;
	margin-right:10px;
	opacity: 0.7;
	color:#FFFFFF;
	font-size:20px;
	border:0;
	border-radius:5px;
}
.arama-buton:hover {
	width: 220px;
    height: 40px;
	margin:auto;
	background-color:#0099FF;
	margin-right:10px;
	opacity: 1;
	color:#FFFFFF;
	font-size:20px;
	border:0;
	border-radius:5px;
}
.havalimanlari_alt{
    width: 331px;
    height: 40px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-bottom:25px;
}
.havalimanlari_alt1 {
	width:35px;
	height:30px;
	position: relative;
	float:left;
	margin-top:5px;
	margin-left:10px;
}

.havalimanlari_alt2 {
	width:270px;
	height:35px;
	position: relative;
	float:left;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #003C8C;
	text-decoration: none;
	margin-top:15px;
	margin-left:5px;
}
.gorus_ana_div {
    width: 331px;
    min-height: 150px;
    position: relative;
    margin: auto;
	margin-top:10px;
	border-radius:10px;
	border-style: solid;
  	border-width: 1px;
	border-color:#999999;
	padding-bottom:10px;
}
.gorus_1 {
    width: 331px;
    height: 45px;
    position: relative;
    margin: auto;
	margin-top:15px;
}
.gorus_baslik {
	width:320px;
	height:30px;
	margin-top:5px;
	margin-left:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 19px;
	font-weight:normal;
	color:#003C8C;
	text-decoration: none;
}

.gorus_yazi {
    width: 310px;
    min-height: 60px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.gorus_yildiz {
    width: 320px;
    height: 11px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-left:10px;
}
.gorus_isim {
    width: 320px;
    height: 11px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-left:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
.gorus_tarih {
    width: 320px;
    height: 11px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-left:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.gorus_tum {
    width: 310px;
    height: 11px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#003C8C;
	text-decoration: none;
}
.araclar_ana_div {
    width: 331px;
    min-height: 350px;
    position: relative;
    margin: auto;
	margin-top:10px;
	border-radius:10px;
	border-style: solid;
  	border-width: 1px;
	border-color:#999999;
	padding-bottom:10px;
}
.araclar_genel {
    width: 331px;
    min-height: 160px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-bottom:20px;
}
.araclar_1 {
    width: 331px;
    height: 45px;
    position: relative;
    margin: auto;
	margin-top:5px;
}
.araclar_baslik {
	width:320px;
	height:20px;
	margin-top:5px;
	margin-left:15px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 19px;
	font-weight:normal;
	color:#003C8C;
	text-decoration: none;
	margin-top:10px;
	margin-left:5px;
}
.araclar_baslik1 {
	width:320px;
	height:15px;
	margin-top:15px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
	margin-top:10px;
	margin-left:5px;
}
.araclar_yazi {
    width: 320px;
    min-height: 30px;
    position: relative;
	margin-top:5px;
	margin-left:5px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.arac_x {
	width:99px;
	height:80px;
	position: relative;
	float:left;
	margin-right:10px;
	
}
.arac_yazi {
    width: 99px;
    min-height: 15px;
    position: relative;
	margin-top:1px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
.arac_tum_fiyat {
    width: 310px;
    height: 11px;
    position: relative;
    margin: auto;
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#003C8C;
	text-decoration: none;
}
.neden_1 {
    width: 331px;
    height: 70px;
    position: relative;
    margin: auto;
	margin-top:5px;
}
.neden_1_1 {
	width:70px;
	height:70px;
	position: relative;
	float:left;
	margin-left:10px;
}

.neden_1_2 {
	width:240px;
	height:15px;
	position: relative;
	float:left;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
	margin-top:45px;
	margin-left:5px;
}
.neden_2 {
    width: 320px;
    height: 25px;
    position: relative;
    margin: auto;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.transfer_yazi {
    width: 292px;
    min-height: 30px;
    position: relative;
	margin-top:5px;
	margin-left:5px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}
.textbox {
	font-family: 'Didact Gothic', sans-serif;
	font-size:15px;
	border: 1px solid #333333;
	border-radius:5px;
	height:25px;
	padding-left:5px;
	margin-bottom:2px;
	margin-top:2px;
}
.textarea {
	font-family: 'Didact Gothic', sans-serif;
	font-size:15px;
	border: 1px solid #333333;
	border-radius:5px;
	height:75px;
	padding-left:5px;
}
.fiyattext {
	font-family: 'Didact Gothic', sans-serif;
	font-size:35px;
	font-weight: bold;
}
.rezbutoncomplate {
	height:35px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:20px;
	padding-left:10px;
	border-radius:10px;
	background-color:#6CA824;
	border: 1px solid #70AC28;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.legendx {
	min-height:100px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:15px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:15px;
	padding-top:15px;
	border-radius:10px;
	background-color:#efefef;
	border: 1px solid #333333;
}
.legendxx {
	min-height:100px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:13px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:15px;
	padding-top:15px;
	border-radius:10px;
	background-color:#ffffff;
	border: 1px solid #ffffff;
}
.legendxvito {
	min-height:100px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:15px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:15px;
	padding-top:15px;
	border-radius:10px;
	background-color:#E1F3CB;
	border: 1px solid #333333;
}
.rezbuton {
	width:200px;
	height:35px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:22px;
	padding-left:10px;
	border-radius:10px;
	background-color:#0099CC;
	border: 1px solid #0099CC;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.rezbuton:hover {
	width:200px;
	height:35px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:22px;
	padding-left:10px;
	border-radius:10px;
	background-color:#15C5FF;
	border: 1px solid #0099CC;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.rezbuton-ultra {
	width:200px;
	height:35px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:22px;
	padding-left:10px;
	border-radius:10px;
	background-color:#FFCC33;
	border: 1px solid #FFCC33;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.rezbuton-ultra:hover {
	width:200px;
	height:35px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:22px;
	padding-left:10px;
	border-radius:10px;
	background-color:#FFF9E6;
	border: 1px solid #FFCC33;
	color: #FFCC33;
	text-decoration: none;
	font-weight: bold;
}
.rezok {
	font-family: 'Didact Gothic', sans-serif;
	font-size:20px;
	font-weight: bold;
}
.ust11 {
	width:90%;
	min-height:50px;
	margin-top:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:12px;
	margin-left:20px;
}
.ust11_1 {
	width:100%;
	min-height:30px;
	margin-top:5px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#403427;
}
.gorusbaslik {
	width:90%;
	padding-left:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:13px;
	font-weight: bold;
}
.gorusler {
	width:90%;
	min-height:80px;
	margin-left:5px;
	padding:10px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:13px;
	border-radius:10px;
	background-color:#efefef;
}
.havalimanlari_222 {
	width:270px;
	height:35px;
	position: relative;
	float:left;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #003C8C;
	text-decoration: none;
	margin-top:15px;
	margin-left:5px;
}
.ust-sag-ana-1-1
{
		width:150px;
		height:22px;
}
.ust-sag-ana-1-1-1
{
		width:46px;
		height:22px;
		position:relative;
		float:left;
}
.ust-kiisi-basi-degil {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 19px;
	font-weight: bolder;
	font-variant: normal;
	color:#FFFFFF;
	background-color:#0099CC;
	text-decoration: none;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:10px;
	padding:10px;
}
.ustcerceve{
	border: 1px solid #15C5FF;
	border-radius:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#97E6FF;
}
.ustcerceve-baslik{
font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: normal;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
}
.araccerceve-ust{
	border: 1px solid #333333;
	background-color:#6CA824;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: normal;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	padding-top:10px;
	padding-left:20px;
	color:#ffffff;
}
.araccerceve{
	border: 1px solid #333333;
	border-radius:10px;
	min-height:200px;
	margin-bottom:10px;
	padding-left:5px;
}
.araccerceve-ultra{
	border: 1px solid #FFCC33;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	min-height:200px;
	margin-bottom:10px;
	background-color:#FFF9E6;
	-webkit-box-shadow: 1px 0 2px #FFCC33;
	-moz-box-shadow: 1px 0 2px #FFCC33;
	box-shadow: 1px 0 2px #FFCC33;
}
.araccerceve-ultra-ust{
	border: 1px solid #FFCC33;
	height:40px;
	background-color:#FFCC33;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: normal;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	padding-top:10px;
	padding-left:20px;
	color:#333333;
}
.icozellik-ultra{
font-family: 'Didact Gothic', sans-serif;

	font-size: 13px;
	font-variant: normal;
	color:#666666;
	background-color:#FFCC33;
	padding:2px;
	border-radius:6px;
	line-height: 25px;
}
.icozellik-ultra:hover{
font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-variant: normal;
	color:#FFFFFF;
	background-color:#FFCC33;
	padding:2px;
	border-radius:6px;
	line-height: 25px;
}
.aractcerceve-baslik{
font-family: 'Didact Gothic', sans-serif;
	font-size: 18px;
	font-weight: bolder;
	font-variant: normal;
	color:#333333;
}
.sizeozel{
font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight: bolder;
	font-variant: normal;
	color:#666666;
	background-color:#97E6FF;
	padding:2px;
	margin-right:5px;
	border-radius:6px;
}
.sizeozel-ultra{
font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-weight: bolder;
	font-variant: normal;
	color:#333333;
	background-color:#FFCC33;
	padding-top:3px;
	padding-bottom:3px;
	margin-right:5px;
	margin-left:5px;
	border-radius:6px;
}

.icozellik-cervceve{
margin-bottom:10px;
padding-top:20px;
}
.icozellik{
font-family: 'Didact Gothic', sans-serif;

	font-size: 13px;
	font-variant: normal;
	color:#666666;
	background-color:#97E6FF;
	padding:2px;
	border-radius:6px;
	line-height: 25px;
}
.icozellik:hover{
font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-variant: normal;
	color:#FFFFFF;
	background-color:#0099CC;
	padding:2px;
	border-radius:6px;
	line-height: 25px;
}
.fiyatcerceve{
width:220px;
min-height:70px;
margin-left:10px;
margin-bottom:10px;
padding-top:20px;
}
.fiyatcerceveic{
padding-top:5px;
padding-bottom:5px;
font-family: 'Didact Gothic', sans-serif;
	font-size: 20px;
	font-weight: bolder;
}
.nakitodeme{
margin-top:10px;
font-family: 'Didact Gothic', sans-serif;
	font-size: 13px;
	font-weight: bolder;
}
.araccerceve1{
width:250px;
min-height:170px;
margin-left:10px;
margin-bottom:10px;
padding-top:20px;
position: relative;
float:left;
}
.araccerceve2{
width:1px;
min-height:170px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
position: relative;
float:left;
background-color:#CCCCCC;
}
.araccerceve3{
min-height:170px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
position: relative;
float:left;
}
.araccerceve4{
width:295px;
min-height:178px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
position: relative;
float:left;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
.whatsapp1{
width: 55px;
    height: 50px;
    position: relative;
	float:left;
	margin-right:5px;
	padding-top:5px;
	padding-left:5px;
}
.whatsapp2{
width: 260px;
    height: 55px;
    position: relative;
	float:left;

}
.buyutec
{
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .2s ease-in;
}
.buyutec:hover
{
    z-index:4;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);  
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.donusbut {
    width: 30px;
    height: 60px;
	margin-right:-270px;
	margin-top:-25px;
	border: 1px solid #BABFC3;
	border-radius:5px;
}
.donusbut:hover {
    width: 30px;
    height: 60px;
	margin-right:-270px;
	margin-top:-25px;
	border: 1px solid #BABFC3;
	border-radius:5px;
	background-color:#0099CC;
}
.arac {
    width: 200px;
    height: 130px;

}
.aracincele {
    width: 80px;
    height: 73px;
	margin-top:-100px;
	margin-left:-240px;
	background-image:url(../images/incele-de.png);
}
.aracincele:hover {
    width: 80px;
    height: 73px;
	margin-top:-100px;
	margin-left:-240px;
	background-image:url(../images/incele-de1.png);

}
.aracozellik {
    width: 55px;
    height: 130px;
	margin-top:-130px;
	margin-right:-240px;

}
.vito-resim-div {
    width: 331px;
    min-height: 150px;
    position: relative;
    margin: auto;
	border-radius:10px;
	position:relative;
}
.vito-resim {
    width: 331px;
    min-height: 150px;
    border-radius:10px;
	margin-top:-10px;
	margin-bottom:10px;
}
.resim-ust-yazi {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin-bottom:30px;
	margin-left:10px;
	position:absolute;
	inset: 0;                 /* top/right/bottom/left:0 */
  display: flex;
  justify-content: center;  /* yatay ortalama */
  text-align: center; 
}
.resim-ust-yazi-aciklama {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	margin-top:120px;
	margin-left:10px;
	position:absolute;
}
.keys-h2 {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#333333;
	text-decoration: none;
	margin-left:5px;
}
.keys-aciklama {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333333;
	text-decoration: none;
	margin-left:5px;
}
.sidenav {
  height: 100%;
  width: 0; /*Genisligi javascriptle degistir*/
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden; /*Yatay kaydirmayi devre disi birak */
  transition: 0.5s;/* Sidenav'da kaymaya 0,5 saniye geçis efekti */
  padding-top: 60px; /*Içerigi üstten 60 piksel yerlestirin */
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
/*Menüler üzerine gelince  renklerini degistirin */

.sidenav a:hover {
  color: #f1f1f1; 
}
/*Kapat dügmesini konumlandirin ve stillendirin (sag üst köse) */

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
/* Yüksekligin 450 pikselden az oldugu daha küçük ekranlarda, 
sidenav stilini degistirin 
(daha az dolgu ve daha küçük bir yazi tipi boyutu) */

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 14px;}
}
.ust-sol {
width:29px;
	height:95px;
	position: relative;
	float:left;
	margin-right:-10px;
	margin-left:10px;
}