@charset "utf-8";
/*--
	Add your style here
--*/ 
.menu-wrap {
        right:0 !important;
	-webkit-transform: translate3d(320px,0,0);
	transform: translate3d(320px,0,0);
	visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
	right:0;
	opacity:1;
	visibility:visible;
}

/* Index.php hover efektlerini düzelt */
.gallery-items.border-folio-conteainer .gallery-item {
	cursor: pointer;
}

.gallery-items.border-folio-conteainer .gallery-item .box-item {
	position: relative !important;
	overflow: hidden !important;
	cursor: pointer !important;
}

.gallery-items.border-folio-conteainer .gallery-item .box-item .overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #000 !important;
	opacity: 0 !important;
	z-index: 4 !important;
	transition: all 0.3s linear !important;
	pointer-events: none !important;
}

.gallery-items.border-folio-conteainer .gallery-item .box-item img {
	position: relative !important;
	z-index: 1 !important;
	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms !important;
	display: block !important;
	width: 100% !important;
}

.gallery-items.border-folio-conteainer .gallery-item .box-item a.popup-image {
	position: absolute !important;
	top: -50px !important;
	opacity: 0 !important;
	right: 0 !important;
	width: 70px !important;
	height: 70px !important;
	background: #fff !important;
	line-height: 70px !important;
	z-index: 5 !important;
	color: #000 !important;
	font-size: 12px !important;
	transition: all 0.3s linear !important;
	transition-delay: 0.1s !important;
	text-align: center !important;
}

.gallery-items.border-folio-conteainer .gallery-item:hover .box-item .overlay,
.gallery-items.border-folio-conteainer .gallery-item .box-item:hover .overlay {
	opacity: 0.3 !important;
}

.gallery-items.border-folio-conteainer .gallery-item:hover .box-item img,
.gallery-items.border-folio-conteainer .gallery-item .box-item:hover img {
	transform: scale(1.15) !important;
}

.gallery-items.border-folio-conteainer .gallery-item:hover .box-item a.popup-image,
.gallery-items.border-folio-conteainer .gallery-item .box-item:hover a.popup-image {
	top: 0 !important;
	opacity: 1 !important;
}

/* Grid-item'ın hover'ı engellememesi için */
.gallery-items.border-folio-conteainer .gallery-item .grid-item {
	pointer-events: auto !important;
	position: relative !important;
	z-index: 15 !important;
}

.gallery-items.border-folio-conteainer .gallery-item .grid-item-holder {
	pointer-events: auto !important;
}

/* Lazy Load Styles */
.lazy-load-image,
.lazy-load-img {
	opacity: 0;
	transition: opacity 0.3s;
	background: #000;
	min-height: 200px;
	position: relative;
}

.lazy-load-image::before,
.lazy-load-img::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 3px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: lazy-load-spinner 0.8s linear infinite;
	z-index: 1;
}

@keyframes lazy-load-spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.lazy-load-image.lazy-loaded,
.lazy-load-img.lazy-loaded {
	opacity: 1;
}

.lazy-load-image.lazy-loaded::before,
.lazy-load-img.lazy-loaded::before {
	display: none;
}

.lazy-load-image[src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3C/svg%3E"],
.lazy-load-img[src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3C/svg%3E"] {
	background: #000;
}

/* Clients list lazy load */
.clients-list img.lazy-load-image {
	min-height: 80px;
	width: auto;
	background: #000;
}

.clients-list img.lazy-load-image::before {
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border-width: 2px;
}

/* Gallery-item'a hover yapıldığında grid-item'ı geçici olarak devre dışı bırak */
.gallery-items.border-folio-conteainer .gallery-item:hover .grid-item {
	pointer-events: none !important;
}

/* Grid-item içindeki linklerin çalışması için */
.gallery-items.border-folio-conteainer .gallery-item .grid-item a {
	pointer-events: auto !important;
	position: relative !important;
	z-index: 16 !important;
}

/* Tümünü İncele butonu ortala */
.container .row .col-md-12[style*="text-align: center"] {
	text-align: center !important;
	display: block !important;
	width: 100% !important;
}

.container .row .col-md-12[style*="text-align: center"] .btn,
.container .row .col-md-12[style*="text-align: center"] .float-btn {
	float: none !important;
	display: inline-block !important;
	margin: 0 auto !important;
	text-align: center !important;
}