:root {
  --sari: #f6bf02;
  --gri: #4d4d4d;
}

html, body{
	font-size: 15px;
	font-family: Poppins-Regular;
	background: #fff;
	color: #555;
}

/* menu toggle button ------------------------------------------------------------ */
	.menu-toggle{		
		border:0; 
		width:35px; 
		height:35px; 
		padding:0;
		cursor:pointer; 
		position:relative; 
		background:transparent; 
		display:none;	
		z-index: 500;	
	}		
	
	.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 ------------------------------------------------------ */





/* header ---------------------------------------------------------------------------*/
.header-top{
	background: #353535;
	padding: 9px 0;
	color: #ddd;
	font-size: 0.9em;
}

.header-top a{
	color: #ddd;
	transition: 0.4s all;
}

.header-top a:hover{
	color: var(--sari);
}

.fa-phone-volume{
	transform: rotate(-45deg);
}

.menu-top{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 50px;
	margin-top: 50px;
	width: 84%;
	transition: all 0.4s;
}

.menu-fixed{
	position: fixed;
	margin-top: 0;	
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	padding: 15px 100px;
	height: 70px;
	transition: top 0.4s;
}

.top-menu-container{
	position: relative;	
}

.top-menu-link{
	display: flex;
	position: relative;
	color: #ddd;
	transition: all 0.4s;
	text-transform: uppercase;
	font-family: Poppins-Medium;
	padding-bottom: 10px;	
}

.top-menu-link:hover{
	color: var(--sari);
}

.top-menu-link i{
	font-size: 0.8rem;
	margin-top: 7px;
	margin-left: 5px;
}

.top-sub-menu{
	background: #fff;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 5px 5px 8px #333;
	position: absolute;
	z-index: 500;
	left: 0;
	top: 60px;
	width: 180px;
	height: auto;	
	transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;	
}

.top-sub-menu li a{
	display: block;
	padding: 4px 0;
	color: #666;
	font-size: 0.90rem;	
}

@media (min-width: 992px){
	.top-menu-container:hover .top-sub-menu{
		visibility: visible;
		opacity: 1;
		top: 50px;
	}
}

.owl-slider .item{
	min-width: 100%!important;	
	width: 100%!important;
	position: relative;
	padding: 0;
	overflow: hidden;
	height: 93vh;
}

.owl-slider .item img{
	min-width: 100%;	
	width: 100%;
}

.slide-text-wrap{
	position: absolute;
	z-index: 3;
	left: 10%;
	top: 50%;	
	font-size: 3rem;
	color: #fff;
}

.slide-text-wrap span{
	color: var(--sari);
	font-family: Poppins-SemiBold;
}

.slide-text-wrap h4{	
	font-family: Poppins-Light;
}

.slider-animate{
	animation: slider-animate 2s;
}

@keyframes slider-animate{
  0% {top:70%}
  100% {top:50%}
}

.slider-prev{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 3%;
	top: 50%;
	transform: translateY(-30px);
	z-index: 50;
	cursor: pointer;
	transition: all 0.3s;
}

.slider-prev:hover{
	left: 3.5%;
}

.slider-prev .line1{
	width: 30px;
	height: 2px;
	background: #fff;
	transform: rotate(-45deg);
	margin-top: 15px;
}

.slider-prev .line2{
	width: 30px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
	margin-top: 19px;
}

.slider-next{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translateY(-30px);
	z-index: 50;
	cursor: pointer;
	transition: all 0.3s;
}

.slider-next:hover{
	right: 2.5%;
}

.slider-next .line1{
	width: 30px;
	height: 2px;
	background: #fff;
	transform: rotate(-135deg);
	margin-top: 15px;
}

.slider-next .line2{
	width: 30px;
	height: 2px;
	background: #fff;
	transform: rotate(135deg);
	margin-top: 19px;
}

.slider-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;	
}

.btn-uyelik{
	display: block;
	width: 100px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	padding: 3px;
	border: 1px solid var(--sari);
	transition: all 0.4s;	
	color: #ddd;
	margin-top: 10px;
	font-size: 0.9rem;
}

