@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500);

 /* font-family: 'Roboto', sans-serif; */

/* 0.0 CSS RESET */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input, select, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}body{line-height:1}ol, ul{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}img{border:0}:focus{outline:0}em{font-style:normal}

/* 1.0 ORTAK ICERIK */

html, body {
	height: 100%;
	position: relative;
}

body { background: ; }


	/* Clearfix */

	.clearfix:after {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
	}

	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }

.fl { float: left; }
.fr { float: right; }
.text-bold { font-weight: bold; }

.content-wrapper {
	clear: both;
	display: block;
	width: auto;
	max-width: 1280px;
	min-width: 960px;
	height: auto;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}

.header {
	display: block;
	width: 100%;
	height: 100px;
	background-image: url(../images/headbackground.jpg);
	border-bottom: 5px solid #0868B6;
}

	.logo {
		display: block;
		width: auto;
		height: auto;
		overflow: hidden;
		float: left;
		margin: 16px 0 0;
	}

	.menu {
		display: block;
		width: auto;
		height: auto;
		overflow: hidden;
		position: static;
		float: left;
		margin: 25px 0 0 15px;
	}

		.menu ul li {
			float: left;
			width: auto;
			height: 71px;
			overflow: hidden;
		}

		.menu ul li.aktif {
			background: url(../images/menu-hover.png) no-repeat bottom center;
		}

		.menu ul li.aktif a {
			color: #0868B6;
		}

			.menu ul li a {
				float: left;
				font: normal 500 16px 'Roboto', sans-serif;
				color: #363942;
				margin: 30px 8px 0;
				-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
			}

				.home-link {
					display: block;
					width: 26px;
					height: 26px;
					background: url(../images/imza-yeni-site-theme.png) no-repeat -12px -7px;
				}

			.menu ul li a:hover,
			.menu ul li a.aktif {
				color: #0868B6;
			}

			.header-iletisim {
				display: block;
				width: auto;
				height: auto;
				float: right;
				margin-top: 20px;
			}

				.header-iletisim a {
					display: block;
					width: auto;
					height: 25px;
					clear: both;
					font: normal 500 16px 'Roboto', sans-serif;
					color: #0767B6;
					margin-bottom: 17px;
				}

				.header-iletisim a:hover {
					color: #D2412D;
					-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
				}

					.hd-fig {
						display: block;
						width: 25px;
						height: 25px;
						margin-right: 10px;
						float: left;
						background: url(../images/imza-yeni-site-theme.png) no-repeat;
					}

						.tel {
							background-position: -83px -8px !important;
						}

						.mail {
							background-position: -48px -8px !important;
						}

.slider {
	display: block;
	width: 100%;
	height: auto;
	background: yellow;
	border-bottom: 5px solid #0868B6;
}

.slogan {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 5px solid #0868B6;
	text-align: center;
	padding: 25px 0;
	text-shadow: -1px -1px 2px rgba(0,0,0,.2);
}

	.slogan h1 {
		font: normal bold 24px 'Roboto', sans-serif;
		color: #D2402C;
		padding: 6px 0;
	}

	.slogan h2 {
		font: normal bold 24px 'Roboto', sans-serif;
		color: #353941;
		padding: 6px 0;
	}

