.hakkimizda { max-width:1200px;margin: 0  auto;margin-bottom:20px
}
.hakkimizda img{width:100%
}
h1 {
  color: #333;
  font-family: arial, sans-serif;
  margin: 1em auto;
  
}
.clear {
    clear: both;
}
 
.tabordion {
  color: #333;
  display: block;
  font-family: arial, sans-serif;
  margin: auto;
  position: relative;
  height: 100vh;
  
}

.tabordion input[name="sections"] {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.tabordion section {
  display: block;
}
/*.gecici {
  background: #909090 !important;
  transition:all ease-in-out 1s;
 
}*/
.tabordion section label {
  background: #f6f6f6;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 300;
  padding: 8px 20px;
  position: relative;
  width: 250px;
  z-index:31;
  margin-bottom:6px;
  color:#555555;
  /*box-shadow:0 0 3px black*/
  border:1px solid #eaeaea
  
}
.tabordion section label:hover  {
  background:#c7c7c7;
  transition:.2s ease-in-out all;
  padding-left:20px;
  /*border-bottom-right-radius:20px;
border-top-right-radius:20px;
 box-shadow:none*/
  
}
.tabordion section label {position:relative;

}
.tabordion section label i{position:absolute;
right:10px;
color:black;
font-size:17px;z-index:99999;display:none;font-weight:100
}
.tabordion section label:hover i{display:inline-block;
}


.tabordion section article {
  display: none;
  left: 300px;
  /*min-width: 300px;*/
  padding: 0 0 0 10px;
  position: absolute;  
  top: -500px;
  border-left:3px solid gray;
  font-family:arial, SansSerif;
 font-size:14px;line-height:18px;
 
  
}
.tabordion section p {
 margin:0;
 
}
.tabordion section article:after {
  
  bottom: 0;
  content: "";
  display: block;
  left:-229px;
  position: absolute;
  top: 0;
  width: 220px;
  z-index:1;
}

.tabordion input[name="sections"]:checked + label { 
  background: #909090;
  color: #fff;
  transition:background ease-in-out 0.5s;

 
    

}

.tabordion input[name="sections"]:checked ~ article {
  display: block;
  top: 0;
   
  
}
.links {
  padding: 5px 7px 7px;
    width: 100%;
    display: inline-block;
    /* background: cadetblue; */
    border-left: 3px solid #e52029;
    margin-bottom: 5px;
    color: black;
    box-sizing: border-box;
    transition: all ease-in-out .3s;
}
.links:hover {
  border-left: 6px solid #e52029;
    color: red;
 }
.section
{
        font-family: arial, SansSerif;
    font-size: 14px;
    line-height: 18px;
}
.UlKurumsal
{list-style:none;
 margin:0;padding:0;
 margin-top: 58px;
}

.UlKurumsal li
{list-style:none;
 margin:0;padding:0;
}


@media (max-width: 533px) {
    h1 {padding-right:15px;
    }
 

  .tabordion {
    width: 100%;
  }
  
  .tabordion section label {
    font-size: 1em;
    width: 100px;
  }  

 .tabordion section article {
    left: 200px;
    /*min-width: 270px;*/
  } 
  
  .tabordion section article:after {
    
    bottom: 0;
    content: "";
    display: block;
    left:-199px;
    position: absolute;
    top: 0;
    width: 200px;
    

  }
    .tabordion section label {
        font-size:13px
    }
     
}

@media (max-width: 412px) and (min-width: 319px) {
      .hakkimizda {height: 160vh ;
    }
}
@media (max-width: 768px) and (min-width: 412px) {
      .hakkimizda {height: 130vh !important;
    }
}

@media (max-width: 768px) {
          .hakkimizda {height: 100%;
    }
     h1 {padding-right:15px;
    }
  .tabordion {
    width: 100%;
  overflow-y:scroll
  }
    
    .tabordion section label {
  background: #f6f6f6;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 300;
  padding: 8px 20px;
  position: relative;
  width: 100px;
  z-index:100;
  margin-bottom:6px;
  color:#555555
}
    .tabordion section article {
    left: 145px;
    /*min-width: 270px;*/
  } 
}
@media (min-width: 766px) and (max-width: 1366px) {
     h1 {padding-right:15px;
    }
   
   .tabordion section label {
    width:150px
  } 
     .tabordion section article {
    left:201px
  } 
    
}

@media (min-width: 1366px) {
  h1 {padding-right:15px;
    }

  .tabordion {
    
  }
    
    
}

.sectionkurumsal
{
min-height: calc(100vh - 205px); 
min-height: -webkit-calc(100vh - 205px);
min-height: -moz-calc(100vh - 205px);
min-height: calc(100vh - 205px);
}
.col-md-9 p
{
    line-height: 23px;
    font-size: 15px;
}

.wsmainfull {
     border-bottom: 1px solid lightgray;}
    .modalDialog {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 999999999;
        opacity: 0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
        overflow: scroll;
    }

    article i {
        font-weight: bold;
    }

    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 100%;
        position: relative;
        padding: 5px 20px 13px 20px;
        background: #fff;
        box-sizing: border-box;
        margin-top: 0;
        text-align: center;
    }

        .modalDialog > div iframe {
            margin-top: 50px;
        }

    .close {
        background: #ebebeb;
        color: #808080;
        line-height: 25px;
        position: absolute;
        right: 0;
        padding-top: 5px;
        text-align: center;
        top: 0;
        height: 30px;
        width: 100%;
        text-decoration: none;
        -moz-box-shadow: 1px 1px 7px #000;
        -webkit-box-shadow: 1px 1px 7px #000;
        box-shadow: 0 1px 7px #9c9c9c;
        margin-top:0;
        border-bottom: 1px solid #f1f1f1;
    }

        .close:hover {
            background: #d3d3d3;
            color: black;
            border-bottom: 1px solid #ebebeb;
        }

.aktiflink
{
    background:#e52029;color:white
}
.SayfaBasligi { 
    padding: 15px;
 
}

.kvkk {
        width:100%;

    }
     .kvkk td{
        padding:5px;border:1px solid lightgray;
        font-size:15px!important;
        font-family: sans-serif;

    }