.btn-uyelik:hover{
	border: 1px solid #fff;
	color: var(--sari);
}
/* end header -----------------------------------------------------------------------*/



/* index -----------------------------------------------------------------------------*/
.section-2, .section-4{
	background: url('../images/yol.jpg') repeat-x 0 0;
	background-size: contain;
	color: #fff;
}

.section-2 i{
	color: var(--sari);
	font-size: 2.5em;
}

.section-2 h4{
	font-family: Poppins-Bold;	
}

.section-2 h6{
	margin-top: -10px;
}

.btn-site{
	background: var(--gri);
	color: #fff;
	padding: 7px 20px;
	border-radius: 5px;
	font-size: 0.86rem;
	transition: all 0.4s;
}

.btn-site:hover{
	background: var(--sari);
	color: #000;
}

.color-sari{
	color: var(--sari);
}

.isik-content{
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 20px;
	background: url('../images/yesil-i.png') no-repeat center center;
	background-size: contain;
	width: 140px;
	height: 140px;
	animation: isik 1.5s linear alternate-reverse infinite;
}

@keyframes isik{
	0%{
		background: url('../images/yesil-i.png') no-repeat center center;
		background-size: contain;
	}
	50%{
		background: url('../images/sari-i.png') no-repeat center center;
		background-size: contain;
	}
	100%{
		background: url('../images/kirmizi-i.png') no-repeat center center;
		background-size: contain;
	}
}

.nb-content{
	position: relative;
	width: 100px;
	height: 100px;	
}

