html, body{
	overflow-x: hidden;
	font-family: Poppins-Regular;
	font-size: 16px;
	min-height: 100vh;
	background: #fff;
	color: #666;
}


/* HEADER ----------------------------------------------*/
.social-mobil{
	display: none;
}

.nav-top-wrapper{
	position: absolute;
	z-index: 10;
	width: 100%;
	left: 0;
	top: 0;		
}

.menu-overlay{
	position: absolute;
	z-index: 11;	
	top: 0;
	left: 0;	
	width: 100%;
	height: 30vh;
	background-image: linear-gradient(180deg, #000,  transparent );	
}

.menu-top{
	position: absolute;
	z-index: 12;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 6%;
	padding-right: 6%;	
}

.top-information{	
	
}

.top-information a{
	font-size: 0.9em;
	color: #667e88;
}

.top-information i{
	margin-top: 3px;
	color: #d5fd46;
}

.slider-wrapper{
	z-index: 0;
}

.owl-slider-index{
	height: 100vh;
}

.owl-slider-index .item{
	height: 100vh;
}

.owl-slider-index .item img{
	width: 100%;
	height: 100vh;
}


.top-social a{
	color: #fff;
	font-size: 18px;
	width: 30px;
	transition: 0.3s;
}

.top-social a:hover{
	color: #d5fd46;
}



.top-menu-link{
	color: #fff;
	font-size: 0.9em;
	transition: 0.3s all;
	padding-top: 10px;
	position: relative;
}

.top-menu-link:hover{
	color: #d5fd46;		
}

@media (min-width: 992px){
	.top-menu-link:hover:after{
		content: '';
		position: absolute;
		z-index: 1;
		left: 50%;
		bottom: -10px;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #d5fe46;
		transform: translateX(-50%);
	}

	.top-menu-link:hover:before{
		content: '';
		position: absolute;
		z-index: 1;
		left: 0;
		bottom: -7px;	
		height: 1px;
		width: 100%;
		background: #d5fe46;
		transition: 0.3s all;	
	}
}


.header-center-text {
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 4;
	transform: translateY(-30%);
}

.header-center-text h1{
	font-family: Poppins-Light;
	font-size: 2.6em;	
}

.header-center-text h4{
	font-family: Poppins-Black;
	font-size: 1.6em;	
	display: inline-block;
	background: #d5fd46;
	padding: 2px 15px;
}

.header-bottom{
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 20%;
}

.header-bottom h4{
	color: #fff;
	font-family: Poppins-Light;
}

.header-bottom a{
	display: inline-block;
	padding: 2px 10px;
	color: #d5fd46;
	font-size: 0.8em;
	font-family: Poppins-Light;
	background-image: linear-gradient(to left, #000, transparent);
	transition: 0.3s;
}

.header-bottom a:hover{
	color: #fff;
}

.sizi-arayalim-link{
	position: absolute;
	z-index: 4;
	right: 20px;
	bottom: 10%;
	display: block;
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background:#d5fd46;
	padding-top: 25px;
	font-size: 0.9em;
	color: #000;
	cursor: pointer;
}

.sizi-arayalim-link .spn-b{
	font-family: Poppins-Bold;
	margin-top: -5px;
	display: block;
}

.sizi-arayalim-link:hover{
	color: #000;
}

.sizi-arayalim-link:after{
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 9;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: transparent;
	border: 2px solid #d5fd46;
	animation: ripple 1.5s linear infinite;
}

@keyframes ripple {
  0% {
    top: -10px;
	  left: -10px;
    width: 110px;
	  height: 110px;
    border: #d5fd46 2px solid;
    opacity: 1;
  }
  100% {
    top: calc(50% - 5.5em);
    left: calc(50% - 5.5em);
    width: 11em;
    height: 11em;
    border: white .5em solid;
    opacity: 0;
  }
}

.btn-form-send{
	background: #d5fd46;
	border: 1px solid #d5fd46;
	color: #000;
}

.btn-form-send:hover{
	background: #000;
	border: 1px solid #000;
	color:  #d5fd46;;
}

.modal-input{
	border: 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
	width: 100%;
	display: block;
}
/* HEADER ----------------------------------------------*/


/* menu toggle button ------ */
	.menu-toggle{		
		border:0; 
		width:35px; 
		height:35px; 
		padding:0;
		cursor:pointer; 
		position:relative; 
		background:transparent; 
		display:none;	
		z-index: 50000;	
	}		
	
	.menu-toggle span{
		position:absolute;				
		left:0;
		display:block; 				
		height:3px; 
		width:100%;
		top:16px;
		background:#fff; 
		transition:all 0.3s	
	}
	
	.menu-toggle span:before{
		content:'';
		position:absolute;
		top:-10px;
		left:0;
		display:block; 				
		height:3px; 
		width:100%;				
		background:#fff; 
		transition:all 0.3s	
	}
	
	.menu-toggle span:after{
		content:'';
		position:absolute;
		top:10px;
		left:0;
		display:block; 				
		height:3px; 
		width:100%;				
		background:#fff; 
		transition:all 0.3s	
	}
	
	.menu-toggle.togglespn span{
		background:transparent
	}
	
	.menu-toggle.togglespn span:before{
		top:0;
		transform: rotate(45deg);
	}
	
	.menu-toggle.togglespn span:after{
		top:0;
		transform: rotate(-45deg);
	}
	/* ./ end menu toggle button ------ */



/* INDEX PAGE -------------------------*/
.section-1-line{
	position: absolute;
	top: 40px;
	right: -70px;
	width: 110%;
	height: 100px;
	z-index: 10;
	display: block;
}

.section-1{
	width: 94%;
	margin: 0 auto;
}

.section-1-slogan{
	margin-top: -20px;
}

.section-1-slogan h1{
	text-align: center;
	font-family: Poppins-Bold;
}

.section-1-slogan h1 span{
	font-family: Spartwell;
	font-size: 66px;
}

.section-1-slogan h6{
	text-align: center;
	font-family: Poppins-Light;
	color: #96bb12;
	font-size: 1.2em;
	margin-top: -10px;
}

.text-el{
	font-family: Spartwell;
	font-size: 30px;
	color: #d5fd46;
}

.text-h2-bold{
	font-family: Poppins-Bold;
	margin-top: -8px;
}

.text-h2-bold span{
	font-family: Poppins-Light;
}

.li-list{
	width: 12px;
	min-width: 12px;
	height: 12px;
	background: #d5fd46;
	border-radius: 50%;
	margin-top: 6px;
	margin-right: 8px;
}

.section-1-slogan-2{
	position: absolute;
	right: 100px;
	bottom: 40px;
	z-index: 2;
}

.section-1-slogan-2 h5{
	font-family: Spartwell;
	font-size: 26px;
	color: #666;
}

.section-1-slogan-2 h6{
	font-family: Poppins-Black;
	font-size: 1.5em;
	color: #000;
	margin-top: -10px;
}


#section-2{	
	background: #000 url('../img/section-2-bg.jpg') no-repeat 0 0;
	height: 470px;
}

.section-2{
	width: 94%;
	margin: 0 auto;
}

.section-2 h5{
	font-family: Spartwell;
	font-size: 36px;
	color: #d5fd46;
	text-align: center;
}

.section-2 h4{
	font-family: Poppins-Bold;
	font-size: 36px;
	color: #fff;
	text-align: center;
	margin-top: -10px;
}

.section-2 h4 span{
	font-family: Poppins-Light;
	color: #ccc;
}

.section-2 h2{
	font-family: Poppins-Bold;
	color: #fff;
	font-size: 1.3em;
}

.section-2 h3{
	font-family: Poppins-Light;
	color: #afd13a;
	font-size: 1.2em;
	margin-top: -5px;
}

@media (min-width: 2000px){
	.index-img-wrapper{	
		height: 500px;			
	}
}

.index-img-wrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 400px;
	text-align: center;	
}

