@font-face {
	font-family: Futura Medium;
	src: url(../font/futura-medium-condensed-bt.ttf);
}
@font-face {
	font-family: Futural;
	src: url(../font/Futural.ttf);
}
*{
	margin:0px;
	padding: 0px;
}
:root {
	--main-bg-color: coral;
}
body{
	font-size: 20px;
	font-family: Futural;
	overflow-x: hidden;
}

.slide h1 {
	font-size: 40px;
	text-align: left;
	margin: 0;
}
.slide h2 {
	font-size: 52px;
	text-align: left;
	margin: 0;
}
.slide h3 {
	font-size: 82px;
	font-family: Futura Medium;
	text-align: left;
	margin: 0;
}

.slide p {
	font-size: 20px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.carousel-caption {
	left: 5%;
	right: auto;
	max-width: 550px;
	bottom: auto;
	top: 15%;
}

.btns {
	position: absolute;
	right: 20px;
	/* border: 1px solid #025593; */
	padding: 5px 15px;
	border-radius: 50px;
	background: #314372;
}

.btns a {font-size: 20px;color: #fff;text-decoration: none;}

.top-menu, nav{z-index: 1;padding: 10px 5% !important;width: 100%;}
.top-menu li a, nav a {color: #000;}

nav img {
	max-width: 200px;
}

.top-menu li {display: inline-block;padding: 0 10px;float: right;color: #fff;}

.top-menu {
	width: 100%;
	right: 0;
	float: right;
	background: #f2f2f2;
}

nav {
	padding: 10px 5% !important;
	top: 0;
	z-index: 9;
	background: #fff;
}

.dropdown-item.active, .dropdown-item:active {
	background: transparent;
}

.dropdown-menu {
	background: #f2f2f2;
	border: none;
	margin-top: 0;
}

.nav-link {
	margin: 0 5px;
	padding-bottom: 0;
}

ul.navbar-nav.mr-auto {
	margin-left: auto;
	margin-right: 0 !important;
}

.carousel-control-next-icon {
	background-image: url(../img/next.png);
}
.carousel-control-prev-icon {
	background-image: url(../img/prev.png);
}
.carousel-control-next, .carousel-control-prev {
	left: auto !important;
	right: 100px!important;
	width: 30px;
	top: auto;
	bottom: 40px;
	height: 33px;
	background: rgb(49 67 114 / .29);
	z-index: 2;
}

.carousel-control-next {
	right: 70px !important;
	background: #314372;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 25px;
	height: 25px;
}

.top-menu img {
	filter: brightness(0);
}
.float-left{
	float: left;
	position: relative;
}
.width-100{
	width: 100%
}
.width-90{
	width: 90%
}
.main-div{
	padding: 50px 5%;
	margin: 50px 0;
}

h4 {
	font-size: 52px;
	margin-top: 50px;
}
.wid-43{
	width: 43%;
	margin: 0px 7%;
}

.logolar {
	text-align: right;
	margin-top: 100px;
}

.urunler {
	background: #e7e7e7;
	/* position: absolute; */
}

.urunler h4,.urunler h5 {
	text-align: center;
}

.urun-box {
	position: relative;
	margin-top: 50px;
	padding: 0 65px;
	margin-bottom: 80px;
}

.urun-box h6 {
	font-size: 32px;
	padding: 30px;
	border-bottom: 1px solid rgb(0 0 0 / .06);
	margin-bottom: 15px;
}

.about-2 {
	background: url(../img/main-bg.jpg);
	background-size: 100% 100%;
	margin: 0;
	padding: 150px 5%;
	justify-content: center;
	position: relative;
	display: flex;
	align-items: center;
	margin-top: -100px;
}
.float-right{
	float: right;
}

footer.main-div {
	background: #314372;
	color: #fff;
	background-image: url(../img/cark.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 50px 0 !important;
	padding: 30px 5% !important;
	margin-bottom: 0 !important;
	background-position: bottom left;
}

footer.main-div img {
	max-width: 200px;
	/* display: block; */
	margin: 0;
	text-align: center;
	padding: 0;
	position: relative;
	margin-bottom: 15px;
}
.foot-right{
	text-align: right;
}

footer.main-div a {
	color: #fff;
	font-size: 16px;
}

.foot-right a {
	margin-left: 10px;
}
.border-bottom{
	border-bottom: 1px solid rgb(255 255 255 / 30%) !important;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

.border-bottom-2 {
	border: none !important;
	padding: 0;
	margin: 0;
}

.border-bottom-2 a {
	display: block;
}
.main-div.foot-alt {
	padding: 0 5%;
	margin: 0;
	font-size: 16px;
}




.play-icon:before {
	/* content: url(../img/play.png); */
	position: absolute;
	margin: 25% 43%;
}

.urun-box .urun-img::before {
	top: -5px;
	left: -5px;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	z-index: 2;
}
.urun-box .urun-img::after {
	bottom: -5px;
	right: -5px;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	z-index: 99;
}
.urun-box .urun-img::before, .urun-box .urun-img::after {
	content: '';
	position: absolute;
	width: 90px;
	height: 90px;
	background: transparent;
	transition: .5s;
}

.urun-box a:hover .urun-img::before {
	border-top: 5px solid #314372;
	border-left: 5px solid #314372;
}

.urun-box a:hover .urun-img::after {
	border-bottom: 5px solid #314372;
	border-right: 5px solid #314372;
}


.urun-box a{
	color: #000;
	text-decoration: none;
}

.urun-img {
	position: relative;
}
.banner div{
	position: relative;
	background: rgb(14 44 70 / .71);
	padding: 5px 20px;
	top: 494px;
}
.banner h1{
	font-family:Futura Medium;
	font-size: 40px;
	color: #fff;
	z-index: 1;
	position: relative;
}
.banner {
	margin: 0;
	padding: 0;
	height: 560px;
	position: relative;
	top: 0;
	width: 100%;
	padding: 0px 5%;
	background-position: bottom right;
	background-size: cover;
}
.fix-page .top-menu, .fix-page nav{
	top: 0;
	background: transparent;
	width: 100%;
	padding: 0px 5%;
}

.fix-page nav {
	margin-top: 30px;
}

.fix-page .top-menu a, .fix-page nav a {
	color: #fff;
}

.fix-page .top-menu img, .fix-page nav img {
	filter: brightness(0) invert(1);
}
.fix-page header{
	background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(54,77,161,0.8) 60%, rgba(255,255,255,0) 100%);
	width: 100%;
	position: absolute;
	top: 0;
	padding-bottom: 30px;
	/* background-image: url(../img/menu-bg.png); */
	padding-top: 20px;
	z-index: 9;
	background-size: cover;
	background-position-y: bottom;
}

.uretim .main-div {
	margin: 0;
	padding: 0px 5%;
}

.uretim .col-md-3, .uretim .col-md-9 {padding: 0;}

.imalat .main-div {
	margin: 0;
	padding: 0px 5%;
}

.imalat .col-md-3, .imalat .col-md-9 {padding: 0;}
.brand {
	background: #536d83;
	padding: 5px 15px;
	color: #fff;
	border-top: 2px solid;
}

.brand a {
	color: #fff;
	margin-right: 10px;
}

.brand span {
	margin-left: 10px;
}

.left-menu a {
	color: #000;
	display: block;
	margin-top: 5px;
	padding: 10px 20px 0;
}

.left-menu {
	padding: 30px 10% 40px;
	background: #536d8314;
	box-shadow: 0 0px 20px 0px rgba(0,0,0,0.1), 0px 0px 20px 0px rgb(226 226 226 / 0%);
}

.fix-page .dropdown-menu {
	background: #1d2332;
}

span.menu-active {
	position: absolute;
	height: 1px;
	width: 100%;
	background: #3950a4;
	left: 0;
	display: none;
}

.width-110 {
	width: 110%;
}
.uretim-txt{font-size: 16px;font-weight: 600;max-width: 677px;position: absolute;bottom: 0;padding: 0 15px;}
.imalat-right{
	padding: 80px 30px !important;
}

.imalat ul {
	margin: 50px  20px;
}

.sub-slider .carousel-control-next,.sub-slider .carousel-control-prev {
	right: 30px !important;
	bottom: 0;
	opacity: 1;
	height: 30px;
	top: auto;
}

.sub-slider  .carousel-control-next{
	right: 0 !important;
}

.urge-logo img {
	padding: 20px;
	transition: 1s all;
}

.w-50 {
	float: left;
	/* background: #536d83; */
	min-height: 400px;
	position: relative;
	/* display: flex; */
	margin-bottom: 50px;
}

.w-50 iframe {
	position: relative;
	width: 80%;
}
.padding-20{
	padding: 0% 10%;
	/* align-items: center; */
	height: 100%;
	position: absolute;
	/* text-align: center; */
	color: #000000;
	font-size: 18px;
	width: 100%;
}

.iletisim-page h6 {
	font-size: 30px;
	/* text-align: center; */
	margin-bottom: 30px;
	border-bottom: 2px solid #314372;
	width: fit-content;
}

.padding-20 a {
	text-decoration: none;
	color: #000;
}

.yol-tarifi {
	/* position: absolute; */
	/* right: 0; */
	/* bottom: -16px; */
	background: #3f4f7b;
	padding: 10px 30px;
	display: inline-block !important;
	border-radius: 50px;
	transition: .5s all;
	color: #fff !important;
}

.iletisim-page input,.iletisim-page textarea {
	margin: 20px 0;
	border: none;
	border-radius: 0;
	padding: 10px 30px;
	max-width: 50%;
	margin-left: 25%;
	border-bottom: 1px solid #536d83;
	outline: none !important;
	background: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}

.iletisim-page .btns {
	position: inherit;
	/* max-width: 100px; */
	text-align: center;
	margin: 20px auto 0;
	max-width: fit-content;
	padding: 10px 20px;
	transition: .5s all;
}

.iletisim-page {
	position: relative;
	/* margin-bottom: -50px; */
	padding: 80px 5%;
	padding-bottom: 0 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
	background: #314372;
	color: #fff;
}

.left-menu a.menu-active-a {
	border-bottom: 1px solid #536d83;
	font-weight: 700;
}

.left-menu a:hover {
	text-decoration: none;
}

.timeline-main {
	background-image: url(https://www.mlegakis.com/uploads/1/6/2/6/16265388/background-images/247225258.jpg) !important;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	background-color: transparent;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	padding: 250px 0 100px;
	width: 2750px;
	overflow-x: auto;
	width: auto;
	overflow-x: auto;
	position: relative;
	display: flex;
}



.uretim .col-md-9 {
	margin-top: 2px;
}

.left-menu a {
	transition: .5s all;
}

.left-menu a:hover {
	padding-left: 25px;
}

.video-play-button {
	position: absolute;
	z-index: 10;
	bottom: 50px;
	left: 8%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 44px;
	/* background: #fa183d; */
	border-radius: 50%;
	padding: 18px 20px 18px 28px;
}

.video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #7f8ba8;
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #7f8ba8;
	border-radius: 50%;
	transition: all 200ms;
}

.video-play-button:hover:after {
	background-color: darken(#fa183d, 10%);
}

.video-play-button img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
}

.video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}



.video-overlay {
	position: fixed;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.80);
	opacity: 0;
	transition: all ease 500ms;
}

.video-overlay.open {
	position: fixed;
	z-index: 1000;
	opacity: 1;
}

.video-overlay-close {
	position: absolute;
	z-index: 1000;
	top: 15px;
	right: 20px;
	font-size: 36px;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: all 200ms;
}

.video-overlay-close:hover {
	color: #fa183d;
}

.video-overlay iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	/* width: 90%; */
	/* height: auto; */
	box-shadow: 0 0 15px rgba(0,0,0,0.75);
}

.video-play-button small {
	position: absolute;
	left: 0;
	width: 150px;
	left: 110px;
	top: 0;
	font-size: 26px;
	color: white;
	font-family: Futura Medium;
	letter-spacing: 1px;
}
.play-icon{
	background-image: url(../img/jurnalci.jpg);
	min-height: 600px;
	background-size: cover;
	text-align: center;
	/* justify-content: center; */
	position: relative;
}
.play-icon img{
	/* position: absolute; */
	/* top: 40%; */
}

button.owl-prev span {
	content: url(../img/prev.png);
	background: rgb(49 67 114 / .29);
}

button.owl-prev {
	outline: none;
	left: 0;
	position: absolute;
	top: 30%;
}

button.owl-next span {
	content: url(../img/next.png);
	background: rgb(49 67 114);
}

button.owl-next {
	outline: none;
	right: 0;
	position: absolute;
	top: 30%;
}

.owl-carousel .owl-nav.disabled {
	display: block;
	text-align: right;
}
.foot-logo{
	text-align: center;
	position: relative;
	margin: 0px auto;
	display: table;
}

footer .yol-tarifi {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
}

footer .yol-tarifi img {
	margin: 0;
	width: 20px;
}

footer li {
	list-style: none;
	margin: 10px 0;
	font-size: 16px;
}

footer li b {
	font-size: 20px;
	border-bottom: 1px solid;
}

.sosyal-medya li {
	display: inline-block;
	margin-right: 10px;
}

.sosyal-medya li img {
	width: 25px;
	filter: brightness(0) invert(.85);
	transition: .5s all;
}

.sosyal-medya li a:hover img {
	filter: none;
}

.foot-kvkk a {
	display: inline-block;
	margin: 0px 15px;
}

.foot-kvkk {
	text-align: center;
	/* border-top: 1px solid rgb(255 255 255 / 30%) !important; */
	/* padding-top: 15px; */
}

.main-div.foot-alt img {
	margin: 5px 0;
}

.ref-box {
	box-shadow: 0px 0px 10px 5px #f1f1f1;
	margin: 15px 0px;
	filter: grayscale(1);
	transition: .5s all;
}

.ref-box:hover {
	filter: none;
}



.timeline {
	/* position: relative; */
	/* max-width: 1200px; */
	/* margin: 50px auto 0; */
	/* padding: 0 24px 50px; */
	/* overflow: hidden; */
}
.timeline:before {
	/* content: ''; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 3px;
	height: 100%;
	margin: auto;
	background: #ddd;
}


.event {
	position: relative;
	overflow: hidden;
	margin-bottom: 46px;
	opacity: 0;
}
.event .event-date {
	position: absolute;
	top: 50%;
	right: 0;
	width: 46%;
	margin-top: -28px;
	font-size: 50px;
	font-weight: 700;
	color: #0067b3;
}
.event .event-desc {
	position: relative;
	float: left;
	width: 46%;
	height: auto;
	padding: 20px 24px;
	background: #fff;
	border-bottom: 3px solid #c4c4c4;
	line-height: 22px;
}
.event .event-desc.has-image {
	width: calc(46% - 150px);
	margin-left: 150px;
}
.event .event-desc.has-image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -150px;
	display: block;
	width: 150px;
	height: 100px;
	margin: auto;
	object-fit: contain;
}
.event .event-desc:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -13px;
	width: 0;
	height: 0;
	margin-top: -14px;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #fff;
}
.event:nth-child(even) .event-date {
	left: 0;
	text-align: right;
}
.event:nth-child(even) .event-desc {
	float: right;
}
.event:nth-child(even) .event-desc.has-image {
	margin-right: 150px;
}
.event:nth-child(even) .event-desc.has-image img {
	left: auto;
	right: -65px;
}
.event:nth-child(even) .event-desc:after {
	left: -13px;
	border-left: none;
	border-right: 14px solid #fff;
}
.event:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 10px;
	height: 10px;
	margin: -8px auto 0;
	background: #005797;
	border-radius: 50%;
}
@media all and (max-width: 900px) {
	.timeline {
		padding-right: 32px;
	}
	.timeline:before {
		left: 28px;
		right: auto;
		margin: 0;
		padding: 0 0 50px;
	}
	.event {
		padding-left: 28px;
	}
	.event .event-date {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin: 0 0 16px;
	}
	.event .event-desc {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	.event .event-desc.has-image {
		width: auto;
		margin: 0;
	}
	.event .event-desc.has-image img {
		position: relative;
		bottom: auto;
		left: auto;
		float: left;
		margin: 0 20px 10px 0;
	}
	.event .event-desc:after {
		display: none;
	}
	.event:nth-child(even) .event-date {
		text-align: left;
	}
	.event:nth-child(even) .event-desc {
		float: none;
	}
	.event:nth-child(even) .event-desc.has-image {
		margin: 0;
	}
	.event:nth-child(even) .event-desc.has-image img {
		right: auto;
	}
	.event:nth-child(even) .event-desc:after {
		display: none;
	}
	.event:before {
		top: 20px;
		left: 0;
		right: auto;
		margin: 0;
	}
}
@media all and (max-width: 600px) {
	.event .event-desc.has-image img {
		display: none;
	}
}


.event .event-desc.has-image b {
	display: block;
	margin: 25px 0 10px;
}

.event .event-desc.has-image {
	padding-top: 0;
}

.yol-tarifi a {
	color: #fff;
	text-decoration: none;
}

.iletisim-page span {
	width: 40px;
	text-align: center;
	margin-right: 15px;
	display: table;
	float: left;
}
.iletisim-form h6{

	border: none;

	text-align: center;

	width: 100%;
}

.iletisim-page p {
	display: flex;
}

.iletisim-form {
	background: #3f4f7b08;
	margin-bottom: -50px;
	padding-bottom: 50px !important;
}

.play-icon a {
	/* width: 100%; */
	display: block;
	top: 43%;
	/* position: absolute; */
	/* text-align: center; */
	/* left: 0; */
	left: 51.5%;
}

.main-div.foot-alt .float-left {
	margin-top: 5px;
}

header.scrolled {
	position: sticky;
	padding: 0;
	animation: slide-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}

@-webkit-keyframes slide-bottom {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slide-bottom {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

header.scrolled .top-menu {
	display: none;
}

header.scrolled .fix-page nav {}

header.scrolled nav {
	margin: 0;
	background: #314372c7;
}
.home-nav.scky{
	animation: slide-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
	position: sticky;
	background: #ffffffeb;
}

.carousel .carousel-inner:before { 
	position: absolute;
	z-index: 1;
	top: 0px;
}

.carousel {
	overflow: hidden;
}

.carousel-caption{
	z-index: 2;
}

.carousel-item.active {
	z-index: 2;
}


.carousel-fade .carousel-item{
	opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;

}
.carousel-item.active .ana-img{
	-webkit-animation: fade-in 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	animation: fade-in 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	animation-delay: 1s;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
.video-play-button{
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
	animation-delay: .9s;
	margin-left: -50px;
	opacity: 0
}
.carousel-item.active .carousel-caption{
	-webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
	animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
	animation-delay: .5s;
	opacity: 0
}
@-webkit-keyframes fade-in-left {
	0% {
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes fade-in-left {
	0% {
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}



img.slide-fix {
	position: absolute;
	transition-duration: 0s;
	z-index: 2;
	/* height: 100%; */
	width: 100%;
}







.form-check {
	max-width: 50%;
	margin-left: 25%;
}

input#exampleCheck1 {
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-left: -20px;
}

li.diller img {
	margin-right: 10px;
}

li.diller a {
	/* font-weight: 600; */
	font-size: 16px;
}

.yol-tarifi:hover img {
	margin-left: 5px;
}

.yol-tarifi img {
	transition: .5s all;
}

.yol-tarifi:hover {
	background: #536d83;
}

.iletisim-page .btns img {
	width: 30px;
	transition: .5s all;
}

.iletisim-page .btns:hover {
	background: #536d83;
}

.iletisim-page .btns:hover img {
	margin-left: 5px;
}

.konsept-main-text {
	padding: 150px 0;
}

.konsept-main-text h3 {
	font-size: 30px;
	font-weight: 500;
}

.konsept-main-text h4 {
	font-size: 50px;
	font-weight: 600;
	margin: 0;
}

.konsept-arac-min .konsept-text {
	position: absolute;
	bottom: 0;
	max-width: 800px;
	padding: 50px;
	color: #fff;
	padding-bottom: 0;
}

.konsept-arac-min {
	position: relative;
	/* overflow: hidden; */
	margin-bottom: -50px;
}

.yol-tarifi.a-detay {
	background: #22489f;
	float: right;
	padding: 5px 30px;
	font-size: 30px;
	font-family: Futura Medium;
	margin-bottom: 30px;
}

.konsept-text h2 {
	font-family: Futura Medium;
	margin-bottom: 0px;
	font-size: 50px;
}

.konsept-text p {
	font-size: 22px;
	/* margin-bottom: 20px; */
	line-height: 1.3;
}

.yol-tarifi.a-detay:hover {
	background: #536d83;
}
.konsept-arac-min-2 .konsept-text{
	right: 0;
	color: #fff;
}

.konsept-arac-min img {
	min-width: 1900px;
	object-fit: cover;
	object-position: left;
	height: auto;
}

.konsept-arac-min.konsept-arac-min-2 {
	margin-bottom: -50px;
}

.left-menu.main-menu a {
	font-size: 38px;
	font-family: Futura Medium;
	width: auto;
	display: block;
	text-align: right;
	padding: 0;
	padding-bottom: 15px; 
}

.left-menu.main-menu {
	padding: 0;
	position: relative;
}

.uretim.bg-grey {
	background: #cbccce;
}

.left-menu.main-menu hr {
	position: absolute;
	left: 0;
	bottom: -16px;
	width: 100%;
	background: #536d83;
	left: -25%;
}

.pro-text {
	position: absolute;
	top: 20%;
	right: 0;
	max-width: 33%;
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.3;
	padding: 30px;
	z-index: 2;
}

.pro-animation {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	min-width: 1900px;
	opacity: 1;
}



.pro-animation .animation-box {
	position: absolute;
}
.pro-animation .animation-circle {
	position: absolute;
	left: 0;
	top: 280px;
	background: #ffffff;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	opacity: 1;
	animation: blink-1 .6s forwards .5s,  blink-1-rev .6s forwards  4s;
	font-weight: 800;
	font-size: 22px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #29418d;
	box-shadow: 0 0 0 0 rgb(225 232 240);
	animation: pulse 2s infinite;
	z-index: 9999;
	cursor: pointer;
}
.pro-hover .animation-line {
	background: white;
	width: 10px;
	height: 50px;
	position: absolute;
	top: 230px;
	left: 7px;
	opacity: 0;
	animation: line-1 .6s forwards 1s, line-1-rev .6s forwards 5s;
}
.pro-hover .animation-line-2 {
	background: white;
	width: 250px;
	height: 10px;
	position: absolute;
	top: 225px;
	left: 7px;
	opacity: 0;
	animation: line-2 .6s forwards 1.5s, line-2-rev .6s forwards 6s;
}
.animation-text {
	opacity: 0;
	position: absolute;
}

.pro-hover .animation-text {
	padding: 20px 30px;
	background: #445f75;
	display: inline-block;
	color: #fff;
	/* border-radius: 20px; */
	font-size: 22px;
	position: absolute;
	left: 257px;
	width: max-content;
	animation: text-2 3s forwards 2s, text-2-rev 1s forwards 7s, bg 1.25s cubic-bezier(0.19, 1, 0.22, 1) 1;
	top: 190px;
	border: 2px solid #445f75;
}
 
@keyframes line-1 {
	0%{
		opacity: 0;
		height: 0;
	}

	100% {
		opacity: 1;
		height: 50px;
	}
}

@keyframes line-1-rev {
	
	0% {
		opacity: 1;
		height: 50px;
	} 
	100%{
		opacity: 0;
	}
}


@keyframes line-2 {
	0%{
		opacity: 0;
		width: 0;
	}

	100% {
		opacity: 1;
		width: 250px;
	}
}

@keyframes line-2-rev {
	

	0% {
		opacity: 1;
		width: 250px;
	}

	100%{
		opacity: 0;
	}
}


@keyframes text-2 {
	0% {
		transform: translateZ(-100px);
		opacity: 0;
	} 

	100% {
		transform: translateZ(0);
		opacity: 1;
	} 
}

@keyframes text-2-rev {
	0% {
		transform: translateZ(0);
		opacity: 1;
	} 
	100% {
		transform: translateZ(-100px);
		opacity: 0;
	} 
}


.pro-slide img {
	transform-origin: top;
}



.pro-slide {
	position: relative;
}



.base-line {
	width: 3px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 1;
}

#line2 {
	background-color: #005797;
	height: 135px;
}


.event:nth-child(even) .event-date{
	animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.event:nth-child(odd) .event-date{
	animation: slide-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.event:nth-child(odd) .event-desc{
	animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .8s;
}

.event:nth-child(even) .event-desc{
	animation: slide-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .8s;
}


@keyframes slide-left {
	0% {
		-webkit-transform: translateX(-1000%);
		transform: translateX(-1000%);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slide-right {
	0% {
		-webkit-transform: translateX(1000%);
		transform: translateX(1000%);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}




.animation-text {
	background: #445f75;
	border: 0;
	box-shadow: inset 0 0 0 2px #445f75;
	color: #ffffff;
	position: relative;
}
 .animation-text::before, .animation-text::after {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}
 .animation-text {
	transition: color 0.25s;
}
 .animation-text::before, .animation-text::after {
	border: 2px solid transparent;
	width: 0;
	height: 0;
}
.animation-text::before {
	top: 0;
	left: 0;
}
.animation-text::after {
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
}

 .animation-text.border-line::before,  .animation-text.border-line::after {
	width: 100%;
	height: 100%;
}
.pro-hover  .animation-text.border-line::before {
	border-top-color: #445f75;
	border-right-color: #445f75;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
}
.pro-hover  .animation-text.border-line::after {
	border-bottom-color: #445f75;
	border-left-color: #445f75;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}


.uretim-image-fix {
	margin: 0;
}

.uretim-image-fix img {
	width: 100% !important;
	min-width: 100% !important;
}







.banner:after {
	background: #0c2236;
	width: 100%;
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .5;
}

.urge-logo .col-md-3 {
	padding: 15px;
}
.urge-box {
	filter: none;
	padding: 30px !important;
	overflow: hidden;
}

.navbar-brand .logo-part-1, footer .logo-part-1 {
	max-width: 64px !important;
	transition: 1.0s ease all;
	-moz-transition: 1.0s ease all;
	-webkit-transition: 1.0s ease all;
}
.navbar-brand:hover .logo-part-1, .foot-logo:hover .logo-part-1{
	transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	transform-origin: center;
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	transition: transform 2.0s ease all;
	-moz-transition: -moz-transform 2.0s ease all;
	-webkit-transition: -webkit-transform 2.0s ease all;
}

.foot-logo img {
	filter: brightness(0) invert(1);
}



@keyframes rotate-scale-up {
	0% {
		-webkit-transform:rotateZ(0);
		transform:rotateZ(0);
	} 
	100% {
		-webkit-transform:rotateZ(-360deg);
		transform:rotateZ(-360deg);
	}
}



.logo-part-3 {
	position: absolute !important;
	left: -6px;
	top: 0;
	max-width: 75px !important;
}

a.navbar-brand {
	position: relative;
}

.foot-logo .logo-part-3 {
	top: -6px;
}



.short-animate {
	transition: 0.5s ease-in-out;
}
.long-animate {
	transition: 0.5s 0.5s ease-in-out;
}
.lightbox {
	position: fixed;
	top: -100%;
	bottom: 100%;
	left: 0;
	right: 0;
	background: #2f3332;
	z-index: 501;
	opacity: 0;
}
.lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 0%;
	max-height: 0%;
}
.lightbox:target {
	top: 0%;
	bottom: 0%;
	opacity: 1;
}
.lightbox:target img {
	max-width: 100%;
	max-height: 100%;
}
.lightbox:target ~ #close-wrapper {
	top: 0;
}
.lightbox:target ~ #close-wrapper #close-lightbox:after {
	width: 50px;
}
.lightbox:target ~ #close-wrapper #close-lightbox:before {
	height: 50px;
}
.lightbox:target ~ #next-wrapper {
	right: 0;
}
.lightbox:target ~ #prev-wrapper {
	left: 0;
}
#close-wrapper {
	position: fixed;
	top: -70px;
	right: 0;
	height: 70px;
	width: 70px;
	z-index: 502;
	background: rgba(0, 0, 0, 0.1);
}
#close-wrapper #close-lightbox {
	display: block;
	position: absolute;
	overflow: hidden;
	height: 50px;
	width: 50px;
	right: 10px;
	top: 10px;
	transform: rotate(45deg);
}
#close-wrapper #close-lightbox:before, #close-wrapper #close-lightbox:after {
	content: "";
	display: block;
	position: absolute;
	background: #dfecee;
	border-radius: 2px;
}
#close-wrapper #close-lightbox:before {
	height: 0;
	width: 3px;
	left: 24px;
	top: 0;
	transition: 0.5s 1s ease-in-out;
}
#close-wrapper #close-lightbox:after {
	width: 0;
	height: 3px;
	top: 24px;
	left: 0;
	transition: 0.5s 1.5s ease-in-out;
}
#next-wrapper {
	position: fixed;
	top: 40%;
	right: -70px;
	height: 70px;
	width: 70px;
	z-index: 502;
	background: rgba(0, 0, 0, 0.1);
}
#next-wrapper #next-lightbox {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 50px;
	width: 50px;
}
#next-wrapper #next-lightbox:before, #next-wrapper #next-lightbox:after {
	border-right: 3px solid #dfecee;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	background: #dfecee;
	border-radius: 2px;
	transform: rotate(-135deg);
	left: 45%;
	top: 45%;
	width: 0;
}
#next-wrapper #next-lightbox:after {
	margin-top: -10px;
	transform: rotate(-45deg);
}
#prev-wrapper {
	position: fixed;
	top: 40%;
	left: -70px;
	height: 70px;
	width: 70px;
	z-index: 502;
	background: rgba(0, 0, 0, 0.1);
}
#prev-wrapper #prev-lightbox {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 50px;
	width: 50px;
}
#prev-wrapper #prev-lightbox:before, #prev-wrapper #prev-lightbox:after {
	border-right: 3px solid #dfecee;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	background: #dfecee;
	border-radius: 2px;
	transform: rotate(135deg);
	left: 45%;
	top: 45%;
	width: 0;
}
#prev-wrapper #prev-lightbox:after {
	margin-top: -10px;
	transform: rotate(45deg);
}


