@charset "UTF-8";
/* CSS Document */

body {
	background-color:#1E1F24;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
}


h1 {
	font-weight:700;
	font-size:30px;
	margin-bottom:15px;
}


h3{
	font-weight:400;
	font-size:16px;
}

h4{
	font-weight:700;
	font-size:16px;
	color:#1E1F24;
	margin:15px;
}

h5 {
	font-weight:600;
	font-size:16px;
	margin-left:50px;
	margin-right:50px;
	margin-top:19px;
}

h6 {
	font-weight:800;
	font-size:16px;
	margin-bottom:15px;
}

p{
	margin-bottom:5px;
	color:#efeaea;
}

a:hover {
	text-decoration:none;
}


.sari{
	color:#E5B756;
}

.container-fluid{
	background-color:#000;
}

.navbar{
	padding:0px;
	font-weight:800;
	font-size:12px;
}

.navbar-brand{
	margin-top:20px;
	margin-bottom:10px;
}

.navbar-collapse {
	margin-top:40px;
}

.navbar-toggler{
	margin-top:30px;
}

.navbar-dark .navbar-nav .nav-link {
	color:#fff;
}

.navbar-dark .navbar-nav .nav-link.active {
	color:#28A8E1;
}

.content {
	margin-top:5%;
}


.mainimage img {
	float:right;
	width:70%;
	margin-right:80px;
	margin-bottom:25px;
}

.col-1{
	padding-left:0px;
}

.cizgi{
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
	display:block;
}

hr{
	margin-bottom:5px;;
	margin-top:10px;
}

.hr-1{
	border-top: 5px solid;
	border-radius:5px;
	width:50px;
	margin-top:18px;
}

.hr-2{
	border-top: 5px solid;
	border-radius:5px;
	width:30px;
}

.buton{
	display: inline-block;
	background-color:#E5B756;
	border-radius:2px;
	margin-bottom:15px;
	margin-top:25px;
}

.serit{
	margin-bottom:50px;
}

.band img {
	height:fit-content;
	margin-top:9px;
}

.map-container{
	overflow:hidden;
	padding-bottom:25%;
	position:relative;
	height:0;
	margin-bottom:20px;
}

.map-container iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

* {margin:0px;padding:0px;box-sizing:border-box;}

.karsilastirma{
	width:70%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}



.image-slider {
	position:relative;
	display: inline-block;
	line-height: 0;
}
.image-slider img {
	user-select: none;
	max-width: 400px;
}
.image-slider > div {
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 25px;
	max-width: 100%;
	overflow: hidden;
	resize: horizontal;
}
.image-slider > div:before {
	content: '';
	display: block;
	width: 13px; 
	height: 13px;
	overflow: hidden;
	position: absolute;
	resize: horizontal;
	right: 3px; bottom: 3px;
	background-clip: content-box;
	background: linear-gradient(-45deg, black 50%, transparent 0);
	-webkit-filter: drop-shadow(0 0 2px black);
	filter: drop-shadow(0 0 2px black);
}

.zemin{
	background-repeat: no-repeat;
	background-size:cover;
	background-position:bottom;
	background-attachment: scroll;
}

.hakkimizda{	background-image:url(../images/zemin-hakkimizda.png);}
.yedekparca{	background-image:url(../images/zemin-yedekparca.png);}
.pompalar{background-image:url(../images/zemin-pompalar.png);}
.servis{	background-image:url(../images/zemin-servis.png);}

.siyah{
	background-color:#000;
	bottom:0px;
}

.paragraf{
	margin-left:60px;
	margin-bottom:30px;
	margin-top:60px;
}

.paragraf p{
	margin-bottom:15px;
}

.liste{
	margin-left:60px;
	margin-bottom:60px;
}

.bakim{
	padding:0px;
}


@media (max-width:991px) { 
.mx-auto, .d-block {margin-right:0px !important;} 
}

@media (max-width:375px) { 
.navbar-brand{
	width:72%;
} 

.navbar-brand img{
	width:100%;
}

.js-slider{
	height:95vh;
}

}