/*
TASARIM : SPEAKYCHATPANEL SOHBET YONETIM PANELLERI
WEB MASTER : ADEM BUYUKYAVUZ
WEB : WWW.SPEAKYCHATPANEL.COM
TARIH : 01.01.2020
*/



@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/css?family=Barlow:100,200,300,400,500,600,700,800,900|Raleway:100,200,300,400,500,600,700,800,900&display=swap');



/*
font-family: 'Khand', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Barlow', sans-serif;
*/


/* ESUNUSPANEL GENEL AYALAR */
html {min-width:1000px; width:100%; height:100%;}
body.anasayfa_bg1 {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Barlow", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/orjinal.jpg') no-repeat top center;
	font-weight:100;
}
body.listele_bg,
body.detay_bg {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Barlow", Arial, Helvetica, sans-serif;
	background:url('../images/listele-bg/listele-bg.jpg') no-repeat top center;
	font-weight:100;
}
.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 {width:100%;height:auto;min-width:960px;min-height:100%;height:auto;font-weight:100;font-family:"Barlow", Arial, Helvetica, sans-serif;background:url('../images/home-bg/orjinal.jpg') no-repeat top center;}
.anasayfa_bg2 {width:100%;height:auto;min-width:960px;min-height:100%;height:auto;font-weight:100;font-family:"Barlow", Arial, Helvetica, sans-serif;background:url('../images/home-bg/kirmizi.jpg') no-repeat top center;}
.anasayfa_bg3 {width:100%;height:auto;min-width:960px;min-height:100%;height:auto;font-weight:100;font-family:"Barlow", Arial, Helvetica, sans-serif;background:url('../images/home-bg/mavi.jpg') no-repeat top center;}
.anasayfa_bg4 {width:100%;height:auto;min-width:960px;min-height:100%;height:auto;font-weight:100;font-family:"Barlow", Arial, Helvetica, sans-serif;background:url('../images/home-bg/siyah.jpg') no-repeat top center;}
.anasayfa_bg5 {width:100%;height:auto;min-width:960px;min-height:100%;height:auto;font-weight:100;font-family:"Barlow", Arial, Helvetica, sans-serif;background:url('../images/home-bg/pembe.jpg') no-repeat top center;}
.anasayfa_bg6 {width:100%;height:auto;min-width:960px;min-height:100%;height:auto;font-weight:100;font-family:"Barlow", Arial, Helvetica, sans-serif;background:url('../images/home-bg/lila.jpg') no-repeat top center;}






/* ESUNUSPANEL HEADER /*/
.Header {width:100%; height:235px; position:relative; z-index:3;}
.Logo {width:249px;height:183px;position:absolute;left: -18px;margin-top: -50px;z-index:5;}

/** Social list **/
.social-list {position:absolute; margin-top:130px; left:180px;}

.social-list .buttons {
    display: flex;
    justify-content: center;
}

.social-list a {
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin:0 8px 5px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    transition: transform 0.2s linear 0s, border-radius 0.2s linear 0.2s;
}

.social-list a i {
    transition: transform 0.2s linear 0s;
    position: relative;
    z-index: 3;
}

