@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

body {margin:0px; padding:0px; font-family: 'Poppins', sans-serif;}
.logolar {width:60%; min-width:320px; max-width:700px; position:absolute; top:70%; left:50%; padding:20px; box-sizing:border-box; background:#ffffffa3; transform: translate(-50%, -50%); z-index:99; position:absolute; text-align:center; backdrop-filter:blur(30px); border-radius:10px; box-shadow:0 0 10px #00000085;}
    .logo {float:left; padding:0 15px; width:33.33%; box-sizing:border-box; color:#636060;}
    .logo img {width:100%; height:auto;}
    .logo h2 {width:100%; float:left; font-size:12px; margin-bottom:0px;}
    .logo span {width:100%; float:left; font-size:12px; color:#717171;}

.s1 {background-image: url('../images/1.png') !important;}
.s2 {background-image: url('../images/2.png') !important;}
.s3 {background-image: url('../images/3.png') !important;}

@media screen and (max-width:600px) { 
  .logolar {width:100%; top:inherit; bottom:0px; border-radius:0; box-shadow:none; transform:none; left:0px;}
  .logolar h2, .logolar span {display:none;}

  .s1 {background-image: url('../images/1m.jpg') !important;}
  .s2 {background-image: url('../images/2m.jpg') !important;}
  .s3 {background-image: url('../images/3m.jpg') !important;}
}



.slideshow {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 2;
}
.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
          animation-name: kenburns-2;
  z-index: 1;
}
.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
          animation-name: kenburns-3;
  z-index: 0;
}

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  2.0833333333% {
    opacity: 1;
  }
  31.25% {
    opacity: 1;
  }
  35.4166666667% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  97.9166666667% {
    opacity: 0;
    -webkit-transform: scale(1.2117647059);
            transform: scale(1.2117647059);
  }
  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  2.0833333333% {
    opacity: 1;
  }
  31.25% {
    opacity: 1;
  }
  35.4166666667% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  97.9166666667% {
    opacity: 0;
    -webkit-transform: scale(1.2117647059);
            transform: scale(1.2117647059);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-2 {
  31.25% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  35.4166666667% {
    opacity: 1;
  }
  64.5833333333% {
    opacity: 1;
  }
  68.75% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes kenburns-2 {
  31.25% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  35.4166666667% {
    opacity: 1;
  }
  64.5833333333% {
    opacity: 1;
  }
  68.75% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-3 {
  64.5833333333% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  68.75% {
    opacity: 1;
  }
  97.9166666667% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kenburns-3 {
  64.5833333333% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  68.75% {
    opacity: 1;
  }
  97.9166666667% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}