/* Bu sitil dosyası OGS Medya tarafından stgrup için hazırlanmıştır
Mail : ogs@ogsbilisim.com
Tel : 0507 227 30 65 / 0312 911 1 647
*/


@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic|Arimo:400,400italic,700,700italic&subset=latin,greek,greek-ext,vietnamese,latin-ext,cyrillic,hebrew);

	body {
		  font-family: 'Roboto Condensed', sans-serif;
		  font-size:13px;
	}

.temizle
{
	clear:both;
}


.comment {
    overflow: hidden;
    padding: 0 0 1em;
    border-bottom: 1px solid #ddd;
    margin: 0 0 1em;
    *zoom: 1;
}

.comment-img {
    float: left;
    margin-right: 33px;
    border-radius: 5px;
    overflow: hidden;
}

.comment-img img {
    display: block;
}

.comment-body {
    overflow: hidden;
}

.comment .text {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fff;
}

.comment .text p:last-child {
    margin: 0;
}

.comment .attribution {
    margin: 0.5em 0 0;
    font-size: 14px;
    color: #666;
}

/* Decoration */

.comments,
.comment {
    position: relative;
}

.comments:before,
.comment:before,
.comment .text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 65px;
}

.comments:before {
    width: 3px;
    top: -20px;
    bottom: -20px;
    background: rgba(0,0,0,0.1);
}

.comment:before {
    width: 9px;
    height: 9px;
    border: 3px solid #fff;
    border-radius: 100px;
    margin: 16px 0 0 -6px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
    background: #ccc;
}

.comment:hover:before {
    background: orange;
}

.comment .text:before {
    top: 18px;
    left: 78px;
    width: 9px;
    height: 9px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}



.ust-iletisim h1
{
	color:rgba(255,255,255,0.5);
	font-size:16px;
	text-align:left;
	float:left;
	line-height:10px;
		margin-right:8px;
}

.ust-iletisim 
{
	text-align:left;
	float:left;

}


.alt-alan {
  background: rgba(0,0,0,0.9) url(../images/menubg.png);
  color: rgba(255,255,255,0.7);
  webkit-transition: all 1.3s;
	-moz-transition: all 1.3s;
	-o-transition: all 1.3s;
	transition: all 1.3s;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-top:5px solid rgba(0,0,0,0.5);
  padding-bottom:20px;
}


#progress-bari {
    z-index: 1050;
}

#top-panel{
	background:rgba(0,0,0,0.7);
	border-bottom:3px solid rgba(0,0,0,1);
	display:none;
	position:absolute;
	min-width:100%;
	z-index:1;
	max-height:85px;
	overflow:hidden;
}

#sub-panel
{
    z-index: 5;
	position:relative;
	margin:auto;
	background:rgba(0,0,0,0.7);
	text-align:center;
	font-size:25px;
	color:#fff;
	margin-top:102%;
	-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-box-shadow: 0px -5px 23px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -5px 23px -4px rgba(0,0,0,0.75);
box-shadow: 0px -5px 23px -4px rgba(0,0,0,0.75);

}
#sub-panel a
{
	color:#fff;
}

.full-bg
{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	width:100%;
	height:auto;
}

.ana-box i
{
	position:absolute;
	font-size:100px;
	color:rgba(236,236,236,0.7);
	top:0px;
	 transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
		z-index:-1;
		transition: all .5s ease-in-out;
}

.ana-box:hover i {
        transform: translate(100%);
        -webkit-transform: translate(100%);
		color:rgba(236,236,236,0.7);
		 text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
		
    }
	


.ana-box
{
	background:transparent;
	width:100%;
	height:auto;
	border-top:42px solid rgba(255,255,255,0.7);
	margin-top:-41px;
	position:relative;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-transition: border-top 1.3s;
	-moz-transition: border-top 1.3s;
	-o-transition: border-top 1.3s;
	transition: border-top 1.3s;
	padding:10px;
	margin-bottom:41px;
	z-index:100;

}

.ana-box:hover
{
	background:transparent;
	border-top:42px solid rgba(0,0,0,0.7);
	margin-top:-41px;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-transition: border-top 0.9s;
	-moz-transition: border-top 0.9s;
	-o-transition: border-top 0.9s;
	transition: border-top 0.9s;
	margin-bottom:41px;
z-index:100;
}

