﻿@import url('reset.css');
@import url('skeleton.css');
@import url('superfish.css');
@import url('forms.css');
@import url('hover-image.css');
@import url('touchTouch.css');
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,latin-ext);


body {
	background:url(../background.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	font-family: 'Pt Sans Narrow', sans-serif;
	font-size:13px;
	line-height:21px;
	color:#868686;
	position:relative;
	min-width:300px;
}
html, body {
	height:100%;
}
p {
	padding-bottom:18px;
	line-height:22px
}
a {
	color:#ffffff;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a:hover {
	text-decoration: underline
}
/*  Header styles */
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	padding-bottom:18px;
	color:#232122;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:1px 1px #d0d0d0;
	letter-spacing:-1px
}
h1 {
	font-size:32px;
}
h2 {
	font-size:30px;
	padding-bottom:26px;
	line-height:32px;
}
h3 {
	font-size:20px;
	padding-bottom:10px;
}
h4 {
	font-size:19px;
	padding-bottom:19px;
	color:#000;
	line-height:22px;
	text-transform:none;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
}
/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
.fleft {
	float:left
}
.fright {
	float:right
}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.alignmiddle * {
	vertical-align:middle
}
.color1 {
	color:#ef4f33;
}
img {
	max-width:100%;
	height:auto
}
.main {
	width:940px;
	margin:0 auto;
	position:relative
}
p {
	padding-bottom:10px
}
p em {
	color:#2d2d2d;
	font-size:14px;
	line-height:22px
}
.p0 {
	padding-bottom:0 !important;
}
.p01 {
	padding-top:0 !important;
}
.p {
	padding-top:1px
}
.p1 {
	padding-top:2px
}
.p2 {
	padding-top:3px
}
.p3 {
	padding-top:4px
}
.p4 {
	padding-top:5px
}
.p5 {
	padding-top:6px
}
.p6 {
	padding-top:7px
}
.p7 {
	padding-top:8px
}
.p8 {
	padding-top:9px
}
.p9 {
	padding-top:10px
}
.p10 {
	padding-top:11px
}
.p11 {
	padding-top:12px
}
.p12 {
	padding-top:13px
}
.p13 {
	padding-top:14px
}
.p14 {
	padding-top:15px
}
.p15 {
	padding-top:16px
}
.p16 {
	padding-top:17px
}
.p17 {
	padding-top:18px
}
.p18 {
	padding-top:20px
}
.p19 {
	padding-top:25px
}
.p20 {
	padding-top:30px
}
.p21 {
	padding-top:36px
}
.p22 {
	padding-top:38px
}
.padd-1 {
	padding-top:71px;
}
.padd-2 {
	padding-top:66px;
}
.padd-3 {
	padding-top:53px;
}
.padd-4 {
	padding-top:46px;
}
.m0 {
	margin:0 !important
}
.m1 {
	margin-top:-1px
}
.m2 {
	margin-top:-2px
}
.m3 {
	margin-top:-3px
}
.m4 {
	margin-top:-4px
}
.m5 {
	margin-top:-5px
}
.m6 {
	margin-top:-7px
}
.m7 {
	margin-top:-13px
}
.overflow {
	overflow:hidden
}
.img-indent {
	float:left;
	margin:0 5px 7px 0
}
.img-indent1 {
	float:left;
	margin:1px 17px 0 0
}
.img-indent2 {
	float:left;
	margin:0 20px 0 0
}
.line-h {
	line-height:21px
}
.indent-1 {
	float:left;
	margin: 0 24px 0 0
}
.indent-2 {
	float:left;
	margin: 0 44px 0 0
}
/*********************************header*************************************/
header {
	padding:0 0 0px;
	position:relative;
	z-index:100;
	background:url(../images/tail-header.gif) 50% 0;
	border-bottom:3px solid #d2d2d2
	
}
.fthheader{
height:85px;
}

.slg
{
left:530px;
position:absolute;
}

