/*  @font-face {
    font-family: PlayfairDisplay-Black;
    src: url(../fontlar/PlayfairDisplay-Black.ttf);
} */
 *,*:after,*:before {
	margin: 0;
	  padding: 0;
  /* Herhangi bir padding olmayacak */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }

  html{
  font-size:12px;
  height:100%;
  display:block;
  }

  body{
    font-family: 'Raleway','Courier', sans-serif;
  font-size: 12px;
  min-height: 100%;
  position: relative;
  float: left;
  width: 100%;
  height:100%;
  display:block;
  }

  a{
  color: #21282F;
  text-decoration:none;
  font-size:0.9em;
  }

  h1,h2,h3,h4,h5,h6{
  font-weight:700;
  }

  h1{
	  font-size: 2em;
	  line-height:2em;
	  }

  h2{
	  font-size:1.7em;
	  line-height:1.7em;
	  }

  h3{
	  font-size:1.4em;
	  line-height:1.4em;
	  }

	h4{
		  font-size:1.1em;
		  line-height:1.1em;
		  }

	h5{
		font-size:0.9em;
		line-height:0.9em;
	}

	h6{
		font-size:0.8em;
		line-height:0.8em;
	}

	mark {
	background: #ff0;
	color: #000;
	}

	small {
	font-size: 80%;
	}

	sub,sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup {

	top: -0.5em;
	}

	sub {

	bottom: -0.25em;
	}

	abbr[title] {
	border-bottom: 1px dotted #ececec;
	cursor: help;}
	.clearfix:after {
	  visibility: hidden;
	  display: block;
	  font-size: 0;
	  content: " ";
	  clear: both;
	  height: 0;
	}
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */
	.cerceve:before, .cizgi:before,.cerceve-tam:before,.icerik:before,.icerik-yuzer:before, .icerik-genel:before .icerik-dar:before,.icerik-tam:before, .menu:before, .menu-liste:before,.menu:before,.menu-ilk:before, .menusbt:before, .cf:before{
		content: " ";
		display: block;
		height: 0;
		overflow: hidden;
		}
	.cerceve:after, .cizgi:after,.cerceve-tam:after, .icerik:after, .icerik-yuzer:after, .icerik-genel:after, .icerik-dar:after,.icerik-tam:after, .menu:after, .menu-liste:after,.menu:after,.menu-ilk:after, .menusbt:after, .cf:after{
	clear:both;
	}
	.cizgi{
	z-index:1000!important;
	position:relative;
	margin:5% auto;
	text-align:center;
	}

	.cizgi>hr{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #eee, #ccc, #eee);
	background-image:    -moz-linear-gradient(left, #eee, #ccc, #eee);
	background-image:     -ms-linear-gradient(left, #eee, #ccc, #eee);
	background-image:      -o-linear-gradient(left, #eee,#ccc, #eee);
	width:100%;
	}

	.esitle{
	text-align:justify;
	}
	.merkez{
	text-align:center;
	}
	.sola{
	text-align:left;
	}
	.saga{
	text-align:right;
	}
	.ortala{
	margin:0 auto;
	}
	.ful-input-form{
	display: block;
	position: relative;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0; }
	.ful-input{
	line-height:1.1em;
	font-size:1em;
	width:100%;
	padding: 10px;
	float:left;
	border:1px solid #eee;
	border-radius:3px;
	margin:10px 0;
	}
	.input-etiket{
	visibility:hidden;
	opacity:0;
	}
	.ful-input:hover{
	border:1px solid #2b2d2e;
	transition:color 1s;
	cursor:pointer;}

	.ful-input:focus{
	outline:none;
	border:1px solid #FF9800;
	border-radius:3px;}

	.etiket-animasyon{
		visibility:visible;
		opacity:1;
		transition:opacity 0.5s linear;
		}

		.icerik-baslik{
		width:100%;
		display:block;
		padding:10px;
		min-height:50px;
		}

		/* KAPLAMA KISMI CETVELDE OLMALI MI? */
	.kaplama{
			background-color: rgba(0,0,0,0.8);
			position: fixed;
			width:100%;
			height: 100%;
			margin: 0;
			padding:0;
			z-index: 3000;
			display:none;
			top:0;
	}

			.kaplama-ic{
			max-height:90vh;
			overflow-y:scroll;  }
.kaplamaKapa{
	position:absolute;
	right: 1%;
	top:1%;
	color: #FF9800;
	border:3px solid #FF9800 ;
	border-radius: 50%;
	line-height:30px;
	text-align:center;
	padding: 10px;
	cursor: pointer;
	font-size: 30px;
	font-weight: 600;
	background-color: #fff;
	z-index:3001;
	}
.kaplamaKapa:hover{
	transform:scale(1.1);
}

[class*='dik-'] {
	width:100%;
	float: left;
	}
	/* Sonuncu dik- saða *//*[class*='dik-']:last-of-type {  float: right;}*/
	.str{
	float:left;
	position:relative;
	width:100%;
	}
	/* Clearfix */
	.str:after {
	content: "";
	display: table;
	clear: both;
	}

	.padding10{
	padding: 10px;
	}
	.padding20{
		padding: 20px;
		}

	.sag{
	text-align: right;
	}
	.sol{
	text-align: left;
	}
	.foto-cerceve{
	overflow:hidden;
	}
	.tam-foto{
		width:100%;
		overflow:hidden;
		}
		.cerceve, .cerceve-degisken{
			padding-left:15px;
			padding-right:15px;
			margin-right:auto;
			margin-left:auto;
			}
			/*.degisken-tam-foto {
			display: table;
			height: 300px;
			overflow: hidden;
			}
			.degisken-tam-foto img {
			position: absolute;
			width: 100%;
			top: 0;
			left: 0
			degisken-tam-foto-baslik{
			display: table-cell;
			position: relative;
			vertical-align: middle;
			width: 100%;
			text-align: center;
			padding: 20px;
			background-color: rgba(255,255,255,0.2);
			color: white;
			}*/

			.degisken-tam-foto-baslik{
			position:absolute;
			top:5%;
			width:100%;
			text-align:center;
			z-index:500;
			font-size:2em;
			letter-spacing:2px;
			padding:20px;
			color:#fff;
			}

			.icerik-genel{
			width:100%;
			position:relative;
			float:left;
			padding:20px;
			}

			.icerik-tam{
			width:100%;
			position:relative;
			float:left;
			font-size: 16px;
			}

			.menu-ikon{
			display:block;
			text-align:right;
			position:absolute;
			top:0;
			right:5px;
			padding: 10px;
			}

			.logo-cerceve{
			height:100%;
			/*width:100%;*/
			}

			.logo-buyuk{
			margin:0;
			}

			.merkez{
			text-align:center;
			}

			.foto-cerceve{
				background-color: #eee;
				}

		.buyukFotograf img{
			width:100%;
			z-index: 101;
			position:relative;
			}

				.menu-acilir-liste li{
			float:left;
		}

/****320'den KÜCÜK*****/

			@media only screen and (max-width : 320px) {

			.logo-buyuk{
			display:none;
			}
			.menu-liste{
				display:none;
				}
			.logo-metin{
			display:block;
			color:#fff;
			padding:10px;
			font-weight:700;
			}
			.menu-marka{
				float:left;
				position:relative;
				background-color: transparent;
				height:100%;
				/*width:100%;     */
			}

			.menu-ikon{

			color:#fff;
			}

			.menu-liste a{
			font-size:10px;
			color:#444;
			}

			.menu-ilk{
			width:100%;
			background-color: transparent;
			float:left;
			}

			.icerik{
			width:100%;
			position:relative;
			margin:0 auto;
			}
			.menu-acilir-alt{
			display:none;
			width:100%;
			position:relative;
			min-height:0;
			padding:10px;

		}

	}
/****320'den BÜYÜK*****/
@media only screen and (min-width : 320px) {

.icerik{
	width:100%;
	position:relative;
	margin:0 auto;
	}

	.dik-k-12  {
		width: 100%;
		}

	.dik-k-11  {
		width: 91.6666666667%;
		}

	.dik-k-10  {
		width: 83.3333333333%;

		}

	.dik-k-9 {
		width: 75%;
	}

	.dik-k-8  {
		width: 66.6666666667%;
	}

	.dik-k-7  {
		width: 58.33333333%;
	}

	.dik-k-6  {
		width: 50%;
	}

	.dik-k-5  {
		width: 41.6666666667%;
		}
	.dik-k-4 {
		width: 33.33333333333%;

	}

	.dik-k-3 {
		width: 25%;
	}

	.dik-k-2 {
		width: 16.6666666667%;
	}
	.dik-k-1 {
		width: 8.33333333333%;
	}

	.logo-buyuk{
	display:none;
	}
	.menu-liste{
	display:none;
	}

	.menu-liste>li > a{
	font-size:12px;

	}

    .menusbt{
	position:relative;
	width:100%;
	background-color: #FFF;
	}

	.menu{
	position:relative;
	width:100%;
	background-color:#fff;
	}

	.menu-ilk{
	width:100%;
background-color: transparent;
     }

	 .menu{
	 position:relative;
	 min-height:50px;
	 }

	 .menu-marka{
		float:left;
		position:relative;
        background-color: transparent;
		height:100%;
		padding:10px;
		}

		.menu-ikon{
		color:#2b2c2d;
		position:relative;
		}

		.logo-metin{

			color:#1d2d40;
			padding:10px;
			font-weight:700;
			}

		.altmenu{
		   position:relative;
		   display:none;
		   }

		   .menu-liste>li{
		   border-bottom: 1px solid #fff;
		   padding: 10px;

		}

		 .foto-cerceve{
		 background: url(../img/1.jpg) no-repeat center center fixed;
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		min-height: 100vh;
		 }

		 .buyukFotograf{
		 position:absolute;
		 width:90%;
		 top:5%;
		 left:5%;
		 overflow:hidden;
		 border-radius: 5px;
		-moz-border-radius: 5px;
		border: 1px solid #eee;
		background-color:white;
		}

		.menu-acilir-alt{
			display:none;
			width:100%;
			position:relative;
			min-height:0;
		}

		.menu-sbt-renkli{
			background-color: rgba(29,163,136,1);
		}

		.menu-sbt-renkli>li>a{
			color:white;
		}
}
/****767'den BÜYÜK*****/
@media only screen and (min-width : 767px) {
	.icerik{
	width:100%;
	position:relative;
	max-width:1200px;
	margin:0 auto;
	}
	.degisken-tam-foto-baslik{
			position:absolute;
			top:30%;
			width:100%;
			text-align:center;
			z-index:500;
			font-size:3em;
			letter-spacing:2px;
			padding:50px;
			color:#fff;
			}
	.icerik-yuzer{
		width:80%;
		margin:0 auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		min-height: 600px;
		}

		.buyukFotograf{
position:absolute;
 width:60%;
 top:10%;
 bottom:5%;
 left:20%;
 overflow:hidden;
 border-radius: 5px;
 -moz-border-radius: 5px;
 border: 1px solid #eee;
background-color:white;
}
 .hareketli-logo{
 height:100%;
 display:block;
 }
 .dik-o-12  {
	 width: 100%;
	 }

.dik-o-11  {
	 width: 91.6666666667%;
 }
 .dik-o-10  {
	 width: 83.3333333333%;
}

 .dik-o-9 {
	 width: 75%;
	 }

.dik-o-8  {
	width: 66.6666666667%;
	}
.dik-o-7  {
	width: 58.33333333%;
}
 .dik-o-6  {
	 width: 50%;
}
 .dik-o-5  {
	 width: 41.6666666667%;
}

 .dik-o-4 {
	 width: 33.33333333333%;
}

 .dik-o-3 {
	 width: 25%;
}

 .dik-o-2 {
	 width: 16.6666666667%;
}
.dik-o-1 {
	width: 8.33333333333%;
}

.menu-ikon{
      display:none;
 }

 .logo-metin{
 display:none;
 }

 .logo-buyuk{
 height:100%;
 display:block;
margin:0 auto;
    }

.menu-liste{
	display:block;
}

 .menu-liste>li{
 border-bottom: 0;
 padding: 0;
 }

	.menusbt{
	position:fixed;
	width:100%;
	margin:auto;
	position: fixed;
	top: 0;
	left: 0;
		border-bottom: 3px solid #21282F;
	z-index: 3000;
	height: 80px;
	-webkit-transition: height 0.3s, background 1s;
	-moz-transition: height 0.3s , background 1s;
	transition: height 0.3s, background 1s;
	text-align:center;
	line-height:80px;
	}

		.menu-marka{
			float:left;
			position:relative;
			background-color: transparent;
			height:100%;
			width:100%;
		}
		 .altmenu{
	display:none;
	position:absolute;
	left:0;
	z-index:2000;
	background-color: white;
    }

	.altmenu-ful{
	   width:100%;
	}
	.altmenu li:hover{
       /*background-color:#1d2d40;*/
		cursor:pointer;
	}

	.altmenu li:hover a{
	   /*color:#eee;*/
		border-bottom:3px solid #FFF;
        transition: border 0.5s;
	}

	.yanmenu{
	display:none;
	position:absolute;
	left:-250px;
	top:20px;
	width:300px;
	padding:10px;
    z-index:2001;
	background-color: white;
	border:1px solid #CF000F;
	}

	.yanmenu:hover{
		cursor:pointer;
	}

    .yanmenu a:hover{
	background-color: #ececec;
	}

	.menu-liste>li{
	float:left;
    }

	.menu-liste>li>a{
	font-size:12px;
	letter-spacing: 3px;

	font-weight:500;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	transition: all 0.3s;
    text-decoration:none;
    padding: 5px 15px;
	}
		.menu-sbt-renkli li a{

		}
		.menu-liste li>a:hover{

			/*border-bottom: 3px solid #fff;*/

		}
		.menu-liste-sag{
			float:right;
		}
		.menu-liste-sol{
			float:left;
		}
	.opak-perde {
	position: relative;
	}

	.opak-perde:after {
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.5;
    }

	.gri:after {
	background-color: #141414;
	}

	.yarim-y{
	min-height: 50vh;
	}
	/**************MARGINLER************/


		.m11  {margin-left: 91.6666666667%;}
		.m10  {margin-left: 83.3333333333%;}
		.m9 {margin-left: 75%;}
		.m8  {margin-left: 66.6666666667%;}
		.m7  {margin-left: 58.33333333%;}
		.m6  {margin-left: 50%;}
		.m5  {margin-left: 41.6666666667%;}
		.m4 {margin-left: 33.33333333333%;}
		.m3 {margin-left: 25%;}
		.m2 {margin-left: 16.6666666667%;}
		.m1 {margin-left: 8.33333333333%;}

	.icerik-dar{
			width:66.6666666667%;
			margin:0 auto;
			z-index:1000;
			clear:both;
		}
		.cerceve40{
			width:40%;
			margin:0 auto;
		}
		.cerceve50{
			width:50%;
			margin:0 auto;
		}
		.cerceve60{
			width:60%;
			margin:0 auto;
		}
		.cerceve70{
			width:70%;
			margin:0 auto;
		}
		.cerceve80{
			width:80%;
			margin:0 auto;
		}
		.menu-ilk{
	height:100%;
	width:25%;
	float:left;
}
.menu-acilir-alt{
			display:none;
			width:100%;
			position:relative;
			min-height:0;
		}
}
/****979'dan BÜYÜK*****/
@media only screen and (min-width : 979px) {
		.dik-12-12  {width: 100%;}
		.dik-12-11  {width: 91.6666666667%;}
		.dik-12-10  {width: 83.3333333333%;}
		.dik-12-9 {width: 75%;}
		.dik-12-8  {width: 66.6666666667%;}
		.dik-12-7  {width: 58.33333333%;}
		.dik-12-6  {width: 50%;}
		.dik-12-5  {width: 41.6666666667%;}
		.dik-12-4 {width: 33.33333333333%;}
		.dik-12-3 {width: 25%;}
		.dik-12-2 {width: 16.6666666667%;}
		.dik-12-1 {width: 8.33333333333%;}
		.cerceve{max-width:1200px;}
		.cerceve-tam{width:100%;}
}

.fl{
	float: left;
}


/*************************************************************** GENEL ***************************************************************/
.menusbt.shrink {
    height: 50px;
    line-height:50px;
	background-color:#fff;
	border-bottom: 3px solid #1da388;
}

.menusbt.shrink a
{
	color:#21282F!important;
    font-size:13px;
	line-height:30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.altmenu a{
	color:#21282F!important;

}
.altmenu li {
	padding-right: 50px;
	padding-left: 10px;
	white-space: nowrap;
	line-height:25px;
	    width: 100%;
    text-align: left;
}



.altmenuac{
	position:relative;
}

.altmenuac.altmenu{
	display:block;
}
.foto-cerceve-k{
		border: 1px solid #3A539B;
		width:90%;
		height: auto;
		overflow:hidden;
		margin:10px auto;
	}

	.foto-cerceve-k img{
			width:100%;
	}

	.zipzip-baslik{
	 position:absolute;
	 text-align: center;
	 top:0;
	 width:100%;
	 }
	 .animated{
	 -webkit-animation-fill-mode:both;
	 -moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	  animation-fill-mode:both;
	  -webkit-animation-duration:1s;
	  -moz-animation-duration:1s;
	-ms-animation-duration:1s;
	 -o-animation-duration:1s;
	 animation-duration:1s;
	 -webkit-animation-delay: 0.5s;
	 /* Chrome, Safari, Opera */
	 animation-delay: 0.5s;
	 }
@-webkit-keyframes bounceInDown {
		  0% {
		  opacity: 0;
		  -webkit-transform: translateY(-2000px);
		  }
		  60% {
		  opacity: 1;
			-webkit-transform: translateY(50px);
			}

		80% {
		-webkit-transform: translateY(-20px);
		}
		100% {
		-webkit-transform: translateY(0);
		}
	}

	@-moz-keyframes bounceInDown {
		0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
		}
		60% {
		opacity: 1;
		-moz-transform: translateY(50px);
		}
		80% {
        -moz-transform: translateY(-20px);
		}
		100% {
		-moz-transform: translateY(0);
		}

	}
	@-o-keyframes bounceInDown {
		0% {            opacity: 0;
		-o-transform: translateY(-2000px);
	}
	60% {
	opacity: 1;
	-o-transform: translateY(50px);
    }
    80% {
	-o-transform: translateY(-20px);
	}
	100% {
	-o-transform: translateY(0);
	}
	}
	@keyframes bounceInDown {
		0% {
		opacity: 0;
		transform: translateY(-2000px);
		}
		60% {
		opacity: 1;
		transform: translateY(50px);
		}
		80% {
		transform: translateY(-20px);
		}
		100% {
		transform: translateY(0);
		}
	}
	.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
	}

	/*************************************************************** GENEL ***************************************************************/

	.kurt-buton{
	text-align:center;
	min-width:100px;
	background-color: #C62828;
	color:white;
font-weight:800;
 padding:20px;
 display:block;
 margin:40px 0;
 line-height: 30px;
 /*transform:scale(1.1);*/
 border-radius: 3px; }

 .genel-buton{
	 text-align:center;
min-width:100px;
  color:white;
  font-weight:800;
  padding:20px;
  display:block;
  margin:10px auto;
  line-height: 30px;
  border-radius: 5px;
  moz-border-radius: 5px;
outline:none;
border:1px solid #eee;
}
.text-buton{
/* Ýçerisinde link olan text halinde hayalet butonlar*/
	display:block;
	cursor:pointer;
	width:100%;
	font-size:1em;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;}
  ::-webkit-scrollbar-thumb {
border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }

  /*************************************************************** GALERÝ ***************************************************************/

  .galeri{
  border:2px solid #eee;
  }
  .galeri-liste-cerceve{
  width:100%;
  overflow-x:auto;
	overflow-y:hidden;
}
.galeri-liste{
 min-width:100%;
 padding:10px;
 margin:0;}

 .galeri-liste>li{
 display:inline-block;
 overflow:hidden;
 margin-right:5px;
 }

 .galeri-liste>li>img{
 width:100%;
min-height:100%;

}

.galeri-buyuk{
	    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    overflow: hidden;
    height: 300px;
    background-color: white;
	}

.galeri-buyuk img{
width:100%;
}
.galeri-baslik{
position:absolute;
bottom:0;
 z-index:200;
 width:100%;

 text-align:center;
 font-size:2em;
 }

 .galeri-buton{
 position:absolute;
 top:50%;
z-index:1000;
color: white;
   font-size: 50px;
   }

   .galeri-buton:hover{
	   cursor:pointer;
	   color:#FF9800;
	   transition:color 0.5s;
	   }

	   #galeri-sag{
	   right:2%;
	   }

	   #galeri-sol{
			left:2%;
		}

