/*Theme Name: Oyla
Theme URI: www.yaoyabu.net
Description: www.yaoyabu.net Web
Version: 1.0

/*/


.row{margin:0;}
.pl-0{padding-left:0;}
.prl-0{padding-right:0; padding-left:0;}
.pr-0{padding-right:0;}
.pt-95{padding-top:95px;}
.mt-0{margin-top:0 !important;}
.pr-15{padding-left:0px; padding-right:15px !important;}
.pl-15{padding-left:15px !important; padding-right:0px;}
.mtop-0{margin-top:0;}
.mr-0{margin-right:0 !important;}
.mr-25{margin-right:25px;}
.prl-0{padding-right:0px; padding-left:0px;}

@font-face {

    font-family: 'Lato';

    src: url('./images/LatoTR.ttf');

    font-weight: normal;

    font-style: normal;



}


body{
	font-family: 'Lato', sans-serif;
}

.reklam-banner {
    width: 900px;
    background: gray;
    height: 300px;
    display: table;
    margin: 15px 0px;
    margin-left: auto;
    margin-right: auto;
}

.q-1{background:#1bb0bf !important}
.q-2{background:#86d686 !important}

nav#main-header a.logo img, nav#main-footer a.logo img {
    width: 95px;
    height: 35px;
    vertical-align: middle;
}

.send-question{
    vertical-align: middle;
    margin-top: 10px;
	border:1px solid #ff7c12;
	background:#ff7c12;
	margin-left:15px;
	margin-right:15px;
	
}

.question-title{
	Font-size:x-large;
	font-weight:600;
	margin-top:25px;
}

.question-content{margin-bottom:50px;}

.login i {
    font-size: x-large;
    margin-right: 5px;
    position: absolute;
    margin-left: -15px;
    top: 15px;
}

.featured-main-row{
    background-color:#86d686 !important;
	padding: 25px 0px;
}

.comment-sending{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.76);
    background-image: url(./images/yukleniyor.gif);
    background-position: 50% 50%;
    background-size: 10%;
    background-repeat: no-repeat;
}

.search-row{margin-top:60px;}

.featured-post{
    background: white;
    padding: 15px;
	margin-bottom:25px;
	border: 2px solid #d2d2d2;
	height:155px;
}

.form-group{
	display:table;
	width:100%;
	margin-bottom:15px;
}

.field-validation-valid{font-size:small; color:gray; margin-top:10px; display:block;}

.question-steps-single{margin-top:100px; margin-bottom:25px;}

.icon-active {
    background: #0fb4f8;
    padding: 25px;
    border-radius: 50%;
    font-size: x-large;
    color: white;
	border: 1px solid;
		transition:1.0s;
}

.icon-inactive {
    background: whitesmoke;
    padding: 25px;
    border-radius: 50%;
    font-size: x-large;
    color: gray;
	border: 1px solid;
	transition:1.0s;
}

.question-back-btn, .description-back-btn, .category-back-btn, .final-back-btn{
	margin-right:10px;
}

.question-error, .description-error, .category-error, .final-error, .comment-error{
	color:red;
	display:table;
	font-size:small;
	text-align:center;
	width:100%;
	margin-bottom:25px;
}

.step-bar{
	width:100%;
	height:5px;
	background:#efefef;
	position:Absolute;
	top:32%;
	border-radius:3px;
}

.f-header{
    font-size: small;
    color: black;
    font-weight: bold;
	padding-top:5px;
	transition:1.0s;
}

.f-header-inactive{
    font-size: small;
    color: gray;
    font-weight: normal;
	padding-top:5px;
}

.page-heading{
    text-align: center;
    margin-top: 50px;
    font-size: 50px;
	color:black;
}

.next-btn{
	padding: 15px 35px;
	background:#0fb4f8;
}

.question-input{
    margin-top: 50px;
    margin-bottom: 20px;
    width: 50% !important;
    height: 45px;
}

.personel-input{
    margin-bottom: 25px;
    width: 50% !important;
    height: 45px;
}

.comment-name-input{
    margin-bottom: 25px;
    width: 100% !important;
    height: 45px;
	background:whitesmoke;
}

.mb-50{margin-bottom:50px;}
.description-phase, .category-phase, .final-phase, .sonuc-phase{transition:1.0s; opacity:0; display:none;}

.cat-check-area{
	margin-top:50px; margin-bottom:20px;
}

