/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/


@media only screen and (min-width: 1000px) and (max-width: 1980px) {


.blackout {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    pointer-events: none; /* Tıklamayı tamamen devre dışı bırakır */
    /*opacity: 0.5; /* İsteğe bağlı: Devre dışı olduğunu göstermek için saydamlaştırır */
    cursor: not-allowed; /* İsteğe bağlı: İmleci "yasak" simgesine çevirir */
}

.tur-tarih-gidis {

    opacity: 0.9; 
	background: rgba(212, 21, 21, 0.65);
    border-radius: 0 4px 4px 0;
    position: absolute;
    margin-top: 63.5%;
    left: 0px;
    padding: 0px 3px 0px 3px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    z-index: 8;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}


.kontenjan {
    position: absolute;
    top: 100 px;
    /* left: 5px; */
    font-size: 20px !important;
    font-weight: 700 !important;
    background-color: rgba(255, 255, 255, 0.8);
    /*background: rgba(212, 21, 21, 0.65);*/
    width: 100%;
    padding: 0.25em 0.625em;
    text-align:center;
}

/***************************************    YUKARI ÇIK BUTONU   **************************************************/
#yukari{
	display:none;
	position:fixed;
	bottom:145px;
	right:25px;
	cursor: pointer;
	background:#00b2f2;
	width:50px;
	height:50px;
	text-align:center;
	line-height: 50px;
	border-radius:35px;
	transition:all .3s ease;
	z-index:999
}
#yukari i{
	color:#fff;
	font-size:20px;
}
#yukari:hover{
	background-color:#fcb100
}
/***************************************    YUKARI ÇIK BUTONU SON   **************************************************/



/***************************************    TABS   **************************************************/
.navbar {
	display: none;
}
.thumbnail{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.thumbnail:hover{

	box-shadow:0 0 10px 2px #de2918;
}

.card{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.card:hover{
    overflow: hidden;
	box-shadow:0 0 10px 2px #de2918;
}

.card img:hover {
 	
 	transform: scale(1.03); /* Resmi %3 büyütür */	
    -ms-transform: scale(1.3); /* Resmi %3 büyütür */	
    -webkit-transform: scale(1.03); /* Resmi %3 büyütür */	
}


/*.alert{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
	}
.alert:hover{

	box-shadow:0 0 10px 2px #de2918;
	cursor: pointer;
	}
	*/
.menu-badge {
	font-size: 9px;
	margin-left: 1px;
	position: relative;
	top: -10px;
	margin-bottom: 13px;
	color: #dc3545!important;
	background-color: #ffffff;
	padding: 1px 4px;
	border-radius: 3px;
}
/***************************************    NOTİCE ***********************************************/ 

.notice {
	padding: 15px;
	background-color: #fafafa;
	border-left: 6px solid #7f7f84;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
	padding: 10px;
	font-size: 80%;
}
.notice-lg {
	padding: 35px;
	font-size: large;
}
.notice-success {
	border-color: #80D651;
}
.notice-success>strong {
	color: #80D651;
}
.notice-info {
	border-color: #45ABCD;
}
.notice-info>strong {
	color: #45ABCD;
}
.notice-warning {
	border-color: #FEAF20;
}
.notice-warning>strong {
	color: #FEAF20;
}
.notice-danger {
	border-color: #d73814;
}
.notice-danger>strong {
	color: #d73814;
}

/***************************************    NOTİCE ***********************************************/ 	   

.parla{
	background-image: url(../images/linkback.gif);
}	   

.yanson {
	animation: yanson 1.3s linear infinite;
	color: #db2723;
	font-size: 16px;
	font-weight: bold;
	font-family: sans-serif;
}

.card .table .yanson{

	font-size: 12px;
}

@keyframes yanson {  
	50% { opacity: 0; }
}



.blink {

	-webkit-animation-name: blinker;

	-webkit-animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;



	-moz-animation-name: blinker;

	-moz-animation-duration: 1s;

	-moz-animation-timing-function: linear;

	-moz-animation-iteration-count: infinite;



	animation-name: blinker;

	animation-duration: 1s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

}



@-moz-keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}



@-webkit-keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}



@keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}


img:hover{
	opacity: 0.7;
	cursor:pointer;
}
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	background-image: url(../images/linkback.gif);
	transition: all 0.5 ease;
}
a:active {
	color: #0000FF;
}
body{
	margin: 0px;
	padding: 0px;
	/* font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	background: linear-gradient(135deg,#fbbc72,#fff);*/
	background-image: url(../images/bg_mavi.jpg);
	background-repeat: repeat-x; 
}
.resimKapsulu img{
	max-width: 100%;
	height: auto;
	margin:4px 0 4px 0;
	box-sizing: border-box;
	border-radius: .5em;
	-webkit-border-radius:.5em; 
	-moz-border-radius:.5em; 
}
.resimKapsulu {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	position:relative;
}

.resimKapsulu:hover {
	box-shadow:0 0 10px 2px #de2918;
	transition: all 0.5s ease;
}

.resimKapsulu:hover .perde{
	top:0;
}

.sosyal_medya_icon{
	float:right;
	margin-left:5px;
	margin-top:4px;
	cursor:pointer;
	background-image: url(../images/linkback.gif);
}
#kapsayici{
	width:100%;
	max-width:1000px;
	height:auto;
	margin: 0px auto;
	box-sizing:border-box;
}
#keywords{
	width:100%;
	/* max-width:1000px; */
	height:auto;
	display:none;
}	
#banner {
	max-width: 100%;
	margin: 0 auto;
}
#banner img{
	max-width: 100%;
	height:auto;
}
#gizli_div {
	width: 100%;
	height: 0px;

}
#duyuru{
	max-width:100%;
	height:65px;
	position:relative;
	display:none;
}	
#navigasyon{
	max-width:100%;
	height:25px;
	line-height:25px;
	margin-top:0px;
	font-size:14px;
	text-decoration: none;
	color: #000000;
	background-image:url(../images/ust_blok_bg.gif);
	background-repeat: repeat-x;
	/*display:inline-block;*/
}
#navigasyon_hosgeldiniz{
	width:49%;
	height:25px;
	float:left;
	margin-left:7px;
	/*background-color:#CF0;*/
}

#navigasyon_tel{
	width:16%;
	height:25px;
	font-weight: bolder;
	color:#E60023;
	float:left;
	text-align:left;
	/*background-color:#00F;*/
}


