/* GENERAL STYLING */
h3{
	font-size:18px;	
	font-weight: 400;	
}
h2 {
	font-size : 32px;
	font-weight: 400;
	color : #1886C7;
	text-transform : uppercase;	
}
p {
	font-size:14px;	
}



/* HOME SECTION */
.navbar{
	border-bottom: #1886C7 3px solid;
	
}
.navbar .navbar-brand{
	color : #1886C7;
	font-size : 24px;
}

.bg-dark {
	background-color : rgba (0,0,0,0.1)!important;	
}
.nav-link{
	color : white!important;
	text-transform : uppercase;	
	transition : color .5s ease;
}
.nav-link:hover{
	color : #1886C7!important;
	text-transform : uppercase;	
}
.navbar .dropdown-item {
	color : #FFFFFF;	
	
}

.navbar .dropdown-item:hover {
	color : #6A0686;	
	font-weight:bold;
	text-decoration:underline;
}


#headerSection{ 
	background: url('../imgs/bg.jpg') no-repeat center center fixed;
	background-size : cover;
	height : 100vh;
}
#headerSection .overlay{
	background-color : rgba(0,0,0,.55);	
}
#headerSection .row{
	height: 100vh;	
}
#headerSection span{
	color : #013ADF!important;
}
#headerSection p{
	color : white!important;
	font-family: 'Public Sans', sans-serif;
	font-size : 20px;
}
.btn-outline-primary {
	padding-left	: 30px;
	padding-right 	: 30px;
	border-radius	: 0;
	cursor			: pointer;
}

/* FEATURES SECTION */

#features  .fa{
	font-size:60px;	
	color : #1886C7;
}
#features  .fab{
	font-size:60px;	
	color : #1886C7;
}
#features  .far{
	font-size:60px;	
	color : #1886C7;
}
#features  .fas{
	font-size:60px;	
	color : #1886C7;
}
#features  h1 {
	color : #0404B4;	
}
#features  h4 {
	font-size:35px;
	color : #DC143C;	
}
#features  h5 {
	font-size:25px;
	color : #DC143C;	
}
#features  h6 {
	font-size:32px;
	color : #08298A;	
}
.feature-top{
	transition : color .5s ease;
}
.feature-top:hover {
	color : #1886C7;
	cursor: pointer;
	
}
#features span{	
	color : #FA5858;
}
 

/* HABERLER SECTION */

#Haberler h2 {
	border-left : 6 px solid #1886C7;
	padding-left : 30px;	
}
#Haberler p {
		line-height : 27px;		
	}
	
#Haberler .col-md-6 {
	display : inline;	
}

#Haberler .btn-outline-primary {
	position : absolute;
	bottom : 0;	
}

/* TEAM SECTION */

#team .card{
	border : none;
	opacity : 0.5;
	cursor : pointer;
	transition : all 0.5s ease;	
}

#team .card:hover{
	opacity : 1;	
}

#team .fab {
	font-size : 18px;	
	color : #1886C7;
}

/* what we do SECTION */
#whtWeDo {
	background : linear-gradient(
	rgba(0,0,0,.7),
	rgba(0,0,0,.7)
	),
	url("../imgs/bg-hero-img.jpg");
	background-attachment : fixed;
	background-position : center;
	background-repeat:no-repeat;
	background-size : cover;	
}

/* CASE STUDY SECTION */
#caseStudy {
	background-color: #f4f5f9;	
	line-height :18px;
}
 .caseArea {
	background-color : #fff;
	margin-top 		 : 4px;
	margin-right 	 : -8px;
	z-index		: 100;
	padding		: 4px;
	position	: relative;
	min-height	: 420px;
}
.caseImage {
	margin-top  : 26px;
	margin-left : -8px;
}
#caseStudy  h3{
	font-size : 18px;
	margin-top : 40px;
	margin-bottom: 40px;
	color:#1886C7	
}
#caseStudy  .fas{
	font-size : 40px;	
	color:#1886C7	
}


/* PORTFOLIO SECTION */
#portfolio .col-md-3 {
	padding-left : 0;
	padding-right :0;
	text-align : center;
}

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

#portfolio fa {
	font-size : 24px;
	margin-bottom : 20px;	
}

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

.imageContainer{
	position : relative;
	cursor : pointer;	
}

.imageOverlay {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	height : 100%;
	width : 100%;
	background-color : #1886c7;	
	opacity : 0;
	transition : 1s ease;
}

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

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

/* TESTIMONIALS SECTION */
#testimonials {
	background : linear-gradient(
	rgba(0,0,0,.65),
	rgba(0,0,0,.65)
	),
	url(../imgs/Testimonials3.jpg);
	background-attachment : fixed;
	background-position : center;
	background-repeat : no-repeat; 
	background-size : cover;
	position : relative;	
}
.quote {
	color : rgba(24,134,199,.6);
	margin-bottom : 30 px;
}

.carousel-item img {
	opacity : .1;	
}

/* CONTACT SECTION */
#contact {
	background-color : f4f5f9;	
}
#contact .input-group-text{
	width : 45px;
	border-radius : 0;
	color : #fff;
	background-color : #1886c7;
	font-size : 14px;
}

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

/* FOOTER SECTION */
#main-footer {
	color : #fff;
	background-color : #000;	
}

/* uyarlamalar */
.py-5 {
	padding-top : 100px !important;	   /* menü geçişlerinde section ların üst kısmında */
	padding-bottom : 100px !important; /* daha fazla boşluk kalması için. */
}

/* MEDIA QUERIES */
@media screen and ( max-width:4096px){ /* 4K monitor için */
	/* Mail gönderme formu için yanda/altta ifadesi ayarı...*/	
	#contact .MailbilgisiAlt {Color : white!important;	font-size : 1px!important;}
	#contact .MailbilgisiYan {Color : black!important;	font-size : 14px!important;}
}

@media screen and ( max-width:1200px){
	
	#Haberler p {
		line-height : 20px;		
	}	
}

@media screen and ( max-width:992px){
	.display-3 {
		font-size : 64px;
	}
	#Haberler .btn {
		position : relative;		
	}
	#Haberler .col-md-6 {
	display : 	table-row;
   }
	.HaberlerSag, .HaberlerSol {
		text-align : center;
	}
	#contact .MailbilgisiAlt {Color : black!important; font-size : 14px!important;}
	#contact .MailbilgisiYan {Color : white!important; font-size : 1px!important;}
}

@media screen and ( max-width:768px){
	/**/.display-3 {
		font-size : 48px;
	}
	
	#Haberler .col-md-6 {
	display : 	table-row;
   }
   .caseImage {
	   margin-left : 0;
	   text-align : center;
   }
	.caseArea {
		margin-right :0;
		
	}
	
}

@media screen and ( max-width:576px){
	/*.display-3 {
		font-size : 24px;
	}*/
	
}