body, ul , h1, h2, h3, .bizden-haberler p {
	margin : 0;
	padding : 0;
	}
h1 {
	font-size:22px;
	}
ul, li {
	list-style:none;
	}
body{
	font-family: 'Open Sans', sans-serif;
	font-size : 13px;
	background: #eb880e 
				url(http://www.afacantabela.com/wp-content/themes/afacan/images/bg.jpg) 
				 
								;
	background-size: ;
    border-top: 4px solid #eb880e;
	}
.alignright{
	float:right;
	margin:5px 0 10px 10px; 
}
.alignleft{
	float:left;
	margin:5px 10px 10px 0; 
}
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.header-top-content, .header-bottom, .footer-content, .slider-content, .site-menu, .callback-content .form, .footer-content,.page-title {
	width:1080px;
	margin:0 auto;
}
#boxed {
	width:1100px;
    margin: 30px auto;
    box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.5);
	background:#fff;
}
a {
	color : #eb880e; text-decoration : none;
}
.clear {
	clear:both;
	}
/**************** Header ***********************/
#searchbox {
	background:#eb880e;
	text-align:center;
	display:none;
}
#searchbox input {
    width: 1080px;
    padding: 15px 10px;
    background: transparent;
    border: 0;
    font-size: 25px;
	color:rgba(255,255,255,0.5);
}
#searchbox input:focus {
	outline:0;
	color:rgba(255,255,255,0.5);
}
#searchbox ::-webkit-input-placeholder {
    color:rgba(255,255,255,0.5);
}
#searchbox :-moz-placeholder {
    color:rgba(255,255,255,0.5);
}
#searchbox ::-moz-placeholder {
    color:rgba(255,255,255,0.5);
}
#searchbox :-ms-input-placeholder {
    color:rgba(255,255,255,0.5);
}
header {
    background: url("images/bg.jpg");
	}
