*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: inherit; }

html {
	box-sizing: border-box;
	font-size: 62.5%; }
@media only screen and (max-width: 75em) {
	html {font-size: 50%; } }

body {
	background-image: url("img/bg-0.jpg");
	background-size: auto;
	background-position: top;
	font-family: "Jura", sans-serif;
	color: rgba(0,0,0,.9);
	font-weight: 300;
	line-height: 1.6;
	background-color: #d1d1d1;
}

#content{
	background-position: center;
	background-size: cover;
	min-height: 40rem;
}

.h-number {
	font-size: 7.2rem;
}

p {
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
	color: rgba(0,0,0,.7);
}

.main-tab-item {
	width: 18rem;
	height: 24rem;
	background-image: linear-gradient(to right, #ffffff26, #f4f3f387);
	transition: .3s;
	margin-bottom: 2.6rem;
}

.main-tab-item h3 {
	font-size: 1.6rem;
}

.main-tab-item:hover {
	background-image: linear-gradient(#f4f3f387,#ffffff26,#f4f3f387);
	transform: translateY(-.2rem);
}

#footer {
	background-color: black;
}

#footer p {
	font-size: 1.1rem;
	color: rgba(255,255,255, .4);
}

.tab-item-line {
	border-top: .5rem solid white;
	border-radius: 2rem;
}

.container-shadow {
	border-radius: 1rem;
	background-color: white;
	box-shadow: 0px 8px 16px rgba(224, 226, 228, 0.582359);
}

.btn-light {
	font-size: 1.8rem;
	padding: 1rem 4rem;
	width: 22rem;
	background: rgba(216, 216, 216, 0.751338);
	border: 1px solid #FFFFFF;
	box-shadow: inset 0px 0px 13px rgba(255, 255, 255, 0.244346);
	margin-right: 1rem;
	margin-left: 1rem;
}

.active-tab {
	background: #FFFFFF;
	box-shadow: 0px 7px 15px rgba(224, 226, 228, 0.582359);
	border-radius: 18.4px 18.4px 0px 0px;
	transform: translateY(-3rem)!important;
}

.active-tab .tab-item-line {
	border-top: .5rem solid #F7B500;!important;
}

.video-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.quote-3 {
	width: 12rem;
	height: 12rem;
	border: white .5rem solid;
	border-radius: 59%;
}

.mb-xl {
	margin-bottom: 10rem;
}

.fa-quote-left {
	font-size: 4rem;
	transform: translateY(2rem);
	position: absolute;
}

.fa-quote-right {
	font-size: 4rem;
	transform: translateY(-2rem);
	position: absolute;
}

.quote-3 {
	transform: translate(-8rem,-8rem);
}

.thanos-bg {
	background-image: url("img/thanos.png");
}

.video {
	position: absolute;
	z-index: 0;
	right: 50%;
	top: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(50%,-50%);
}

#content-main-tab {
	z-index: 10;
}

.z-index-big {
	z-index: 1000;
}

@media (max-width: 1024px) {
	.main-tab-item {
		width: 14vw;
	}
	.main-tab-item h3 {
		display: none;
	}
}

@media (max-width: 768px) {
	.main-tab-item {
		width: 14vw;
		height: 15rem;
	}
	.main-tab-item h3 {
		display: none;
	}
	.main-tab-item h1 {
		font-size: 4rem;
	}
	.h1-container {
		text-align: center!important;
	}
	video {
		display: none;
	}
	.video-container {
		position: relative;
		overflow: hidden;
		width: 50%;

	}
	.remove-md {
		display: none;
	}
	#content-dynamic {
		transform: translateY(-10rem);
	}
	#header {
		margin-bottom: 10rem;
	}
}

@media (max-width: 576px) {
	.main-tab-item {
		height: 12rem;
	}
	.main-tab-item h3 {
		display: none;
	}
	.main-tab-item h1 {
		font-size: 4rem;
	}
	.h1-container {
		text-align: center!important;
	}
	iframe {
		width: 320px;
		height: 180px;
	}
	#header {
		margin-bottom: 10rem;
	}
}

body {
	overflow: hidden;
}

@-webkit-keyframes slide-in-bck-bottom {
	0% {
		-webkit-transform: translateZ(700px) translateY(300px);
		transform: translateZ(700px) translateY(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}
@keyframes slide-in-bck-bottom {
	0% {
		-webkit-transform: translateZ(700px) translateY(300px);
		transform: translateZ(700px) translateY(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}


.slide-in-bck-bottom {
	-webkit-animation: slide-in-bck-bottom 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bck-bottom 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation-delay: 3.2s;
}


.icerik {
	height: 100vh;
}

.kayanyazi {
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}

.kayanyazi span {
	display: inline-block;
	padding-left: 100%;
	text-indent: 0;
	animation: marquee 88s linear infinite;
}
.kayanyazi span:hover {
	animation-play-state: paused
}

@keyframes marquee {
	0%   { transform: translate(0, 0); }
	100% { transform: translate(-100%, 0); }
}