.row-top {
	padding: 10px 0 10px 0
}
header h1 a {
	display:inline-block;
	width:84px;
	height:84px;
	text-indent:-999em;
	background:url(../images/dunya_pp.gif) 0 0 no-repeat;
}
header h1 {
	display:block;
	padding:0;
	margin:0 0 0 -5px;
	float:left;
	z-index:100
}
.address {
	float:right;
	text-align:right;
	font-size:12px;
	line-height:16px;
	color:#a7a7a7;
	font-family: 'Pt Sans Narrow', sans-serif;
	padding-top:34px
}
.address span {
	display:block
}
.row-nav {
	position:relative;
	z-index:50;
}
/********************** Content ************************/
section#content {
	position:relative;
	z-index:20;
	padding:10px 0 10px
}
.box-title {
	color:#353434;
	text-transform:uppercase;
	font-size:36px;
	line-height:37px;
	text-align:center;
	text-shadow:1px 1px #d6d5dc;
	padding: 32px 30px 20px;
	letter-spacing:-2px
}
.border-1 {
	background:url(../images/tail-border.png) repeat-x 0 10px;
	text-align:center
}
.border-1 span {
	display:inline-block;
	font-size:12px;
	line-height:16px;
	color:#191919;
	text-transform:uppercase;
	background:url(../images/tail-body.gif);
	padding:0 32px;
	position:relative
}
.border-1 span:before, .border-1 span:after {
	background:url(../images/marker-center-1.png) no-repeat 0 0;
	width:5px;
	height:9px;
	position:absolute;
	top:5px;
	content:"";
	left:21px
}
.border-1 span:after {
	background:url(../images/marker-center-2.png) no-repeat 0 0;
	right:21px;
	left:auto
}
.border-1 a{line-height:17px}


.title-1 {
	padding-left:64px;
	color:#4b4b4b;
	text-transform:uppercase;
	font-size:24px;
	line-height:24px;
	position:relative;
	margin-bottom:8px;
	text-shadow:1px 1px #fff
}
.title-1:before {
	position:absolute;
	top:0;
	left:0;
	content:""
}
.title-1.img-1:before {
	background:url(../images/page-img1.png) no-repeat 0 0;
	width:53px;
	height:44px
}
.title-1.img-2 {
	padding-left:55px
}
.title-1.img-3 {
	padding-left:54px
}
.title-1.img-4 {
	padding-left:59px
}
.title-1.img-2:before {
	background:url(../images/page-img2.png) no-repeat 0 0;
	width:44px;
	height:51px
}
.title-1.img-3:before {
	background:url(../images/page-img3.png) no-repeat 0 0;
	width:40px;
	height:61px
}
.title-1.img-4:before {
	background:url(../images/page-img4.png) no-repeat 0 0;
	width:48px;
	height:46px
}
.border-horiz, .border-horiz1 {
	background:url(../images/border-horiz.png) repeat-x 0 0;
	height:1px;
	width:100%;
	margin: 11px 0
}
.border-horiz1 {
	margin: 8px 0 23px
}
.box-img {
	padding:3px;
	background:#fff;
	box-shadow: 1px 1px 1px #c5cbcd;
	-moz-box-shadow: 1px 1px 1px #c5cbcd;
	-webkit-box-shadow: 1px 1px 1px #c5cbcd;
	display:inline-block;
}

#page1 .box-img {width:17.6%;}