.header-top {
    background-color: #f6f6f6;
    border-bottom: 1px solid #d0d0d0;
	height:40px;
}
#dil-liste {
	padding: 8px 0 8px 8px;
	float:left;
}
#dil-liste li {
	margin-right: 5px;
	float:left;
}
.dil {
	float:left;
	width:35px;
	height:26px;
	position:relative;
	background: url(images/dil-sprite.png) no-repeat;
}
.tr-icon { background-position: 0px 0px;}
.ing-icon { background-position: 0px -26px;}
.alm-icon { background-position: 0px -52px;}
.fra-icon { background-position: 0px -78px;}
.ita-icon { background-position: 0px -104px;}
.rus-icon { background-position: 0px -130px;}
.por-icon { background-position: 0px -156px;}
.isp-icon { background-position: 0px -182px;}
.kor-icon { background-position: 0px -208px;}
.jap-icon { background-position: 0px -234px;}
.cin-icon { background-position: 0px -260px;}
.arap-icon { background-position: 0px -286px;}
.paralar {
	float:right;
	font-size: 14px;
    line-height: 14px;
}
.paralar ul li, .paralar ul li i, .paralar ul li div {
	float:left;
}
.paralar ul li, .paralar ul li i, .paralar ul li span {
	line-height:40px;
}
.paralar ul li {
	border-left: 1px solid #d0d0d0;
	height: 40px;
    padding: 0 10px;
}
.paralar ul li i {
	margin-right:5px;
}
/*.altinli, .bistli{display:none;}*/
.paralar .degisim {font-size:0;}
.paralar .arrow-up, .paralar .arrow-down {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	font-size: 25px;
    margin: 0 5px;
}
.paralar .arrow-up:before {
	content: "\f0de";
	color:#04b14b;
	line-height: 50px;
}
.paralar .arrow-down:before {
	content: "\f0dd";
	color:#c9234a;
	line-height: 35px;
}
.para-loading {
	width:250px;
	text-align:center;
	padding-top:5px;
}
.header-bottom {
	padding: 20px 0;
	min-height:110px;
	margin-bottom:35px;
}
.header-bottom .tel, .header-bottom .adres, .header-bottom .search {
    margin-top: 25px;
    font-size: 15px;
    float: right;
    margin-left: 20px;
	font-weight: 300;
	width:335px;
}
.header-bottom .tel a {color:#000;}
.header-bottom .search {
	width:40px;
	margin-right: 15px;
}
.header-bottom .search .search_input {
	padding: 10px 5px;
	border:0;
	width:151px;
}
.header-bottom .search .arama-butonu {
	border:0;
	background: transparent;
	margin-left:-35px;
}
.header-bottom .search .arama-butonu i {
	font-size:21px;
	margin: 0;
	padding-top: 8px;
}
.header-bottom i {
	font-size:43px;
	color:#eb880e;
	float:left;
	margin-right: 10px;
}
.header-bottom .search div, .header-bottom .adres div {
	float:left;
	width:290px;
}
.header-bottom p {
	margin: 0;
}
.logo {
	display: inline-block;
	float:left;
	margin-right:25px;
}
/*************** Menü ********************************/
nav {
	width:100%;
	height:60px;
	background:#ffffff;
	z-index:3;
	position: relative;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.f-menu {
	z-index: 9999;
    position: fixed;
    top: 0;
}
#boxed .f-menu {
	width:1100px;
}
.site-menu li a {
	font-family: 'Open Sans', sans-serif;
	color:#4f4f4f;
    font-size:15px;
    
}
.site-menu li:before {
	font-size:18px;
    margin-right:7px;
}
.site-menu li {
	border-top:4px solid #ffffff;
	border-bottom:4px solid #ffffff;
	color:#4f4f4f;
	float: left;
	height: 52px;
	padding: 0px 40px 0px 27px;
	line-height: 52px;
	transition: .25s all;
	-moz-transition: .25s all;
	-webkit-transition: .25s all;
border-right: 1px solid #f4f4f4;
	}
.site-menu li:hover, .site-menu .current-menu-item {
	border-top:4px solid #eb880e;
	}
.site-menu li:hover a {
	color: #eb880e;
	}	
.site-menu ul ul{
	padding: 0;
	margin: 0;
	z-index: 2000;
	}
.site-menu ul li:hover ul, ul.menu li.over ul { 
	display: block;
	}
.site-menu ul li ul {
	border-top: 3px solid #ffffff;
    border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background:#eb880e;
	display: none;
	position: absolute;
	list-style:none; 
    margin-left: -10px;
    padding-bottom:5px;
	}
.site-menu ul li ul li {
	display:block;
    float: none;
    min-width: 200px;
    height: 35px;
	line-height: 32px;
    padding: 7px 10px;
	}
.sub-menu li {
	color:#ffffff;
	border:0;
	}
.sub-menu li:hover {
	border:0;
	background:#ffffff;
	color:#4f4f4f;
}
.sub-menu li a {
	color:#ffffff;
	margin:0px;
	padding:0px;
}
/******** Sizi Arayalım ********/
.callback {
	width: 100%;
	height: 60px;
	border-bottom: 10px solid #eb880e;
	position:fixed;
	bottom:0;
	} 
#boxed .callback {
	width:1100px;
}	
.callback .handle {
	position: absolute;
	right:250px;	
	background: #eb880e;
	font-size: 20px;
    line-height: 60px;
	height: 60px;
	border-top-left-radius:10px;
}
.callback .handle a { 
	color:  #ffffff;
}
.callback .handle a i {
	font-size:50px;
	    padding: 10px 0 10px 10px;
}
.callback .handle a span {
	position:absolute;
	background: #eb880e;
	width:150px;
	text-align:center;
	border-top-right-radius:10px;
}
.relative {
	position:relative!important;
	margin-top:-50px;
}
#boxed .relative {
	margin-top:0;
}
.callback-content {
	background: #eb880e;
	color:  #ffffff;	
}
.callback-content a {
	color:  #ffffff;
}
.callback-content .form {
	height: 150px;
    padding: 15px 0;
}
.callback-content .fleft {
	float:left;
	height:150px;
	width:429px;
	border-right: 1px solid rgba(255,255,255,0.3);
}
.callback-content .fleft li {
	margin-bottom: 10px;
}
.callback-content .fleft i {
	font-size: 22px;
    margin-right: 5px;
    width: 27px;
    text-align: center;
}
.callback-content .fleft span {
	font-size:16px;
	font-weight:300;
	position:absolute;
	width:379px;
}
.callback-content .fright {
	float:left;
	padding: 10px 0 0 25px;
	width:625px;
}
.callback-content .fright h2 {
	font-size:25px;
}
.callback-content .fright h2 i {
	margin-right:5px;
}
#callback .input {
	position: relative;
	height:65px;
	color:#4f4f4f;
	float:left;
	margin-top:20px;
}
#callback .input i {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 30px;
}
#callback input, .callback-content .wpcf7-form input {
	width:230px;
    height: 30px;
    padding: 10px 15px 10px 40px;
    border: 0;
}
.callback-content .wpcf7-form input {
	padding: 10px 15px;
	margin-right:5px;
}
#callback .submitcontact {
	background: #4f4f4f;
	color:#fff;
	float:right;
	position:absolute;
	top:8px;
	right:8px;
}
 .callback-content .wpcf7-submit {
	width:95px!important;
	font-size:17px;
	background: #4f4f4f;
	color:#fff;
	float:right;
	padding: 0!important;
	height:50px!important;
	line-height:50px;
	text-align:center;
	margin-right:0!important;
 }
