@charset "UTF-8";
@import url('style0.css');
:root{
  --rf:#fff;--r0:#000;--r01:#222;--r02:#555;--r03:#aaa;--r04:#eee;--r1:#042953;--r2:#f80;--r3:#f692ab;--r4:#77b8f0;--r5:#fa0;--r6:#fc0;--r7:#d33;
  --rafc:#ffffffcc;--raf9:#ffffff99;--raf6:#ffffff66;--raf3:#ffffff33;--ra0c:#00070fcc;--ra09:#00070f99;--ra06:#00070f66;--ra03:#00070f33;--ra:#00070f00;
  --ra1c:#042953cc;--ra19:#04295399;--ra16:#04295366;--ra13:#04295333;--ra2c:#ff8800cc;--ra29:#ff880099;--ra26:#ff880066;--ra23:#ff880033;--ra6c:#ffcc00cc;--ra69:#ffcc0099;--ra66:#ffcc0066;--ra63:#ffcc0033;
  --rg1:linear-gradient(-45deg,var(--r2),var(--r1));--rg2:linear-gradient(135deg,var(--r2),var(--r4));
  --rg3:linear-gradient(135deg,var(--r6) 25%,var(--r5));--rg4:linear-gradient(135deg,var(--r2),var(--r1));
  --rg5:linear-gradient(-45deg,var(--r6) 25%,var(--r5));--rg6:linear-gradient(var(--rf),var(--r03));--rg7:linear-gradient(var(--ra06),var(--r0));
  --font1:'Poppins', sans-serif;
  --brm:3px;--brn:5px;--brb:8px;
  --bs:1px 1px 5px -2px #00000099;
  --p1:10px;--p2:20px;
  }

  html{scroll-behavior:smooth;width:100%}

  h3{color:var(--r2)}
  .hep,.yek{position:relative;width:100%}
  .tek{max-width:1200px;margin:auto;position:relative}


  header{height:70px;position:fixed;top:0;left:0;width:100%;z-index:9;background:var(--ra19)}
    .logo{display:inline-block;height:70px;font-size:36px;font-weight:bold;position:relative;line-height:70px}
  header ul{float:right}
  header li{list-style:none;display:inline-block}
  header li a{display:inline-block;line-height:70px;margin:0 20px;font-size:18px;font-weight:bold;color:var(--rf)}
  header li a:hover{color:var(--r2)}
  #ac{display:none}

  .ekran{width:100%;height:750px;position:relative;overflow:hidden}
  .ev{text-align:center;height:750px;background:var(--r1) url(images/ev2.jpg) repeat-x bottom;padding-top:2px}
  .ev img{max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}
  .car{position:absolute;z-index:3;bottom:0;left:0;width:100%;height:70px;background:url(images/car1.png);animation:car1 30s linear infinite}
  .car2{background:url(images/car2.png);animation:car1 20s linear infinite}
  .car3{background:url(images/car3.png);animation:car2 25s linear infinite;z-index:2}
  @keyframes car1 {0% {background-position:0 0}100% {background-position:6000px 0}}
  @keyframes car2 {0% {background-position:6000px 0}100% {background-position:0 0}}

  .not{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:90%;width:800px;z-index:2;overflow:hidden;padding:50px;color:var(--rf);border-radius:10px;border:1px solid var(--rf);text-align:center}
  .not::after{content:"";position:absolute;inset:0;background:var(--r1);opacity:0.5;z-index:-1}
  .not a{display:inline-block;margin-top:10px;padding:10px 15px;background:var(--r2);color:var(--rf);font-weight:bold;border-radius:5px}
  .not a:hover{background:var(--rf);color:var(--r1)}
  .not h4{color:var(--rf);text-shadow:0 2px 30px var(--r1),0 2px 10px var(--ra13);font-size:52px;line-height:60px;)}

  .bilgi{background:var(--r4);color:var(--r1);padding:25px;font-size:16px;background:linear-gradient(0deg, var(--r4) 90%, var(--rf) 100%);border-top:1px solid var(--r6);text-align:center}
  .bilgi strong{display:block;font-size:22px;padding:10px 0;color:var(--r1)}
  .bil{float:left;padding:25px;width:33%}
  .bil a{color:var(--rf);text-decoration:underline}
  .bil a:hover{color:var(--r3);font-weight:bold}
  .bil img{box-shadow:0 0 30px var(--rf);border-radius:100%}
  .bilgi2{padding:50px 50px 100px;font-size:24px;line-height:40px;letter-spacing:1px;color:var(--ra19);background:var(--r3)}
  .bilgi2 h2{font-size:34px;line-height:100px;font-weight:normal;color:var(--r1)}
  .bilgi2 strong{color:var(--rf)}
  .bilgi2 ul{margin:0;padding:25px 25px 0}
  .bilgi2 li{list-style:none;display:inline-block;background:var(--raf9);padding:0 15px;border-radius:5px;margin:5px;font-size:14px;}
  .bilgi2 li:hover{background:var(--rf);box-shadow:0 0 30px var(--raf9)}

  .bilgi3{padding:100px;background:var(--r04)}
  .bilgi3 h2{font-size:34px;padding-bottom:50px;font-weight:normal;color:var(--ra19)}
  .ref{float:left;width:25%;padding:10px;color:var(--r1)}
  .res{width:80%;height:0;padding-top:80%;overflow:hidden;position:relative;margin:auto 25px;border:5px solid var(--rf);border-radius:0 20px;box-shadow:0 2px 30px var(--ra03)}
  .res img{display:block;height:100%;position:absolute;top:0;left:0}
  .refs span{clear:both;display:block;padding-top:25px}
  .refs strong{display:block;font-size:18px}

  .bilgi4{padding:50px 0;margin-top:50px;background:var(--ra03)}
  .bilgi4 .sol{float:left;width:50%;padding:50px 25px}
  .bilgi4 h2{color:var(--rf);font-size:46px;line-height:60px;margin-bottom:25px}
  .bilgi4 .sol p{font-size:18px;line-height:30px;color:var(--r1)}
  .bilgi4 .sag{padding:75px 50px 50px;float:left;width:50%;color:var(--r1)}
  .bilgi4 .sag div{padding:25px}
  .bilgi4 .sag img{height:100px;float:left;margin:0 25px 25px 0}
  .bilgi4 .sag strong{padding:0 20px;background:var(--ra19);border-radius:3px;font-size:18px;font-weight:normal;color:var(--rf)}
  .bilgi4 .sag strong span{color:var(--rf);padding-right:5px}

  .bilgi5{padding-top:50px}
  .bilgi5 h3{font-size:52px;padding:50px 50px 100px;font-weight:normal;color:var(--r1)}
  .bilgi5 .form{max-width:800px;margin:0 auto 75px;padding-bottom:25px;border:1px solid var(--ra13)}
  .bilgi5 .form input, .bilgi5 .form textarea{letter-spacing:0.5px;display:block;width:100%;line-height:30px;padding:5px;border-radius:5px;border:1px solid var(--r03)}
  .bilgi5 .form textarea{height:200px}
  .bilgi5 .form .bt{margin-top:30px}
  .bilgi5 strong{display:block;line-height:30px;padding:5px;color:var(--r02)}
  .bilgi5 .sol{float:left;width:50%;padding:25px}
  .bilgi5 .sag{float:left;width:50%;padding:25px}
  .bilgi5 iframe{width:100%;height:250px}
  .dip img{height:100px;max-width:75%}

  .bt2{background:linear-gradient(0deg, var(--r1) 50%, var(--r4) 100%);border-color:var(--r4);}
  .bt2:hover{background:var(--r1);border-color:var(--r4)}

  a, .pr img{transition:.2s all;-webkit-transition:.2s all;-o-transition:.2s all;-moz-transition:.2s all;-ms-transition:.2s all}


  @media only screen and (max-width:800px){
    .not{padding:25px;max-width:80%}.not h4{font-size:42px;line-height:52px}
    .ref{float:none;width:100%;padding-bottom:50px}
    .bil, .bilgi4 .sol,.bilgi4 .sag,.bilgi5 .sol,.bilgi5 .sag{width:100%;text-align:center}
    .products .pr{flex-wrap:wrap}
    .pr a{flex:1 1 40%}
    header ul{position:fixed;z-index:9;top:0;right:0;width:100px;height:100px;overflow:hidden;padding-top:100px}
    header ul.ac{width:100%;height:100%;background:var(--r2)}
    header ul li{display:block;text-align:right;padding-right:50px;border-top:1px solid var(--raf3);border-bottom:1px solid var(--ra03);}
    #ac{display:block;position:absolute;top:0;right:0;width:70px;height:70px;line-height:65px;text-align:left;background:var(--rf);border:none;border-radius:0 0 0 100%;text-indent:17px}
    }