/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

.web_ui {
  display: none;
}




	
	/* Styles */

/* DENEME ----------------------------


#varliginizadegerkatan  {
   position: absolute;
   left: 40px;
   top: 452px;
   z-index: 5;
   width: 240px;
   height: 26px;
   margin-left: 0px;
   margin-top: 0px;
   background-image: url(sg_anasayfa_media/varliginizadegerkatan.gif);
   background-repeat: no-repeat;
}

#ridefooter,
.footer  {
   width: 100%;
   position: relative;
   clear: left;
   display: block;
}

#anasayfazemin  {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
   width: 320px;
   height: 480px;
   margin-left: 0px;
   margin-top: 0px;
   background-image: url(sg_anasayfa_media/anasayfazemin.gif);
   background-repeat: no-repeat;
}

#innerfooter  {
   width: 320px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   height: 0px;
   background-image: none;
   background-color: transparent;
}

#ridefooter  {
   font-size: 0px;
}

#yesilbant  {
   position: absolute;
   left: 0px;
   top: 99px;
   z-index: 4;
   width: 320px;
   height: 43px;
   margin-left: 0px;
   margin-top: 0px;
   background-image: url(sg_anasayfa_media/yesilbant.gif);
   background-repeat: no-repeat;
}

#siyahbant  {
   position: absolute;
   left: 0px;
   top: 447px;
   z-index: 4;
   width: 320px;
   height: 33px;
   margin-left: 0px;
   margin-top: 0px;
   background-image: url(sg_anasayfa_media/siyahbant.gif);
   background-repeat: no-repeat;
}

#page_bkg  {
   position: absolute;
   width: 320px;
   height: 480px;
   left: 0px;
   top: 0px;
   display: block;
   z-index: 1;
}

#footer  {
   background-image: none;
   background-color: transparent;
   height: 0px;
   position: absolute;
   bottom: 0px;
   margin: 0px;
   padding: 0px;
   display: block;
   width: 100%;
}

#page  {
   height: 480px;
   width: 320px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}

#logo  {
   position: absolute;
   left: 94px;
   top: 36px;
   z-index: 4;
   width: 132px;
   height: 44px;
   margin-left: 0px;
   margin-top: 0px;
   background-image: url(sg_anasayfa_media/logo.gif);
   background-repeat: no-repeat;
}

#men  {
   position: absolute;
   left: 119px;
   top: 104px;
   z-index: 5;
   width: 82px;
   height: 28px;
   margin-left: 0px;
   margin-top: 0px;
   background-image: url(sg_anasayfa_media/men.gif);
   background-repeat: no-repeat;
}

#top  {
   min-height: 100%;
   width: 100%;
}

body  {
   background-color: #FFFFFF;
   background-image: none;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   height: 100%;
   -webkit-text-size-adjust: none;
}






------------------------------ */
	

}