.gallery-wrapper a img {
	max-width: 100%;
	transition: 1s all;
}

.referanslar-owl img {
	padding: 20px 60px;
}

.gallery-wrapper a {
	text-decoration: none;
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 22%;
	margin: 1%;
}

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

.gallery-wrapper {
	text-align: center;
}

.urge-box:hover img {
	transform: scale(1.1);
}
.ref-box:hover img {
	transform: scale(1.1);
}

.fit-img img {
	min-height: 400px;
	object-fit: cover;
}



.carousel-caption .yol-tarifi {
	position: absolute;
	left: 0;
	background: transparent;
	border: 1px solid white;
	text-decoration: none;
}

.carousel-caption .yol-tarifi:hover {
	background: #7f8ba8;
}

.video-play-button-red {
	background: #fa183d !important;
}

.video-play-button-red:before {
	background: #fa183d !important;
}

.video-play-button-red::after {
	background: #fa183d;
}

.haberler-box{
	margin: 10px;
	box-shadow: 0px 0px 10px 5px #f1f1f1;
	padding: 15px;
}

.haberler-box h5 {
	padding: 15px 0 0;
	margin: 0;
	color: #314372;
	font-weight: 700;
	text-decoration: none;
	font-size: 21px;
	margin-bottom: 10px;
	min-height: 67px;
	display: flex;
	align-items: center;
}





