.hhide {
    text-indent: -9999px;
    top: -9999px;
    position: absolute;
}
.slyazi {
    position: absolute;
    top: 20%;
    padding: 20px;
    bottom: 25%;
    color: #fff;
        z-index: 300;
            width: 100%;
    text-align: center;
    }  
 .slyazi h1 {  font-weight: 900;
    font-size: 40pt;
    letter-spacing: -2px;
        text-shadow: -2px 2px 2px black;
        margin-bottom: 50px;
}   
 .slyazi h4 { 
 font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #e1efff;
    width: 50%;
    background: rgba(0, 0, 0, 0.36);
    padding: 14px;
    border-left: 2px solid #54a4ff;
 }    
 .slbuton {       
    display: inline-block;
    padding: 10px;
    background: #0950a0;
    color: #fff;
    position: absolute;
    font-weight: 300;
    float: right;
    right: 10%;
    bottom: 0px;
   } 

  .slbuton:hover {
    background: #000;

   }  

.yuva {}
.iico {    font-size: 30pt;
    position: absolute;
    left: 40%;
}
.resimler:before {    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,rgb(0 0 0 / 44%) 20%, rgb(0 0 0 / 24%) 50% ,rgb(46 20 124 / 0%) 80%,rgb(50 50 50 / 0%) 100%);
    position: absolute;}
 
   .slgt {    margin: 0 auto;z-index: 15;
    height: 100%;
    width: 85%;
    position: relative;}
.resimler { 
height: 100vh;
    background-position: center center;
    background-size: cover;
    display: block;
    overflow: hidden;
}

.slogan .sloyazi {      font-weight: 700;
    font-family: 'Poppins', cursive;
    color: #fff;
        letter-spacing: -3px;
    font-size: 44pt;
     text-shadow: 0px 6px 12px #000;}   
.slogan .sloyazik {   color: #FFF;
    font-size: 20px;
    margin: 16px 0;
    font-weight: 300;
 text-shadow: 1px 1px 1px #000;
    } 

.slogan h3 {
    color: #fff;
    font-size: 30pt;
    font-weight: 100;
    margin-top: 40px;

}
.corta {position: absolute;
    width: 100px;
    height: 100px;
    background: #ffb426;
    left: 37%;
    top: -54px;
    z-index: 5000;
    border-radius: 50%;
        color: #fff;
    font-size: 56pt;}
#banalt {      width: 100%;
       margin-top: -50px;
    z-index: 10;
    position: relative;
    }
#banmar {    margin: 0 auto;
    height: 100%;

}   
.banimg {margin-top:10px} 
.bansi {        float: left;
    width:25%;
    height: 140px;
    position: relative;
}  
  .bansi i {    FONT-SIZE: 40PT;
    COLOR: #f9f8f4;
    MARGIN-BOTTOM: 10PX;
    MARGIN-TOP: 20PX;
    }
.bansi h3 { color:#fff } 
.bansi:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skewX( -30deg );
    background: #0A94C8;
    z-index: -1;
}
.bansi:nth-child(1):after {
    background: #8d0202;
}
.bansi:nth-child(2):after {
    background: #be0909;
}
.bansi:nth-child(3):after {
    background: #e10b0b;
}
.bansi:nth-child(4):after {
    background: #142128;
}
#bantasi {      width: 90%;
    margin: 0 auto;}
