.services h3{color:#ff4800;}
.sosyal{width:44px;height:44px;padding:4px;}
.referans{width:125px;height:50px;padding:4px;}
.map{margin:0px;padding:0px;width:100%;height:250px;}
.mavi{color:#397cc2;font-size:18px;font-weight:700;}
#hakkimizda{margin-top:0px;}
#hizmet{margin-top:40px;}
#referans{margin-top:40px;}
#iletisim{margin-top:40px;}
.tick {background:url(img/tick.png);width:20px;height:20px;position:relative;top:0px;left:0px;z-index:999;display: inline-block;}
.baslik{color:#397cc2;}
/*Hover Effect*/
/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
figure {
	width: 256px; /* 256 */
	height: 175px; /* 175 */
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* === MAP */
/*#map-handler { text-align: right; margin-top: -7px; }*/
/*#map-handler a { color: #545758; margin-right: 22px; }*/

#ie8 #map { margin-top: 0px; top: -22px; }

#map {
	margin-bottom: 20px;
	margin-top: -20px;
	position: relative;
	min-height: 335px;
	height: 335px;
}

#map .map-overlay-top {
	background: url("theme/assets/images/map-shadow.png") no-repeat scroll center top transparent;
	min-height: 10px;
	width: 100%;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}

#map .map-overlay-bottom {
	background: url("theme/assets/images/map-shadow.png") no-repeat scroll center bottom transparent;
	height: 10px;
	width: 100%;
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
}

#map iframe {
	width:100%;
	height:335px;
}

/* DİĞER MAP CSS */
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio 75%
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 350px !important;
    }

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0px; /* 60px*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */

/* Animated button */
.button{border-radius:4px;background-color:#7fb601;border:none;color:#FFF;text-align:center;font-size:12px;padding:5px;width:80px;transition:all 0.5s;cursor: pointer;margin:5px;}
.button span{cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.button span:after{content:'»';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.button:hover span{padding-right:12px;}
.button:hover span:after{opacity:1;right:0;}
.button2{border-radius:4px;background-color:#ff3300;border:none;color:#FFF;text-align:center;font-size:12px;padding:5px;width:80px;transition:all 0.5s;cursor:initial;margin:5px;}
.button2 span{cursor:initial;display:inline-block;position:relative;transition:0.5s;}
/* Animated button sonu*/