#whatsapp_no{
	width:16%;
	height:25px;
	color:#E60023;
	float:left;
	text-align:left;
	text-decoration:none;
	/*background-color:#60F;*/
}
#whatsapp_no a{
	text-decoration: none;
	color:#E60023;
	font-weight: bolder;
	background-image: url(../images/linkback.gif);
}
#whatsapp_no a:hover{
	text-decoration: none !important ;
	color:#E60023;
}
#navigasyon_email{
	width:18%;
	height:25px;
	text-decoration: none;
	float:left;
	text-align:left;
	/*background-color:#9C9;*/
}
#navigasyon_email :hover{
	width:12%;
	height:25px;
	text-decoration: none;
	float:left;
	text-align:left;
	/*background-color:#9C9;*/
}	
#sol{
	width: 15%;
	float: left;
}
#orta_icerik{
	width: 70%;
	float:left;
	padding:5px 1% 0 1%;
	display:block;
	box-sizing:border-box;
}
#orta_icerik table img{
	width: 100%;
	height:auto;
	float:left;
	border: 1px solid #ddd;
	padding: 5px;
}
#orta_icerik_2{
	width: 100%;
	float:left;

}	
#sag{
	width: 15%;
	float: left;
}
#temizle{
	clear:both;
}
#alt{
	width: 100%;
	max-width:1000px;
	/*margin-bottom:-37px;*/
	text-align:center;
	line-height:30px;
	display:inline-block;
	background-color: #f27a1a;
	color:#FFF;
	border-radius:3px;
	padding: 5px;
}
.tur_bitti{
	text-decoration:line-through;
}		
.icerik_baslik{
	width: 100%;
	height:30px;
	line-height:30px;
	background-image: linear-gradient(to right, red , yellow);
	color: #FFF;
	padding-left:7px;
	margin-bottom:5px;
	box-sizing:border-box;
	/*text-shadow: 2px 2px 2px #000; */
	/*padding: 0px 5px 0px 5px; */
	/*margin-bottom:10px;*/
	font-size:14px;
	font-weight: bold;
	letter-spacing: 2px;
}
.icerik_baslik a:link { 
	color:#FFF;
	text-decoration:none;
}
.ust_baslik{
	width: 100%;
	height: 20px;
	line-height: 25px;
	background: #F00;
	color: #FFF;
	padding: 0px 5px 0px 5px;
	font-size: 18px;
	font-weight: bold;
}
.orta_icerik_sol{
	width: 15%;
	height:auto;
	float:left;
	margin-right:1%;
}	
.orta_icerik_sag{
	width:83%;
	height:auto;
	float:left;
	margin-bottom:10px;
}	
.orta_icerik_sol_kutu{
	width:100%;
	height:auto;
	margin-bottom:10px;
	border-radius:5px;
}
.orta_icerik_orta{
	width: 100%;
	height: auto;
	float: left;
/*	position: relative; */
}
.duyuru{
	max-width:100%;
	height: auto;
	background: #306A83;
	/*font-family: Tahoma, Geneva, sans-serif;*/
	color: #FFF; 
	text-shadow: 2px 2px 2px #000;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 8px;
	padding: 3px 0px 3px 0px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: orange;
	font-size: 18px;
}
.duyuru a{
	color: white;
	text-decoration:none;
	background-image: url(../images/linkback.gif);
}
.banka_logo{
	width:30%;
	height:auto;
	font-size: 14px;
	margin-top:0px;
	margin-right: 4px;
	float:left;
}
.iban_tablo{
	border-collapse: collapse;
	width: 68%;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 16px;
	border-style:dotted;
	float:left;
}
.iban_tablo td {
	padding:3px;
	/*border-style:dotted;*/
}
.iban_tablo th{
	background-color: #DE2918;
	color: #FFFFFF;
	font-size: 16px;
	text-shadow: 2px 2px 2px #000;
	padding:1px;
	letter-spacing: 2px;
	letter-spacing: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: red;
}
.iban_tablo tr:nth-child(even) {
	background:#D6E7F1;
}
.iban_tablo tr:nth-child(odd) {
	background:#fff;
}			
/*============= Fiyat Tablo CSS Başlangıç ======================*/	

.tablo{
	box-sizing: border-box;
	border-collapse: collapse;
	border-style:dotted;
	width: 100%;
	font-size: 14px;
	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.tablo:hover{
	box-sizing: border-box;
	border-collapse: collapse;
	border-style:dotted;
	width: 100%;
	font-size: 14px;
	box-shadow:0 0 10px 2px #de2918;
}
.tablo td {
	padding:2px;
	/*border-style:dotted;*/
}
.tablo th{
	height:28px;
	background-image: linear-gradient(to right, #306A83 , #D6E7F1);
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
	font-size: 18px;
	text-align:center;
	padding:5px;
	letter-spacing: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: red;
}
.tablo tr:nth-child(even) {
	background:#fff;
}
.tablo tr:nth-child(odd) {
	background:#D6E7F1;
}
.tablo .alt {
	font-size: 11px;
	background:#d4edda;
}
.tablo .kur {
	font-size: 11px ;
	color:#F00;
	background:	#FFFFCC;
	padding:3px 3px;
}
.tablo_otel_resim {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.perde{
	position:absolute;
	top:100%;left:0;right:0;bottom:0;
	background:rgba(237,71,74,0.5);
	color:#fff;
	z-index:1;
	padding-top:30%;
	transition:top 0.6s;
}
.tablo_otel_resim:hover .perde{
	top:0;
}
.perde a{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size:12px;
	text-align: center;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
.tablo_otel_resim img{
	box-shadow: 2px 2px 2px #000;
	border-radius:5%;
	transition:all 0.5s ease;
}
.tablo_otel_resim img:hover{
	transform:scale(1.05);
}
.tur_detay_buton{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#306A83;
	color: white;
	border-radius: 5px;
	cursor:pointer;
}
.tur_detay_buton a{
	font-size: 13px;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#306A83;
	border-radius: 5px;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
.on_rezerve_buton{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#f27a1a;
	color: white;
	border-radius: 5px;
	cursor:pointer;
}
.on_rezerve_buton a{
	font-size: 13px;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#f27a1a;
	border-radius: 5px;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
/*============= Fiyat Tablo CSS Son ======================*/

.tablo-orta{
	border-collapse: collapse;
	width: 100%;
	font-size: 15px;
}
.tablo-orta img{
	background-image: url(../images/linkback.gif);	
}
.tablo-orta td {
	/*padding:2px; */
	border-style:dotted;
}
.tablo-orta th{
	background-color: #f27a1a;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
	font-size: 18px;
	padding:1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
.tablo-orta tr:nth-child(even) {
	background:#D6E7F1;
}
.tablo-orta tr:nth-child(odd) {
	background:#fff;
}
.tablo-orta .alt {
	font-size: 11px;
	background:#D6E7D0;
}
/*================== SOL MENU  ===================*/
#maviblokmenu {
	margin-top:4px;
	border-bottom-width: 0;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#maviblokmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#maviblokmenu li a {
	display: block;
	padding-left: 8px;
	width: 100%;
	text-decoration: none;
	color: white;
	background-color: #0082CE;
	border-bottom: 1px solid #90bade;
	border-left: 7px solid #1958b7;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	transition:all 0.5s ease;
}
#maviblokmenu li a:hover {
	background-color: #f27a1a;
	border-left-color: #FF0000;
	text-decoration: none;
	background-image: url(../images/linkback.gif); 
}
#maviblokmenu div.menutitle {
	color: white;
	padding-left: 10%;
	background-color:#f27a1a;
	font-size: 13px;
	font-weight: bold;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-color: black;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
}	
/*==================  SOL MENU  SON ===================*/	
.yazi01 {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.yazi02 {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.yazi03 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.yazi02 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.style1 {
	font-weight: normal;
	font-size: 15px;
	font-style: normal;
	color: #000;
	line-height: 19px;
}
.style19 {font-size: 24px;
}
.style7 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 0px 0px 15px #FF0000;
	font-size: 14px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style8 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 3px 3px 50px #FF0000;
	font-size: 26px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style9 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 3px 3px 50px #FF0000;
	font-size: 18px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style81 {
	color: #FF0000;
	font-weight: bold;
	font-size: 20px;
}
.style12 {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	font-style: normal;
}
.style82 {
	color: #FF0000;
	font-weight: normal;
	font-size: 24px;
}
.tablo_baslik {
	width: 100%;
	height:auto;
	font-size:18px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 30px;
	background-color: #306A83;
	text-shadow: 2px 2px 2px #000;
	text-align:center;
	border-radius:2px;
	margin-top:5px;
	letter-spacing:2px;
}
.tablo_baslik_2 {
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}
#logo-sol-ust{
	position:fixed;
	top: 3px;
	left:1px;
	z-index: -3;
}
#trbayrak  {
	background: url("../images/trbayrak.gif") 0 0 no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -100px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: fixed;
}
#siyah-kurdele  {
	background: url("../images/siyah-kurdelee.png") 0 0 no-repeat;
	position: absolute;
	top: 42px;
	right: 12px;
	text-indent: -100px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: fixed;
}
#madalya-sag-ust  {
	background: url("../images/umre-turu-madalya.png") 0 0 no-repeat;
	position: absolute;
	top: 50px;
	right: 20px;
	text-indent: -100px;
	width: 100px;
	height: 139px;
	overflow: hidden;
	position: fixed;
}
/*  Whatsap Sag ortada sallan start*/		
#whatsAppButton{
	position:fixed;
	top: 50%;
	right: 0px;
	background-image: url(../images/linkback.gif);
}
#biz-sizi-arayalim{
	position:fixed;
	top: 23%;
	right:0px;
	background-image: url(../images/linkback.gif);
}
#savrul{
	animation-name: savrul;
	-webkit-animation-name: savrul;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes savrul {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes savrul {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*  Whatsap Sag ortada sallan Finish*/
/*floating animation  Start*/

#floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/* floating animation finish */	
#mekke-otel-sag-ust{
	position:fixed;
	bottom: 160px;
	right:18px;
}
#medine-otel-sol-ust{
	position:fixed;
	bottom: 160px;
	left:18px;;
}
#ravza-sol-alt{
	position:fixed;
	bottom: 0px;
	left:0px;
}
#kabe-sag-alt{
	position:fixed;
	bottom: 0px;
	right:0px;
}
/*================== HAC UMRE MURACAAT FORMU  ===================*/
textarea {
	resize: none;
}