.box-img1 {
	padding:5px;
	background:#ceced0;
	display:inline-block
}
.box-phone {
	background:url(../images/bg-box-phone.gif) repeat-x 0 0;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	box-shadow: 1px 1px 1px #b9b6b9;
	-moz-box-shadow: 1px 1px 1px #b9b6b9;
	-webkit-box-shadow: 1px 1px 1px #b9b6b9;
	padding:12px 0 14px 0;
	width:737px;
	float:left;
	margin-right:30px
}
.box-phone strong {
	color:#2a2a2a;
	text-transform:uppercase;
	font-size:26px;
	line-height:28px;
	float:left;
	text-shadow:1px 1px #fff;
	font-weight:normal;
	margin-left:22px
}
.box-phone strong em {
	color:#a3a3a3;
	font-style:normal;
	font-size:21px;
	line-height:24px;
	text-transform:none;
	display:block;
	word-spacing:-1px;
	letter-spacing:-1px;
}
.phone-1 {
	font-size:36px;
	line-height:38px;
	text-transform:uppercase;
	color:#131313;
	float:right;
	padding-top:6px;
	text-shadow:1px 1px #fff;
	margin-right:27px
}
.box-mail {
	background:url(../images/bg-mail.gif) repeat-x 0 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	box-shadow: 1px 1px 1px #b9b6b9;
	-moz-box-shadow: 1px 1px 1px #b9b6b9;
	-webkit-box-shadow: 1px 1px 1px #b9b6b9;
	padding:22px 0 20px 0;
	width:171px;
	font-size:24px;
	color:#aeadad;
	text-transform:uppercase;
	float:left;
	font-weight:bold;
	letter-spacing:-1px
}
.box-mail b {
	background:url(../images/part-mail.png) no-repeat 0 0;
	display:inline-block;
	width:36px;
	height:36px;
	margin-left:12px
}
.box-mail i {
	display:inline-block;
	padding:6px 0 0 4px;
	font-style:normal
}
.box-mail:hover {
	text-decoration:none;
	color:#131313
}
.txt-1 {
	font-size:13px;
	color:#000;
	line-height:22px;
}
.dropcap_1 {
	background:url(../images/part-dropcap.png) no-repeat 0 0;
	width:51px;
	text-align:center;
	padding:6px 0 20px;
	color:#fff;
	font-size:35px;
	line-height:37px;
	float:left;
	margin: 0 18px 0 0;
	font-weight:bold
}
.box-quote {
	background:url(../images/tail-bg-quote.gif) repeat-x 0 bottom #e3e3e3;
	position:relative;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	padding: 18px 12px 18px 30px;
	margin-top:1px;
	border:1px solid #dadce1;
}
.box-quote:after {
	background:url(../images/box-quote-angle.png) no-repeat 0 0;
	position:absolute;
	width:34px;
	height:20px;
	bottom:-20px;
	left:64px;
	content:"";
	display:block
}
.quote-1 {
	color:#6b6b6b;
	position:relative;
	line-height:22px
}
.quote-1:before {
	background:url(../images/bg-quote.png) no-repeat 0 0;
	width:26px;
	height:19px;
	position:absolute;
	top:-2px;
	left:-12px;
	content:""
}
.box-team {
	background:#fff;
	padding:9px 9px 0px 9px;
	width:146px;
	box-shadow: 1px 1px 1px #b9b6b9;
	-moz-box-shadow: 1px 1px 1px #b9b6b9;
	-webkit-box-shadow: 1px 1px 1px #b9b6b9;
	margin-bottom:22px
}
.box-team p {
	padding-bottom:7px
}
.box-team figure {
	margin-bottom:7px
}
.box-team.a {
	width:281px;
	padding-bottom:3px;
	margin-bottom:20px
}
.box-team.a figure {
}
.box-service {
	width:247px;
	margin-bottom:26px
}
.date-1 {
	width:51px;
	float:left;
	background:url(../images/part-date.png) no-repeat 0 0;
	text-align:center;
	margin: 0 16px 0 0;
	color:#fff;
	font-size:15px;
	line-height:18px;
	padding:10px 0 22px;
	font-weight:bold
}
.date-1 span {
	display:block;
	margin-top:-4px
}
.box-comments {
	overflow:hidden
}
.box-comments a {
	font-size:14px
}
.posted {
	float:left;
}
.comment {
	float:right;
	width:200px;
	text-align:right
}
/*----- map -----*/