.nb-content:before{
	content: "";
    position: absolute;
    z-index: 0;
    top: 15px;
    left: 15px;
    background: #eee;
    width: 70px;
    height: 70px;
    -webkit-box-shadow: 2px 1px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 5px rgb(0 0 0 / 10%);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.nb-content i{
	position: relative;
	z-index: 1;
	color: var(--sari);
	margin-top: 32px;
}

.p-light{
	font-family: Poppins-Light;
	line-height: 22px;
	font-size: 0.9rem;
	min-height: 90px;
}

.sec-6-top{
	position: relative;
	padding: 20px;	
	background: url('../images/yol.jpg') repeat 0 0;	
	color: #eee;	
}

.h-font-light{
	font-family: Poppins-Light;
}

.sec-6-top span{
	color: var(--sari);
}

.sec-6-top a{
	border: 1px solid #eee;
	color: #eee;
	padding: 5px 30px;	
	display: inline-block;
	margin-top: 10px;
}

.sec-6-top a:hover{
	border: 1px solid var(--sari);
	color: var(--sari);	
}

.sec-6-animate-content{
	overflow: hidden;
	height: 350px;
}


.city{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 500%;
	height: 260px;
	background: url('../images/city.png') repeat-x 0 0;
	animation: city 40s linear infinite;
}

@keyframes city{	
	100%{
		transform: translateX(-2000px);
	}
}

.road{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	width: 1000%;
	background: url('../images/road.jpg') repeat-x 0 0;
	background-size: contain;
	z-index: 1;	
	animation: road 15s linear infinite;
}

@keyframes road{	
	100%{
		transform: translateX(-2000px);
	}
}

.araba{
	position: absolute;
	width: 500px;
	height: 180px;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	background: url('../images/car.png') no-repeat 0 0;
	background-size: contain;
	z-index: 2;
}

.car-teker{
	position: absolute;
	z-index: 3;
	width: 85px;
	height: 85px;
}

.car-teker img{
	width: 100%;
	height: 100%;
	animation: teker-don 1s linear infinite;
}

.t1{
	bottom: 20px;
	left: 60px;
}

.t2{
	bottom: 20px;
	right: 28px;
}

@keyframes teker-don{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.car-logo{
	position: absolute;
	z-index: 3;
	top: 80px;
	right: 160px;
	width: 90px;
}

.car-logo img{
	width: 100%;
}

.ehliyet-list-container{
	position: relative;
	display: block;
	padding: 5px;
	background: #fff;
	box-shadow: 0 0 10px #ccc;
	color: #666;
	text-align: center;
	height: 250px;	
}

.sinif-wrapper{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.el-harf{
	padding: 15px;	
	background: #252525;
	color: var(--sari);
	font-family: Poppins-Bold;
	font-size:28px;
	text-align: center;
	padding: 0;
}

.ehl-img-wrap{
	padding: 0;
	height: 140px;
	overflow: hidden;
}

.ehl-img-wrap img{
	height: 90%;
	max-height: 90%;
	width: auto;
	transition: 0.4s;	
}

.ehliyet-list-container:hover{
	color: #666;
}

.ehliyet-list-container:hover .ehl-img-wrap img{
	transform: scale(1.1);
}

.section-7{
	height: 400px;
	background: url('../images/section7-bg.jpg') no-repeat 0 0;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	color: #eee;
}

.sec7-content{
	position: relative;
	z-index: 1;
}

.sec7-overlay{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.sec7-wrapper{
	padding: 20px;
	position: relative;
	border: 1px solid var(--sari);
}

.owl-sizden-gelen{
	height: 200px;
}

.owl-sizden-gelen .item{
	height: 200px;
}

.owl-sizden-gelen .item i{
	color: var(--sari);
	font-size: 0.8rem;
}

.sec7-top-icon-wrap{
	position: absolute;
	width: 50px;
	height: 50px;
	top: -25px;
	left: 47.5%;	
	background: var(--sari);
	border-radius:4px;
	padding: 2px;
	transform: rotate(-45deg);
}

.sec7-top-inner{
	width: 100%;
	height: 100%;
	border: 3px solid #222;
	border-radius:4px;
	text-align: center;
	padding-top: 5px;	
}

.sec7-top-inner i{
	transform: rotate(45deg);
}

.owl-sizden-gelen .item p{
	font-family: Poppins-Light;
}

.haber-wrapper{
	display: block;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 15px #eee;
	border-radius: 4px;
	color: #666;
}

.hbr-img-wrapper{
	position: relative;
	overflow: hidden;
	height: 250px;	
}

.hbr-img-wrapper img{
	height: 100%;
	width: 100%;
}

.hw-tarih{
	width: 80px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	background: #444;
	color: #fff;
	z-index: 2;
	text-align: center;
	padding: 5px;
	font-family: Poppins-Medium;
}

.hw-tarih h6{
	font-size: 0.9rem;
	font-family: Poppins-Light;
	margin-top: -7px;	
}

.haber-wrapper p{
	height: 80px;
	font-size: 0.86rem;
	font-family: Poppins-Light;
	overflow: hidden;	
}

.hw-link{
	display: block;
	color: #555;
	transition: 0.4s;
	height: 45px;	
}

.hw-link:hover{
	color: var(--sari);
}

.hbr-img-wrapper img{
	transition: 2s;
}

.hbr-img-wrapper:hover img{
	transform: scale(1.2);
}

.hw-link-bottom i{
	color: var(--sari);
	font-size: 30px;
	transition: 0.4s;
}

.hw-link-bottom:hover i{
	color: #222;
}

@media (min-width:992px) {
	.sinif-detay-img{
		max-height: 300px;
	}
}

.odcs-link{
	color: #666;
	transition: all 0.3s;
	width: fit-content;
}

.odcs-link:hover{
	color: var(--sari)
}

.odcs-link i{
	font-size: 22px!important;
}

.ders-list-content{
	display: block;
	box-shadow: 0 0 25px #999;
	pad: 3px;
	height: 270px;	
	color: #666;
	transition: all 0.3s;	
}

.ders-list-content:hover{
	color: var(--sari);
}

.ders-list-content h6{
	display: block;
	height: 35px;
	border-bottom: 1px solid #eee;
}

.soru-img-wrap{
	width: 100%;
	height: 70%;
	overflow: hidden;
	text-align: center;
}

.ders-list-content img{
	width: 100%;
	min-width: 100%;
	height: auto;	
	transition: all 0.8s;
	border-bottom:1px solid #eee
}

.ders-list-content:hover img{
	transform: scale(1.1);
}


/* ./ index --------------------------------------------------------------------------*/



/* haber detay ------------------------------------------------------------------------*/
.haber-detay-resim{
	height: 250px;
	overflow: hidden;
}

.image-link{
	height: 100%;
}

.hrd-img{
	height: 100%;
}
/* ./haber detay ------------------------------------------------------------------------*/



/* footer ----------------------------------------------------------------------------*/
.footer{
	background: url('../images/yol.jpg') repeat 0 0;	
	padding: 10px;
	color: #ddd;
	padding-bottom: 0;
}

.footer-line{
	width: 100%;
	height: 4px;
	background: var(--sari);	
}

.footer-bottom{
	background: #262626;
	color: #888;
	padding: 10px 0;	
	font-size: 0.8rem;
}

.footer-soc-wrapper{
	width: 40px;
	height: 40px;
	background: var(--sari);	
	transform: rotate(45deg);
	color: #000;
	padding: 3px;	
	transition: 0.3s;
}

.fsocial-inside{
	border: 2px solid #000;
	border-radius: 3px;
	padding-left: 8px;
	padding-top: 6px;
}

.footer-soc-wrapper i{
	font-size: 18px;	
	transform: rotate(-45deg);
}

.footer-soc-wrapper:hover{
	background: #fff;
	color: var(--sari);
}

.footer-soc-wrapper:hover .fsocial-inside{
	border: 2px solid var(--sari);
}

.footer-link{
	color: #ddd;
	display: block;
	transition: 0.3s;
	padding: 5px 0;
}

.footer-link:hover{
	color: var(--sari);
}

.footer-p{
	font-family: Poppins-Light;
	font-size: 0.86rem;
}

.fi-wrap{
	width: 26px;
	min-width: 26px;
}

.f-08{
	font-size: 0.86rem;
}
/* ./footer ----------------------------------------------------------------------------*/



/* iletisim ----------------------------------------------------------------------------*/
.banner{
	position: relative;
	height: 200px;
	background: url('../images/banner.jpg') no-repeat 0 0;
	background-position: center center;
	background-size: cover;
}

.banner-inside{
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 1;	
	width: 100%;
	height: auto;
	color: #ccc;
	font-family: Poppins-Light;
}

.banner-inside h2{
	color: var(--sari);
	font-family: Poppins-Medium;
}

.ilt-form{
	border-radius: 3px;
	padding: 10px;
}

.ilt-form::placeholder{
	color: #999;
	font-size: 0.9rem;
}

.ilt-form:focus{
	border-color: var(--sari);
}

.btn-gonder{
	text-align: center;
	background: #444;
	color: #fff;
	padding: 5px 30px;
}

.btn-gonder:hover{
	color: #000;
	background: var(--sari);
}

.ilt-i-wrap{
	width: 40px;
	min-width: 40px;
}

.ilt-i-wrap i{
	font-size: 26px;
	color: var(--sari);
}

.iframe-maps{
	width: 100%;
	height: 500px;
}

.iframe-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 2;
}

/* ./iletisim ---------------------------------------------------------------------------*/


/*   blog ------------------------------------------------------------------------------*/
.page-nav{
	color: #888;
	font-family: Poppins-Light;
	font-size: 0.86rem;
}

.page-nav a{
	color: #888;
	font-family: Poppins-Light;
	font-size: 0.86rem;
	transition: 0.3s;
}

.page-nav a:hover{
	color: var(--sari);
}

.page-nav span{
	color: #000;
}

.blog-link{
	display: block;
	padding: 5px 0;
	color: #666;
	transition: 0.3s;
	font-size: 0.84rem;
	color: #999;
}

.blog-link:hover{
	color: var(--sari);
}

.blog-list-tarih{
	margin: 10px 0;
	color: #999;
	font-size: 0.9rem;
}

.etiket-wrap span{
	display: inline-block;
	border: 1px solid #ccc;
	color: #999;
	border-radius: 3px;
	padding: 3px 10px;
	margin-right: 10px;
	font-size: 0.8rem;
}

.panel-link{
	position: fixed;
	display: block;
	width: 60px;
	height: 60px;
	top: 30%;
	right: 0;
	background: #000;
	color: var(--sari);
	text-align: center;
	z-index: 20;
	border: 1px solid var(--sari);
	padding-top: 12px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	transition: all 0.3s;
}

.panel-link:hover{
	color: #fff;
	border-color: #fff;
}
/*   ./ blog ---------------------------------------------------------------------------*/




/* hakkımızda -------------------------------------------------------------------------*/
.hkmz-img{
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}

.clear-both{
	clear: both;
}

#hakkimizda-section2{	
	min-height: 340px;
	background: url(../images/hakkimizda-bg-1.jpg) no-repeat 0 0;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-bottom: 40px;
}

.hkmz-icon-content{	
	position: relative;
	z-index: 4;
	width: 120px;
	height: 120px;
	border: 4px solid #ddd;
	border-radius: 4px;	
	transform: rotate(-45deg);
}

.hkmz-icon-content i{
	position: absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) rotate(45deg);
	color: #ddd;
	font-size: 40px;
}

.hkmz-col-wrap h3{
	display: inline-block;
	position: relative;
	z-index: 4;
	color: var(--sari);
	font-family: Poppins-Bold;
	margin-top: 40px;
	font-size: 30px;
}

.hkmz-col-wrap h5{
	position: relative;
	z-index: 4;
	color: #ddd;
}

.genel-overlay{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
}
/* ./ hakkımızda -----------------------------------------------------------------------*/

.pass-eye-wrap{
	position: absolute;
	width: 40px;
	height: 36px;
	z-index: 4;
	top: 0;
	right: 0;
	cursor: pointer;	
}


/* dersler ----------------------------------------------------------------------------*/
.ders-wrapper{
	box-shadow: 0 0 10px #ddd;
	border-radius: 5px;
	text-align: center;	
}

.ders-img-content{
	height: 200px;
	text-align: center;
	overflow: hidden;
	transition: 1s;
	position: relative;
	z-index: 1;

}

.ders-img-content img{	
	height: 100%;	
	width: auto;
	transition: 1s;
}

.ders-img-content:hover img{
	transform: scale(1.2);
}

.ders-img-content h6{	
	position: absolute;
	z-index: 2;
	display: block;
	width: 100%;
	padding: 5px 10px;
	color: #fff;
	left: 0;
	bottom: -8px;
	background: rgba(0, 0, 0, 0.8);
	text-align: left;
}

.ders-baslik{
	display: inline-block;
	border-bottom: 2px solid var(--sari);
	padding-bottom: 5px;	
}

.ders-detay-table-wrap{
	min-height: 70vh;
	box-shadow: 0 0 10px #ccc
}

.ders-detay-link{
	color: #444;
	transition: all 0.3s;
}

.ders-detay-link:hover{
	color: var(--sari);
}

.youtube-video{
	cursor: pointer;	
}

.youtube-content{
	height: 400px;
}

.youtube-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.btn-onceki-ders{
	position: absolute;
	z-index: 1;
	left: 15px;
	top: 10px;
	transition: all 0.3s;
}

.btn-onceki-ders:hover{
	color: var(--sari);
}

.btn-sonraki-ders{
	position: absolute;
	z-index: 1;
	right: 15px;
	top: 10px;
	transition: all 0.3s;
}

.btn-sonraki-ders:hover{
	color: var(--sari);
}

.text-danger{
	font-size: 0.8rem;
}

.text-red{
	color: #dc3545;
}

.text-green{
	color: green;
}

/* ./dersler --------------------------------------------------------------------------*/


.soru-content{
	background:#fff;
	padding: 10px;
	box-shadow: 0 0 25px #ddd;
	border-radius: 5px;
}

.soru-radio{
	display: block;
	width: 18px;
	min-width: 18px;
	height: 18px;
	margin-top: 2px;
	cursor:pointer;
}

.soru-resim-content{
	height: 200px;
}

.soru-resim-content img{
	width: auto;
	height: 100%;
}

.soru-success{
	padding:3px;
	background: #badbcc;
}

.soru-error{
	padding:3px;
	background: #f5c2c7;
}

.soru-yanit{
	display: none;
	padding: 5px 10px;
	background: #fff3cd;
	margin-top:15px
}

.soru-label{
	cursor: pointer;
}

.pagination .page-link{
	font-size: 0.84rem;
	color:#333;	
}

.pagination .page-item.active .page-link{
	background: #333;
	border-color: #dee2e6;
	
}

.sinav-soru-wrapper{
	padding: 15px;
	background: #f8f8f8;
	box-shadow: 0 0 25px #ccc;
}

.sinav-sonuc-h6 i{
	color:var(--sari);
}

.sinav-sonuc-h{
	min-width: 200px;
}

.sinav-sonuc-row{
	background: #f8f8f8;
	box-shadow: 0 0 20px #ccc;
	padding: 10px;
}

.hesabim-link{
	color:#666;
	transition: all 0.3s;
}

.hesabim-link:hover{
	color: var(--sari);
}

.hesabim-link i{
	color: var(--sari);
}

.sss-wrapper{
	box-shadow: 0 0 10px #ddd;
}

.sss-header{
	position: relative;
	font-weight: 600;
	cursor: pointer;
}

.sss-header .fa-question-circle{
	color: var(--sari);
	margin-right: 5px;
	font-size:20px
}

.sss-ok{
	position: absolute;
	top:10px;
	right:15px;
	color: var(--sari);
	transition: all 0.3s;
}

.sss-ok-rotate{
	transform: rotate(180deg);
}

.sss-body{
	padding:0;
	overflow: hidden;
	height: 0;
	transition: all 0.3s;
}

.sss-body-show{
	height: auto;
	padding: 15px;
}

.online-kayit{
	position: absolute;
	z-index: 10;
	top:75%;
	right: 30px;
	display: block;
	width: 55px;
	height: 55px;
	background: var(--sari);
	border-radius: 50%;
	color:#000;
	font-size:0.7rem;
	text-align: center;
	font-weight: 600;
	padding-top: 12px;
	line-height: 14px;
	transition: all 0.4s;
}

.online-kayit:hover{
	color:#fff
}

.online-kayit:before{
	content:"";
	position:absolute;
	width: 70px;
	height: 70px;
	border:3px solid var(--sari);
	border-radius: 50%;
	top: -8px;
	left:-8px;
	background: transparent;
	animation: anim-online 2s linear infinite;
}


.online-kayit:after{
	content:"";
	position:absolute;
	width: 55px;
	height: 55px;
	border:2px solid #fff;
	border-radius: 50%;
	top: 0;
	left:0;
	background: transparent;
	animation: anim-online 2s linear infinite;
}

@keyframes anim-online{
	100%{
		transform: scale(1.5);
		opacity: 0;
	}
}

#loader{
	display: none;
	position: fixed;
	z-index: 2500;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	width:200px;
	height: 200px;
	background-color: #fff;
	box-shadow: 0 0 170px #777;
	text-align: center;
	padding-top: 70px;
	border-radius: 50%;
	font-size:0.8rem;
	font-family: Poppins-SemiBold;
}