.ana-box h3
{
-webkit-transition: color 1.3s;
	-moz-transition: color 1.3s;
	-o-transition: color 1.3s;
	transition: color 1.3s;
	margin-top:-42px;
	z-index:100;
}

.ana-box:hover h3
{
		margin-top:-42px;
	color:#fff;
	-webkit-transition: color 0.9s;
	-moz-transition: color 0.9s;
	-o-transition: color 0.9s;
	transition: color 0.9s;
	z-index:100;
	text-shadow: 1px 1px 1px #000, 
               3px 3px 5px rgba(0,0,0,0.7);

}

.border-alt-siyah
{
	border-bottom:4px solid rgba(0,0,0,0.7);
	-webkit-transition: bottom 0.9s;
	-moz-transition: bottom 0.9s;
	-o-transition: bottom 0.9s;
	transition: bottom 0.9s;

}

.border-alt-siyah:hover
{
	border-bottom:6px solid rgba(0,0,0,0.9);
	-webkit-transition: all 1.3s;
	-moz-transition: all 1.3s;
	-o-transition: all 1.3s;
	transition: all 1.3s;

}

.logo-respon img
{
	max-width:160px;
	height:auto;
	margin-left:-40%;
	position:relative;

	
}

.logo-respon
{

	left:-7px;
	position:relative;
	
}

.boxmen {
	width:100%;
	height:35px;
	position:absolute;
	margin-top:-35px;
	top:-16px;

}

/*==================================================
 * Effect 2
 * ===============================================*/
.effectmen
{
  position: relative;

}
.effectmen:before, .effectmen:after
{

  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 0%;
  max-width:300px;
  background: #000;
  box-shadow: 0 15px 10px #000;
  transform: rotate(-3deg);
  z-index:999;

}
.effectmen:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;

}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}  

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  

.slider-stgrup
{
	margin-top:-92px;
}
#map{height:250px;}

#map-iletisim{height:400px;}

#maps{height:400px;}

#map-harita-k{height:600px;}

#map-harita
{
	height:768px;
	margin-top:-92px;
}

.sayfa-full-harita
{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	min-width:100%;
	min-height:100%;
	position:relative;
	top:0px;
	z-index:0;
	
}




.sayfa-full-bg
{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	min-width:100%;
	height:auto;
	margin-top:-20px;
	padding-bottom:20px;
	padding-top:40px;
	
}

#sayfa-galeri .resim-sayfa{
  margin: 3px;
   /* -ms-transform: skew(0deg, 10deg);
  -webkit-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);*/
 
}
#sayfa-galeri .resim-sayfa img{
  display: block;
  width: 100%;
  min-height: 150px;
  max-height:150px;
}

#sayfa-galeri {
	background:#000;
	border-radius: 10px;
  padding: 1em;
background: rgba(219,219,219,1);
background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff', GradientType=0 );
	/* -ms-transform: skew(0deg, -10deg);
  -webkit-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);*/
  

}

#sayfa-proje .resim-sayfa{
  margin: 3px;
   /* -ms-transform: skew(0deg, 10deg);
  -webkit-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);*/
 
}
#sayfa-proje .resim-sayfa img{
  display: block;
  width: 100%;
  min-height: 150px;
  max-height:150px;
}

#sayfa-proje {
	background:#000;
	border-radius: 10px;
  padding: 1em;
background: rgba(219,219,219,1);
background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(219,219,219,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff', GradientType=0 );
	/* -ms-transform: skew(0deg, -10deg);
  -webkit-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);*/
  

}

.sayfa-shadow {
    position: relative;
}
.sayfa-shadow:after,
.sayfa-shadow:before {
    top: 4px;
    box-shadow: 8px -8px 12px -3px hsla(0,0%,0%,.25);
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    right: 7px;
    z-index: -1;
    border-radius: 10px;
    -webkit-transform: skew(-4deg);
            transform: skew(-4deg);
}

.alt-iletisim p{
	color: rgba(255,255,255,0.5);

}



.alt-menu:hover is{
			color: #2196f3;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;


}

.alt-menu is{
			color: rgba(0,0,0,0.5);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;

}