.hizmet-row {
	display: block;
	width: 100%;
	height: auto;
	padding: 25px 0;
	position: relative;
	background: url(../images/home-background-theme.jpg) no-repeat center center ; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

	.hizmet-col {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 31.33%;
		height: auto;
		margin: 0 1%;
		background: rgba(255,255,255,.9);
		float: left;
		-webkit-box-shadow:;
		-mox-box-shadow:;
		box-shadow: 0 0 3px rgba(0,0,0,.4);
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}

	.hizmet-col img {
		display: block;
		width: 80%;
		height: auto !important;
		margin: 15px auto;
	}

	.hizmet-caption {
		display: block;
		width: 100%;
		height: auto;
		font: normal bold 18px 'Roboto', sans-serif;
		color: #0868B6;
		text-align: center;
		padding: 5px 0;
	}

	.hizmet-link {
		display: table;
		width: auto;
		height: auto;
		padding: 8px 55px;
		margin: 15px auto;
		background: #0868B6;
		font: normal bold 18px 'Roboto', sans-serif;
		color: #fff;
		border-bottom: 5px solid #06508C;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-shadow: -1px -1px 1px rgba(0,0,0,.4);
		letter-spacing: .05em;
		-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
	}

	.hizmet-link:hover {
		background: #D95F4C;
		border-bottom: 5px solid #AA3524;
	}

.kurumsal-row {
	display: block;
	width: 100%;
	height: auto;
	margin: 45px 0;
	padding: 15px 0;
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	box-shadow: 0 0 3px rgba(0,0,0,.5);
}

	.kurumsal-col-1 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 20%;
		height: auto;
		float: left;
	}

		.kurumsal-col-1 img {
			display: block;
			width: 70%;
			margin: 1px auto 0;
		}

	.kurumsal-col-2 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 70%;
		height: auto;
		float: left;
	}

		.kurumsal-caption {
			display: block;
			width: auto;
			height: auto;
			float: left;
			padding: 6px 0;
			margin-bottom: 15px;
			border-bottom: 4px solid #449eb7;
			font: normal bold 20px 'Roboto', sans-serif;
			color: #0767B6;
		}

		.kurumsal-text {
			display: block;
			clear: both;
			font: normal 18px 'Roboto', sans-serif;
			color: #353941;
		}

		.kurumsal-link {
			display: block;
			float: right;
			margin: 10px 1.2% 0 0; 
			background: #0767B6;
			font: normal bold 16px/37px 'Roboto', sans-serif;
			text-align: center;
			-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
		}

	.kurumsal-link:hover {
		background: #D95F4C;
	}

		.kurumsal-link a{
			display: block;
			width: 200px;
			height: 37px;
			color: #fff;
		}

		.kurumsal-link a span {
			display: block;
			width: 38px;
			height: 37px;
			float: left;
			background: url(../images/imza-yeni-site-theme.png) no-repeat -54px -45px;
		}

.iletisim-col-1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 63%;
	height: auto;
	float: left;
	margin-right: 2%;
}

.iletisim-col-2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 35%;
	height: auto;
	float: right;
}

	.iletisim-col-2 h3 {
		display: block;
		clear: both;
		width: 100%;
		height: 35px;
		font: normal bold 18px/35px 'Roboto', sans-serif;
		color: #0868B6;
		margin: 15px 0;
		border-bottom: 1px dotted #0868B6;
	}

	.iletisim-col-2 p {
		font: normal 16px 'Roboto', sans-serif;
	}

	.iletisim-caps {
		display: block;
		width: 98%;
		height: 45px;
		background: #D2412D;
		color: #fff;
		padding-left: 2%;
		font: normal bold 18px/45px 'Roboto', sans-serif;
	}

	.iletisim-fig {
		display: block;
		width: 60px;
		height: 60px;
		float: left;
		background: url(../images/imza-yeni-site-theme.png) no-repeat;
		margin: -7px 10px 0 0;
	}

		.form-pic { background-position: -285px -14px !important;}
		.info-pic { background-position: -353px -15px !important;}

	.form-int {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		height: 45px;
		background: #FFFBF0;
		border: 1px solid #C8C5BC;
		margin: 16px 0;
		padding-left: 5%;
		font: italic 14px 'Roboto', sans-serif;
	}

	.form-int:focus {
		background: #fff;
		border: 1px solid #0868B6;
		color: #0868B6;
		font: normal bold 16px 'Roboto', sans-serif;
	}

	.form-text {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		height: auto;
		min-height: 200px;
		max-height: 450px;
		background: #FFFBF0;
		border: 1px solid #C8C5BC;
		margin: 16px 0;
		padding: 15px 5%;
		font: italic 14px 'Roboto', sans-serif;
	}

	.form-text:focus {
		background: #fff;
		border: 1px solid #0868B6;
		color: #0868B6;
		font: normal bold 16px 'Roboto', sans-serif;
	}

	.form-sb {
		display: block;
		width: 250px;
		height: 50px;
		font: normal bold 18px/50px 'Roboto', sans-serif;
		color: #fff;
		text-align: center;
		margin-bottom: 20px;
		background: #D2412D;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		float: right;
		-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
	}

	.form-sb:hover {
		cursor: pointer;
		background: #0868B6;
	}


.tasarim-col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 23%;
	height: auto;
	margin: 1%;
	float: left;
}

	.tasarim-col img {
		display: block;
		width: 100%;
		height: auto;
		border: 2px solid #222222;
	}

	.tasarim-col a {
		display: block;
		width: 100%;
		font: normal bold 16px 'Roboto', sans-serif;
		color: #222222;
		text-align: center;
		padding: 10px 0 0;
	}

	.tasarim-col a:hover {
		color: #D2412D;
	}

#google-map {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin-bottom: 15px;
}

