/*
Theme Name: Porto
Theme URI: http://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: http://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 6.1.8
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap')	
.bypostauthor { display: block; }
.logo{
	position:relative;
	z-index:9;
}
 

#header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right{
	padding-top:15px;
	padding-bottom:0!important;
}
.icBaslik .porto-sicon-header{
	background: #EBC518;
    padding: 10px;
    color: #434343;
	font-size:15px;transform: translate(0%, 0%) rotate(0deg) skew(-30deg);
}
.icBaslik h3{ 
	font-size:15px;
	transform: translate(0%, 0%) rotate(0deg) skew(30deg); 
	width:100%;
	font-weight:bold;
	text-align:center;
} 
.icOrtala,
.icBaslik .porto-sicon-description{
	text-align:justify;
	
}
.nav-top li{
	margin-right:10px;
	font-size:13px;
}
#header .main-menu > li.menu-item > a{
	font-size:15px;
}
#header .header-right-bottom{
	margin:0;
}
#header .main-menu > li.menu-item > a{
	padding:10px 15px;;
}
#header.sticky-header .header-right-bottom{
	padding:0!important;
}
#header .header-right-bottom {
    margin: 0;
    position: relative;
    top: -10px;	
}
#nav-panel .accordion-menu li.menu-item.active > a,
#header .main-menu > li.menu-item.active > a,
#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow,
#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a,
#header .main-menu > li.menu-item > a{
	color:#434343;
	background:none;
}
.header-right-top{
	position:relative;
	top:-15px;
}
#header .mobile-toggle{
	background:#434343;
	color:#EBC518;
}
.page-top .page-title:not(.b-none):after{  
	border-bottom: 5px solid #EBC518!important;
}
.gfBaslik{ 
	font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.anaBaslik{
	font-family: 'Dancing Script', cursive;
	width:100%;
	margin:0;
	padding:10px 0;
	font-size:40px;
	text-align:center;
}
.teklifAl{
	width:100%;
	margin:0;
	padding:0;
}
.teklifAl .tA_baslik{
	font-size:13px;
	font-weight:bold;
	margin:20px 0 10px 0;
}
.tA_icerik textarea,
.tA_icerik input{
	width:100%;
	border:1px solid #434343;
	border-radius:0;
	resize:none;
}
.teklifAl .gonder{
	margin:30px;
}
#footer .menu,
#footer .menu li{
	padding:5px;
	border:none!important;
}

#footer .menu li{
	width:50%;
	float:left;
}

.ik_,
.ik_ table {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}
.ik_ textarea {
  resize: none;
  height: 140px;
}
.ik_ .baslik_:after {
  display: none;
}
h2.baslik_ {
  text-transform: capitalize !important;
}
.ik_ .baslik_ {
  margin: 0 0 10px 0;
  padding: 10px 0 5px 0;
  font-family: tahoma;
  font-size: 20px;
  color: #EBC518;
  border-bottom: 1px solid #EBC518;
  width: 100%;
  text-transform: capitalize;
}
.ik_ p {
  padding: 0 0 5px 0;
  margin: 0;
}
.ik_ table tr td {
  padding: 3px !important;
  border: none !important;
}
.ik_ table {
  border: none !important;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
	line-height: 23px; 
}
.ik_ input{
	width:100%;
	font-size:14px;
	height:35px;
}
.ik_ input[type="checkbox"],
.ik_ input[type="radio"]{
	heighT:auto!important;
	width:auto!important;
}
.ik_ textarea{
	width:100%;
	resize:none;
}





 
 
 
 
@media (min-width: 992px){
.logo:before{
	width: 150vw;
    heighT: 25px;
    content: '';
    display: block;
    background: #434343;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -200%;
	transition: all 0.5s ease;
}	
.sticky-header .logo:before{
	width: 150vw;
    heighT: 31px;
    content: '';
    display: block;
    background: #434343;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -200%;
	transition: all 0.5s ease;
}
.anaBaslik:before{
	content: ' ';
    width: 40%;
    height: 2px;
    background: #434343;
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
}
.anaBaslik:after{
	content: ' ';
    width: 40%;
    height: 2px;
    background: #434343;
    display: block;
    position: absolute;
    right: 0;
    top: 35px;
}

}
@media (max-width: 991px){
.header-right-top{
	display:none!important;
}	
.logo:before{
	width: 150vw;
    heighT: 20px;
    content: '';
    display: block;
    background: #434343;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -100%;
	transition: all 0.5s ease;
}
.sticky-header .logo:before{
	width: 200vw;
    heighT: 31px;
    content: '';
    display: block;
    background: #434343;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -100%;
	transition: all 0.5s ease;
}
#header .header-right-bottom{
	position:relative;
	top:-10px;
} 
.sticky-header .header-right-bottom{
	top:-25px!important;
	position:relative;
}
.anaBaslik:before{
	content: ' ';
    width: 30%;
    height: 2px;
    background: #434343;
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
}
.anaBaslik:after{
	content: ' ';
    width: 30%;
    height: 2px;
    background: #434343;
    display: block;
    position: absolute;
    right: 0;
    top: 35px;
}

}
@media (max-width: 767px){
.logo:before{
	width: 150vw;
    heighT: 15px;
    content: '';
    display: block;
    background: #434343;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -100%;
	transition: all 0.5s ease;
}
.anaBaslik:before{
	content: ' ';
    width: 10%;
    height: 2px;
    background: #434343;
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
}
.anaBaslik:after{
	content: ' ';
    width: 10%;
    height: 2px;
    background: #434343;
    display: block;
    position: absolute;
    right: 0;
    top: 35px;
}
}