/************************************************* Orta Kısım *******************************************/
#mpslider {
	width:100%;
	overflow:hidden;
}
#mpslider img, .mobil-logo img {
	width:100%; 
	height:auto;
}
#mpslider .caption { 
	position: absolute; 
	top: 100px;
}
#mpslider .caption div {
	background: rgba(255,255,255,0.8); 
	color:#000; 
	font-size:15px; 
	display:table;
	padding: 10px 15px;
	margin-top: 10px;
	width: 50%;
}
#mpslider .caption span {
	display: inline-block;
	font-size: 18px;
	color: #FFF;
	padding: 10px 15px;
	background:#eb880e;
}
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
	height: 90px;
	width: 45px;
	position: absolute;
	top: 45%;
	left: 5px;
	z-index: 3;
	overflow: hidden;
	text-decoration: none;
	background: transparent;
	margin-top: -45px;
	color: #eb880e;
	text-align: center;
	font-size: 45px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	left: auto;
	right: 5px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 125px;
	height: 5px;
	margin: 0 5px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	background: #eb880e;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	border-top: 4px solid #eb880e;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
.owl-pagination {
	position: absolute;
    bottom: 25px;
    width: 100%;
}
/************************** Orta Kısım ****************************/
main {
	display:block;
	}
.wrapper {
	width:1090px;
	padding-left:10px;
    margin:0 auto;
	}
#boxed .wrapper {
	padding-left:8px;
}
.leftbox {
	float:left;
}
.rightbox {
	float:right;
}
.homepage-box {
	float:left;
	background:#fff;
    border: 1px solid #dedede;
    margin-bottom:10px;
    margin-right:10px;
    padding: 0;
	position:relative;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
	}
.fullbox {
	width:1078px;
	}
.halfbox {
	width:533px;
	}
.ucteiki {
	width:714px;
	}
.uctebir {
	width:352px;
	}
.homepage-box .title {
	widht:100%;
	}
.homepage-box h3 {
	font-size: 15px;
    text-align:center;
	}
.homepage-box h3 span {
    background-color: #eb880e;
    color: #ffffff;
    display: inline-block;
    padding: 0px 27px;
    vertical-align: top;
    line-height: 40px;
	margin-top:-5px;
	border-radius: 3px;
	}
.urunler {
	padding:10px 0;
	}
.urunler li {
	width:245px;
    float:left;
    text-align:center;
	border-right: 1px solid #dedede;
	padding-bottom: 15px;
	}
.fullbox .viewport .urunler li {
	width:269px;
}
.urunler li p {
	font-size:15px; 
	margin:5px 0;
	}
.urunler li img, .bizden-haberler li img {
	border-radius:125px;
    border:1px solid #dedede;
    padding:2px;
    transition: .5s all;
	-moz-transition: .5s all;
	-webkit-transition: .5s all;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	}
.urunler li:hover img, .bizden-haberler li:hover img {
   transform:scale(1.03);
    -ms-transform:scale(1.03); /* IE 9 */
    -moz-transform:scale(1.03); /* Firefox */
    -webkit-transform:scale(1.03); /* Safari and Chrome */
    -o-transform:scale(1.03); /* Opera */
   -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	}
.referanslar li {
	width:206.8px;
    float:left;
    text-align:center;
	}
.halfbox .referanslar li, .halfbox .viewport .urunler li {
	width:266px;
	} 
.ucteiki .referanslar li, .ucteiki .viewport .urunler li {
	width:237.7px;
	}
.uctebir .referanslar li, .uctebir .viewport .urunler li {
	width:352px;
	}
.referanslar li img {
	opacity: 1;
    transition: .5s all;
	-moz-transition: .5s all;
	-webkit-transition: .5s all;
	}
 .referanslar li img:hover {
	opacity: 0.5;
	} 
.ucteiki .referanslar li img, .ucteiki .viewport .urunler li img, .uctebir .referanslar li img, .uctebir .viewport .urunler li img{
	width:210px;
	height:auto;
}
.viewport {
	width:100%; 
    overflow: hidden; 
    position: relative; 
    padding: 0; 
	}  
.overview { 
	list-style: none; 
	position: relative;  
	margin: 0;
	}
.buttons {
	top: 45%;
	position: absolute;
	float:left;
	font-size:20px;
	}
.referansbuton {
	top: 35%;
	}
.next {
	right: 0;
	}
.buttons i {
	width:40px;
    text-align: center;
	}
.buttons i:hover {
    color: #ffffff;
    background: #4f4f4f;
	}
.disable { 
	visibility: hidden; 
	}
.bizden-haberler {
	padding:10px;
	}
.bizden-haberler .bizden-baslik  {
	font-weight:bold;
    padding: 10px 5px 5px 0;
    max-height: 18px;
	line-height: 20px;;
    overflow: hidden; 
	}
.bizden-haberler .bizden-icerik  {
    height:40px;
    overflow: hidden; 
	}
.bizden-haberler li {
    float:left;
    margin-bottom:15px;
	}
.fullbox .bizden-haberler li {
	width: 33%;
	}
.ucteiki .bizden-haberler li {
	width: 49%;
	}
.bizden-haberler li img {
    float:left;
    margin-right:10px;
	}
.haber-tarih {
	display: inline-block;
	float: left;
    margin-right:10px;
    text-align:center;
    background:#E8E8E8;
    border-radius:5px;
    color:#394041;
    padding: 5px 7px;
    font-size:12px;
	}