.buyurfoto:hover{
 cursor:pointer;
 }
 .galeriKapa{
	 position:absolute;
	 right: 10%;
	 top:5%;
	 color:#fff;
	 line-height:40px;
	 text-align:center;
	 padding: 30px;
	 cursor: pointer;
	 font-size: 40px;
	 font-weight: 700;
	 z-index:3001;
	 }

	 .galeriKapa:hover{
	 cursor:pointer;
	 color:#FF9800;
	 }

	 .buyuk-galeri-sabit{
	 position:relative;
	 top:0;
	 left:0;
	width:100%;
}

@media only screen and (min-width : 320px) {

	.buyuk-galeri-cerceve{
	position:absolute;
	width:90%;
    top:5%;
	left:5%;
	overflow:hidden;
border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid #eee;
	background-color:white;
	}
    .buyuk-galeri{
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	}
}

	@media only screen and (min-width : 767px) {
	.buyuk-galeri-cerceve{
	position:absolute;
	width:60%;
	top:10%;
	bottom:5%;
	left:20%;
	overflow:hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	 border: 1px solid #eee;
	 background-color:white;
	 }

	 .buyuk-galeri{
	 position:absolute;
	 top:0;
	 left:0;}
}

/*************************************************************** YÜKLENÝYOR ***************************************************************/
#yukleniyor{
 position:fixed;
z-index:99999;
top:0;
left:0;
 bottom:0;
 right:0;
 background:rgba(0,0,0,0.9);
 transition: 1s 0.4s;}

 #yukleniyor img{
 font-size:0.7em;
 letter-spacing: 3px;
position:absolute;
 top:50%;
 margin-top:-40px;
 z-index:100000;
 left:50%;
 text-align:center;
 color:#fff;
 }


.tam-ekran-metin{
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);

	text-align:left;
	font-family:"Arial Black", Gadget, sans-serif;
}