.social-list a:hover {
    transform: rotate(-90deg);
    border-top-left-radius: 25%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.social-list a:hover i {
    transform: rotate(90deg);
}

.social-list a.facebook-bg {
    background: #4867aa;
}

.social-list a.twitter-bg {
    background: #33CCFF;
}

.social-list a.youtube-bg {
    background: #db4437;
}

.social-list a.dribbble-bg {
    background: #2392e0;
}



/* SCP MÃ„Â°NÃ„Â° MENÃƒÅ“LER */
.icon_menu {position:absolute;margin: 52px 0 0 635px;}
.icon_menu a {
	color: #ffffff;
	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:hover {
	color: #000000;
	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:82px; background: url('../images/login/icon_2.png') no-repeat top center;}
.icon_menu a:nth-child(3) {margin-left:82px; 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;}



/* ANA MUNU */
.Menu {position:absolute;margin: 11px 0 0 310px;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: #ffffff;padding:6px 20px;display:block;font-size: 20px;font-weight:500;letter-spacing:-0.02em;}

.Menu ul.AnaMenu > li:hover > a {color:#000000;text-shadow:none;background: #052ff1;-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;
}




/* SCP KAYAN HABER */
.kayan_haber {
	width: 315px;
	height:31px;
	position: absolute;
	overflow:hidden;
	margin-top: 200px;
	right: 600px;
	background: rgb(247 247 247 / 0%);
border-radius: px;}
.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: 445px;
}
.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;}






/* SCP ANASAYFA SOHBET VE SCP LOGÃ„Â°N */
.ust_sohbet_login {position:relative; width:100%; height:500px;}
.sohbet_giris_btn {width: 105px;height: 137px;display:block;position:absolute;z-index:999;margin: 301px 0 0 428px;}
.sohbet_giris_btn:hover {width: 137px;height: 105px;display:block;position:absolute;z-index:999; background:url('../images/hoverknt.png'); margin: 301px 0 0 428px;}

.home_sohbet_sayisi {position:absolute; color:#fc0; font-family:"Open Sans", sans-serif; margin:330px 0 0 940px; line-height:1em; text-align:center; font-size:.85em; letter-spacing:-.03em; text-align:center;}
.home_sohbet_sayisi span {font-size:2.40em; color:#FFF; letter-spacing:-0.05em; font-family:"Khand", sans-serif; display:block; line-height:1em; margin-bottom:-2px;}
.home_sohbet_sayisi:hover span {text-shadow:0 0 2px #FFF;}
.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 LOGÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°N */
.sohbet_login {
	width: 445px;
	height: 280px;
	position: absolute;
	z-index: 2;
	/*background: rgba(209,172,131,.5);*/
	margin-top: 5px;
	left: 580px;
}
.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;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

/* LOGÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°N FORM */
.login_buttons {position:relative; margin:36px 0 0 -20px;}
.login_buttons a {
	color:#d8e60a;
	font-size:1.10em;
	font-weight:600;
	display:block;
	float:left;
	width:169px;
	height:47px;
	line-height:72px;
	text-shadow: none;
	position:absolute;
	text-align:center;
}
.login_buttons a:nth-child(2) {margin-left:123px;}
.login_buttons a:nth-child(3) {margin-left:247px;}
.login_buttons a:hover, .login_buttons a.aktif {
	background:url('../images/form_baslik_hover.png') no-repeat center;
	color: #f9f9f9;
	width:146px;
	height:75px;
	text-align:center;
	text-shadow:none;
}


/* */
.login_form input[type=text], .login_form input[type=password] {
	width: 186px;
	height: 53px;
	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: #f7dbe7;}
.login_form input[type=password] {background: #f8dee3;}

.formKadi {
	position: absolute;
	width: 280px;
	height: 56px;
	z-index: 9999;
	left: -50px;
	top:110px;
	z-index: 0;
	background: url('../images/login/text_bg.png') no-repeat center;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	border-radius: 50px;
}
.formKadi:after {
	content: '';
	position: absolute;
	width: 38px;
	height: 36px;
	left: 11px;
	top: 13px;
	background: url('../images/login/form_user_icon.png') no-repeat center;
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}
.formSifre {
	position: absolute;
	width: 280px;
	height: 59px;
	z-index: 9999;
	left: -50px;
	top: 166px;
	z-index: 0;
	background: url('../images/login/text_bg.png') no-repeat center;
	border-radius: 50px;
}
.formSifre.formSifrePasif {/* background: url('../images/login/text_bg_disabled.png') no-repeat center; */}
.formSifre:after {
	content: '';
	position: absolute;
	width: 31px;
	height: 42px;
	height: 42px;
	left: 15px;
	top: 10px;	
	background: url('../images/login/form_lock_icon.png') no-repeat center;
}
.formYSifre {
	position: absolute;
	width: 280px;
	height: 59px;
	z-index: 9999;
	left: -50px;
	top: 233px;
	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 {}
.formYSifre:after {
	content: '';
	position: absolute;
	width: 38px;
	height: 36px;
	left: 10px;
	top: 13px;
	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 30px;}
.login_form .Sifre {margin: 8px 0 0 30px;}
.login_form .YoneticiSifre {margin: 10px 0 0 28px;width: 186px !important;}
.pasif_form {cursor:not-allowed !important;background: #f7dbe7 !important; color:#fff !important;}
.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 235px;
}
.login_form .Giris_Btn:hover {background-position:right top;}




/* SCP YAN BUTONLAR */
.yan_butonlar {width:142px; height:102px; position:absolute; margin:-175px 0 0 238px;}
.yan_butonlar a {float:left;}
.Bay {width:70px; height:50px; display:block; background:url('../images/bay.png') no-repeat left top; margin-right:2px; margin-bottom:10px;}
.Bay:hover, .Bay.aktif {background-position:right top;}
.Bayan {width:70px; height:50px; display:block; background:url('../images/bayan.png') no-repeat left top; margin-bottom:3px;}
.Bayan:hover, .Bayan.aktif {background-position:right top;}
.Avatar {width:142px; height:50px; display:block; background:url('../images/avatar.png') no-repeat left top;}
.Avatar:hover {background-position:right top;}

.home_login_yeni_uyelik {position:absolute;color:#fff;line-height:110%;font-weight:600;font-size:.80em;margin: 320px 0 0 832px;}
.home_login_yeni_uyelik:after {
	content:'';
	position:absolute;
	width:48px;
	height:48px;
	display:block;
	left:-55px;
	top:-8px;
	background:url('../images/yeni-uyelik.png') no-repeat center;
}
.home_login_sifremi_unuttum {position:absolute;color:#fff;line-height:110%;font-weight:600;font-size:.80em;margin: 320px 0 0 660px;}
.home_login_sifremi_unuttum:after {
	content:'';
	position:absolute;
	width:48px;
	height:48px;
	display:block;
	left:-55px;
	top:-8px;
	background:url('../images/sifremi-unuttum.png') no-repeat center;
}
.home_login_yeni_uyelik:hover, .home_login_sifremi_unuttum:hover {text-decoration:underline;}



/* SCP PLACEHOLDER COLOR */
::-webkit-input-placeholder {color:#1c3ca4;}
:-moz-placeholder { /* Firefox 18- */ color:#1c3ca4;  }
::-moz-placeholder {  /* Firefox 19+ */ color:#1c3ca4;  }
:-ms-input-placeholder { color:#1c3ca4; }


.pasif_form::-webkit-input-placeholder {color:#4e6ed4;}
.pasif_form:-moz-placeholder, {color:#4e6ed4;}
.pasif_form:-ms-input-placeholder{color:#4e6ed4;}







/* SCP DUVAR YAZILARI - SCP SOHBET HAREKETLERÃ„Â° */
.home_01 {width:500px; height:780px; position:relative; right:0; float:right; top:80px;}
.home_02 {width:500px; height:780px; position:relative; right:0; float:right; top:80px;}


/* SCP ARADIÃ„Å¾IN AÃ…Å¾K */
.aradigin_ask {width:100%; height:550px; position:relative;}




/* ALMP*/
.uye_resimleri {width: 605px;height:470px;position:relative;left: 420px;float:left;top: 50px;z-index: 1;}
.uye_resimleri 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: -28px 0 0px 350px;
}
.uye_resimleri_grup1 {margin: 1px 0 0px -55px;}
.uye_resimleri_grup2 {margin: -327px 0 0px -55px;}
.uye_resimleri img {
	width: 120px;
	height: 120px;
	position:relative;
	border: solid 4px #C8A2C8;
	-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: 75px;
    border-top-right-radius: px;
    border-bottom-left-radius: px;}
.uye_resimleri li span {
	position: relative;
	padding: 5px 2px 3px 2px;
	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: 10px;
	border: solid 2px #C8A2C8;
	font-weight: 700;
	background-image: linear-gradient(270deg,#ff0000,#C8A2C8,#C8A2C8);
	border-radius: 20px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	}
.uye_resimleri li span.baslikPembe {color:#fd53b2;}
.uye_resimleri li span.baslikMavi {color: #000000;/* background: #5bb9ff; */}
.uye_resimleri li:nth-child(1) {left: -190px;top: 64px;}
.uye_resimleri li:nth-child(2) {left: -85px;top: 64px;}
.uye_resimleri li:nth-child(3) {left: 25px;top: 64px;z-index: 0;}
.uye_resimleri li:nth-child(4) {left: 136px;top: 64px;}
.uye_resimleri li:nth-child(5) {left: 237px;top: 64px;}
.uye_resimleri li:nth-child(6) {left: 338px;top: 64px;z-index: 2;}
.uye_resimleri li:nth-child(7) {left: -168px;top: 222px;z-index: 2;}
.uye_resimleri li:nth-child(8) {left: -67px;top: 222px;z-index: 2;}
.uye_resimleri li:nth-child(9) {left: 34px;top: 222px;z-index: 0;}
.uye_resimleri li:nth-child(10) {left: 136px;top: 222px;z-index: 2;}
.uye_resimleri li:nth-child(11) {left: 237px;top: 222px;z-index: 2;}
.uye_resimleri li:nth-child(12) {left: 338px;top: 222px;z-index: 2;}

.uye_resimleri 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); */
}
.uye_resimleri 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 #ff0000;
}
.uye_resimleri 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; */
}

.uye_resimleri_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;
}
.uye_resimleri_baslik span {font-weight: 700; display:block;}




/* SOHBET ODASI */
.sohbet_odalari {
	width:100%;
	height:auto;
	padding:10px;
	position: absolute;
	margin:auto;
    margin: -1310px 0 0 20px;
	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: 342px;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;}
.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: -1;}
.oda_resim > img {
	position:relative;
	width:227px;
	height:200px;
	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-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.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:#FFF;font-size:.90em;letter-spacing:-0.02em;font-weight:500;display:block;position:absolute;text-align:center;width:100%;margin-top: 80px;left: 66px;}
.oda_giris_btn:hover {text-decoration:underline;}
.oda_sayisi {
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 1.60em;
    position: absolute;
    font-weight: 600;
    z-index: 2;
    line-height: .60em;
    margin: 172px 0 0 156px;
    text-align: center;
}
.oda_sayisi span {color:#fff; display:block; font-size:.45em; margin-top:5px;}
.sohbet_odasi:hover .oda_sayisi {color:#fff;}

.oda_adi {position:absolute;color:#FFF;font-weight:500;font-size:.80em;margin: 20px 0 0 66px;}
.oda_sahibi {position:absolute;color:#FFF;font-weight:500;font-size:.80em;margin: 48px 0 0 66px;}


/* 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: 100%;min-height: 200px; height:auto;padding: 10px; padding-bottom:0;margin: -710px 14px; position:relative; float:left;}



/* MAKALELER */ 
.makaleler_baslik {width:100%;height:50px;text-align:center;margin:auto;margin-top: 45%;margin-left:-36px;}

.makaleler_baslik p {color: #ffffff;text-shadow: 0 7px 15px #000000;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: 304px;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;}

.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: 198px;height: 175px;position:relative;border-radius: 10px;margin: 20px 0 0 62px;}
.makale:hover .makale_resim {
/*.makale_resim {width: 200px;height: 177px;position:relative;border-radius: 10px;margin: 18px 0 0 61px;}*/


	-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: #ffd458;font-weight:600;margin: 13px 0 0 50px;}

.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: 7px;}

.makale_bottom {position:absolute;width:100%;min-height:27px;height:auto;bottom:200px;}

.makale_bottom a {position: absolute;color:#430057;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;margin: 193px 0 0 228px;}

.makale_bottom a:hover {text-decoration:underline;color: #dd394f;}

.makale_bottom p {position: absolute;color:#dd394f;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;}

.makale_date {position:absolute;width:100%;min-height:27px;height:auto;bottom:200px;}
.makale_date a {position: absolute;color:#430057;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;margin: 194px 0 0 110px;}

.makale_date a:hover {text-decoration:underline;color: #dd394f;}

.makale_date p {position: absolute;color:#dd394f;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;}

.makale_cats {position:absolute;width:100%;min-height:27px;height:auto;bottom:200px;}

.makale_cats a {position: absolute;color:#430057;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size: .73em;margin: 195px 0 0 20px;}

.makale_cats a:hover {text-decoration:underline;color: #dd394f;}

.makale_cats p {position: absolute;color:#dd394f;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;}




.makale1 {width: 304px;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-hover1.png) no-repeat top left;}

.makale1:nth-child(3n+0) {margin-right:0;}

.makale1:hover {-webkit-box-shadow: 0 0 100px 10px rgb(143 143 143);box-shadow: 0 0 100px 10px rgb(110 110 110);}
.makale1:hover {background: url('../images/makale-arka1.png') no-repeat top left;}
.makale1_resim {width: 211px;height: 189px;position:relative;border-radius: 12px;margin: 8px 0 0 57px;}

.makale1:hover .makale1_resim {

	-webkit-box-shadow: 0 0 50px 0 rgba(164, 21,111);

	box-shadow: 0 0 50px 0 rgba(164, 21,111);

}



.makale1_baslik a {position:relative;padding:10px;display:block;color: #ffd458;font-weight:600;margin: 13px 0 0 50px;}

.makale1_baslik a:hover {text-decoration:underline;}

.makale1_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: -1px;}

.makale1_bottom {position:absolute;width:100%;min-height:27px;height:auto;bottom:200px;}

.makale1_bottom a {position: absolute;color:#430057;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;margin: 193px 0 0 228px;}

.makale1_bottom a:hover {text-decoration:underline;color: #dd394f;}

.makale1_bottom p {position: absolute;color:#dd394f;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;}

.makale1_date {position:absolute;width:100%;min-height:27px;height:auto;bottom:200px;}
.makale1_date a {position: absolute;color:#430057;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;margin: 194px 0 0 110px;}

.makale1_date a:hover {text-decoration:underline;color: #dd394f;}

.makale1_date p {position: absolute;color:#dd394f;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;}

.makale1_cats {position:absolute;width:100%;min-height:27px;height:auto;bottom:200px;}

.makale1_cats a {position: absolute;color:#430057;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size: .73em;margin: 195px 0 0 20px;}

.makale1_cats a:hover {text-decoration:underline;color: #dd394f;}

.makale1_cats p {position: absolute;color:#dd394f;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;}


/* SAYFALAMA */
.sayfala {width:100%; height:30px; position:relative;; margin-top:50px; text-align:center;}

.sayfalaKalp {
	content:'';
	position:absolute;
	width:127px;
	height:125px;
	left:0;
	right:0;
	margin:auto;
	margin-top:20px;
	background:url('../images/kalpler-comment.png') no-repeat center;
	
	-ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}
.sayfala a {
	width:30px;
	height:30px;
	line-height:30px;
	padding:4px;
	display:inline-block;
	margin-right:1px;
	background:#730134;
	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:#730134;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.6);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.6);
}





/* MAKALE DETAY TASARIM */
.ortaTasarim {
	position:relative;
	margin:170px 0;
	z-index:4;
}

/* 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:300;
	font-size:.90em;
	letter-spacing:-0.02em;
}
.breadcrumb ul li a:hover {text-decoration:underline;}
.breadcrumb ul li:first-child {margin-left:70px; margin-right:20px; margin-top:-5px;}
.breadcrumb ul li:first-child a {padding:11px;}
.breadcrumb ul li:first-child i {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;
}


/* 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;
}


/* ORTA BLOK TASARIM */
.ortaBlok {
	width:680px;
	min-height:500px;
	height:auto;
	padding:25px;
	position:relative;
	float:left;
}
.text h1 {
	color:#730134;
	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:#730134;
	
	-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:#730134;
	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:#730134;
	
	-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:#1c3ca4;
	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:#1c3ca4;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.yanBlok ul {
	background:#1c3ca4;
	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:#1c3ca4;
	
	-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:.80em;
	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:#fff; color:#1c3ca4; margin-left:-20px;}
.menu_kalp {
	width:100%;
	height:179px;
	position:relative;
	display:block;
	color:#a52c3f;
	background:url('../images/kalp.png') no-repeat center;
}







/* 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: 255px 0 0 95px;
}

.footerSubMenu {
	position:absolute;
	margin: 180px 0 0 248px;
}

.footer_menu {width:200px;padding-top:85px;position:relative;float:left;left: 85px;}
.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:#7f818a; padding:5px; font-size:.80em; font-weight:600; display:block;}
.footer_menu li a:hover {color:#1c3ca4; text-decoration:underline;}



.footer_iletisim {
	position:absolute;
	color:#7f818a;
	text-shadow:0 1px 0 rgba(255,255,255,.4);
	font-size:.70em;
	font-weight:500;
	margin-top:440px;
	right:60px;
	line-height:1.20em;
	text-align:right;
}
.footer_iletisim a {color:#1c3ca4;}
.footer_iletisim a:hover {text-decoration:underline;}
.telefon_baslik {
	font-size:1em;
	color:#7f818a;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.05em;
	position:absolute;
	margin-top:360px;
	right:90px;
}
.footer_telefon a {
	font-size:2.4em;
	color:#7f818a;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.06em;
	font-weight:700;
	position:absolute;
	margin-top:380px;
	right:90px;
}
.footer_telefon a:hover {color:#1c3ca4;}
.footer_telefon span {font-size:.60em;}
.scrollup {
	position:absolute;
	color:#fff;
	margin-top:252px;
	right: 5px;
}
.scrollup i {
	position:absolute;
	top:7px;
	left:-15px;
}
.scrollup:hover {text-decoration:underline;}

/* SCP reserved text */
.reserved1 {
	position:absolute;
	color:#fff;
	text-align:right;
	width:250px;
	font-size:.75em;
	font-family:Arial, Helvetica, sans-serif;
	margin:180px 0 0 220px;
}
.reserved2 {
	position:absolute;
	color:#fff;
	text-align:left;
	width:250px;
	font-size:.75em;
	font-family:Arial, Helvetica, sans-serif;
	margin:180px 0 0 500px;
}

.footerMainMenu {
	position:absolute;
	margin: 255px 0 0 316px;
	z-index:2;
}
.footerMainMenu a {
	position:relative;
	padding:4px 15px;
	display:inline-block;
	color:#7f818a;
	font-family:"Barlow", sans-serif;
	font-weight:600;
	letter-spacing:-0.02em;
	font-size:.80em;
}
.footerMainMenu a:hover {color:#1c3ca4; 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;
}

.footerMainMenu {
	position:absolute;
	margin: 211px 0 0 310px;transform: rotate(1deg);
	z-index:2;
}
.footerMainMenu a {
	position:relative;
	padding:4px 15px;
	display:inline-block;
	color:#000000;
	font-family:"Barlow", sans-serif;
	font-weight:600;
	letter-spacing:-0.02em;
	font-size:.80em;
}
.footerMainMenu a:hover {color:#fff; text-decoration:underline;}
.lisans {
	color: #454545;
	position: absolute;
	font-weight: 500;
	margin: 523px 0 0 102px;
	
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 27px; /* Place the button at the bottom of the page */
  right: 18px; /* 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 850px;
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 850px;
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: 365px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}


.whatsaap:hover{
	color: #e5ebf0;
position: absolute;margin: 265px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.ceptel{
	color: #48feb3;
position: absolute;margin: 322px 0 0 834px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.ceptel:hover{
	color: #e7edf2;
position: absolute;margin: 322px 0 0 834px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.adresim{
	color: #4efab0;
position: absolute;margin: 410px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.adresim:hover{
	color: #e5ebf0;
position: absolute;margin: 410px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.websitem{
	color: #3bfeba;
position: absolute;margin: 450px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.websitem:hover{
	color: #e1e8ec;
position: absolute;margin: 450px 0 0 833px;font-size: 21px;width: 240px;height: 39px;font-weight: 500;}

.sitesahipleri {
	color:#000;
	position: absolute;
	background:#000;
	margin-top: 371px;
	right: 33px;
}
.kurucu {
	width:70px;
	height:70px;
	border-radius: 50px;
	position: absolute;
	margin-top: -72px;
	right: 248px;
	border: solid 3px #b1851a;
}
.sitesahibi2 {
	width:70px;
	height:70px;
	border-radius: 50px;
	position: absolute;
	margin-top: -72px;
	right: 135px;
	border: solid 3px #b1851a;
}
.sitesahibi3 {
	width:70px;
	height:70px;
	border-radius: 50px;
	position: absolute;
	margin-top: -72px;
	right: 20px;
	border: solid 3px #b1851a;
}
.kurucu:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: skewX(10deg);
	border: solid 3px #f9e699;
	z-index:3;
}
.sitesahibi2:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: skewY(10deg);
	border: solid 3px #ffbdbe;
	z-index:3;
}
.sitesahibi3:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: skewY(10deg);
	border: solid 3px #dbea99;
	z-index:3;
}
.kurucuismi {
	right: 265px;
	position:absolute;
	top: 1px;
	color: #b0bbe0;
	font-weight: bold;
}
.sitesahibiismi2 {
	right: 137px;
	position:absolute;
	top: 1px;
	color: #b0bbe0;
	font-weight: bold;
}
.sitesahibiismi3 {
	right: 28px;
	position:absolute;
	top: 1px;
	color: #b0bbe0;
	font-weight: bold;
}

/* KNT YUKARI ASAGI */
buttons {
    margin: 10%;
    text-align: center;
}

.btn-hover {
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 2px;
    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: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: 15%;
    left: -138px;
}

.welcome-thumb-3 {
    top: 28%;
    left: 91%;
}

.welcome-thumb-4 {
    top: 43%;
    right: -163px;
}

.welcome-thumb-5 {
    top: -35%;
    left: 45%;
}

.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
}