@media only screen 
and (min-width : 320px) {

  .mobile_ui{display: none;}
/* Styles */

element.style {
    opacity: 1;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

body,html {
    height:100%;
}
body {
   /* background: url("../images/main_left_bg.jpg") repeat-x scroll left top #E7E7E7; */
/*background: url('../images/bg3.png') no-repeat center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
     /*background:#f8f4eb;*/
/*background:#ccc;*/
position:relative;
background:#bcd1e0;
    color: #3B3F49;
    font-family:Arial,Helvetica,sans-serif;

    font-size: 0.8125em;

    line-height: 1.15em;
    text-align: center;

    min-height: 100%;
    min-width: 1044px;
    padding: 0px 0 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica, Arial, "Lucida Grande", sans-serif;

   /* background:url("../images/bg-body-1.jpg") repeat-x;*/

}
a, a:active, a:visited {
    color: #222222;
    text-decoration: none;
}
p  {
    text-align:left;
    }

ul {
    text-align:left;
}

#wrapper {
	position:absolute; 
    width:980px;
    height:475px;
    margin:auto;
    margin:0px;
    padding:0px 0px;
    background:#f7f3e9;
    /*overflow:hidden;*/
    border: 1px solid #fff;
}

#header {
    background:#fff;
    width:980px;
    height:80px;
    position:relative;
}
#anasayfa-content{
width:980px;
}
#bg-menu-1 {
    background:url('../images/bg-menu-blue.png') repeat-x;
    width:980px;
    height:34px;
    z-index:5;
    position:absolute;
}
#bg-menu-1-f {
    background:url('../images/bg-menu-blue.png') repeat-x;
    width:980px;
    height:36px;
    z-index:5;
    position:absolute;
}
#logo {
    background:url('../images/logo.png') center no-repeat;
    width:155px;
    height:53px;
    position:absolute;
    top:17px;
    left:15px;
    cursor:pointer;
}
#menu {
    background:#fff;
    width:390px;
    height:35px;
    /*border:solid thin #000;*/
    position:absolute;
    top:18px;
    right:3px;
	opacity:0;
}
#menu-line {
    background:url('../images/menu-line.png') center no-repeat;
    width:372px;
    height:10px;
    /*border:solid thin #000;*/
    position:absolute;
    top:18px;
}
#point {
    background:url('../images/point.png') center no-repeat;
    width:11px;
    height:11px;
    /*border:solid thin #000;*/
    position:absolute;
    top:17px;
    left:-3px;
    opacity:0.7;
}
#menu-text{
background:url('../images/menu-text.png') center no-repeat;
width:372px;
height:34px;
/*border:solid thin #000;*/
position:absolute;
top:25px;
z-index:5;
}
#company{
background:url('../images/bizkimiz.png') center no-repeat;
width:80px;
height:16px;
/*border:solid thin #000;*/
margin-left:34px;
float:left;
cursor:pointer;
}
#company:hover{
opacity:0.7;
}
#projects{
background:url('../images/proje.png') center no-repeat;
width:80px;
height:16px;
/*border:solid thin #000;*/
float:left;
cursor:pointer;
}
#projects:hover{

opacity:0.7;
}
#contact{
background:url('../images/iletisim.png') center no-repeat;
width:80px;
height:16px;
/*border:solid thin #000;*/
float:left;
cursor:pointer;
}
#contact:hover{
opacity:0.7
}
#degisim{
background:url('../images/degisim.png') center no-repeat;
width:80px;
height:16px;
/*border:solid thin #000;*/
float:left;
cursor:pointer;
}
#degisim:hover{
opacity:0.7
}
#sky{
background:url('../images/sky.png') no-repeat center;
width:980px;
height:360px;
/*border:solid thin #000;*/
position:absolute;
bottom:0px;
z-index:1;
}
#sky-f{
background:url('../images/sky-f.png') no-repeat center;
width:980px;
height:395px;
bottom:0px;
position:absolute;
z-index:0;
}
#house{
background:url('../images/house.png') no-repeat center;
width:422px;
height:332px;
/*border:solid thin #000;*/
position:absolute;
left:184px;
top:730px;
z-index:4;
}

#sun{
background:url('../images/sun.png') center no-repeat;
width:191px;
height:188px;
position:absolute;
left:394px;
top:500px;
/*border:solid thin #000;*/
z-index:3;
}

#marti-01{
background:url('../images/marti01.png') center no-repeat;
width:308px;
height:381px;
/*border:solid thin #000;*/
position:absolute;
left:34px;
top:600px;
z-index:4;
}
#marti-03{
background:url('../images/marti02.png') center no-repeat;
width:481px;
height:456px;
/*border:solid thin #000;*/
position:absolute;
right:0px;
top:600px;
z-index:4;
}
#marti-02{
background:url('../images/marti03.png') center no-repeat;
width:180px;
height:166px;
/*border:solid thin #000;*/
position:absolute;
left:356px;
top:500px;
z-index:5;
}

#b1{
position:absolute;
width:247px;
height:177px;
right:90px;
top:36px;
/*opacity:0.9;*/
background:url('../images/bulut01.png') center no-repeat;
z-index:3;
}
#b2{
position:absolute;
width:247px;
height:177px;
left:-22px;
top:82px;
/*opacity:0.9;*/
background:url('../images/bulut02.png') center no-repeat;
z-index:3;
}
#b3{
position:absolute;
width:199px;
height:85px;
right:-2px;
bottom:64px;
/*opacity:0.9;*/
background:url('../images/bulut03.png') center no-repeat;
z-index:3;
}

/*
#elephant{
background:url('../images/elephant.png') no-repeat center;
width:563px;
height:410px;
position:absolute;
left:10px;
top:40px;
z-index:4;
}
*/
#elephant{
background:url('../images/elephant.png') no-repeat center;
width:563px;
height:410px;
/*border:solid thin #000;*/
position:absolute;
left:10px;
top:450px;
z-index:4;
}
#clouds{
background:#fff;
width:380px;
height:380px;
/*border:solid thin #000;*/
}

