/*
Tasarim: www.alempanel.com
Tasarim Kodlama: Cumali Durmaz
Tarih: 30.04.2022
*/


@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Khand:300,400,500,600,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800&subset=latin-ext');
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
/*
font-family: 'Khand', sans-serif;
font-family: 'Open Sans', sans-serif;
*/


/* GENEL AYALAR */

html {min-width:1000px; width:100%; height:100%;}

}

/* HEADER */
.listele_bg {
	min-width:1024px;
	height:768px;
	overflow:hidden;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay1.png') no-repeat top center;
	font-weight:100;
} 


.listele_bg1 {
	min-width:1024px;
	height:768px;
	/* overflow:hidden; */
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay1.jpg') no-repeat top center;
	font-weight:100;
}

.listele_bg2 {
	min-width:1024px;
	height:768px;
	/* overflow:hidden; */
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay2.png') no-repeat top center;
	font-weight:100;
}

.listele_bg3 {
	min-width:1024px;
	height:768px;
/* overflow:hidden; */
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay3.png') no-repeat top center;
	font-weight:100;
}

.listele_bg4 {
	min-width:1024px;
	height:768px;
/* overflow:hidden; */
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay4.png') no-repeat top center;
	font-weight:100;
}

.listele_bg5 {
	min-width:1024px;
	height:768px;
/* overflow:hidden; */
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay5.png') no-repeat top center;
	font-weight:100;
}

.listele_bg6 {
	min-width:1024px;
	height:768px;
/* overflow:hidden; */
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay6.png') no-repeat top center;
	font-weight:100;
}

.listele_bg7 {
	min-width:1024px;
	height:768px;
	/* overflow:hidden; */
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/detay/detay7.png') no-repeat top center;
	font-weight:100;
}
/* HEADER /*/









.Temizle {clear:both;}

/*.Bg_Sabit {background-attachment:fixed !important; background-position:center -2000px !important;}*/

.Kapsayici {width:1000px; position:relative; margin:auto; z-index:2;}



/* HEADER */
.anasayfa_bg1 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/anasayfa1.jpg') no-repeat top center;
	font-weight:100;}

.anasayfa_bg2 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/anasayfa2.webp') no-repeat top center;
	font-weight:100;}


.anasayfa_bg3 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/anasayfa3.webp') no-repeat top center;
	font-weight:100;}

.anasayfa_bg4 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/anasayfa4.webp') no-repeat top center;
	font-weight:100;}


.anasayfa_bg5 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/anasayfa5.webp') no-repeat top center;
	font-weight:100;}

.anasayfa_bg6 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/anasayfa6.webp') no-repeat top center;
	font-weight:100;}

.anasayfa_bg7 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/anasayfa7.webp') no-repeat top center;
	font-weight:100;}








/* HEADER /*/

.Header {width:100%;height:235px;position:relative;z-index:-15;}

.Logo {width: 230px;height: 110px;position:absolute;left: 73px;right: 810px;margin: -118px;margin-top: 56px;z-index:5;text-align: center;padding-top: 0px;}



/* SOSYAL MEDYA */

.Sosyal_Medya {position:absolute; margin-top:254px; right:263px;}