.alt-menu li{
    height: auto;
    overflow: hidden;
    display: block;
	/*color: rgba(255,255,255,0.9);*/
	color: rgba(255,255,255,0.5);
    border-left: 6px solid rgba(0,0,0,0.5);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;
}

.alt-menu li:last-child{
    margin-bottom: 0px;
}
.alt-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
   	color: rgba(255,255,255,0.5);
    position:relative;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.alt-menu li:hover {
    border-color: #2196f3;
		color: rgba(255,255,255,0.9);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;

}

.alt-menu li:hover i{
		color: #2196f3;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:15px;
}

.alt-menu i{
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:5px;
}



.sayfa-menu li{
    height: auto;
    overflow: hidden;
    display: block;
	/*color: rgba(255,255,255,0.9);*/
	color: rgba(255,255,255,0.5);
    border-right: 6px solid rgba(0,0,0,0.8);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:8px;
	padding-top:8px;
}

.sayfa-menu li:last-child{
    margin-bottom: 0px;
}
.sayfa-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
   	color: rgba(0,0,0,0.7);
    position:relative;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.sayfa-menu li:hover {
    border-color: #2196f3;
		color: rgba(255,255,255,0.9);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	background: #2196f3;
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}

.sayfa-menu li:hover i{
		color: #fff;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:15px;
}

.sayfa-menu i{
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:5px;
}




.proje-menu li{
    height: auto;
    overflow: hidden;
    display: block;
	/*color: rgba(255,255,255,0.9);*/
	color: rgba(255,255,255,0.5);
    border-right: 6px solid rgba(0,0,0,0.8);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:8px;
	padding-top:8px;
	min-width:100%;
}

.proje-menu li:last-child{
    margin-bottom: 0px;
}
.proje-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
   	color: rgba(0,0,0,0.7);
    position:relative;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.proje-menu li a:hover
{
		color: rgba(255,255,255,0.7);
}

.proje-menu li:hover {
    border-color: rgba(255,0,0,0.8);
		color: rgba(255,255,255,0.7);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	background: rgba(0,0,0,0.8);
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}



.proje-menu li:hover i{
		color: #fff;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:15px;
}

.proje-menu i{
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:5px;
}



.proje-menus li{
    height: auto;
    overflow: hidden;
    display: block;
	/*color: rgba(255,255,255,0.9);*/
	color: rgba(255,255,255,0.5);
    border-right: 6px solid rgba(0,0,0,0.8);
	border-left:6px solid rgba(0,0,0,0.8);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:8px;
	padding-top:8px;
}

