body, ul , h1, h2, h3, .bizden-haberler p, .contact-detail ul li .title-bar 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: #fff;
	}
#body {
	background: #fff;
}
.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, .page-title, .wrapper, .footer-content {
	width:1080px;
	margin:0 auto;
}
a {
	color : #2d2c32; text-decoration : none;
}
.clear {
	clear:both;
	}
main {
	padding-bottom: 50px;
	background:#fff;
}
/**************** Header ***********************/
header {
    background:url(images/bgindex.jpg);
	}
.header-top {
    background-color: #ffffff;
    border-bottom: 1px solid #d0d0d0;
	height:50px;
	width: 100%;
	position: fixed;
	z-index:99;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.header-top:after {
    position: absolute;
    right: -500px;
    width: 50%;
    height: 51px;
    background: #2d2c32;;
    content: '';
    top: 0;
}
#boxed .header-top {
	width:1280px;
}
#boxed .header-top:after {
	right: -1px;
    width: 250px;
}
/**** Menü ****/
.fixed-home {
	position: relative;
	height:40px;
    width: 0;
    padding: 5px 0;
	display: inline-block;
	float:left;
    overflow: hidden;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
	margin-left:-10px;
}
.f-menu .fixed-home {
	width: 40px;
	margin-left:0px;
}
.site-menu a {
	font-family: 'Open Sans', sans-serif;
}
.site-menu a {
	color:#000000;
    font-size:15px;
	text-shadow: 0px 1px 1px #888687;
}
.site-menu > div > ul > li:before {
	font-size:18px;
    margin-right:7px;
}
.site-menu > div > ul > li {
	color:#000000;
	float: left;
	height: 50px;
	padding: 0 15px;
	line-height: 50px;
	}
.site-menu > div > ul > li:hover, .site-menu > div > ul > .current-menu-item {
	border-bottom:4px solid #2d2c32;
}
.site-menu > div > ul > li:hover ul, ul.menu li.over ul, .site-menu > div > ul > li > ul li:hover .sub-menu { 
	display: block;
}
.site-menu > div > ul > li > ul, .site-menu > div > ul > li > ul .sub-menu {
	border-top:4px solid #2d2c32;
	background:#f6f6f6;
	display: none;
	position: absolute;
	list-style:none; 
    margin: -2px 0 0 -10px;
	}
.site-menu > div > ul > li > ul li {
	display:block;
    float: none;
    min-width: 200px;
	line-height: 32px;
    padding: 7px 10px;
	}
