/* HOME SECTION */
h1 {
    font-size: 18px;
    font-weight: 400;
     
    /*text-transform: uppercase;*/
    
}

h1 a {
    
    /*text-transform: uppercase;*/
    
}
h2 {
    font-size: 24px;
    font-weight: 400;
    color: #1886C7;
    /*text-transform: uppercase;*/
    
}

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




p {
    font-size: 14px;
}

.navbar{
    border-bottom: #1886C7 2px solid;
}

.navbar-brand {
    color: #1886C7 !important;
    font-size: 16px;
}
    
.bg-dark{
    background-color: rgba(0, 0, 0, 1) !important;
}

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

.nav-link:hover{
    color: #1886C7 !important;
}


/*#headerSection{
    background: url('../images/3_3.jpg') no-repeat center center fixed;
    background-size: cover;
    height: 100vh;
    background-position-y: 50px;
}*/

#headerSection .overlay{
    background-color: rgba(0, 0, 0, 0.5);
}

#headerSection .row{
    height: 100vh ;
}
 
#headerSection span{
    color: #1886C7 !important;
}

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

/* FEATERS SECTION */

#features .fa{
    font-size: 40px;    
}


.feature-top{
    transition: color 0.3s ease;
}

.feature-top:hover{
    color: #1886C7;
    cursor: pointer;
}






/* TEAM SECTION */

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

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

#team .fab{
    font-size: 24px;
}

#ourWorks h5{
    color: #1886C7 !important; 
}

.team{
    margin-bottom: 2px; 
}


/* WHAT WE DO SECTION */

#whatWeDo{
    background: linear-gradient(
        rgba(0, 0 , 0, .7),
        rgba(0, 0 , 0, .7)
        ),
        url(../images/code.jpg);
    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* CASE STUDY SECTION */
#caseStudy{
    background-color: #f4f5f9;
    line-height: 28px;
}


.caseArea{
    background-color: #fff;
    margin-top: 40px;
    margin-right: -40px;
    z-index: 100;
    padding: 40px;
    position: relative;
    min-height: 420px;
}

#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 .fas {
    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: 0.3s ease;
}

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

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

 /* TESTİMOİALS SECTION */

/* #testimoials{
     background: linear-gradient(
         rgba(0, 0, 0, 0.7),
         rgba(0, 0, 0, 0.7)
         ),
         url(../images/testimonialsbg.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: 30px;
 }

 .carousel-item img {
     opacity: 0.9;
 }

  .carousel-inner h1 {
     color: #000;
 }
 
 .blockquote-footer{
     color: #1886c7;
 }


.vertical-center {
  height:100%;
  width:100%;

  text-align: center;  /* align the inline(-block) elements horizontally */
  
}

/* FOOTER SECTION */

#main-footer {
    color:  #fff;
    background-color: #000;
    
}







/* Scrool Reveal */
/*html.sr .load-hidden {
  visibility: hidden;
}*/
.load-hidden {
  visibility: hidden;
}

.widget-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  background: black;
  border-radius: 8px;
}

.widget {
  /*width: 15%;*/
  height: 50px;
  flex: auto;
  margin: 0.5rem;
  /*background: white;*/
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
}

/* extension */
html.sr .widget {
  visibility: hidden;
}



.resim {
	/*float: left;*/
	/*background: #7988a4;*/
/*	width: 4rem;
	margin: 0.1rem;
	height: 4rem;*/
	/*border-radius: 0.1rem;*/
}




/* MEDIA QUERIES */

@media screen and (max-width: 1200px){
    #ourHistory {
         padding-top: 48px;
    }
    
     #ourWorks {
         padding-top: 48px;
    }
    
    
    #ourHistory p{
        line-height: 20px;
    }
    #testimoials{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #features{
        padding-top: 48px;
    }
    
    .navlogo{
        height: 46px;
        width: 46px;
    }
    
  
}

@media screen and (max-width: 992px){
     .display-3{
        font-size: 48px;
         
    }
     #ourHistory {
         padding-top: 48px;
    }
    
     #ourWorks {
         padding-top: 48px;
    }
    
    #ourHistory .btn{
        position: relative;
    }
    .historyLeft, .historyRight{
        text-align: center;
    }
    #testimoials{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    
    .lead{
        margin-bottom: 6px;
    }
    #features{
        padding-top: 48px;
    }
    
    .navlogo{
        height: 46px;
        width: 46px;
    }
    
  
   
}

@media screen and (max-width: 768px){
    #ourHistory {
         padding-top: 48px;
    }
    
    .historyLeft, .historyRight{
        text-align: center;
    }
    
    #ourWorks {
         padding-top: 48px;
    }
    
    #mySlider{
        margin-top: 30px;
        padding: 0px;
    }
    
    #testimoials{
        padding-left: 80px;
        padding-right: 80px;
    }
    
    #contact{
        margin-top: 0px;
        padding: 0px;
    }
   
    
    .display-3{
        font-size: 32px;
    }
    
    .lead{
        margin-bottom: 6px;
    }
    
    .caseImage{
        margin-left: 0;
        text-align: center;
    }
    .caseArea{
        margin-right: 0;
    }
    
     .navlogo{
        height: 46px;
        width: 46px;
    }
    
    .navbar-brand{
        color: #b9c7e5 !important;
        font-size: 16px; 
    }
    .nav-link{
        color: #b9c7e5 !important;
        font-size: 14px; 
    }
  


}

@media screen and (max-width: 576px){
     .display-3{
        font-size: 24px;
    }
    
     .text-muted{
        font-size: 16px;
    }
    
    #testimoials{
        padding-top: 48px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    } 
     
    .lead{
        margin-bottom: 6px;
        font-size: 12px;
    }
    
    #features{
        padding-top: 0px !important;
    }
    
    #ourHistory{
        padding-top: 48px !important;
        display: block;
    }
    
        .historyLeft, .historyRight{
        text-align: center;
    }
    
    .navlogo{
        height: 30px;
        width: 30px;
    }
    
    .navbar-brand{
        color: #b9c7e5 !important;
        font-size: 14px; 
    }
    .nav-link{
        color: #b9c7e5 !important;
        font-size: 14px; 
    }
    
    
    
    
}