.query_rule {color:#000;}

.row {width:1200px;}

.header {
	   background: rgba(0, 0, 0, 0.35);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 7990;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.top-stats span {
    float: left;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.small i { font-size: 0.8rem; }
.medium i { font-size: 1rem; }
.large i { font-size: 1.2rem; }
#call-to-actions{
position: relative;
}
#call-to-actions::after, #footer::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 13px;
    background: url(/uploads/div-circle.png) no-repeat center top;
    background-size: auto 100%;
}
#footer{
	
position: relative;
	
}


label.inline {
    line-height: 2px;
    margin: 0 0 12px 0;
}

.avatar-cift{
	float:left;
	max-width:200px;
	
}
.prev_carousel, .next_carousel {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;
    margin-top: -25px;
    background-color: #FFF;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 1000;
    transition: all 0.2s ease;
    border-radius: 2px;
    background: #FFF url(/uploads/arrow-left.png) no-repeat center center;
    background-size: auto 30px;
    opacity: 0.6;
}

.next_carousel {
    right: 0;
    background-image: url(/uploads/arrow-right.png);
}

		.button.girisyap {
    background-color: #fd4859;
    color: #fafafa;
    border: 1px solid #ce2434;
}				
.button.user-but {
	position:relative;
	 background-color: transparent;
    color: #696969;
    border: 1px solid transparent !important;
}	

.button.user-but b {
	position:absolute;

	z-index:999;
	width:2.5rem;

	background-color: #025ba8;
    color: #fafafa;
    border: 1px solid #025ba8;
}	