@media only screen and (max-width: 1600px) {
	.slide h1 {
		font-size: 35px;
	}

	.slide h2 {
		font-size: 40px;
	}

	.slide h3 {
		font-size: 50px;
	}
	.carousel-caption{
		top: 6%
	}
	.slide p {
		font-size: 18px;
	}
	
}
@media only screen and (max-width: 1500px) {
	.banner div {
		min-width: fit-content;
	}
	
	.pro-text {
		position: relative;
		max-width: 100%;
		margin: 0px auto;
		text-align: center;
		background: #c1c4c8;
		top: auto;
		margin-bottom: -50px;
		margin-top: 50px;
	}
	.banner {
		height: 350px;
	}

	.banner div {
		top: 282px;
	}
}
@media only screen and (max-width: 1300px) {

	.pro-slide img {
		width: 180% !important;
		min-width: auto;
	}
	.animation-slide {
		display: none;
	}
	.uretim-image-fix img {
		min-width: 50%!important;
		width: 100% !important;
		object-position: right;
		position: relative;
		min-height: 450px;
	}
	.konsept-arac-min.konsept-arac-min-2 img {
		min-width: 50%!important;
		width: 115% !important;
		object-position: right;
		position: relative;
		min-height: 320px;
	}
	.konsept-arac-min .konsept-text {
		max-width: 100%;
		position: relative;
		background: #13254d;
		height: 100%;
		padding-bottom: 40px;
	}

	.konsept-text p {
		clear: both;
		float: inherit  !important;
	}
}
@media only screen and (max-width: 1200px) {
	.urun-box{
		padding: 0 20px;
	}
	.slide p {
		font-size: 15px;
	}
	
	.navbar-nav .nav-link {
		font-size: 15px;
	}
	.slide h1 {
		font-size: 20px;
	}

	.slide h2 {
		font-size: 30px;
	}

	.slide h3 {
		font-size: 40px;
	}
	
}
@media only screen and (max-width: 992px) {
	.banner{
		height: 300px;
	}
	.base-line {
		display: none;
	}

	.event-date {
		padding-top: 5px;
	}
	.banner div {
		top: 235px;
	}
	.carousel-caption {
		position: relative;
		background: #304371;
		width: 100%;
		max-width: 100%;
		left: 0 !important;
		padding: 5%;
		animation: none !important;
		opacity: 1 !important;
	}

	

	img.slide-fix {
		display: none;
	}
	.animation-box{
		display: none;
	}
	.pro-text {
		position: relative;
		max-width: 100%;
		margin-top: 0;
	}
	.video-play-button {
		display: none;
	}
	.carousel-control-next {
		/* right: 3% !important; */
	}
	.navbar-toggler-icon {
		background: url(../img/menu.png);
	}
	header .navbar-toggler-icon {
		background: url(../img/menu-b.png);
	}
	header ul.navbar-nav.mr-auto {
		background: #0e2c46;
	}
	ul.navbar-nav.mr-auto {
		background: #e7e7e7;
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.navbar-nav .dropdown-menu {
		text-align: center;
	}
	img.d-block.w-100 {
		min-height: 75vh;
		object-fit: cover;
		object-position: right;
	}
	.wid-43 {
		width: 100%;
		margin: 0;
	}

	.logolar {
		margin: 50px 0;
	}

	.logolar img {
		width: 100%;
	}
	footer .foot-right,footer .foot-left{
		text-align: left !important;
		clear: forwards;
		width: 100%;
	}
	footer.main-div img{
		right: 0
	}
	
	
	h4 {
		font-size: 34px;
		margin-top: 30px;
	}
	.about-2{	
		display: block;
	}
	.sub-slider img.d-block.w-100 {
		min-height: auto;
	}
	.w-50 {
		clear: both;
		width: 100%;
		min-height: auto;
		width: 100% !important;
	}

	.padding-20 {
		position: relative;
		padding: 0;
	}

	.w-50 iframe {
		width: 100%;
	}
	.iletisim-page input, .iletisim-page textarea {
		max-width: 80%;
		margin-left: 10%;
	}

	.form-check {
		max-width: 80%;
		margin-left: 10%;
	}
}
@media only screen and (max-width: 776px) {

	.d-md-block {
		display: block !important;
	}

	.carousel-item .ana-img {
		min-height: 44vh !important;
	}
	.konsept-main-text {
		padding: 50px 0;
	}
	.border-bottom-2 .float-right a {
		width: 100%;
		display: inline-block;
	}
	.border-bottom-2 .float-right{
		margin-top: 15px;
		clear: forwards;
		float: left !important;
	}
}


.haberler-box a {
	text-decoration: none;
	color: #536d83;
	font-weight: bold;
	font-size: 16px;
}

.haberler-box p {
	color: #000;
	min-height: 90px;
}

.haberler-box img {
	height: 200px;
	object-fit: cover;
}

.entries {
	margin-right: -10000px;
	margin-left: 1rem;
}

.timeline {
	position: absolute;
	box-sizing: border-box;
	width: 2600px;
	height: 0.7rem;
	background-color: #536d83;
	background-clip: content-box;
	border-width: 0.2rem 0;
	border-style: solid;
	border-color: #fff;
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1), inset 0 0 0.4em rgba(0, 0, 0, 0.1);
	top: 250px;
}