#page-wrapper {
	background:#e9e7eb;
    width:980px; height:394px;
    position:relative;
    overflow:hidden;
}

.page {
    width:100%;
    height:0%;
    position:absolute;
    /* top:394px; left:0; */
    bottom:0; left:0;
    z-index:1;
    overflow:hidden;
}

.page.current {
    /* top:0; */
    z-index:0;
    height:100%;
}

.page .page-content {
    position:absolute;
    bottom:0; left:0; 
    z-index:1;
    height:360px;
    width:980px;
}
.line {
    width:100%; 
    height:34px;
    position:absolute;
    top:0; left:0;
    z-index:4;
    
}

#green-line {
    background:url("../images/green.png") no-repeat;
}
#blue-line {
    background:url("../images/blue.png") no-repeat;
}
#mor-line {
    background:url("../images/mor.png") no-repeat;
}
#pink-line {
    background:url("../images/pink.png") no-repeat;
}
#brown-line{
    background:url("../images/brown.png") no-repeat;
}

#page-home {
height:0%;
    
}

/* bizkimiz sayfa baslangici*/

#page-company  {
    background:url("../images/bg-bizkimiz.png") no-repeat;

}
#page-company .page-content{
	top:35px !important;
}
#bizkimiz-text-bg{
    width:844px;
    height:229px;
    position:absolute;
    z-index:2;
    margin:auto;
    background:#fff;
    opacity:0.54;
}
#bizkimiz-text{
    width:844px;
    height:229px;
    position:absolute;
    margin:auto;
    top:70px;