/***** Ribbon  Başlangıç *****/

.wrapper {
	margin: 0px auto;
	width: 100%;
	height: auto;
	background: white;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
}
.ribbon-wrapper-green {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
}

.ribbon-green {
	font: bold 14px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	animation: hello 1.5s ease-in-out infinite;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #de2918;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#de2918), to(#de2918)); 
	background-image: -webkit-linear-gradient(top, #de2918, #de2918); 
	background-image:    -moz-linear-gradient(top, #de2918, #de2918); 
	background-image:     -ms-linear-gradient(top, #de2918, #de2918); 
	background-image:      -o-linear-gradient(top, #de2918, #de2918); 
	color: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-green span{
	background-image: url(../images/linkback.gif);
}
.tablo span{
	background-image: url(../images/linkback.gif);
	color:#F00;
}
.card .card-title span{
	background-image: url(../images/linkback.gif);
	color:#F00;
}
.table .badge{
	line-height: 6px;
	padding: 6px;
}
@keyframes hello {
	from {opacity: .4} 
	to {opacity: 1}						
}
.ribbon-green:before, .ribbon-green:after {
	content: "";
	border-top:   3px solid #6e8900;   
	border-left:  3px solid transparent;
	border-right: 3px solid transparent;
	position:absolute;
	bottom: -3px;
}

.ribbon-green:before {
	left: 0;
}
.ribbon-green:after {
	right: 0;
}

/***** Ribbon  Son *****/



/* Slider  */
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}
/* Caption text */
.text {
	position: absolute;
	top: 89%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 38px;
	width: 100%;
	text-align:center;
	color:#f5f5f5;
	text-shadow: 3px 2px 3px #000;
	opacity: 0.9; 
	background: rgba(212, 21, 21, 0.65);
	
}
/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}
/* The dots/bullets/indicators 
.dot {
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	}
.active {
	background-color: #717171;
	}
	*/
/* Fading animation start*/
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2.0s;
	animation-name: fade;
	animation-duration: 2.0s;
}
@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

/*
.topnav {
	display:none
	} 
	*/

.tursab_dogrulama{
	background: #f2f2f2;
	font-size: 24px;
	font-weight: 700;
	color: green;
}
.progress-bar {	
	line-height: 12px;
	float:left;   
}
}


/* Fading animation  Finish */
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/

@media only screen and (min-width: 768px) and (max-width: 999px) {


/***************************************    YUKARI ÇIK BUTONU   **************************************************/

.blackout {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    pointer-events: none; /* Tıklamayı tamamen devre dışı bırakır */
    /*opacity: 0.5; /* İsteğe bağlı: Devre dışı olduğunu göstermek için saydamlaştırır */
    cursor: not-allowed; /* İsteğe bağlı: İmleci "yasak" simgesine çevirir */
}



.tur-tarih-gidis {

    opacity: 0.9; 
	background: rgba(212, 21, 21, 0.65);
    border-radius: 0 4px 4px 0;
    position: absolute;
    margin-top: 64.3%;
    left: 0px;
    padding: 0px 3px 0px 3px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    z-index: 8;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}


.kontenjan {
    position: absolute;
    top: 100 px;
    /* left: 5px; */
    font-size: 20px !important;
    font-weight: 700 !important;
    background-color: rgba(255, 255, 255, 0.8);
    /*background: rgba(212, 21, 21, 0.65);*/
    width: 100%;
    padding: 0.25em 0.625em;
    text-align:center;
}

#yukari{
	display:none;
	position:fixed;
	bottom:72px;
	right:25px;
	cursor: pointer;
	background:#00b2f2;
	width:50px;
	height:50px;
	text-align:center;
	line-height: 50px;
	border-radius:35px;
	transition:all .3s ease;
	z-index:999
}
#yukari i{
	color:#fff;
	font-size:20px;
}
#yukari:hover{
	background-color:#fcb100
}
/***************************************    YUKARI ÇIK BUTONU SON   **************************************************/

/***************************************    NOTİCE ***********************************************/ 

.notice {
	padding: 15px;
	background-color: #fafafa;
	border-left: 6px solid #7f7f84;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
	padding: 10px;
	font-size: 80%;
}
.notice-lg {
	padding: 35px;
	font-size: large;
}
.notice-success {
	border-color: #80D651;
}
.notice-success>strong {
	color: #80D651;
}
.notice-info {
	border-color: #45ABCD;
}
.notice-info>strong {
	color: #45ABCD;
}
.notice-warning {
	border-color: #FEAF20;
}
.notice-warning>strong {
	color: #FEAF20;
}
.notice-danger {
	border-color: #d73814;
}
.notice-danger>strong {
	color: #d73814;
}

/***************************************    NOTİCE ***********************************************/ 

.parla{
	background-image: url(../images/linkback.gif);
}

.yanson {
	animation: yanson 1.3s linear infinite;
	color: #db2723;
	font-size: 12px;
	font-weight: bold;
	font-family: sans-serif;
}

.card .table .yanson{

	font-size: 12px;
}

@keyframes yanson {  
	50% { opacity: 0; }
}