.haber-tarih .gun {    
	font-size:30px;
    font-weight:bold;
	}
.bizden-haberler li:hover .haber-tarih {
	background:#eb880e;
    color:#ffffff;	
	}
blockquote.testimonial:before {
	left: 2px;
	top: 0;
	content: "\201C";
	font-size: 45px;
	position: absolute;
	}
blockquote.testimonial:after {
	font-size: 45px;
	position: absolute;
	bottom: -0.5em;
	content: "\201D";
	right: 10px;
	}
blockquote.testimonial {
	background: #4f4f4f;
	border-radius: 10px;
	border: 0;
	color: #fff;
	font-style: italic;
	margin: 0;
	padding: 10px 30px;
	position: relative;
	}
.down {
	color: #4f4f4f;
	margin:-16px 0 -5px 30px;
	}
.musteri-yorumlari li {
	width:96%;
    padding: 10px 2%;
	}
.musteri-yorumlari .owl-prev, .musteri-yorumlari .owl-next {
	display:none;
}
.musteri-yorumlari .owl-controls {
	margin-top:0;
}
.musteri-yorumlari .owl-pagination {
	position:relative;
	bottom:0;
}
.musteri-yorumlari .owl-page span  {
	width: 15px!important;
	height: 10px!important;
	}
.slogan-metin {
	padding:20px;
	}
