@import url(http://fonts.googleapis.com/css?family=Advent+Pro:700,600,400,200&subset=latin,latin-ext);
body{font:12px/16px Arial, sans-serif; background: #ffffff;}
h1{font:400 45px 'Advent Pro', sans-serif;padding:20px 20px 0 20px}
h2.big{font:400 45px 'Advent Pro', sans-serif;padding:20px 20px 0 20px}
h2{font:400 20px/30px 'Advent Pro', sans-serif;padding-left:20px}
h2 span{font-weight:200}
h5{font:700 128px/128px 'Advent Pro', sans-serif;width:100%;overflow:hidden;left:0;top:89px;text-indent:200px;position:absolute;opacity:0.5;z-index:-10;white-space:nowrap}
h6{font:700 32px 'Advent Pro', sans-serif}

/* Mozilla based browsers */
::-moz-selection {
       background-color: #FFA;
       color: #000;
}
a, a:active, a:visited{
	color:inherit;
	text-decoration:none;
}
/* Works in Safari */
::selection {
       background-color: #FFA;
       color: #000;
}
/*.container>* {width:200px;height:200px;display:none;position:relative;overflow:hidden}*/

#logo{background:#581f99;}
#logo .wrapper{height:100%;background:url('../image/logo-midas.png') 0 0 no-repeat;}
#iletisim{background:#78cc1b;}
#bahar_oner{background:#fff}
#referanslar{background:#a00;color:#fff;}
#baykus{background:#f7a10c}
#referanslar h6,#bahar_oner h6,#baykus h6{width:100%;overflow:hidden;left:0;text-indent:20px;position:absolute;z-index:20;white-space:nowrap}

.wrapper{position:relative;}
.wrapper .alt{display:block;font-size:10px;position:relative;}
.referanslar, .referanslar .wrapper,.bahar-oner{
     -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
 /* text-shadow: 1px 1px 0px #382e2c, 2px 2px 0px #5c5f7;
        letter-spacing: 6px;*/
}


/*
.referanslar:hover{
    left:-20px;
    box-shadow: 20px 0px 0px #aa3434;
}
.referanslar:hover .wrapper{
    -webkit-perspective: 100px; 
     -moz-perspective: 100px; 
      -ms-perspective: 100px;
          perspective: 100px;
  -webkit-transform: rotateY(180deg);  -webkit-transform-style: preserve-3d;
     -moz-transform: rotateY(180deg);     -moz-transform-style: preserve-3d;
      -ms-transform: rotateY(180deg);      -ms-transform-style: preserve-3d;
          transform: rotateY(180deg);          transform-style: preserve-3d;

}
*/
.bahar-oner a.lier img.coverimage{
    margin-top :-45px;
}
/*
.bahar-oner:hover{
    left:-20px;
    box-shadow: 20px 0px 0px #c8c8c8;
}
.bahar-oner .wrapper{
    -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out; 
    left:16px;
}
.bahar-oner:hover .wrapper{
     -webkit-transform: rotate(-90deg);  
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
     left: 62px;
     top: 54px;
}
*/
.wrapper-proje{position:relative; overflow:hidden;}
.wrapper-hakkinda,.wrapper-referans{position:relative;overflow:hidden}
.wrapper-adres{height:190px;margin:10px 20px 9px 20px;position:relative}
.wrapper-form{height:131px;margin:10px 20px 40px 20px;position:relative}

.hakkinda-aciklama{width:300px;margin-right:10px;position:relative;float:left}
big{font:400 16px/21px 'Advent Pro', sans-serif;}
.hakkinda-fotograf{position:relative;}

.container{ width:1440px; height:720px; position:relative; background:url('../image/bg180.jpg') repeat;}
.manual{ cursor: pointer; width: 180px; height:180px; float:left; position: relative;}
.empty{ width: 180px; height:180px; float:left; position: relative;}
.extend{ position: absolute; width:540px; height:540px; display:none; z-index: 200; top:-180px; left:-180px;}
.manual a img{width: 180px;}
.icerik-wrapper{height: 380px; padding-right: 20px;}
.nice-scoll-rails{z-index: 999999;}
.proje-icerik{height: 420px; padding-top: 20px; margin-right: 4px;}
.proje{background-color: #c51a59;}
.proje-aciklama{width:240px; float:left; position: relative; padding-left: 20px; padding-right: 20px;}
.proje-aciklama p,.hakkinda-aciklama p,.proje-fotograf img,.hakkinda-fotograf img{margin-bottom:12px;  }
.hakkinda-fotograf img{margin-left: 10px;}
.proje-aciklama p:last-child,.hakkinda-aciklama p:last-child,.proje-fotograf img:last-child,.hakkinda-fotograf img:last-child{margin-bottom:0;}
.proje-fotograf{position: relative; display:none;}
.proje-fotograf img{display:block; width: 240px;}

.proje-hover{width:140px;height:140px;padding:20px;background-color:#c51a59;color:#fff;display:none;text-decoration:none;position:absolute;z-index:100;}
.proje-hover strong{font-weight:bold}
.proje-hover em{font-style:italic}
.proje-hover .alt{font-size:10px;position:absolute;left:20px;bottom:15px}

.adres{width:210px;font:600 21px/26px 'Advent Pro', sans-serif;margin-bottom:20px;position:relative}
.telefon{width:210px;font:600 13px/18px 'Advent Pro', sans-serif;position:relative}
.harita{width:290px;border:5px solid #f7a10c;position:absolute;right:0;top:0}
input{width:206px;height:14px;border:1px solid #000;font-size:11px;background:#fff;padding:5px;margin-bottom:10px;display:block}
textarea{width:260px;height:119px;border:1px solid #000;font-size:11px;background:#fff;padding:5px;position:absolute;top:-1px;left:228px;resize:none}
.button{display:inline-block;font:400 16px/20px 'Advent Pro',sans-serif;height:23px;width:68px;position:relative;left:65px;margin-left:7px;color:#fff;background:#000;cursor:pointer;text-align:center;border:none}
.button .txt {display:block;padding:0px 5px 2px 5px;position:relative;z-index:4;}
.button .bg-button{background:#f7a10c;bottom:100%;left:0;right:0;top:0;opacity:1.0;position:absolute;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.button:hover .bg-button{bottom:0;left:0;opacity:1.0;right:0;top:0;}
.button a:hover{color:#000;}

.kapat{width:19px;height:21px;background:url('../image/kapat.png') 0 0 no-repeat;cursor:pointer;position:absolute;top:30px;right:30px; z-index: 500;}
.kapat_siyah{width:19px;height:21px;background:url('../image/kapat_siyah.png') 0 0 no-repeat;cursor:pointer;position:absolute;top:30px;right:30px; z-index: 500;}
/*.container-icerik>* {width:600px;height:600px;display:block;position:absolute;z-index:1000; opacity: 0; background:#c51a59; color:#ffffff}*/



	ol {
		counter-reset:li; /* Initiate a counter */
		padding-left:0; /* Remove the default left padding */
                overflow:hidden;
	}
	ol > li {
		position:relative; /* Create a positioning context */
		margin:0; /* Give each list item a left margin to make room for the numbers */
		list-style:none; /* Disable the normal item numbering */
		padding: 8px 0px 8px 0px;
                overflow:hidden;

	}
	.number{
            float:left;
		/* Some space between the number and the content in browsers that support
		   generated content but not positioning it */
            height: 18px;
            width: 60px;
            padding:0px 0px 0px 0px;
            color:#477f8c;
            background:#333333;
            font-size:13px;
            font-weight:700;
            font-family:'Advent Pro', sans-serif;
            text-align:center;
            -webkit-transform: rotate(-90deg);  
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
	}
        
        

.itemContent-scroll{ position: absolute; right:16px;}
.itemContent-scroll .bar{ position: relative; background-color: #faa00e; width: 2px; height: 450px; }
.itemContent-scroll .handler{ position: relative; background-color: #ffffff; width: 4px; height: 100px; margin-left: -1px; cursor:pointer; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px;}
.itemContent-scroll .handler:hover{width: 8px; margin-left: -3px;}
        

.ajaxloading{
    background:url('../image/loading.gif') no-repeat center center;
    position: absolute;
    z-index: 100000;
}

.form-status{
    position: absolute;
    top: -20px;
    right: 0px;
}



.f1nokta2{
    position: absolute;
    left:-4px;
    bottom:100px;
    height: 20px;
     -webkit-transform: rotate(-90deg);   
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg);  
          transform: rotate(-90deg);  
          z-index: 18762;
}
.f1nokta2 a{color:#EEA33B;}


.imza{
    overflow:hidden;
    margin: 0px auto;
    width:1440px;
}

.sign{float:right; margin-left:10px; margin-top:10px;}