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

/* main  */
.dark-bg{
	
	background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.9)),url("../img/office.JPG");
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.generic{
	padding:50px 0;
}
.sgeneric{
	padding:120px 0;
}

section#ara1{
	margin-top: 75px;
}
h2{
text-transform: uppercase;
	font-family:"Roboto Slab Light"
}

/* navbar main */
.nav-link span{
	color:#CCCCCC;
	text-transform: uppercase;
	font-family:"Roboto Slab Light"
}
.nav-link span:hover{
	opacity: .6;
}
 .navbar-brand:hover img{
	
	border: solid 2px #cc0000;
}

.nav-link:hover img{
	
	border: solid 2px #CC0000;
} 
nav.bg-light{
	opacity: .4;
	transition: all .5s ease;
}
nav.bg-light:hover{
	opacity: .7;
}


nav.bg-dark{
	opacity: .4;
	transition: all .5s ease;
}
nav.bg-dark:hover{
	opacity: .9;
}
/* perandist anasayfa */

.carousel-item{
	height: 100vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	background-size: cover;
}
.carousel-caption{
	bottom: 500px;
	right: 900px;
}

.carousel-caption h5 {
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;
	font-family:carme;
	color: rgba(227,222,222,1.00);
}
.carousel-caption p{
	width: 60%;
	margin: auto;
	font-size: 20px;
	line-height: 1.9;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	
}
.carousel-caption a{
	text-transform: uppercase;
	background: #262626;
	padding: 5px 20px;
	display:inline-block;
	text-decoration: none;
	color: hsla(0,8%,91%,1.00);
	margin-top: 15px;
	
	}
#carouselExampleDark1 .carousel-item{
	transition:all 2s ease;
}










	
#mim-logo{
	z-index: 1;
}

#sanat-logo{
	z-index: 1;
}
	
#mim-logoo{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	}
#mim-logo:hover #mim-logoo{
	opacity: .9;
}

#sanat-logoo{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	}
#sanat-logo:hover #sanat-logoo{
	opacity: .9;
}





/* mimarlık anasayfa */

/* latest section */

section#project .project-item img{
	min-height: 100%;
	width: 100%
}


/* mimarlık project1 */
section#project1 button{
	max-height:500px;
	padding: 0;
	overflow: hidden;
	
}
section#project1 .project-item{
	position: relative;
	} 
section#project1 .project-item:hover .overlay{
	opacity: 1;
	background: rgba(102,102,0, .9);
}
section#project1 .project-item:hover i{
	opacity: 1;
	transform: none;
}
section#project1 .overlay{
	position: absolute;
	top: 0;
	right:0;
	width: 100%;
	height: 100%;
	background: rgba(102,102,0, 1);
	opacity: 0;
	color: #fff;
	transition: all .5s;
}
section#project1 .overlay i{
	transform: translateY(80px);
	transition: all .8s;
	opacity: 0;
	font-size: 2rem;
	
}
section#project1 h3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 40px;
	opacity: 1;
	color: #fff;
	transition: all .8s;
}

/* mimarlık project2 */
section#project2 button{
	max-height:500px;
	padding: 0;
	overflow: hidden;
	
}
section#project2 .project-item{
	position: relative;
	} 
section#project2 .project-item:hover .overlay{
	opacity: 1;
	background: rgba(102,102,0, .9);
}
section#project2 .project-item:hover i{
	opacity: 1;
	transform: none;
}
section#project2 .overlay{
	position: absolute;
	top: 0;
	right:0;
	width: 100%;
	height: 100%;
	background: rgba(102,102,0, 1);
	opacity: 0;
	color: #fff;
	transition: all .5s;
}
section#project2 .overlay i{
	transform: translateY(80px);
	transition: all .8s;
	opacity: 0;
	font-size: 2rem;
	
}
section#project2 h3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 40px;
	opacity: 1;
	color: #fff;
	transition: all .8s;
}