.thumbnail{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.thumbnail:hover{

	box-shadow:0 0 10px 2px #de2918;
}
.card{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.card .yanson{

	font-size: 18px;
}
.card .table .yanson{

	font-size: 12px;
}

/*.card:hover{

	box-shadow:0 0 10px 2px #de2918;
	}
.alert{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
	}
.alert:hover{

	box-shadow:0 0 10px 2px #de2918;
	cursor: pointer;
	}
*/
.menu-badge {
	font-size: 9px;
	margin-left: 1px;
	position: relative;
	top: -10px;
	margin-bottom: 13px;
	color: #dc3545!important;
	background-color: #ffffff;
	padding: 1px 4px;
	border-radius: 3px;
}
.tabs{
	width:98%;
	height:auto;
	margin:0 auto;
}

/* tab list item 
.tabs .tabs-list{
    list-style:none;
    margin:0px;
    padding:0px;
}
.tabs .tabs-list li{
    width:16%;
	height:auto;
    float:left;
    margin:0px;
    margin-right:2px;
    padding:10px 5px;
    text-align: center;
    background-color:cornflowerblue;
    border-radius:3px;
}
.tabs .tabs-list li:hover{
    cursor:pointer;
}
.tabs .tabs-list li a{
    text-decoration: none;
    color:white;
}

/* Tab content section *
.tabs .tab{
    display:none;
    width:100%;
    min-height:250px;
    height:auto;
    border-radius:3px;
    padding:20px 15px;
    background-color:lavender;
    color:darkslategray;
    clear:both;
}
.tabs .tab h2{
    border-bottom:3px solid cornflowerblue;
    letter-spacing:1px;
    font-weight:normal;
    padding-bottom:5px;
	margin-bottom:5px;
}
.tabs .tab p{
    line-height:20px;
    letter-spacing: 1px;
}

/* When active state 
.tabs .active{
    display:block !important;
}
.tabs .tabs-list li.active{
    background-color:lavender !important;
    color:black !important;
}
.active a{
    color:black !important;
}	   
  
/***************************************    TABS  SON ***********************************************/    



.blink {

	-webkit-animation-name: blinker;

	-webkit-animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;



	-moz-animation-name: blinker;

	-moz-animation-duration: 1s;

	-moz-animation-timing-function: linear;

	-moz-animation-iteration-count: infinite;



	animation-name: blinker;

	animation-duration: 1s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

}



@-moz-keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}



@-webkit-keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}



@keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}