/******************** Sayfalar ********************/
.pagetop {
	width:100%;
	height: 175px;
	background:url(http://www.afacantabela.com/wp-content/uploads/2017/01/free-white-wallpaper_021209710_265.jpg);
	background-size: 100% auto;
    	background-repeat: no-repeat;
	border-bottom: 4px solid #eb880e;
	margin-bottom: 10px;
	}
.page-wrapper {
	position:inherit;
	}
.page-title {
	height:100%;
	position:relative;
}
.page-title h1 {
	position: absolute;
	left:0;
	bottom:0;
	height: 50px;
	line-height: 50px;
    padding:0 40px 0 10px;
	background:#eb880e;
	color:#ffffff;
	border-top-right-radius: 10px;
	z-index:2;
	}
.page-title h1:after {
	content: '';
    width: 5000px;
    height: 50px;
    position: absolute;
    background-color: #eb880e;
    left: -5000px;
    top: 0;
    z-index: 2;
}
#boxed .page-title h1 {
	padding:0 20px 0 20px;
	border-top-left-radius: 10px;
}
#boxed .page-title h1:after {
	display:none;
}
/******************** Kategori Sayfası ********************/
.page-content {
	width: 808px;
	padding:10px;
}
.page-content p, .fullwidth p {
	margin: 10px 0;
}
.page-content ul li{
	display: inline-block;
	margin-bottom: 20px;
}
.page-content .haber-tarih {
	font-size: 20px;
	padding: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-right:0;
}
.page-content .haber-tarih p {
	padding: 7px 10px;
	margin:0;
}
.page-content .haber-tarih .gun {
	font-size: 40px;
	padding: 0px 10px;
	line-height: 40px;
}
.page-content .haber-tarih .yorum {
	background: #eb880e;
	color: #ffffff;
	border-bottom-left-radius:5px;
	font-size: 15px;
	padding: 5px 0;
}
.page-content .haber-tarih .yorum a, .page-content .haber-tarih .yorum a:hover {
	color : #ffffff;
}
.page-content .haber-tarih .yorum span{
	margin-right:5px;
}
.page-content .resim {
	float:left;
	margin-right:10px;
}
.page-content .resim img {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.page-content .bizden-baslik {
	font-size:18px;
	font-weight: bold;
	margin-bottom: 7px;
	max-height: 48px;
	overflow: hidden;
}
.page-content .bizden-icerik {
	margin-bottom: 7px;
	max-height: 72px;
	overflow: hidden;
}
.butmorenews {
	padding: 5px 7px;
	margin-top: 22px;
	display: inline-block;
	border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    background: #eb880e;
    color: #ffffff;
}
/******** Sayfalama ********/
.sayfalama {
	width:100%;
	background: #E8E8E8;
	border-radius: 5px;
	text-align: center;
	height: 30px;
}
.sayfalama ul li {
	float:left;
	padding: 0 10px;
	height: 30px;
	line-height:30px;
	background-color:rgba(235,136,14,0.5);
	color : #ffffff;
}
.sayfalama ul li a {
	color : #ffffff;
}
.sayfalama ul .aktif {
	padding: 0 10px;
	height: 30px;
	line-height:30px;
	background-color:rgba(235,136,14,1);
}
/********** Referanslar Sayfası **********/
.filter-grid, .referans-listesi {
	width: 102%;
	display:inline-block;
}
.filter-grid .element-item, .referans-listesi li {
	margin: 0 10px 10px 0;
	width:253px;
	height:250px;
	float:left;
	text-align:center;
	font-weight:bold;
	border: 1px solid #dedede;
}
.filter-grid img, .referans-listesi img {
	width:100%;
	height:auto;
}
.filter-grid .element-item p {
	height:40px;
	overflow:hidden;
}
.filter-button-group {
	margin-bottom: 15px;
}
.filter-button-group button {
	background: #eb880e;
	padding: 7px 10px;
	border:0;
	margin:0;
	font-size:15px;
	line-height: 25px;
	border-radius:3px;
	color: #ffffff;
}
.filter-button-group .is-checked {
	background: #4f4f4f;
	color: #fff;
}
/********** Ürün Sayfası **********/
.fullwidth {
	padding:10px;
	width: 1058px;
}
.singlepost ul li:before {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f046";
	margin-right: 5px;
}
.postslider {
	float:left;
	margin-right: 10px;
}
#postslide, #paginate-postslide {
	width:312px;
	text-align:center;
}
#postslide img {
	padding:4px;
	border: 1px solid #d3d9de;
}
.toc {
	margin-right:1px;
}
.toc img {
	padding:3px;
	border: 1px solid #d3d9de;
}
.toc img:hover {
	border: 1px solid #eb880e;
}
.page-content img {
	max-width:100%;
	height:auto;
}
/********** İletişim Sayfası **********/
.contact-form, .contact-form .row {
	width:50%;
	float:left;
}
.contact-form .row {
	width:49%;
}
.contact-form label, .wpcf7-form p {
	color:#777777;
}
.contact-form input, .contact-form textarea, .iletisim .wpcf7-form input, .page-content .wpcf7-form input, .iletisim .wpcf7-form textarea, .page-content .wpcf7-form textarea, .iletisim .wpcf7-form select, .page-content .wpcf7-form select {
	width:93%;
	height: 25px;
	padding: 3px 3%;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin:7px 0 15px 0;
}
.iletisim span.wpcf7-list-item {
	margin-left: -27.5em;
}
.contact-form textarea, .iletisim .wpcf7-form textarea, .page-content .wpcf7-form textarea {
	height:auto;
}
.submitcontact, .iletisim .wpcf7-submit, .page-content .wpcf7-submit  {
	width:100px!important;
	padding:7px 0!important;
	height:35px!important;
	text-align:center;
	font-weight:bold;
	background: #eb880e;
	color: #ffffff;
	border:0!important;
}
#callback .yanlis, .contact-form .yanlis {
	border-color: #ff0000;
	-moz-box-shadow: 0 0 2px #ff0000;
	-webkit-box-shadow: 0 0 2px #ff0000;
	box-shadow: 0 0 2px #ff0000; 
}
/******************** 404 Sayfası *************************/
.page404-content {
	background: #fff;
	padding-top: 50px;
}
.page404 {
	background: url(images/404bg.png) no-repeat top center;
	height:450px;
	padding-top:48px;
}
.page404 .message {
	background: #eb880e;
	border-radius: 50%;
	width:250px;
	height:200px;
	margin: 0 auto;
	text-align:center;
	padding-top:50px;
}
.page404 .message div {
    color: #fff;
    line-height: 75px;
    font-size: 20px;
}
.page404 .message input {
	border:0;
	padding:10px;
}
/******** Sidebar ********/
.sidebar {
	width:230px;
	padding:10px;
}
.widget_sidebar {
	color: #000;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}
.widget_sidebar h2 {
	line-height:45px;
	padding:0px 15px;
	color:#ffffff;
	background: #eb880e;
}
.widget_sidebar ul a {
	color:#1c1c1c;
}
.widget_sidebar ul li {
	border: 1px solid #d0d0d0;
	background:#f6f6f6;
	padding: 10px;
	border-top:0;
}
.widget_sidebar ul li:hover {
	color:#ffffff;
	background: #eb880e;
	border-color: #eb880e;
}
.widget_sidebar ul li:hover a {
	color:#ffffff;
}
/****************************** Alt Kısım ******************************/
footer {
	width: 100%;
	height: auto;
	padding: 2px 0px 0px 0px;
	border: 0px;
}
.footer {
	background: url("images/footer.jpg");
	background-position: 4% 40%;
	color:  #ffffff;	
}
.footer-content {
	padding: 15px 0;
	display:flex;
}
.footer-content .fleft {
	float:left;
	width:300px;
	text-align:center;
	margin-right: 20px;
}
.social a{
	display: block;
	float:left;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 42px;
    margin-left: 4px;
    margin-right: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-align: center;
    width: 40px;
}
.social a:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.social a i {
	font-size:17px;
}
.social .facebook {
	background:#3b5998;
}
.social .twitter {
	background:#3bc6f5;
}
.social .google-plus {
	background:#d94a39;
}
.social .instagram {
	background:#8b5c48;
}
.social .youtube {
	background:#e90a07;
}
.social .pinterest {
	background:#cc2128;
}
.social .rss {
	background:#ff6501;
}
.footer-content .fright {
	float:left;
}
.widget-footer {
	float:left;
	width:213px;
	padding:0 20px;
}
.widget-footer h2 {
	border-bottom: 1px solid rgba(255,255,255,0.05);
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.widget-footer a { 
	color:  #ffffff;	
}
.widget-footer ul li:before {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f00c";
	margin-right:5px;
}
.footer-kod, .copyright {
	border-top: 1px solid rgba(255,255,255,0.05);
	text-align: center;
	padding: 20px;
}
#back-top {
	margin: 0 auto;
	width: 1080px;
	height: 0;
	text-align: right;
}
#back-top .move-top {	
  display: none;
  position: fixed;
  z-index: 999;
  margin-left: 25px;
  bottom: 35px;
}
#back-top .move-top i {
	width: 48px;
	height: 48px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 43px;
	border: 1px solid 3d3d3d;
	cursor: pointer;
	background: #3d3d3d;
	color: #fff;
}
/************************************************ Shortcodes *********************************/
/******** Çizgi ********/
.divider {width:100%; margin:15px 0;}
.normal-type {border-top: 2px solid #ccc;}
.bold-type {border-top: 5px solid #ccc;}
.dashed-type {border-top: 2px dashed #ccc;}
.dotted-type {border-top: 2px dotted #ccc;}
/******** Buton ********/
.button {background:#eb880e; color:#ffffff; padding: 5px 10px; margin:5px; line-height:38px;}
.button:hover {color:#fff; opacity:0.8;}
.medium {padding: 7px 15px; font-size: 16px; line-height:46px;}
.large {padding: 10px 20px; font-size: 20px; line-height:57px;}
.rounded {border-radius:5px;}
.red {background:#c52028; color:#fff;}
.green {background:#00923f; color:#fff;}
.yellow {background:#e67817; color:#fff;}
.blue {background:#007cc2; color:#fff;}
.purple{background:#b74f8e; color:#fff;}
.gray {background:#999999; color:#fff;}
.black {background:#212121; color:#fff;}
/******** İlk Harf Büyük ********/
.dropcap {margin:15px 0;}
.dropcap:first-letter { font-size: 48px; float: left; display: block; margin: 0 7px 0 0; padding:2px 10px; line-height: 1;}
.style2:first-letter {background:#eb880e; color:#ffffff;}
.style3:first-letter {background:#2d2d2d; color:#fff;}
/******** Box ************/
.infobox {border-radius:5px; padding:10px; display:flex; margin:10px 0; border: 1px solid; 	text-shadow: 0px 1px rgba(255,255,255,0.2);
}
.normal-box {  
	border-color: #ddd;
	-webkit-box-shadow: 0 0 5px rgba(153,153,153,0.6);
	-moz-box-shadow: 0 0 5px rgba(153,153,153,0.6);
	box-shadow: 0 0 5px rgba(153,153,153,0.6);
	}
.alert-box {  
	 border: 1px solid #ECCA91;
	color: #AB7C2E;
	background-color: #FBE9CA;
}
.error-box {  
	border: 1px solid #E38686;
	color: #9E2121;
	background-color: #EA9F9F;
}
.success-box {  
	border: 1px solid #accc5d;
	color: #70892b;
	background-color: #D6E7A9;
}
.info-box {  
	border: 1px solid #51B5F7;
	color: #04436C;
	background-color: #80C8F9;
}
/******** İçerik Kutusu ************/
.icon-box {float:left; text-align:center; margin:15px 0 15px 2%;}
.icon-box:nth-child(1) { margin-left:0;}
.icon-box i{
	background:#eb880e; 
	color:#ffffff;
	font-size: 60px;
	width: 120px;
	text-align: center;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
	}
.icon-box:hover i {
	background:#4f4f4f; 
	color:#fff;
}
.icon-box h2 { margin-top: 10px; }	
.icon-box p { text-align:left;}	
.four-box { width: 22.6%;}
/******** Alıntı ************/
.type1-quote, .type2-quote {
	font-family: Times New Roman;
	font-style: italic;
	clear:both;
}
.type1-quote:before, .type1-quote:after {
	font: normal normal normal 14px/1 FontAwesome;
	color: #6a6a6a;
	content: "\f10d";
	position: absolute;
	margin-left: -34px;
	font-size: 25px;
	margin-top: -5px;  
}
.type1-quote:after {
	content: "\f10e";
	margin-right: -35px;
	margin-top: -25px;
	position: relative;
	float: right;
}
.type2-quote {
	border-left: 3px solid #eb880e; 
	padding: 5px 5px 5px 25px;
	margin:5px;
}
/******** Akordiyon ************/
.accordion-title {
	background: #e0e0e0;	
	padding: 7px 10px;
	border: 1px solid #e0e0e0;
	color: #212121;
	cursor: pointer;
	margin-top:10px;
	font-size:16px;
	}
.accordion-title:hover {
	border: 1px solid #d4d4d4;
	background: #d4d4d4;
}
.accordion-content {
	display: none;
	background: #fff;
	color: #212121;
	border: 1px solid #e0e0e0;
	border-top:0;
	padding:10px;
}
.accordion-content p {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}
.accordion-active {
	display: block;
}
/******** Sekme ************/
ul.tabs-nav {
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 41px;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	width: 100%;
}
ul.tabs-nav li {
	float: left;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e0e0e0;
	border-left: none;
	background: #efefef;
	overflow: hidden;
	position: relative;
}
ul.tabs-nav li:before {
	display:none;
}
ul.tabs-nav li a {
	color: #000;
	display: block;
	font-size: 16px;
	padding: 0 20px;
	outline: none;
}
ul.tabs-nav li a:hover {
	background: #e0e0e0;
}	
html ul.tabs-nav li.active, html ul.tabs-nav li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tabs-container {
	border: 1px solid #e0e0e0;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab-content {
	padding: 10px;
}
/******** Sütun ************/
.column { margin-right: 3.2%; float: left; display: inline; position: relative;  margin-bottom: 10px;}
.last { clear: right; margin-right: 0!important; }
.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.4%; }
.one-third, .three-box { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth {  width: 17.4%;}
.two-fifth {  width: 38%;}
.three-fifth {  width: 58.6%;}
.four-fifth {  width: 79.2%;}
/******** Table ************/
.table {
	float:left; background:#e6e6e6;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	margin:20px 0.5%;}
.table:first-child { margin-left:0;}
.one-price {width:100%;}
.two-price {width:49%;}
.three-price {width:32.6%;}
.four-price {width:24%;}
.five-price {width:19.2%;}
.six-price {width:15.8%;}
.seven-price {width:13.4%;}
.eight-price {width:11.6%;}
.table-header {
	background: -webkit-linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* Standard syntax */
	color:#fff; 
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding-bottom:40px;
}
.table-header h3 { font-size:30px; padding-top:15px;}
.table-header h4 { font-size:14px; text-align:center; font-weight:normal; margin: 10px 0;}
.table-price { 
	width:100px; 
	height:100px; 
	border-radius:50%; 
	line-height:100px; 
	border: 7px solid #3d3d3d; 
	font-size:35px;
	font-weight:bold;
	text-align:center;
	margin: -50px auto 10px auto;
	background:#fff;
	}
.table-price i {font-size:22px;}
.table-content ul {border-top:1px solid #cdcdcd; border-bottom:1px solid #ffffff;}
.table-content ul li {border-bottom:1px solid #cdcdcd; border-top:1px solid #ffffff; margin:0; display:block; padding: 7px;}
.table-button {
	padding:7px 10px; 
	margin:15px auto; 
	background:rgba(61,61,61,0.7); 
	border-bottom: 2px solid #3d3d3d;
	border-radius: 7px;
	display:table;
	font-size:20px;
}
.table-button a {color:#fff;}
.table-button:hover {opacity:0.9;}
.thumb {
    -ms-transform: scaleX(1.02) scaleY(1.03);
    -webkit-transform: scaleX(1.02) scaleY(1.03);
    transform: scaleX(1.02) scaleY(1.03);
	margin-top: 5px;
}
.thumb .table-header {
	padding-bottom:50px;
	background: -webkit-linear-gradient(rgba(235,136,14,0.9), #eb880e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(235,136,14,0.9), #eb880e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(235,136,14,0.9), #eb880e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(235,136,14,0.9), #eb880e); /* Standard syntax */
	color:#ffffff; 
}	
.thumb .table-price {
	width:110px;
	height:110px;
	line-height:110px;
	font-size:40px;
	border: 7px solid #eb880e; 
}
.thumb .table-button {
	background:rgba(235,136,14,0.7); 
	border-bottom: 2px solid #eb880e;
	margin: 20px auto;
}
.thumb .table-button a {color:#ffffff;}
/************************************************************ Responsive/Mobil ************************************************************/
#leftbox, .mobil-menu, .mobil-menu2, .mobillogo {
	display:none;
}
.mobil-menu, .mobil-menu2 {
		float:left;
		width:60px;
		height:60px;
		line-height:60px;
		text-align:center;
		font-size: 35px;
		color: #eb880e;
		border-right: 1px solid #d0d0d0;
}
.mobillogo img {
	height:80%;
	width:auto;
	margin-top:6px;
}
.mobil-box ul li {
	border-bottom: 1px solid #272727;
	border-top: 1px solid rgba(255,255,255,0.04);
	padding: 0 15px;
	line-height:60px;
	border-left: 5px solid #313131;
}
.mobil-box ul li:first-child {
	border-top:0;
}
.mobil-box ul li a {
	color:#fff;
}
.mobil-box .menu li:hover, .mobil-box .menu .current-menu-item {
	border-left: 5px solid #eb880e;
}
#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 280px;
    padding: 0px;
    background-color: #313131;
    color: #FFF;
	border-top: 4px solid #eb880e;
}
.lefttop {
	background: #272727;
	width:100%;
	display: inline-block;
	height:30px;
	padding: 15px 0;
	text-align:center;
}
.lefttop li {
	border:0!important;
}
@media only screen and (max-width: 1080px) {
	#boxed, .header-top, .header-top-content, .header-bottom, .site-menu, .wrapper, .footer, .footer-content, .callback-content .form, .fullbox, .ucteiki, .halfbox, .uctebir, .hr {
		width: 100%;
	}
	#searchbox input {width: 95%;}
	#boxed {
		box-shadow:0;
		margin:0;
	}
	#boxed .wrapper {
		padding:0;
	}
	.header-top {
		height:60px;
	}
	.header-bottom {
		min-height: 80px;
	}
	.header-bottom .tel, .header-bottom .adres, .header-bottom .search {
		margin-top:15px;
	}
	.header-bottom .search {
		margin-right:15px;
	}
	.logo {
		margin-top:0;
		margin-left:20px;
		padding: 3px 7px;
	}
	.logo img {
		max-width: 200px;
		height: auto;
	}
	nav {
		position: absolute;
	}
	nav, #arama, #iletisim, .site-menu, .slider-content, #dil-liste, .paralar, .callback {
		display:none;
	}
	.mobil-menu {
		display:block;
	}
	.mobil-menu2 {
		float:right;
		border-right: 0;
		border-left: 1px solid #d0d0d0;
	}
	.mobil-menu a {
		color: #eb880e;
	}
	.wrapper {
		padding:0;
	}
	.fullbox {
		border-left:0;
		border-right:0;
	}
	#mpslider img {
		min-height:200px;
	}
	.viewport {
		width: 100%;
		margin:0;
	}
	.urunler li {
		width: 254px!important;
	}
	.page-content, .sidebar, .fullwidth {
		width: 98%;
		padding:10px 1%;
		border-right:0;
		border-left:0;
	}
	.sidebar .menu li {
		width:98%;
		float:left;
		padding: 0 1%;
	}
	.callback-content .fleft {
		width:340px;
		padding-left:10px;
	}
	.footer-content .fleft {
		margin: 0 0 0 10px;
		width:295px;
	}
	.footer-content ul, .copyright {
		padding-left:10px;
	}
	.referans-listesi li {
		margin: 10px 1.4%;
		width: 22%;
	}	
	.widget_liste {
		width:99%;
		padding: 8px 0 0 1%;
	}
	.widget-footer {
		width:195px;
	}
	.relative {
		margin-top:0;
	}
	.owl-theme .owl-controls .owl-page span {
		width:75px;
	}
}
@media only screen and (max-width: 800px) {
	.urunler li {
		width: 240px!important;
	}
	.bizden-haberler li {
		width: 50%!important;
	}
	#mobil-arama {
		width:175px;
	}
	#mobil-arama input {
		width:150px;
	}
	.header-bottom .tel, .header-bottom .adres {
		display:none;
	}
	.callback-content .form {
		display:inline-table;
	}
	.callback-content .fleft, .callback-content .fright {
		width:98%;
		border:0;
		height: auto;
	}
	.footer-content .fright  {
		width: 484px;
	}
	.callback-content .fleft li {
		float:left;
		width:350px;
	}
	.owl-theme .owl-controls .owl-page span {
		width:50px;
	}
}
@media only screen and (max-width: 550px) {
	.icon-box, .table {width:100%; margin:15px 0;}
	.pagetop { background-size: 100% 100%; }
	.page-content .resim { width:75%; margin-right:0; display:block;}
	.page-content .resim img { width:100%; height:152px;} 
	.haber-tarih { width:25%; display:block;}
	.page-content .bizden-baslik, .page-content .bizden-icerik  { max-height:none; overflow: inherit;}
	.header-bottom, .butmorenews, #dil-liste {display:none;}
	.mobillogo {display:block; height:60px; }
	.header-top-content {text-align:center;}
	.owl-theme .owl-controls .owl-page span {
		width:25px;
	}
	.mobil-menu2 {
		display:block;
	}
	.column {
		margin-right: 0;
		width: 100%;
		overflow: hidden;
	}
	homepage-box {
		height:auto;
	}
}
@media only screen and (max-width: 479px) {
	.urunler li, .referanslar li {
		width: 323px!important;
	}
	.bizden-haberler li {
		width: 100%!important;
	}
	#mobil-open-search {
		display:none;
	}
	.owl-theme .owl-controls .owl-page span {
		width:10px;
	}

	.callback-content .fleft li{
		width:300px!important;
	}
	#sa_tel, #sa_name, .callback-content .fleft span  {
		width:250px!important;
	}
	.submitcontact, .wpcf7-submit {
		width: 50px!important;
	}
	.callback-content .fright {
		padding:15px 5px;
	}
	.footer-content .fleft, .footer-content .fright, .callback-content .form {
		float:none;
		width:310px!important;
	}
	#callback .input, .fleft, #callback .input, .fright{
		width: 310px!important;
	}
	.footer-content {
		display: inline-block;
	}
	.referans-listesi li {
		width: 45%;
	}
	h1 {
	font-size:16px;
	}
}