/* mimarlık project3 */
section#project3 button{
	max-height:500px;
	padding: 0;
	overflow: hidden;
	
}
section#project3 .project-item{
	position: relative;
	} 
section#project3 .project-item:hover .overlay{
	opacity: 1;
	background: rgba(102,102,0, .9);
}
section#project3 .project-item:hover i{
	opacity: 1;
	transform: none;
}
section#project3 .overlay{
	position: absolute;
	top: 0;
	right:0;
	width: 100%;
	height: 100%;
	background: rgba(102,102,0, 1);
	opacity: 0;
	color: #fff;
	transition: all .5s;
}
section#project3 .overlay i{
	transform: translateY(80px);
	transition: all .8s;
	opacity: 0;
	font-size: 2rem;
	
}
section#project3 h3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 40px;
	opacity: 1;
	color: #fff;
	transition: all .8s;
}


/* sanat project1 */
section#projects1 button{
	max-height:500px;
	padding: 0;
	overflow: hidden;
	
}
section#projects1 .project-item{
	position: relative;
	} 
section#projects1 .project-item:hover .overlay{
	opacity: 1;
	background: rgba(102,102,0, .9);
}
section#projects1 .project-item:hover i{
	opacity: 1;
	transform: none;
}
section#projects1 .overlay{
	position: absolute;
	top: 0;
	right:0;
	width: 100%;
	height: 100%;
	background: rgba(102,102,0, 1);
	opacity: 0;
	color: #fff;
	transition: all .5s;
}
section#projects1 .overlay i{
	transform: translateY(80px);
	transition: all .8s;
	opacity: 0;
	font-size: 2rem;
	
}
section#projects1 h3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 40px;
	opacity: 1;
	color: #fff;
	transition: all .8s;
}


/* sanat project2 */
section#projects2 button{
	max-height:500px;
	padding: 0;
	overflow: hidden;
	
}
section#projects2 .project-item{
	position: relative;
	} 
section#projects2 .project-item:hover .overlay{
	opacity: 1;
	background: rgba(102,102,0, .9);
}
section#projects2 .project-item:hover i{
	opacity: 1;
	transform: none;
}
section#projects2 .overlay{
	position: absolute;
	top: 0;
	right:0;
	width: 100%;
	height: 100%;
	background: rgba(102,102,0, 1);
	opacity: 0;
	color: #fff;
	transition: all .5s;
}
section#projects2 .overlay i{
	transform: translateY(80px);
	transition: all .8s;
	opacity: 0;
	font-size: 2rem;
	
}
section#projects2 h3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 40px;
	opacity: 1;
	color: #fff;
	transition: all .8s;
}


/* sanat project3 */
section#projects3 button{
	max-height:500px;
	padding: 0;
	overflow: hidden;
	
}
section#projects3 .project-item{
	position: relative;
	} 
section#projects3 .project-item:hover .overlay{
	opacity: 1;
	background: rgba(102,102,0, .9);
}
section#projects3 .project-item:hover i{
	opacity: 1;
	transform: none;
}
section#projects3 .overlay{
	position: absolute;
	top: 0;
	right:0;
	width: 100%;
	height: 100%;
	background: rgba(102,102,0, 1);
	opacity: 0;
	color: #fff;
	transition: all .5s;
}
section#projects3 .overlay i{
	transform: translateY(80px);
	transition: all .8s;
	opacity: 0;
	font-size: 2rem;
	
}
section#projects3 h3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 40px;
	opacity: 1;
	color: #fff;
	transition: all .8s;
}



@media screen and (max-width:1400px){
	
	#mim-logo{
		display: none;
	}
	#mim-logoo{
		display: none;
	}
	#mim-logo-opacity{
		display: none;
	}
	#sanat-logo{
		display: none;
	}
	#sanat-logoo{
		display: none;
	}
	#sanat-logo-opacity{
		display: none;
	}
}


@media screen and (max-width:540px){
	.carousel-inner{
		padding-top: 55px;
	}
}