.hakyazi1{position: absolute;margin-top: 950px; font-family: 'montserratregular';color:#999;font-size:13px;letter-spacing: 1;text-align: left;margin-left: -200;width: 700;;z-index: 9}

.hakyazi2{position: absolute;margin-top: 905px; font-family: 'montserratregular';color:#333;font-size:18px;letter-spacing: 1;margin-left: -220PX;border-left:1px solid #333;padding-left: 20px;;z-index: 9}


.hakyazi3{position: absolute;margin-top: 1200px; font-family: 'montserratregular';color:#333;font-size:28px;letter-spacing: 1;margin-left: -220PX;border-left:1px solid #333;padding-left: 20px;text-align: left;z-index: 9}




.depoyazi1{position: absolute;margin-top: 1585px; font-family: 'montserratregular';color:#333;font-size:28px;letter-spacing: 1;margin-left: -220PX;border-left:1px solid #333;padding-left: 20px;text-align: left;;z-index: 9}






.tlerburda{position: absolute;margin-left: 60px;margin-top: 1200px}

.t8{position: absolute;margin-top: 2110px;font-family: 'montserratregular'; color:#333;font-size:20px;width: 100px;letter-spacing: 2;border-left:1px solid #333;padding-top: px;margin-left: 30;width: 340;margin-left: -220}

.hakyazi4{position: absolute;margin-top: 1340px; font-family: 'montserratregular';color:#999;font-size:13px;letter-spacing: 1;text-align: left;margin-left: -200;width: 300;z-index: 9}


.depoyazi2{position: absolute;margin-top: 1650px; font-family: 'montserratregular';color:#999;font-size:13px;letter-spacing: 1;text-align: left;margin-left: -200;width: 320;z-index: 9}

.hakyazi5{position: absolute;margin-top: 1220px;margin-left: 250px;}
.hakyazislider{position: absolute;left:0;width: 100%;margin-top: 1550px;height: 400px;object-fit: cover;background-size: cover;}
.hakyazislider img{object-fit: cover;background-size: cover;height: 400px;width: 100%;opacity: 0.5;}


.depoyazi3{position: absolute;margin-top: 1570px;margin-left: 250px;;z-index: 9}


.depoyazi3{ -webkit-filter: grayscale(100%) blur(0px); 
    filter: blur(0px) grayscale(100%);}
   




.orta55{position: absolute;margin-top: 220px;width: 500px;z-index: 9}


.hakyazislider{ -webkit-filter: grayscale(0%) blur(0px); 
    filter: blur(2px) grayscale(10%);
   }




.altucgen2{position: absolute;margin-top: 1540px;margin-left: 370px}


.hakyazi6{z-index: 99; position: absolute;margin-top: 1730px;font-size:22px;font-family: 'montserratregular';color:#fff;margin-left: -200px;text-align: left;letter-spacing: 2}

.hakyazi7{position: absolute;background-color: #0c2d52;width: 520px;height: 95px;margin-top: 1710px;opacity: 0.5;margin-left: -220px}


.hakyazi8{position: absolute;margin-top: 2510px;left:-160}



.hakyazi9{position: absolute; font-family: 'montserratregular';font-size:21px;color:#333;margin-left: 0px;margin-top: 2615;letter-spacing: 1;font-weight: bold;border-left:1px solid #333;padding-left: 10px;margin-left: -220}

.hakyazi10{position: absolute;margin-top: 2590px;opacity: 0.4;margin-left: -200px;}
.hakyazi10 img{width: 60%;}


.hakyazi10{ -webkit-filter: grayscale(0%) blur(0px); 
    filter: blur(2px) grayscale(1000%);
   }





.hakyazi12{position: absolute; font-family: 'montserratregular';font-size:21px;color:#333;margin-left: 0px;margin-top: 3015;letter-spacing: 1;font-weight: bold;border-left:1px solid #333;padding-left: 10px;margin-left: -220}




.enaltucgen1{position: absolute;margin-top: 3360;margin-left: 120}



.baslikx1{position: absolute;font-family: 'montserratregular';font-size:41px;color:#333;margin-top: 110px;margin-left: -160;z-index:2;opacity: 0.2;}
.baslikx2{position: absolute;font-family: 'montserratregular';font-size:21px;color:#333;margin-top:170px;margin-left: -160;z-index:2}


.baslikx3{position: absolute;margin-left: -297px;background-color: #022061;width:1;height: 100px;margin-top:200px;;z-index:2}

.baslikx4{position: absolute;margin-top: 212px;margin-left: -160px;font-family: 'montserratregular';font-size:14px;letter-spacing: 1;line-height: 1.6;width: 600px;text-align: left;;z-index:2}

.baslikx4xx{position: absolute;margin-top: 212px;margin-left: -160px;font-family: 'montserratregular';font-size:13px;letter-spacing: 1;line-height: 1.6;width: 600px;text-align: left;;z-index:2}


.baslikx5{position: absolute;width: 10px;height: 54px;background-color: #022061 ;margin-top: 463px;margin-left: -180px;opacity: 0.4;z-index: 2}




.baslikx6a{position: absolute;font-family: 'montserratregular';font-size:15px;margin-top: 460px;width: 150px;text-align: left;margin-left: -160px;font-weight: bold;}



.baslikx6a2{position: absolute;font-family: 'montserratregular';font-size:15px;margin-top: 540px;width: 150px;text-align: left;margin-left: -360px;font-weight: bold;}






.baslikx6{position: absolute;width: 10px;height: 34px;background-color: #022061 ;margin-top: 463px;margin-left: -180px;opacity: 0.4;}



.lojj{position: absolute;margin-top: 375px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);font-family: 'montserratregular';font-size:15px;color:#333;margin-left: -337px;letter-spacing: 4px;font-size:12px;font-weight: bold;z-index: 2;color:#000;font-weight: bold;}



.lojj33{position: absolute;margin-top: 675px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);font-family: 'montserratregular';font-size:15px;color:#333;margin-left: -440px;letter-spacing: 4px;font-size:12px;font-weight: bold;z-index: 2;color:#000;font-weight: bold;}

.lojj33x{position: absolute;width: 30px;height: 30px;border-radius: 90px;border:3px solid #333;margin-top: 480px;margin-left: -310px;}




.abc1{position: absolute;margin-left: ;margin-top: 60px;margin-left: -120}
.abc2{position: absolute;margin-left: 280px;margin-top: 60px;}
.abc3{position: absolute;margin-left:680;margin-top: 60px;}





.siyahlik{position: absolute;width: 100%;left:0;height: 400px;background-color: #eee;z-index: 1;}

.icerikucgen{position: absolute;margin-top: 370;margin-left: -370;z-index: 2}






.cizgiler4{position: absolute;width:370px;height: 1px;background-color: red;margin-top: 670px;margin-left: 220px;}



.baslikx5b{position: absolute;margin-top: 450px;margin-left: -205;border-radius: 90px;padding: ;z-index: 2}
.baslikx5b2{position: absolute;margin-top: 450px;margin-left: -368;border-radius: 90px;padding: ;z-index: 2}





.baslikx5a{position: absolute;font-family: 'montserratregular';font-size:15px;margin-top: 540px;width: 150px;text-align: left;margin-left: -205px;font-weight: bold;letter-spacing: 1;z-index: 2;color:#333;line-height: 1.6}

.baslikx5c{position: absolute;width: 300px;text-align: left;font-family: 'montserratregular';font-size:12px;margin-top: 620px;margin-left: -205;letter-spacing: 1;line-height: 1.6;z-index: 2;color:#333;text-align: jus}

.baslikx5axx{position: absolute;font-family: 'montserratregular';font-size:15px;margin-top: 540px;width: 220px;text-align: left;margin-left: -205px;font-weight: bold;letter-spacing: 1;z-index: 2;color:#333;line-height: 1.6}

.baslikx6axx{position: absolute;font-family: 'montserratregular';font-size:15px;margin-top: 540px;width: 220px;text-align: left;margin-left: -205px;font-weight: bold;letter-spacing: 1;z-index: 2;color:#333;line-height: 1.6}






.arabaslik1{position: absolute;font-family: 'montserratregular';font-size:15px;margin-top: 1040px;letter-spacing: 1;font-weight: bold;}




.icerikucgen4{position: absolute;margin-top: 950;z-index: 2;margin-left: 80;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}


.baslikx6a{position: absolute;font-family: 'montserratregular';font-size:15px;margin-top: 540px;width: 150px;text-align: left;margin-left: -205px;font-weight: bold;letter-spacing: 1;z-index: 2;color:#333;line-height: 1.6}
.baslikx6c{position: absolute;width: 300px;text-align: left;font-family: 'montserratregular';font-size:12px;margin-top: 620px;margin-left: -205;letter-spacing: 1;line-height: 1.6;z-index: 2;color:#333;text-align: jus}

.icerikucgen5{position: absolute;margin-top: 2060;margin-left: 97px;z-index: 2;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}



.komple1{position: absolute;margin-top: 1300px;font-family: 'montserratregular';font-size:20px;letter-spacing: 1;color:#022061;margin-left: -330;}


.icerikmenu4{position: absolute;margin-top: -450px;}


.cc1f{position: absolute;background-color: #ddd;width: 1px;height: 60px;margin-top: 580;z-index: 2;margin-left: -20}
.cc2f{position: absolute;background-color: #ddd;width: 1px;height: 60px;margin-top: 580;z-index: 2;margin-left: 350}


.cc1fx{position: absolute;background-color: #ddd;width: 1px;height: 60px;margin-top: 580;z-index: 2;margin-left: -20}
.cc2fx{position: absolute;background-color: #ddd;width: 1px;height: 60px;margin-top: 580;z-index: 2;margin-left: 350}


.cc1fx2{position: absolute;background-color: #ddd;width: 1px;height: 60px;margin-top: 580;z-index: 2;margin-left: -150}



.alttab2{position: absolute;font-size:14px;z-index: 9;color:#333;margin-top:1790px;margin-left: -240px;;}


.ana5{ height:2061;width:390px;text-align:center;margin-left:auto;margin-right:auto;margin-top:0;}



.hakyazi12x{position: absolute; font-family: 'montserratregular';font-size:21px;color:#333;margin-left: 0px;margin-top: 1715;letter-spacing: 1;font-weight: bold;border-left:1px solid #333;padding-left: 10px;margin-left: -220}



.siyah4{position: absolute;left:0;width: 100%;height: 300px;background-color: #ddd;margin-top: 1760;z-index: 1;opacity: 0.9}

.aaabbb{left:0;position: absolute;width: 100%;height: 400px;z-index: 1;overflow: hidden}



.dep1{position: absolute;z-index: 2;background-color: #;padding: 10px;COLOR:#333;font-family: 'montserratregular';font-size:11px;margin-top: 355px;margin-left: -170px;letter-spacing: 1;opacity: 0.7;}


.dep2{position: absolute;z-index: 2;background-color: #;padding: 10px;COLOR:#333;font-family: 'montserratregular';font-size:11px;margin-top: 355px;margin-left: -77px;letter-spacing: 1;opacity: 0.7;}

.dep3{position: absolute;z-index: 2;background-color: #;padding: 10px;COLOR:#333;font-family: 'montserratregular';font-size:11px;margin-top: 355px;margin-left: 119px;letter-spacing: 1;opacity: 0.7;}



.dep2X{position: absolute;z-index: 2;background-color: #;padding: 10px;COLOR:#333;font-family: 'montserratregular';font-size:11px;margin-top: 355px;margin-left: 40px;letter-spacing: 1;opacity: 0.7;}

.dep3X{position: absolute;z-index: 2;background-color: #;padding: 10px;COLOR:#333;font-family: 'montserratregular';font-size:11px;margin-top: 355px;margin-left: 239px;letter-spacing: 1;opacity: 0.7;}




.anima{position: absolute;z-index: 9;margin-top: 1450px;margin-left: 475px;}


.anima{}

.cv1{position: absolute;width: 1050px;height: 1px;background-color: #999;margin-top: 900px;margin-left: -330px;}
.cv2{position: absolute;width: 1050px;height: 1px;background-color: #999;margin-top: 1400px;margin-left: -330px;}
.cv3{position: absolute;width: 1050px;height: 1px;background-color: #999;margin-top: 2100px;margin-left: -330px;}


.abcx2{position: absolute;margin-top: 250}
.abcx3{position: absolute;margin-top: 500px}
.abcx4{position: absolute;margin-top: 900px;}

.devami{position: absolute;width: ;text-align: left;font-family: 'montserratregular';font-size:11px;margin-top: 605px;margin-left: -205;letter-spacing: 1;line-height: 1.6;z-index: 2;color:#333;text-align: jus;background-color: #eee;padding: 8px;color:#333;}


.devami889{position: absolute;width: ;text-align: left;font-family: 'montserratregular';font-size:11px;margin-top: 605px;margin-left: -59;letter-spacing: 1;line-height: 1.6;z-index: 2;color:#333;text-align: jus;background-color: #eee;padding: 8px;color:#333;}



.devami2{position: absolute;width: ;text-align: left;font-family: 'montserratregular';font-size:11px;margin-top: 605px;margin-left: -205;letter-spacing: 1;line-height: 1.6;z-index: 2;color:#333;text-align: jus;background-color: #eee;padding: 8px;color:#333;}



.bolumfoto{position: absolute;left:0;width: 100%;margin-top:404px;height: 497px;object-fit: cover;background-size: cover;-webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;}
.bolumfoto img{object-fit: cover;background-size: cover;height: 497px;width: 100%;opacity: 0.4;}


.bolumfoto{ -webkit-filter: grayscale(10%) blur(1px); 
    filter: blur(0px) grayscale(100%);
   }


.bolumfoto:hover{-webkit-filter: grayscale(10%) blur(1px); 
    filter: blur(0px) grayscale(0%);-webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;}







.hizmetb{position: absolute;text-align: left;font-family: 'montserratregular';font-size:12px;margin-top: 505px;width: 500px;margin-left: -140px;line-height: 1.7;letter-spacing: 1;font-weight: bold;color:#000;z-index: 4;text-align: left}


.hizmetc{position: absolute;background-color: #fff;width: 550px;height: 320px;opacity: 0.7;margin-top: 490px;z-index: 3;margin-left: -160;border-radius: 10px;}


.hizmetc123456{position: absolute;background-color: #fff;width: 550px;height: 340px;opacity: 0.7;margin-top: 490px;z-index: 3;margin-left: -160;border-radius: 10px;}

.hizmetcizgi1{position: absolute;margin-top: 900px;width: 100%;left:0;height: 3px;-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);}

.zxz{position: absolute;margin-top: 470px;margin-left: 30px;}


.ana5xx{ height:2561;width:390px;text-align:center;margin-left:auto;margin-right:auto;margin-top:0;}
.geridon1{position: absolute;padding: 10px;margin-top: 402px;background-color:#022061;font-family: 'montserratregular';font-size:12px;color:#fff; z-index: 3;letter-spacing: 1;font-size:11;margin-left: 550px}

.geridon4{position: absolute;padding: 10px;margin-top: 402px;background-color:#022061;font-family: 'montserratregular';font-size:12px;color:#fff; z-index: 3;letter-spacing: 1;font-size:11;margin-left: 460px}



.hakyazi12x11{position: absolute; font-family: 'montserratregular';font-size:21px;color:#333;margin-left: 0px;margin-top: 2205;letter-spacing: 1;font-weight: bold;border-left:1px solid #333;padding-left: 10px;margin-left: -220}

.siyah4xxx{position: absolute;left:0;width: 100%;height: 300px;background-color: #ddd;margin-top: 2260;z-index: 1;opacity: 0.9}



.alttab2xx{position: absolute;font-size:14px;z-index: 9;color:#333;margin-top:2320px;margin-left: -240px;;}




.hizmetcizgi2{position: absolute;margin-top: 400px;width: 100%;left:0;height: 3px;-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);}



.hizmetcx{position: absolute;background-color: #fff;width: 350px;height: 200px;opacity: 0.7;margin-top: 490px;z-index: 3;margin-left: -160;border-radius: 10px;}

.hizmetcx2{position: absolute;background-color: #fff;width: 350px;height: 100px;opacity: 0.7;margin-top: 490px;z-index: 3;margin-left: -160;border-radius: 10px;}



















.loader {
  width: 60px;
  height: 60px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  stroke-linecap: round;
  stroke-width: 4;
  fill: none;
}
.loader .internal-circle,
.loader .external-circle {
  stroke: #333;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.loader .internal-circle {
  stroke-dasharray: 187;
  -webkit-animation: internal 1s ease-in-out infinite;
          animation: internal 1s ease-in-out infinite;
  opacity: .4;
}
.loader .external-circle {
  stroke-dasharray: 312;
  -webkit-animation: external 1s linear infinite;
          animation: external 1s linear infinite;
  opacity: .9;
}

@-webkit-keyframes internal {
  0% {
    stroke-dashoffset: 187;
  }
  25% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes internal {
  0% {
    stroke-dashoffset: 187;
  }
  25% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes external {
  0% {
    stroke-dashoffset: 312;
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  60% {
    stroke-dashoffset: -312;
  }
  100% {
    stroke-dashoffset: -312;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes external {
  0% {
    stroke-dashoffset: 312;
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  60% {
    stroke-dashoffset: -312;
  }
  100% {
    stroke-dashoffset: -312;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@-webkit-keyframes bgcolors {
  0% {
    background: #1a87c5;
  }
  25% {
    background: #c51a3a;
  }
  50% {
    background: #e6d121;
  }
  75% {
    background: #22cf76;
  }
  100% {
    background: #1a87c5;
  }
}
@keyframes bgcolors {
  0% {
    background: #1a87c5;
  }
  25% {
    background: #c51a3a;
  }
  50% {
    background: #e6d121;
  }
  75% {
    background: #22cf76;
  }
  100% {
    background: #1a87c5;
  }
}










.particle-network-animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;opacity: 0.7

}
.particle-network-animation::before {
  z-index: -2;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  opacity: 0.2;
}

.glow {
  z-index: -1;
  position: fixed;
  top: 50%;
  left: 50%;
  background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0));
}

.glow-1 {
  width: 150vw;
  height: 150vh;
  margin-top: -75vh;
  margin-left: -75vw;
  animation: glow-1-move 25s linear infinite both;
}

@keyframes glow-1-move {
  from {
    transform: translate(-100%, 100%);
  }
  to {
    transform: translate(100%, -100%);
  }
}
.glow-2 {
  width: 100vw;
  height: 100vh;
  margin-top: -50vh;
  margin-left: -50vw;
  animation: glow-2-move 25s linear 8.33333s infinite both;
}

@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {
  width: 120vw;
  height: 120vh;
  margin-top: -60vh;
  margin-left: -60vw;
  animation: glow-3-move 25s linear 16.66667s infinite both;
}

@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}







.alttab4{position: absolute;font-size:14px;z-index: 9;color:#333;margin-top:990px;margin-left: -240px;;}
.siyah8{position: absolute;left:0;width: 100%;height: 300px;background-color: #ddd;margin-top: 940;z-index: 1;opacity: 0.9}


.hakyazi22{position: absolute; font-family: 'montserratregular';font-size:21px;color:#333;margin-left: 0px;margin-top: 905;letter-spacing: 1;font-weight: bold;border-left:1px solid #333;padding-left: 10px;margin-left: -220}

.ana9xx{ height:1161;width:390px;text-align:center;margin-left:auto;margin-right:auto;margin-top:0;}

.alttab5{position: absolute;font-size:14px;z-index: 9;color:#333;margin-top:1390px;margin-left: -240px;;}
.siyah9{position: absolute;left:0;width: 100%;height: 300px;background-color: #ddd;margin-top: 1340;z-index: 1;opacity: 0.9}


.hakyazi23{position: absolute; font-family: 'montserratregular';font-size:21px;color:#333;margin-left: 0px;margin-top: 1305;letter-spacing: 1;font-weight: bold;border-left:1px solid #333;padding-left: 10px;margin-left: -220}