.index-img{
	height: 100%;
	min-width: 100%;
}

.section-3{
	width: 94%;
	margin: 0 auto;
}

.section-3 h5{
	font-family: Spartwell;
	font-size: 36px;
	color: #d5fd46;	
}

.section-3 h4{
	font-family: Poppins-Bold;
	font-size: 36px;
	color: #000;	
	margin-top: -10px;
}

.section-3 h4 span{
	font-family: Poppins-Light;
	color: #222;
}

.section-3-bottom{
	height: 200px;
	background: url('../img/section-3-bottom.png') no-repeat 0 0;
	background-position: right;
	background-size: cover;
}

.section-3-img-wrap{
	position: absolute;
	z-index: 3;
	right: -20px;
	top: 25%;
}

.sec3-btext-wrapper{
	margin-top: 2%;
	padding-left: 7px;	
}

.sec3-btext-wrapper h2{
	font-size: 46px;
}

.section-3-bottom .spn11{
	font-family: Poppins-Black;
	background: #fff;
	color: #000;
	padding-left: 25px;
	padding-right: 3px;
}

.section-3-bottom .spn22{
	font-family: Poppins-ExtraLight;	
	color: #d5fd46;
	font-weight: 100;	
}

.section-3-bottom .spn33{
	font-family: Spartwell;	
	color: #fff;	
	font-size: 50px;	
}

.section-4 img{
		filter: grayscale(100%);
    -webkit-filter: grayscale(100%);    
}

.section-4 img:hover{
		filter: grayscale(0);
    -webkit-filter: grayscale(0);    
}


.section-5{
	width: 94%;
	margin: 0 auto;
}

.section-5 h2{
	font-size: 42px;
	font-family: Poppins-ExtraLight;
}

.section-5 h2 span{
	font-family: Poppins-Black;
	color: #d5fd46;
}

.section-5 .form-wrapper{
	background: #d5fd46;
}

.section-5 .form-wrapper input{
	width: 100%;
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
}

.section-5 .form-wrapper input::placeholder{
	color: #999;
}

.section-5 .form-wrapper h5{
	color: #000;
	font-size: 26px;
	font-family: Poppins-Black;
	text-align: center;
}

.btn-index-form-gonder{
	background: #000;
	border: 1px solid #000;
	text-align: center;
	color: #fff;
	padding: 5px;
	border-radius: 0;	
	transition: 0.3s;
	display: block;
	width: 100%;
	font-family: Poppins-SemiBold;
}


.section-5 h3{
	color: #777;
	font-size: 40px;
	font-family: Poppins-ExtraLight;	
}

.section-5 h3 span{
		font-family: Spartwell;	 
	  color: #d5fd46;	
	  font-family: Poppins-Bold;	
}

.section-5 h6{
	color: #000;
	font-size: 34px;
	font-family: Poppins-Black;	
}

.section-6{
	background: #000 url('../img/section-6-bg.jpg') no-repeat 0 0;
	min-height: 380px;	
}

.section-6-row{
		width: 94%;
	  margin: 0 auto;
}

.section-6 p{
	color: #ccc;
}

.section-6 p strong{
	color: #fff;
} 

.section-6 .p2{
	color: #d5fd46;	
}
.section-6 .p2 strong{
	color: #fff;
} 

.man-run{
	position: absolute;
	z-index: 2;
	top: -230px;
	right: 30px;
	height: 600px;	
}

.faaliyet-link{
	display: block;
	padding: 15px;
	height: 220px;
	transition: all 0.3s;
}

.faaliyet-link:hover img{
	filter: grayscale(100%);
}

.f-img-content{
	display: block;
	height: 120px;
	width: 100%;	
	vertical-align: middle;
}


/* ./ INDEX PAGE ----------------------*/






/* FOOTER -----------------------------*/
.footer-nav{
	width: 94%;
	margin: 0 auto;
	background: #fff;
	padding: 30px 0 20px 0;
}

.footer-nav a{
	color: #555;
	transition: .3s;
}

.footer-nav a:hover{
	color: #a6cf11;
}

.footer-bottom{	
	background: #ccc;
}

.fb-text-wrap{
		width: 94%;
		margin: 0 auto;
		color: #555;
}	

.fb-text-wrap span{
	color: #000;
}

