/*
TASARIM : ilkpanel.com
WEB MASTER : ilkpanel
WEB : ilkpanel.com
TARIH : 20.02.2021
*/



@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;
font-family: 'Niramit', sans-serif;
font-family: 'Open Sans', sans-serif;
*/


/* 07WEBTASARIM GENEL AYALAR */
html {min-width:1000px; width:100%; height:100%;}
body.anasayfa_bg {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Barlow", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg/ilkpanel_01.jpg') no-repeat top center,
	url('../images/home-bg/ilkpanel_02.jpg') no-repeat center 500px,
	url('../images/home-bg/ilkpanel_03.jpg') no-repeat center 1000px,
	url('../images/home-bg/ilkpanel_04.jpg') no-repeat center 1500px,
	url('../images/home-bg/ilkpanel_05.jpg') no-repeat center 2000px,
	url('../images/home-bg/ilkpanel_06.jpg') no-repeat center 2500px,
	url('../images/home-bg/ilkpanel_07.jpg') no-repeat center 3000px,
	url('../images/home-bg/ilkpanel_08.jpg') no-repeat center 3500px,
	url('../images/home-bg/ilkpanel_09.jpg') no-repeat center 4000px,
	url('../images/home-bg/ilkpanel_10.jpg') no-repeat center 4500px;
	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/ilkpanel_01.jpg') no-repeat top center,
	url('../images/listele-bg/ilkpanel_02.jpg') no-repeat center 500px,
	url('../images/listele-bg/ilkpanel_03.jpg') no-repeat center 1000px,
	url('../images/listele-bg/ilkpanel_04.jpg') no-repeat center 1500px,
	url('../images/listele-bg/ilkpanel_05.jpg') no-repeat center 2000px,
	url('../images/listele-bg/ilkpanel_06.jpg') no-repeat center 2500px,
	url('../images/listele-bg/ilkpanel_07.jpg') no-repeat center 3000px,
	url('../images/listele-bg/ilkpanel_08.jpg') no-repeat center 3500px,
	url('../images/listele-bg/ilkpanel_09.jpg') no-repeat center 4000px,
	url('../images/listele-bg/ilkpanel_10.jpg') no-repeat center 4500px;
	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;}





/* 07WEBTASARIM HEADER /*/
.Header {width:100%; height:235px; position:relative; z-index:3;}
.Logo {
	width: 249px;
    height: 183px;
    position: absolute;
    left: -138px;
    margin-top: -25px;
    z-index: 5;
	}

/* 07WEBTASARIM SOSYAL MEDYA */
.Sosyal_Medya {
	position: absolute;
    margin-top: 22px;
    left: 379px;
}
.Sosyal_Medya a {
	float: left;
    margin-right: 3px;
    position: relative;
    color: #ffffff;
    border: solid 2px #fccde1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: relative;
    display: block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 5px;
    -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:#1c3ca4;
	float:left;
	right:3px;
}
.Sosyal_Medya img path {
	position:relative;
	width:36px;
	height:36px;
	background:#1c3ca4;
	float:left;
	right:3px;
}
.Sosyal_Medya a i {display:block; line-height:36px;}
.Sosyal_Medya a:hover {
	background: #a00177;
    border: solid 2px #000000;
    color: #000;
}



/* 07WEBTASARIM MINI MENU */
.mini_menu {
	position:absolute;
	margin-top:190px;
	right:0;
	border:dashed 1px #fff;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.mini_menu a {
	color:#FFF;
	font-weight:500;
	position:relative;
	float:left;
	display:block;
	line-height:.90em;
	font-size:.80em;
	padding:10px;
	background:url('../images/mini_menu_ayrac.png') no-repeat center right;
}
.mini_menu a:hover {text-decoration:underline;}

