body {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height: 25px;
	word-spacing: 3px;
	color:black;
}

/* HEADER START */

header {
	font-size:13px;
}

header .titlesabit {
	height:8rem;
	background: url('../img/default.jpg') no-repeat left 43%;
	border-bottom:0.5rem #27408b solid;
}

header .titlesabitgradient {
	background-image: linear-gradient(to left, rgba(0,0,0,0), #778899);
	height:100%;
	opacity:1.0;
	box-sizing:border-box;
}

header .titlestartmenu{
	height:12rem;
}

header .titlestartgradient{
	height:100%;
	opacity:1.0;
	box-sizing:border-box;
	padding-top:1rem;
}

header .titleabout {
	background: url('../img/about.jpg') no-repeat center 35%;
	border-bottom:0.5rem #CC3333 solid
}

header .titleaboutgradient {
	background-image: linear-gradient(to left, rgba(0,0,0,0), #CC3333);
}

header .titlemusteri {
	background: url('../img/musteriler.jpg') no-repeat center 54%;
	border-bottom:0.5rem #8A2BE2 solid
}

header .titlemusterigradient {
	background-image: linear-gradient(to left, rgba(0,0,0,0), #8A2BE2);
}

header .titleyapilanisler {
	background: url('../img/isler.jpg') no-repeat center 61%;
	border-bottom:0.5rem #00FFFF solid
}

header .titleyapilanislergradient {
	background-image: linear-gradient(to left, rgba(0,0,0,0), #00FFFF);
}

header .titleiletisim {
	width:100%;
	border-bottom:0.5rem #483D8B solid;
}
header h1 {
	font-size:23px;
	text-shadow: -35px -20px 0px rgba(255,255,255, 0.2);
	color:white;
	font-weight:bold;
	text-align:center;
	padding-top:4rem;
}

header h5 {
	font-size:45px;
	font-family: Impact, Charcoal, sans-serif;
	letter-spacing:0.4rem;
}

header .icmenu {
	text-shadow:none;
	font-size:21px;
	padding-top:3.2rem;
}

header .dropdown-menu{
	font-size:13px;
}

/* HEADER STOP */

/* CONTENT START */

content h2{
	color: #27408b
}

content .musterilerimiz {
	width: 23.8%;
	height: 9rem;
	background-color:white;
    box-sizing:border-box;
	padding:1rem;
	text-align:center;
	transition-duration:0.4s;
	border:1px #bbbbbb solid;
	overflow:hidden;
	float:left;
	margin:0.4rem;
	margin-bottom:2rem;
	transition-duration:0.4s;
	position:relative;
}

content .musterilerimiz .icinde {
	color:green;
}

content .musterilerimiz:hover {
	border:1px #007BFF solid;
}

content .musterilerimiz img {
	width:60%;
	height:3.5rem;
	position:center;
}

content .row img {
	width:95%;
}

content .musterilerimiz .title {
	width:100%;
	padding:1rem;
	font-weight: italic;
	color:#007BFF;

}

content .musterilerimizlink {
	width:60%;
	padding:0.5rem;
	transition-duration:0.4s;
	color:white;
	border-radius:0.5rem;
	position:absolute;
	left:20%;
	right:20%;
    top:35%;
	background-color:#007BFF;
	opacity:0;
}

content .musterilerimiz:hover .musterilerimizlink {
	opacity:0.3;
	
}

content .musterilerimiz .musterilerimizlink:hover {
	opacity:1;
	
}

/* CONTENT STOP */

/* FOOTER START */
 
footer  a:visited {
  color: #e1f0ff;
}
footer  a:link {
  color: #e1f0ff;
}
footer  a:hover {
  color: white;	
} 
 
footer .red a:hover i {
	color: #D83E22; 
} 
 
footer .aqua a:hover i {
	color: #00CED1; 
} 

footer .orange a:hover i {
	color: #FFA500; 
} 

footer .green a:hover i {
	color: #3CB371; 
} 

footer {
	background-color: #343A40;
	color:#e1f0ff;
	line-height: 28px;
	font-size:13px;
	margin-top:2rem;
}

footer i {
	transition-duration:0.3s;
}

footer h1 {
	
	font-size:23px;
}

footer h2 {
	padding-bottom:1rem;
	color:#a7a7a7;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 1px;
}

footer h3 {
	font-size:18px;
}

footer ul, li {
	padding:0px;
}

footer li {
	list-style: none;
}

footer .footerbottom {
	background-color:#212529;
	color:#a7a7a7;
	font-size:11px;
	padding-top:1rem;
	padding-bottom:1rem;
}

footer .footertop {
	background-color:#dcdcdc			;
	color:black;
	text-align:center;
	
}

footer .footertop p {
	font-size:14px;
	color:#696969;
	
}

footer .footertop i {
	color:#00BFFF;
}

/* FOOTER STOP */

.sliderparagraf {
	font-size:17px;
}

.breadcrumb{
	padding-top:1rem;
	padding-left:0rem;
	font-size:12px;
}

.sigdir {
	overflow:hidden;
}
.ortala {
	padding-top:100px;
	padding-bottom:100px;
}

.clear {
	clear:both;
}

.dolgu {
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	
}

.dolgu2x {
	padding-top:1rem;
	padding-bottom:2rem;
}

a:hover{
	text-decoration:none;
}

/* fotoğraf galeri div stilleri */

#fotogaleridiv {
	text-align:center;
	overflow:hidden;
	width: 23.19%;
	height:18.6rem;
	transition-duration: 0.4s;
	float:left;
	margin:10px;
	margin-bottom:40px;
    background-color:#d6d6d6;
	border-radius: 0.3rem;
}
#fotogaleridiv img {
	padding-bottom:0.5rem;
}

#fotogaleridiv:hover {
	color: white;
	background-color: #006666;
}

#fotogaleridiv:hover img {
	opacity:0.8;
}

/* icmenusecim kategori sayfa dizayn */

#icmenusecim {
	overflow:hidden;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	text-align: center;
    float:left;
	width: 24.1%;
	height: 21rem;
	background-color:#d6d6d6;
	transition-duration: 0.5s;
	margin:25px 05px 0px 5px;
	color:grey;
	font-size:15px;
}

#icmenusecim:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	color: white;
	background-color:#990033;
}

#icmenusecim img {
	margin-bottom:0.6rem;
	transition-duration: 0.4s;
}

.icsabitbilgi {
	font-size:13px;
}

/* icmenusecim kategori sayfa dizayn */



.momentresim {
	width: 50%;
	margin-top:40px;
	margin-left:5%;
	float:right;
}