.loader-circle{
	width: 50px;
	height: 50px;
	background:transparent;
	border:10px solid var(--gri);
	border-top:10px solid var(--sari);
	border-radius: 50%;
	margin:0 auto;
	animation: loader-rotate 1.5s linear infinite;
}

@keyframes loader-rotate{
	100%{
		transform: rotate(360deg);
		
	}
}


.egitmen-wrapper{	
	height: 260px;
	box-shadow: 0 0 25px #ddd;
	color:#666;
	transition:all 0.3s	
}

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

.egitmen-img-wrapper{
	height: 200px;
	overflow: hidden;
}

.egitmen-img-wrapper img{
	width: 100%;
	max-width: 100%;
	height: auto;
	transition: all 0.5s;
}

.egitmen-wrapper:hover{
	color: var(--sari);
}

.egitmen-wrapper:hover img{
	transform: scale(1.1);
}

.bg-muted{
	background-color: #eee;
}

.egt-detay-ad{
	width: 120px;
	min-width: 120px;
}

.whatsapp{
	display: block;
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgb(30, 233, 30);
	color:#fff;
	text-align: center;
	font-size:28px;
	box-shadow: 0 0 15px #333;
	transition: all 0.3s;
	padding-top:3px;
}

.whatsapp:hover{
	color:#fff;
	box-shadow: 0 0 22px #000;
}