.fbr-text{
	font-size: 0.8em;
	color: #777;
}

.fbr-text a{
	color: #111;
}

#top{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 20px;
	right: 10px;
	cursor: pointer;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	border:2px solid #bae425;
	color: #bae425;
	padding-top: 10px;
}

#top i{
	font-size: 24px;
}




/* HAKKIMIZDA PAGE --------------------------------------- */
.icsayfa-container{	
	height: 400px;	
}

.hakkimizda-header{
	background: url('../img/hakkimizda-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.is-bottom{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 35px;
	width: 94%;
	left: 50%;
	transform: translateX(-50%);
}

.is-bottom h1{
	color: #d5fe46;
	font-family: Poppins-Bold;
}

.is-bottom h5{
	color: #ccc;
	font-family: Poppins-Light;
}

.header-bottom-line{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 25px;
	width: 500px;
	height: 1px;
	background: #ccc;
}

.header-bottom-line:after{
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	position: absolute;
	top: -5px;
	right: 0;
	z-index: 5;
}

.arayalim{
	position: absolute;
	display: block;
	width: 220px;
	height: 45px;
	right: 30px;
	bottom: 80px;
	background: #fff;
	color: #000;
	z-index: 1;
	padding:5px 3px;
	padding-top: 10px;
	font-family: Poppins-SemiBold;	
	transform: rotate(90deg);  
  -webkit-transform: rotate(90deg);  
  -moz-transform: rotate(90deg);  
  -ms-transform: rotate(90deg); 
  -o-transform: rotate(90deg);  
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; 
}

.call{
	transform: rotate(-90deg) translateY(-30px) translateX(30px);
	width: 40px;
	height: 35px;
	animation: callanimate 2s linear infinite;
}

@keyframes callanimate{
	100%{
		width: 70px;
	  height: 60px;
	  opacity: 0;
	  transform: rotate(-90deg) translateY(-70px) translateX(40px);
	}
}

.sa-phone{
	transform: rotate(-90deg);	
}

.hak-sec1-container{
	box-shadow: 0 0 15px #ccc;
	position: relative;
	height: 250px;
	padding: 20px;
	padding-left: 76px;
}

.hak-sec1-container h3{
	position: absolute;
	display: block;
	width: 250px;
	left:-102px;
	top: 101px;
	z-index: 1;
	padding: 12px 10px;
	text-align: center;
	font-family: Poppins-SemiBold;
	font-size: 1.5rem;
	transform: rotate(-90deg);  
  -webkit-transform: rotate(-90deg);  
  -moz-transform: rotate(-90deg);  
  -ms-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg);  
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size: 1.3em;
}

.hak-sec1-container a{
	color: #666;
}

.hak-sec1-container img{
	transition: 0.6s;
	height: 70px;
	opacity: 0.5;
}

.hak-sec1-container a:hover img{
	margin-left: 34px;
	opacity: 1;
	fill: red;
}

.hak-header-green{
	background: #d5fd46;
	color: #000;	
}

.hak-header-black{
	background: #000;
	color: #fff;	
}

.hak-sec1-container p{
	font-size: 0.9em;
	height: 90px;	
}

.hak-sec2-slogan{
	margin-top: -100px;
}

.hak-sec2-slogan{
	background: url('../img/hizmet-image1.png') no-repeat center center;
}


.hak-sec3-container{
	box-shadow: 0 0 20px #ccc;
	margin: 80px 0;
}

.hizmet-img-container{
	height: 250px;
	overflow: hidden;
	padding: 0;
}

.hizmet-img-container img{
	width: 100%;
	transition: 0.4s all;
}

.hizmet-img-container img:hover{
	transform: scale(1.22) rotate(-15deg);
}

.hak-sec5-container h1{
	color: #000;
	font-family: Poppins-Bold;
	font-size: 4rem;
}

.hak-sec5-container h3{
	color: #9dc50e;
	font-size: 2.5rem;
}

.hakkimizda-content{
	min-height: 60vh;
}

.hakkimizda-content ul li:before{	
	content: "\2022";
  color: #d3fb44;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  font-size: 20px;   
}


/* END HAKKIMIZDA PAGE ------------------------------------- */
.green-li ul{
	padding-left: 20px!important;
}


.green-li ul li:before{	
	content: "\2022";	
  color: #d3fb44;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;    
}

