/*
Theme Name: Coder.Ceo purple sohbet teması
Theme URI: https://coder.ceo/purple
Author: Coder.Ceo Ali Bozkurt
Author URI: https://coder.ceo
Description: 2016 Eylül ayında kodlanmaya başlayan wordperss purple sohbet teması.
Version: 1.0
License: Coder.Ceo Licence ırc.com sohbet teması
License URI: htts://coder.ceo/licenses/purple
Tags: chat teması, sohbet teması, sohbet chat, wordperss sohbet teması
Merhaba, coder.ceo wordpress sohbet teması ürünlerinden purple sürümünü kullanıyorsunuz. Destek ve detaylı bilgi için info@coder.ceo adresine email gönderiniz.
*/
@charset "utf-8";
/* purple tema CSS Document */
/* Coder Ali Bozkurt */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100);
body {
	background-color:#cc0966;
  	}
@media (min-width: 992px) {
  body {
	background:#FFF;
  }
}
p{font-family: 'Open Sans', sans-serif; font-size:16px; color: #666;margin: 0 0 10px;}
.p0 {padding-left:0px;padding-right:0px;}
a{-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration: 0.3s;}
a:hover{
	text-decoration:none;
	}
.top-column{
	min-height:180px;
	background: url(images/header_bg.png) no-repeat;
	background-position: center top;
	}
.logo{
	position:relative;
	width:200px;
	height:100px;
	z-index:2000;
	margin:auto;
	}
@media (min-width: 992px) {
 .logo {
	margin-left:15px;
  }
}
.sosbox{
	width:210px;
	min-height:50px;
	margin:auto;
	margin-top:10px;
	}
@media (min-width: 992px) {
 .sosbox {
	float:right;
	margin-right:30px;
  }
}
.sosbox-icon{
	float:left;
	width:40px;
	height:40px;
	border-radius:60%;
	background-image: linear-gradient(to bottom,#ffa412,#f39706);
	box-shadow: rgba(0, 0, 0, 0.27451) 0px 3px 6px;
	margin-left:10px;
	text-align:center;
	padding-top:10px;
	}
.sosbox-icon a{
	color:#FFF;
	}
.sosbox-icon a:hover{
	text-decoration:none;
	opacity:0.9;
	}
.sosbox-icon-1{
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	}
.sosbox-icon-2{
	background-image: linear-gradient(to bottom,#70e908,#59c000);
	}
.sosbox-icon-3{
	background-image: linear-gradient(to bottom,#916c9a,#654b6b);
	}
.left-column{
	width:100%;
	position:relative;
  min-height:330px;
  background:url(images/t-bg.png) no-repeat #cc0966;
  background-position:top;
  background-size:contain;
	}
@media (min-width: 992px) {
  .left-column {
	  width:395px;
	  margin-top:-180px;
	  height:930px;
	  background:url(images/left.png) no-repeat; background-position:left; background-size:cover; z-index:1100;
	  left:-80px;
  }
}
.left-column-box{
	width:160px;
	min-height:70px;
	margin:auto;
	}
@media (min-width: 992px) {
 .left-column-box {
	width:305px;
	margin-left:80px;
  }
}
.left-column-box-left{
	font: bold 20px/20px 'Open Sans', sans-serif; color:#FFF;
	float:left;
	width:60px;
	height:60px;
	border-radius:60%;
	background-image: linear-gradient(to bottom,#ffa412,#f39706);
	margin-left:15px;
	margin-top:100px;
	box-shadow: rgba(0, 0, 0, 0.27451) 0px 3px 6px;
	text-align:center;
	padding-top:18px;
	margin-bottom:50px;
	}
.left-column-box-left a{
	color:#FFF;
	}
.left-column-box-left a:hover{
	opacity:0.9;
	}
@media (min-width: 992px) {
 .left-column-box-left {
	margin-top:150px;
  }
}
.left-column-box-left1{
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	}
.left-column-box-left2{
	background-image: linear-gradient(to bottom,#70e908,#59c000);
	padding-top:16px;
	}	
#toggle {
  display: block;
  width: 18px;
  height: 5px;
  margin:auto;
  padding-top:10px;
  padding-bottom:11px;
}
#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -5px;
}
#toggle span:after{
  top: 5px;
}
#toggle span {
  position: relative;
  display: block;
}
#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 4px;
  background-color: #FFF;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}
/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(2px, 2px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(5px, -6px);
}
#toggle.on + #menu {
  opacity: 1;
  visibility: visible;
}
/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(2px, 2px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(5px, -6px);
}
#toggle.on + #menu {
  opacity: 1;
  visibility: visible;
}
/* menu appearance*/
#menu {
	position:relative;
  color: #000;
  width: 100px;
  padding: 10px;
  margin-top:24px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  border-radius: 4px;
 background-image: linear-gradient(to bottom,#f7107e,#cc0966);
  opacity:0;
  visibility: hidden;
  transition: opacity .4s;
  margin-left:-15px;
  -webkit-box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
 font-size:11px;
 border-bottom-left-radius:20px;
 border-bottom-right-radius:20px;
}
#menu ul.children {
    padding: 0px 0px 0px 0px !important;
}
#menu:after {
  position: absolute;
  top: -15px;
  left:30px;
  content: "";
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #f7107e;
}
#menu ul, li, li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
#menu li a {
  padding: 5px;
  color: #FFF;
  text-decoration: none;
  transition: all .2s;
}
#menu li a:hover,
#menu li a:focus {
  opacity:0.7;
  color: #000;
  text-decoration:none;
}
.love-chat{
	position:absolute;
	width:380px;
	min-height:380px;
	background:url(images/t-bg.png) no-repeat #cc0966;
	background-position:right bottom;
	background-size:contain;
	border-top-right-radius:60%;
	border-bottom-right-radius:60%;
	border-bottom-left-radius:60%;
	margin:auto;
	margin-left:225px;
	margin-top:-180px;
	box-shadow: 0px 0 51px 25px rgba(0, 0, 0, 0.1);
	z-index:1;
	}
