@charset "utf-8";
body {
	background: url(../images/bg.png) repeat;
}

.pagewrapper {
	width:1100px;
	margin:0px auto;
	background:#fff;
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
}

@font-face {
	font-family: 'OpenSansSemiBold';
	src: url('../fonts/OpenSans-Semibold.ttf.eot'); /* IE9 Compat Modes */
	src: url('../fonts/OpenSans-Semibold.ttf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/OpenSans-Semibold.ttf.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/OpenSans-Semibold.ttf.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/OpenSans-Regular.ttf.eot'); /* IE9 Compat Modes */
	src: url('../fonts/OpenSans-Regular.ttf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/OpenSans-Regular.ttf.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/OpenSans-Regular.ttf.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'OpenSansExtraBold';
	src: url('../fonts/opensans-extrabold-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/opensans-extrabold-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/opensans-extrabold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/opensans-extrabold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/opensans-light-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/opensans-light-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/opensans-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/opensans-light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'LatoHairlineItalic';
	src: url('../fonts/lato-haiita-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/lato-haiita-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/lato-haiita-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/lato-haiita-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/lato-haiita-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'LatoHairline';
	src: url('../fonts/lato-hai-webfont.eot'); /* IE9 Compat Modes */
	src: url('../fonts/lato-hai-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/lato-hai-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/lato-hai-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/lato-hai-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.mainwrapper {
	background:#FFF;
	width:950px;
	margin:0 auto;
}

.topnav {
	height:40px;
	font-family: 'OpenSansLight';
	font-size:13px;
	color:#333;
	line-height:40px;
}

.middlenav {
	height:60px;
}

.logo {
	width:383px;
	height:60px;
	float:left;
}

.socialmedia {
	width:567px;
	height:60px;
	float:left;
}

.socialmediabox {
	border:1px solid #dddddd;
	height:30px;
	width:30px;
	float:left;
	margin-left:-1px;
	color:#cdcdcd;
	padding-top:8px;
	padding-left:12px;
	margin-top:12px;
}

.clear {
	clear:both;
}

.mainnavbar {
	height:54px;
	border: 1px solid #dddddd;
	width:100%;
	margin-top:32px;
}

.mainnavbar p {
	font-family: 'LatoHairline';
	color:#504f4f;
	font-size:18px;
	float:left;
	padding-left:14px !important;
	padding-right:14px !important;
	line-height:54px;
	margin:0px;
	padding:0px;
	border-right:1px solid #dddddd;
	font-weight:bold;
}

.slider {
	height:543px;
}

.sliderbox {
	width:237px;
	height:240px;
	background:#67d2e4;
	float:left;
}

.sliderbox h3 {
	font-family: 'OpenSansLight';
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	color:#fff;
}

.sliderbox p {
	font-family: 'OpenSansLight';
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	color:#fff;
}

.sliderbox a {
	font-family: 'OpenSansLight';
	color:#fff;
}

.sliderbox a:hover {
	color:#fff;
	text-decoration:none;
}

.tumhizmetler {
	font-family: 'OpenSansLight';
	color:#504f4f;
	font-size:18px;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	margin-top:25px;
	margin-bottom:5px;
}

.tumhizmetlerborderleft {
	height:2px;
	width:170px;
	background:#2cbfd9;
	float:left;
}

.tumhizmetlerborderright {
	height:1px;
	width:780px;
	background:#dddddd;
	float:left;
	margin-top:1px;
}

.twiiter {
	height:60px;
	width:100%;
	background:#2cbfd9;
	margin-top:25px;
}

.twiiter p{
	line-height:60px;
	color:#fff;
	margin:0px;
	padding:0px;
}

.footer {
	background:#313131;
	width:100%;
}

.copyright {
	background:#2a2a2a;
	height:50px;
	width:100%;
}

.copyrightleft {
	width:400px;
	height:50px;
	line-height:50px;
	padding-left:25px;
	float:left;
}

.copyrightright {
	width:550px;
	height:50px;
	line-height:50px;
	padding-right:15px;
	float:left;
}

.copyrightright p {
	margin-left:15px !important;
	float:left;
	margin:0px;
	padding:0px;
	color:#767676;
}

.copyrightright p:hover {
	color:#2cbfd9;
}

.footerbox {
	width:316px;
	float:left;
	padding:25px;
}

.footerbox h4 {
	color:#fff;
	font-size:18px;
	font-family: 'OpenSansLight';
	margin:0px;
	padding:0px;
}

.footerbox p {
	color:#adadad;
	font-size:12px;
	margin:0px;
	padding:0px;
}

.footerbox a {
	color:#adadad;
	text-decoration:none;
}

.footerbox a:hover {
	color:#fff;
	text-decoration:none;
}

.underlinefooter {
	border-bottom:2px solid #2cbfd9;
	width:50px;
	margin-bottom:20px;
}

.pagetitles {
	height:54px;
	line-height:54px;
	font-size:14px;
	text-transform:uppercase;
	border-bottom:1px solid #dddddd;
	margin-bottom:25px;
}

.hakkimizdaleft {
	width:475px;
	float:left;
}

.hakkimizdaright {
	margin:0px;
	padding:0px;
	width:475px;
	float:left;
	padding-left:25px !important;
	color:#8a8a8a;
}

.hakkimizdaright h4 {
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

.referansboxes {
	border:1px solid #dddddd;
	width:178px;
	height:100px;
	float:left;
	margin-left:15px;
	margin-bottom:25px;
	padding-left:23px;
	padding-top:12px;
}


/**
		* Carousel with image and text, custom skinned scrollbar
		**/
		#carousel-image-and-text {
			width: 950px;
			height: 279px;
			margin-top:20px;
		}	
		#carousel-image-and-text .arrow-holder {
			height: 250px;
		}		
		#carousel-image-and-text .touchcarousel-item {
			margin-right: 0px;	
			width: 237px;
			height: 237px;		
		}
		#carousel-image-and-text .item-block {
			width: 237px;
			height: 277px;
			display: block;
		}
		#carousel-image-and-text .item-block img,
		#carousel-image-and-text .item-block h4, 
		#carousel-image-and-text .item-block p {
			float: left;
			position: relative;
			display: block;
			margin: 0;			
		}
		#carousel-image-and-text .item-block img {
			width: 237px;
			height: 230px;		
			border: 0;
			padding: 0;		
		}
		#carousel-image-and-text .item-block {			
			text-decoration: none;
			color: inherit;
			border:1px solid #dddddd;			
		}					
		#carousel-image-and-text .item-block h4 {
			font: bold 13px/20px Helvetica, Arial, sans-serif;
			color: #504f4f;
			width: 158px;
			height: auto;		
			padding: 2px 0 0 6px;
			-webkit-transition: color 0.2s ease-out; 
			-moz-transition: color 0.2s ease-out;
			transition: color 0.2s ease-out;  	
		}
		#carousel-image-and-text .item-block:hover h4 {	
			color: #2cbfd9;		
		}
		#carousel-image-and-text .item-block p {			
			font: normal 13px/20px Helvetica, Arial, sans-serif;
			color: #555;		
			width: 158px;
			padding: 0 0 0 6px;
		}
		#carousel-image-and-text .scrollbar-holder {
			background: #CED7DB;
			bottom: 0;
			height: 1px;
			left: 0;
			right: 0;
		}
		#carousel-image-and-text .scrollbar {
			background-color: #45a8ce !important;
			bottom: 0;
		}
		
		#customers {
		  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		  border-collapse: collapse;
		  width: 100%;
		}
		
		#customers td, #customers th {
		  border: 1px solid #ddd;
		  padding: 8px;
		}
		
		#customers tr:nth-child(even){background-color: #f2f2f2;}
		
		#customers tr:hover {background-color: #ddd;}
		
		#customers th {
		  padding-top: 12px;
		  padding-bottom: 12px;
		  text-align: left;
		  background-color: #4ec4db;
		  color: white;
		}
		
		.accordion {
		  background-color: #329cde;
		  color: #fff;
		  cursor: pointer;
		  padding: 18px;
		  width: 100%;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 15px;
		  transition: 0.4s;
		  border:1px solid #FFF;
		}
		
		.active, .accordion:hover {
		  background-color: #4caeda; 
		}
		
		.panel {
		  padding: 0 18px;
		  display: none;
		  background-color: white;
		  overflow: hidden;
		}