@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700i,900&subset=latin-ext');
html, body {
	position: relative;
	height: 100%;
}
*{font-family: 'Roboto', sans-serif;}
body{
	font-size:14px;
	font-weight:400;
	background-color:#141310;
	color: #cfba8a;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
a, a *{color: #cfba8a;}
p{
	line-height: 1.5;
}
nav{
	width:100%;
	height:100px;
	background-color:rgba(0,0,0,0.80);
	position:fixed;
	z-index:10;
	padding:0px 50px;
}
.logo{
	float:left;
	height:auto;
	padding:15px;
}
.logo span{
	display:inline-block;
}
.logo img{max-height:70px;}
.menu{
	float :right;
	width:auto;
	margin-right:15px;
}
.menu ul{float:right;}
.menu ul li{
	float:left;
	list-style-type:none;
	line-height:100px;
	margin-left:40px;
}
.menu ul li span{
	color:#bba97d;
}
.menu ul li:hover span, .menu ul li.selected span{
	color:#cfba8a;
	font-weight:bold;
}

.menu ul li:nth-child(1){min-width:65px;}
.menu ul li:nth-child(2){min-width:67px;}
.menu ul li:nth-child(3){min-width:51px;}
.menu ul li:nth-child(4){min-width:61px;}
.menu ul li:nth-child(5){min-width:42px;}
.menu ul li:nth-child(6){min-width:74px;}
.menu ul li:nth-child(7){min-width:48px;}
.menu ul li:nth-child(8){min-width:18px;}

ul#horizontal-list li {
		display: inline;
		font-size: 21px;
		padding: 10px;
	}
	.botp p{
		color:#cfba8a;
		margin:10px;
		font-size:16px;
	}
section{
	float:left;
	width:100%;
	position:relative;
}
#home{
	height:100%;
}
.borderbottom{
	border-bottom:4px solid #22211e;}
.swiper-container {
	width: 100%;
	height: 100%;
	position:absolute;
}
.swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.swiper-pagination{
	text-align:center;
	bottom:30px;
	width: 100%;
}
.swiper-button-next{
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im00MC40LDEyMS4zYy0wLjgsMC44LTEuOCwxLjItMi45LDEuMnMtMi4xLTAuNC0yLjktMS4yYy0xLjYtMS42LTEuNi00LjIgMC01LjhsNTEtNTEtNTEtNTFjLTEuNi0xLjYtMS42LTQuMiAwLTUuOCAxLjYtMS42IDQuMi0xLjYgNS44LDBsNTMuOSw1My45YzEuNiwxLjYgMS42LDQuMiAwLDUuOGwtNTMuOSw1My45eiIgZmlsbD0iI2NmYmE4YSIvPgogIDwvZz4KPC9zdmc+Cg==);
	background-size: 44px;
}
.swiper-button-prev{
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im04OC42LDEyMS4zYzAuOCwwLjggMS44LDEuMiAyLjksMS4yczIuMS0wLjQgMi45LTEuMmMxLjYtMS42IDEuNi00LjIgMC01LjhsLTUxLTUxIDUxLTUxYzEuNi0xLjYgMS42LTQuMiAwLTUuOHMtNC4yLTEuNi01LjgsMGwtNTQsNTMuOWMtMS42LDEuNi0xLjYsNC4yIDAsNS44bDU0LDUzLjl6IiBmaWxsPSIjY2ZiYThhIi8+CiAgPC9nPgo8L3N2Zz4K);
	background-size: 44px;
}
.swiper-pagination-bullet{
	margin:0px 3px;
	background-color:#bba97d;
}
.swiper-pagination-bullet-active{
	background-color:#cfba8a;
}
.w1000{
	max-width:1000px;
	width:100%;
	margin:0px auto;
}
.slide h2{
	text-align:right;
	width:100%;
	font-size:34px;
	clear :both;
	color:#cfba8a;
	font-weight:normal;
}
.slide p{
	color:#cfba8a;
	text-align:right;
	line-height: 1.5;
	margin-top:20px;
	font-size:16px;
	max-width:850px;
	float :right;
}
.slide.imgg img{}
.slide.imgg h2{font-size:1.17em;}
.slide.imgg p{display:none}
.p150{padding:150px 0px;}
.p35{padding:35px 0px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb100spe{margin-bottom:100px;margin-top:35px}
.about_bg{
	background-image:url("../images/about_bg.png");
	background-repeat:no-repeat;
	background-position:center center;
}
.about_text{
	width:calc(100% - 420px);
	float:left;
	height:450px;
	display:table;
}
.about_text h1{
	font-size:34px;
	margin-bottom:20px;
}
.about_text span{
	display:table-cell;
	vertical-align:middle;
}
.about_img{
	float:right;
	width:390px;
	height:450px;
	position:relative;
}
.about_img_phone{
	position:absolute;
	bottom:0px;
	right:0px;
}
.projeler h1{font-size: 34px;}
.positioninherit{position:inherit}
.positionrelative{position:relative}
.positionabsolute{position:absolute}
.overflowhidden{overflow:hidden}
.proje_img{
	width:420px;
	height:360px;
	float:left;
}
.proje_img img{
	max-width:420px;
	max-height:360px;
}
.proje_text{
	width:calc(100% - 450px);
	float:right;
	height:360px;
}
.table{
	display:table;
	height:100%;
	width:100%;
}
.table-cell{
	display:table-cell;
	vertical-align:middle;
}
.proje_baslik{
	height:90px;
	width:100%;
	font-size:24px;
}
.proje_basik_text{
	float :right;
	height:90px;
}
.proje_baslik.no_img,  .proje_baslik.no_img .proje_basik_text{
	height:auto;
}
.proje_baslik.no_img .proje_basik_text{
	width:100%;
	text-align:right;
	margin-bottom:20px;
}
.proje_basik_img{
	float :right;
	margin-left:20px;
}
.proje_basik_img img{
	float :right;
	max-height:90px;
	max-width:90px;
}
.proje_text_text{
	width:100%;
	height:auto;
	line-height: 1.5;
	text-align:right;
	margin-top: 30px;
}
.cozumler h2{
	font-size:34px;
}
.cozum_kutu{
	width:480px;
	height:297px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}
.cozumler .overlay{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.50);
}
.cozumler .overlay p{
	margin:30px;
	font-size:22px;
	font-weight:bold;
}
.big_bg{
	float: left;
	width: 100%;
	position: relative;
	background-image:url("../images/bottom_bg.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.referances{}
.referances_text{
	position: absolute;
	right: 100px;
	max-width:550px;
	text-align:right;
}
.referances_text h2{
	font-size:34px;
	margin-bottom:20px;
}
.referances_img{
	width:100%;
	height:auto;
}
.referances_img{
	max-width:100%;
}
.contact{}
.contact h2{font-size:28px}
.contact .info{
	width: 365px;
	height: 245px;
	float: left;
	background: url(../images/contact_logo.png) no-repeat left center;
	padding-left: 190px;
}
.contact .info .info_text{
	height:100%;
	width:100%;
	display:table;
}
.contact .info_text p{
	display:table-cell;
	vertical-align:bottom;
	line-height: 2;
	font-size: 16px;
}
.contact .info_text p a{
	color: #cfba8a;
}
.contact .form{
	float:right;
	width:550px;
	height:auto;
}
.contact .form input{
	width:calc(33.333333% - 10px);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:rgba(255,255,255,0.30);
	height:26px;
	line-height:26px;
	border:none;
	float:left;
	margin-right:15px;
	padding:0px 10px;
	color:#ffffff;
	margin-bottom:15px;
	font-size:12px;
}
.contact .form form label:nth-child(3) input{margin-right:0px;}
.contact .form textarea{
	resize: none;
	width:100%;
	height:200px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:rgba(255,255,255,0.30);
	color:#d5d5d5;
	border:none;
	padding:10px;
	font-size:12px;
}
.contact .form textarea::placeholder, .contact .form input::placeholder {
	color: #d5d5d5;
	opacity: 1;
}
.contact .form textarea:-ms-input-placeholder, .contact .form input:-ms-input-placeholder {
	color: #d5d5d5;
}
.contact .form textarea::-ms-input-placeholder, .contact .form input::-ms-input-placeholder {
	color: #d5d5d5;
}
.send_button{
	background:none;
	border: 1px solid #cfba8a;
  padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
  border-radius: 15px;
	margin:0px;
	margin-top:15px;
	float :right;
	color:#cfba8a;
}
.bottom_bar{
	font-size:12px;
	width:100%;
	color:#cfba8a;
	border-bottom:2px solid #cfba8a;
	margin-top:10px;
	float:left;
	padding-bottom:3px;
	text-align:center;
}
@media all and (min-width: 1025px) {  .menu_hamburger{display:none;}}
@media all and (max-width: 1024px) {
	body, .slide h2, .slide p{
		text-align:center;
	}
	nav{
		height:70px;
	}
	.logo{
		height:50px;
		margin-top:10px;
		padding:0px;
	}
	.logo img {
		height: 50px;
	}
	.menu_hamburger {
		width: 35px;
		height: 2px;
		position: fixed;
		right: 30px;
		top: 35px;
		z-index: 10;
		background-color:#bba97d;
		box-shadow: 0px 0px 100px 14px #ffffff;
		-webkit-transition: all 200ms ease 0s;
		-moz-transition: all 200ms ease 0s;
		-ms-transition: all 200ms ease 0s;
		-o-transition: all 200ms ease 0s;
		transition: all 200ms ease 0s;
	}
	.menu_hamburger_in{
		padding: 10px;
		margin-left: -10px;
		margin-right: -10px;
		margin-top: -20px;
		padding-top: 20px;
		margin-bottom: -10px;
		-webkit-transition: all 200ms ease 0s;
		-moz-transition: all 200ms ease 0s;
		-ms-transition: all 200ms ease 0s;
		-o-transition: all 200ms ease 0s;
		transition: all 200ms ease 0s;
	}
	.menu_hamburger_in:before{
		content: "";
		margin-top: -8px;
		background-color: #bba97d;
		display: block;
		height: 2px;
		-webkit-transition: all 200ms ease 0s;
		-moz-transition: all 200ms ease 0s;
		-ms-transition: all 200ms ease 0s;
		-o-transition: all 200ms ease 0s;
		transition: all 200ms ease 0s;
	}
	.menu_hamburger_in:after{
		content: "";
		margin-top: 14px;
		background-color: #bba97d;
		display: block;
		height: 2px;
		-webkit-transition: all 200ms ease 0s;
		-moz-transition: all 200ms ease 0s;
		-ms-transition: all 200ms ease 0s;
		-o-transition: all 200ms ease 0s;
		transition: all 200ms ease 0s;
	}
	.menu_hamburger.opened{
		background-color:transparent;
		height:0px;
		-webkit-transition: all 200ms ease 0s;
		-moz-transition: all 200ms ease 0s;
		-ms-transition: all 200ms ease 0s;
		-o-transition: all 200ms ease 0s;
		transition: all 200ms ease 0s;
	}
	.menu_hamburger.opened .menu_hamburger_in:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		margin-top: 0px;
		-webkit-transition: all 200ms ease 0s;
		-moz-transition: all 200ms ease 0s;
		-ms-transition: all 200ms ease 0s;
		-o-transition: all 200ms ease 0s;
		transition: all 200ms ease 0s;
	}
	.menu_hamburger.opened .menu_hamburger_in:after{
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		margin-top: -2px;
		-webkit-transition: all 200ms ease 0s;
		-moz-transition: all 200ms ease 0s;
		-ms-transition: all 200ms ease 0s;
		-o-transition: all 200ms ease 0s;
		transition: all 200ms ease 0s;
	}
	.menu{
		position:fixed;
		width:100%;
		height:100%;
		left :0px;
		top:-100%;
	}
	.menu.opened{
		top:0px;
		-webkit-transition: all 700ms ease 0s;
		-moz-transition: all 700ms ease 0s;
		-ms-transition: all 700ms ease 0s;
		-o-transition: all 700ms ease 0s;
		transition: all 700ms ease 0s;
	}
	.menu.closed{
		top:-100%;
		-webkit-transition: all 700ms ease 0s;
		-moz-transition: all 700ms ease 0s;
		-ms-transition: all 700ms ease 0s;
		-o-transition: all 700ms ease 0s;
		transition: all 700ms ease 0s;
	}
	.mmenu{
		position :absolute;
		width:100%;
		height:100%;
		z-index:9;
		background-color: rgba(0,0,0,0.90);
		-webkit-transition: all 700ms ease 0s;
		-moz-transition: all 700ms ease 0s;
		-ms-transition: all 700ms ease 0s;
		-o-transition: all 700ms ease 0s;
		transition: all 700ms ease 0s;
	}
	.vmiddle{
		width:100%;
		height:100%;
		position:fixed;
	}
	.vmiddle .middle{
		position:absolute;
		width:100%;
		top:50%;
		transform: translate(-00%, -50%);-webkit-transform: translate(-00%, -50%);-moz-transform: translate(-00%, -50%);-o-transform: translate(-00%, -50%);-ms-transform: translate(-00%, -50%);
	}
	.mmenu li {
		width: 100%;
		line-height: normal !important;
		margin: 0px !important;
		text-align: center;
		font-size: 16px;
	}
	.mmenu li a{
		padding: 10px;
		display:inline-block;
		text-align:center;
		width:100%;
	}
	.w1000{
		width :calc(100% - 200px);
	}
	.about_text{
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
	.about_img {
		float: right;
		width: 220px;
		height: 253px;
		position: relative;
	}
	.about_img_phone{
		max-width:90px;
	}
	.about_img {
		float: none;
		width: 220px;
		height: 253px;
		position: relative;
		clear: both;
		margin: 0px auto;
	}
	.proje_img{
		display:none;
	}
	.proje_text{
		width:100%;
		height: auto;
	}
	.proje_basik_img{
		float:none;
		margin:0px;
		margin-bottom: 20px;
	}
	.proje_basik_img img{
		float:none;
	}
	.proje_basik_text{
		height: 30px;
		width: 100%;
		margin-bottom: 20px;
	}
	.text_right, .proje_text_text{
		text-align:center;
		line-height: 1.5;
	}
	.proje_baslik.no_img .proje_basik_text{
		text-align:center;
	}
	.cozum_kutu {
		width: calc(50% - 10px);
		height: auto;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		position: relative;
		text-align:center;
	}
	.cozumler .overlay p {
		transform: translate(-00%, -50%);
		-webkit-transform: translate(-00%, -50%);
		-moz-transform: translate(-00%, -50%);
		-o-transform: translate(-00%, -50%);
		-ms-transform: translate(-00%, -50%);
		top: 50%;
		position: absolute;
		width: 100%;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		font-size: 18px;
	}
	#page4 .proje_img{
		display:inherit;
		width: 100%;
		height: auto;
	}
	#page4 .proje_img img{
		max-width:200px;
	}
	.referances_text {
		position: absolute;
		right: 50px;
		max-width: 60%;
		text-align: right;
	}
	.contact .form {
		float: none;
		width: 100%;
		height: auto;
	}
	.contact .info {
		width: 100%;
		background: url(../images/contact_logo.png) no-repeat top center;
		background-size:130px;
		padding-top: 190px;
		margin: 0px;
		padding-left:0px;
		margin-bottom: 50px;
		height:auto;
	}
	.contact .form input{
		width: 100%;
		text-align: center;
		margin: 0px;
		margin-bottom: 8px;
	}
	.contact .form textarea{text-align:center;}
	.bottom_bar{font-size:10px;margin:10px;}
}
@media all and (max-width: 568px) {
	nav{
		padding: 0px 30px;
		height:50px;
	}
	.logo {
		height: 36px;
		margin-top: 8px;
		padding: 0px;
	}
	.logo img{max-height:36px;}
	.w1000{
		width:calc(100% - 100px);
	}
	.menu_hamburger {
		width: 30px;
		right: 25px;
		top: 25px;
	}
	.slide.imgg h2{
		font-size: 12px;
	}
	.slide h2{
		font-size:16px;
		font-weight:bold;
	}
	.slide p{
		font-size:12px;
	}
	.about_text h1{font-size:24px;}
	.about_text p{font-size:12px;}
	.cozum_kutu{width:100%;}
	.cozum_kutu:nth-child(4), .cozum_kutu:nth-child(5){
		margin-bottom:20px;
	}
	.referances_text{
		width: calc(100% - 100px);
		text-align:center;
		position:static;
		max-width:100%;
		margin:0px auto;
		margin-bottom:20px;
		font-size:12px;
	}
}