﻿@font-face {
    font-family: 'futura_lt_btlight';
    src: url('/Content/font/futura_light_bt-webfont.eot');
    src: url('/Content/font/futura_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/font/futura_light_bt-webfont.woff2') format('woff2'),
         url('/Content/font/futura_light_bt-webfont.woff') format('woff'),
         url('/Content/font/futura_light_bt-webfont.ttf') format('truetype'),
         url('/Content/font/futura_light_bt-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family:futura_lt_btlight,Arial;
    font-size:16px !important;
    background-color:#ebebeb;
}
* {
    margin:0px;
    padding:0px;
}

a {
    text-decoration:none !important;
    color:black;
}

a:hover {
    color:#646464 !important;
}

ul, li, ol {
margin:0px;
padding:0px;
list-style-type:none;
}

.NoPadding {
    margin-left:-15px;
    margin-right:-15px;
}
div[class*='row']{
   padding:0px;
   margin:0px;
}

 input[type='text'], input[type='email'], input[type='tel'],textarea{
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    color: #000000;
    background-color: #fff !important;
    padding-left:5px;
    padding-right:5px;
}

input[type='text']:focus, input[type='email']:focus,input[type='tel']:focus,textarea:focus {
    background-color: #FFFFCC !important;
}

table, td, tr, th {
    border:none;
    border-collapse:collapse;
}


.anasayfa {
    max-width:1000px;
    margin:auto;
    min-height:980px;
    background-color:#f5faff;
    -webkit-box-shadow: 0 0 10px 1px #d2d1c6;
    box-shadow: 0 0 10px 1px #d2d1c6;
}



.banner {
    height:50px;
    background-color:white;
    line-height:50px;
    padding-left:10px;  
    border:1px solid #ebebeb;
}

.mainmenu {
    min-height:40px;
    z-index:2000;
    width:100%;
    margin:auto;
    position:relative;
}

.icerik {
    min-height:800px;
    margin-bottom:10px;
    margin-top:10px;
}

.solmenu {
    border:1px solid #808080;
    float:left;
    border:1px solid #ebebeb;
    background-color:white;
    padding-bottom:10px;
    margin-bottom:10px;

}

.sagblok
{

    min-height:800px;
    float:left;
    
}   

.footer {
   min-height:130px;
   background-color:#494646;
   clear:both;
   color:white;
}

.eposta {
    position:absolute;
    right:10px;
    color:white;

}

.slogan {
    font-size: 15px;
    font-weight: bold;
    color: #0099CC;
}

.logo {
    font-weight:bold;
    font-size:30px;
    color:black;
  
}

.makale {
    border:1px solid #ebebeb;
    background-color:white;
    margin-bottom:10px;
    overflow:hidden;
}

.makalebaslik {
    margin-left: 10px;
    color: black;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #808080;
    line-height: 40px;
    height: 40px;
    background-color: white;
    font-family: 'Open Sans';
    font-weight: bold;
    border-bottom-color: #CCCCCC;
}

.makaleozet {
    color: #333333;
    font-size: 14px;
    margin: 10px;
    overflow: hidden;
}

.makaleozet a {
    color: #999999;
    -webkit-transition: color 5s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
    text-decoration: none;
    font-size: 16px;
}


.makaleozet a:hover{
    color:#646464;
}


.makalealt {
    background-color:#e9eae9;
    min-height:30px;
    line-height:30px;
    bottom:0px;
    width:100%;
    font-size:12px;
    font-weight:bold; 
      
}
.makalealt img{
    height:30px;
    width:30px;
}


.adisoyadi {
    font-size:35px;
    float:left;
    text-align:center;
    padding-top:20px;
}

.sosyalmedya {
    float:left;
    font-size:24px;
    padding-top:20px;
}

.kanuni {
    padding-top:20px;
    float:left;
    font-size:12px;
}

.makaleler {
    margin-left:10px;
    margin-right:10px;
    min-height:750px;
    background-color:white;
    border:1px solid #ebebeb;
}
.populerbaslik {
    color:#6dc2e9;
    font-size:20px;
    text-align:center;
    
    border-bottom: 1px solid #DFDFDF;
    font-weight:bold;
    min-height:45px;
    line-height:45px;   

}
.populermakaleler {
    text-align:center;
    margin-top:15px;
}

.populermakaleler a{
    color:#a5a5a5;
    font-size:14px; 
}

.populermakaleler a:hover {
    color: #333333;
}
.populermakaleler img {
    width:184px;
    height:186px;
    border: 1px solid #DFDFDF;


}

.populeryazi a {
    color:red;
    font-weight:bold;
    line-height:20px;   
}
.kategoribaslik {

    color:#6dc2e9;
    font-size:20px;
    text-align:center;
    
    border-bottom: 1px solid #DFDFDF;
    font-weight:bold;
    min-height:45px;
    line-height:45px;   

}

.kategoriler {
    text-align:center;
}

.kategoriler a{
    color:#a5a5a5;
    font-size:14px; 
}

.kategoriler a:hover {
       color:white;
}

.kategori {
    min-width: 70px;
    height: 40px;
    background-color:#ffcc00;
    font-weight:bold;
    font-size: 16px;
    margin-top: 10px;
    line-height:40px;
    cursor:pointer;
    -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0 0 10px 0 #F5C711;
box-shadow: 0 0 10px 0 #F5C711;
}

.kategori:hover {
-webkit-box-shadow: 0 0 10px 0 #EDEDED;
box-shadow: 0 0 10px 0 #EDEDED;
  
   color:white;
}

    .kategori a {
     color:white;
    }

.kmbaslik {
    font-size:18px;
    font-weight:bold;
    
    text-align:left;
    border-bottom: 1px solid #DFDFDF;
    min-height:40px;
    line-height:40px;
    width:100%;
    padding-left:10px;
    padding-right:10px;
}

.kmbaslik1 {
    font-size: 18px;
    font-weight: bold;
    min-height: 30px;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

.km {
    
    min-height:700px;
    text-align:center;
    background-color:white;
    border:1px solid #D2D0D0;
    margin-top:10px;
    margin-bottom:10px;
}

.km img{
        width:250px;
        height:200px;
        margin-top:10px;
        margin-bottom:10px;
}

.kmdiger {
    float:right;
    width:150px;
    height:30px;
    line-height:25px;
    text-align:center;
    margin-top:5px;
}

.kmdiger a:hover {
    color: #2f9fd3;
}

.kmdiger a{
    font-size:14px;
    color:#00bbce;
    font-weight:normal;
    text-decoration:none;
}



.kmozet {
     font-size:14px;
     text-align:Justify;
     color:#646464;
     min-height:80px;
     padding-left:10px;
     padding-right:10px;
}

.kmalt {
     font-size:12px;
     background-color:#e9eae9;
     height:30px;
     line-height:30px; 
     position:absolute;
     bottom:0px; 
     width:100%;
     font-weight:bold;
}

.kmtek {
    min-height:430px;
    position:relative;
}

.sayfabaslik {
    height:50px;
    line-height:50px;
    font-size:25px;
    color:#6dc2e9;
    font-weight:bold;
    background-color:white;
    padding-left:10px;
    border:1px solid #ebebeb;
    margin-left:10px;
    margin-right:10px;
}


.hakkimda
{
    padding:20px;
    text-align:justify;
    background-color:white;
    border:1px solid #ebebeb;
    margin:10px;
}

.referans {

    background-color:white;
    border:1px solid #ebebeb;
    margin:10px;
}

.verilenegitimler {
    height:50px;
    line-height:50px;
    font-size:25px;
    color:#6dc2e9;
    font-weight:bold;
    background-color:white;
    padding-left:10px;
    border-bottom:1px solid #ebebeb;
   
}

.referanslar {
     padding:10px;
}

.refbaslik {
    color:#ffcc00;
    font-size:24px;
    margin-bottom:10px;
    font-weight:bold;
}

.refaciklama {
     border-bottom:1px solid #ebebeb;
     margin-bottom:10px;
     padding-bottom:10px;
     padding-left:10px;
     font-size:16px;
     color:#8f8f8f;
}

/*Slider*/

.slider {
    
    background-color: white;
    border: 1px solid #DFDFDF;
    max-width:1000px;
    overflow:hidden;
    position:relative;
}

.sliderici {
    /*max-height: 310px;*/
    /*position:absolute;*/
    /*position:relative;*/
    /*left:0px;*/
}

.duyururesimler {
    max-height:310px;
    display:inline-grid;
    /*position:relative;*/
}

.duyururesimler img{
    max-height:100%;
    max-width:100%;
    
}


.duyururesimler span{
   text-shadow: 0 0 3px #424242;
}

/*Slider*/

.makaleicerik {
    margin:10px;
    background-color:#fff;
    border: 1px solid #DFDFDF;
    padding:20px;
    min-height:750px;
}

.iletisim {
    margin:10px;
    background-color:#fff;
    border: 1px solid #DFDFDF;
    padding:20px;
}

.mesajgunlugu {
    margin:10px;
    background-color:#fff;
    border: 1px solid #DFDFDF;
}

.mesajgunlukleri {
    height:50px;
    line-height:50px;
    font-size:25px;
    color:#6dc2e9;
    font-weight:bold;
    background-color:white;
    padding-left:10px;
    border-bottom:1px solid #ebebeb;
}

.mesajlar {
margin:10px;
background-color:#fff;

}

.mesajtek {
     border:1px solid #ebebeb;
     margin-bottom:10px;
     padding:10px;
}

.mesajgonderen {
    font-size:18px;
    color:#5ec4ff;
    margin-bottom:5px;
}
.mesajgonderen span {
     font-size:14px;
    color:#515151;
}
.mesaj {
      font-size:14px;
    color:#515151;
    margin-bottom:10px;
}

.mesajcevaptek {
     padding:10px;
     border:1px solid #DFDFDF;
     background-color:#ededed;
     margin-left:10px;
}

.mesajcevapveren {
     font-size:18px;
    color:#5ec4ff;
    margin-bottom:5px;
}

.mesajcevapveren span {
     font-size:14px;
    color:#515151;
}

.mesajcevap {
       font-size:14px;
    color:#515151;

}
/*Eğitimler*/
.egitimtek {

     border:1px solid #DFDFDF;
     background-color:#fff;
     min-height:175px;
     margin:10px;
     
}
.egitimbaslik {

    min-height:40px;
    border-bottom:1px solid #DFDFDF;
    font-size:22px;
    padding-left:10px;
    font-weight:bold;
    line-height:40px;
}

.egitimozet {
    padding:10px;
    min-height:100px;
}

.egitimalt {
    background-color:#d6f2ff;
    width:100%;
    color:red;
    font-size:14px;
    font-weight:bold;
    padding-left:10px;  
    min-height:35px;
    line-height:35px;
}
.egitimalt img{
    width:25px;
}

.egitimresim {
  max-height:310px;
  background-color:#DFDFDF;
}

.egitimresim img{
     max-height:310px;
     width:100%;
}

/**/

.makaleara {
    
    font-size: 14px;
    font-weight: normal;
    background-color: #ebebeb !important;
    width: 100px;
    line-height:30px;
}

.makalearabuton {
    font-size:14px;
    font-weight:normal;
    line-height:30px;
    width:30px;
    height:30px;
    border-style: none;
    background-image: url('images/ara.png');
    background-repeat: no-repeat;
        
}

.makalebulunamadi {
    background-color: #FFFFFF;
    width: 40%;
    height: 200px;
    margin: auto;
    margin-top: 100px;
    -webkit-box-shadow: 1px 1px 1px 1px #D6D6D6;
    box-shadow: 1px 1px 1px 1px #D6D6D6;
}

.makalebulunamadi img {
    height:20px;
    margin-top:-5px;
}
.uyaribaslik {
    font-weight: bold;
      color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 11%, #207cca 86%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(11%,#2989d8), color-stop(86%,#207cca), color-stop(100%,#7db9e8));
    background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 11%,#207cca 86%,#7db9e8 100%);
    background: -o-linear-gradient(top, #1e5799 0%,#2989d8 11%,#207cca 86%,#7db9e8 100%);
    background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 11%,#207cca 86%,#7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%,#2989d8 11%,#207cca 86%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
.uyaribaslik div {
    display:inline-block;
}
.uyariicerik{
    margin:30px; 
}

.egitimbolum {
    margin-left:10px;
    margin-right:10px;
    background-color:#fff;
    padding:10px;
}

.egitimaltbaslik {
     border-bottom:1px solid #DFDFDF;
     font-size:22px;
     font-weight:bold;
     color:#646464;
}

.egitimaltaciklama {
    color:#a5a5a5;
    padding:12px;
    font-size:14px;
}

.mesajbutonu {
    float:right;
    width:100px;
    height:30px;
    line-height:25px;
    background-color:#d2d1c6;
    border: 1px solid #ada9a9;
    text-align:center;
    margin-top:10px;
    background: linear-gradient(to bottom, #e5e5e5 0%,#cecece 52%,#e5e5e5 100%);
    font-size:14px;
    margin-right:10px;
    color:#808080;
    -webkit-transition: color 2s ease;
    -moz-transition: color 2s ease;
    -ms-transition: color 2s ease;
    -o-transition: color 2s ease;
    transition: color 2s ease;
}

.mesajbutonu:hover {
    color:#6dc2e9;
    cursor:pointer;
    
}


.mesajbaslik {
    float:left;
}

.mesajpopup {
    position: fixed;
    max-height: 800px;
    width: 40%;
    background-color: #f1f1f1;
    -webkit-box-shadow: 0 0 20px 1px gray;
    box-shadow: 0 0 20px 1px gray;
    margin: 50px auto 0px auto !important;
    display: none;
    top: 5%;
    left: 30%;
    z-index: 100000;
    border: 1px solid gray;
    border-radius: 10px;


}

.popupbaslik {
    height:40px;
    font-size:20px;
    line-height:40px;
    background-color:#d2dbe0;
    padding-left:10px;
    font-weight:bold;
    margin-bottom:10px;
    -webkit-box-shadow: 0 2px 2px 0 #8F8F8F;
    color:white;
    background: #4fa7ff;
    background: -moz-linear-gradient(top, #4fa7ff 0%, #9fcaf2 88%, #57a2ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fa7ff), color-stop(88%,#9fcaf2), color-stop(100%,#57a2ed));
    background: -webkit-linear-gradient(top, #4fa7ff 0%,#9fcaf2 88%,#57a2ed 100%);
    background: -o-linear-gradient(top, #4fa7ff 0%,#9fcaf2 88%,#57a2ed 100%);
    background: -ms-linear-gradient(top, #4fa7ff 0%,#9fcaf2 88%,#57a2ed 100%);
    background: linear-gradient(to bottom, #4fa7ff 0%,#9fcaf2 88%,#57a2ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa7ff', endColorstr='#57a2ed',GradientType=0 );

}

.popupkontrol {
    margin-left:20px;
    margin-right:20px;
}

.popupislem {
    
    max-height:100px;
    min-height:50px;
}

.popupbutonu {
    
    width: 100px;
    height: 30px;
    line-height: 25px;
    background-color: #d2d1c6;
    border: 1px solid #ada9a9;
    text-align: center;
    margin-top: 10px;
    background: linear-gradient(to bottom, #e5e5e5 0%,#cecece 52%,#e5e5e5 100%);
    font-size: 14px;
    margin-right: 10px;
    color: #808080;
    -webkit-transition: color 2s ease;
    -moz-transition: color 2s ease;
    -ms-transition: color 2s ease;
    -o-transition: color 2s ease;
    transition: color 2s ease;

}
.popupbutonuajax {
    height:30px;
    width:30px;
    background-image: url('images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: left center;
    float:left;
    display:none;
}
.popupbutonu:hover {
    color:#6dc2e9;
    cursor:pointer;
    
}

.errormesaji {
    background-color:#fbe0e0;
    border: 1px solid #ff5d5d;
    min-height:30px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding:3px;
}

/*#modaloverlay:target {
    display:block;
}*/

#modaloverlay {
    position: fixed;
    z-index:9999;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background-color:rgba(150,150,150,0.7) ;
    display: none;
}

label.error {
    color:red;
    font-size:12px;
}

.takvimliste {
    font-size:14px;
    display:block;
}

.takvimdetay {
    font-size:14px;
    display:none
}
    .takvimdetay table td:first-child {
    font-weight:bold;
    width:40%;
    }

.basvurubutonu {
    
    height:30px;
    line-height:25px;
    background-color:#ef8a1c;
    border: 1px solid #ada9a9;
    text-align:center;
    margin-top:10px;
    font-size:14px;
    margin-right:10px;
    color:#808080;
    padding:5px 10px;
    color:white;
}

    .basvurubutonu:hover {
        cursor:pointer;
    }

/*Bilgi İstek*/
.istekbutonu {
    float:right;
    width:100px;
    height:30px;
    line-height:25px;
    background-color:#d2d1c6;
    border: 1px solid #ada9a9;
    text-align:center;
    margin-top:10px;
    background: linear-gradient(to bottom, #e5e5e5 0%,#cecece 52%,#e5e5e5 100%);
    font-size:14px;
    margin-right:10px;
    color:#808080;
    -webkit-transition: color 2s ease;
    -moz-transition: color 2s ease;
    -ms-transition: color 2s ease;
    -o-transition: color 2s ease;
    transition: color 2s ease;
}

.istekbutonu:hover {
    color:#6dc2e9;
    cursor:pointer;
    
}


.genelegitimbaslik {
    float:left;
}

#kayitsonuc {
    padding: 10px;
    min-height: 100px;
    background-color: white;
    position: fixed;
    width: 50%;
    top: 25%;
    left: 25%;
    display: none;
    color: black;
    border-radius: 5px;
    border: 10px solid rgb(255,0,0);
    font-size: 12px;
    -webkit-box-shadow: 0 0 30px 0 #BDBDBD;
box-shadow: 0 0 30px 0 #BDBDBD;
}


#kayitsonucmesaj {
    margin:10px;
}

#kategorimakale>div:first-child{
    padding-left:0px;
}
#kategorimakale>div:last-child{
    padding-right:0px;
}

.carousel-caption {
    font-size: 40px !important;
    
}


@media all and (max-width:767px) {
    .logo {
        font-size:25px;
    }

     .sayfabaslik {
        font-size:20px;
    }

    .mesajgunlukleri {
        
    font-size:22px;

    }

    .mesajpopup {
        width:100%;
        left:0%;
    }
    #kayitsonuc {
        width:90%;
        left:5%;
    }
    #kategorimakale>div:first-child{
        padding-left:0px;
        padding-right:0px;
    }
    #kategorimakale>div:last-child{
        padding-right:0px;
        padding-left:0px;
    }

    .carousel-caption {

    font-size:20px !important;
    
    }

    .eposta {
        display:none;
    }

    .makalebaslik {
   
        font-size: 18px;
        line-height:25px;
        height:25px !important;
   
    }

    .makalebulunamadi {
        width:70%
    }
    
    .takvimliste {
    font-size:14px;
    display:none;
}

.takvimdetay {
    font-size:14px;
    display:block
}


    
}

@media all and (max-width:500px) {
     .carousel-caption {

    font-size:12px !important;
    
    }

     .makalebulunamadi {
        width:90%
    }
}