img:hover{
	opacity: 0.7;
	cursor:pointer;
}
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	/* background-image: url(../images/linkback.gif); */
}
a:active {
	color: #0000FF;
}
body{
	margin: 0px;
	padding: 0px;
	/*font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;*/
	/*font-size:13px;*/
	background-image: url(../images/bg_mavi.jpg);
	background-repeat: repeat-x;
}
.resimKapsulu img{
	max-width: 100%;
	height: auto;
	margin:4px 0 4px 0;
	box-sizing: border-box;
	border-radius: .5em;
	-webkit-border-radius:.5em; 
	-moz-border-radius:.5em; 
}	
.sosyal_medya_icon{
	float:right;
	margin-left:5px;
	margin-top:4px;
	cursor:pointer;
	background-image: url(../images/linkback.gif);
}
#kapsayici{
	width:100%;
	max-width:1000px;
	height:auto
	margin: 48px auto;
	box-sizing:border-box;
}
#keywords{
	display:none;
}	
#banner {
	max-width: 100%;
	margin-top: -20px;
}
#banner img{
	max-width: 100%;
	height:auto;
}
#gizli_div {
	width: 100%;
	height: 10px;

}
#duyuru{
	display:none;
}	
#navigasyon{
	display:none;
	width:100%;
	max-width:1000px;
	height:25px;
	line-height:25px;
	font-size:12px;
	text-decoration: none;
	color: #000000;
	background-image:url(../images/ust_blok_bg.gif);
	background-repeat: repeat-x;
	/*display:inline-block;*/
}
#navigasyon_hosgeldiniz{
	width:38%;
	
	height:25px;
	float:left;
	margin-left:7px;
	
	/*background-color:#CF0;*/
}
#telefon_icon{
	width:2%;
	height:21px;
	float:left;
	padding:2px;
	margin-right:0px;
	/*background-color:#900;*/
}	
#navigasyon_tel{
	width:12%;
	height:25px;
	float:left;
	text-align:left;
	/*background-color:#00F;*/
}
#navigasyon_fax{
	width:12%;
	height:25px;
	float:left;
	text-align:left;
	/*background-color:#F0F;*/
}
#whatsapp_icon{
	width:2%;
	height:21px;
	float:left;
	padding:2px;
	margin-right:4px;
	background-image: url(../images/linkback.gif);
	/*background-color:#900;*/
}
#whatsapp_no{
	width:17%;
	height:25px;
	float:left;
	text-align:left;
	text-decoration:none;
	/*background-color:#60F;*/
}
#whatsapp_no ul a{
	text-decoration: none;
	color:#000;
	background-image: url(../images/linkback.gif);
}
#whatsapp_no ul a:hover{
	text-decoration: underline;
	color:#00F;
}
#navigasyon_email{
	width:15%;
	height:25px;
	float:left;
	text-align:left;
	/*background-color:#9C9;*/
}	
#sol{
	display:none;
	width: 15%;
	float: left;
}
#orta_icerik{
	width: 100%;
	float:left;
}
#orta_icerik table img{
	width: 100%;
	height:auto;
	float:left;
	border: 1px solid #ddd;
	padding: 5px;
}
#orta_icerik_2{
	width: 100%;
	float:left;
}	
#sag{
	display:none;
}
#temizle{
	clear:both;
}
#alt{
	width: 100%;
	max-width:1000px;
	height:auto;
	/*margin-bottom:37px;*/
	text-align:center;
	display:inline-block;
	background-color: #f27a1a;
	color:#FFF;
	border-radius:3px;
	padding: 5px;
}
.tur_bitti{
	text-decoration:line-through;
}		
.icerik_baslik{
	width: 100%;
	height:30px;
	line-height:30px;
	background-image: linear-gradient(to right, red , yellow);
	color: #FFF;
	padding-left:7px;
	margin-bottom:5px;
	box-sizing:border-box;
	/*text-shadow: 2px 2px 2px #000; */
	/*padding: 0px 5px 0px 5px; */
	/*margin-bottom:10px;*/
	font-size:12px;
	font-weight: bold;
	letter-spacing: 2px;
}
.icerik_baslik a:link { 
	color:#FFF;
	text-decoration:none;
}
.ust_baslik{
	width: 100%;
	height: 20px;
	line-height: 25px;
	background: #F00;
	color: #FFF;
	padding: 0px 5px 0px 5px;
	font-size: 18px;
	font-weight: bold;
}
.orta_icerik_sol{
	width: 15%;
	height:auto;
	float:left;
	margin-right:1%;

}	
.orta_icerik_sag{
	width:83%;
	height:auto;
	float:left;
	margin-bottom:10px;
}	
.orta_icerik_sol_kutu{
	width:100%;
	height:auto;
	margin-bottom:10px;
	border-radius:5px;
}
.orta_icerik_orta{
	width: 100%;
	height: auto;
	float: left;
/*	position: relative; */
}
.orta_icerik_orta img{
	width: 100%;
	height: auto;
	float: left;
}
.duyuru{

	max-width: 100%;
	height: auto;
	background: #306A83;
	/* background: #f27a1a; */
	/*font-family: Tahoma, Geneva, sans-serif;*/
	color: #FFF; 
	text-shadow: 2px 2px 2px #000;
	letter-spacing: 4px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 8px;
	padding: 3px 0px 3px 0px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: yellow;
	font-size: 21px;
}
.duyuru a{
	color: white;
	text-decoration:none;
	background-image: url(../images/linkback.gif);
}
.banka_logo{
	width:30%;
	height:auto;
	font-size: 14px;
	margin-top:0px;
	margin-right: 4px;
	float:left;
}
.iban_tablo{
	border-collapse: collapse;
	width: 70%;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 16px;
	border-style:dotted;
	float:left;
}
.iban_tablo td {
	padding:3px;
	/*border-style:dotted;*/
}
.iban_tablo th{
	background-color: #DE2918;
	color: #FFFFFF;
	font-size: 16px;
	text-shadow: 2px 2px 2px #000;
	padding:1px;
	letter-spacing: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: red;
}
.iban_tablo tr:nth-child(even) {
	background:#D6E7F1;
}
.iban_tablo tr:nth-child(odd) {
	background:#fff;
}			
/*============= Fiyat Tablo CSS Başlangıç ======================*/	
.tablo{
	box-sizing: border-box;
	border-collapse: collapse;
	border-style:dotted;
	width: 100%;
	font-size: 14px;
	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.tablo:hover{
	box-sizing: border-box;
	border-collapse: collapse;
	border-style:dotted;
	width: 100%;
	font-size: 14px;
	box-shadow:0 0 10px 2px #de2918;
}
.tablo img{
	background-image: url(../images/linkback.gif);	
}
.tablo td {
	padding:2px;
	/*border-style:dotted;*/
}
.tablo th{
	height:28px;
	background-image: linear-gradient(to right, #306A83 , #D6E7F1);
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
	font-size: 18px;
	text-align:center;
	padding:1px;
	letter-spacing: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: red;
}
.tablo tr:nth-child(even) {
	background:#D6E7F1;
}
.tablo tr:nth-child(odd) {
	background:#fff;
}
.tablo .alt {
	font-size: 11px;
	background:#d4edda;
}
.tablo .kur {
	font-size: 11px ;
	color:#F00;
	background:	#FFFFCC;
	padding:3px 3px;
}
.tablo_otel_resim {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.perde{
	position:absolute;
	top:100%;left:0;right:0;bottom:0;
	background:rgba(237,71,74,0.5);
	color:#fff;
	z-index:1;
	padding-top:30%;
	transition:top 0.6s;
}
.tablo_otel_resim:hover .perde{
	top:0;
}
.perde a{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size:12px;
	text-align: center;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
.tablo_otel_resim img{
	box-shadow: 2px 2px 2px #000;
	border-radius:5%;
	transition:all 0.5s ease;
}
.tablo_otel_resim img:hover{
	transform:scale(1.05);
}
.tur_detay_buton{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#306A83;
	color: white;
	border-radius: 5px;
	cursor:pointer;
}
.tur_detay_buton a{
	font-size: 13px;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#306A83;
	border-radius: 5px;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
.on_rezerve_buton{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#f27a1a;
	color: white;
	border-radius: 5px;
	cursor:pointer;
}
.on_rezerve_buton a{
	font-size: 13px;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#f27a1a;
	border-radius: 5px;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
/*============= Fiyat Tablo CSS Son ======================*/

.tablo-orta{
	border-collapse: collapse;
	width: 100%;
	font-size: 15px;
}
.tablo-orta img{
	background-image: url(../images/linkback.gif);	
}
.tablo-orta td {
	/*padding:2px; */
	border-style:dotted;
}
.tablo-orta th{
	background-color: #f27a1a;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
	font-size: 18px;
	padding:1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
.tablo-orta tr:nth-child(even) {
	background:#D6E7F1;
}
.tablo-orta tr:nth-child(odd) {
	background:#fff;
}
.tablo-orta .alt {
	font-size: 11px;
	background:#D6E7D0;
}


/*================== SOL MENU  ===================*/
#maviblokmenu {
	margin-top:4px;
	border-bottom-width: 0;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#maviblokmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#maviblokmenu li a {
	display: block;
	padding-left: 8px;
	width: 90%;
	text-decoration: none;
	color: white;
	background-color: #0082CE;
	border-bottom: 1px solid #90bade;
	border-left: 7px solid #1958b7;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	transition:all 0.5s ease;
}
#maviblokmenu li a:hover {
	background-color: #f27a1a;
	border-left-color: #FF0000;
	text-decoration: underline;
	background-image: url(../images/linkback.gif); 
}
#maviblokmenu div.menutitle {
	color: white;
	padding-left: 10%;
	background-color:#f27a1a;
	font-size: 13px;
	font-weight: bold;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-color: black;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
}	
/*==================  SOL MENU  SON ===================*/	
.yazi01 {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.yazi02 {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.yazi03 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.yazi02 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.style1 {
	font-weight: normal;
	font-size: 15px;
	font-style: normal;
	color: #000;
	line-height: 19px;
}
.style19 {font-size: 24px;
}
.style7 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 0px 0px 15px #FF0000;
	font-size: 15px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style8 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 3px 3px 50px #FF0000;
	font-size: 26px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style9 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 3px 3px 50px #FF0000;
	font-size: 18px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style81 {
	color: #FF0000;
	font-weight: bold;
	font-size: 20px;
}
.style12 {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	font-style: normal;
}
.style82 {
	color: #FF0000;
	font-weight: normal;
	font-size: 24px;
}
.tablo_baslik {
	width: 100%;
	height:auto;
	font-size:18px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 30px;
	background-color: #306A83;
	text-shadow: 2px 2px 2px #000;
	text-align:center;
	border-radius:2px;
	margin-top:5px;
	letter-spacing:2px;
}
.tablo_baslik_2 {
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}
#logo-sol-ust{
	display:none;
	position:fixed;
	top: 3px;
	left:1px;
	z-index: -3;
}
#trbayrak  {
	display:none;
	background: url("../images/trbayrak.gif") 0 0 no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -100px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: fixed;
}
/*  Whatsap Sag ortada sallan start*/		
#whatsAppButton{
	position:fixed;
	top: 50%;
	right: -88px;
	background-image: url(../images/linkback.gif);
}
#biz-sizi-arayalim{
	position:fixed;
	top: 23%;
	right:0px;
	background-image: url(../images/linkback.gif);
}
#savrul{
	animation-name: savrul;
	-webkit-animation-name: savrul;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes savrul {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes savrul {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*  Whatsap Sag ortada sallan Finish*/
/*floating animation  Start*/

#floating{
	animation-name: floating;
	-webkit-animation-name: floating;
	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/* floating animation finish */	
#mekke-otel-sag-ust{
	position:fixed;
	bottom: 160px;
	right:18px;
}
#medine-otel-sol-ust{
	position:fixed;
	bottom: 160px;
	left:18px;;
}
#ravza-sol-alt{
	display:none;
	position:fixed;
	bottom: 0px;
	left:0px;
}
#kabe-sag-alt{
	display:none;
	position:fixed;
	bottom: 0px;
	right:0px;
}
/*================== HAC UMRE MURACAAT FORMU  ===================*/
textarea {
	resize: none;
}
/***** Ribbon  Başlangıç *****/

.wrapper {
	margin: 0px auto;
	width: 100%;
	height: auto;
	background: white;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
}

.ribbon-wrapper-green {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
}