.map {
	background:#fff;
	margin:2px 0 18px;
}
.map iframe {
	height:299px;
	overflow: hidden;
	width:294px;
}
/*----- address -----*/
.mail-1 {
	font-style:normal;
	color:#000;
	display:inline-block;
	text-decoration:none;
}
dl.address-1 dt {
	color:#000;
	line-height:22px
}
dl.address-1 dd {
	line-height:22px
}
dl.address-1 dd span {
	display:inline-block;
	width:72px
}
.policy {
	padding-top:2px
}
.policy span {
	display:block;
	color:#000
}
.policy p {
	padding-bottom:18px
}
/*  links & buttons */
.link-1 {
	color:#202020;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	background:url(../images/marker-1.png) no-repeat right 7px;
	padding-right:14px;display:inline-block
}
.link-2 {
	font-size:13px;
	line-height:22px;
	color:#000
}
.btn-1 {
	background:url(../images/tail-btn.gif) repeat-x 0 0 #222222;
	color:#fff;
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
	display:inline-block;
	padding:11px 10px 12px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

}
.btn-1 span {
	display:inline-block;
	background:url(../images/marker-2.png) no-repeat 0 0;
	width:5px;
	height:6px;
	margin:6px 0 0 4px
}
.btn-1:hover {
	text-decoration:none;
	background:#000
}
/*  lists */

.list-1 {
}
.list-1 li {
	background:url(../images/marker-3.png) no-repeat 0 1px;
	padding:0 0 19px 34px;
	line-height:16px
}
.list-1 li a {
	font-size:11px;
	color:#000;
	display:inline-block;
	text-transform:uppercase;
}
/******************** Footer ******************/
footer {
	padding:20px 0 10px;
	position:relative;
	background:url(../images/tail-border-footer.gif) repeat-x 0 0
	white
}
.privacy {
	color:#232121;
	font-size:12px;
	line-height:18px;
	padding-bottom:6px
}
.privacy strong {
	color:#010101;
	font-size:24px;
	line-height:28px;
	text-transform:uppercase;
	text-shadow:1px 1px #d3d9d3;
	display:inline-block;
	margin-top:-8px
}
.privacy span {
	display:inline-block;
	color:#8d8d8d;
	padding: 0 3px 0 2px
}
.privacy a {
	text-transform:uppercase;
	font-size:12px;
	color:#8d8d8d;
	line-height:18px;
	text-decoration:none
}
.privacy a:hover {
	text-decoration:underline
}
.footer-menu {
}
.footer-menu a {
	color:#9e9e9e;
	text-transform:uppercase;
	font-size:11px;
	display:inline-block;
	margin-right:6px;
	line-height:16px
}
.footer-menu a.active, .footer-menu a:hover {
	text-decoration:none;
	color:#000
}
.soc {
	position:absolute;
	right:-3px;
	top:-5px
}
.soc a {
	display:inline-block;
	margin:0 3px 0 0;
	opacity:1
}




.resimler
{padding-left: 0%}


















/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
 .main {
width:748px
}
 .box-phone {
margin: 0 0 30px 0;
float:none;
width:100%
}
.box-mail {
float:none;
display:block;
width:100%;text-align:center
}
 .box-team {
 margin-bottom: 22px;
 width: 122px;
}
.box-team.a {
 width:217px;
}
 .indent-1 {
 margin: 0 4px 0 0;
}
 .box-service {
 width: 204px;
}
.indent-2 {
 margin: 0 20px 0 0;
}
 .map iframe {
 height:299px;
 overflow: hidden;
 width:268px;
}


/*********************************header*************************************/
#page1 .box-img {width:30%;}


header {
	padding:0 0 0px;
	position:relative;
	z-index:100;
	background:url(../images/tail-header.gif) 50% 0;
	border-bottom:3px solid #d2d2d2
}
.fthheader{
height:135px;
}

.slg
{
left:340px;
top:0px;
position:absolute;
}