.demo-modal{
	position: fixed;
	width: 70%;
	height: 80%;
	z-index: 4000;
	background: #fff;
	box-shadow: 0 0 25px #333;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 1.3rem;
}

.btn-demo-kapat{
	position: absolute;
	top: -15px;
	right: -15px;
	border: 0;
	width: 40px;
	height: 40px;
	color: #fff;
	background: red;
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
	font-size: 1.5rem;
	padding-top: 5px;
}

.demo-modal .alert{
	font-size: 1rem;
}















@media (max-width: 992px){

	.header-top{
		height: 50px;
		padding-top: 15px;
	}

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

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

	.menu-show{
		left:-5px;
		width: 100%;
		background: #fdfdfd;		
	}

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

	.owl-slider .item{	
		height: auto;
	}

	.slide-text-wrap{		
		font-size: 2rem;	
		line-height: 34px;	
	}

	.slide-text-wrap h4{		
		font-size: 1rem;		
	}

	.top-menu-container:hover .top-sub-menu{
		visibility: visible;
		opacity: 1;
		top: 35px;
	}




}


@media (max-width: 768px){
	.slide-text-wrap{		
		font-size: 1.5rem;	
		line-height: 30px;	
	}

	.section-2 i{		
		font-size: 1.5rem;
	}

	.section-2 h4{
		font-size: 1.1rem;	
	}

	.section-2 h6{
		font-size: 0.8rem;	
	}

	.section-4 h3{
		font-size: 1.1rem;
	}

	.section-4 h6{
		font-size: 0.9rem;
	}

	.section-4 img{
		height: 36px;
	}

	.sec-6-top h4{
		font-size: 1.1rem;
	}

	.sec-6-top a{
		font-size: 0.9rem;
	}

	.owl-sizden-gelen .item p{
		font-size: 0.8rem;
	}

	.banner{		
		height: 150px;		
	}

	.haber-detay-resim{
		height: auto;
		overflow: hidden;
	}


}