.Sosyal_Medya a {
	float:left;
	margin-right:3px;
	position:relative;
	color:#a4156f;
	border:solid 1px #a4156f;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	position:relative;
	display:block;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.Sosyal_Medya img {
	position:relative;
	width:36px;
	height:36px;
	color:#a4156f;
	float:left;
	right:3px;
}
.Sosyal_Medya img path {
	position:relative;
	width:36px;
	height:36px;
	background:#a4156f;
	float:left;
	right:3px;
}
.Sosyal_Medya a i {display:block; line-height:36px;}
.Sosyal_Medya a:hover {background:#a4156f; border:solid 1px #a4156f; color:#fff;}











/* ICON MENU */
.icon_menu {position:absolute;margin: 37px 0 0 856px;}
.icon_menu a {
	color: #cf3261;
	position:relative;
	line-height:.90em;
	font-weight:600;
	float:left;
	display:block;
	font-size:1.20em;
	text-align:center;
	font-family: "Khand";
	text-shadow: 0px 1px 0 rgba(255, 255, 255, .5);
	margin-right:5px;
	padding-top: 35px;
}
.icon_menu a span {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	display:block;
}
.icon_menu a:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 77px;
	right: -15px;
	top: 0;
	background: url('../images/login/menu_ayrac.png') no-repeat center;
}
.icon_menu a:hover {text-decoration:underline;}
.icon_menu a:nth-child(1) {background: url('../images/login/icon_1.png') no-repeat top center;}
.icon_menu a:nth-child(2) {margin-left:23px; background: url('../images/login/icon_2.png') no-repeat top center;}
.icon_menu a:nth-child(3) {margin-left:23px; background: url('../images/login/icon_3.png') no-repeat top center;}
.icon_menu a:nth-child(4) {margin-left:23px; background: url('../images/login/icon_4.png') no-repeat top center;}




/* SCP KAYAN HABER */
.kayan_haber {
	width: 522px;
	height:31px;
	position: absolute;
	overflow:hidden;
	margin-top: 12px;
	right: 191px;
	background: rgb(247 247 247 / 0%);
border-radius: 50px;}
.icon {font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-spin2:before {content: '\f192';font-size: 13px;}
.base-container {
	/* background: none repeat scroll 0 0 #450eaa; */
	height: 31px;
	overflow: hidden;
	z-index: 1;
	width: 522px;
}
.last-minute-title {
	float: left;
	padding-left: 4px;
	margin-right: 8px;
	position: relative;
	color: #fff;
	background: #a9002a;
}
.last-minute-title span {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 34px;
	margin: 0 10px 0 0px;
}
.last-minute-title:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136,183,213,0);
	border-left-color: #a9002a;
	border-width: 6px;
	margin-top: -6px;
}
.last-minute .scroll-content {
	overflow: hidden;
	width: 600px;
	height: 31px;
	float: left;
	position: relative;
}
.last-minute .scroll-content .overview {position: absolute;}
.last-minute .scroll-content li {
	margin-right: 30px;
	padding-right: 30px;
	position: relative;
	float: left;
}
.blink {color: #fff;}
.overview{left: 0px;margin: 0;}
.overview li {display: -webkit-inline-box; padding: 0px 15px;}
.overview li a{font-weight: 500;color: #ffffff;display:block;font-size: 19px;line-height:33px;text-decoration: none;}
marquee {margin: 0;}




/* ANA MUNU */
.Menu {position:absolute;margin: 161px 0 0 -59px;z-index: 9;}

.Menu ul.AnaMenu > li {list-style:none;float:left;}

.Menu ul.AnaMenu > li:last-child {background-image:none;}

.Menu ul.AnaMenu > li > a {font-family: 'Khand';color: #474747;padding:6px 17px;display:block;font-size: 20px;font-weight:500;letter-spacing:-0.02em;}

.Menu ul.AnaMenu > li:hover > a {color:#FFF;text-shadow:none;background: #1f4399;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 28px;background-position: 100% 0;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

.Menu ul.AnaMenu > li > a.Aktif {

	color:#FFF;

	text-shadow:none;

	background:#a4156f;

	

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



/* ALT MENU*/
.Menu ul.AnaMenu li ul {

	width:200px;

	position:absolute;

	display:none;

	margin-top:-4px;



	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f87130+0,eb9205+100 */

	background: #f87130; /* Old browsers */

	background: -moz-linear-gradient(top, #f87130 0%, #eb9205 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #f87130 0%,#eb9205 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #f87130 0%,#eb9205 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87130', endColorstr='#eb9205',GradientType=0 ); /* IE6-9 */

	

	-webkit-box-shadow: 0 30px 40px 0 rgba(0,0,0,.7);

	box-shadow: 0 30px 40px 0 rgba(0,0,0,.7);

	

	-webkit-border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

}

.Menu ul.AnaMenu li ul li:last-child {border-bottom:none;}

.Menu ul.AnaMenu li ul li a {

	color:#FFF;

	padding:6px;

	padding-left:20px;

	font-size:.90em;

	font-weight:300;

	display:block;

	letter-spacing:-.02em;

	font-family: 'Open Sans', sans-serif;

	background:url('../images/Mini_Ok.png') no-repeat 15px center;

}

.Menu ul.AnaMenu li ul li a.Aktif, .Menu ul.AnaMenu li ul li a:hover {background:#d75017;}

.Menu ul.AnaMenu li ul li a.Aktif::after, .Menu ul.AnaMenu li ul li a:hover::after {

	content:'';

	width:31px;

	height:31px;

	position:absolute;

	background:#d75017 url('../images/Mini-Ok.png') no-repeat center center;

	display:block;

	margin:-25px 0 0 180px;

}

.Menu ul.AnaMenu li ul li:last-child a:hover {

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-bottom-left-radius: 5px;

}

.Menu ul li:hover ul {display:block;}

.Menu ul li:hover a.AltMenulu {


	padding-bottom:21px;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;
}























/* ANASAYFA SOHBET VE */
.ust_sohbet_login {position: relative;width: 44%;height: 318px;top: 38px;left: 525px;z-index: 8;}




.home_sohbet_sayisi {position:absolute;color: #000000;font-family:"Open Sans", sans-serif;margin: -20px 0 0 -58px;line-height:1em;text-align:center;font-size:.85em;letter-spacing:-.03em;text-align:center;}

.home_sohbet_sayisi span {font-size:3.4em;color: #666666;letter-spacing:-0.05em;font-family: bold;display:block;line-height:1em;margin-bottom: -3px;}
.home_sohbet_sayisi:hover {text-shadow:0 0 30px #a4156f;}
.home_sohbet_sayisi:hover span {color:#a4156f;}

.sohbet_giris_btn {width:75px;height:75px;display:block;position:absolute;z-index:999;background:url('../images/sohbet_basla_btn.png') no-repeat center top;margin: 529px 0 0 99px;}
.sohbet_giris_btn:hover {background-position:bottom;}




.home_sohbet_text {
	position:absolute;
	color:#fff;
	text-align:center;
	margin:115px 0 0 130px;
	width:282px;
	height:82px;
	line-height:60px;
	font-weight:400;
	letter-spacing:-0.03em;
	font-size:1.20em;
	
	background:url('../images/hemen-sohbete-baslayin-btn.png') no-repeat center;
}
.home_sohbet_text span {font-weight:700;}


/* SOHBET */
.sohbet_login {
	width: 442px;
	height: 283px;
	position: absolute;
	z-index: 2;
	/* background: rgba(209,172,131,.5); */
	margin-top: -30px;
	left: 41px;
}
.login_buttons {position:absolute; margin:85px 0 0 40px;}
.login_buttons a {
	color:#6aa8d6;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	font-size:.95em;
	font-weight:600;
	display:block;
	padding:2px 10px;
	margin-bottom:1px;
	text-align:center;
}
.login_buttons a:hover, .login_buttons a.aktif {
	color:#276da1;
	background:#fff;
}

/*ALMP */
.login_buttons {position:relative;margin: 40px 0 0 -14px;}
.login_buttons a {
	color:#fff;
	font-size:1.10em;
	font-weight:600;
	display:block;
	float:left;
	width:169px;
	height:47px;
	line-height:47px;
	text-shadow: none;
	position:absolute;
	text-align:center;
}
.login_buttons a:nth-child(2) {margin-left:130px;}
.login_buttons a:nth-child(3) {margin-left:260px;}
.login_buttons a:hover, .login_buttons a.aktif {
	background:url('../images/form_baslik_hover.png') no-repeat center;
	color:#b04d9a;
	width: 169px;
	height:47px;
	text-align:center;
	text-shadow:none;
}

/*ALMP */
.login_form input[type=text], .login_form input[type=password] {
	width: 228px;
	height: 61px;
	padding:0 15px;
	padding-left:0px;
	border:none;
	display:block;
	font-size:.90em;
	color:#c6396d;
	position:relative;
border-radius: 50px;}
.login_form input[type=text] {background-image: linear-gradient(270deg,#fff,#4967ad);}
.login_form input[type=password] {}

.formKadi {
	position: absolute;
	width: 286px;
	height: 62px;
	z-index: 9999;
	left: -41px;
	top:110px;
	z-index: 0;
	
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
border-radius: 50px;background-image: linear-gradient(270deg,#fff,#1f4399);}
.formKadi:after {
	content: '';
	position: absolute;
	width: 38px;
	height: 36px;
	left: 22px;
	top: 11px;
	background: url('../images/login/form_user_icon.png') no-repeat center;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}
.formSifre {
	position: absolute;
	width: 286px;
	height: 61px;
	z-index: 9999;
	left: -41px;
	top: 177px;
	z-index: 0;
	
background-image: linear-gradient(270deg,#fff,#1f4399);border-radius: 50px;}
.formSifre.formSifrePasif {background-image: linear-gradient(270deg,#fff,#1f4399);}
.formSifre:after {
	content: '';
	position: absolute;
	width: 31px;
	height: 42px;
	left: 26px;
	top: 14px;
	background: url('../images/login/form_lock_icon.png') no-repeat center;
}
.formYSifre {
	position: absolute;
	width: 285px;
	height: 63px;
	z-index: 9999;
	left: -40px;
	top: 242px;
	z-index: 0;
	background: url('../images/login/text_bg.png') no-repeat center;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
border-radius: 50px;}
.formYSifre.formYSifrePasif {background-image: linear-gradient(270deg,#fff,#1f4399);}
.formYSifre:after {
	content: '';
	position: absolute;
	width: 38px;
	height: 36px;
	left: 26px;
	top: 4px;
	background: url('../images/login/form_lock_icon.png') no-repeat center;

	-webkit-transform: scaleY(-1);
  	transform: scaleY(-1);
}

.login_form .Kadi {margin: 110px 0 0 14px;}
.login_form .Sifre {margin: 6px 0 0 17px;}
.login_form .YoneticiSifre {margin: 4px 0 0 20px;width: 225px !important;}
.pasif_form {cursor:not-allowed !important;/* color:#fff !important; */background-image: linear-gradient(270deg,#fff,#506db0);}
.login_form .Giris_Btn {
	width:115px;
	height:50px;
	display:block;
	position:absolute;
	background:url('../images/login/button.png') no-repeat left top;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	margin: -50px 0 0 249px;
}
.login_form .Giris_Btn:hover {background-position:right top;}



/* YAN BUTONLAR */
.yan_butonlar {width:142px; height:102px; position:absolute; margin:-156px 0 0 293px;}
.yan_butonlar a {float:left;}
.Bay {width:70px;height:50px;display:block;background:url('../images/login/bay.png') no-repeat left top;margin-right:2px;margin-bottom:3px;margin: -27px 0 0 -46px;}
.Bay:hover, .Bay.aktif {background-position:right top;}
.Bayan {width:70px;height:50px;display:block;background:url('../images/login/bayan.png') no-repeat left top;margin-bottom:3px;margin-top: -27px;margin-left: 3px;}
.Bayan:hover, .Bayan.aktif {background-position:right top;}
.Avatar {width:142px;height:50px;display:block;background:url('../images/login/avatar.png') no-repeat left top;margin-top: 14px;margin-left: -45px;}
.Avatar:hover {background-position:right top;}

.home_login_yeni_uyelik {
	position:absolute;
	color:#4fa616;
	line-height:110%;
	z-index: 500;
	font-weight:600;
	font-size:.90em;
	margin: 482px 0 0 480px;
}
.home_login_yeni_uyelik:after {
	content: '';
	position:absolute;
	width: 48px;
	height: 48px;
	z-index: 500;
	left: -52px;
	top: -12px;
	background: url('../images/login/yeni_uyelik_icon.png') no-repeat center;
}
.home_login_sifremi_unuttum {
	position:absolute;
	color:#f46314;
	line-height:110%;
	font-weight:600;
	z-index: 500;
	font-size:.90em;
	margin: 480px 0 0 650px;
}
.home_login_sifremi_unuttum:after {
	content: '';
	position:absolute;
	width: 48px;
	height: 48px;
	z-index: 500;
	left: -52px;
	top: -12px;
	background: url('../images/login/sifremi_unuttum_icon.png') no-repeat center;
}
.home_login_yeni_uyelik:hover, .home_login_sifremi_unuttum:hover {text-decoration:underline;}








/* PLACEHOLDER COLOR */

::-webkit-input-placeholder {color:#ff0000;}

:-moz-placeholder { /* Firefox 18- */ color:#ff0000;  }

::-moz-placeholder {  /* Firefox 19+ */ color:#ff0000;  }

:-ms-input-placeholder { color:#ff0000; }


.pasif_form::-webkit-input-placeholder {color:#000000;}

.pasif_form:-moz-placeholder, {color:#000000;}

.pasif_form:-ms-input-placeholder{color:#000000;}


/* DUVAR  */
.home_01 {width:425px; height:0px; position:relative; right:0; float:right; top:80px;}

.home_02 {width:415px; height:133px; position:relative; right:0; float:right; top:80px;}


/* ALMP*/
.online_uyeler {width: 605px;height:470px;position:relative;left: 488px;float:left;top: 456px;z-index: 1;}
.online_uyeler li {
	position: absolute;
	width: 91px;
	/* background: #c390fd; */
	z-index: 1;
	/* -webkit-transition: all 0.3s ease-in-out; */
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	/* transition: all 0.3s ease-in-out; */
	/* -webkit-box-shadow: 0 10px 30px 0 rgba(209,172,131,.5); */
	/* box-shadow: 0 10px 30px 0 rgba(209,172,131,.5); */
	margin: 0px 0 0px 178px;
}
.online_uyeler img {
	width: 90px;
	height: 90px;
	position:relative;
	border: solid 4px #2360d5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 7px;
transform: rotateY(180deg);border-radius: 20px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;}
.online_uyeler li span {
	position: relative;
	
	padding: 5px 3px 7px 3px;
	text-align: center;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: calc(100% + 0px);
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	
	/* border-radius: 50px; */
top: 5px;border: solid 2px #2360d5;font-weight: 700;background-image: linear-gradient(270deg,#8afd96,#d8e9f3);border-radius: 20px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;}
.online_uyeler li span.baslikPembe {color:#fd53b2;}
.online_uyeler li span.baslikMavi {color: #000000;/* background: #5bb9ff; */}
.online_uyeler li:nth-child(1) {left: -167px;top: 64px;}
.online_uyeler li:nth-child(2) {left: 136px;top: 64px;}
.online_uyeler li:nth-child(3) {left: 237px;top: 63px;}
.online_uyeler li:nth-child(4) {left: 35px;top: 64px;z-index: 0;}
.online_uyeler li:nth-child(5) {left: -66px;top: 64px;}
.online_uyeler li:nth-child(6) {left: 34px;top: 190px;z-index: 0;}
.online_uyeler li:nth-child(7) {left: -67px;top: 190px;z-index: 2;}
.online_uyeler li:nth-child(8) {left: 237px;top: 189px;z-index: 2;}
.online_uyeler li:nth-child(9) {left: -168px;top: 190px;z-index: 2;}
.online_uyeler li:nth-child(10) {left: 136px;top: 190px;z-index: 2;}
.online_uyeler li:nth-child(11) {left: 338px;top: 188px;z-index: 2;}
.online_uyeler li:nth-child(12) {left: 338px;top: 62px;z-index: 2;}
.online_uyeler li:nth-child(13) {left: -167px;top: 321px;z-index: 2;}
.online_uyeler li:nth-child(14) {left: 338px;top: 62px;z-index: 2;}
.online_uyeler li:nth-child(15) {left: 338px;top: 62px;z-index: 2;}
.online_uyeler li:nth-child(16) {left: 338px;top: 62px;z-index: 2;}
.online_uyeler li:nth-child(17) {left: 338px;top: 62px;z-index: 2;}
.online_uyeler li:nth-child(18) {left: 338px;top: 62px;z-index: 2;}

.online_uyeler li:hover {
	z-index: 9;
	/* -webkit-box-shadow: 0 20px 40px 0 rgba(209,172,131,1); */
	/* box-shadow: 0 20px 40px 0 rgba(209,172,131,1); */
}
.online_uyeler li:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: rotate(45deg);
	border: solid 4px #484848;
}
.online_uyeler li:hover span {
	padding:15px 3px 7px 3px;
	-moz-transform: scale(1.2) translateY(7px);
	-webkit-transform: scale(1.2) translateY(7px);
	-o-transform: scale(1.2) translateY(7px);
	-ms-transform: scale(1.2) translateY(7px);
	/* transform: scale(1.2) translateY(7px); */
	/* background: #484848; */
}

.online_uyeler_baslik {
  font-size: 1.40em;
  font-family: "Open Sans", sans-serif;
  color:#fff;
  font-weight: 300;
  letter-spacing:-0.05em;
  line-height: 1.009;
  text-align: center;
  text-shadow: 2.5px 4.33px 0px rgba(124, 58, 8, 0.2);
  -moz-transform: matrix( 1.45244609787147,0,0,1.45244609787147,0,0);
  -webkit-transform: matrix( 1.45244609787147,0,0,1.45244609787147,0,0);
  -ms-transform: matrix( 1.45244609787147,0,0,1.45244609787147,0,0);
  position: absolute;
  left: 900px;
  top: 275px;
  z-index: 165;
}
.online_uyeler_baslik span {font-weight: 700; display:block;}



/* SOHBET ODASI */
.sohbet_odalari {
	width:100%;
	height:auto;
	padding:10px;
	position: absolute;
	margin:auto;
	margin-top: 375px;
	margin-bottom:120px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.sohbet_odalari_baslik {
	position:relative;
	color: #ffffff;
	text-shadow:0 7px 15px #d44803;
	font-weight:300;
	font-size:1.70em;
	margin: -39px 0 0 320px;
	display:block;
	margin-left: 375px;
	letter-spacing:-0.03em;
	text-shadow: 5px 10px 30px rgba(0, 0, 0, 1);
}
.sohbet_odalari_baslik span {font-weight:600;}

.sohbet_odalari_sub_baslik {
	position:relative;
	margin:2px 0 39px 307px;
	color:#FFF;
	text-shadow:0 7px 15px #d44803;
	font-weight:300;
	font-size:1em;
	display:block;
	width:300px;
	letter-spacing:-0.03em;
	text-shadow: 5px 10px 30px rgba(0, 0, 0, 1);
}


.sohbet_odasi {width:227px;height: 303px;position:relative;overflow:hidden;float:left;margin-right:10px;margin-bottom: 10px;background: url('../images/odalar_bg.png') no-repeat top left;transition: background 0.3s, border 1.3s, border-radius 1.3s, box-shadow 1.3s;box-shadow: 0 20px 30px rgb(0 0 0 / 72%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms cubic-bezier(0, 1.34, 0, 0.94);}
.sohbet_odasi:hover {background-position:top right;}
.sohbet_odasi:nth-of-type(4n+0) {margin-right:0;}

.oda_resim {position:relative;width:227px;height:200px;overflow:hidden;z-index: 0;}
.oda_resim > img {
	position:relative;
	width: 137px;
	height: 137px;
	overflow:hidden;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 79px;margin: 26px 0 0 51px;z-index: 1;}
.oda_resim_maske {position:absolute;z-index:1;width:227px;height:200px;}
.sohbet_odasi:hover .oda_resim_maske {background:url('../images/oda_maske_hover.png') no-repeat bottom center;}

.oda_giris_btn {color: #ec7561;font-size:.90em;letter-spacing:-0.02em;font-weight:500;display:block;position:absolute;text-align:center;width:100%;margin-top: 78px;left: 73px;}
.oda_giris_btn:hover {text-decoration:underline;}
.oda_sayisi {
    color: #ffffff;
    display: block;
    font-weight: 400;
    font-size: 1.60em;
    position: absolute;
    font-weight: 600;
    z-index: 2;
    line-height: .60em;
    margin: 167px 0 0 181px;
    text-align: center;
}
.oda_sayisi span {color: #fff; display:block; font-size:.45em; margin-top:5px;}
.sohbet_odasi:hover .oda_sayisi {color: #000;}

.oda_adi {position:absolute;color:#FFF;font-weight:500;font-size:.80em;margin: 23px 0 0 22px;}
.oda_sahibi {position:absolute;color:#FFF;font-weight:500;font-size:.80em;margin: 42px 0 0 22px;}


/* OWL CORSUAL */
.owl-theme .owl-nav [class*=owl-] {background:none !important; text-indent:-9999px;}
.owl-carousel .owl-nav .owl-prev {
	position:absolute;
	z-index:9;
	width:18px !important;
	height:34px !important;
	overflow:hidden !important;
	text-indent:-9999px !important;
	display:block;
	right:100px;
	top:-90px;
	padding:0 !important;
}
.owl-carousel .owl-nav .owl-prev:hover {background-position:top center !important;}

.owl-carousel .owl-nav .owl-next {
	position:absolute;
	z-index:9;
	width:12px !important;
	height:24px !important;
	overflow:hidden !important;
	text-indent:-9999px !important;
	display:block;
	right:80px;
	top:-85px;
	padding:0 !important;
}
.owl-carousel .owl-nav .owl-next:hover {background-position:top center !important;}

.owl-theme .owl-dots, .owl-theme .owl-nav {margin-top:-20px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fc0 !important;}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 3px !important;
    background: #fff !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}


/*  MAKALELER BLOG TASARIM */
.blog_genel {width:100%;height: auto;position: relative;}
.orta_blog {width: 106%;min-height:200px;height:auto;padding:10px;padding-bottom:0;margin: 25px 8px;position:relative;float:left;}
.orta_blog2 {width:100%; min-height:200px; height:auto; padding:10px; padding-bottom:0; margin:-195px 0; position:relative; float:left;}



/* MAKALELER */ 
.makaleler_baslik {width:100%;height:50px;text-align:center;margin:auto;margin-top: 117%;margin-left: -19px;}

.makaleler_baslik p {color: #451c78;text-shadow: 0 7px 15px #819356;font-weight:300;font-size:1.70em;margin:-58px 0 0 95px;display:block;letter-spacing:-0.03em;}

.makaleler_baslik p span {font-weight:600;}


/* MAKALELER */
.makale_listele_baslik {

	width:100%;

	height:50px;

	text-align:center;

	margin:auto;

	margin-top:195px;

	color:#a4156f;

	text-shadow:0 4px 0px rgba(164, 21,111);

	font-weight:300;

	font-size:2.70em;

	margin-top:60px;

	display:block;

	letter-spacing:-0.03em;

}

.makale_listele_baslik span {font-weight:700;}



/* MAKALE */

.makale {width:320px;height: 403px;background:#fff;position:relative;float:left;overflow:hidden;margin-right:20px;margin-bottom:20px;-webkit-box-shadow: 0 0 50px 0 rgb(157 157 157);box-shadow: 0 0 50px 0 rgb(128 126 121);-webkit-border-radius: 5px;-moz-border-radius: 5px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: url(../images/makale-arka.png) no-repeat top left;border-bottom: 5px solid #003961;}

.makale:nth-child(3n+0) {margin-right:0;}

.makale:hover {-webkit-box-shadow: 0 0 100px 10px rgb(143 143 143);box-shadow: 0 0 100px 10px rgb(110 110 110);}
.makale:hover {background: url('../images/makale-arka-hover.png') no-repeat top left;}
.makale_resim {width: 322px;height: 234px;position:relative;margin: 0px 0 0 -1px;z-index: -2;}

.makale:hover .makale_resim {

	-webkit-box-shadow: 0 0 50px 0 rgba(164, 21,111);

	box-shadow: 0 0 50px 0 rgba(164, 21,111);

}



.makale_baslik a {position:relative;padding:10px;display:block;color: #ffffff;font-weight:600;font-size: 19px;margin: -42px 0 0 0;}

.makale_baslik a:hover {text-decoration:underline;}

.makale_ozet {color: #fff;line-height:170%;padding:10px;padding-top:0;font-weight:500;letter-spacing:-0.03em;font-size:.85em;text-align:justify;font-family:"Open Sans", sans-serif;margin-top: -6px;}

.makale_bottom {position:absolute;width:100%;min-height:27px;height:auto;bottom:200px;}

.makale_bottom a {position: absolute;color:#fff;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;margin: 193px 0 0 210px;}

.makale_bottom a:hover {text-decoration:underline;color: #000;}

.makale_bottom p {position: absolute;color:#fff;float:right;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;margin: 191px 0px 0 13px;}



/* SCP SAYFALAMA */
.sayfala {width:100%;height:30px;position:relative;margin-top: 50px;text-align:center;}


.sayfala a {
	width:30px;
	height:30px;
	line-height:30px;
	padding:4px;
	display:inline-block;
	margin-right:1px;
	background: #7c7c7c;
	color:#fff;
	text-align:center;
	font-weight:500;
	font-size:.90em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sayfala a:hover, .sayfala a.aktif {
	background:#fff;
	color: #000000;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.6);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.6);
}

.rose {
	position:relative;
	width:100%;
	height: 355px;
	z-index:-1;
	margin-bottom: -95px;
	background:url('../images/rose.png') no-repeat center right;
	-ms-touch-action: none;
	touch-action: none;
	pointer-events: none;
}



/* MAKALE DETAY TASARIM */
.ortaTasarim {
	position:relative;
	margin:15px 0;
	z-index:4;
}

/* SCP BREADCRUMB TASARIM */
.breadcrumb {height:63px; overflow:hidden; background:url('../images/sayfa_header.png') no-repeat center;}
.breadcrumb ul {padding-top:12px;}
.breadcrumb ul li {list-style:none; float:left; position:relative;}
.breadcrumb ul li a {
	color:#fff;
	display:block;
	padding:14px;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	letter-spacing:-0.02em;
}
.breadcrumb ul li a:hover {text-decoration:underline;}
.breadcrumb ul li:first-child {margin-left:70px; margin-right: -22px; margin-top: 1px;}
.breadcrumb ul li:first-child a {padding:11px;}
.breadcrumb ul li:first-child i {margin: 0 0 0 333px;font-size:1.40em;}
.breadcrumb ul li:first-child:hover i {color:#fc0;}
.breadcrumb ul li:before {
	content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 15px;
    left: 0;
}
.breadcrumb ul li:nth-child(1):before,
.breadcrumb ul li:nth-child(2):before {display:none; content:'';}



/*  KURUMSAL SAYFA DETAY */
.kurumsalKapsayici {
	width:100%;
	min-height:500px;
	height:auto;
	position:relative;
	background:url('../images/sayfa_bg.png') repeat-y top center;
}
.sayfaFooter {
	width:100%;
	height:43px;
	position:relative;
	background:url('../images/sayfa_footer.png') no-repeat center;
}
.sayfaFooter:after {
	content:'';
	position:absolute;
	width:303px;
	height:542px;
	background:url('../images/woman.png') no-repeat center;
	
	-ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
	
	left:-260px;
	top:-380px;
}


/* SCP BANNER TASARIM */
.banner {
	position:relative;
	overflow:hidden;
	margin-bottom:25px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	-webkit-box-shadow: 0 0 100px 0 rgba(28,60,164,.7);
	box-shadow: 0 0 100px 0 rgba(28,60,164,.7);
}
.banner:hover {
	-webkit-box-shadow: 0 0 100px 0 rgba(28,60,164,1);
	box-shadow: 0 0 100px 0 rgba(28,60,164,1);
}
.banner:after {
	content:'';
	width:96%;
	height:91%;
	position:absolute;
	display:block;
	border:solid 2px #fff;
	z-index:99;
	left:2%;
	top:4%;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/* SCP ORTA BLOK TASARIM */
.ortaBlok {
	width:680px;
	min-height:500px;
	height:auto;
	padding:25px;
	position:relative;
	float:left;
}
.text h1 {
	color: #ffc109;
	font-family:"Barlow", Arial, Helvetica, sans-serif;
	letter-spacing:-0.04em;
	font-size:1.50em;
	margin-bottom:40px;
	position:relative;
}
.text h1:hover:before {width:150px;}
.text h1:before {
	content:'';
	position:absolute;
	bottom:-10px;
	width:70px;
	height:4px;
	display:block;
	background: #000000;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.text h2, .text h3, .text h4, .text h5, .text h6 {
	color:#a4156f;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	letter-spacing:-0.04em;
	font-size:1.20em;
	margin-bottom:40px;
	position:relative;
}
.text h2:before, .text h3:before, .text h4:before,.text h5:before, .text h6:before {
	content:'';
	position:absolute;
	bottom:-10px;
	width:40px;
	height:4px;
	display:block;
	background:#a4156f;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.text h2:hover:before, .text h3:hover:before, .text h4:hover:before,.text h5:hover:before, .text h6:hover:before {width:100px;}
.text p {
	color:#666;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:.90em;
	line-height:190%;
	text-align:justify;
	margin-bottom:20px;
}



/* SCP YAN BLOK TASARIM */
.yanBlok {
	width:240px;
	min-height: 247px;
	height:auto;
	padding:15px;
	position:relative;
	float:right;
	right:5px;
}
.yanBlok h2 {
	position:relative;
	padding:15px 0;
	display:block;
	color: #0b3263;
	font-family:"Barlow", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:1.40em;
	letter-spacing:-0.03em;
}
.yanBlok h2 span {font-weight:700;}
.yanBlok h2:before {
	content:'';
	position:absolute;
	top:0;
	width:100%;
	height:5px;
	display:block;
	background: #ffc109;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.yanBlok ul {
	background: #0b3263;
	padding:5px;
	width:100%;
	height:auto;
	position:relative;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.yanBlok ul:after {
	position:absolute;
	content:'';
	width:100%;
	height:110px;
	bottom:-80px;
	left:0;
	background: #ffc109;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-transform: skewY(-7deg);
	-webkit-transform: skewY(-7deg);
	-o-transform: skewY(-7deg);
	-ms-transform: skewY(-7deg);
	transform: skewY(-7deg);
}
.yanBlok ul li {position:relative; z-index:999;}
.yanBlok ul li a {
	color:#fff;
	font-size: 13px;
	padding:9px;
	padding-left:20px;
	display:block;
	letter-spacing:0.04em;
	font-family:"hlight", Arial, Helvetica, sans-serif;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.yanBlok ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	margin-left:-10px;
	margin-top:2px;
}
.yanBlok ul li:hover > a {background: #88fd95; color: #000000; margin-left:-20px;}
.menu_kalp {

	width:100%;

	height:179px;

	position:relative;

	display:block;

	color:#a52c3f;

	background:url('../images/kalp.png') no-repeat center;

}

.menu_kalps {
	width:100%;
	height:179px;
	position:relative;
	display:block;
	color: #ffc109;
	
}
.menu_kalpss {
	width:100%;
	height:179px;
	position:relative;
	display:block;
	color:#a52c3f;
	background:url('../images/kalpss.png') no-repeat center;
}



/* YORUMLAR */
.yorumlar {position:relative; width:100%;}
.yorumlar h3 {font-size:1.50em; font-weight:500; letter-spacing:-0.03em; color:rgba(50,70,165,1);}
.yorumlar h3::after { 
    content: "";
	position:relative;
	width:10%;
	height:3px;
	background:rgba(50,70,165,1);
	display:block;
	margin-bottom:10px;
}
.yorum {
	width:100%;
	height:200px;
	position:relative;
	overflow:hidden;
	margin-bottom:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.yorum_resim {width:30%; height:100%; position:relative; overflow:hidden; float:left; background:rgba(50,70,165,1);}
.yorum_resim img {
	width:78%;
	height:75%;
	margin:22px 18px;
	border:solid 4px #FFF;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
}
.yorum_text {width:70%; overflow:hidden; height:200px; position:relative; float:right; background:rgba(50,70,165,.1);}
.yorum_text > div {padding:15px;}
.yorum_text h5 {font-size:1.50em; font-weight:500; letter-spacing:-0.03em; color:rgba(50,70,165,1);}
.yorum_text p {font-size:.90em; font-weight:500; color:rgba(50,70,165,.8); text-align:justify;}
.yorum_tarih {color:rgba(50,70,165,.5); font-size:.75em; font-weight:500; float:right; margin-top:8px;}
.yorum_tarih i {margin-right:5px;}
.yorum_reply {color:rgba(50,70,165,1); font-size:.90em; font-weight:500; position:relative; display:block; margin-top:5px;}
.yorum_reply:hover {text-decoration:underline;}
.yorum_reply i {margin-right:5px;}


/* YORUM PEMBE */
.yorum_pembe .yorum_resim {background:rgba(167,27,76,1);}
.yorum_pembe .yorum_text {background:rgba(167,27,76,.1);}
.yorum_pembe .yorum_text h5 {color:rgba(167,27,76,1);}
.yorum_pembe .yorum_text p {color:rgba(167,27,76,.8);}
.yorum_pembe .yorum_tarih {color:rgba(167,27,76,.5);}
.yorum_pembe .yorum_reply {color:rgba(167,27,76,1);}


/* Yorum */
.yorum_95 {width:95%; float:right;}
.yorum_95 img {width:77%; height:70%; margin:27px 18px;}
.yorum_90 {width:90%; float:right;}
.yorum_90 img {width:77%; height:67%; margin:31px 18px;}
.yorum_85 {width:85%; float:right;}
.yorum_85 img {width:77%; height:62%; margin:34px 16px;}
.yorum_80 {width:80%; float:right;}
.yorum_80 img {width:77%; height:58%; margin:38px 14px;}
.yorum_75 {width:75%; float:right;}
.yorum_75 img {width:77%; height:55%; margin:43px 14px;}







/* YORUM YAP */
.yorum_yap {position:relative; width:90%; margin:30px auto 20px auto;}
.yorum_yap h3 {font-size:1.50em; font-weight:500; letter-spacing:-0.03em; color:rgba(50,70,165,1);}
.yorum_yap h3::after { 
    content: "";
	position:relative;
	width:10%;
	height:3px;
	background:rgba(50,70,165,1);
	display:block;
	margin-bottom:10px;
}
.commentform {
	border:dashed 1px #CCC;
	height:370px;
	padding:15px;
	position:relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}	
#commentform input[type=text], #commentform input[type=email] {
	width:40%;
	border:solid 1px #CCC;
	padding:10px;
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
}
#commentform textarea {
	width:80%;
	height:100px;
	border:solid 1px #CCC;
	padding:10px;
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#commentform input[type=submit] {
	cursor:pointer;
	border:none;
	background:rgba(50,70,165,1);
	color:#FFF;
	padding:7px 15px;
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:5px;
}
#commentform input[type=submit]:hover {background:rgba(167,27,76,1);}
#commentform label {font-weight:500; font-size:.90em; color:#333;}
#commentform label span {color:#F00;}



/* SCP FOOTER */
.footer {
	width:100%;
	height:548px;
	margin-top:-100px;
	z-index:0;
	position:relative;
	background:url('../images/footer.png') no-repeat center;
	overflow:hidden;
}
.footerLogo {
	position:absolute;
	margin: 190px 0 0 95px;
}

.footerSubMenu {
	position:absolute;
	margin: 105px 0 0 506px;
}

.footer_menu {width:200px;padding-top:140px;position:relative;float:left;left: -152px;}
.footer_menu li {list-style:none; float:none; background:url('../images/footer_menu_ayrac.png') no-repeat bottom left;}
.footer_menu li:last-child {background:none;}
.footer_menu li a {color:#fff; padding:5px; font-size:.80em; font-weight:600; display:block;}
.footer_menu li a:hover {color:#fff; text-decoration:underline;}



.footer_iletisim {
	position:absolute;
	color:#fff;
	text-shadow:0 1px 0 rgba(255,255,255,.4);
	font-size:.70em;
	font-weight:500;
	margin-top: 390px;
	right: 83px;
	line-height:1.20em;
	text-align:right;
}
.footer_iletisim a {color:#fff;}
.footer_iletisim a:hover {text-decoration:underline;}
.telefon_baslik {
	font-size:1em;
	color:#fff;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.05em;
	position:absolute;
	margin-top: 317px;
	right: 109px;
}
.footer_telefon a {
	font-size:2.4em;
	color:#fffa;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.06em;
	font-weight:700;
	position:absolute;
	margin-top: 349px;
	right: 46px;
}
.footer_telefon a:hover {color:#fff;}
.footer_telefon span {font-size:.60em;}
.scrollup {
	position:absolute;
	color:#fff;
	margin-top:203px;
	right: 5px;
}
.scrollup {width:69px;height:69px;position:absolute;display:block;background:url('../images/go_top.png') no-repeat center;right: -6px;top: -36px;}



/* SCP reserved text */
.reserved1 {
	position:absolute;
	color:#000;
	text-align:right;
	width:215px;
	font-size:.75em;
	font-family:Arial, Helvetica, sans-serif;
	margin:164px 0 0 152px;
}
.reserved2 {
	position:absolute;
	color:#000;
	text-align:left;
	width:444px;
	font-size:.75em;
	font-family:Arial, Helvetica, sans-serif;
	margin:164px 46px 71px 371px;
}

.footerMainMenu {
	position:absolute;
	margin: 210px 0 0 227px;
	z-index:2;
}
.footerMainMenu a {
	position:relative;
	padding:4px 15px;
	display:inline-block;
	color:#fff;
	font-family:"Barlow", sans-serif;
	font-weight:600;
	letter-spacing:-0.02em;
	font-size:.80em;
}
.footerMainMenu a:hover {color:#fff; text-decoration:underline;}






/* SCP BILDIRIMLER */
.message {
	padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	font-size:1em !important;
	font-weight:normal !important;
}a
.message.info {
    border: 1px solid #cadcea;
    background: #e1f2fc;
    color: #225b86 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.error {
    border: 1px solid #eeb7ba;
    background: #fae2e2;
    color: #be4741 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.success {
    border: 1px solid #b8c97b;
    background: #e5edc4;
    color: #3f7227 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.warning {
    border: 1px solid #e5dbaa;
    background: #ffffc0;
    color: #6d7829 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.buttons {
    margin: 10%;
    text-align: center;
}

.btn-hover {
    width: 137px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin-left: 106px;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 48px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
margin-top: 35px;}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-1 {
    background-image: linear-gradient(to right, #3c6bff, #450eaa, #3c68ff, #6c3bcb);
    box-shadow: 0 4px 15px 0 rgb(134 75 215);
}
.btn-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btn-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.btn-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.btn-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.btn-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}
.btn-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.btn-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}
.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.btn-hover.color-10 {
        background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}
.btn-hover.color-11 {
       background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}
.welcome-area {
    height: 800px;
    z-index: 1;
	position:relative;
}

.welcome-intro h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -1.6px;
}

.welcome-intro p {
    font-size: 16px;
}

.welcome-thumb-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

.welcome-thumb-2,
.welcome-thumb-3,
.welcome-thumb-4,
.welcome-thumb-5,
.welcome-thumb-6 {
    position: absolute;
}

.welcome-thumb-2 {
    top: 19%;
    left: -124px;
}

.welcome-thumb-3 {
    top: 31%;
    left: 22%;
}

.welcome-thumb-4 {
    top: 43%;
    right: -96px;
}

.welcome-thumb-5 {
    top: 6%;
    left: 108%;
}

.welcome-thumb-6 {
    top: 62%;
    right: 65%;
}

.welcome-animation {
    position: relative;
    -webkit-animation: bounceHero 5s ease-in-out infinite;
    animation: bounceHero 5s ease-in-out infinite;
    margin: 0 0 0 -50px;
}

.welcome-thumb-2 .welcome-animation {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

.welcome-thumb-3 .welcome-animation {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}

.welcome-thumb-4 .welcome-animation {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.welcome-thumb-5 .welcome-animation {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

.welcome-thumb-6 .welcome-animation {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
}

@-webkit-keyframes bounceHero {
    0% {
        top: 0px;
    }

    50% {
        top: 25px;
    }

    100% {
        top: 0px;
    }
}

@keyframes bounceHero {
    0% {
        top: 0px;
    }

    50% {
        top: 25px;
    }

    100% {
        top: 0px;
    }
}

.welcome-area.bg-overlay::after {
    z-index: -2;
}

.welcome-area .welcome-shape {
    position: absolute;
    top: auto;
    bottom: -6px;
    left: 0;
    right: 0;
    z-index: -1;
}
.animate-border {
    position: relative;
    display: block;
    width: 154px;
    height: 3px;
    background: #0196be;
    overflow: hidden;
    margin: 98px 0 0 822px;
}
.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

@-webkit-keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}
.z-index {
    z-index: 9;
}

.animate-border1 {
    position: relative;
    display: block;
    width: 179px;
    height: 3px;
    background: #d083bb;
    overflow: hidden;
    margin: -9px 0 0 8px;
}
.animate-border1:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

@-webkit-keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}
.z-index {
    z-index: 9;
}

.testimonial-img {
	/* text-align: right; */
	margin: 163px 0 0 -53px;
}

.testimonial-img img {
	width: 20%;
	display: inline;
	border-radius: 68% 68% 2% 68% / 35% 50% 0 38%;
	animation: morph 2s ease-in-out infinite both alternate;
	position: absolute;
}

@keyframes morph {
	0% {
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	}

	100% {
		border-radius: 2% 68% 68% 68% / 35% 50% 0 35%
	}
}

@keyframes spin {
	to {
		transform: rotate(1turn);
	}
}

/*9.3 Testimonial Arrow*/
.left-arrow-2 {
	position: absolute;
	left: 15px;
	bottom: 0px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	border: 2px solid #75DDED;
	background: linear-gradient(238.45deg, #42D2FF 3.32%, #49e513 98.6%);
	background-clip: border-box;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	cursor: pointer;
	opacity: .5;
	transition: .5s;
	z-index: 9
}
/*videolarimiz baslar*/
.Cswebtasarim-videolarimiz {width:100%;height:550px;position:relative;}

.ramazdiv { width:129px;text-align:center;}


.gurap{padding-left:6px;padding-right:6px;text-align:center;color:#fff;font-weight:bold;  }
}

.row{width: 100%;height: auto;}
.auto{width: 991px;margin: 0px auto;height: 20px;}
.anasayfavideo{position: absolute;top: 1408px;right: 653px;}
.anasayfavideo h1{display: block;color: #000000;text-align: center;position: relative;font-size: 34px;}
.anasayfavideo h1:before{content: "";position: absolute;left: 9px;width: 372px;height: 2px;}
.anasayfavideo h1:after{content: "";position: absolute;right: 9px;width: 372px;height: 2px;}
.anasayfavideo ul{padding: 20px 0;display: inline-block;}
.anasayfavideo ul li{transition: all .2s ease-in-out;margin-right:4px;position: absolute;width: 518px;z-index:1;height: 365px;padding:8px;border: 1px solid #848484;margin-left: 650px;float: left;margin-bottom: 14px;background: linear-gradient(to right, rgb(108 29 144) 0%, rgb(150 3 65) 100%);margin-top: -352px;}
.anasayfavideo ul li img{width: 295px;height: 195px}
.anasayfavideo ul li:hover{transform: scale(1.1);}
.anasayfavideo div.kat_kaps{color:#fff;position: absolute;top: 120px;z-index:0;left:-14px;width: 274px;height: 60px;/* background: url(../images/demo/hizmetbtn.png); */}
.anasayfavideo div a{text-decoration: none;color: #fff;font-size: 14px}
.anasayfavideo div div{padding-left: 28px;padding-top: 2px;height: 40px;padding-bottom: 2px;line-height: 40px;text-shadow: 1px 1px 1px #000;font-weight: bold;font-size: 15px;}
/*videolarimiz biter*/

/*Sosyal medya foother*/



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:focus,
*:active {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}



.wrapper {
  display: inline-flex;
  margin: 418px 0 0 802px;
}

.wrapper .icon {
  position: relative;
  background-color: #56ffae;
  border-radius: 23%;
  padding: 15px;
  margin: 5px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgb(0 0 0 / 82%);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  flex-wrap: wrap;
}

.wrapper .tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  background-color: #ffffff;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #ffffff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.wrapper .facebook:hover,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip::before {
  background-color: #413bb6;
  color: #ffffff;
}

.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before {
  background-color: #46c1f6;
  color: #ffffff;
}

.wrapper .instagram:hover,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip::before {
  background-color: #e1306c;
  color: #ffffff;
}

.wrapper .github:hover,
.wrapper .github:hover .tooltip,
.wrapper .github:hover .tooltip::before {
  background-color: #333333;
  color: #ffffff;
}

.wrapper .youtube:hover,
.wrapper .youtube:hover .tooltip,
.wrapper .youtube:hover .tooltip::before {
  background-color: #de463b;
  color: #ffffff;
}
/*Sosyal medya foother biter*/


.lisans {
	color: #000;
	position: absolute;
	font-weight: 500;
	margin: 523px 0 0 -115px;
	
}

@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

.jt {
  position: relative;
  font-size: 15px;
  font-family: 'Staatliches', sans-serif;
  text-transform: uppercase;
  font-display: swap;
  margin: -31px 0 0 794px;
}

.jt__row {
  display: block;
}
.jt__row:nth-child(1) {
  clip-path: polygon(0% 75%, 100% 75%, 100% 100%, 0% 100%);
}
.jt__row:nth-child(2) {
  clip-path: polygon(0% 50%, 100% 50%, 100% 75.5%, 0% 75.5%);
}
.jt__row:nth-child(3) {
  clip-path: polygon(0% 25%, 100% 25%, 100% 50.5%, 0% 50.5%);
}
.jt__row:nth-child(4) {
  clip-path: polygon(0% 0%, 100% -10%, 100% 35.5%, 0% 25.5%);
}
.jt__row:nth-child(5) {
  clip-path: polygon(0% -25%, 100% -45%, 100% -9.5%, 0% 0.5%);
}
.jt__row:nth-child(6) {
  clip-path: polygon(0% -50%, 100% -85%, 100% -44.4%, 0% -24.5%);
}

.jt__row.jt__row--sibling {
  position: absolute;
  top: 0;
  left: 0;
  user-select: none;
}

.jt__text {
  display: block;
  transform-origin: bottom left;
  animation: moveIn 2s cubic-bezier(.36,0,.06,1) alternate infinite;
}
.jt__row:nth-child(1) .jt__text {
  transform: translateY(-0.1em);
}
.jt__row:nth-child(2) .jt__text {
  transform: translateY(-0.3em) scaleY(1.1);
}
.jt__row:nth-child(3) .jt__text {
  transform: translateY(-0.5em) scaleY(1.2) rotate(-1deg);
}
.jt__row:nth-child(4) .jt__text {
  transform: translateY(-0.7em) scaleY(1.3) rotate(-2deg);
}
.jt__row:nth-child(5) .jt__text {
  transform: translateY(-0.9em) scaleY(1.4) rotate(-3deg);
}
.jt__row:nth-child(6) .jt__text {
  transform: translateY(-1.1em) scaleY(1.5) rotate(-4deg);
}

@keyframes moveIn {
  80%, 100% { transform: translateY(0em)}
}



/* Add class debug on class jt for debugging */
.debug .jt__row:nth-child(even) {
  color: black;
  background: white;
}
.debug .jt__row:nth-child(odd) {
  color: white;
  background: black;
}

/* Some hygiene */
* { box-sizing: border-box }

/* Just stuff for making it pretty: */

.info-box-one{
	position: absolute;
	min-height:56px;
	margin-right:40px;
	font-size:13px;
	color:#777777;
	text-transform:uppercase;
	padding: 78px 0px 20px 761px;
font-size: 20px;line-height: 22px;}


	.info-box-one1{
	position: absolute;
	min-height:56px;
	margin-right:40px;
	font-size:13px;
	color:#777777;
	text-transform:uppercase;
	padding: 78px 0px 20px 533px;
font-size: 20px;line-height: 22px;}


.info-box-one .icon-box{
	position:absolute;
	left:0px;
	color: #184e9d;
	font-size:35px;
	text-align:left;
	line-height:1.3em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.footerSosyal {width: 21%; position: absolute; padding: 0px 0 70px 0px;z-index: 1;right: 808px;height: 45px;top: 2px;}
.footerSosyal li {list-style:none; float:left;}
.footerSosyal a {
	width:44px;
	height:47px;
	position:relative;
	display:block;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.footerSosyal a:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
	
.footer_Facebook {background:url('../images/sosyal-medya.png') left center;}
.footer_Twitter {background:url('../images/sosyal-medya.png') -44px center;}
.footer_Linkedin {background:url('../images/sosyal-medya.png') -88px center;}
.footer_Youtube {background:url('../images/sosyal-medya.png') -132px center;}


/* 11 */
.btn-11 {
  border: none;
  background: rgb(251,33,117);
    background: linear-gradient(0deg, rgba(251,33,117,1) 0%, rgba(234,76,137,1) 100%);
    color: #fff;
    overflow: hidden;
}
.btn-11:hover {
    text-decoration: none;
    color: #000;
}
.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-11:hover{
  opacity: .7;
}
.btn-11:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}




.frame {
  width: 90%;
  margin: 40px auto;
  text-align: center;
}
button {
  margin: 20px;
}
.custom-btn {
  width: 138px;
  height: 54px;
  color: #fff;
  border-radius: 60px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  background: #1f4399;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
margin: 75px 0 0 961px;position: absolute;}

.header-tel {
	color: #194e9e;
}

.header-tel:hover {
	color:#fd0000;
}

.header-adres {
	color: #194e9e;
}

.header-adres:hover {
	color:#fd0000;
}
.header-duyuru{
	position:absolute;
margin: 12px 0 0 199px;/* background: #f7f7f7; */color: #ffffff;width: 89px;height: 32px;text-align: center;font-size: 20px;font-weight: 500;border-radius: 50px;}


.hizli-giris{
	position:absolute;
margin: 7px 0 0 822px;color: #ffffff;width: 100px;height: 38px;text-align: center;line-height: 41px;border-radius: 50px;font-size: 20px;font-weight: 500;z-index: 1;border: solid 2px #fff;}

.hizli-giris:hover{
	color: #1f4399;
border: solid 2px #24adfb;background: #f7f7f7;}


.Skype-Destek {
	position: absolute;
	color:#fff;
	
margin-top: 351px;margin-left: -489px;font-size: 17px;font-weight: 500;}

.Skype-Destek:hover {
	position: absolute;
	color: #000;
	
margin-top: 351px;margin-left: -489px;font-size: 17px;font-weight: 500;}

.activex-indir {
	position: absolute;
	color:#fff;
	
margin-top: 354px;margin-left: -85px;font-size: 17px;font-weight: 500;}

.activex-indir:hover {
	position: absolute;
	color: #000;
	
margin-top: 354px;margin-left: -85px;font-size: 17px;font-weight: 500;}


.online-destek {
	position: absolute;
	color:#fff;
	
margin-top: 352px;margin-left: 257px;font-size: 17px;font-weight: 500;}

.online-destek:hover {
	position: absolute;
	color: #000;
	
margin-top: 352px;margin-left: 257px;font-size: 17px;font-weight: 500;}

.online_uyeler img:hover {
	width: 90px;
	height: 90px;
	position:relative;
	border: solid 4px #434343;
	/* -webkit-transition: all 0.3s ease-in-out; */
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	/* transition: all 0.3s ease-in-out; */
	border-radius: 7px;
transform: rotateY(186deg);border-radius: 20px;
    border-top-right-radius: -5px;
    border-bottom-left-radius: 20px;}

.oda_resim > img:hover {
	position:relative;
	width: 137px;
	height: 137px;
	overflow:hidden;

	/* -webkit-border-top-left-radius: 5px; */
	/* -webkit-border-top-right-radius: 5px; */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 0px;
    background-color: #fff;
    
    
    max-width: 300px;
    
    overflow: hidden;
    box-shadow: 0 20px 30px rgb(0 0 0 / 10%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;}


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: -11px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
   /* Set a background color */
  color: black; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
background: url(../images/go_top.png) no-repeat center;height: 72px;width: 74px;}

#myBtn:hover {
  background-color: #cc00ff; /* Add a dark-grey background on hover */
}


.tasarimci{
	margin: 521px 0 0 915px;
position: absolute;font-weight: 600;background: #000;width: 95px;color: #fff;text-align: center;height: 28px;line-height: 31px;}


.tasarimci:hover{
	margin: 521px 0 0 915px;
position: absolute;font-weight: 600;background: #1b1e2d;width: 95px;color: #fff;text-align: center;height: 28px;line-height: 31px;}

.bizeulasin{
	color: #fff;
position: absolute;margin: 214px 0 0 814px;font-size: 29px;background: #00000061;width: 200px;height: 39px;text-align: center;}

.whatsaap{
	color: #4afeb4;
position: absolute;margin: 294px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}


.whatsaap:hover{
	color: #e5ebf0;
position: absolute;margin: 294px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.ceptel{
	color: #48feb3;
position: absolute;margin: 264px 0 0 834px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.ceptel:hover{
	color: #e7edf2;
position: absolute;margin: 264px 0 0 834px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.adresim{
	color: #4efab0;
position: absolute;margin: 322px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.adresim:hover{
	color: #e5ebf0;
position: absolute;margin: 322px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.websitem{
	color: #3bfeba;
position: absolute;margin: 349px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.websitem:hover{
	color: #e1e8ec;
position: absolute;margin: 349px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}


/* ALMP*/
.online_uyeler07 {width: 605px;height:470px;position: absolute;left: 185px;float:left;top: 154px;z-index: 1;}
.online_uyeler07 li {
	position: absolute;
	width: 91px;
	/* background: #c390fd; */
	z-index: 1;
	/* -webkit-transition: all 0.3s ease-in-out; */
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	/* transition: all 0.3s ease-in-out; */
	/* -webkit-box-shadow: 0 10px 30px 0 rgba(209,172,131,.5); */
	/* box-shadow: 0 10px 30px 0 rgba(209,172,131,.5); */
	margin: 0px 0 0px 178px;
}
.online_uyeler07 img {
	width: 90px;
	height: 90px;
	position:relative;
	border: solid 4px #74fe9f;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 7px;
transform: rotateY(180deg);border-radius: 20px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;}
.online_uyeler07 li span {
	position: relative;
	
	padding: 5px 3px 7px 3px;
	text-align: center;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: calc(100% + 0px);
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	
	/* border-radius: 50px; */
top: 5px;border: solid 2px #f822a5;font-weight: 700;background-image: linear-gradient(270deg,#8afd96,#d8e9f3);border-radius: 20px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;}
.online_uyeler07 li span.baslikPembe {color:#fd53b2;}
.online_uyeler07 li span.baslikMavi {color: #000000;/* background: #5bb9ff; */}
.online_uyeler07 li:nth-child(1) {left: -167px;top: 64px;}
.online_uyeler07 li:nth-child(2) {left: 136px;top: 64px;}
.online_uyeler07 li:nth-child(3) {left: 237px;top: 63px;}
.online_uyeler07 li:nth-child(4) {left: 35px;top: 64px;z-index: 0;}
.online_uyeler07 li:nth-child(5) {left: -66px;top: 64px;}
.online_uyeler07 li:nth-child(6) {left: 34px;top: 190px;z-index: 0;}
.online_uyeler07 li:nth-child(7) {left: -67px;top: 190px;z-index: 2;}
.online_uyeler07 li:nth-child(8) {left: 237px;top: 189px;z-index: 2;}
.online_uyeler07 li:nth-child(9) {left: -168px;top: 190px;z-index: 2;}
.online_uyeler07 li:nth-child(10) {left: 136px;top: 190px;z-index: 2;}
.online_uyeler07 li:nth-child(11) {left: 338px;top: 188px;z-index: 2;}
.online_uyeler07 li:nth-child(12) {left: 338px;top: 62px;z-index: 2;}

.online_uyeler07 li:hover {
	z-index: 9;
	/* -webkit-box-shadow: 0 20px 40px 0 rgba(209,172,131,1); */
	/* box-shadow: 0 20px 40px 0 rgba(209,172,131,1); */
}
.online_uyeler07 li:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: rotate(45deg);
	border: solid 4px #484848;
}
.online_uyeler07 li:hover span {
	padding:15px 3px 7px 3px;
	-moz-transform: scale(1.2) translateY(7px);
	-webkit-transform: scale(1.2) translateY(7px);
	-o-transform: scale(1.2) translateY(7px);
	-ms-transform: scale(1.2) translateY(7px);
	/* transform: scale(1.2) translateY(7px); */
	/* background: #484848; */
}

.online_uyeler_baslik07 {
  font-size: 1.40em;
  font-family: "Open Sans", sans-serif;
  color:#fff;
  font-weight: 300;
  letter-spacing:-0.05em;
  line-height: 1.009;
  text-align: center;
  text-shadow: 2.5px 4.33px 0px rgba(124, 58, 8, 0.2);
  -moz-transform: matrix( 1.45244609787147,0,0,1.45244609787147,0,0);
  -webkit-transform: matrix( 1.45244609787147,0,0,1.45244609787147,0,0);
  -ms-transform: matrix( 1.45244609787147,0,0,1.45244609787147,0,0);
  position: absolute;
  left: 900px;
  top: 275px;
  z-index: 165;
}
.online_uyeler_baslik07 span {font-weight: 700; display:block;}