/* GALERI PAGE ---------------------------------------------*/
.galeri-header{	
	background: url('../img/galeri-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.galeri-container{	
	background: #fff;
	padding: 0;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.galeri-container:after{
	content: '';
	position: absolute;	
	width: 30px;
	height: 200px;
	top: -4px;
	right: -27px;
	z-index: 1;
	background: url('../img/gc-left.png') no-repeat 0 0;
}	


.gc-div2{
	width: 26px;
	min-width: 26px;
}

.galeri-container h6{
	display: block;
	padding: 10px;	
	font-family: Poppins-Medium;
	color: #000;	
	position: relative;	
	z-index: 2;	 
	background: #fff;
	height: 60px;
	text-transform: uppercase;
}

.gc-h6-shadow{
	position: absolute;
	z-index: 1;
	width: 101%;
	height: 60px;
	top:0;
	left: 0;
	box-shadow: 0 0 15px #c5c5c5;
}

.gc-inside{
	display: block;
	position: relative;
	z-index: 5;
	overflow: hidden;
	width: 100%;
	height: 280px;
	border: 10px solid #d5fd46;	
	margin-top: -28px;
}

.gc-ins-img-wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.gc-inside img{
	height: auto;
	width: 100%;
	border: 2px solid #fff;
	transition: all 0.3s;
}

.gc-inside:hover img{
	transform: scale(1.2) rotate(-10deg);
}

.gc-bottom{
	height: 19px;
	background: url('../img/gc-bottom.png') no-repeat 0 0;
	margin-top: 0;
}

.gc-inside2{
	margin-top: 0;
	padding-top: 0;
}

.gc-inside2 img{
	height: 100%;
	width: auto;	
}

.tumu-link{
	width: 80px;
	min-width: 80px;
	font-size: 0.8rem;
	color: #444;
	font-family: Poppins-Medium;
	transition: all 0.3s;
}

.tumu-link:hover{
	color: #a6cf13;
}

.tumu-line{
	width: 80%;
	height: 1px;
	background: #000;
	position: relative;
	margin-top: 10px;
}

.tumu-line:after{
	content: '';
	position: absolute;
	z-index: 1;
	top: -13px;
	right: -30px;
	width: 20px;
	height: 28px;
	background: url('../img/tumu-arrow.png') no-repeat 0 0;

}

.gc-wrapper{
	padding-right: 36px;	
}

.green-box{
	width: 40px;
	height: 60px;
	background: #d5fd46;
	margin-left: 34%;
}

.galeri-detay{	
	background: url('../img/galeri-detay-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.gc-detay-header{
	padding: 15px;
	height: 80px;
}
/* END GALERI PAGE -------------------------------------------*/





/* SSS PAGE ----------------------------------------------------*/
.sss-header{
	background: url('../img/sss-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}


.container-accordion{	
	padding: 0 20px;
	box-shadow: 0 0 15px #ddd;
	position: relative;
	border: 1px solid transparent;
	border-left:  8px solid #d5fd46;
}

.container-accordion h6{
	color: #000;
	display: block;
	height: 40px;
	cursor: pointer;
	padding-top: 15px;	
	position: relative;
	z-index: 1;
}

.icon-wrp{
	position: absolute;
	z-index: 0;
	top: 15px;
	right: 15px;
}

.icon-wrp i{
	color: #d5fd46;
	font-size: 1.5rem;
}

.acoordion-detail{
	display: block;	
	background: #f8f8f8;
	font-size: 0.9em;
	height: 0;
	overflow: hidden;	
	opacity: 0;
	transition: opacity 0.5s ease-out;
}

.acoordion-show{
	height: auto;
	padding: 15px;
	margin-bottom: 20px!important;
	opacity: 1;
}

.line-gray{
	border-left: 8px solid #e1e1e1;
}

.sss-container2{
	height: 500px;
	background: url('../img/sss-bg.jpg') no-repeat 0 0;
	backgrounp-position-x: right;
	background-size: cover;
}

.sss-slogan{
	position: absolute;
	z-index: 1;
	left: 5%;
	bottom: 20%;
}

.sss-slogan h4{
	color: #ccc;
}

.sss-slogan h3{
	font-family: Spartwell;	
	color: #d5fd46;
	font-size: 52px;
}

.sss-slogan a{	
	display: inline-block;
	margin-top: 20px;
	color: #ddd;
	font-size: 0.9rem;
	padding: 5px 15px;
	border: 1px solid #ddd;
	background: transparent;
	transition: all 0.3s;
}

.sss-slogan a:hover{	
	color: #d5fd46;	
	border: 1px solid #d5fd46;
}
/* END SSS PAGE ------------------------------------------------*/




/* BLOG PAGE ---------------------------------------------------*/
.blog-header{
	background: url('../img/blog-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.blog-list-content{
	position: relative;
	height: 220px;
	overflow: hidden;
	text-align: center;	
}

.blog-list-content img{
	height: 100%;
	width: 100%;
}

.blog-list-container{
	border: 1px solid #e0e0e0;
	padding: 15px;
	padding-bottom: 0;
	position: relative;
	z-index: 2;
	transition: all 1s;
}

.blog-list-container:hover:after{
	content: '';
	position: absolute;
	z-index: 0;
	width: 102%;
	height: 104.3%;
	border: 2px solid #9ac111;
	top: -5px;
	left: -5px;
	animation: blanimate 0.5s linear forwards;
}

@keyframes blanimate{
	0%{
		opacity: 1;
		width: 102%;
	  height: 104.3%;
		top: -5px;
	  left: -5px;
	}
	100%{
		opacity: 0;
		width: 112%;
	  height: 124.3%;
		top: -25px;
	  left: -25px;
	}
}


.blog-list-header{
	padding: 10px;
	border-left: 7px solid #d5fd46;
}

.blog-list-header h6{
	color: #000;
	font-family: Poppins-bold;
}

.blog-list-header span{
	display: block;
	margin-top: -5px;
	color: #888;
	font-size: 0.8rem;
}

.blog-list-p{
	position: relative;
	z-index: 2;
	display: block;
	padding-left: 20px;
	font-size: 0.86rem;
	min-height: 76px;
	margin-top: 25px;
}

.blog-devam{
	position: relative;
	z-index: 2;
	color: #acd713;
	font-size: 0.9rem;
	display: block;
	width: 110px;
	background: url('../img/blog-devam.png') no-repeat 100% 2px;
	transition: all 0.3s;
}

.blog-devam:hover{
	color: #000;
}

.bd-img-container{
	position: relative;
	overflow: hidden;
	max-height: 380px;
}

.bd-img-container img{
	width: 100%;
}

.he-li{
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #e2e2e2;
}

.he-li a{
	font-size: 0.94rem;
	color: #666;
	transition: all 0.3s;
	padding: 5px;
	display: block;
}

.he-li a:hover{
	background: #d5fd46;
	color: #000;
}

.he-img-container{
	background: url('../img/blog-detay-img1.jpg') no-repeat 0 0;
	background-size: cover;
	background-position-x: right;
	height: 180px;
}

.he-img-container h6{
	color: #eee;
	font-size: 0.86rem;
}

.he-img-container a{
	position: relative;
	color: #d5fd46;
	font-size: 1.5rem;
	font-family: Poppins-Bold;
}

.he-img-container a:after{
	content: '';
	position: absolute;
	z-index: 1;
	right: 20px;
	bottom: -18px;
	background: url('../img/mause-arrow.png') no-repeat 0 0;
	width: 20px;
	height: 20px;
}
/* END BLOG PAGE ------------------------------------------------*/



/* DEGISIM DETAY PAGE -------------------------------------------*/
.degisim-header{
	background: url('../img/degisim-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.dd-img-wrapper{
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 15px #ccc;
	overflow: hidden;
	text-align: center;
	position: relative;
	height: 550px;
}

.dd-inside{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.dd-img-wrapper img{
	width: 100%;
}

.dd-line{
	height: 10px;
	border-bottom: 1px solid #ddd;
}

.dd-desc-wrapper{
	position: relative;
	height: 200px;
	border: 1px solid transparent;
}

.dd-desc-wrapper:before{
	content: '';
	position: absolute;
	left: 50%;
	top: -22px;
	height: 22px;
	width: 2px;
	border-left: 1px solid #ccc;
}

.dd-desc-wrapper:after{
	content: '';
	position: absolute;
	left: 50%;
	top: -28px;
	height: 12px;
	width: 12px;
	background: url('../img/dd-circle.png') no-repeat 0 0;
	transform: translateX(-49%);
}

.dd-desc-text-wrap{
	text-align: center;
	margin-top: 70px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px #ccc;
	color: #888;
	padding: 30px 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.dd-1{
	margin-top: 20px;
	background: url('../img/dd-icon1.png') no-repeat center 0;
	background-size: contain;
}

.dd-2{
	margin-top: 20px;
	background: url('../img/dd-icon2.png') no-repeat center 0;
	background-size: contain;
}

.dd-3{
	margin-top: 20px;
	background: url('../img/dd-icon3.png') no-repeat center 0;
	background-size: contain;
}

.dd-4{
	margin-top: 20px;
	background: url('../img/dd-icon4.png') no-repeat center 0;
	background-size: contain;
}

.dd-slogan{
	font-family: Poppins-Light;
}

.dd-slogan strong{
	font-family: Poppins-Medium;
}

.dd-basvur{
	display: block;
	height: 50px;
	width: 250px;
	text-align: center;
	color: #fff;
	font-family: Poppins-Bold;
	background: #cd0a2b;
	border: 2px solid #fff;
	border-radius: 25px;
	box-shadow: 0 0 15px #888!important;
	transition: 0.3s;
}

.dd-basvur img{
	width: 36px;
	margin-top: 6px;
}

.dd-basvur:hover{
	background: #a40a24;
}

.dd-left-img-wrapper{
	position: relative;
	height: 560px;
	background: url('../img/dd-left-img.jpg') no-repeat 0 0;
	background-size: contain;	
}

.dd-left-img-wrapper a{
	display: block;
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 1;
	left: 15px;
	right: 15px;
	top: 72%;
	font-family: Poppins-Light;
	transition: 0.3s;
	color: #ccc;
}

.dd-left-img-wrapper a:hover{
	color: #fff;
}
/* END DEGISIM DETAY PAGE ----------------------------------------*/





/* ILETISIM PAGE -------------------------------------------------*/

.iletisim-header{
	background: url('../img/iletisim-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.iletisim-sec1-container{
	padding: 15px;
	box-shadow: 0 0 15px #ddd;
}

.ilt-h6{
	position: relative;
	display: block;
	color: #bae425;
	font-family: Poppins-Bold;
	margin-bottom: 30px;
}

.ilt-h6:after{
	content: '';
	position: absolute;
	width: 70%;
	left: 50%;
	bottom: -10px;
	height: 2px;
	background: #bae425;
	transform: translateX(-50%);
}

.iletisim-sec1-container p{
	font-size: 14px;
}

.iletisim-sec1-container p a{
	color: #666;
}

.ilt-icon-wrap{
	width: 28px;
	height: 28px;
	border: 2px solid #bae425;
	padding-top: 1px;
	border-radius: 50%;
}

.iletisim-sec2-container{
	background: url('../img/iletisim-text.png') no-repeat center 0;
	background-size: contain;
}

.iletisim-sec2-container h5{
	font-family: Spartwell;
	font-size: 80px;
	color: #000;
}

.iletisim-sec3-container{
	box-shadow: 0 0 15px #ddd;
}

.ilt-input{
	border-radius: 0;
	border: 1px solid #f3f3f3;
	background: #f3f3f3;
}

.btn-ilt-gonder{
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #bae425;
	font-family: Poppins-SemiBold;
}

.btn-ilt-gonder:hover{
	background: #a3cb17;
}

.iletisim-sec4-container{
	box-shadow: 0 0 15px #ccc;
}

.iletisim-sec5-container{
	background: url('../img/iletisim-bg.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center 0;
	height: 410px;
}

.ilt-bottom-div{
	position: relative;
	z-index: 2;
	height: 380px;
}

.ilt-bottom-div img{
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -100px;
}

.ilt-social h5{
	color: #d5fd46;
}

.iletisim-sec6-container{
	background: url('../img/iletisim-text2.png') no-repeat 0 50px;	
	min-height: 220px;
}

.iletisim-sec6-container h5{
	font-family: Spartwell;
	font-size: 80px;
	color: #000;
}
/* END ILETISIM PAGE ---------------------------------------------*/





/* EGITIM KOCLARI PAGE ---------------------------------------------*/
.ekoclari-header{
	background: url('../img/ek-header.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.ek-img-container{	
	width: 250px;
	height: 250px;
	border-radius: 50%;
	border: 15px solid #e2e2e2;
	z-index: 2;
	overflow: hidden;
}

.ek-img-wrapper:before{
	content: '';
	position: absolute;
	z-index: 3;
	width: 310px;
	height: 300px;
	background: url('../img/ek-img-top.png') no-repeat 0 0;
	background-size: contain;
	/*
	border-top-left-radius: 260px;  
  border-top-right-radius: 260px; 
  border: 15px solid #d3fb44;
  border-bottom: 0;
  */
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
}

.ek-text-container{	
	width: 350px;
	border-radius: 20px;
	border: 15px solid #e2e2e2;
	padding-top: 80px;
	margin-top: -80px;
	z-index: 0;	
}

.ek-text-container:before{
	content: '';
	position: absolute;
	top: 10px;
	left: -15px;
	background: #d3fb44;
	width: 18px;
	height: 120px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}	

.ek-text-container:after{
	content: '';
	position: absolute;
	top: 10px;
	right: -15px;
	background: #d3fb44;
	width: 18px;
	height: 120px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}	

.ek-text-container h5{
	font-size: 20px;
	color: #000;
	font-family: Poppins-Bold;
}

.ek-text-container h6{	
	color: #ccc;	
}

.ek-img-wrapper2:before{
	content: '';
	position: absolute;
	z-index: 3;
	width: 200px;
	height: 200px;
	background: url('../img/ek-img-top2.png') no-repeat 0 0;
	background-size: contain;	
	top: 27px;
	left: 50%;
	transform: translateX(-50%);
}


.ek-img-container2{	
	width: 160px;
	height: 160px;
	border-radius: 50%;
	border: 13px solid #e2e2e2;
	z-index: 2;
	overflow: hidden;
}

.ek-text-container2{	
	max-width: 100%;
	width: 100%;
	border-radius: 20px;
	border: 13px solid #e2e2e2;
	padding-top: 60px;
	margin-top: -60px;
	z-index: 0;	
}

.ek-text-container2:before{
	content: '';
	position: absolute;
	top: 10px;
	left: -15px;
	background: #d3fb44;
	width: 17px;
	height: 100px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}	

.ek-text-container2:after{
	content: '';
	position: absolute;
	top: 10px;
	right: -15px;
	background: #d3fb44;
	width: 17px;
	height: 100px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}	

.ek-text-container2 h5{
	font-size: 16px;
	color: #000;
	font-family: Poppins-Bold;
}

.ek-text-container2 h6{	
	color: #ccc;
	height: 40px;
	font-size: 15px;
	padding: 0 7px;		
}

.ek-img-container2 img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}

.ek-img-container img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}

.ek-box-shadow{
	margin: -5px auto 0 auto;
	width: 60%;
	height: 40px;
	background: url('../img/ek-box-shadow.png') no-repeat 0 0;
	background-size: contain;
	background-position: center;
}

.ek-box-shadow2{
	margin: -12px auto 0 auto;
	width: 70%;
	height: 40px;
	background: url('../img/ek-box-shadow.png') no-repeat 0 0;
	background-size: contain;
	background-position: center;
}

.row-1{
	margin-top: 50px;
}

@media (min-width: 992px){
	.row-1{
		margin-top: 200px;		
	}

	.row-2{
		margin-top: 300px;		
	}

	.row-1:before{
		content: '';
		position: absolute;
		top: -300px;
		left: 0;
		height: 400px;
		width: 400px;
		background: url('../img/ek-line-top-left.png') no-repeat; 0 0;
	}

	.row-1:after{
		content: '';
		position: absolute;
		top: -300px;
		right: 0;
		height: 400px;
		width: 400px;
		background: url('../img/ek-line-top-right.png') no-repeat; 0 0;
	}

	.ekd-col-1:before{
		content: '';
		position: absolute;
		top: -60px;
		left: 60px;
		height: 250px;
		width: 250px;
		background: url('../img/ek-line-top-left.png') no-repeat; 0 0;
		background-size: contain;
	}

	.ekd-col-1:after{
		content: '';
		position: absolute;
		top: -60px;
		right: -60px;
		height: 250px;
		width: 250px;
		background: url('../img/ek-line-top-right.png') no-repeat; 0 0;
		background-size: contain;
	}

	.ekd-sertifika-wrap:before{
		content: '';
		position: absolute;
		top: 0;
		left: -50px;
		height: 250px;
		width: 250px;
		background: url('../img/ek-line-top-left.png') no-repeat; 0 0;
		background-size: contain;
	}

	.ekd-sertifika-wrap:after{
		content: '';
		position: absolute;
		top: 0;
		right: -50px;
		height: 250px;
		width: 250px;
		background: url('../img/ek-line-top-right.png') no-repeat; 0 0;
		background-size: contain;
	}
}

.spartwell{
	font-size: 70px;
	font-family: Spartwell;
	color: #f6f6f6;
	width: 100%;
	position: absolute;
	top: 0;
	left:0;	
	text-align: center;
}

.ekd-text-wrap{
	position: relative;
	z-index: 1;
}

.ekd-text-wrap h5{
	color: #000;
	font-size: 26px;
	font-family: Poppins-Bold;
}

.ekd-text-wrap h6{
	color: #999;
}

.ekd-sertifika-wrap h4{
	color: #000;
	font-family: Poppins-Bold;
}

.ekd-sertifika-wrap ul{
	list-style: none;
}

.ekd-sertifika-wrap ul li{	
	margin-top: 8px;
}

.ekd-sertifika-wrap ul li:before{	
	content: "\2022";
  color: #d3fb44;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  font-size: 20px;   
}

.ekd-galeri-wrapper{	
	padding: 15px;
	box-shadow: 0 -3px 5px #ddd;
	background: url('../img/ekd-line.png') no-repeat -3px 0,
									 url('../img/ekd-line.png') no-repeat 101% 0;
	background-size: contain;
	position: relative;
	z-index: 2;
	overflow: hidden;
	text-align: center;
	height: 320px;
}

.ekd-galeri-inside{
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.ekd-galeri-wrapper img {
  filter: -webkit-grayscale(100%);
  filter: -moz-grayscale(100%);
  filter: grayscale(100%);
  transition: 0.4s;  
  width: 100%;
  height: auto;
}

.ekd-galeri-wrapper img:hover{
	filter: -webkit-grayscale(0);
  filter: -moz-grayscale(0);
  filter: grayscale(0);
}

.ekd-sogan{
	z-index: 2;
	font-family: Poppins-Black;
	font-size: 36px;
	color: #b5de24;
}

.spartwell-span{
	font-family: Spartwell;
	color: #000;
	font-size: 50px;
}

/* END EGITIM KOCLARI PAGE ------------------------------------------*/



/* EGITIM PAKETLERİ PAGE --------------------------------------------*/

.egitim-paket-header{
	background: url('../img/egitim-paket-bg.jpg') no-repeat 0 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.egtp-section1{
	min-height: 160px;
	background: url('../img/egp-icon1.png') no-repeat 0 0;
	background-size: contain;
}

.egticerik-section ul{
	display: block;
	min-height: 140px;
	background: url('../img/egp-icon1_1.png') no-repeat center center;	
	background-size: contain;
	margin-top: 20px;
	padding-left: 60px;
}

.egt-right{
	text-align: right;
}

.egtp-section2{
	min-height: 160px;
	background: url('../img/egp-icon2.png') no-repeat right 0;
	background-size: contain;
}

.egtp-ul2{
	display: block;
	min-height: 140px;
	background: url('../img/egp-icon2_1.png') no-repeat center center;	
	background-size: contain;
}

.egd-header{
	padding-left: 30px;
	font-family: Poppins-Bold;
	color: #000;
}

.green-li ul li:before{	
	content: "\2022";
  color: #d3fb44;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  font-size: 20px;   
}

.green-li2 h5{
	padding-right: 45px;
}

.green-li2 ul{
	padding-right: 40px;
}

.green-li2 ul li:after{	
	content: "\2022";
  color: #d3fb44;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-right: 0em;
  font-size: 20px;   
}

.egtp-section3{
	min-height: 160px;
	background: url('../img/egp-icon3.png') no-repeat 0 0;
	background-size: contain;
}

.egtp-ul3{
	display: block;
	min-height: 140px;
	background: url('../img/egp-icon3_1.png') no-repeat center center;	
	background-size: contain;
}

.egtp-section4{
	min-height: 160px;
	background: url('../img/egp-icon4.png') no-repeat right 0;
	background-size: contain;
}

.egtp-ul4{
	display: block;
	min-height: 140px;
	background: url('../img/egp-icon4_1.png') no-repeat center center;	
	background-size: contain;
}

.egt-detay-circle{
	position: relative;
	width: 300px;
	height: 300px;
	background: url(../img/egt-detay-circle.png) no-repeat 0 0;
	background-position: center center;
	background-size: contain;
	padding-top: 18%;
	color: #40423a;
}

.egt-detay-circle h1{
	font-family: Poppins-Black;
	font-size: 3.8rem;
}

.egt-detay-circle h2{
	font-family: Poppins-Black;
}

.egt-detay-circle a{
	font-size: 0.8rem;
	color: red;
	text-decoration: underline;
}

.ekd-sogan2{
	z-index: 2;
	font-family: Poppins-Bold;
	font-size: 30px;
	color: #000;
}

.egitim-container{
	position: relative;
	z-index: 1;
	height: 450px;
	width: 100%;
	border: 1px dashed #000;
	border-radius: 25px;
	padding: 30px;	
}

.egt-cont-right{
	position: absolute;
	height: 101.2%;
	width:45%;
	top: -2px;
	right: -2px;
	box-shadow: 5px 0 5px #ccc;
	z-index: 2;
	background: #fff;
	border-top-right-radius: 25px ;
	border-bottom-right-radius: 25px ;
}

.egitim-container .inside-wrap{
	position: relative;
	z-index: 4;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	box-shadow: 2px 0 10px #ddd;
	background: linear-gradient(to right, #f9f9f9, #fff);
}

.inside-wrap h4{
	font-family: Poppins-Bold;
	color: #111;
}

.egt-kusak-p1{
	padding: 8px;
	background: linear-gradient(to right, #a16e55, #be886f);
}

.fiyat1{
	font-family: Poppins-Black;
	color: #fff;
	font-size: 36px;
}

.tl{
	display: block;
	width: 30px;
	height: 20px;
	transform: rotate(-90deg);
	margin-top: 15px;
	font-size: 1.2rem;
}

.egt-cont1{
	position: relative;
	z-index: 1;
}

.egt-cont1:after{
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;	
	right: 35px;
	z-index: 0;
	background: #be886f;
	transform: rotate(45deg) translateY(-50%);
}

.egt-kusak-p2{
	padding: 8px;
	background: linear-gradient(to right, #b4b3b9, #d7d6de);
}

.fiyat2{
	font-family: Poppins-Black;
	color: #000;
	font-size: 36px;
}

.egt-cont2{
	position: relative;
	z-index: 1;
}

.egt-cont2:after{
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;	
	right: 35px;
	z-index: 0;
	background: #d7d6de;
	transform: rotate(45deg) translateY(-50%);
}

.egtp-ozet{
	height: 160px;
	font-size: 0.9rem;
	overflow: hidden;
}

.inside-wrap a{
	color: #9dc218;
	text-decoration: underline;
	font-size: 0.9rem;
}

.egt-cont3{
	position: relative;
	z-index: 1;
}

.egt-kusak-p3{
	padding: 8px;
	background: linear-gradient(to right, #cab661, #f9e282);
}

/* END EGITIM PAKETLERİ PAGE ------------------------------------------*/

.icsayfa-header{
	position: relative;
}


































/* ****************** MEDIA  *********************************************/

@media screen and (min-width: 992px){
	
}



@media (max-width: 992px){

	.logo-wrapper-mobil{
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 500;
		max-width: 110px;
	}

	.social-mobil{
		display: flex;
		position: absolute;
		top: 15px;
		right: 100px;
		z-index: 960;
	}

	.social-mobil a{
		color: #fff;
		margin-right: 20px;
		font-size: 24px;
	}	

	.menu-overlay{
		z-index: 50;
		height: 80px;
	}

	.top-information{
		display: none;
	}

	.logo-wrapper{
		display: none;
	}

	.menu-toggle{
			position: absolute;
			display:block;			
			right: 25px;
			top: 15px;
			z-index: 1000;
			transition: all 0.3s;
	}

	.nav-top-wrapper{
		position: absolute;
		z-index: 950;
	}

	.top-social{	
		display: none!important;		
	}

	.menu-top{
		position: fixed;
		z-index: 950;	
		top:0;
		left:-150%;		
		width: 0;
		height: 100vh;
		background: #333!important;
		border:0;
		transition: left 0.3s;	
		margin-top: 0;
	}

	.menu-show{
		left:-25px;
		width: 110%;
		background: #fdfdfd;		
	}

	.top-menu-link{
		color: #fff;
		display: block;
		padding: 5px;
		margin-bottom: 8px;
		font-size: 1.2em;		
	}


	.logo-wrapper{	
		max-width: 300px;
	}

	.mobile-logo img{
		max-width: 200px;
		margin-left: 30px;
	}

	.top-information{
		display: none!important;
	}

	.mobile-menu-line{
		height: 1px;
		background: #777;
		width: 100%;
		margin-top: 15px;
	}

	.header-center-text h1{
		font-size: 1.5em;
	}

	.header-center-text h4{
		font-size: 1em;
	}

	.header-bottom .slogan{
		font-size: 1em;
	}


	.owl-slider-index{
		height: 80vh;
	}

	.owl-slider-index .item{
		height: 80vh;
	}

	.owl-slider-index .item img{
		width: 100%;
		height: 80vh;
	}

	.header-bottom{
		top: 55%;
	}

	.sizi-arayalim-link{
		top: 58%;
	}

	.sizi-arayalim-link{		
		width: 60px;
		height: 60px;
		font-size: 0.6em;
		padding-top: 20px;
	}

	.sizi-arayalim-link:after{		
		top: -10px;
		left: -10px;
		z-index: 9;
		width: 70px;
		height: 70px;		
		animation: ripple 1.5s linear infinite;
	}

	@keyframes ripple {
		  0% {
		    top: -5px;
			  left: -5px;
		    width: 70px;
			  height: 70px;
		    border: #d5fd46 2px solid;
		    opacity: 1;
		  }
		  100% {
		    top: calc(50% - 5.5em);
		    left: calc(50% - 5.5em);
		    width: 11em;
		    height: 11em;
		    border: white .5em solid;
		    opacity: 0;
		  }
	}

	.section-1-line{
		display: none;
	}

	.section-1-slogan{
		margin-top: 10px;
	}

	.section-1-slogan h1{
		font-size: 1.7em;
	}

	.section-1-slogan h1 span{
		font-size: 1.7em;
	}

	.section-1-slogan h6{
		font-size: 1em;
	}

	.section-3-bottom{		
		background-position: center;
		background-size: cover;
		height: 160px;
	}

	#section-2{
			height: auto;
	}

	.gc-inside{		
		height: 200px;
	}

	.sss-container2{
		height: 300px;
	}

	.dd-img-wrapper{
		height: auto;
	}

	.iletisim-sec5-container{
		background: #333;
		height: auto;
	}

	.ekd-galeri-wrapper{	
		height: auto;
	}

	.ekd-galeri-wrapper img{
		 width: 100%;
		 height: auto;
	}


	.blog-list-content{
		height: auto;
	}

	


}
/* end 992 media ---------------------- */







@media (max-width: 768px){
	
		.sec3-btext-wrapper h2{
			font-size: 32px;
		}		

		.section-3-bottom .spn33{
			font-family: Spartwell;	
			color: #fff;	
			font-size: 40px;	
		}


		.section-5 h2{
			font-size: 32px;			
		}

		.section-5 h3{	
			font-size: 20px;
		}

		.section-5 h6{	
			font-size: 20px;
		}

		.section-2 h4{	
			font-size: 24px;
		}

		.section-3 h4{	
			font-size: 24px;
		}

		.hak-sec1-container{
			height: 200px;
		}

		.hak-sec1-container h3{
			width: 200px;
			font-size: 1.2em;
			top: 81px;
			left: -82px;
			height: 38px;
			padding: 6px 10px;
		}

		.mobile-logo img{
			max-width: 100px;		
		}

		.hak-sec5-container h1{
			font-size: 2rem;
		}

		.hak-sec5-container h3{
			font-size: 1.4rem;
		}

		.gc-inside{		
			height: 260px;
		}

		.sss-container2{
			height: 250px;
		}

		

}
/* ./media ------------------------------ */




/* media ---------------------- */
@media (max-width: 576px){
	
	.owl-slider-index{
		height: 50vh;
	}

	.owl-slider-index .item{
		height: 50vh;
	}

	.owl-slider-index .item img{
		width: 100%;
		height: 50vh;
	}

	.header-bottom{
		top: 30%;
	}

	.sizi-arayalim-link{
		top: 32%;
	}

	.header-center-text h1{
		font-size: 1em;
	}

	.header-center-text h4{
		font-size: 0.8em;
	}

	.header-bottom .slogan{
		font-size: 0.8em;
	}

	.logo-wrapper{
		max-width: 140px;
	}

	.section-1-slogan-2{		
		right: 20px;
		bottom: 20px;		
	}

	.sec3-btext-wrapper h2{
			font-size: 24px;
	}		

	.section-3-bottom .spn33{				
			font-size: 30px;	
	}

	.section-3-bottom{
			height: 100px;
	}

	.section-5 h2{
			font-size: 26px;			
	}

	.header-bottom-line{
		width: 90%;		
	}

	.arayalim{
		right: -60px;
		font-size: 0.86em;
		height: 40px;
		width: 185px;
		padding-top: 8px;
		bottom: 68px;		
	}

	.arayalim img{
		width: 26px;
	}

	.icsayfa-container{
		height: 280px;		
	}

	.container-accordion h6{
		font-size: 0.86rem;
		padding-right: 26px;
	}

	.sss-slogan{
		top: 30px;
	}

	.sss-slogan h4{
		font-size: 1.1rem;
	}

	.sss-slogan h3{
		font-size: 32px;
	}

	.sss-slogan a{
		font-size: 0.78rem;
		margin-right: 15px;
	}

	.iletisim-sec2-container h5{
		font-size: 50px;	
	}

	.iletisim-sec6-container h5{
		font-size: 50px;	
	}
	
	.index-img-wrapper{	
		height: 300px;			
	}
}

@media (max-width: 400px){		

		.gc-inside{		
			height: 200px;
		}

		.tumu-line{
			width: 70%;
		}

		.index-img-wrapper{	
			height: 250px;			
		}
}


@media (max-width: 380px){

		.sec3-btext-wrapper h2{
				font-size: 18px;
		}		

		.section-3-bottom .spn33{				
				font-size: 26px;	
		}

		.gc-inside{		
			height: 200px;
		}
}

.k{border: 1px solid red}
.m{border: 1px solid blue}
.y{border: 1px solid green}