.services h3{color:#006666;} /* 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;}
.turuncu{color:#006666;font-size:18px;font-weight:700;} /* color:#ff4800; */
.beyaz{color:#FFF;}
.beyaztelefon{color:#FFF;font-size:32px;font-weight:700;}
#hakkimizda{margin-top:0px;}
#hizmet{margin-top:40px;}
#referans{margin-top:40px;}
#iletisim{margin-top:40px;}

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*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: 400px;
	height: 267px;
	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:#339900;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*/