.ribbon-green {
	font: bold 14px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	animation: hello 1.5s ease-in-out infinite;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #de2918;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#de2918), to(#de2918)); 
	background-image: -webkit-linear-gradient(top, #de2918, #de2918); 
	background-image:    -moz-linear-gradient(top, #de2918, #de2918); 
	background-image:     -ms-linear-gradient(top, #de2918, #de2918); 
	background-image:      -o-linear-gradient(top, #de2918, #de2918); 
	color: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-green span{
	background-image: url(../images/linkback.gif);
}
.tablo span{
	background-image: url(../images/linkback.gif);
	color: #F00;
}
.card .card-title span{
	background-image: url(../images/linkback.gif);
	color:#F00;
}

.table .badge{
	line-height: 6px;
	padding: 6px;
}
@keyframes hello {
	from {opacity: .4} 
	to {opacity: 1}						
}

.ribbon-green:before, .ribbon-green:after {
	content: "";
	border-top:   3px solid #6e8900;   
	border-left:  3px solid transparent;
	border-right: 3px solid transparent;
	position:absolute;
	bottom: -3px;
}

.ribbon-green:before {
	left: 0;
}
.ribbon-green:after {
	right: 0;
}

/***** Ribbon  Son *****/



/* Slider  */
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}
/* Caption text */
.text {
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 42px;
	width: 100%;
	text-align:center;
	color:#f5f5f5;
	text-shadow: 3px 2px 3px #000;
	opacity: 0.9; 
	background: rgba(212, 21, 21, 0.65);
	
}
/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}
/* The dots/bullets/indicators
.dot {
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	}
.active {
	background-color: #717171;
	} 

	*/

/* Fading animation start*/
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2.0s;
	animation-name: fade;
	animation-duration: 2.0s;
}
@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

   /* Style the navigation menu 
.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #306A83;
  height: 500px;
  color: white;
  border-radius: 10px;

}

.topnav {
  width:98%;
  background-color: #306A83;
  position: relative;
  position:fixed; top:0px; left:0px; right:0px;
  z-index:1000;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #f27a1a;
  color: black;
  
}

.topnav .active {
  background-color: #f27a1a;
  color: white;
}

*/


.tursab_dogrulama{
	background: #f2f2f2;
	font-size: 24px;
	font-weight: 700;
	color: green;
}

.progress-bar {	
	line-height: 12px;
	float:left;   
} 
}

/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/

@media only screen and (min-width: 320px) and (max-width: 767px) {
	/* img {width:100%;height:100%;} */

	/***************************************    YUKARI ÇIK BUTONU   **************************************************/

.blackout {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    pointer-events: none; /* Tıklamayı tamamen devre dışı bırakır */
    /*opacity: 0.5; /* İsteğe bağlı: Devre dışı olduğunu göstermek için saydamlaştırır */
    cursor: not-allowed; /* İsteğe bağlı: İmleci "yasak" simgesine çevirir */
}



.tur-tarih-gidis {

    opacity: 0.9; 
	background: rgba(212, 21, 21, 0.65);
    border-radius: 0 4px 4px 0;
    position: absolute;
    margin-top: 64.3%;
    left: 0px;
    padding: 0px 3px 0px 3px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    z-index: 8;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.kontenjan {
    position: absolute;
    top: 100 px;
    /* left: 5px; */
    font-size: 40px !important;
    font-weight: 700 !important;
    background-color: rgba(255, 255, 255, 0.8);
    /*background: rgba(212, 21, 21, 0.65);*/
    width: 100%;
    padding: 0.25em 0.625em;
    text-align:center;
}

	#yukari{
		display:none;
		position:fixed;
		bottom:68px;
		right:20px;
		cursor: pointer;
		background:#00b2f2;
		width:50px;
		height:50px;
		text-align:center;
		line-height: 50px;
		border-radius:35px;
		transition:all .3s ease;
		z-index:999
	}
	#yukari i{
		color:#fff;
		font-size:20px;
	}
	#yukari:hover{
		background-color:#fcb100
	}
/***************************************    YUKARI ÇIK BUTONU SON   **************************************************/


/***************************************    NOTİCE ***********************************************/ 

.notice {
	padding: 15px;
	background-color: #fafafa;
	border-left: 6px solid #7f7f84;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
	padding: 10px;
	font-size: 80%;
}
.notice-lg {
	padding: 35px;
	font-size: large;
}
.notice-success {
	border-color: #80D651;
}
.notice-success>strong {
	color: #80D651;
}
.notice-info {
	border-color: #45ABCD;
}
.notice-info>strong {
	color: #45ABCD;
}
.notice-warning {
	border-color: #FEAF20;
}
.notice-warning>strong {
	color: #FEAF20;
}
.notice-danger {
	border-color: #d73814;
}
.notice-danger>strong {
	color: #d73814;
}

/***************************************    NOTİCE ***********************************************/ 

.parla{
	background-image: url(../images/linkback.gif);
}

.yanson {
	animation: yanson 1.3s linear infinite;
	color: #db2723;
	font-size: 16px;
	font-weight: bold;
	font-family: sans-serif;
}

.card .table .yanson{

	font-size: 12px;
}

@keyframes yanson {  
	50% { opacity: 0; }
}

.thumbnail{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.thumbnail:hover{

	box-shadow:0 0 10px 2px #de2918;
}
.card{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.card:hover{
    overflow: hidden;
	box-shadow:0 0 10px 2px #de2918;
}

.card img:hover {
 	
 	transform: scale(1.03); /* Resmi %3 büyütür */	
    -ms-transform: scale(1.03); /* Resmi %3 büyütür */	
    -webkit-transform: scale(1.03); /* Resmi %3 büyütür */	
}

/*.alert{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
	}
.alert:hover{

	box-shadow:0 0 10px 2px #de2918;
	cursor: pointer;
	}
*/
.menu-badge {
	font-size: 9px;
	margin-left: 1px;
	position: relative;
	top: -10px;
	margin-bottom: 13px;
	color: #dc3545!important;
	background-color: #ffffff;
	padding: 1px 4px;
	border-radius: 3px;
}
.tabs{
	width:99%;
	height:auto;
	margin:0 auto;
}

/* tab list item */
.tabs .tabs-list{
	list-style:none;
	margin:0px;
	padding:0px;
}
.tabs .tabs-list li{
	width:14%;
	height:auto;
	float:left;
	margin:0px;
	margin-right:2px;
	padding: 3px 3px;
	text-align: center;
	background-color:cornflowerblue;
	border-radius:3px;
}
.tabs .tabs-list li:hover{
	cursor:pointer;
}
.tabs .tabs-list li a{
	text-decoration: none;
	color:white;
}

/* Tab content section */
.tabs .tab{
	display:none;
	width:94%;
	min-height:250px;
	height:auto;
	border-radius:3px;
	padding:20px 15px;
	background-color:lavender;
	color:darkslategray;
	clear:both;
}
.tabs .tab h2{
	border-bottom:3px solid cornflowerblue;
	letter-spacing:1px;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:5px;
}
.tabs .tab p{
	line-height:20px;
	letter-spacing: 1px;
}

/* When active state */
.tabs .active{
	display:block !important;
}
.tabs .tabs-list li.active{
	background-color:lavender !important;
	color:black !important;
}
.active a{
	color:black !important;
}   

/***************************************    TABS  SON ***********************************************/   



.blink {

	-webkit-animation-name: blinker;

	-webkit-animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;



	-moz-animation-name: blinker;

	-moz-animation-duration: 1s;

	-moz-animation-timing-function: linear;

	-moz-animation-iteration-count: infinite;



	animation-name: blinker;

	animation-duration: 1s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

}



@-moz-keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}



@-webkit-keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}



@keyframes blinker {  

	0% { opacity: 1.0; }

	50% { opacity: 0.0; }

	100% { opacity: 1.0; }

}