#site-tabs li{
	list-style-type:none;
	text-transform:uppercase;
}

.description-input{
    margin-top: 50px;
    margin-bottom: 20px;
    width: 50% !important;
    min-height: 145px;
}

.cat-check{
	border:1px solid gray;
	background:whitesmoke;
	color:gray;
	padding:10px;
	border-radius:3px;
	margin-bottom:15px;
	font-size:smaller;
	cursor:pointer;
}

.check-active{
	background:#5bc0de ;
	color:white;
	transition:0.5s;
	border:1px solid white;
}

.cat-check .glyphicon{
	margin-right:8px;
}

.search-popup{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	background: rgba(255, 255, 255, 0.80);
	display:none;
	top:0;
	left:0;
}


.popup-close{
    color: gray;
    font-size: xx-large;
    position: absolute;
    right: 25px;
    top: 25px;
    display: table;
	cursor:pointer;
}

#search-input{
    margin-top: 20%;
    height: 60px;
    border: 0;
    font-size: x-large;
}

.soru-container{
	position:relative;
}
.label-text{
	margin-top:15px; margin-bottom:30px;
}

.q-img{
    padding-top: 40%;
    margin-left: 25%;
    margin-right: auto;
}
.q-description textarea{width:100%; height:300px;}
.login{margin-top:17px; color:gray;}

.send-q-area{background-image: url("./images/qbg.jpg"); height:300px; margin-top:50px; margin-bottom:50px;}
.send-q-area-main{background-image: url("./images/banner-main.jpg"); height:400px; margin-top:50px; margin-bottom:0px; background-position: 50% 0%;}

.addContent{padding:10px;}

.sq-banner{margin-top:100px;}
.sq-banner-main{margin-top:50px;}
.banner-text{font-size:x-large; font-weight:bold; color:white; text-shadow: 2px 2px black;}

.send-question-banner-btn{margin-top:50px; padding:15px;}

footer { background-color:#0c1a1e; min-height:350px; font-family: 'Lato', sans-serif; }
.footerleft { margin-top:50px; padding:0 36px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footerleft p { color:#fff; font-size:12px !important; font-family: 'Lato', sans-serif; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}


.paddingtop-bottom {  margin-top:50px;}
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#337ab7; }

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 
 

 
 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
 .icon-ul li { line-height:75px; width:100%; float:left;}
 .icon { float:left; margin-right:5px;}
 
 
 .copyright { min-height:40px; background-color:#000000;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
 .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}
 
 

.header {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 11;
position: fixed;
    width: 100%;
    top: 0;
    height: 54px;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px;
    -moz-box-shadow: 1px;
    box-shadow: 1px;
}

footer .sub-menu{display:none;}

.question{border:1px solid  #e6e6e6; border-radius:3px; padding:25px; margin: 25px 0px; background:whitesmoke;}

.q-title{font-size:x-large; font-weight:bold; color:white;}
.q-point{font-size:xx-large; color:gold;}
.q-count, .q-average{font-size:smaller; color:whitesmoke;}

.nav-links ul{display:none;}

#site-tabs{
	display:table;
}

#menu-mainnav, #menu-anamenu-1{
display:table;
margin:0;
padding:0;
margin-top:9px;
float: left;
}

#menu-mainnav li, #menu-anamenu-1 li{
	float:left;
	list-style-type:none;
	padding:8px;
}

#menu-mainnav li a, #menu-anamenu-1 li a{
color:black;
}

#menu-mainnav li ul, #menu-anamenu-1 li ul{
	position:absolute;
	background:white;
	padding:10px;
	float:none;
		display:none;
	transition:0.5s;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

#menu-mainnav li ul li, #menu-anamenu-1 li ul li{
	list-style-type:none;
	padding:5px;
	float:none;
	font-size:smaller;
}

#menu-mainnav li:hover .sub-menu, #menu-anamenu-1 li:hover .sub-menu {
	display:block;
}

nav#main-header div a.logo {
    width: 95px;
    height: 50px;
    display: block;
    float: left;
}

nav#main-header a.logo, nav#main-footer a.logo {
    margin-right: 20px;
    line-height: 50px;
}
/*(index):18*/
nav#main-header a.logo, nav#main-footer a.logo {
    margin-right: 20px;
    line-height: 50px;
}