.site-menu > div > ul > li > ul li {
	border-bottom:1px solid #ececec;
	position: relative;
}
.site-menu > div > ul > li > ul > li:hover, .site-menu > div > ul > li > ul > .current-menu-item {
	border-bottom:1px solid #ececec;
}
.site-menu > div > ul > li > ul .sub-menu {
    left: 230px;
    top: 2px;
    border: 0;
}
.site-menu > div > ul > .fullmenu > ul .sub-menu {
	position: static;
    right: -220px;
    top: 2px;
	border:0;
}
.sub-menu li:hover .sub-menu {
	display:block!important;
}
.fullmenu > .sub-menu {
	width: 100%;
    position: absolute;
    left: 0;
    margin: -2px 0 0 0;
	border-bottom: 1px solid #eee;
}
.fullmenu > ul > li {
	float:left!important;
	width:250px;
		border:0;
}
.fullmenu > .sub-menu li {
	border:0!important;
}
.fullmenu > .sub-menu > li > a {
    font-weight: 600;
    border-bottom: 2px solid #ececec;
    width: 100%;
    display: inline-block;
    line-height: 40px;	
}
.fullmenu > .sub-menu > li > .sub-menu {
	display:block!important;
	right:0;
	width: 270px;
}
.fullmenu > .sub-menu > li > .sub-menu li {
	line-height: 20px;
}
.site-arama {
	float:right;
}
.site-arama form {
	background:#2d2c32;
}
.site-arama form i {
	color:#fff;
	font-size: 20px;
	padding: 0 20px;
}
.site-arama input {
	width: 198px;
	height:51px;
	line-height:51px;
	padding: 0;
	background:#2d2c32;
	border:0;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
.header-bottom {
	min-height:157px;
	padding-top: 65px;
}
.header-bottom .tel, .header-bottom .eposta {
    font-size: 15px;
    float: right;
    margin-left: 20px;
    font-weight: 300;
    height: 48px;
    padding: 53px 0 24px 28px;
    display: block;
}
.header-bottom .eposta a {color:#000;}
.header-bottom i {
	font-size:43px;
	color:#2d2c32;
	float:left;
	margin-right: 10px;
}
.header-bottom .eposta div, .header-bottom .tel div {
	float:left;
}
.header-bottom p {
	margin: 0;
}
.sitelogo {
	float:left;
	height:140px;
	margin:7px 25px 10px 0;
}
.sitelogo img, .fixed-home img {height:100%; width:auto; }
/******************** sayfalar ********************/
.pagetop {
	width:100%;
	height: 200px;
	background:url(https://www.sonertanrikulu.av.tr/wp-content/uploads/2020/03/portfolio-header1.jpg);
	background-size: 100% auto;
    	background-repeat: no-repeat;
	margin-bottom: 20px;
	}
.page-title {
	height:100%;
	position:relative;
	text-align:center;
}
.page-title .breadcrumb {
	height: 125px;
	margin-top: 45px;
    display: inline-block;
	color:#fff;
    width:100%;	
    position: relative;
    z-index: 3;
	}
.page-title-span {
    color: rgba(255,255,255,0.15);
    font-size: 175px;
	line-height:200px;
    font-weight: 600;
	width:100%;
	text-align:center;
	position: absolute;
	height:200px;
	overflow: hidden;
}
.page-title .breadcrumb h1{
	margin-top: 21px;
    font-size: 40px;
	text-shadow:1px 2px 2px rgba(0,0,0,0.2);
}
.page-title .breadcrumb a, #mobilfooter a {
	color:#fff;
}
#boxed .page-title h1:after {
	display:none;
}
.page-content {
	width: 800px;
}
.sidebar {
	width:260px;
}
.rightbox {
	float:right;
}
.leftbox {
	float:left;
}
/************ ürün proje referans ****************/
.box-list {
	margin-bottom: 10px;
	display: inline-block;
}
.box-list li {
	float:left;
	margin: 10px;
	width:248px;
	font-weight: 600;
	background: #fff;
    border: 1px solid #dcdcdc;
	border-radius: 5px;
	overflow: hidden;
	text-align:center;
	box-shadow: 0 2px 1px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.07);
}
.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 #2d2c32;
}
.page-content img {
	max-width:100%;
	height:auto;
}
/************ Blog *******/
.blog-list li {
	margin-bottom: 20px;
}
.blog-list li .post-thumb, .page-content .post-thumb {
	display: block;
	position: relative;
	border-top: 2px solid #2d2c32;
}
.page-content .post-thumb {
	border:0;
}
.blog-list li .post-thumb .detail, .page-content .post-thumb .detail {
	position: absolute;
	left: 2rem;
    right: 2rem;
    padding: 1rem;
	bottom: 0;
	color: rgba(255,255,255,0.8);
	border-top: 1px solid rgba(255,255,255,0.8);
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.blog-list li .post-thumb .detail i, .page-content .post-thumb .detail i {
    margin: 0 20px;
    font-size: 5px;
    position: relative;
    bottom: 4px;
}
.blog-list li .post-thumb a:after {
    opacity: 0.5;	
	bottom: 5px!important;
}
.blog-list .content {
	margin: 10px 0;
	max-height: 100px;
	overflow: hidden;
}
.blog-list .butmorenews {
	color:#fff;
}
.sayfalama {
	width: 100%;
	text-align: center;	
}
.sayfalama ul {
	background: #f4f4f4;
	border: 2px solid #eeeeee;
	border-radius: 25px;
	height: 50px;
	padding: 0 25px;
	display: inline-block;
    font-size: 18px;
    font-weight: 600;	
}
.sayfalama ul li {
	float:left;
	padding: 0 10px;
	height: 50px;
	line-height:50px;
}
.sayfalama ul li a {
	color : #222;
}
.sayfalama ul .aktif {
	color: #bbb;
}
/********* yazı sayfası *****/
.singlepost ul li {
	list-style-type: disc;
	margin-left: 25px;
}
/********* yorum alanı ****/
.commentBox {
	margin: 20px 0;
}
ul.commentlist li {
	border: 1px solid #dfdfdf;
	list-style: none outside none;
	margin: 0 0 20px 35px;
	padding: 4px;
}
.fn {
	padding:5px;
	background-color: #dfdfdf;
}
.fn a { color:#000; font-weight:bold;}
.diskadate {
	float: right;
	margin-right: 10px;
}
.comment-avatar {
	overflow: hidden;
	margin: 0 0 0 -33px;
	float: left;
	position: absolute;
	border-radius: 50%;
	background: #fff;
	border-left: 1px solid #dfdfdf!important;
	padding: 5px;
}
.comment-avatar img {border-radius: 50%;}
.comment-avatar img:hover {
	opacity: .7;
	transform:scale(1.2);
	-ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;}
	.diskacontent {
	font-size: 0.95em;
	line-height: 1.5;
	padding: 18px 10px 30px 40px;
	position: relative;
	color: #333333;
}
.comment-reply-link {
	color : #fff!important;
	float: right;
	background:#888888; padding: 5px 10px;
	margin:-5px;
}
.comment-reply-link:hover {
	background:#2d2c32;
}
.children {
	padding:5px;
}
#respond {
	margin : 20px 10px;
}
#commentform .form-allowed-tags, .comment-form-comment label {
	display : none;
}
#commentform textarea, #commentform input {
	background : #FCFCFC;
	color : #777;
	font : 14px Calibri;
	padding :7px;
	width:605px;
	margin-bottom : 7px;
	border : #dfdfdf solid 1px;
}
#commentform textarea {
	width:605px;
}
#commentform #submit, .tarif-gonder-form #submit { 
	width:200px; 
	background:#2d2c32;
	color:#fff; 
	font-weight:bold;
	border:0;
} 
.commentBox .tabs {
	display:flex;
}
.commentBox .tabs li {
	float:left;
}
.commentBox .tabs li h3 {
	margin: 10px
}
.commentBox .tabs .selectTab {
	background: rgba(0,0,0,0.2);
}
/*************** iletişim *****************/
.contact-detail {
    position: relative;
	top:-70px;
    z-index: 1;
    width: 100%;
}
.contact-detail ul li {
	width: calc(100%/3);
	float:left;
    background: #fff;	
}
.contact-detail ul li .title-bar {
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding: 20px 0;
}
.contact-detail ul li .title-bar i {
	font-size: 65px;
    margin-bottom: 10px;
}
.contact-detail ul li .content-bar {
	padding: 25px;
	font-size: 18px;
	line-height: 30px;
	background: #f6f6f6;
	min-height: 135px;
}
.contact-detail ul .address .title-bar {
	background: rgba(45,44,50,1);
}
.contact-detail ul .clock .title-bar{
	background: rgba(45,44,50,0.9);
}
.contact-detail ul .phone .title-bar{
	background: rgba(45,44,50,0.8);
}
.contact-detail ul .clock .content-bar {
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
}
.iletisim form {
	width: 560px;
    margin: 0 auto;
	background: #f6f6f6;
	padding: 50px;
}
.iletisim form input, .iletisim form textarea, .iletisim form input[type="submit" i] {
	width: 100%;
	border: solid 1px #e5e5e5;
	padding: 15px;
	box-sizing: border-box;
}
.iletisim form input[type="submit" i] {
	border:0;
	background: #2d2c32;
	color:#fff;
	font-size: 18px;
    font-family: 'Open Sans', sans-serif;	
}
#iletisimformu input, #iletisimformu input[type="submit" i] {
	margin: 5px 0 10px 0;
}
/**** Slider ****/
#mpslider {
	width:100%;
	overflow:hidden;
}
#mpslider img, .mobil-logo img, .post-thumb img {
	width:100%; 
	height:auto;
}
#mpslider .caption { 
	position: absolute; 
	top: 240px;
	left:90px;
}
#mpslider .caption div {
	background: rgba(255,255,255,0.8); 
	color:#000; 
	font-size:15px; 
	display:table;
	padding: 10px 15px;
	margin-top: 10px;
}
#mpslider .caption span {
	display: inline-block;
	font-size: 18px;
	color: #FFF;
	padding: 10px 15px;
	background:#2d2c32;
}
#mpslider .owl-nav 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: #2d2c32;
	text-align: center;
	font-size: 45px;
}
#mpslider .owl-nav .owl-next {
	left: auto;
	right: 5px;
}
#mpslider .owl-nav 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: #2d2c32;
}
.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 #2d2c32;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	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-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%;
}

