@charset "utf-8";

.container:after, .container:before {
	content:"";
	display: table;
}
.container:after {
	clear: both;
}

body {
	background-color: #f4f5f9;
}

h2 {
	color: #0062cc;
	font-size:32px;
	font-weight: 400;
	text-transform: uppercase;
}

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

p {
	font-size: 14px;
}

.navbar {
	border-bottom:#0062cc 1px solid;
}

.navbar .navbar-brand {
	color:#0062cc;
	font-size:20px;
}

.bg-dark {
	background-color: rgba(0, 0, 0, 0.4) !important;
}

.nav-link {
	color:white !important;
	text-transform: uppercase;
	transition: color .5s ease;
}

.nav-link:hover {
	color:#0062cc !important;

}

#index {
	background: url('../images/bg.jpg') no-repeat center center fixed;
	background-size: cover;
	height: 100vh;
}

#index .overlay {
	background-color: rgb(0,0,0, .3);
}

#index .row {
	height: 100vh;
}

#index h1 {
	color:#FFF;
	font-weight: bold;
	font-size: 40px;
}

#index a:hover {
	background-color:#000;
}

#index span {
	color:#cbdc11 !important;
}

#cilingir-slider .carousel-item a:hover {
	background-color:#000;
}

.btn-outline-primary {
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 0;
	cursor:pointer;

}

#hakkimizda {
	background-color: #f4f5f9;
}
#hakkimizda .fas {
	font-size: 40px;
	
}

#hakkimizda h3, #hakkimizda .fas {
	color:#0062cc;
	cursor: pointer;
} 

#hakkimizda .col-md-6 {
	display: inline;
}

#hakkimizda p {
	line-height: 24px;
}

#hakkimizda a:hover {
	background-color:#000;
}

#cilingir-hizmeti, .card {
	background-color: #f4f5f9;
}

#cilingir-hizmeti .card {
	border:none;

}

#cilingir-hizmeti .card img {
	opacity: 0.5;
	cursor:pointer;
	transition: all 0.5s ease;
}

#cilingir-hizmeti .card img:hover {
	opacity: 1;
}

#oto-cilingir {
	background-color: #f4f5f9 !important;
	line-height: 28px;
}

.caseArea {
	background-color: rgba(255,255,255, .7);
	margin-top: 40px;
	margin-right: -40px;
	z-index: 100;
	padding:-40px;
	position: relative;
}

#oto-cilingir h3 {
	font-size: 18px;
	margin-top:40px;
	margin-bottom: 40px;
	color:#0062cc;
}

#oto-cilingir .fas {
	font-size:40px;
	color: #0062cc;
    cursor: pointer;
}

#oto-cilingir a:hover {
	background-color:#000;
}

.pagetitleImage {
	margin-left: -40px;
	padding:20px;
}

#kasa-cilingir {
	background-color: #f4f5f9 !important;
	line-height: 28px;
}

.caseArea-top {
	background-color: rgba(255,255,255, .7);
	margin-top: 80px;
	margin-left: -100px;
	z-index: 100;
	padding:-40px;
	position: relative;
}

#kasa-cilingir h3 {
	font-size: 18px;
	margin-top:40px;
	margin-bottom: 40px;
	color:#0062cc;
}

#kasa-cilingir .fas {
	font-size:40px;
	color: #0062cc;
    cursor: pointer;
}

#kasa-cilingir a:hover {
	background-color:#000;
}

.pagetitle-top-Image {
	margin-left: 60px;
	padding:40px;
}

#cilingir-servis .col-md-3 {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

#cilingir-servis h4 {
	font-size: 16px;
	font-weight: 300;
}

#cilingir-servis .fa {
	font-size:24px;
	margin-bottom: 20px;
}

#cilingir-servis p {
	font-size: 14px;
	font-weight: 300;
}

.imageContainer {
	position: relative;
	cursor: pointer;
}
.imagaOverlay {
	position: absolute;
	top:0;
	bottom: 0;
	right: 0;
	left:0;
	height: 100%;
	width: 100%;
	background-color: #0062cc;
	opacity: 0;
	transition: 1s ease;
}

.imageContainer:hover .imagaOverlay {
	opacity: .7;
}

.imageText {
	color:white;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}


#cilingirci-org {
    background: linear-gradient(
    rgba(0,0,0, .7),
    rgba(0,0,0, .7)
    ),
    url(../images/cilingirci-org-bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: -20px;
}

.quote {
	color:rgba(24,134,199, .6);
	margin-bottom: 30px;
}



.blackquote-footer {
	color: #0062cc;
}

#cilingirci-org-slider {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

.blackquote p {
	color: #fff;
}

#iletisim {
	background-color: #f4f5f6;
}

#iletisim .input-group-addon {
	width: 50px;
	border-radius: 0;
	color:#fff;
	background-color: #0062cc;
}

#iletisim i {
	margin:20px;
}

#iletisim .form-control, #iletisim .btn {
	border-radius: 0;
}

#bolgeler {
	color: #000;
	padding: 30px 0px;
}

#bolgeler h2 {
	text-align: center;
}
.bolgeler_menu {
	float: left;
}

.bolgeler_menu ul {
	list-style-type: none;
	margin: 5px;
	padding-left: 40px;
	float: right;

}

.bolgeler_menu ul li {
	position: relative;
	text-align: center;
	border: solid 1px #007bff;
	margin: 5px;
	font-weight: bold;
}

#copyright {
		background-color: rgba(0, 0, 0, 0.4) !important;
		padding: 5px 0;
		color:#fff;
		font-weight: bold;
}

#copyright span {
	float: right;
	
	
}

#copyright a {
	text-decoration: none;
}

.Aramabutonu {
	display: none !important;
}   



@media screen and (max-width: 768px) {
/* Mobil için Gerekli CSS Kodları Başladı */	

	.container {
		width: 100%;
	}

	.caseArea {
	background-color: rgba(255,255,255, .7);
	margin-top: 40px;
	margin-right: -10px;
	z-index: 100;
	padding:-40px;
	position: relative;
	}

	.caseArea-top {
	background-color: rgba(255,255,255, .7);
	margin-top: 70px;
	margin-left: -10px;
	z-index: 100;
	padding:-60px;

	}
	
	.Aramabutonu {
		display: block !important;
	}

/* Mobil için Gerekli CSS Kodları Bitti */	

}

		/*@media screen and (max-width:768px) {
		.Aramabutonu {
        }}
		
				@media screen and (min-width:768px) {
		.Aramabutonu {
			display: none !important;
        }}