.parlaklik{
  overflow: hidden;
  position: relative;
}
 
.parlaklik::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
 
.parlaklik::before {
    animation: shine 5s ease-in-out  infinite;
}

@keyframes shine{
  10% {
    opacity: 1;
    top: 1%;
    left: 135%;
    transition-property: left, top, opacity;
    transition-duration: 0.6s, 0.6s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: 125%;
    left: 124%;
    transition-property: left, top, opacity;
  }
}

body{
margin:0 auto;
padding:0;
font-family: 'Poppins', sans-serif;
font-size:14px;
background-image: radial-gradient(circle at 50% 13%,#fff,#fff);
}

#header{
overflow:hidden;
border-bottom:1px solid #eee;
height:11vh;
}

.header{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:15px 0 15px 0;
}

.logo{
float:left;
overflow:hidden;
padding:5px 0 0 0
}

.menu{
float:right;
overflow:hidden;
}

.menu ul{
margin:0 auto;
list-style:none;
padding:0;
float:left;
}

.menu ul li:hover ul{
display:block;
position:absolute;
padding-top:15px;

}

.menu li li{
float:none;

background:#fff;
border-top:1px solid #eaeaea;
}


.menu li:nth-child(1){
border:none;
}

.menu li{
float:left;

color:#333;
font-weight:500;

cursor:pointer;
}

.menu li a{
color:#333;
text-decoration:none;
padding:10px;
display:block;
}

.menu li a:hover{
color:#fff
}

.menu li:hover a{
background:#333;
color:#fff!important;
-moz-transition: 0.9s;
-o-transition: 0.9s;
-ms-transition: 0.9s;
transition: 0.9s;
}

.menu ul ul{
display:none;
}

.diller{
float:right;
padding:10px 0 0 0 ;
}

.diller span{
display:block;
float:left;
padding-left:10px;
}

.diller img{
width:25px;
}

#content{
overflow:hidden;
}

.content{
width:1100px;
margin:0 auto;
overflow:hidden;
}

.salihbey{
float:left;
width:400px;
overflow:hidden;
height:88vh
}

.salihbey img{
width:100%;
}

.salihunvan{
float:right;
width:670px;
overflow:hidden;
background:#f6fbff;
padding-left:20px;
min-height:88vh;
}


.salihunvan h1{
color:#333;
padding:100px 0 0 0;
font-size:51px;
font-weight:700;
}

#footer{
overflow:hidden;
width:100%;
border-top:1px solid #eee;
}

.footer{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:10px 0 10px 0;
font-size:12px;
}

.footer span{
float:right;
font-size:21px;
}


.ciz{
background:#333;
padding:5px 0 0 0;
width:60px;
}

.unvanlari{
overflow:hidden;
}

.unvanlari span{
display:block;
font-weight:600;
font-size:24px;
color:#333;
}

.anahakk{
background:#333;
color:#fff;
border:2px solid #333;
margin-top:20px;
font-weight:600;
width:150px;
text-align:center;
font-size:15px;
}

.anahakk a{
padding:15px 0;
display:block;
color:#fff;
text-decoration:none;
}

.anahakk a:hover{
color:#000;
}
.anahakk:hover{
background:#fff;
border:2px solid #333;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
color:#333;
cursor:pointer;
}

.Typewriter__cursor{
display:none!important;
}

#app{
height:40px;
}

.icerikler{
overflow:hidden;
padding:0 20px 0 0 
}

.icerikler h2{
overflow:hidden;
margin:0 auto;
padding:0;
padding-top:20px;
padding-bottom:10px;
border-bottom:1px solid #d9e4ed;
color:#666;
font-weight:normal
}

.icerikler p{
color:#666;
letter-spacing:1px;
}

.tablar{
overflow:hidden;
margin:10px 0 0 0;
}

.tablar ul{
margin:0 auto;
list-style:none;
padding:0;
}

.tablar li{
float:left;
padding:10px;
color:#444;
font-weight:600;
margin-right:10px;
cursor:pointer;
}

.tabaktif{
background:#333;
color:#fff!important;
border-radius:5px;
}

.tablar li:hover{
background:#333;
color:#fff!important;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
  display:none;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.tabcontent ul{
margin:0 auto;
list-style:none;
padding:0;
padding:10px 0 0 0 
}

.tabcontent li{
width:23%;
float:left;
text-align:center;
padding:1% 1% 0% 1%;
height:180px;
overflow:hidden;
}

.tabcontent li img{
width:100%;
}

.tabcontent li span{
display:block;
white-space: nowrap;
text-overflow: ellipsis;
overflow:hidden;
font-size:12px;
}

.iletisim{
overflow:hidden;
}

.uckutu{
float:left;
width:31%;
border:1px solid #ddd;
margin-top:20px;
text-align:center;
padding:30px 0 35px 0 ;
font-size:16px;
}

.uckutu:nth-child(2){
margin:0 3%;
margin-top:20px;
}

.uckutu i{
font-size:24px;
display:block;
}

.form{
overflow:hidden;
padding:20px 0 0 0;
}

.formyaz{
overflow:hidden;
margin-bottom:10px;
}

.formyaz input{
width:50%;
height:30px;
border:none;
border:1px solid #ddd;
outline:none;
padding:5px;
font-family:poppins;
}

.formyaz textarea{
width:50%;
height:70px;
resize:none;
border:1px solid #ddd;
padding:5px;
font-family:poppins;
}

.formyaz button{
background:#333;
border:none;
color:#fff;
padding:10px 40px;
font-family:poppins;
}

.footer a{
color:#333;
text-decoration:none;
}

.mobilmenu{
display:none;
}