.elsne {    color: #808080;
    float: left;
    width: 33%;
    padding: 20px;
}
.elsne b {    color: #CF0026}
.dims {
width:70px;
position:relative;
    z-index: 5;
}

.ciz {      height: 100%;
    border-left: 1px dashed;
    position: absolute;
    left: 34px;
    z-index: 1;
    top: 10px;}
.cyaz {    padding: 0px 15px 0px 15px;
    height: 150px;}    
td {position:relative}   
.tbkonu {font-size: 10pt;
    color: #496186;
    font-weight: 400;}

.tbyazi {    font-size: 13pt;}
.dtablo {margin-bottom:20px;    border-bottom: 1px solid #DBE9EF;}
.defac.sag {     width: calc(98% - 320px);
    padding: 25px;
    -webkit-box-shadow: -1px 4px 21px -7px rgba(66,65,66,1);
    -moz-box-shadow: -1px 4px 21px -7px rgba(66,65,66,1);
    box-shadow: -1px 4px 21px -7px rgba(66,65,66,1);
    background: #fff;
    border-radius: 6px;
    background-image: url('images/abstr.jpg');
    background-repeat: repeat-x;
    border: 2px solid #EEF0F3;
    background-position: left top;
        margin-right: 2%;
   }
   .pngs {    width: 120px;
    position: absolute;
    margin-top: -76px;
    z-index: 300;
    }
   .pngs img {width:100%}
   .defac {float:right }
.defac.sol {    margin-top: -160px;
    -webkit-box-shadow: -1px 4px 21px -7px rgba(66,65,66,1);
    -moz-box-shadow: -1px 4px 21px -7px rgba(66,65,66,1);
    box-shadow: -1px 4px 21px -7px rgba(66,65,66,1);
    border: 2px solid #FDFEFF;
    width: 320px;
    background: #EAF9FF;
    padding: 20px;
    position: relative;
    border-radius: 12px;
    z-index: 5000;}
    
       .slogan {
    position: absolute;
    top: 35%;
width: 70%;

}.ciz {      height: 100%;
    border-left: 1px dashed;
    position: absolute;
    left: 34px;
    z-index: 1;
    top: 10px;}
.cyaz {    padding: 0px 15px 0px 15px;
    height: 150px;}    
td {position:relative}  
.iriyaz {
color: #fff;
    font-size: 78px;
    font-weight: 900;
    text-shadow: 0px 11px 22px rgb(0 0 0 / 38%);
    z-index: 10;
} 
.sirke {
font-weight: 900;
    font-size: 20pt;
    position: absolute;
    margin-top: -10px;
    color: #be0909;
}
.slbut {
      background: linear-gradient(45deg,#e02209 0%,#ed7d21 100%);
    padding: 10px 40px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    font-size: 16pt;
    margin-top: 35px;
    transform: skewX(-30deg );
    -webkit-box-shadow: -8px 8px 1px 0px rgb(0 0 0 / 13%);
    box-shadow: -8px 8px 1px 0px rgb(0 0 0 / 13%);
} 
.slbut span {  
    transform: skewX(30deg );
    DISPLAY: BLOCK;  
    }
.bsyaz h3 {
    margin-bottom: 10px;
    font-size: 20pt;
    color: #000000;
    margin-top: 0px;
    font-weight: 800;
}
.ikili {   
    float: left;line-height: 1.8;
    margin-top: 60px;}
.slsim {position: absolute;
    right: 0;
    bottom: 0px;
    width: 500px;}
  .borta .bsyaz  {  color:#000;  margin-top: 0px;}  
  .borta .bsyaz h3 {   margin-top: 20px;} 
  .bsyaz {
    padding: 25px 20px;
    font-size: 12pt;
    color: #777d82;
    font-weight: 400;
    line-height: 1.5
}

.ucsim {    width: 340px;
    position: absolute;
    right: -60px;
    bottom: -40px;}
.bspan {width:50%;    float: right;
display: block;}   
.incee {
background: rgb(255 167 0);
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    padding: 10px 25px;
    font-size: 12pt;
    position: absolute;
    bottom: -20px;
    left: 35%;
    font-weight: 500;
}
.incto {    float: left;
    font-size: 20px;
    margin-right: 10px;}
.onac { background: #fff;
    background-size: cover;
    background-position: center center;margin-top: 75px;
    width: 100%;
    text-align: center;}
.img-icon {width:60px;margin-right: 20px;
}
.kita {  float: left;}
.arabam {overflow: hidden;
    width: 60%;padding: 15px;
    height: 100%;position: relative;
 } 
 .arabam:before {transition: all 0.4s ease 0s;
content: "";
    width: 57%;
    height: 100%;
    background: #ffffff4a;
    right: -16%;
    z-index: 13;
    top: -4px;
    position: absolute;
    transform: skewX(-30deg );
} 
 .arabam:hover.arabam:before {
    width: 80%;
    height: 100%;
    background: #ffffff4a;
} 
 .krou {
text-align: left;width: 40%;
    position: relative;
    padding: 15px;
    border-radius: 20px
 } 
.sapan {display:block}    


   @media only screen and (max-width: 768px) {
   .slogan {
position: absolute;
    top: 50%;
    right: 0;
    padding: 5px;
    transform: translate(-50%, -50%);
   }
   .slbut {
    font-size: 12pt;
     padding: 10px 12px;
}
   .slyazi {
    top: 0;
    right: 5%;
    padding: 5px;
    left: 5%;
    bottom: 20%;
    } 
    .elsne { width:100%}
   .slyazi .sloyazi { font-weight: 900; font-size:16pt; }   
 .slyazi h4 {   width: 100%; font-size:10pt}    
  .slbuton {      
    padding: 5px;

   }  
   .resimler {
height: 340px;
}
.kita {
    float: none;
    width: 100%;
}

.slogan .sloyazi {font-weight: 700;
    font-size: 28pt;}   
.slogan .sloyazik { 
    font-size: 12pt;
    } 
    .cbs {display:none}
    .onac {float:none;width: 100%;margin-top:0px}
   }
   
     @media only screen and (max-width: 520px) {
        .slogan {
position: absolute;
    top: 50%;
    left: 44%;
    padding: 5px;
    transform: translate(-50%, -50%);
    width: 100%;
   }
   .slogan .sloyazi {
    font-weight: 600;
    font-size: 22pt;
    letter-spacing: -1px;
}
.kita {padding: 10px;

}
.slbut {
    font-size: 11pt;
    padding: 10px 6px;
}
     }