/* Custom CSS */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400; 700; 900&display=swap');
.content_icerik { position: relative; overflow: hidden; } 
.daire { width: 300px; height: 300px; position: absolute; left: 100px; border-radius: 50%; background: #ffcf00; z-index: -1; transform: translateY(50px); -webkit-transform: translateY(50px); animation: daire 6s linear infinite; } 
@keyframes daire {
	0%,
	100% { transform: translateY(50px); } 
	50% { transform: translateY(80px); } 
}
.hareketli { opacity: 0; position: relative; } 
.mobile_lang { list-style: none; top: 0px; position: absolute; left: 45px; }
.mobile_lang .next_lang_item:before {
    font-size: 17px !important;
	margin-right:5px;
    color: #000;
}
.next_lang_item:before{ content: "/"; font-size: 26pt !important; margin-right: 10px; color:#fff; display: inline-block; transition: all 1s ease-in-out;}
.lang_btnx:hover .next_lang_item:before {margin-right: 0;}
.marketing_detail ul li { list-style:none; position:relative; padding-left:22px; }
.marketing_detail ul li::before { content: ''; position: absolute; left: 0px; top: 10px; width: 12px; height: 12px; background: #FFCF00; border-radius: 50%; }
/*hareketli alanlar*/
.hareket_sol { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } 
.hareket_sag { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px); } 
.hareket_asagi { opacity: 0; -moz-transition: all 700ms linear; -webkit-transition: all 700ms linear; -o-transition: all 700ms linear; transition: all 700ms linear; -moz-transform: translate3d(0px, -200px, 0px); -webkit-transform: translate3d(0px, -200px, 0px); -o-transform: translate(0px, -200px); -ms-transform: translate(0px, -200px); transform: translate3d(0px, -200px, 0px); } 
.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } 
.height_normal { height: auto !important; } 
.section1,.section2 { display: block; width: 100%; position: relative; padding: 50px; overflow: hidden; font-family: 'Montserrat', sans-serif; border-bottom: 1px dotted #ffcf00; } 
section div.tbl_container { display: table; width: 100%; position: relative; height: 50vh; } 
.section2:before,.bg2:before { content: ""; position: absolute; inset: 0; background: #FFCF00; z-index: -1; } 
div.solTaraf,div.sagTaraf { display: table-cell; vertical-align: middle; width: 50%; } 
.solTaraf { padding: 0 60px 0 100px; } 
div.Baslik,h3.Baslik { display: inline-block; margin: auto auto 20px auto; font-size: 3.8em; font-weight: 700; color: #000; line-height: 1.1; position: relative; } 
h3.Baslik { font-size: 40pt; } 
.baslik_2x { font-size: 5.8em ! important; } 
.icerik_yazi { margin: auto; color: #000; font-size: 16pt; } 
.baslik { font-size: 16pt; font-weight: bold; color:#000; } 
div.Baslik span,h3.Baslik span { display: block; } 
div.Baslik .light_font { font-weight: 400; } 
.light_font_sm { font-size: 0.6em; } 
div.sagTaraf .resim_sag { margin: auto; display: block; width: 100%; position: relative; } 
div.sagTaraf .resim_sag img { display: block; width: 650px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); animation: MoveUpDown 8s linear infinite; z-index: -1; } 
.sagTaraf_mobil { display: none; } 
@keyframes MoveUpDown {
	0%,
	100% { transform: translateY(-53%); } 
	50% { transform: translateY(-50%); } 
}

}
.section2 .resim_sag img { left: 25%; width: 600px !important;; } 
.section2 .Baslik span { position: relative; } 
.section2 .Baslik span:before,
.section2 .Baslik .baslik_kisa:before,
.section2 .Baslik .txt_bold:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: #FFCF00; z-index: -1; } 
.section2 .Baslik span:nth-of-type(1):before { width: 180px; } 
.section2 .Baslik span:nth-of-type(2):before { width: 338px; } 
.section2 .Baslik span:nth-of-type(3):before { width: 338px; } 
.section2 .Baslik .baslik_kisa:before { width: 48% !important; } 
.section2 .Baslik .txt_bold:before { width: 100% !important; } 
.section2 .icerik_yazi { width: 80%; font-weight: 700; margin: auto auto auto 0; } 
.altAlan { margin-top: 30px; position: relative; } 
.altAlan .resimAlt { display: table-cell; vertical-align: middle; margin: auto; width: 400px; } 
.altAlan .resimAlt img { display: block; width: 100%; } 
.altAlan .icerikAlt { display: table-cell; vertical-align: middle; } 
.altAlan .icerikAlt .madde { display: block; position: relative; padding-left: 20px; } 
.altAlan .icerikAlt .madde:before { content: ""; position: absolute; left: 0; top: 10px; width: 12px; height: 12px; background: #FFCF00; border-radius: 50%; } 
.section3 div.tbl_container { display: table; width: 100%; position: relative; height: auto; } 
.section3 .tbl_container .solTaraf { display: table-cell; width: 10%; vertical-align: middle; padding-right: 0; } 
.section3 .sagTaraf { display: table-cell; vertical-align: middle; width: 90%; } 
.section3 .sagTaraf img { display: block; width: 100%; } 
.section3 .tbl_container .socials { position: relative; overflow: hidden; } 
.section3 .tbl_container .socials a.social { display: table; width: 180px; margin: 5px auto 0 5px; color: #000; font-size: 16pt; font-weight: 700; position: relative; } 
.section3 .tbl_container .socials a.social .icon { display: table-cell; vertical-align: middle; width: 32px; height: 32px; } 
.section3 .tbl_container .socials a.social .icon img { display: block; width: 32px; height: 32px; } 
.section3 .tbl_container .socials a.social .isim { display: table-cell; width: 120px; vertical-align: middle; text-align: left; font-size: 12pt; } 
.sec_container_firmalar { padding: 30px 0; background: #f1f1f1; } 
.section3_container { display: flex; align-content: space-between; width: 100%; } 
.section3_container .section3 { background: #fff; border-radius: 5px; padding: 10px; margin: 20px; } 
.section3_container .section3 h3.Baslik, .formBasliklar .baslik { display: block; font-size: 20pt !important; text-align: center; } 
.section3_container .solTaraf { padding: 0; } 
.sagTaraf_mobil { display: none !important; } 
.sagTaraf_mobil_kapat { display: table-cell !important; } 
@-webkit-keyframes aGeri { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } 
}
@keyframes aGeri { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } 
}
.flex_container { display: flex; align-items:stretch; justify-content: center; flex-wrap: wrap; margin:60px auto; } 
.flex_container .box { width: 280px; margin: 10px; border-radius: 10px; padding:20px 10px 50px 10px; text-align: center; background: #fff; -webkit-box-shadow: 5px 5px 8px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1); } 
.flex_container .box .baslik { display: inline-block; position: relative; vertical-align: top; z-index: 1; } 
.flex_container .box .baslik:before { content: ""; position:absolute; left:0; bottom:7px; background:#FFCF00; width:100%; margin: auto; height: 10px; z-index: -1; } 
.flex_container .box .icon { width:60px; height:60px; margin:auto auto 10px auto; text-align: center; } 
.flex_container .box .icon i { color:#000; font-size:45px; line-height:60px; } 
.flex_container .box .icerik_yazi { font-size: 14px; } 
.teklif_formu { background:#fff; padding:40px 20px; } 
.textAlani { display: flex; align-content: center; align-items: center; width: fit-content; margin:auto; } 
.textAlani .vlt-form-group { margin: 10px; } 

.button_flex_container{display: flex; align-items: center; text-align: center;  align-content:center; flex-wrap: wrap; margin:auto; }
.button_flex_container > div{width: 33%; margin:10px auto;  text-align: center; }
.button_flex_container > div a{color: #fff !important;}

.vlt-btn--primary
{
	color: #fff; background-color:#ffcf00; } 
	.vlt-btn--primary::after
	{
		background-color:#ffcf00; }
		.vlt-btn--primary:hover
		{
			color: #fff; } 
			.vlt-btn--primary:not(.vlt-btn--effect):hover
			{
				background-color:#ffcf00; } 
				.btn_devami { margin-top:20px; } 

				input[type='text']:focus,
				input[type='email']:focus,
				input[type='tel']:focus,
				textarea:focus,
				select:focus
				{
					border-color: #ffcf00; outline: none; } 
					.formBasliklar { display: block; text-align: center; margin-bottom:20px; } 
					.formBasliklar .baslik_slogan { font-size:20px; } 

					.ads_container{display: flex; align-items:center; align-content: center; padding:20px 0px;}
					.logo_container{display: inline-flex; margin:10px;}
					.ads_container h4{font-size: 20px;}
					.ads_container .ads_logo{ width:60px;}
					.ads_container .ads_logo img{display: block; width:100%;}


					.margin-top{margin-top:60px;}
					@media only screen and (max-width: 1600px){
						.section2 figure.resim_sag img { left: 0; } 
						.section2 figure.resim_sag img { left: 200px; } 
						.tbl_container { width: 1200px; } 
						div.sagTaraf .resim_sag img { width: 600px; } 
						.section2 figure.resim_sag img { width: 450px; } 
						.section2:before { background-size: contain; } 
						div.Baslik,h3.Baslik,
						.baslik_2x { display: inline-block; font-size: 2.6em !important; } 
						section p,.altAlan .icerikAlt .madde { font-size: 14pt; } 
						.section2 .Baslik span:nth-of-type(1):before { width: 82px; } 
						.section2 .Baslik span:nth-of-type(2):before { width: 153px; } 
						.section2 .Baslik span:nth-of-type(3):before { width: 155px; } 
						.section2 .Baslik .baslik_kisa:before { width: 48% !important; } 
						.section2 .Baslik .txt_bold:before { width: 100% !important; } 
						.section2 .resim_sag img { left: 30%; width: 450px !important;; } 
					}
					@media only screen and (max-width:1366px) {
						div.Baslik,
						h3.Baslik { display: inline-block; font-size: 2.2em !important; } 
						.light_font_sm { font-size: 0.7em; } 
					}
					@media only screen and (max-width:1200px){
						.tbl_container { width: 100%; } 
						.ads_container{display: block; }

					}
					@media only screen and (max-width:1024px) { section div.tbl_container { display: block; height: auto; } 
						.section3 .tbl_container .solTaraf { display: block; width: 100%; padding: 0; } 
						.section3 .sagTaraf { display: block; width: 100%; } 
						.altAlan .icerikAlt { display: block; } 
						.altAlan .resimAlt { display: block; width: 100%; max-width: 400px; } 
						div.solTaraf,
						div.sagTaraf { display: block; width: 100%; } 
						div.sagTaraf .resim_sag img,
						div.sagTaraf_mobil img { display: block; width: 100% !important; max-width: 600px; position: relative; top: unset; transform: unset; -webkit-transform: unset; animation: none; margin: auto; } 
						div.Baslik span,
						h3.Baslik span,
						.section2 .Baslik span { display: inline-block; margin: 3px 5px; } 
						.light_font_sm,
						.light_font_sm,
						.light_font { font-size: 20pt; padding: 0 !important; } 
						div.Baslik,
						h3.Baslik,
						.baslik_2x { display: inline-block; font-size: 20pt !important; text-align: left; } 
						.center_mobil { text-align: center; } 
						.height_mobil { padding: 100px 0; } 
						.baslik_giris span { display: block !important; text-align: center; } 
						.daire { width: 160px; height: 160px; position: absolute; left: 31%; } 
						.sagTaraf_mobil_kapat,
						.resim_kapat_mobil { display: none !important; } 
						.tbl_container,
						.sagTaraf_mobil { display: block !important; } 
						.solTaraf { padding: 60px 20px; } 
						div.socials { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 20px; } 
						div.sagTaraf .resim_sag img { inset: 0; } 
						.section2 .Baslik span:nth-of-type(1):before,
						.section2 .Baslik .baslik_kisa:before { width: 100% !important; } 
						.section2,.section3,.section1 { padding: 30px 10px; } 
						.section2 .icerik_yazi { width: 100%; } 
						.section3_container { display: block; margin: auto; padding: 0 10px;} 
						.section3_container .section3 { margin: auto auto 20px auto; } 
						.flex_container { margin:20px auto; } 
						.textAlani { flex-direction: column; } 
						.textAlani .vlt-form-group { width: 100%; } 
						.teklif_btn { width: 100%; } 
						.button_flex_container{display: flex; flex-direction: column;}
						.button_flex_container > div{display: block; width: 100%; }
						.button_flex_container > div a{display: block; width: 100%; margin: auto;  }
					}


					#awwwards {
						position: fixed;
						top: 0;
						right: 0;
						width: 90px;
						height: 135px;
						text-indent: -666em;
						overflow: hidden;
						z-index: 999;
						background-repeat: no-repeat;
						background-size: 90px 135px;
						background-image: url(../img/root/awwwards_honorable_white.png);
					}

					#wpselected {
						position: fixed;
						top: 0;
						left: 0;
						width: 90px;
						height: 90px;
						text-indent: -666em;
						overflow: hidden;
						z-index: 999;
						background-repeat: no-repeat;
						background-size: 90px 90px;
						background-image: url(../img/root/wpselected-badge-left.png);
					}

					.vlt-custom--9135 .typed-cursor {
						color: #ee3364;
					}

					.vlt-custom--0531 {
						position: absolute;
						left: 130px;
						bottom: 15%;
						font-size: 35px;
						color: #0b0b0b;
					}

					.vlt-custom--9503::after {
						content: '';
						position: absolute;
						top: 50%;
						left: calc(100% + 30px);
						height: 1px;
						width: 0;
						max-width: 60px;
						background-color: #1f0e49;
						transition: width .5s 1s ease-in-out;
					}

					.vlt-is-page-loaded .vlt-custom--9503::after {
						width: 100%;
					}

					.vlt-custom--5832 {
						position: relative;
						margin-right: 50px;
						z-index: 1;
					}

					.vlt-custom--5832::after {
						content: '';
						position: absolute;
						top: -50px;
						right: -50px;
						width: 100%;
						height: 100%;
						border: 10px solid #00bec5;
						z-index: -1;
					}

					.vlt-custom--5832 {
						position: relative;
						margin-right: 50px;
						z-index: 1;
					}

					.vlt-custom--5832::after {
						content: '';
						position: absolute;
						top: -50px;
						right: -50px;
						width: 100%;
						height: 100%;
						border: 10px solid #00bec5;
						z-index: -1;
					}

					.vlt-custom--3103 .vlt-services-box__link {
						background-color: rgba(0,0,0,.25);
					}

					.vlt-custom--3103 .vlt-highlight {
						background: linear-gradient(to top, transparent 5%, rgba(0,0,0,.25) 5% , rgba(0,0,0,.25) 37%, transparent 37%);
					}

					.vlt-custom--4111 .vlt-swiper-pagination--style-1 span {
						background-color: #fff;
					}

					.vlt-custom--4111 .vlt-swiper-button-prev--style-2,
					.vlt-custom--4111 .vlt-swiper-button-next--style-2 {
						color: #fff;
					}

					.vlt-custom--6632 {
						margin-top: -225px;
					}

					.vlt-custom--9917 .vlt-social-icons a:not(:hover) {
						color: #fff;
					}

					.vlt-custom--8681 .vlt-countdown h5,
					.vlt-custom--8681 .vlt-countdown strong {
						color: #fff;
					}

					.vlt-custom--9511 .vlt-swiper-pagination--style-1 span {
						background-color: #fff;
					}

					.vlt-is--homepage-05 .vlt-header--default .vlt-navbar,
					.vlt-is--homepage-05 .vlt-header--default .vlt-navbar.vlt-navbar--solid {
						background-color: #191919;
					}

					.vlt-is--homepage-11 .vlt-navbar {
						padding: 0 35px;
					}

					.vlt-is--homepage-11 .vlt-navbar .container {
						width: 100%;
					}

/* min-width 768px */
@media (min-width: 768px) {
	.vlt-custom--5136 {
		padding-left: 70px;
	}
	.vlt-custom--8620 {
		padding-right: 70px !important;
	}
	.vlt-custom--5317 {
		padding: 0 30px !important;
	}
	.vlt-custom--5171 {
		padding-right: 70px;
	}
	.vlt-custom--7205 {
		margin-top: -100px;
	}
	.vlt-custom--8511 {
		padding-right: 85px;
	}
	.vlt-custom--6525 {
		position: relative;
		z-index: 2;
	}
}

/* max-width 767px */
@media (max-width: 767px) {
	#awwwards,
	#wpselected {
		display: none;
	}
	.vlt-custom--9135 h2 {
		font-size: 28px
	}
	.vlt-custom--1631 {
		font-size: 38px;
	}
}

/* max-width 991px */
@media (max-width: 991px) {
	.vlt-custom--9182 {
		font-size: 48px;
		line-height: 60px;
	}
	.vlt-custom--9182 {
		font-size: 48px;
		line-height: 60px;
	}
}

/* max-width 575px */
@media (max-width: 575px) {
	.vlt-custom-9182 {
		font-size: 38px;
		line-height: 50px;
	}
	.vlt-custom-9182 {
		font-size: 38px;
		line-height: 50px;
	}
	.vlt-custom--0531 {
		bottom: 5%;
	}
}