img:hover{
	opacity: 0.7;
	cursor:pointer;
}
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	/* background-image: url(../images/linkback.gif); */
}
a:active {
	color: #0000FF;
}
body{
	margin: 0px;
	padding: 0px;
	/*font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;*/
	background-image: url(../images/bg_mavi.jpg);
	background-repeat: repeat-x;
}
.resimKapsulu img{
	max-width: 100%;
	width: 100%;
	height: auto;
	margin:4px 0 4px 0;
	box-sizing: border-box;
	border-radius: .5em;
	-webkit-border-radius:.5em; 
	-moz-border-radius:.5em; 
}	
.sosyal_medya_icon{
	float:right;
	margin-left:5px;
	margin-top:4px;
	cursor:pointer;
	background-image: url(../images/linkback.gif);
}
#kapsayici{
	width:100%;
	max-width:1000px;
	height:auto;
	/*margin: 48px auto;*/
	box-sizing:border-box;
	margin-bottom: 0px;
}
#keywords{
	display:none;
}	
#banner {
	max-width: 100%;
	display: none;
}
#banner img{
	max-width: 100%;
	height:auto;
}
#gizli_div {
	width: 100%;
	height: 108px;
}
#duyuru{
	display:none;
}	
#navigasyon{
	display:none;
	width:100%;
	max-width:1000px;
	height:25px;
	line-height:25px;
	font-size:12px;
	text-decoration: none;
	color: #000000;
	background-image:url(../images/ust_blok_bg.gif);
	background-repeat: repeat-x;
	/*display:inline-block;*/
}
#navigasyon_hosgeldiniz{
	width:38%;
	height:25px;
	float:left;
	margin-left:7px;
	/*background-color:#CF0;*/
}
#telefon_icon{
	width:2%;
	height:21px;
	float:left;
	padding:2px;
	margin-right:0px;
	/*background-color:#900;*/
}	
#navigasyon_tel{
	width:12%;
	height:25px;
	float:left;
	text-align:left;
	/*background-color:#00F;*/
}
#navigasyon_fax{
	width:12%;
	height:25px;
	float:left;
	text-align:left;
	/*background-color:#F0F;*/
}
#whatsapp_icon{
	width:2%;
	height:21px;
	float:left;
	padding:2px;
	margin-right:0px;
	background-image: url(../images/linkback.gif);
	/*background-color:#900;*/
}
#whatsapp_no{
	width:17%;
	height:25px;
	float:left;
	text-align:left;
	text-decoration:none;
	/*background-color:#60F;*/
}
#whatsapp_no ul a{
	text-decoration: none;
	color:#000;
	background-image: url(../images/linkback.gif);
}
#whatsapp_no ul a:hover{
	text-decoration: underline;
	color:#00F;
}
#navigasyon_email{
	width:15%;
	height:25px;
	float:left;
	text-align:left;
	/*background-color:#9C9;*/
}	
#sol{
	display:none;
	width: 15%;
	float: left;
}
#orta_icerik{
	width: 100%;
	float:left;
	padding-left: 7px;
	padding-right: 7px;
}
#orta_icerik table img{
	width: 100%;
	height:auto;
	float:left;
	border: 1px solid #ddd;
	padding: 5px;
}
#orta_icerik_2{
	width: 100%;
	float:left;

}	
#sag{
	display:none;
}
#temizle{
	clear:both;
}
#alt{
	width: 100%;
	max-width:1000px;
	height:auto;
	margin-bottom: 60px;
	text-align:center;
	display:inline-block;
	background-color: #f27a1a;
	color:#FFF;
	border-radius:3px;
	padding: 10px;text
}
.tur_bitti{
	text-decoration:line-through;
}		
.icerik_baslik{
	width: 100%;
	height:30px;
	line-height:30px;
	background-image: linear-gradient(to right, red , yellow);
	color: #FFF;
	padding-left:7px;
	margin-bottom:5px;
	box-sizing:border-box; 
	/*text-shadow: 2px 2px 2px #000; */
	/*padding: 0px 5px 0px 5px; */
	/*margin-bottom:10px;*/
	font-size:9px;
	font-weight: bold;
	letter-spacing: 1px;
}
.icerik_baslik a:link { 
	color:#FFF;
	text-decoration:none;
}
.ust_baslik{
	width: 100%;
	height: 20px;
	line-height: 25px;
	background: #F00;
	color: #FFF;
	padding: 0px 5px 0px 5px;
	font-size: 18px;
	font-weight: bold;
}
.orta_icerik_sol{
	width: 15%;
	height:auto;
	float:left;
	margin-right:1%;

}	
.orta_icerik_sag{
	width:83%;
	height:auto;
	float:left;
	margin-bottom:10px;
}	
.orta_icerik_sol_kutu{
	width:100%;
	height:auto;
	margin-bottom:10px;
	border-radius:5px;
}
.orta_icerik_orta{
	width: 100%;
	height: auto;
	float: left;
}
.orta_icerik_orta img{
	width: 100%;
	height: auto;
	float: left;
}	
.duyuru{
	max-width: 100%;
	height: auto;
	background: #306A83;
	/* background: #f27a1a; 
	font-family: Tahoma, Geneva, sans-serif;*/
	color: #FFF; 
	text-shadow: 2px 2px 2px #000;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 8px;
	padding: 3px 0px 3px 0px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: yellow;
	font-size: 12px;
}
.duyuru a{
	color: white;
	text-decoration:none;
	background-image: url(../images/linkback.gif);
}
.banka_logo{
	width:30%;
	height:auto;
	font-size: 14px;
	margin-top:0px;
	margin-right: 4px;
	float:left;
}
.iban_tablo{
	border-collapse: collapse;
	width: 100%;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 16px;
	border-style:dotted;
	float:left;
}
.iban_tablo td {
	padding:3px;
	/*border-style:dotted;*/
}
.iban_tablo th{
	background-color: #DE2918;
	color: #FFFFFF;
	font-size: 16px;
	text-shadow: 2px 2px 2px #000;
	padding:1px;
	letter-spacing: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: red;
}
.iban_tablo tr:nth-child(even) {
	background:#D6E7F1;
}
.iban_tablo tr:nth-child(odd) {
	background:#fff;
}			
/*============= Fiyat Tablo CSS Başlangıç ======================*/	
.tablo{
	box-sizing: border-box;
	border-collapse: collapse;
	border-style:dotted;
	width: 100%;
	font-size: 11px;
	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
}
.tablo:hover{
	box-sizing: border-box;
	border-collapse: collapse;
	border-style:dotted;
	width: 100%;
	font-size: 11px;
	box-shadow:0 0 10px 2px #de2918;
}
.tablo img{
	background-image: url(../images/linkback.gif);	
}
.tablo td {
	padding:2px;
	/*border-style:dotted;*/
}
.tablo th{
	height:28px;
	background-image: linear-gradient(to right, #306A83 , #D6E7F1);
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
	font-size: 12px;
	text-align:center;
	padding:1px;
	letter-spacing: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: red;
}
.tablo tr:nth-child(even) {
	background:#D6E7F1;
}
.tablo tr:nth-child(odd) {
	background:#fff;
}
.tablo .alt {
	font-size: 9px;
	background:#d4edda;
}
.tablo .kur {
	font-size: 8px ;
	color:#F00;
	background:	#FFFFCC;
	padding:3px 3px;
}
.tablo_otel_resim {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.perde{
	position:absolute;
	top:100%;left:0;right:0;bottom:0;
	background:rgba(237,71,74,0.5);
	color:#fff;
	z-index:1;
	padding-top:30%;
	transition:top 0.6s;
}
.tablo_otel_resim:hover .perde{
	top:0;
}
.perde a{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size:8px;
	text-align: center;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
.tablo_otel_resim img{
	box-shadow: 2px 2px 2px #000;
	border-radius:5%;
	transition:all 0.5s ease;
}
.tablo_otel_resim img:hover{
	transform:scale(1.05);
}
.tur_detay_buton{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#306A83;
	color: white;
	border-radius: 5px;
	cursor:pointer;
}
.tur_detay_buton a{
	font-size: 11px;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#306A83;
	border-radius: 5px;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
.on_rezerve_buton{
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#f27a1a;
	color: white;
	border-radius: 5px;
	cursor:pointer;
}
.on_rezerve_buton a{
	font-size: 11px;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	text-align: center;
	background-color:#f27a1a;
	border-radius: 5px;
	cursor:pointer;
	text-decoration: none;
	color: white;
}
/*============= Fiyat Tablo CSS Son ======================*/

.tablo-orta{
	border-collapse: collapse;
	width: 100%;
	font-size: 15px;
}
.tablo-orta img{
	background-image: url(../images/linkback.gif);	
}
.tablo-orta td {
	/*padding:2px; */
	border-style:dotted;
}
.tablo-orta th{
	background-color: #f27a1a;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
	font-size: 18px;
	padding:1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
.tablo-orta tr:nth-child(even) {
	background:#D6E7F1;
}
.tablo-orta tr:nth-child(odd) {
	background:#fff;
}
.tablo-orta .alt {
	font-size: 11px;
	background:#D6E7D0;
}

/*================== SOL MENU  ===================*/
#maviblokmenu {
	margin-top:4px;
	border-bottom-width: 0;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#maviblokmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#maviblokmenu li a {
	display: block;
	padding-left: 8px;
	width: 90%;
	text-decoration: none;
	color: white;
	background-color: #0082CE;
	border-bottom: 1px solid #90bade;
	border-left: 7px solid #1958b7;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	transition:all 0.5s ease;
}
#maviblokmenu li a:hover {
	background-color: #f27a1a;
	border-left-color: #FF0000;
	text-decoration: underline;
	background-image: url(../images/linkback.gif); 
}
#maviblokmenu div.menutitle {
	color: white;
	padding-left: 10%;
	background-color:#f27a1a;
	font-size: 100%;
	font-weight: bold;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-color: black;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
}	
/*==================  SOL MENU  SON ===================*/	
.yazi01 {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.yazi02 {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.yazi03 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.yazi02 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.style1 {
	font-weight: normal;
	font-size: 15px;
	font-style: normal;
	color: #000;
	line-height: 19px;
}
.style19 {font-size: 24px;
}
.style7 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 0px 0px 15px #FF0000;
	font-size: 15px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style8 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 3px 3px 50px #FF0000;
	font-size: 18px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style9 {
	color: #DE2918;
	font-weight: normal;
	text-shadow: 3px 3px 50px #FF0000;
	font-size: 16px;
	/*font-family:Tahoma, Geneva, sans-serif;*/
}
.style81 {
	color: #FF0000;
	font-weight: bold;
	font-size: 20px;
}
.style12 {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	font-style: normal;
}
.style82 {
	color: #FF0000;
	font-weight: normal;
	font-size: 24px;
}
.tablo_baslik {
	width: 100%;
	height:auto;
	font-size:12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	background-color: #306A83;
	text-shadow: 2px 2px 2px #000;
	text-align:center;
	border-radius:2px;
	margin-top:5px;
	letter-spacing:2px;
}
.tablo_baslik_2 {
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}
#logo-sol-ust{
	display:none;
	position:fixed;
	top: 3px;
	left:1px;
	z-index: -3;
}
#trbayrak  {
	display:none;
	
}
/*  Whatsap Sag ortada sallan start*/		
#whatsAppButton{
	position:fixed;
	top: 50%;
	right:-88px;
	background-image: url(../images/linkback.gif);
}
#biz-sizi-arayalim{
	position:fixed;
	top: 23%;
	right:0px;
	background-image: url(../images/linkback.gif);
}
#savrul{
	animation-name: savrul;
	-webkit-animation-name: savrul;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes savrul {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes savrul {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*  Whatsap Sag ortada sallan Finish*/
/*floating animation  Start*/

#floating{
	animation-name: floating;
	-webkit-animation-name: floating;
	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/* floating animation finish */	
#mekke-otel-sag-ust{
	position:fixed;
	bottom: 160px;
	right:18px;
}
#medine-otel-sol-ust{
	position:fixed;
	bottom: 160px;
	left:18px;;
}
#ravza-sol-alt{
	display:none;
	position:fixed;
	bottom: 0px;
	left:0px;
}
#kabe-sag-alt{
	display:none;
	position:fixed;
	bottom: 0px;
	right:0px;
}
/*================== HAC UMRE MURACAAT FORMU  ===================*/