bottom:0;
left:70px;
    z-index:3;
}
#bizkimiz-h1{
   /* font-size:30px;
    font-family:"Helvetica Neue", Helvetica, Arial,sans;
    z-index:3;
    line-height:1.5;
    text-align:left;*/
     margin-left:30px;
     width:376px;
     height:99px;
     background:url('../images/bizkimiz-hayalet.png') no-repeat;
     z-index:3;
     position:absolute;
     top:18px;
}
#bizkimiz-text-content{
    font-size:12px;
    font-family:Helvetica, Arial, sans;
    width:690px;
    height:100px;
    z-index:3;
    position:absolute;
    top:105px;
    left:30px;
    font-weight:500;
}
/* Styles specific to this particular page */
.scroll-pane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}
#balon-01{
position:absolute;
width:61px;
height:82px;
z-index:2;
background:url('../images/balon01.png') no-repeat center;
top:53px;
left:50px;
}
#balon-02{
position:absolute;
width:34px;
height:45px;
z-index:2;
background:url('../images/balon02.png') no-repeat center;
top:107px;
left:15px;
}
#bizkimiz-zeppelin{
position:absolute;
width:163px;
height:287px;
z-index:4;
background:url('../images/bizkimiz-zeppelin.png') no-repeat center;
top:50px;
right:35px;
}
#bizkimiz-bulut-01{
position:absolute;
width:279px;
height:207px;
z-index:1;
background:url('../images/bulut01-bizkimiz.png') no-repeat center;
top:0px;
left:0px;
}
#bizkimiz-bulut-02{
position:absolute;
width:198px;
height:144px;
z-index:1;
background:url('../images/bulut02-bizkimiz.png') no-repeat center;
bottom:0px;
right:0px;
}
#bizkimiz-sun{
background:url('../images/sun.png') center no-repeat;
width:191px;
height:188px;
position:absolute;
left:13px;
bottom:4px;
/*border:solid thin #000;*/
z-index:2;
}
#page-projects{
	background:url('../images/projects_bg.png')  repeat-x;
}
#page-contact{
	background:url('../images/contacts_bg.png')  repeat-x;
}
.projects_bg {
	background: url('../images/prjects_innerbg.png') repeat;
	position: absolute;
	width: 844px;
	height: 297px;
	top: 30px;
	left: 65px;
	z-index: 3;
}
.proje_txt{
	background: url('../images/proje_txt.png') repeat;
	position: absolute;
	width: 142px;
	height: 121px;
	top: 240px;
	left: 36px;
		z-index: 4;
}
.proje1_sun{
	background: url('../images/proje1_sun.png') repeat;
	position: absolute;
	width: 85px;
	height: 85px;
	top: 680px;
	left: 158px;
		z-index: 4;
}
.proje2_sun{
	background: url('../images/proje2_sun.png') repeat;
	position: absolute;
	width: 85px;
	height: 85px;
	top: 670px;
	left: 235px;
		z-index: 4;
}
.proje3_sun{
	background: url('../images/proje3_sun.png') repeat;
	position: absolute;
	width: 85px;
	height: 85px;
	top: 670px;
	left: 315px;
		z-index: 4;
}
.proje1_sun:hover,.proje1_sun.over{
	background: url('../images/proje1_sun_h.png') repeat;
	position: absolute;
	width: 85px;
	height: 85px;
	top: 680px;
	left: 158px;
		z-index: 4;
}
.proje2_sun:hover,.proje2_sun.over{
	background: url('../images/proje2_sun_h.png') repeat;
	position: absolute;
	width: 85px;
	height: 85px;
	top: 670px;
	left: 235px;
		z-index: 4;
}
.proje3_sun:hover,.proje3_sun.over {
	background: url('../images/proje3_sun_h.png') repeat;
	position: absolute;
	width: 85px;
	height: 85px;
	top: 670px;
	left: 315px;
		z-index: 4;
}
.projects_txt{
	position: absolute;
	width: 40%;
	height: 297px;
	left: 495px;
}
.project1head{
	background: url('../images/proje1hdr.png') no-repeat scroll top left;
	width: 242px;
	height: 75px;
	top: 13px;
	position: absolute;
}
.projects_txt1{
	position: absolute;
	width: 40%;
	height: 297px;
	left: 495px;
}
.projects_txt2{
	position: absolute;
	width: 40%;
	height: 297px;
	left: 495px;
}
.project2head{
	background: url('../images/proje2hdr.png') no-repeat scroll top left;
	width: 186px;
	height: 75px;
	top: 13px;
	position: absolute;
}
.project3head{
	background: url('../images/proje3hdr.png') no-repeat scroll top left;
	width: 202px;
	height: 86px;
	top: 13px;
	position: absolute;
}
#project-text-content{
	font-size: 12px;
	font-family: Helvetica, Arial, sans;
	height: 140px;
	z-index: 3;
	position: absolute;
	top: 118px;
	left: 0px;
	font-weight: 500;
}
#project-text-content1{
	font-size: 12px;
	font-family: Helvetica, Arial, sans;
	height: 186px;
	z-index: 3;
	position: absolute;
	top: 95px;
	left: 0px;
	font-weight: 500;
}
#project-text-content2{
	font-size: 12px;
	font-family: Helvetica, Arial, sans;
	height: 186px;
	z-index: 3;
	position: absolute;
	top: 95px;
	left: 0px;
	font-weight: 500;
}
#b11{
position:absolute;
width:247px;
height:177px;
right:90px;
top:-79px;
background:url('../images/bulut01.png') center no-repeat;
z-index:-1;
}
#b12{
position:absolute;
width:247px;
height:177px;
left:22px;
top:-78px;
background:url('../images/bulut02.png') center no-repeat;
z-index:-1;
}
#b13{
position:absolute;
width:199px;
height:85px;
right:2px;
bottom:-26px;
background:url('../images/bulut03.png') center no-repeat;
z-index:3;
}
#sun1{
background:url('../images/sun.png') center no-repeat;
width:191px;
height:188px;
position:absolute;
left:794px;
z-index:1;
}
.projects_bg2{
	background: url('../images/prjects_innerbg.png') repeat;
	position: absolute;
	width: 844px;
	height: 230px;
	top: 65px;
	left: 65px;
}
#b21{
	position: absolute;
	width: 247px;
	height: 177px;
	right: 540px;
	top: -40px;
	background: url('../images/bulut01.png') center no-repeat;
	z-index: -1;
}
#b22{
	position: absolute;
	width: 247px;
	height: 177px;
	left: 698px;
	top: 192px;
	background: url('../images/bulut02.png') center no-repeat;
	z-index: -1;
}
#b23{
	position: absolute;
	width: 199px;
	height: 85px;
	right: 678px;
	bottom: 24px;
	background: url('../images/bulut03.png') center no-repeat;
	z-index: -1;
}
#sun2{
	background: url('../images/sun.png') center no-repeat;
	width: 191px;
	height: 188px;
	position: absolute;
	left: -6px;
	z-index: 3;
}
.contact_txt{
	background: url('../images/iletisim_txt.png') no-repeat scroll top left;
	width: 151px;
	height: 48px;
	top: 20px;
	left: 30px;
	position: absolute;
	z-index: 4;
}
#contact-text-content{
	position: absolute;
	top: 135px;
	left: 10px;
}
#contact-text-content p{
	float:left;
	margin-left:20px;
}
.girisbuton {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1500;
}
#video {
	position: absolute;
	top: -115px;
	left: 40px;
}
#index-zeppelin{
position:absolute;
width:163px;
height:287px;
z-index:4;
background:url('../images/bizkimiz-zeppelin.png') no-repeat center;
right:195px;
}
#flexslider2 {
margin: 0;
padding: 0;
float: left;
}
.slider {
width: 481px;
height: 297px;
float: left;
overflow: hidden;
}
#marti-401{
background:url('../images/marti01.png') center no-repeat;
width:308px;
height:381px;
/*border:solid thin #000;*/
position:absolute;
left:34px;
top:600px;
z-index:4;
}
#marti-403{
background:url('../images/marti02.png') center no-repeat;
width:481px;
height:456px;
/*border:solid thin #000;*/
position:absolute;
right:0px;
top:600px;
z-index:4;
}
#marti-402{
background:url('../images/marti03.png') center no-repeat;
width:180px;
height:166px;
/*border:solid thin #000;*/
position:absolute;
left:356px;
top:500px;
z-index:5;
}
#b411{
	position:absolute;
	width:240px;
	height:142px;
	right:0;
	top:-10px;
	/*opacity:0.9;*/
	background:url('../images/bulut01-f.png') center no-repeat;
	z-index:3;
}
#b421{
	position:absolute;
	width:247px;
	height:177px;
	left:242px;
	top:100px;
	/*opacity:0.9;*/
	background:url('../images/bulut02-f.png') center no-repeat;
	z-index:3;
}
#b431{
	position:absolute;
	width:199px;
	height:85px;
	left:20px;
	bottom:235px;
	/*opacity:0.9;*/
	background:url('../images/bulut03-f.png') center no-repeat;
	z-index:3;
}
#b41{
	position:absolute;
	width:240px;
	height:142px;
	right:90px;
	top:70px;
	/*opacity:0.9;*/
	background:url('../images/bulut01-f.png') center no-repeat;
	z-index:3;
}
#b42{
	position:absolute;
	width:247px;
	height:177px;
	left:242px;
	top:100px;
	/*opacity:0.9;*/
	background:url('../images/bulut02-f.png') center no-repeat;
	z-index:3;
}
#b43{
	position:absolute;
	width:199px;
	height:85px;
	left:20px;
	bottom:235px;
	/*opacity:0.9;*/
	background:url('../images/bulut03-f.png') center no-repeat;
	z-index:3;
}
#gelen_sky{
background:url('../images/sky.png') no-repeat center;
width:980px;
height:360px;
/*border:solid thin #000;*/
position:absolute;
bottom:0px;
z-index:1;
}
#sky-degisim{
background:url('../images/degisim-sky.png') no-repeat center;
width:980px;
height:360px;
/*border:solid thin #000;*/
position:absolute;
bottom:0px;
z-index:1;
}
#house4{
	background:url('../images/house-f.png') no-repeat center;
	width:368px;
	height:316px;
	/*border:solid thin #000;*/
	position:absolute;
	right:75px;
	top:450px;
	z-index:4;
}
#sun4{
	background:url('../images/sun.png') center no-repeat;
	width:191px;
	height:188px;
	position:absolute;
	right:190px;
	top:450px;
	/*border:solid thin #000;*/
	z-index:2;
}
#clouds4{
background:#fff;
width:380px;
height:380px;
/*border:solid thin #000;*/
}
#sun41{
	background:url('../images/sun.png') center no-repeat;
	width:191px;
	height:188px;
	position:absolute;
	right:780px;
	top:200px;
	/*border:solid thin #000;*/
	z-index:2;
}
#degisim-text-bg{
	width: 844px;
	height: 292px;
	position: absolute ;
	z-index: 5;
	margin: auto;
	background: #fff;
	top: 55px;
	left: 0px;
}
.ui-draggable{
	opacity:1 !important;
}



}



/* --------------DEBUG 

.web_ui {
  display:none;
}