.proje-menus li:last-child{
    margin-bottom: 0px;
}
.proje-menus li a{
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
   	color: rgba(0,0,0,0.7);
    position:relative;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.proje-menus li a:hover
{
		color: rgba(255,255,255,0.7);
}


.proje-menus li:hover {
    border-color: rgba(255,0,0,0.8);
		color: rgba(255,255,255,0.9);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	background: rgba(0,0,0,0.8);


}

.proje-menus li:hover i{
		color: #E53935;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		/*padding-right:15px;*/
}

.proje-menus i{
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		/*padding-right:5px;*/
}

.proje-menu-tum li {
    border-color: rgba(255,0,0,0.8);
		color: rgba(255,255,255,0.9);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	background: rgba(0,0,0,0.8);
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}

.proje-menu-tum li a {

		color: rgba(255,255,255,0.7);
}


.proje-menu-tum  li:hover i{
		color: #E53935;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		/*padding-right:15px;*/
}

.proje-menu-tum  i{
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		color: rgba(255,255,255,0.7);
}





.proje-menu-tumss li {
    border-color: rgba(255,152,0,1);
		color: rgba(255,255,255,0.9);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	background: rgba(255,152,0,0.8);
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}

.proje-menu-tumss li a {

		color: rgba(255,255,255,0.7);
}


.proje-menu-tumss  li:hover i{
		color: #E53935;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		/*padding-right:15px;*/
}

.proje-menu-tumss  i{
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		color: rgba(255,255,255,0.7);
}

.projeh-menu li{
    height: auto;
    overflow: hidden;
    display: block;
	/*color: rgba(255,255,255,0.9);*/
	color: rgba(255,255,255,0.5);
    border-right: 6px solid rgba(0,0,0,0.8);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:8px;
	padding-top:8px;
	min-width:100%;
}

.projeh-menu li:last-child{
    margin-bottom: 0px;
}
.projeh-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
   	color: rgba(0,0,0,0.7);
    position:relative;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.projeh-menu li a:hover
{
		color: rgba(255,255,255,0.7);
}

.projeh-menu li:hover {
    border-color: rgba(255,152,0,0.8);
		color: rgba(255,255,255,0.7);
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	background: rgba(255,152,0,0.8);
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}



.projeh-menu li:hover i{
		color: #fff;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:15px;
}

.projeh-menu i{
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
		padding-right:5px;
}


.author {
   /*width: 460px;*/
   height: 185px; 
   /*height: 230px;*/
   overflow: hidden;
   position: relative;
   margin-bottom:20px;
}

.author img {
   position: absolute;
   top: 0;
   left: 0;
   height: inherit;
   width: auto;
   height: 100%;
   float: left;
   transition: all 0.8s;
   -moz-transition: all 0.8s;
   background: rgba(226,226,226,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(226,226,226,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(222,222,222,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: radial-gradient(ellipse at center, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dedede', GradientType=1 );
width:50%;
-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	padding:5px;

}

.author:hover img {
   /*opacity: 0.4 !important;*/
   -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;

}

.author .author-testo-hover h3 {
   padding: 0px;
   margin: 0px;
   font-size: 25px;
  font-weight:300;
}

.author .author-testo-hover h4 {
   padding: 0px;
   padding-bottom: 13px;
   margin: 0px;
   font-size: 14px;
  letter-spacing: 3px;
   width: 90%;
   border-bottom: 2px solid rgba(255,152,0,1);
}

.author .author-testo-hover p {
   padding-top: 13px;
   font-size: 14px;
   line-height: 20px;
   padding-right:10px;
}


.author .author-testo-hover{
   width: 55%;
   height: 100%;
   position: absolute;
   top: 0%;
   left: 50%;
   padding: 3% 4%;
   background: #000;
   color: rgba(255,255,255,1);
/* display: none;*/
   transition: all 0.8s ease-in-out;
   -moz-transition: all 0.7s;
}

.author:hover .author-testo-hover {
   display: block !important;
   color: rgba(255,255,255,1);
   background:rgba(255,152,0,0.85);
   left: 0px;
   top: 0px;
}


.author .author-testo {
   width: 50%;
   height: inherit;
   background: #000;
   float: left;
   position: absolute;
   left: 50%;
}

.author .author-testo p {
   padding:40px 0px 0px 20px;
   font-size: 17px;
  font-weight:700;
   color: #fff;
}

.author .author-testo p span {
}

.author .author-testo a , .author-sfondo .author-testo {
   padding: 0px 0px 0px 20px;
   color:#FF9800 !important;
   text-decoration: none !important; 
}

.author .author-testo {
   float: left;
} 

.author-sfondo {
   background: #eee !important;
   width: 50% !important;
   height: inherit !important;
}

.author-sfondo p {
   color: rgba(0, 0, 0, 0.80) !important;
}


.kay {
	width:100%;
	max-width:300px;
	float:left;
	

}





#sync1 .item{
    background:#0c83e7;
    padding: 5px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

#sync1 .item img{
min-height:300px; 
width:100%;
 max-height:300px;
 overflow:hidden;
}

#sync2 .item{
      background: #0c83e7;
    padding: 3px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
		 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}


#sync2 .item img{
min-height:55px; 
width:100%;
 max-height:55px;
  overflow:hidden;
}



#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{

   background: #E57373;
  	 -webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

figure.snip0035 {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 100%;
  width: 100%;
  background: #000000;
}
figure.snip0035 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0035 > img {
  opacity: 1;
  width: 100%;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
figure.snip0035 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
figure.snip0035 figcaption h2 {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin: 0;
  padding: 15px 10px;
  position: absolute;
  font-size: 1em;
  top: 50%;
  right: 30px;
  left: 30px;
  font-weight: 300;
  text-transform: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
  background-color: rgba(0,0,0,0.8);
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}
figure.snip0035 figcaption h2 span {
  font-weight: 800;
}
figure.snip0035 figcaption .image {
  position: absolute;
  top: 13%;
  bottom: 35%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, 0%);
  transform: translate(0px, 0%);
}
figure.snip0035 figcaption .image img {
  border-radius: 5px 5px 0 0;
  display: inline-block;
  position: absolute;
  max-height: 100%;
  max-width: 70%;
  width: auto;
  left: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out,-o-transform 0.5s ease-in-out,transform 0.5s ease-in-out;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
figure.snip0035 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip0035:hover > img,
figure.snip0035.hover > img {
  opacity: 0.5;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip0035:hover figcaption h2,
figure.snip0035.hover figcaption h2 {
  top: 65%;
}
figure.snip0035:hover figcaption .image img,
figure.snip0035.hover figcaption .image img {
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
figure.snip0035:hover figcaption::before,
figure.snip0035.hover figcaption::before {
  opacity: 0.8;
}


/* #sosyal medya ikonlar
================================================== */
#container {
}


#sosyal #menu-wrap {
	width:100%;
	height:auto;
/*	border-bottom:#09F thin solid;
	border-bottom-width:3px;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	line-height:13px;
}

#sosyal #menu-wrap .menu-item {
    width: 38px;
    height: 55px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

#sosyal #menu-wrap .menu-item i {
    width:100%;
	padding:7px 0px 5px 0px;
	border-radius:3px;
}

#sosyal #menu-wrap .menu-item i.fa-facebook {
	background:#3B5998;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-twitter {
	background:#44CCF6;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-youtube {
	background:#CE332D;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-linkedin {
	background:#0275B6;
	color:#FFF;
}

#sosyal #menu-wrap .menu-item i.fa-envelope-o {
	background:#bdd3db;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-google-plus {
	background:#D13F2D;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-dribbble {
	background:#EA4C89;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-pinterest-square {
	background:#CB2027;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-stack-overflow {
	background:#FEA501;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-tumblr {
	background:#274152;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-instagram {
	background:#517FA3;
	color:#FFF;
}
#sosyal #menu-wrap .menu-item i.fa-vimeo-square {
	background:#86C9EF;
	color:#FFF;
}
	
#sosyal #menu-wrap .menu-item span {
	width:32px;
	height:32px;
    position: absolute;
    top: 25px;
    left: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    display: block;
	color:rgba(255,255,255,0.5);
	
/*	border:#09F thin solid;
	border-width:2px;*/
	border-radius:50%;
}

#sosyal #menu-wrap .menu-item span:hover {
    top: -32px;
	font-size:20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

span.active {
	top:100px !important;
	font-size:0px !important;
}

#sosyal #menu-wrap .menu-item a {
	text-decoration:none;
}

#sosyal #menu-wrap .menu-item .text {
	text-decoration: none;
    font-size: 20px;
    padding:0px 0px 0px 0px;
    text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    width: 100%;
    position: absolute;
    bottom: -37px;
	left:0;
    display: block;
   
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#sosyal #menu-wrap .menu-item:hover > .text {
	padding:0px 0px 27px 0px;
	bottom:-28px;
	font-size:20px;
    -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	text-align:center;
}

#sosyal #menu-wrap .menu-item .icon {
    font-size: 20px;
    height: 32px;
    padding: 10px 0 0 5px;
    text-align: center;
    width: 0;
}
/* #sosyal medya ikonlar bit
================================================== */

