@charset "utf-8";
@import url("../webfonts/TR_Avalon/stylesheet.css");
@import url("../webfonts/fontawesome/stylesheet.css");
@import url("../webfonts/icomoon/stylesheet.css");


.socialmedia {
	position: absolute;
	width: 70px;
	top: 0px;
	right: 0px;
}


.wrap_banner {
	width: 100%;
	background-color: #000000;
	margin-bottom: 10px;
}
.banner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.banner h1 {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
.defile_write {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	z-index: 999;
	width: 1000px;
}

.defile {
	width: 100%;
	clear: both;
	background-color: #FFF;
	z-index: 999;
}
.defile p {
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	margin-left: 5px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	vertical-align: top;
}
.defile h1 {
	font-size: 36px;
	line-height: 60px;
	color: #666666;
	margin-left: 20px;
	text-align: center;
}
.address_write {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	z-index: 999;
	width: 1000px;
}
.wrap_small_content {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}



.content_small {
	float: left;
	width: 300px;
	margin: 20px;
}




.content_small h1 {
	font-size: 16px;
	line-height: 36px;
	color: #333333;
	text-align: center;
	font-family: "TR Avalon";
}
.content_small p {
	font-size: 16px;
	line-height: 20px;
	color: rgba(51,51,51,1);
	text-align: justify;
	font-family: "TR Avalon";
}
.content_small img {

}
.up_footer {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #CCCCCC;
	margin-top: 60px;
	clear: both;
}
.up_footer p {
	text-align: center;
}

.second_content {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.second_content h1 {
	font-size: 36px;
	line-height: 60px;
	color: #666666;
	margin-left: 20px;
	text-align: center;
	font-family: "TR Avalon";
}
.second_content h2 {
	font-family: "TR Avalon";

}
.second_content p {
	font-family: "TR Avalon";
}

.wrap_second_content {
	width: 100%;
	background-color: rgba(244,245,249,1);
}
.address {
	width: 100%;
	clear: both;
	background-color: #FFF;
	z-index: 999;
}
.address p {
	font-size: 24px;
	line-height: 30px;
	color: #000000;
	margin-left: 20px;
	text-align: center;
	font-family: "TR Avalon";
}
.address h1 {
	font-size: 36px;
	line-height: 60px;
	color: #666666;
	margin-left: 20px;
	text-align: center;
}
.about p {
	font-size: 16px;
	line-height: 24px;
	color: rgba(51,51,51,1);
	margin-left: 20px;
	text-align: justify;
}
.about_write h1 {
	font-size: 36px;
	color: rgb(24,190,241);
	line-height: 70px;
	text-align: center;
}

.about_write li {
	font-size: 16px;
	color: rgb(51,51,51);
	margin-left: 50px;
	line-height: 24px;
	list-style-type: circle;
	margin-top: 15px;
}

.about_write {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
/* Flexible iFrame */

.Flexible-container {
	position: relative;
	padding-bottom: 30%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 600px;
}
.product_details a:hover {
	color: rgb(0,0,0);
}
.hizmetlerimiz {
	width: 1000px;
	padding: 25px;
	margin-right: auto;
	margin-left: auto;
	z-index: 99999;
}
.referanslarimiz {
}

.hizmetlerimiz h1 {
	font-size: 30px;
	color: rgba(0,0,0,1);
	line-height: 80px;
}
.hizmetlerimiz h2 {
	font-size: 30px;
	color: rgba(0,0,0,1);
	line-height: 50px;
	text-align: center;
}
.hizmetlerimiz p {
	line-height: 32px;
	text-align: justify;
	font-size: 24px;
	color: #666666;
}
.menu_item1 {
	width: 1000px;
	overflow: hidden;
	padding: 40px;
}
.menu_item2 {
	width: 1080px;
	overflow: hidden;
}
.menu_item2 img {
	float: right;
	margin: 20px;
}

.menu_item1 img {
	float: left;
	margin: 20px;
}
.menu_item2 p {
	float: left;
}
.menu_item1 p {
	float: right;
}
#home {
	font-family: fontawesome;
}
.topbanner {
	height: 30px;
	width: 100%;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */













filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 2px 10px -3px rgba(51,51,51,1);
}
.topbanner_wrap {
	width: 1000px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.topbanner_wrap p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: rgba(51,51,51,1);
	font-size: 14px;
	line-height: 30px;
}
.navigation {
	display: inline-block;
	position: relative;
	width: 500px;
	height: 50px;
	padding: 0px;
	float: right;
	margin-top: 65px;
}

.navigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}


.navigation li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.navigation a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 16px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0px;
	line-height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}



.navigation a:hover {
	color: #999999;
	font-size: 16px;
}
.wrap2_header {
	width: 100%;
}

.wrap_header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.wrap2_header .wrap_header a img {
	margin-top: 10px;
}
.wrap_menuler {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	overflow: hidden;
}
.menuler table tr td p {
	text-align: left;
	color: #000;
}