.button.user-but:hover {

    background-color: transparent;
    color: #000;
	z-index:99999;
   
    border-top: 1px solid #e66400 !important; 
}		
.girisyap:hover {
    background-color: #fd4859 !important;
    color: #fafafa !important;
    border: 1px solid #ce2434 !important;
}
			.list_carousel {
				width: 100%;
				position:relative;
				margin-bottom:50px;
				height:150px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
			    text-align: left;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
				height:150px;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			
			.space-b-12 {
    margin-bottom: 10px;
}




.page-title::after {
    content: "";
    float: left;
    width: 100%;
    height: 14px;
    margin-top: 20px;
    background: url(/uploads/gs-spacer.png) no-repeat center;
    background-size: auto 100%;
	margin-bottom:18px;
}

.anasayfa-slogan h1 {
    display: block;
    font-size: 26px;
    font-weight: bold;
    line-height: 34px;
	color:#fff;
	margin-bottom: 0px; 
}
.anasayfa-slogan {
    position: absolute;
    left: 390px;
    right: 30%;
    bottom: 40px;
    font-size: 20px;
    z-index: 10;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
		color:#fff;
}

.form-search .button{
	
	
	background: #f0df0e;
    border: 1px solid #f0df0e;
	color:#000;
}

.form-search:hover .button:hover{
	
	background: rgb(255, 213, 170);
    border: 1px solid rgb(255, 213, 170);
	color:#000;
	
	
	}
	
	.b-title{
	text-align:center;

    width: 100%;
    padding: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #a6540c;
    line-height: 34px;
    letter-spacing: -0.2px;
    text-shadow: 0 2px 0 rgba(250, 250, 250, 0.5);
    position: relative;
		
		
	}
	.link-photo {
    position: relative;

	}
	.link-photo .link-upload {
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 999;
    position: absolute;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    border-radius: 0;
}

.top-bar ul > li.has-dropdown .dropdown li a{

	background:#f1f1f1;
	color:#000 !important;
	font-weight:400;
	
    border-bottom: 1px solid #f9f9f9;

}


.top-bar .dropdown{
	
	
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 2px 2px;
	
}
.user_name{
	color:#fff !important;
	line-height:32px! important;
	
	
	
	
}

.top-avatar {
    float: right;
    height: 65px;
 
    cursor: pointer;
    color: #FFF;
    line-height: 45px;
}

.top-avatar span {
    float: left;
    padding-right: 15px;
	 background: url(/uploads/down.png) no-repeat right center;
  
    background-size: auto 4px;
}
.top-avatar img {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 50%;
}

.top-bar a{
	
	color:#fff !important;
}

.header-user-bg{
	background:url(/themes/evlilik/assets/images/header.jpg);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	
}







button {
  position: relative;
  display:block;
  height: 45px;
  width: 150px;
  margin: 10px 7px;
  padding: 5px 5px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #383736;
  border: 2px #383736 solid;
  border-radius: 4px;
  text-transform: uppercase;
  outline: 0;
  overflow:hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

.fill:hover {
  color: whitesmoke;
}

.fill:before {
  content: "";
  position: absolute;
  background: #383736;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.fill:hover:before {
  top: 0;
}

.fade:before{
  content:"→";
  position:absolute;
  color:#383736;
  left: 88%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
}

.fade:hover:before{
  left:91%;
  opacity:1;
}

.fade:hover {
  border: 0px #fff solid;
  -webkit-transform: scale(1.04,1.04);
  -webkit-transition: border 0.3s ease-out;
  -webkit-transition: transform 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.arrow{
  text-align:left;
  padding-left:17px;
}

.arrow:before{
  content:"→";
  position:absolute;
  color:#383736;
  left: 83%;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.arrow:hover:before{
  left:84%;
  opacity:1;
}

.arrow:hover {
  width:170px;
}


.slide:after{

  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide:before {
  content:"Mesajlar";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-100%;
  bottom:1.5rem;
  opacity: 0;
  font-weight:bold;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.slide2:after{

  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide2:before {
  content:"Favoriler";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-100%;
  bottom:1.5rem;
  opacity: 0;
  font-weight:bold;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.slide3:after{

  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide3:before {
  content:"Hediyeler";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-100%;
  bottom:1.5rem;
  opacity: 0;
  font-weight:bold;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.slide4:after{

  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide4:before {
  content:"Gülümseme";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-100%;
  bottom:1.5rem;
  opacity: 0;
  font-weight:bold;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.slide5:after{

  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide5:before {
  content:"Gezenler";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-100%;
  bottom:1.5rem;
  opacity: 0;
  font-weight:bold;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide:hover{
  background:#383736;
}

.slide:hover:before{
  left:0;
  opacity:1;
  color:#fff;
}
.slide:hover:after{
  left:100%;
  opacity:0;
}

.slide.left:hover{
  background:none;
}

.slide.left:before {
  left:100%;
  color:#383736;
  -webkit-transition: all 425ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide.left:hover:before{
  left:0;
}

.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li{
	
	width:15%;
	
}



.targetLayer{
width:100%;
height:150px;
text-align:center;
line-height:100px;
font-weight: bold;
color: #C0C0C0;
background-color: #F0E8E0;
overflow:hidden;
background-position: center;
    background-size: cover;

}


.targetLayer img{
	width:100%;
	height:100%;

}

.btnSubmit {
background-color: #3FA849;
padding:4px;
border: #3FA849 1px solid;
color: #FFFFFF;
}
.inputFile {
padding: 3px;
background-color: #FFFFFF;
}


.kutu-baslik {
    cursor: default;
    color: #3c3c3c;
    background: #2ba6cb;
    border-left: none;
    border-right: none;
    font-weight: normal;
    border-bottom: 2px solid #2ba6cb;text-align:center;
	font-size:1.7rem;
	color:#fff;

}

.kutu-baslik:after {
    content: "\00a0";
    position: absolute;
    bottom: -5px;
	
    left: 50%;
    margin: 0;
    margin-left: -5px;
    border-top: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2ba6cb;
    padding: 0;
    width: 0;
    height: 0;
}

.file-input {
  color: transparent;
}
.file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.file-input::before {
  content: 'Resim Seç';
  color: #f9f9f9;
  display: inline-block;
  background: #2ba6cb;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 10pt;
}
.file-input:hover::before {
  border-color: black;
}
.file-input:active {
  outline: 0;
}
.file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

.my_photo_list  li{
font-size:16px !important;
}


.icon-online {
    position: absolute;
    top: 0px;
    left: -2px;
    width: 18px;
    height: 18px;
    background-color: #2DC66D;
    border: 3px solid #FFF;
    border-radius: 50%;
    z-index: 10;
	
}
.reg-form-details{
	
	color:#fff;
	
}