.entry {
	float: left;
	max-width: 170px;
	position: relative;
	text-align: center;
	margin: 0 1rem;
	margin-top: -65px;
}
.entry .dot {
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #95b2c8;
	left: 50%;
	margin-left: -0.6rem;
	margin-top: -0.95rem;
	border-radius: 100%;
	box-sizing: border-box;
	background-clip: content-box;
	border-width: 0.16rem;
	border-style: solid;
	border-color: #fff;
	box-shadow: 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.1), inset 0 0 0.4em rgba(255, 255, 255, 0.1), inset 0 0.4rem 0.1rem rgba(255, 255, 255, 0.3);
	-webkit-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
	-moz-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
	-o-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
	transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
}

.entry:hover .dot {
	width: 1.6rem;
	height: 1.6rem;
	margin-left: -0.8rem;
	margin-top: -1.15rem;
	background-color: #314372;
}
.entry:hover .label {
	margin-top: 2.5rem;
	background-color: #d0e8e4;
	border-bottom: 0.5rem solid transparent;
}

.label {
	display: inline-block;
	position: relative;
	background-color: #E1F0EE;
	background-clip: padding-box;
	margin-top: 3rem;
	padding: 0.4rem 0.8rem 0.8rem;
	border-radius: 0.2rem;
	-webkit-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
	-moz-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
	-o-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
	transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
	border-bottom: 0 solid transparent;
}
.label .time {
	text-transform: uppercase;
	font-size: 0.7rem;
	margin: 0 0 0.4rem;
	padding: 0 0.3rem 0.3rem;
	letter-spacing: 1px;
	display: inline-block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.label .detail {
	font-size: 0.8rem;
}
.label:before {
	content: "";
	display: block;
	position: absolute;
	background-color: inherit;
	background-clip: content-box;
	box-sizing: border-box;
	width: 1rem;
	height: 1rem;
	left: 50%;
	margin-top: -0.9rem;
	margin-left: -0.5rem;
	transform-origin: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
	background: #e1e8f0;
	z-index: 9;
}
.label a {
	color: #000;
	text-decoration: none;
}
.label a:before {
	content: "[";
}
.label a:after {
	content: "]";
}

.entry.life .label {
	background-color: #e1f0e4;
}

.entry.life:hover .label {
	background-color: #d0e8d5;
}

.entry.study .label {
	background-color: #e1e8f0;
}

.entry.study:hover .label {
	background-color: #d0dbe8;
}

.label-2 {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 30px;
	color: #314372;
}

/* width */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #536d83; 
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #314372; 
}

.timeline-main h1 {
	position: absolute;
	top: 85px;
	left: 30px;
}

.detail-img img {
	width: 115px !important;
	margin-top: 15px;
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}