nav#main-header div {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 1100px;
    margin: 0 auto;
    height: 54px;
	width: inherit;
    height: inherit;
}

div#search-panel form {
    position: relative;
    width: 115px;
	float:left;
}

div#search-panel form label.search {
    cursor: pointer;
}

div#search-panel form input {
    padding: 5px 25px 5px 10px;
   font-family: 'Lato', sans-serif;
    margin: 12px 0;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-transition: all .2s ease;
    -khtml-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    width: 115px;
    text-indent: 0;
    float: right;
    overflow: hidden;
    font-weight: 400;
    color: #8c8c8c;
	margin-right: 25px;
}

div#search-panel form label.search i.fa.fa-search:before {
    color: #8c8c8c;
    font-size: 18px;
    position: absolute;
    line-height: 54px;
    top: 0;
    right: 36px;
}

nav#main-header div section.buttons a.contribute, nav#main-header div section.buttons a.login {
    line-height: 54px;
    font-size: 12px;
    color: #424242;
}

nav#main-header div section.buttons a span.border {
    height: 30px;
    padding: 5px 10px;
    border-left-width: 1px;
    border-image: #8c8c8c;
    -webkit-border-image: -webkit-gradient(radial,0 0,0 100%,from(#8c8c8c),to(rgba(0,0,0,0))) 1 100%;
    -webkit-border-image: -webkit-radial-gradient(center,closest-side,#8c8c8c,rgba(0,0,0,0)) 1 100%;
    -o-border-image: -o-radial-gradient(#8c8c8c,rgba(0,0,0,0)) 1 100%;
    -moz-border-image: -moz-radial-gradient(#8c8c8c,rgba(0,0,0,0)) 1 100%;
}

nav#main-header div section.buttons a i.fa.fa-sign-in {
    font-size: 26px;
}

nav#main-header div section.buttons a i.fa {
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    color: #8c8c8c;
    vertical-align: middle;
}

nav#main-header div section.buttons a.contribute span.addContent, nav#main-header div section.buttons a.login span.addContent {
    margin-left: 5px;
    font-family: 'Lato', sans-serif;
}

.comment-seperator{
	margin-bottom:25px;
	margin-top:25px;
	font-size:x-large;
	font-weight:bold;
	border-bottom:1px solid #0fb4f8;
	padding-bottom:25px;
}

.featured-headline{
	margin-top:25px;
	font-size:xx-large;
	padding-bottom:15px;
}

.question li
{
  cursor: default;
  display: inline-block;
  list-style-type: none;
    font-size: xx-large;
	cursor:pointer;

}

.rating{
	    padding: 0 !important;
	margin: 0 !important;
}

.star,
.rating:not(.vote-cast):hover .star:hover ~ .star,
.rating.vote-cast .star.selected ~ .star
{
  /* normal state */
  color: gray;
}

.rating:hover .star,
.rating.vote-cast .star
{
  /* highlighted state */
  color: gold;
}

#postid{display:none;}

.c-title{font-size:large; font-weight:bold; margin-bottom:5px;}
.comment{margin-bottom:25px;}
.profile-photo{}
.write-comment textarea{width:100%; height:200px; border-radius:3px; padding:15px; background:whitesmoke; border:1px solid #ccc; margin-bottom:20px;}
.send-comment{
    padding: 15px 25px;
	background:#0fb4f8;
}

.main-banner{background:#ebebeb; background-image: url("https://media.giphy.com/media/gZWgmHTq7eGhW/giphy.gif"); background-repeat:no-repeat; background-position:center;}

.related-post-area{background:whitesmoke; padding:25px;}
.r-post-title{
    font-size: large;
    font-weight: bold;
    height:50px;
	padding: 0px 15px;
}

.color-gray{
	color:gray;
}

.color-gold{
	color:gold;
}

.r-post{margin-bottom:5px; min-height:75px;}

.page-heading-block {
    padding: 49px;
    height: 580px;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    border-top: 1px solid #399ec1;
    border-bottom: 1px solid #bbe0ee;
}

.bg-heading-blogdetail {
    background-color: #3eb8e2;
    background-image: url(//www.seohocasi.com/wp-content/themes/seohocasi/assets/img/bg_heading_blogdetail.jpg);
}

.bg-heading-contact, .bg-heading-seoprice, .bg-heading-seo-offer, .bg-heading-tools, .bg-heading-book-payment, .bg-heading-references, .bg-heading-blogdetail, .bg-heading-sorular, .bg-heading-etkinlik-detay {
    height: 0px;
}

.bg-heading-blogdetail .page-heading-section, .bg-heading-sorular .page-heading-section {
    top: 40%;
	display:none;
}

.page-heading-section {
    text-align: center;
    top: 23%;
    position: relative;
}

.bg-heading-contact .page-heading-section h1, .bg-heading-seo-offer .page-heading-section h1, .bg-heading-references .page-heading-section h1, .bg-heading-seoprice .page-heading-section h1, .bg-heading-blogdetail .page-heading-section h1, .bg-heading-sorular .page-heading-section h1 {
    margin-bottom: 0;
}

.page-heading-section h1 {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 42px;
    line-height: 84px;
    margin-top: 0;
}

.page-heading-section h1, .page-heading-section p, .page-heading-section span {
    color: #fff;
}

.page-breadcrumb {
    text-align: center;
    margin: 0;
    background-color: #0fb4f8;
    padding: 5px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.breadcrumb {
    background-color: transparent;
    margin: 0;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
	background: none;
    margin: 0;
}


.breadcrumb > li {
    color: #fff;
    font-weight: regular;
    position: relative;
	color:white;
}

.breadcrumb > li {
    display: inline-block;
		color:white;
}

.breadcrumb > li a {
    color: #c6e7f2;
}

ol li {
    background: none;
    position: relative;
}

footer li{
    list-style-type: none;
    text-transform: uppercase;
}

.mobile-nav{padding: 12px 0px; border-bottom:1px solid whitesmoke;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.13);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.13);
width:100%;
position:fixed;
z-index:50;
background:white;
top:0;
}

.mobile-nav-area li{
	
    list-style-type: none;
    padding: 10px 0px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid whitesmoke;
	font-weight:bold;

}

.mobile-nav-area .nav-item{width:100%; margin:0; padding-bottom:15px; padding-top:15px; border:1px solid whitesmoke; font-size:medium;}
.mobile-nav-area{display:none;}
.mobile-m-btn, .mobile-s-btn{
    font-size: x-large;
}

.reklam-yatay{width:100%; height:150px; display:table; margin: 15px 0px; text-align:center;}
.reklam-kare{width:100%; height:250px;  margin: 15px 0px; text-align:center;}



@media only screen and (max-width:767px){
	.c-title{font-size:medium;}
	.f-header{padding:0;}
	.f-icon{padding:0;}
	.icon-active, .icon-inactive{padding:12px; font-size:medium;}
	.step-bar{width:91%;top: 27%;}
	.question-input, .description-input, .personel-input{width:100% !important;}
	.profile-photo{margin-bottom:15px; padding-left:0;}
	.post-photo{margin-bottom:15px; padding-left:35px; padding-right:35px; padding-top:10px;}
	.r-post-thumb{margin-bottom:15px;}
	.pl-15{padding:0 !important;}
	.pr-15{padding:0 !important;}
	.page-heading{font-size:40px;}
	.heading-mobile{font-size:30px;}
	.content-area{padding:0;}
	.r-post-title{padding:0;}
	.question-steps-single {margin-top:75px;}
	.bg-heading-blogdetail{padding-top:65px;}
	.featured-post{height:auto;}
	.send-q-area-main{   background-image: url(./images/banner-main-mobile.jpg);
    background-color: #a9cab9;
    height: 300px;
    margin-top: 50px;
    background-size: contain;
    margin-bottom: 0px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.cat-check, .check-active{height:44px; font-size:xx-small; text-align:center;}
.cat-check span{display:none;}
.cat-select-item{padding:0px 3px;}


}
@media only screen and (min-width:768px){
.profile-photo, .r-post-thumb{margin-bottom:15px;}
.r-post-title{font-size:small; padding:0;}
.container{padding:0;}
.comment-seperator{font-size:large; padding-bottom:15px;}
.r-post{padding: 0px 15px;}
.featured-post{height:auto;}

}
@media only screen and (min-width:992px){

}
@media only screen and (min-width:1200px){
.featured-post{height:155px;}
.r-post-title{
    font-size: large;
    font-weight: bold;
    height:50px;
	padding: 0px 15px;
}
.r-post{padding: 0px;}
.comment-seperator{font-size:x-large; padding-bottom:25px;}
}