.sGear
{
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #C2C2C2;
	z-index: 1;
	transition: opacity 1.5s ease;
	opacity: 1 !important;
}
.sGear > .body, .sGear > .body .item
{
	height: 100%;
}
.sGear > .body
{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.sGear .item
{
	max-width: none;
	position: absolute;
	top: 0;
	overflow: hidden;
}
.sGear .item .bg-holder
{
	background-size: cover;
	background-position: bottom center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
}
.sGear .item .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 1;
}
.sGear .nav
{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1000;
}
.sGear .nav a
{
	display: block;
	position: absolute;
	height: 55px;
	line-height: 55px;
	width: 55px;
	text-align: center;
	background-color: #000;
	color: #FFFFFF;
	font-family: 'icomoon';
	cursor: pointer;
	border-radius: 305px;
	font-size: 34px;
	opacity: 0.3;
}
.sGear .nav a:hover
{
	opacity: 0.5;
}
.sGear .nav a.prev
{
	left: 10px;
}
.sGear .nav a.prev:before
{
	content: "\e759";
}
.sGear .nav a.next
{
	right: 10px;
	transform: rotate(180deg);
}
.sGear .nav a.next:before
{
	content: "\e759";
}
.sGear .menu
{
	position: absolute;
	bottom: 15px;
	left: 45px;
	right: 45px;
	z-index: 1000;
	text-align: center;
	opacity: 0.4;
	transition: opacity 0.3s ease-out;
}
.sGear .menu:hover
{
	opacity: 0.8;
}
.sGear .menu i
{
	display: inline-block;
	background-color: #000000;
	width: 7px;
	height: 7px;
	margin: 0 5px;
	border-radius: 10px;
	border: 4px solid #000000;
	cursor: pointer;
}
.sGear .menu i.a
{
	background-color: #FFFFFF;
}
.sGear .cnt
{
	position: relative;
	box-sizing: border-box;
	height: calc(100% );
	z-index: 10;
	margin: 0 4em;
}
.sGear .cnt .body
{
	position: relative;
	top: 45%;
	transform: translateY(-45%);
	overflow: hidden;
}
.sGear .cnt .body.margined
{
	/* disabled mobil ve desktop hizalama uyumu için*/
	/*margin: 0 5%;*/
}
.sGear .cnt .body > *:first-child
{
	margin-top: 0;
}
.sGear .url
{
	display: block;
	z-index: 50;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.sGear .item.video
{
	/*position: relative //kullanma;*/
	/*bu container position:relative kullanırsa geçişler bozuluyor*/
}
.sGear .vid-wrap
{
	position: absolute;
	top: -50%;
	bottom: -50%;
	left: -50%;
	right: -50%;
	margin: auto;
}
.sGear .vid-wrap, .sGear iframe
{
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.sGear .vs-wrap
{
	position: absolute;
	z-index: 100000 !important;
	bottom: 9px;
	left: 15px;
}
.sGear .vs-wrap em
{
	cursor: pointer;
}
.sGear .vs-wrap svg
{
	width: 25px;
	height: auto;
}
/*scroll hint*/
.sGear .sh-wrap
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 70px;
	z-index: 15;
}
.sGear .sh-wrap em
{
	display: block;
	position: relative;
	width: 50px;
	margin: auto;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-name: sgear-sh-scroll;
	cursor: pointer;
}
@keyframes sgear-sh-scroll
{
	0%
	{
		opacity: 0;
		top: 0;
	}
	75%
	{
		opacity: 0.7;
		top: 45px;
	}
	95%
	{
		opacity: 0;
		top: 45px;
	}
	100%
	{
		opacity: 0;
		top: 0%;
	}
}
.sGear .sh-wrap svg
{
	fill:#FFFFFF;
}
@media (max-width: 768px)
{
	.sGear .nav
	{
		display: none;
	}
}
/*-----------*/
.sGear .item
{
	transition: transform 5s ease-in-out;
}
.sGear .item
{
	/*transform: scale(1.6);*/
}