.form-controls {
    background-color: rgba(255, 255, 255, 0.5);
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
	border-bottom: 1px solid #fafafa;
	}
	
.form-controls:hover {
 
       -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

	border-bottom: 1px solid #333;
	}	
	
.form-controls:focus {
    -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

	border-bottom: 1px solid #333;
    outline: 0 ;
}

.kay-var{
	height:880px;
	overflow-x: hidden;
}

.kay-dosya{
	height:100px;
	overflow-x: hidden;
}
	
.bar-main-container {
  margin: 10px auto;
  width: 100%;
  height: 80px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
}

.wrap { padding: 8px; }

.bar-percentage {
  float: left;
      background: rgba(0,0,0,0.13);

  padding-bottom:6px;
  padding-top:6px;
  padding-right:3px;
  width: auto;
  height: 30px;
  line-height:16px;
  text-align:left;
  font-weight:bold;
}

.bar-percentages {
  float: left;
  background: rgba(0,0,0,0.13);
   padding-bottom:6px;
  padding-top:6px;
   padding-right:4px;
  width: auto;
  height: 30px;
  line-height:16px;
}

.bar-percentagess {
  float: left;
  background: rgba(0,0,0,0.13);
   padding-bottom:6px;
  padding-top:6px;
   padding-right:7px;
  width: auto;
  height: 30px;
  line-height:16px;
  -webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.bar-percentagesi {
  float: left;
  background: rgba(0,0,0,0.13);
 padding-right:3px;
 padding-left:3px;
 padding-bottom:6px;
  padding-top:6px;
  width: 5%;
  height: 30px;
  line-height:16px;
  text-align:center;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.bar-container {
  float: right;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 15px;
  background: rgba(0,0,0,0.13);
  width: 100%;
  margin: 12px 0px;
  overflow: hidden;
}

.bar {
  float: left;
  background: #FFF;
  height: 100%;
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* COLORS */
.azure   { background:  #29B6F6; }
.emerald { background: #2CB299; }
.violet  { background: #8E5D9F; }
.yellow  { background: #EFC32F; }
.red     { background: #E44C41; }


/* plag*/

figure.snip1091 {
  position: relative;
  float: left;
 /* margin: 10px 1%;*/
  min-width: 100%;
  max-width: 100%;
  max-height: 310px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
}

figure.snip1091 * {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

figure.snip1091 img {
  opacity: 0.40;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
   border:4px solid #000;
   
}

figure.snip1091 figcaption {
  position: absolute;
  top: 50%;
  left: 30px;
  right: 30px;
  -webkit-transform: rotate(0deg) translateY(-50%) scale(1);
  transform: rotate(0deg) translateY(-50%) scale(1);
  -webkit-transform-origin: center 0;
  transform-origin: center 0;
}

figure.snip1091 figcaption h2 {
  top: 50%;
  letter-spacing: -1px;
  color: #ffffff;
  text-transform:none;
  padding: 10px 0;
  margin: 0;
  font-weight: 400;
  font-size:20px;
}

figure.snip1091 figcaption h2 span {
  font-weight: 800;
}

figure.snip1091 figcaption:before,
figure.snip1091 figcaption:after {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 2px;
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

figure.snip1091 figcaption:before {
  left: 0;
  top: 0;
}

figure.snip1091 figcaption:after {
  bottom: 0;
  right: 0;
}

figure.snip1091.blue {
  background: #091b27;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

figure.snip1091.red {
  background: #2e0e0a;
}

figure.snip1091.yellow {
  background: #4f3204;
}

figure.snip1091.green {
  background: #061c10;
}

figure.snip1091.navy {
  background: #000000;
}

figure.snip1091 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

figure.snip1091:hover img,
figure.snip1091.hover img {
  opacity: 1;
}

figure.snip1091:hover figcaption,
figure.snip1091.hover figcaption {
  -webkit-transform: rotate(-45deg) translateY(-50%) scale(0.9);
  transform: rotate(-45deg) translateY(-50%) scale(0.9);
}

figure.snip1091:hover figcaption:before,
figure.snip1091.hover figcaption:before,
figure.snip1091:hover figcaption:after,
figure.snip1091.hover figcaption:after {
  width: 200%;
}

/* Sepia effect
-----------------------------------*/
.sepia{
  position:relative;
  overflow:hidden;
  margin:0;
}

.sepia .image img{
  display:block;
  width:100%;
  -webkit-filter: sepia(1);
  transition:all 800ms  300ms linear;
}
.sepia:hover .image img{
  -webkit-filter: sepia(0);
  transition:all 800ms  linear;
}

.sepia span,.sepia span:before,.sepia span:after{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255, 255, 255, 0.1);
  transition:all 800ms linear;
}

.sepia span:after,.sepia span:before{
  content:"";
}

.sepia span:before{
  transform:translate(0%,0%);
   transition:all 800ms 300ms linear;
}
.sepia span:after{
  transform:translate(0%,0%);
   transition:all 800ms 300ms linear;
}

.sepia:hover span:before{
  transform:translate(0%,100%);
  transition:all 800ms  linear;
}
.sepia:hover span:after{
  transform:translate(0%,-100%);
  transition:all 800ms  linear;
}



/* Grayscale effect
-----------------------------------*/
.grayscale{
  position:relative;
  overflow:hidden;
}

.grayscale .image img{
  display:block;
  width:100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition:all 1000ms  300ms linear;
}
.grayscale:hover .image img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition:all 1000ms 300ms  linear;
}

.grayscale span,.grayscale span:before,.grayscale span:after{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.1);
  transition:all 800ms linear;
}

.grayscale span:after,.grayscale span:before{
  content:"";
}

.grayscale span:before{
  transform:translate(0%,0%);
   transition:all 800ms  linear;
}
.grayscale span:after{
  transform:translate(0%,0%);
   transition:all 800ms  linear;
}

.grayscale:hover span:before{
  transform:translate(100%,0%);
  transition:all 800ms  linear;
}
.grayscale:hover span:after{
  transform:translate(-100%,0%);
  transition:all 800ms  linear;
}






/* Hue-rotate effect
-----------------------------------*/
.hue-rotate{
  position:relative;
  overflow:hidden;
}

.hue-rotate .image img{
  display:block;
  width:100%;
  -webkit-filter: hue-rotate(180deg);
  filter: hue-rotate(180deg);
  transition:all 1000ms  300ms linear;
}
.hue-rotate:hover .image img{
  -webkit-filter: hue-rotate(0deg);
  filter: hue-rotate(0deg);
    transition:all 1000ms 300ms  linear;
}

.hue-rotate span,.hue-rotate span:before,.hue-rotate span:after{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.1);
  transition:all 800ms linear;
}



.hue-rotate span:after,.hue-rotate span:before{
  content:"";
}

.hue-rotate span:before{
  transform:translate(0%,0%);
   transition:all 800ms  linear;
}
.hue-rotate span:after{
  transform:translate(0%,0%);
   transition:all 800ms  linear;
}

.hue-rotate:hover span:before{
  transform:translate(100%,0%);
  transition:all 800ms  linear;
}
.hue-rotate:hover span:after{
  transform:translate(-100%,0%);
  transition:all 800ms  linear;
}





/* Invert  effect
-----------------------------------*/
.invert{
  position:relative;
  overflow:hidden;
}

.invert .image img{
  display:block;
  width:100%;
  -webkit-filter: invert(1);
  filter: invert(1);
  transition:all 1000ms  300ms linear;
}
.invert:hover .image img{
  -webkit-filter: invert(0);
  filter: invert(0);
    transition:all 1000ms 300ms  linear;
}

.invert span,.invert span:before,.invert span:after{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.1);
  transition:all 800ms linear;
}

.invert span:after,.invert span:before{
  content:"";
}

.invert span:before{
  transform:translate(0%,0%);
   transition:all 800ms  linear;
}
.invert span:after{
  transform:translate(0%,0%);
   transition:all 800ms  linear;
}

.invert:hover span:before{
  transform:translate(0%,100%);
  transition:all 800ms  linear;
}
.invert:hover span:after{
  transform:translate(0%,-100%);
  transition:all 800ms  linear;
}


hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}



@media only screen and (min-width: 0px) and (max-width: 768px) {
	
.slider-stgrup
{
	margin-top:-72px;
	
}

#map-harita
{
	margin-top:-72px;
}

}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
	

.logo-respon img
{
	max-width:300px;
	max-height:auto;
	margin-left:-7px;
	position:relative;

	
}

}


@media only screen and (min-width: 468px) and (max-width: 770px) {


	
/*#sub-panel
{
	top:140%;
}

#top-panel{

	max-height:250px;
	overflow:hidden;
}*/

#sosyal #menu-wrap .menu-item span {
	width:32px;
	height:32px;
    position: absolute;
    top: 0px;
    left: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    display: block;
	color:rgba(255,255,255,0.5);
	
/*	border:#09F thin solid;
	border-width:2px;*/
	border-radius:50%;
}

#sosyal #menu-wrap .menu-item:hover > .text {
	padding:0px 0px 27px 0px;
	bottom:-10px;
	font-size:20px;
    -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	text-align:center;
}

}