@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);



body {

	font-family: 'Open Sans', Arial, serif;

}

a {

	color: #000;

}

a:hover {

	color: #111;

}





/* header */ 

header {

	background: #007c1b;

	padding: 30px 0;

	margin-bottom: 15px;

}



.menu ul li a {

	color: #000;

	z-index: 2;

	font-weight: 600

}

.menu ul li a:hover, .menu ul li a:focus {

	background: transparent;

	color: #fff;

}

.menu ul > li .menu-alt {

	color: #fe4747;

	visibility: hidden;

	font-weight: 800;

}

.menu ul > li .menu-alt {

	color: #fff;

	position: absolute;

	text-align: center;

	margin: 0 auto;

	right: 0;   

	left: 0;

	margin-top: -15px;

	visibility: hidden;

	z-index: 1;

}

.menu ul > li:hover > .menu-alt {

	visibility: visible;

}

.navbar-toggle {

	padding:0;

	margin-top: 0px;

	margin-bottom: 0px;

}

@media  (max-width: 768px) { 

	.menu-alt {

		display: none !important;

	}

}

@media  (min-width: 992px) { 

	.ust-sosyal {

		margin-top: 5px;

	}

}

@media  (min-width: 768px) { 

	.menu {

		padding-left: 0;

		padding-right: 0;

	}

	.menu ul li:first-child a {

		padding-left: 0;

	}

}

.mobil-menu-button {

	font-size: 18px;

}

header .sosyal {

	margin-right: 0px;

}

header .sosyal a {

	background: transparent;

	border: 2px solid #000;

	border-radius: 100%;

	height: 35px;

	color: #000;

	width: 35px;

	padding: 0;

	text-align: center;

	line-height: 30px;

	-webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

header .sosyal a:hover, header .sosyal a:focus {

	background: transparent;

	color: #fff;

	border-color: #fff;

}

header .sosyal li {

	margin-right: 10px;

}

header .sosyal li:last-child {

	margin-right: 0;

}







/* alanlar */



#index1 {

	padding: 30px 0;

}

#index1 .kapsa {

	border: 1px solid #dfdfdf;

}

#index1 .kapsa.kampanya {

	background: 047a18;

}

#index1 .kapsa .baslik {

	font-weight: 600;

	font-size: 18px;

	color: #007f00;

	margin: 15px 15px 0 15px;

}

@media  (min-width: 768px) { 

	#index1 .kapsa {

		height: 250px;

	}

}

@media (min-width: 992px) { 

	#slider2 article {

		font-size: 13px;

		margin-bottom: 10px;

	}

}

@media  (max-width: 992px) { 

	#index1 .kapsa {

		margin-bottom: 15px;

	}

}

@media  (max-width: 768px) { 

	#slider2 article {

		margin-bottom: 10px;

	}

}





#sayfa {

	margin-bottom: 15px;

}

.urun-sayfa {

	margin-top: -15px;

}

#sayfa .breadcrumb {

	background: transparent;

	padding-left: 0;

	margin-bottom: 15px;

}

#sayfa .breadcrumb>li+li:before {

  padding: 0 5px;

  color: #000;

  content: "\003e";

}

#sayfa .urun-baslik {

	color: 047a18;

	font-weight: 600;

	margin-top: 0;

}

#sayfa th {

    font-weight: bold;

    color: 047a18

}



/* referanslar */


#sayfa .referanslar {
	margin-bottom: 30px;
}
#sayfa .referanslar .item {
	background: #f7f7f7;
	border: 1px solid #ddd;
	height: 50px;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 15px;
	vertical-align: middle;
	width: 100%;
}
@media (max-width: 767px) {
	#sayfa .referanslar .item {
		padding-top: 5px;
	}
}



/* slider */



#slider1 {

	border: 1px solid #047a18

}

#slider1 .item img{

    display: block;

    width: 100%;

    height: auto;

}

#slider1 .owl-carousel {

	position: relative;

}

#slider1 .owl-prev,

#slider1 .owl-next {

	position: absolute;

	top: 50%;

	margin-top: -10px; 

}

#slider1 .owl-prev {

	left: 0;

	font-size: 20px;

}

#slider1 .owl-next {

	right: 0;

	font-size: 20px;

}

#slider1 .owl-controls .owl-buttons div {

	border-radius: 100%;

	height: 35px;

	width: 35px;

	text-align: center;

	opacity: 1;

	background: 047a18;

}

#slider1 .owl-controls .owl-buttons div:hover {

	background: #000

}







#slider2 {

	padding: 15px;

}

#slider2 .owl-controls {

	text-align: right;

	margin-top: 0;

}

#slider2 .owl-controls .owl-buttons div {

	opacity: 1;

	background: #047a18;

	height: 25px;

	height: 25px;

	border-radius: 100%;

}

#slider2 .owl-controls .owl-buttons div:hover {

	background: #000

}









/* footer */



#footer1 {

	background: #000;

	padding: 15px 0;

	color: #fff;

}

#footer1 .copyright {

	font-size: 12px;

}

@media  (min-width: 991px) { 

	#footer1 .copyright {

		line-height: 35px;

	}

	#footer1 .footer-logo {

		margin-top: 10px;

	}

}



#footer1 .sosyal {

	margin-right: 0px;

}

#footer1 .sosyal a {

	background: transparent;

	border: 2px solid #4098fd;

	border-radius: 100%;

	height: 35px;

	color: #4098fd;

	width: 35px;

	padding: 0;

	text-align: center;

	line-height: 30px;

	-webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

#footer1 .sosyal a:hover, #footer1 .sosyal a:focus {

	background: transparent;

	color: #fff;

	border-color: #fff;

}

#footer1 .sosyal li {

	margin-right: 10px;

}

#footer1 .sosyal li:last-child {

	margin-right: 0;

}

#footer2 {

	padding: 10px 0;

}









/* ortak */



@media  (max-width: 768px) { 

	.xs-text-center {

		text-align: center;

	}

	.xs-alt-15 {

		margin-bottom: 15px;

	}

	.centered-pills > li {

    float:none;

    display:inline-block;

    *display:inline; /* ie7 fix */

		zoom:1; /* hasLayout ie7 trigger */

	}

	.centered-pills {

    text-align:center;

	}

}

.google-maps {

  position: relative;

  padding-bottom: 30%; // This is the aspect ratio

  height: 0;

  overflow: hidden;

	max-height: 350px;

	margin-bottom: 15px;

}

.google-maps iframe {

	position: absolute;

	max-height: 350px;

  top: 0;

  left: 0;

  width: 100% !important;

  height: 100% !important;

}

.alt-bosluk-15 {

	margin-bottom: 15px;

}