.row-top {
	padding: 10px 0 10px 0
}
header h1 a {
	display:inline-block;
	width:84px;
	height:84px;
	text-indent:-999em;
	background:url(../images/dunya_pp.gif) 0 0 no-repeat;
}
header h1 {
	display:block;
	padding:0;
	margin:0 0 0 -5px;
	float:left;
	z-index:100
}
.address {
	float:right;
	text-align:right;
	font-size:12px;
	line-height:16px;
	color:#a7a7a7;
	font-family: 'Pt Sans Narrow', sans-serif;
	padding-top:34px
}
.address span {
	display:block
}
.row-nav {
	position:relative;
	z-index:50;
}
.resimler
{padding-left: 0%}
}
@media only screen and (max-width: 767px) {

header {
	padding:0 0 0px;
	position:relative;
	z-index:100;
	background:url(../images/tail-header.gif) 50% 0;
	border-bottom:3px solid #d2d2d2
}
.fthheader{
height:185px;
}

.slg
{
left:0px;
top:100px;
position:absolute;
}

.dunya{
top:100px;
width:80px;
}




 .main {
width:300px
}
.footer-menu{display:none}

 .title-1 {
padding-bottom:16px
}
 .box-phone {
margin: 0 0 30px 0;
float:none;
width:100%
}
.box-mail {
float:none;
display:block;
width:100%;
text-align:center
}
.box-phone {
text-align:center
}
.phone-1 {
float:none;
margin:0
}
.box-phone strong {
float:none;
margin:0;
display:block
}
.soc {
left:0;
 top: -50px;
}
 .box-team {
 width: 146px;
}
.indent-1 {
 margin: 0 4px 22px 0;
}
 .img-indent2 {
 float: none;
 margin: 0 0 16px 0;
}
.comment {
 float: right;
 text-align: left;
 width: 100%;
}
 .map iframe {
 width: 280px;
}
 .privacy {
bottom:12px;
left:0;
top:auto;
width:100%;
}


.resimler
{padding-left: 0%}
}


@media only screen and (min-width: 440px) and (max-width: 767px) {




header {
	padding:0 0 0px;
	position:relative;
	z-index:100;
	background:url(../images/tail-header.gif) 50% 0;
	border-bottom:3px solid #d2d2d2
}
.fthheader{
height:185px;
}

.slg
{
left:0px;
top:100px;
position:absolute;
}

.fthlogo
{
left:0px;
width:260px;

}


.dunya{
top:100px;
width:120px;
}






#page1 .box-img {width:30%;}


 .main {
width:420px
}
 .box-service {
 width: 200px;
}
.indent-2 {
 margin: 0 20px 0 0;
}
 .img-indent2 {
 float: left;
 margin: 0 20px 0 0;
}
 #gallerySlider .placeholder img {
width:400px;
}
 .img-indent1 {
float:left;
margin:3px 20px 0 0
}
 .box-team {
width: 119px;
}
.comment {
 float: right;
 text-align: right;
 width: 200px;
}
 .map iframe {
 width: 400px;
}

#page1 .box-img {
	width:100%
}

.soc {
right:0;
left:auto;
 top: -16px;
}
.privacy a {
display:inline-block
}
.privacy {
bottom:32px;
left:0;
top:auto;
width:100%;
}

.resimler
{padding-left: 23%}







}
@media only screen and (max-width: 440px) {




header {
	padding:0 0 0px;
	position:relative;
	z-index:100;
	background:url(../images/tail-header.gif) 50% 0;
	border-bottom:3px solid #d2d2d2
}
.fthheader{
height:185px;
}

.fthlogo
{
left:0px;
width:220px;

}


.slg
{
left:0px;
width:240px;
top:100px;
position:absolute;
}

.dunya{
top:100px;
width:40px;
}




#page1 .box-img {width:30%;}


 .main {
width:100%
}
 .box-service {
 width: 200px;
}
.indent-2 {
 margin: 0 20px 0 0;
}
 .img-indent2 {
 float: left;
 margin: 0 20px 0 0;
}
 #gallerySlider .placeholder img {
width:400px;
}
 .img-indent1 {
float:left;
margin:3px 20px 0 0
}
 .box-team {
width: 119px;
}
.comment {
 float: right;
 text-align: right;
 width: 200px;
}
 .map iframe {
 width: 400px;
}

#page1 .box-img {
	width:100%
}

.soc {
right:0;
left:auto;
 top: -16px;
}
.privacy a {
display:inline-block
}
.privacy {
bottom:32px;
left:0;
top:auto;
width:300;
}
.altyazi
{display:none}

.resimler
{padding-left: 20%}

}


}



/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