/*** bileşenler ***/
.widget {
	padding: 20px 0;	
}
.blog {
	background: url(images/bg.jpg);
}
.customer {
	height: 306px;
	overflow: hidden;
	background-color: #f2f2f2;
	margin-bottom: -72px;
}
.sliding-background{
    height: 306px;
    width: 5076px;
	animation: slide 60s linear infinite; 
}
@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}
.customer .wrapper {
	position:relative;
	z-index: 2;
	margin-top: -270px;
	height: 235px;
	overflow: hidden;	
}
.customer ul li {
	height: 235px;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	text-align:center;
}
.widget .title {
	width: 100%; 
	text-align: center;	
}
.widget .title h3 {
	display: inline-block;
	color: #2d2c32;	
	font-size: 25px;
    font-weight: bold;
	margin-bottom: 15px;
}
.title-icon {
	position:relative;
	width: 28px;
	height:30px;
	float:left;
	margin:-7px 7px 0 0;
}
.title-icon .fa {
	position: absolute;
}
.title-icon .icon1 {
	top:0;
	left:0;
	font-size: 8px;
}
.title-icon .icon2 {
	top:3px;
	left:11px;
	font-size: 9px;
}
.title-icon .icon3 {
	top:13px;
	left:1px;
	font-size: 11px;
}
.title-icon .icon4 {
	right:0;
	bottom:0;
	font-size: 15px;
}
.owl-carousel {
	position: relative;
	width: 100%;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0,0);
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
}
.blog .owl-carousel .owl-item, .type1-box, .type2-box .icon-content {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e1e1;
    box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.item {
	background: #fff;
    height: 406px;
    border-bottom: 10px solid #fff;
	overflow: hidden;	
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
.item img {
	width:100%;
	height: auto;
}
.owl-theme .owl-dots {
    text-align: center;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	cursor:
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
.item p {
	margin: 5px 0;
	padding: 0 10px;
	margin-left: 8px;
}
.item a {
	color: #222;
}
.item .baslik {
	font-size: 16px;
	font-weight: bold;
	margin-left: 8px;
	margin-top: 9px;
}
.wrapper .owl-nav div, .fullwidth .owl-nav div  {
    height: 50px;
    width: 50px;
	line-height: 50px;
    position: absolute;
    top: 50%;
    left: -50px;
    z-index: 3;
    margin-top: -45px;
    color: #fff;	
	background: #2d2c32;	
    text-align: center;
    font-size: 45px;
    overflow: hidden;
    text-decoration: none;
	cursor: pointer;
	border-radius: 3px;
}
.wrapper .owl-nav .owl-next {
    right: -50px;
    left: inherit;
}
.fullwidth .owl-nav div {
	left: 10px;
	background: rgba(45,44,50,0.5);
}
.fullwidth .owl-nav .owl-next {
    right: 10px;
    left: inherit;	
}
.fullwidth .item {
	text-align: center;
	position: relative;
    height: inherit;
}
.fullwidth .item a:after, .blog-list li .post-thumb a:after{
	z-index: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background: -moz-linear-gradient(top, rgba(32,32,32,0) 0%, rgba(32,32,32,0.09) 14%, rgba(32,32,32,0.2) 25%, rgba(32,32,32,0.82) 76%, rgba(32,32,32,0.94) 89%, rgba(32,32,32,1) 100%);
    background: -webkit-linear-gradient(top, rgba(32,32,32,0) 0%,rgba(32,32,32,0.09) 14%,rgba(32,32,32,0.2) 25%,rgba(32,32,32,0.82) 76%,rgba(32,32,32,0.94) 89%,rgba(32,32,32,1) 100%);
    background: linear-gradient(to bottom, rgba(32,32,32,0) 0%,rgba(32,32,32,0.09) 14%,rgba(32,32,32,0.2) 25%,rgba(32,32,32,0.82) 76%,rgba(32,32,32,0.94) 89%,rgba(32,32,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00202020', endColorstr='#202020',GradientType=0 );
}
.fullwidth .item a:hover:after {
	height: 5%;
}
.fullwidth .item span {
	position: absolute;
	padding: 15px 0;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff!important;
	font-size: 18px;
	z-index:1;
}
/****** sidebar *****/
.widget_sidebar {
	background:#f4f4f4;
	margin: 0 0 20px;
}
.widget_sidebar .widgettitle {
    background: #eee;
    font-size: 17px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 29px;
    margin: 0;
}
.widget_sidebar ul {
    margin: 0;
    padding: 10px 11px 1px 30px;
    list-style: none;
    font-size: 14px;
}
.widget_sidebar ul li {
    margin: 0 0 15px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 8px;
}
.widget_sidebar ul li a {
    color: #777;
}	
/****** footer *****/
footer a {
	color:#828282;
}
footer a:hover {
	color:#2d2c32;
}
footer {
	color:#828282;
}
.fleft {
	width:60%;
	float:left;
	height:330px; 
	background-color: #2d2c32;
}
.footer-column {
	float:right;
	width:330px;
	margin: 25px 35px 25px 0;
}
.footer-column .menu li {
	font-size: 15px;
	padding-bottom:5px;
	margin: 10px;
	border-bottom: 1px dotted rgba(255,255,255,0.1);
}
.fright {
	width:40%;
	float:right;
	position: relative;
}
.fright .fa-map-marker, .fright .move-top, .contact-footer .move-top {
	position: absolute;
	top: 185px;
	left:-31px;
	background: #222127;
	color:#828282;
	border-radius: 50%;
	border:1px solid #2e3240;
	width: 60px;
	line-height: 60px;
	text-align: center;
	font-size:30px;
}
.fright .move-top, .contact-footer .move-top {
    width: 75px;
    height: 75px;
	display: block;	
    left: -37px;
    top: -63px;
    font-size: 50px;
    line-height: 70px;
	background: #3b3a42;
	cursor: pointer;
}
#map-canvas {
	background: #2d2c32;
	width: 40%; 
	height:500px; 
	overflow:hidden; 
	padding:0px; 
	margin:0; 
	border:0px; 
	position: fixed!important; 
	bottom:0px!important; 
	z-index:-1!important;
}
.contact-footer {
	width: 100%;
	background: #2d2c32;
	padding-bottom: 15px;
}
.contact-footer .move-top {
    left: 60%;
    top: -14px;
    position: relative;
}
.contact-footer .move-top i {
    top: 9px;
    left: 30%;
    position: absolute;
}
.copyright {
	width:100%;
	height:50px;
	background: #222127;
	float:left;
	line-height: 50px;
	text-align:center;
}
footer .social a{
	background: rgba(255,255,255,0.05);
	width: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	float:left;
	font-size:25px;
	margin-right: 1px;
}
.contact-footer .fright {
	background-color: #2d2c32;
}
/************************************************ 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:#2d2c32; color:#fff; 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;}
.green {background:#00923f;}
.yellow {background:#e67817;}
.blue {background:#007cc2;}
.purple{background:#b74f8e;}
.gray {background:#999999;}
.black {background:#212121;}
/******** İ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:#2d2c32; color:#fff;}
.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%;position: relative; overflow:hidden; color: #666; border-radius: 3px;}
.type1-box {
	background: #fff;
	padding: 15px;
	text-align: left;
}
.type1-box:hover {
	box-shadow: none;
	background:#2d2c32; 
	border-color:#2d2c32; 
	color: #fff;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.type1-box i {
	float:left;
	width:15%;
	font-size: 40px;
	color:#2d2c32; 
}
.type1-box:hover i {
	color:#fff;
}
.type1-box .icon-content {
	float:right;
	width: 80%;
}
.type2-box i{
	background:#2d2c32; 
	color:#fff;
	font-size: 75px;
	width: 100%;
	text-align: center;
	height: 150px;
	line-height: 120px;
	}
.type2-box .iconbg {
	position: absolute;
	top:0;
	font-size: 170px;
    left: -20px;
	width: 75px;
	background: transparent;
	color:rgba(255,255,255,0.1);
	-ms-transform: rotate(15deg); 
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
	        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -webkit-transition:all 0.5s;
        -o-transition:all 0.5s;
}
.type2-box .icon-content {
	position: relative;
	background: #fff;
	width:84%;
	padding: 10px 3%;
	margin: -30px auto 0 auto;
}
.icon-box p { text-align:left;}	
.four-box { width: 22.6%;}
.icon-box:hover .iconbg {
	-ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -webkit-transition:all 0.5s;
        -o-transition:all 0.5s;
}
/******** 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 #2d2c32; 
	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;
	margin-left:0;
}
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; text-align:center;}
.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(45,44,50,0.9), #2d2c32); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(45,44,50,0.9), #2d2c32); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,44,50,0.9), #2d2c32); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,44,50,0.9), #2d2c32); /* Standard syntax */
	color:#fff; 
}	
.thumb .table-price {
	width:110px;
	height:110px;
	line-height:110px;
	font-size:40px;
	border: 7px solid #2d2c32; 
}
.thumb .table-button {
	background:rgba(45,44,50,0.7); 
	border-bottom: 2px solid #2d2c32;
	margin: 20px auto;
}
.thumb .table-button a {color:#fff;}
/******************** 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: #2d2c32;
	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;
}
/******************************************
***************  RESPONSIVE ***************
******************************************/
#mobilmenu {
	display: none;
}
.mobil-header {
	font-size: 30px;
	text-align: center;
	display:none;
}
.menubuton {
	display: block;
	width: 60px;
	line-height: 105px;
	text-align:center;
	background:rgba(255,255,255,0.9);
	z-index:1000;
	position: fixed;
}
#mobilfooter, #mobilarama {
	display:none;
	font-size:30px;
	position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1000;
	background:rgba(45,44,50,0.9); 
}
#mobilarama {
    width: 100%;
    height: 100%;
    text-align: center;
}
#mobilarama input {
	background: transparent;
	color: #fff;
	border:0;
	top: 50%;
	position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
	font-size: 30px;
	line-height: 50px;
}
#mobilarama a {
	position: absolute;
	top:0;
	right:0;
	display: block;
    width: 60px;
    line-height: 60px;
    text-align: center;
	color: #fff;
}
#mobilfooter a {
	display:block;
	width: 20%;
	float:left;
	text-align:center;
	line-height:60px;
}
@media only screen and (max-width: 1220px) {
	.fleft {width:100%; height:auto;}
	.fright {width:0%; display:none;}
	.fright .move-top, .contact-footer .move-top, .fright .fa-map-marker {display:none;}
	.footer-column {width:44%;}
}
@media only screen and (max-width: 1180px) {
	.wrapper .owl-nav div {display:none;}
	#mobilmenu {display:block;}
}
@media only screen and (max-width: 1080px) {
	.header-top, .header-bottom, .sidebar {display:none;}
	.page-title, .wrapper, .footer-content, .page-content {width:100%;}
	.mobil-header,#mobilfooter {display:block;}
	.pagetop {height:inherit;background-size: 100% 100%;}
	.page-title .breadcrumb {margin-top:20px;}
	.page-title-span {font-size:125px;line-height:150px;}
}
@media only screen and (max-width: 768px) {
	.four-box, .three-box {width:47%;}
	.contact-detail ul li {width:100%;}
	.contact-detail ul li .content-bar {min-height:auto;}
	.iletisim form { width:80%; padding: 50px 10%;}
	.breadcrumb > div {display:none;}
	.page-title .breadcrumb h1 {margin: 15px 0px;font-size: 25px;}
}
@media only screen and (max-width: 600px) {
	.footer-column {width:90%; margin: 25px 5%;}
	#commentform textarea, #commentform input {width:100%;box-sizing: border-box;}
	.table {width:49%;}
}
@media only screen and (max-width: 400px) {
	.four-box, .three-box {width:95%;}
	.table {width:98%;}
	.footerlogo img {max-width:100%; height:auto;}
}
/******* mobil menü css ******/
.mm-menu{
	background:#2d2c32!important;
	border-color:rgba(255,255,255,.3);
	color:#fff;
}
.mm-listview>li {
	line-height: 35px;
}
.mm-listview>li a {
	font-family: 'Open Sans', sans-serif;
}
.mm-listview>li:before {
	float: left;
    font-size: 22px;
    line-height: 53px;
    margin: 0 0 0 15px;
}