@media (max-width: 576px){

	.slide-text-wrap{		
		font-size: 1rem;	
		line-height: 20px;	
	}

	.sec-6-top h4{
		font-size: 1rem;
	}

	.sec-6-top a{
		font-size: 0.84rem;
	}

	.sec-6-animate-content{
		overflow: hidden;
		height: 260px;
	}


	.city{
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		right: 0;
		width: 500%;
		height: 200px;
		background: url('../images/city.png') repeat-x 0 0;	
		animation: city 40s linear infinite;	
	}

	.road{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 80px;
		width: 1000%;
		background: url('../images/road.jpg') repeat-x 0 0;
		background-size: contain;
		z-index: 1;	
		animation: road 15s linear infinite;
	}

	.araba{
		position: absolute;
		width: 280px;
		height: 130px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background: url('../images/car.png') no-repeat 0 0;
		background-size: contain;
		z-index: 2;
	}

	.car-teker{
		position: absolute;
		z-index: 3;
		width: 44px;
		height: 44px;
	}

	.car-teker img{
		width: 100%;
		height: 100%;
		animation: teker-don 1s linear infinite;
	}

	.t1{
		bottom: 38px;
		left: 36px;
	}

	.t2{
		bottom: 38px;
		right: 18px;
	}

	.car-logo{
		position: absolute;
		z-index: 3;
		top: 40px;
		right: 80px;
		width: 70px;
	}

	.footer-soc-wrapper{
		width: 33px;
		height: 33px;	
		margin-right: 20px;	
		
	}

	.fsocial-inside{
		width: 27px;
		height: 27px;
		padding: 0;
		padding-top: 2px;
		padding-left: 5px;
	}

	.fsocial-inside i{
		font-size: 16px;
	}

	.hkmz-img{
		width: 100px;
		height: 100px;
		margin-bottom: 0;
	}

	

}

@media (max-width: 380px){

	.sec-6-top h4{
		font-size: 0.86rem;
	}


}





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