textarea {
	resize: none;
}
/***** Ribbon  Başlangıç *****/

.wrapper {
	margin: 0px auto;
	width: 100%;
	height: auto;
	background: white;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
}

.ribbon-wrapper-green {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
}

.ribbon-green {
	font: bold 14px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	animation: hello 1.5s ease-in-out infinite;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #de2918;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#de2918), to(#de2918)); 
	background-image: -webkit-linear-gradient(top, #de2918, #de2918); 
	background-image:    -moz-linear-gradient(top, #de2918, #de2918); 
	background-image:     -ms-linear-gradient(top, #de2918, #de2918); 
	background-image:      -o-linear-gradient(top, #de2918, #de2918); 
	color: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-green span{
	background-image: url(../images/linkback.gif);
}
.tablo span{
	background-image: url(../images/linkback.gif);
	color:#F00;
}
.card{

	box-shadow:0 0 10px 2px lightblue;
	transition: all 0.5s ease;
	font-size: 16px;
}
.card .yanson{

	font-size: 18px;
}
.card .table .yanson{

	font-size: 12px;
}
.card:hover{
    overflow: hidden;
	box-shadow:0 0 10px 2px #de2918;
}

.card img:hover {
 	
 	transform: scale(1.03); /* Resmi %3 büyütür */	
    -ms-transform: scale(1.03); /* Resmi %3 büyütür */	
    -webkit-transform: scale(1.03); /* Resmi %3 büyütür */	
}
.card .card-title span{
	background-image: url(../images/linkback.gif);
	color:#F00;
}
.table .badge{
	line-height: 6px;
	padding: 6px;
}
@keyframes hello {
	from {opacity: .4} 
	to {opacity: 1}						
}

.ribbon-green:before, .ribbon-green:after {
	content: "";
	border-top:   3px solid #6e8900;   
	border-left:  3px solid transparent;
	border-right: 3px solid transparent;
	position:absolute;
	bottom: -3px;
}

.ribbon-green:before {
	left: 0;
}
.ribbon-green:after {
	right: 0;
}

/***** Ribbon  Son *****/



/* Slider  */
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}
/* Caption text */
.text {
	position: absolute;
	top: 91%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
	letter-spacing:3px;
	width: 100%;
	text-align:center;
	color:#f5f5f5;
	text-shadow: 3px 2px 3px #000;
	opacity: 0.9; 
	background: rgba(212, 21, 21, 0.65);
	
}
/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}
/* The dots/bullets/indicators 
.dot {
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb ;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	}
.active {
	background-color: #717171 ;
	}
	*/
/* Fading animation start*/
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2.0s;
	animation-name: fade;
	animation-duration: 2.0s;
}
@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

   /* Style the navigation menu 
.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #306A83;
  height: 500px;
  color: white;
  border-radius: 10px;

}

.topnav {
  width:98%;
  background-color: #306A83;
  position: relative;
  position:fixed; top:0px; left:0px; right:0px;
  z-index:1000;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #f27a1a;
  color: black;
  
}

.topnav .active {
  background-color: #f27a1a;
  color: white;
}




*/




.tursab_dogrulama{
	background: #f2f2f2;
	font-size: 24px;
	font-weight: 700;
	color: green;
}
.progress-bar {	
	line-height: 10px; 
	float:left;   
}
}





/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/