.site-search{
	font-family: 'Open Sans', sans-serif;
	width:182px;
	height:50px;
	margin-left:90px;
	font-size:11px;
	}
.site-search:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
}
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	box-shadow: 0px 0 51px 25px rgba(0, 0, 0, 0.1);
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}
input[type=search] {
	background: #ffa412 url(images/search-icon.png) no-repeat 9px center;
	padding: 9px 10px 9px 32px;
	width: 180px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	border:none;
	
}
input[type=search]:focus {
	width: 180px;
	background:#f39706;
	border:none;
	
}
input:-moz-placeholder {
	color: #FFF;
}
input::-webkit-input-placeholder {
	color: #FFF;
}
.chat-title{
	width:100%;
	min-height:100px;
	margin:auto;
	margin-top:-200px;
	text-align:center;
	margin-bottom:50px;
	margin-top:-230px;
	}
@media (min-width: 992px) {
 .chat-title {
	width:350px;
	margin-top:-60px;
	margin-left:10px;
	margin-bottom:1px;
  }
}
.chat-title h1{
	font:bold 40px/30px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #000;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}
.chat-login{
	position:relative;
	width:100%;
	min-height:100px;
	margin-top:-100px;
	}
@media (min-width: 1200px) {
 .chat-login {
	width:520px;
  }
}
@media (min-width: 992px) {
 .chat-login {
	margin-top:-40px;
  }
}
.user-box{
	width:155px;
	height:50px;
	margin:auto;
	border-radius:38px;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	margin-bottom:15px;
	}
@media (min-width: 1200px) {
 .user-box {
	width:180px;
  }
}
@media (min-width: 992px) {
 .user-box {
	float:left;
	margin-left:15px;
  }
}
.user-icon{
	float:left;
	width:30px;
	height:30px;
	border-radius:60%;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	margin-left:15px;
	background-color:#FFF;
	margin-top:8px;
	text-align:center;
	padding-top:5px;
	color:#f7107e;
	}
.user-input{
	width:90px;
	height:30px;
	background:none;
	float:left;
	text-align:left;
	padding-left:3px;
	}
@media (min-width: 1200px) {
 .user-input {
	width:110px;
  }
}
@import url(https://fonts.googleapis.com/css?family=Raleway);
	.input{
	font-family: 'Raleway', sans-serif;
	width:90px;
	height:30px;
	background:none;
	border:none;
	text-align:left;
	padding-left:10px;
	outline:none;
	margin-top:8px;
	color:#FFF;
	font-size:18px;
	}
@media (min-width: 1200px) {
 .input {
	width:110px;
	font-size:22px;
  }
}
.user-input input:-moz-placeholder {
	color: #FFF;
}
.user-input input::-webkit-input-placeholder {
	color: #FFF;
}
.bagladim{
	width:100px;
	height:50px;
	margin:auto;
	}
@media (min-width: 992px) {
 .bagladim {
	float:left;
	margin-left:15px;
  }
}
.bagla-box{
	font-family: 'Raleway', sans-serif;
	width:100px;
	height:50px;
	border-radius:38px;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	margin-bottom:15px;
	border:none;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	}
@media (min-width: 992px) {
 .bagla-box {
	 width:100px;
	height:50px;
	float:left;
	margin-left:15px;
  }
}
.bagla-box:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
  background-image: linear-gradient(to bottom,#cc0966,#f7107e);
}
.hint{
	font-family: 'Raleway', sans-serif;
	width:200px;
	height:35px;
	margin:auto;
	margin-bottom:15px;
	text-align:center;
	font-size:11px;
	padding-top:5px;
	}
.odalarim{
	width:550px;
	min-height:120px;
	border-radius:22px;
	margin-top:-20px;
	}
	
.odalarbox{
	float:left;
	width:110px;
	height:34px;
	border-radius:28px;
	margin-left:10px;
	text-align:left;
	padding-top:3px;
	margin-bottom:10px;
	font-size:12px;
	padding-left:10px;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	background:#FFF;
	}
@media (min-width: 768px) {
  .odalarbox{
	margin-left:20px;
	
  }
}	
.odalarbox:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
}
.group-checkbox {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  vertical-align:middle;
  cursor: pointer;
}
.group-checkbox i {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 3px solid #FFF;
  border-radius: 60%;
  vertical-align:bottom;
  box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
  background:#cc0966;
  margin-right:4px;
}
.group-checkbox input {
  position: absolute;
  top: 0; left: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.group-checkbox input:checked ~ i:after {
  content: '\2713';
  position: absolute;
  top: 5px; left: 4px;
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  color: #FFF;
}
.group-checkbox input:checked ~ i {
  border-color: #FFF;
}
.checked {
  position: relative;
  color: #ff9900;
  text-decoration: line-through;
}	
.box{
	width:332px;
	height:332px;
	background-image: linear-gradient(to bottom,#ffa412,#ff6000);
	 border-radius:60%;
	 margin-left:-80px;
	  box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	  margin-top:10px;
	  padding-top:39px;
	}
	@media (min-width: 1200px) {
 .box{
	 margin:auto;
  }
}
.box1{
	width:250px;
	height:250px;
	 background-image: linear-gradient(to bottom,#70e908,#59c000);
	 border-radius:60%;
	 margin-left:50px;
	 margin-top:50px;
	  box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	  padding-top:40px;
	}
.box2{
	font-family: 'Raleway', sans-serif;
	width:115px;
	height:40px;
	position:fixed;
	right:0;
	margin-right:-5px;
	background-image: linear-gradient(to bottom,#916c9a,#654b6b);
	border-top-left-radius:38px;
	border-bottom-left-radius:38px;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	 margin-top:-270px;
	 padding-top:10px;
	 color:#FFF;
	 text-align:center;
	 font-size:12px;
	 font-weight:bold;
	}
	.box2 a{
		color:#FFF;
		}
	.box2 a:hover{
		opacity:0.9;
		text-decoration:none;
		}
.box3{
	font-family: 'Raleway', sans-serif;
	width:118px;
	height:40px;
	position:fixed;
	right:0;
	margin-right:-8px;
	 background-image: linear-gradient(to bottom,#ffa412,#f39706);
	 border-top-left-radius:38px;
	border-bottom-left-radius:38px;
	 margin-top:-210px;
	 font-size:12px;
	 font-weight:bold;
	 text-align:center;
	 color:#FFF;
	 padding-top:10px;
	 box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}
.box3 i{
	font-size:18px;
	}
.box3 a{
	color:#FFF;
	}
.box3 a:hover{
	text-decoration:none;
	opacity:0.9;
	}
.box4{
	font-family: 'Raleway', sans-serif;
	width:118px;
	height:40px;
	position:fixed;
	right:0;
	margin-right:-8px;
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	border-top-left-radius:38px;
	border-bottom-left-radius:38px;
	 margin-top:-150px;
	 font-size:12px;
	 font-weight:bold;
	 text-align:center;
	 color:#FFF;
	 padding-top:10px;
	 box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}
.box4 i{
	font-size:18px;
	}
.box4 a{
	color:#FFF;
	}
.box4 a:hover{
	text-decoration:none;
	opacity:0.9;
	}
.box5{
	font-family: 'Raleway', sans-serif;
	width:118px;
	height:40px;
	position:fixed;
	right:0;
	margin-right:-8px;
	 background-image: linear-gradient(to bottom,#70e908,#59c000);
	 border-top-left-radius:38px;
	border-bottom-left-radius:38px;
	 margin-top:-90px;
	 font-size:12px;
	 font-weight:bold;
	 text-align:center;
	 color:#FFF;
	 padding-top:10px;
	 box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}

.box5 a{
	color:#FFF;
	}
.box5 a:hover{
	text-decoration:none;
	opacity:0.9;
	}
.box6{
	width:210px;
	height:210px;
	 box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	 background-image: linear-gradient(to bottom,#cc0966,#f7107e);
	 border-radius:60%;
	 margin-right:-80px;
	 margin-top:-10px;
	 padding-top:45px;
	 float:right;
	}
@media (min-width: 1200px) {
 .box6 {
	 margin-left:20px;
	 float:left;
  }
}
.box-yazi{
	width:262px;
	min-height:80px;
	margin:auto;
	padding-left:2px;
	}
.box-sol{
	float:left;
	margin-left:5px;
	}
.box-yazi-img{
	float:left;
	margin-right:5px;
	}
.box-yazi-time{
	font-size:11px;
	color:#FFF;
	}
.box-yazi-title{
	width:160px;
	min-height:20px;
	font:bold 13px/13px 'Open Sans', sans-serif; color:#FFF;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	padding-top:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	float:left;
	margin-bottom:5px;
	}
.box-yazi-title a{
	color:#FFF;
	}
.box-yazi p{
	width:240px;
	min-height:30px;
	font-size:11px;
	color:#000;
	text-align:center;
	padding-top:3px;
	}
.box1-yazi{
	width:230px;
	min-height:160px;
	margin:auto;
	}
.box1-yazi-title{
	width:220px;
	min-height:20px;
	margin:auto;
	font:bold 13px/13px 'Open Sans', sans-serif; color:#FFF;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	padding-top:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-bottom:5px;
	}
.box1-yazi-title a{
	color:#FFF;
	}
.box1-yazi-title a:hover{
	text-decoration:none;
	opacity:0.9;
	}
.box1-yazi img{
	margin-bottom:10px;
	}
.box1-yazi-ic{
	width:220px;
	min-height:30px;
	margin:auto;
	}
.box1-yazi-ic p{
	font-size:12px;
	text-align:center;
	color:#000;
	}
.yazi-link{
	font:bold 12px/12px 'Open Sans', sans-serif; color:#FFF;
	width:170px;
	min-height:25px;
	margin:auto;
	padding:5px;
	text-align:center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.yazi-link a{
	color:#FFF;
	}

box-yazi1{
	width:230px;
	min-height:80px;
	margin:auto;
	padding-left:2px;
	}
.box-sol{
	float:left;
	margin-left:5px;
	}
.box-yazi-img1{
	float:left;
	margin-right:5px;
	margin-left:10px;
	}
.box-yazi-title1{
	width:140px;
	min-height:20px;
	font:bold 13px/13px 'Open Sans', sans-serif; color:#FFF;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	padding-top:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	float:left;
	margin-bottom:5px;
	}
.box-yazi-title1 a{
	color:#FFF;
	}
.box-yazi1 p{
	width:230px;
	min-height:80px;
	font-size:11px;
	color:#000;
	text-align:center;
	padding-top:3px;
	}
.home-blog-title{
	width:250px;
	min-height:35px;
	margin-left:90px;
	margin-top:80px;
	}
.home-blog-title h2{
	font:bold 30px/40px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #FFF;
	}
.box-top {
	margin-top:-500px;
	}
.footer-alan{
	position:relative;
	 background:url(images/f1o.png) no-repeat;
	 background-size:cover; 
	 width:100%;
	 height:230px;
	 float:right;
	 margin-top:130px;
	 background-position:right bottom;
	 padding-top:125px;
	}
@media (min-width: 992px) {
 .footer-alan {
	 background:url(images/f1o.png) no-repeat;
	 background-size:cover; 
	 width:900px;
	 height:230px;
	 float:right; 
	 margin-top:-230px;
  }
}
.footer-box{
	font:13px/16px 'Open Sans', sans-serif; color:#000;
	width:90%;
	min-height:50px;
	float:right;
	text-align:center;
	padding-right:15px;
	}
@media (min-width: 992px) {
 .footer-box {
	 width:540px;
  }
}
.box-footer-box{
	font:bold 15px/15px 'Open Sans', sans-serif; color:#000;
	float:left;
	width:90px;
	height:40px;
	border-radius:8px;
	background-image: linear-gradient(to bottom,#cc0966,#f7107e);
	margin-left:10px;
	-webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	padding-top:11px;
	margin-bottom:25px;
	}
.box-footer-box a{
	color:#000;
	}
.box-footer-box1{
	background-image: linear-gradient(to bottom,#ffa412,#ff6000);
	-webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    transform: rotate(8deg);
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}
.box-footer-box2{
	background-image: linear-gradient(to bottom,#70e908,#59c000);
	-webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    transform: rotate(-18deg);
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}
.box-footer-box3{
	    background-image: linear-gradient(to bottom,#916c9a,#654b6b);
	-webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}
.box-footer-box4{
	    background-image: linear-gradient(to bottom,#FFF,#CCC);
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}
.site-info{
	font:13px/13px 'Open Sans', sans-serif; color:#000;
	text-align:center;
	}
.sabit-alan{
	position:fixed;
	 width:425px;
	  height:930px;
	  background:url(images/left.png) no-repeat; background-position:left; background-size:cover; z-index:1100;
	  left:-80px;
	  top:0;
	  bottom:0
	}
.sabit-alan-user-box{
	width:290px;
	height:50px;
	margin-left:95px;
	border-radius:38px;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	margin-bottom:25px;
	}
.sabit-alan-bagladim{
	width:200px;
	height:50px;
	margin:auto;
	}

.sabit-alan-bagla-box{
	font-family: 'Raleway', sans-serif;
	width:250px;
	height:50px;
	border-radius:38px;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	margin-bottom:15px;
	border:none;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	}
.sabit-alan-bagla-box:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
  background-image: linear-gradient(to bottom,#cc0966,#f7107e);
}
.sabit-alan-link{
	width:290px;
	min-height:80px;
	margin-left:95px;
	margin-top:50px;
	}
.sabit-alan-link-box{
	font:14px/15px 'Open Sans', sans-serif; color:#FFF;
	width:82px;
	height:82px;
	border-radius:60%;
	float:left;
	margin-left:10px;
	    background-image: linear-gradient(to bottom,#ffa412,#f39706);
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	text-align:center;
	padding-top:17px;
	}
.sabit-alan-link-box1{
  background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	}
.sabit-alan-link-box2{
 background-image: linear-gradient(to bottom,#70e908,#59c000);
	}
.sabit-alan-link-box a{
	color:#FFF;
	}
.sabit-alan-link-box i{
	font-size:20px;
	padding-bottom:2px;
	}
.nerede{
	font-family: 'Open Sans', sans-serif;
	width:98%;
	height:40px;
	 background-image: linear-gradient(to right,#cc0966,#f7107e);
	border-radius:26px;
	margin-bottom:25px;
	font-weight:bold;
	font-size:12px;
	 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	text-align:center;
	}
.nerede a{
	color:#FFF;
	}
@media (min-width: 1200px) {
  .nerede {
	  margin-left:160px;
  }
}
@media (min-width: 992px) {
  .nerede {
	width:600px;
	margin-top:-30px;
  }
}
.breadcrumb {
	font-family: 'Open Sans', sans-serif;
  padding: 10px 5px;
  margin-bottom: 2px;
  list-style: none;
  background:none;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li a {
  display: inline-block;
  color:#000;
}
.breadcrumb > li a:hover {
	text-decoration:none;
	opacity:0.9;
}
.breadcrumb > li + li:before {
  height:100px;
  padding: 0 5px;
  color: #FFF;
  content: '\e882';
  font-family: 'fontello';
}
.breadcrumb > .active {
  color: #FFF;
  font-size:11px;
}	
	
.blog-page-title{
	text-align:center;
	}
@media (min-width: 1200px) {
.blog-page-title {
	width:500px;
	margin-left:10px;
	text-align:right;
  }
}
.blog-page-title h1{
	font:bold 50px/50px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #000;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}
.blog-yazi-box{
	position:relative;
	width:99%;
	min-height:400px;
	margin:auto;
	background:#FFF;
	border-radius:4px;
	padding-bottom:50px;
	padding:20px;
	
	}
@media (min-width: 992px) {
 .blog-yazi-box {
	width:99%;
	margin-left:1px;
  }
}
.blogbox{
	width:100%;
	min-height:205px;
	margin:auto;
	margin-bottom:40px;
	border-radius:8px;
	padding-top:30px;
	}
.blogbox a{
	 font:bold 20px/25px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#000;
	}
@media (min-width: 768px) {
  .blogbox {
	  margin-bottom:40px;
  }
}
.blogic{
	width:98%;
	min-height:300px;
	margin:auto;
	text-align:center;
	}
@media (min-width: 1200px) {
  .blogic {
	  margin-left:110px;
  }
}
@media (min-width: 992px) {
  .blogic {
	  width:690px;
  }
}

@media (min-width: 992px) {
.blogbox img{
	float:left;
	}

.blog-titlem-page{
	font:bold 20px/25px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#000;
	width:100%;
	min-height:30px;
	text-align:center;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	}
	@media (min-width: 992px) {
 .blog-titlem-page {
	 width:365px;
	 float:left;
  }
}
.blog-titlem-page a{
	color:#000;
	}
.blog-titlem-page a:hover{
	color:#CCC;
	text-decoration:none;
	}
.blogic-yazi{
	width:98%;
	min-height:40px;
	margin:auto;
	font-size:16px; text-align:center; padding:20px;}
.blogic img{
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	}
.blogicbox{
	margin-top:20px;
	}
@media (min-width: 992px) {
 .blogicbox{
	 margin-top:-50px;
  }
}
.ic-sayfam-title{
	width:99%;
	min-height:30px;
	}
.ic-sayfam-title h1{
	font:bold 40px/40px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #000;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	text-align:center;
	padding-bottom:30px;
	}
@media (min-width: 992px) {
.ic-sayfam-title h1{
	text-align:left;
  }
}
.icsayfa-ic{
	padding:10px;
	min-height:300px;
	margin-bottom:90px;
	}
.icsayfa-ic img{
	float:left;
	box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	margin-right:15px;
	}
.icsayfa-ic p{
	padding-top:25px;
	}
.yazim-ic-inf{
	width:98%;
	min-height:60px;
	margin-bottom:10px;
	color:#FFF;
	}
@media (min-width: 768px) {
  .yazim-ic-inf {
	  width:660px;
  }
}
.yazim-ic-infbox{
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	font-family: 'Open Sans', sans-serif;
	width:115px;
	min-height:32px;
	margin:auto;
	margin-bottom:10px;
	border-radius:28px;
	 box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
	font-weight:bold;
	font-size:11px;
	text-align:center;
	padding-top:8px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
@media (min-width: 768px) {
  .yazim-ic-infbox {
	  margin-left:10px;
	  float:left;
  }
}
.yazim-ic-infbox a{
	color:#FFF;
	}
.yazim-ic-infbox a:hover{
	color:#CCC;
	opacity:0.9;
	text-decoration:none;
	}
.onceki-yazim{
	width:98%;
	min-height:30px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#000;
	padding-left:15px;
	margin-bottom:5px;
	}
.onceki-yazim i{
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
	}
.onceki-yazim a{
	color:#cc0966;
	font-size:14px;
	}
.onceki-yazim a:hover{
	color:#000;
	}
	
.paylas{
	position:relative;
	width:98%;
	min-height:60px;
	margin-bottom:20px;
	}
@media (min-width: 768px) {
  .paylas {
	  width:495px;
	  margin:auto;
	  margin-top:15px;
  }
}
.paylasinf{
	font-family: 'Open Sans', sans-serif;
	width:115px;
	height:20px;
	margin-bottom:30px;
	font-size:16px;
	font-weight:bold;
	padding-left:25px;
	float:left;
	margin-top:6px;
	}
.paylasinf i{
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
	color:#cc0966;
	font-size:20px;
	}
.paylasbox{
	font-family: 'Open Sans', sans-serif;
	width:150px;
	height:39px;
	margin:auto;
	margin-bottom:10px;
	border-radius:38px;
	background:#3b5998;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding-top:6px;
	}
@media (min-width: 768px) {
  .paylasbox {
	  float:left;
	  margin-left:15px;
  }
}
.paylasbox a{
	color:#FFF;
	}
.paylasbox a:hover{
	color:#FFF;
	text-decoration:none;
	opacity:0.8;
	}
.paylasbox i {
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
	font-size:20px;
	}
.paylasbox1{
	background:#32cdfd;
	}
.paylasbox2{
	background:#cf1515;
	}
.paylasbox3{
	background:#76433f;
	}
.benzer-alan{
	width:98%;
	min-height:220px;
	margin:auto;
	margin-top:-90px;
	}
@media (min-width: 992px) {
  .benzer-alan {
	 width:740px;
  }
}	
.benzer-box{
	width:220px;
	height:220px;
	border-radius:60%;
	-webkit-box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
	border:5px solid #FFF;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
	}
@media (min-width: 992px) {
  .benzer-box {
	 margin-left:25px;
	
  }
}	
@media (min-width: 768px) {
  .benzer-box {
	 float:left;
	margin-top:25px;
	
	
  }
}	
.benzer-box:nth-child(1){
	background-image: linear-gradient(to bottom,#ffa412,#f39706);
	}
.benzer-box:nth-child(2){
	background-image: linear-gradient(to bottom,#f7107e,#cc0966);
	}
.benzer-box:nth-child(3){
	background-image: linear-gradient(to bottom,#70e908,#59c000);
	}	
.benzer-box img{
	-webkit-box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 9px 20px 5px rgba(0, 0, 0, 0.15);
	border:4px solid #FFF;
	margin-top:-10px;
	}	
.benzer-box-title{
	font-family: 'Raleway', sans-serif;
	width:190px;
	height:20px;
	margin:auto;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align:center;
	color:#FFF;
	text-align:center;
	font-size:13px;
	margin-top:10px;
	font-weight:bold;
	}
.benzer-box-title a{
	color:#FFF;
	}
.benzer-box-title a:hover{
	text-decoration:none;
	opacity:0.9;
	}
.benzer-box-ic{
	width:190px;
	min-height:50px;
	margin:auto;
	padding:3px;
	}
.benzer-box-ic p{
	text-align:center;
	font-size:12px;
	color:#FFF;
	}
.benzer-box-oku{
	position:relative;
	font-family: 'Raleway', sans-serif;
	width:60px;
	height:60px;
	font-size:12px;
	border-radius:60%;
	float:right;
	background-image:inherit;
	margin-top:-20px;
	text-align:center;
	padding-top:22px;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow: 55px 83px 21px -87px rgba(0,0,0,0.4);
    -moz-box-shadow: 55px 83px 21px -87px  rgba(0,0,0,0.4);
    box-shadow: 55px 83px 21px -87px   rgba(0,0,0,0.4);
	}
.benzer-box-oku a{
	color:#FFF;
	}
.benzer-box-oku a:hover{
	text-decoration:none;
	opacity:0.9;
}
.etiket{
	font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#000;
	width:600px;
	min-height:65px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:22px;
	padding:15px;
	text-align:center;
	}
.etiket a {
		font-size:11px;
		background:none;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		color:#000;
		border-radius:2px;
	    margin-left:5px;
	    border-radius:2px;
		box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);
		line-height:30px;
		border-radius:15px;
	}
	.etiket a:hover {
		text-decoration:none;
		color:#000;
	}
.etiket i{
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	color:#cc0966;
	font-size:17px;
	}

.yorum-alan-box{
	width:700px;
	min-height:250px;
	margin:auto;
	margin-bottom:260px;
	}
.thumbnail{
	border:none;
	border-radius:60%;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
	}
h4.kacyorum {font-weight: bold;font-size: 18px; color: #404040;line-height: 28px;margin: 15px 0;}
.yorumlarim { width:100%;margin-bottom: 25px; height:100%; border-radius:8px; background-color:#FFF;}
.yorumlarim a {color: #404040;}
.yorumavatar {float: left; margin: 15px;}
.yorumavatar img {width: 100px; height: 100px; border-radius:60%;}

.yorumkullanici h3 {font-size :13px; font-weight: bold;color: #404040; padding-top:15px; text-align:left;}
.yorumkullanici h3  i { float:left;  margin-top:3px; margin-left:30px; padding-right:5px; text-align:left;}
.yorumtarih {margin-top: 10px;margin-bottom: 14px; margin-left:30px; font-size: 10px; text-align:left;}
.yorumtarih a {color: #aaaaaa;}
i.yorumtarihikon {float: left;  width: 16px; height: 16px; display: block; margin-top: 0px; margin-right: 5px;}
.yorumyazi {font-size: 14px;color: #626262;line-height: 24px; padding-right:30px; text-align:left;}
.yorumyazi p { margin-left: 75px; text-indent: 0px; }
ul.children{ padding:0px 0px 0px 60px !important;}
.yorumlistele li {list-style: none;}
.cevapla {margin-left: 75px; font-size: 12px; margin-top: 5px; margin-bottom:35px;}
i.cevaplaikon {float: left;  no-repeat; width: 16px; height: 16px; display: block; margin-top: 0px; margin-right: 5px;}
em.yorumonay {font-size:12px;}
 .comment-reply-link{
  border-radius: 15px;
  color:#FFF;
  font-weight:bold;
text-decoration: none;
padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  margin-right:15px;
  margin-bottom:15px;
  width:70px;
  float:right;
  font-size:11px;
  border:2px solid #cc0966;
  box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);background: #FFF;
  }
.y-inf{
	font: bold 12px/12px 'Salsa', cursive;
	color:#000;
	margin-bottom:7px;
	}
/* Yorum Ekle */
#respond {overflow: hidden; background:none; padding: 10px; width: 100%;}
#respond h4 {font-family: "Oswald", sans-serif; margin-bottom: 15px; font-size: 13px;}
#respond h4 a {color: #D45255;}
#respond .comment {width: 95%; font-family: "Oswald", sans-serif; sans-serif; border: none; padding: 15px 10px 30px 15px; margin-top: 10px; border-radius:52px; box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);background: #FFF; border:2px solid #cc0966; outline:none; color:#000;}
#respond input[type='text']{float: left; border: none; border-radius:38px; padding: 8px 7px 8px 7px; margin-right: 10px; margin-left:16px; margin-bottom:20px; width:175px;border: 5px solid #FFF;box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);background: #FFF; border:2px solid #cc0966; outline:none; color:#000;}
#respond input:-moz-placeholder {
	color: #000;
}
#respond input::-webkit-input-placeholder {
	color: #000;
}
#respond input[type='submit'] { float:right;
  border-radius:28px;
  color:#000;
  font-weight:bold;
text-decoration: none;
padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  margin-right:80px;
  margin-bottom:15px;
  box-shadow: 0 16px 32px rgba(0,0,0,0.1),0 2px 10px rgba(0,0,0,0.06);background: #FFF; border:2px solid #cc0966; outline:none;
  margin-top:20px;
  }
p#yorumgiris {font-size: 13px;}
p.comment-subscription-form {display: none;}
.top{
background-image: linear-gradient(to bottom,#f7107e,#cc0966);
width: 40px;
height: 40px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
text-align:center;
bottom: 2em;
color: #FFF;
display: none;
opacity:0.9;
padding: 0.6em;
position: fixed;
right: 1.5em;
text-decoration: none;
}
.top:hover{
opacity:0.7;
transition:1s;
}