.icon_menu {position:absolute;margin: 22px 0 0 554px;}
.icon_menu a {
	position:absolute;
	line-height: 19px;
	font-weight:700;
	float:left;
	display:block;
	font-size:13px;
	letter-spacing: 1px;
	font-family:"Barlow",sans-serif;
	border: solid #fccde1 2px;
	height: 36px;
	border-radius: 7px;
}
.icon_menu a span {font-size:.70em; display:block;}
.icon_menu a:hover {color: #000000;text-decoration:underline;}

.icon_menu_01 {margin-left:0px;color: #ffffff;padding-left:25px;background:url('../images/icon_menu_01.png') no-repeat left center;}
.icon_menu_02 {margin-left:90px;color: #ffffff;padding-left:30px;background:url('../images/icon_menu_02.png') no-repeat left center;}
.icon_menu_03 {margin-left:180px;color: #ffffff;padding-left:35px;background:url('../images/icon_menu_03.png') no-repeat left center;}
.icon_menu_04 {margin-left:270px;color: #ffffff;padding-left:30px;background:url('../images/icon_menu_04.png') no-repeat left center;}




/* 07WEBTASARIM ANA MENU */
.Menu {
	position: absolute;
    margin: 94px 0 0 170px;
    z-index: 2;
}
.Menu ul.AnaMenu > li {list-style:none; float:left; background:url('../images/menu_ayrac.png') no-repeat center right;}
.Menu ul.AnaMenu > li:last-child {background-image:none;}
.Menu ul.AnaMenu > li > a {
	font-family:"Khand", Arial, Helvetica, sans-serif;
	color: #850179;
	padding:6px 17px;
	display:block;
	font-size: 20px;
	font-weight: 600;
	letter-spacing:-0.02em;
}
.Menu ul.AnaMenu > li:hover > a {
	color:#FFF;
	text-shadow:none;
	background: #8c0178;
	
	-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.4);
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.4);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Menu ul.AnaMenu > li > a.Aktif {
	color:#FFF;
	text-shadow:none;
	background:#1c3ca4;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* 07WEBTASARIM MENULER */
.Menu ul.AnaMenu li ul {
	width:220px;
	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: #1c3ca4; /* Old browsers */
	background: -moz-linear-gradient(top, #1c3ca4 0%, #8ac53e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8a0079 0%,#7814a8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7415a7 0%,#8c0178 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3ca4', endColorstr='#8ac53e',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:#1c3ca4;}
.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:#1c3ca4 url('../images/Mini-Ok.png') no-repeat center center;
	display:block;
	margin:-25px 0 0 200px;
}
.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 {
	background:#1c3ca4;
	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;
}




/* 07WEBTASARIM KAYAN HABER */
.kayan_haber {
	width: 447px;
	height:31px;
	position:absolute;
	overflow:hidden;
	margin-top: 192px;
	right: 311px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.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 {
	height: 31px;
	overflow: hidden;
	z-index: 1;
	width: 600px;
	margin: 0 0 0 49px;
	position: absolute;
}
.last-minute-title {
	float: left;
	padding-left: 6px;
	margin-right: 2px;
	position: relative;
	color: #fff;
	margin: 0 0 0 -18px;
}
.last-minute-title span {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 34px;
	margin: 0 10px 0 -1px;
}
.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: #6f0172;
	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 14px; */}
.overview li a{color: #000000;display:block;font-size: 15px;line-height:33px;text-decoration: none;font-weight: 500;}
marquee {margin: 0px 0 0 13px;}






/* 07WEBTASARIM ANA SAYFA VE LOGIN */
.ust_sohbet_login {position:relative; width:100%; height:500px;}
.sohbet_giris_btn {width: 80px;height: 76px;display:block;position:absolute;z-index:999;background:url('../images/sohbet_basla_btn.png') no-repeat center top;margin:390px 0 0 250px;}
.sohbet_giris_btn:hover {background-position:bottom;}

.home_sohbet_sayisi {position:absolute;color: #fdf4f7;font-family:"Open Sans", sans-serif;margin: -43px 0 0 869px;line-height:1em;text-align:center;font-size:.85em;letter-spacing:-.03em;text-align:center;font-weight: 400;}
.home_sohbet_sayisi span {font-size:5.40em;color: #ffffff;letter-spacing:-0.05em;font-family: ui-sans-serif;display:block;line-height:1em;margin-bottom:-10px;font-weight: 600;}
.home_sohbet_sayisi:hover span {text-shadow:0 0 20px #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;}


/* 07WEBTASARIM SOHBET VE LOGIN */
.sohbet_login {width:480px;height:300px;position:absolute;margin-top: 160px;right:0;}
.login_buttons {position:relative;margin: 28px 0 0 60px;}
.login_buttons a {
	color: #ffffff;
	text-shadow:0 1px 0 rgba(255,255,255,.3);
	font-size:1.10em;
	display:block;
	float:left;
	width:169px;
	height:47px;
	line-height:47px;
	position:absolute;
	text-align:center;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.02em;
	font-weight:800;
}
.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: #a50275;
	width:169px;
	height:47px;
	text-align:center;
	text-shadow:none;
}

/* 07WEBTASARIM LOGIN FORM */
.login_form input[type=text], .login_form input[type=password] {
	width:225px;
	height:50px;
	padding:0 15px;
	padding-left:50px;
	border:none;
	display:block;
	font-size:.90em;
	color:#1c3ca4;
	position:relative;
	-webkit-border-radius: 50px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius: 50px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-radius: 16px;
	border-top-right-radius: 7px;
}
.login_form input[type=text] {background:#f8f8f8 url('../images/form_user_icon.png') no-repeat 15px center;}
.login_form input[type=password] {background:#f8f8f8 url('../images/form_lock_icon.png') no-repeat 15px center;}
.login_form .Kadi {margin:110px 0 0 50px;}
.login_form .Sifre {margin:3px 0 0 50px;}
.login_form .YoneticiSifre {margin:3px 0 0 50px; width:127px !important;}
.pasif_form {cursor:not-allowed !important;background: #65014a url(../images/form_lock_icon2.png) no-repeat 15px center !important;color:#fff !important;}
.login_form .Giris_Btn {
	width:115px;
	height:50px;
	display:block;
	position:absolute;
	background:url('../images/button.png') no-repeat left top;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	margin:-50px 0 0 245px;
}
.login_form .Giris_Btn:hover {background-position:right top;}



/* 07WEBTASARIM YAN BUTONLAR */
.yan_butonlar {width:142px; height:102px; position:absolute; margin:-156px 0 0 343px;}
.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:3px;}
.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: #fffcfd;
    line-height: 110%;
    font-weight: 800;
    font-size: 20px;
    margin: -152px 0 0 887px;
    width: 120px;
    height: 59px;
    border-radius: 7px;
    text-align: center;
    background-image: -ms-linear-gradient(right, #CF2D01 0%, #FD4A1C 100%);
    background-image: -moz-linear-gradient(right, #CF2D01 0%, #FD4A1C 100%);
    background-image: -o-linear-gradient(right, #CF2D01 0%, #FD4A1C 100%);
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #c60270), color-stop(100, #a20175));
    background-image: -webkit-linear-gradient(right, #c70170 0%, #b20173 100%);
    background-image: linear-gradient(to left, #cc016d 0%, #a80175 100%);
    line-height: 63px;
    z-index: 9;
}
.home_login_yeni_uyelik:after {
	content:'';
	position:absolute;
	width:48px;
	height:48px;
	display:block;
	left:-55px;
	top:-8px;
	
}
.home_login_sifremi_unuttum {position:absolute; color:#fff; line-height:110%; font-weight:600; font-size:.80em; margin:385px 0 0 780px;}
.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 {
	background: #c70170;
    color: #000;
    -webkit-box-shadow: 0 7px 50px 0 rgb(0 0 0);
    box-shadow: 0 7px 50px 0 rgb(0 0 0);
}



/* 07WEBTASARIM 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:#f2f3f7;}
.pasif_form:-moz-placeholder, {color:#ffffff;}
.pasif_form:-ms-input-placeholder{color:#ffffff;}







/* 07WEBTASARIM DUVAR YAZILARI  */
.home_01 {width:500px; height:780px; position:relative; right:0; float:right; top:80px;}



/* 07WEBTASARIM ARADIGIN ASK */
.aradigin_ask {width:100%; height:550px; position:relative;}




/* 07WEBTASARIM ONLINE UYELER */
.online_uyeler {width:500px;height:780px;position:relative;left: -120px;float:left;top: 9px;}
.online_uyeler div {margin-top:95px;}
.online_uyeler h3 {color:#fff;position:absolute;font-weight:700;font-size:1.30em;letter-spacing:-0.03em;margin: -6px 0 0 128px;}
.online_uyeler h3 span {font-weight:300;}
.online_uyeler h3:hover {}
.online_uyeler div img {
	position:relative;
	width:90px;
	height:90px;
	margin:0 5px 5px 0;
	
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 20px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	-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 20px 0 rgba(59,7,92,.4);
	box-shadow: 0 10px 20px 0 rgba(59,7,92,.4);
}
.online_uyeler div img:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	
	border:solid 5px #fff;
	-webkit-box-shadow: 0 15px 50px 0 rgba(59,7,92,.8);
	box-shadow: 0 15px 50px 0 rgba(59,7,92,.9);
	
	z-index:3;
}




/* 07WEBTASARIM SOHBET ODALARIMIZ */
.sohbet_odalari {
	width:100%;
	height:auto;
	padding:10px;
	position:relative;
	margin:auto;
	margin-top:220px;
	margin-bottom:120px;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.sohbet_odalari_baslik {
	position:relative;
	color:#FFF;
	text-shadow:0 7px 15px #d44803;
	font-weight:300;
	font-size:1.70em;
	margin:-90px 0 0 180px;
	display:block;
	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:10px 0 50px 180px;
	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:391px;position:relative;overflow:hidden;float:left;margin-right:10px;margin-bottom:10px;background:url('../images/odalar_bg.png') no-repeat top left;-webkit-border-radius: 50px;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius: 50px;-moz-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;border-radius: 9px;border-top-right-radius: 9px;}
.sohbet_odasi:hover {background-position:top right;}
.sohbet_odasi:nth-of-type(4n+0) {margin-right:0;}

.oda_resim {position:relative;width: 185px;height: 179px;overflow:hidden;margin: 25px 0 0 22px;}
.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;
	z-index: -3;
}
.oda_resim_maske {position:absolute; z-index:1; width:227px; height:200px; background:url('../images/oda_maske.png') no-repeat bottom center;}
.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: 112px;}
.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: 194px 0 0 165px;
    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: 55px 0 0 50px;}
.oda_sahibi {position:absolute;color:#FFF;font-weight:500;font-size:.80em;margin: 79px 0 0 50px;}



/* 07WEBTASARIM OWL CORSUEL */
.owl-theme .owl-nav [class*=owl-] {background:none !important; text-indent:-9999px;}
.owl-carousel .owl-nav .owl-prev {
	background:url('../images/nav_yatay_geri.png') no-repeat center bottom !important;
	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 {
	background:url('../images/nav_yatay_ileri.png') no-repeat center bottom !important;
	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: #ff368c !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;
    margin-top: 10px;
}






/* SCP 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:50px 0; position:relative; float:left;}



/* 07WEBTASARIM MAKELELER */
.makaleler_baslik {width:100%; height:50px; text-align:center; margin:auto; margin-top:240px;}
.makaleler_baslik p {
	color: #000;
	font-weight:700;
	font-size:1.40em;
	margin:-58px 0 0 95px;
	display:block;
	letter-spacing:-0.03em;
}


/* 07WEBTASARIM MAKALELER LISTELE */
.makale_listele_baslik {
	width:100%;
	height:50px;
	text-align:center;
	margin:auto;
	margin-top:195px;
	color:#FFF;
	text-shadow:0 4px 0px rgba(124, 58, 8, 0.2);
	font-weight:300;
	font-size:2em;
	margin-top:60px;
	display:block;
	letter-spacing:-0.05em;
}
.makale_listele_baslik span {font-weight:700;}


/* 07WEBTASARIM MAKALE */
.makale {
	width: 324px;
	height: 436px;
	position:relative;
	float:left;
	overflow:hidden;
	margin-right: 14px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.4);
	box-shadow: 0 10px 30px 0 rgba(0,0,0,.4);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	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: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
	background: linear-gradient(90deg, #ffffff 0%, #af93ff 100%);
}
.makale:nth-child(3n+0) {margin-right:0;}
.makale:hover {
	-webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,.8);
	box-shadow: 0 15px 50px 0 rgba(0,0,0,.8);
}
.makale_resim {
	width: 324px;
	height: 200px;
	position:relative;
	z-index:2;
	-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: 0px;
	border-top-right-radius: 0px;
	margin: 32px 0 0 0;
}
.makale:hover .makale_resim {
	-webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,.4);
	box-shadow: 0 15px 50px 0 rgba(0,0,0,.4);
}

.makale_baslik a {
	position:relative;
	padding:10px;
	display:block;
	color: #000000;
	font-weight:600;
	margin-top: -232px;
	left: -3px;
	z-index: 7;
	background: #b79eff;
	width: 308px;
}
.makale_baslik a:hover {text-decoration:underline;}
.makale_baslik:after {
	content:'';
	width:90%;
	height:20px;
	position:absolute;
	display:block;
	z-index:0;
	left:0;
	top:190px;
	right:0;
	margin:auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.makale_ozet {color: #000;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;width: 298px;margin-left: 2px;margin-top: 215px;}
.makale_bottom {
	position:absolute;
	width: 100%;
	min-height:20px;
	height:auto;
	/* background: #ff8080; */
	bottom:0;
}
.makale_bottom a {position:relative;color: #000;float:left;padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;/* background: #6146d5; */width: 134px;font-size: 18px;}
.makale_bottom a:hover {text-decoration:underline; color:#fc0;}
.makale_bottom p {position:relative;color:#fff;/* float:right; */padding:10px;display:inline-block;font-family:"Open Sans", sans-serif;letter-spacing:-0.03em;font-size:.80em;margin-left: 135px;margin-top: -221px;background: #ab91f6;z-index: 7;border-radius: 50px;}





/* SCP SAYFALAMA */
.sayfala {width:100%; height:30px; position:relative;; margin-top:50px; text-align:center;}
.sayfala:after {
	content:'';
	position:absolute;
	width:460px;
	height:460px;
	border:solid 20px #fff;
	display:block;
	left:0;
	right:0;
	margin:auto;
	z-index:-4;
	top:-230px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}
.sayfala:before {
	content:'';
	position:absolute;
	width:560px;
	height:560px;
	border:solid 2px #fff;
	display:block;
	left:0;
	right:0;
	margin:auto;
	z-index:-4;
	top:-260px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}
.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:#1c3ca4;
	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:#1c3ca4;
	-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: -194px;
	background:url('../images/rose.png') no-repeat center right;
	-ms-touch-action: none;
	touch-action: none;
	pointer-events: none;
}






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

/* 07WEBTASARIM 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:'';}



/* 07WEBTASARIM SOHBET SAYFASI 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;
}


/* 07WEBTASARIM 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;
}


/* 07WEBTASARIM ORTA BLOK TASARIM */
.ortaBlok {
	width:680px;
	min-height:500px;
	height:auto;
	padding:25px;
	position:relative;
	float:left;
}
.text h1 {
	color:#1c3ca4;
	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:#1c3ca4;
	
	-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:#1c3ca4;
	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:#1c3ca4;
	
	-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;
}



/* 07WEBTASARIM 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: #8c007a;
	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: #8c007a;
	-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;
}







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

.footerSubMenu {
	position:absolute;
	margin: -37px 0 0 248px;
}

.footer_menu {width:200px;padding-top:140px;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: #ffffff;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: #ffffff;
	text-shadow:0 1px 0 rgba(255,255,255,.4);
	font-size:.70em;
	font-weight:500;
	margin-top: 134px;
	right: 90px;
	line-height:1.20em;
	text-align:right;
}
.footer_iletisim a {color:#1c3ca4;}
.footer_iletisim a:hover {text-decoration:underline;}
.telefon_baslik {
	font-size: 20px;
	color: #ffffff;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.05em;
	position:absolute;
	margin-top: 62px;
	right: 2px;
	background: #0000008c;
	width: 200px;
	height: 30px;
	border-radius: 50px;
	font-weight: 600;
	text-align: center;
}
.footer_telefon a {
	font-size: 24px;
	color: #ffffff;
	font-family:"Barlow", sans-serif;
	font-weight:700;
	position:absolute;
	margin-top: 103px;
	right: 25px;
}
.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;}

/* 07WEBTASARIM 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: 52px 0 0 323px;
	z-index:2;
}
.footerMainMenu a {
	position:relative;
	padding:4px 15px;
	display:inline-block;
	color: #ffffff;
	font-family:"Barlow", sans-serif;
	font-weight:600;
	letter-spacing:-0.02em;
	font-size:.80em;
}
.footerMainMenu a:hover {color:#1c3ca4; text-decoration:underline;}






/* 07WEBTASARIM 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;
}

.takipet {
	color: #fff;
    font-size: 20px;
    position: absolute;
    font-weight: 600;
    margin: 22px 0 0 192px;
    border: solid 2px #fccde1;
    height: 36px;
    border-radius: 5px;
    width: 181px;
    text-align: center;
    line-height: 33px;
	
}

.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: 46%;
    left: -50px;
}

.welcome-thumb-3 {
    top: 389%;
    left: 86%;
}

.welcome-thumb-4 {
    top: -47%;
    right: -146px;
}

.welcome-thumb-5 {
    top: 10%;
    left: 63%;
}

.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
}
.hakkimizda{
	color: #e7ebea;
	font-size: 20px;
	font-weight: 600;
	margin: 62px 0 0 97px;
	font-family: sans-serif;
	position: absolute;
	background: #00000096;
	width: 200px;
	border-radius: 50px;
	text-align: center;
	height: 30px;
}
.bizkimiz{
	color: #fff;
	width: 271px;
	font-size: 17px;
	font-weight: 500;
	margin: 109px 0 0 75px;
	position: absolute;
}

/*12.1 Footer Social*/
.social ul li {
	display: inline-block;
	margin-right: 15px
}

.social ul li:last-child {
	margin-right: 0
}

.social ul li a {
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s;
}

.social ul li a:hover {
	color: #85FF7F
}
.social{
	margin: 225px 0 0 307px;
	position: absolute;
}

/* 07WEBTASARIM ONLINE UYELER */
.online_uyeler1 {width: 376px;height:780px;position:relative;left: 409px;float:left;top: 14px;}
.online_uyeler1 div {margin-top:95px;}
.online_uyeler1 h3 {color:#fff;position:absolute;font-weight:700;font-size:1.30em;letter-spacing:-0.03em;margin: 48px 0 0 13px;background: #00000094;border-radius: 50px;width: 279px;text-align: center;height: 30px;}
.online_uyeler1 h3 span {font-weight:300;}
.online_uyeler1 h3:hover {}
.online_uyeler1 div img {
	position:relative;
	width:90px;
	height:90px;
	margin:0 5px 5px 0;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 50px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-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 20px 0 rgba(59,7,92,.4);
	box-shadow: 0 10px 20px 0 rgba(59,7,92,.4);
	border: solid 2px #fff;
}
.online_uyeler1 div img:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	
	border:solid 5px #fff;
	-webkit-box-shadow: 0 15px 50px 0 rgba(59,7,92,.8);
	box-shadow: 0 15px 50px 0 rgba(59,7,92,.9);
	
	z-index:3;
}
.animate-border2 {
    position: absolute;
    display: block;
    width: 191px;
    height: 3px;
    background: #711e6d;
    overflow: hidden;
    margin: 75px 0 0 58px;
}
.animate-border2: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);
    }
}

.footer_skype a {
	font-size: 15px;
	color: #ffffff;
	font-family:"Barlow", sans-serif;
	font-weight:700;
	position:absolute;
	margin-top: 127px;
	right: 29px;
}
.footer_skype a:hover {color:#1c3ca4;}



.footer_adres a {
	font-size: 14px;
	color: #ffffff;
	font-family:"Barlow", sans-serif;
	font-weight:700;
	position:absolute;
	margin-top: 155px;
	right: 24px;
}
.footer_adres a:hover {color:#1c3ca4;}

.footer_panelci a {
	font-size: 14px;
	color: #ffffff;
	font-family:"Barlow", sans-serif;
	font-weight:700;
	position:absolute;
	margin-top: 180px;
	right: 2px;
}
.footer_panelci a:hover {color:#1c3ca4;}



.animate-border3 {
    position: absolute;
    display: block;
    width: 127px;
    height: 3px;
    background: #711e6d;
    overflow: hidden;
    margin: 89px 0 0 133px;
}
.animate-border3: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);
    }

.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;}
.Cswebtasarimvideo{padding: 0px 0;margin: -336px 0 0 639px;position: absolute;}
.Cswebtasarimvideo h1{display: block;color: #000000;text-align: center;position: relative;font-size: 34px;}
.Cswebtasarimvideo h1:before{content: "";position: absolute;left: 9px;width: 372px;height: 2px;background: url(../img/border-left.png) no-repeat;top: 50%;}
.Cswebtasarimvideo h1:after{content: "";position: absolute;right: 9px;width: 372px;height: 2px;background: url(../img/border-right.png) no-repeat;top: 50%;}
.Cswebtasarimvideo ul{padding: 20px 0;display: inline-block;}
.Cswebtasarimvideo 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;}
.Cswebtasarimvideo ul li img{width: 295px;height: 195px}
.Cswebtasarimvideo ul li:hover{transform: scale(1.1);}
.Cswebtasarimvideo div.kat_kaps{color:#fff;position: absolute;top: 117px;z-index:0;left:-14px;width: 274px;height: 60px;/* background: url(../images/demo/hizmetbtn.png); */}
.Cswebtasarimvideo div a{text-decoration: none;color: #fff;font-size: 14px}
.Cswebtasarimvideo 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;}
.lisans {
	color: #fff;
	position: absolute;
	font-weight: 500;
	margin: 351px 0 0 221px;
	text-align: center;
}

.tasarimci {
	color: #fff;
	position: absolute;
	font-weight: 500;
	margin: 351px 0 0 798px;
	text-align: center;
}