.us-pic {
	display: block;
	width: 100%;
	height: auto;
	margin: 25px 0;
}

.referans-row {
	display: block;
	width: 100%;
	height: auto;
	border: 2px solid #D95F4C;
	border-left: none;
	border-right: none;
	margin: 45px 0;
	padding: 30px 0;
	position: relative;
}

	.ref-caption {
		display: block;
		width: 200px;
		height: 37px;
		position: absolute;
		background: #D95F4C;
		font: normal bold 16px/37px 'Roboto', sans-serif;
		color: #fff;
		text-align: center;
		top: -50px;
		left: 1.2%;
	}

	.ref-link {
		display: block;
		position: absolute;
		background: #0767B6;
		font: normal bold 16px/37px 'Roboto', sans-serif;
		text-align: center;
		bottom: -50px;
		right: 1.2%;
		-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
	}

	.ref-link:hover {
		background: #D95F4C;
	}

		.ref-link a{
			display: block;
			width: 200px;
			height: 37px;
			color: #fff;
		}

		.ref-link a span {
			display: block;
			width: 38px;
			height: 37px;
			float: left;
			background: url(../images/imza-yeni-site-theme.png) no-repeat -11px -45px;
		}

		.ref-col {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			width: 15.66%;
			height: auto;
			float: left;
			margin: 0 .5%;
			border: 3px solid #666666;
		}
			.ref-col img {
				display: block;
				width: 100%;
			}

.footer {
	display: block;
	width: 100%;
	height: auto;
	background-image: url(../images/footer.png);
	background-size: cover;
	clear: both;
}

	.footer-top {
		display: block;
		width: 100%;
		height: auto;
	}

	.footer-bottom {
		display: block;
		width: 100%;
		height: auto;
		padding: 12px 0;
		font: normal 14px 'Roboto', sans-serif;
		color: #fff;
		text-align: center;
	}

		.footer-bottom-border {
			border-top: 2px solid #D95F4C;
		}

		.ft-col {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			width: 30%;
			height: auto;
			float: left;
			overflow: hidden;
			padding: 20px 0;
		}

			.content-wrapper .ft-col:first-child {
				margin-left: 10%;
			}

			.ft-col p {
				font: normal 500 16px 'Roboto', sans-serif;
				color: #fff;
				line-height: 35px;
			}

			.ft-col p span {
				display: block;
				width: 35px;
				height: 35px;
				float: left;
				background: url(../images/imza-yeni-site-theme.png) no-repeat;
				margin: 0 3% 0;
			}

				.ft-mail {
					background-position: -233px -6px !important;
				}

				.ft-adress {
					background-position: -130px -6px !important;
				}

				.ft-tel {
					background-position: -173px -2px !important;
				}
.padding-fix {
	padding: 5px 0;
}

.page-caption {
	display: block;
	width: 100%;
	height: 50px;
	border-bottom: 5px solid #0868B6;
	overflow: hidden;
	margin-bottom: 10px;
	background: url(../images/page-caption-bg.jpg) no-repeat;
	font: normal bold 26px/50px 'Roboto', sans-serif;
	color: #fff;
	text-align: right;
}

.page-caption h1 {
	padding-right: 5px;
}

.ref-col-m {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 200px;
	height: 120px;
	float: left;
	margin: 2% 1.5%;
	border: 2px solid #E1E1E3;
	position: relative;
	overflow: hidden;
	-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
}

.ref-col-m img {
	display: block;
	width: 100%;
}

.ref-col-m figcaption {
	display: block;
	width: 98%;
	height: auto;
	padding: 13px 1%;
	background: #D2412D;
	font: normal bold 12px 'Roboto', sans-serif;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: -200px;
	left: 0;
	-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
}

	.ref-col-m:hover {
		border: 2px solid #D2412D;
	}

	.ref-col-m:hover figcaption {
		bottom: 0;
	}

.us-caption {
	display: block;
	width: 100%;
	height: auto;
	margin: 25px 0;
	padding: 6px 0;
	border: 2px solid #fff;
	border-left: none;
	border-right: none;
	background: #D2412D;
	font: normal bold 22px 'Roboto', sans-serif;
	color: #fff;
	text-align: center;
}

	.us-text {
		font: normal 18px 'Roboto', sans-serif;
		color: #222222;
		padding: 15px 0 25px;
	}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	height: auto;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 3%;
	width: 100%;
	height: 20px;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #0767B6;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 5px 5px 0;
	outline: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #D95F4C;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}