﻿body {
 margin:0px;
color:#3e3e3e; font-family:'Open Sans',sans-serif;
font-size:16px ; 
}
a, a:hover, a:active, a img {
 text-decoration:none !important; color:inherit; border:none
}
[data-target] {
     cursor:pointer;
}
.form-control {
 border:none; border-bottom:solid 1px; border-radius:0px; background-color:transparent; color:#fff; letter-spacing:1px; box-shadow:none
}
.form-control:focus {
 box-shadow:none;
}
.defaultHeader {
 display:none
}
.col-giris {
     height:calc(100vh - 70px); width:50%; float:left;position:relative; border:solid 1px #fff; color:#fff; cursor:pointer
}
    .col-giris hr {
     border-color:#fff; width:20px;transition:0.40s ease-in-out
    }
    .col-giris:hover hr {
     border-color:#fff; width:80px;
    }
.col-giris .overlay {
     background:rgba(27, 105, 141, 0.60); position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; transition:0.40s ease-in-out
}
.col-giris:hover .overla { 
     background:rgba(27, 105, 141, 0.10); position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2
}

.col-isarayan {
     background:url(../img/isarayan.jpg) center no-repeat; background-size:auto 100%; transition:0.40s ease-in-out
}
.col-isveren {
     background:url(../img/isveren.jpg) center no-repeat; background-size:auto 100%; transition:0.40s ease-in-out
   
}
    .col-isarayan:hover, .col-isveren:Hover {
        background-size: auto 103%; letter-spacing:2px
    }
.ortala {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index:10000
  
}

.logo-default {
     background:#fff; padding:20px; 
     display:inline-block;  text-align:center; max-width:250px;
     width:200px; height:200px; border-radius:200px; line-height:158px; z-index:1000

}
    .logo-default img {
         width:85%;
    }
h2 {
  margin-top:0px; font-weight:bold
}
header {
 padding-top:15px; padding-bottom:5px; background:rgba(255, 255, 255, 0.86);
 -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.54);
box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.54);
position:fixed; top:0px; left:0px; right:0px; 
z-index:1
}
.slider-box {

}
.logo {
width:95%; max-width:200px
}
.mobil-menu-container {
        display:none
    }
.mobil-menu-icon {
        display:none
    }
.menu-container {
 color:##2b4ba2; font-size:16px; text-align:right;
}
.web-menu-container {
     display:block
    }
    .menu-container ul {
     list-style-type:none; padding-left:0px;
    }
    .menu-container li {
        display:inline-block;
        padding:10px 15px;
        font-weight:600;
        padding-top:15px
    }
    .menu-container .active {
       background:#003f7f;color:#fff
    }

h2 { color:#003f7f
}
.page-padding {
    padding-top:100px; padding-bottom:100px;
}
.basvuruFormu-content .form-group {
margin-top:25px
}
.basvuruFormu-content .form-control {
 border-bottom:solid 1px #003f7f !important; color:#003f7f !important
}
.basvuruFormu-content .form-control:focus {
 border-bottom:solid 1px #e23333 !important; color:#003f7f !important
}
#basvuruFormu-container {
     padding:100px 30px; background:whitesmoke;  display:none
}
.basvuruFormu-content {
-webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.52);
box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.52);
background:#fff;
padding:30px;
max-width:900px; margin:auto
}
.banner-container {
 background:url(../img/maviyaka-banner.jpg) no-repeat center center; background-size:100% 100%;
  height:100vh; width:100%;
}
.bg-koyu {
 background:#003f7f; color:#fff;  display:inline-block
}
.slogan {
 font-size:36px; font-weight:800;
 padding-top:50px; padding-bottom:50px
}

.page-bizkimiz {
 background:url(../img/bg-bizkimiz.jpg); background-size:auto 100%;
 min-height:100vh;
}
.overlay {
     background:rgba(27, 105, 141, 0.84);

}
.overlay-content {
 padding:50px 0px; color:#FFF
}

.page-nasilcalisiyoruz {
 background:#f2f2f2; color:#3e3e3e;
}
.page-yonetimdanismanligi {
 background:#003f7f; color:#fff;
}
    .page-yonetimdanismanligi h2 {
     color:#fff
    }
.page-isfirsatlari {
 background:#f2f2f2;
}
.isfirsatlari-container {
 max-width:900px;  width:95%; background:#fff; margin:auto;
}
.isfirsati-box {
 border:solid 1px #f2f2f2; padding:15px
}
.isfirsati-baslik {
font-weight:bold; color:#003f7f
}

.isfirsati-text {
  color:#333; font-size:14px; font-weight:600;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.list-blog { margin-bottom:15px
}
.list-blog-img {
     width:150px;
     height:150px;
     display:inline-block;
     overflow:hidden;   float:left;
}
.list-blog-img img{
     width:100%;
    
}
.list-blog-textbox {
      float:left;
     width:calc(100% - 170px); padding:15px;
     background:#f2f2f2; color:#333; height:150px;
     margin-left:10px
    
}
.list-blog-baslik {
     font-weight:bold; color:#003f7f; margin-bottom:5px
}
.list-blog-text {
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; font-size:15px;
}
.btn-devamı {
 font-weight:bold; margin-top:10px; font-size:14px
}

.content-padding {
 padding:60px;
}
#iletisim .content-padding {
 min-height:300px
}
#iletisim .form-control {
color:#fff;   border-bottom:solid 1px #fff !important;

}
.banner-ilk-yazi {
        color:#fff; font-weight:600; text-align:center; font-size:30px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; padding-top:40px
    }
.banner-alt-yazi {
        color:#fff; font-weight:600; text-align:center; font-size:24px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; margin-top:30px
    }
.btn-dark-blue {
 background:#003f7f; border-radius:30px; color:#fff; transition:0.40s ease-in-out
}
    .btn-dark-blue:hover {
     color:#c5cce1;  background:#033364;
    }

.soneklenenler-container h3 {
 font-weight:bold; margin-bottom:10px; margin-top:0px; color:#003f7f
}
.soneklenen-list {
    padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #efefef
}
.soneklenen-img {
 width:58px; height:58px;
 display:inline-block; overflow:hidden;
}
    .soneklenen-img img { min-height:58px; min-width:58px; width:100%;
    }
.soneklenen-info {
     width:calc(100% - 70px); font-size:14px; display:inline-block; margin-left:5px;
}
.soneklenen-baslik {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
     font-weight:600; color:#003f7f
}

.soneklenen-ozet {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.resim-alani {
 float:left; margin:5px;
}
.resim-alani img {
     max-width:100%
}
@media (max-width:992px) {
    .col-giris h2{
      font-size:18px
}
    .mobil-menu-icon {
     font-size:24px;  text-align:right; padding-top:10px; display:block
    }
    .menu-container {
         position:fixed; top:89px; left:0px; right:0px;
         background:rgba(255, 255, 255, 0.98);
         border-bottom:solid 2px #003f7f; padding-bottom:15px; display:none
    }
     .mobil-menu-container li {
         display:block;
         text-align:center;
    }
    .mobil-menu-container {
        display:block
    }
    .web-menu-container {
     display:none
    }
    
.banner-container {
 background:url(../img/maviyaka-banner.jpg) no-repeat center center; background-size: auto 100%;
  height:100vh; width:100%;
}
    .banner-ilk-yazi {
        color:#fff; font-weight:600; text-align:center; font-size:24px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; padding-top:60px
    }
     .banner-alt-yazi {
        color:#fff; font-weight:600; text-align:center; font-size:18px; text-transform:uppercase; font-family: 'Montserrat', sans-serif;
    }
}