/* .play-img .play {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: red;
  color: black;
  font-size: 20px;
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-transition: border 1s;
    -webkit-transition: padding 1s;
    -webkit-transition: background-color 1s;
    -webkit-transition: color 1s;
}

@keyframes przycisk_on {
  from {padding: 5px 10px;background-color: red;border-radius: 0px;}
  to {padding: 5px 10px;background-color: black;border-radius: 50px;}
}

.play-img .play:hover {
  background-color: black;
  color: white;
  animation-name: przycisk_on;
  animation-duration: 0.4s;
  padding: 5px 10px;
  border-radius: 50px;
} */
.swiper-container {
  margin-top: 50px;
  position: relative;
}

.arrow-left {
  position: absolute;
  top: 50%;
  left: 0;
}

.arrow-right {
  position: absolute;
  top: 50%;
  right: 0;
}

  .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Update: Removed the Flex property - IE FIX */
  }

  img {
      max-width: 100%;
      height: auto;
  }

  h4 { font: 600 20px tahoma;font-family: Camphor,Open Sans-serif,Segoe UI,sans-serif; color:white}

    :root {
        --swiper-theme-color: #fff;
    }

  .kat{
    width:100%;
    min-height: 550px;
    margin-bottom: 20px;
    background: rgba(0,0,0, 0.2);
    margin-top: 20px
  }

  .kat-left{
    width:25%; float:left;
    margin:2%;
  }

  .kat-right{
    width:70%; float:left; margin-top: 100px;
  }

  .kat-tytul{
    font-size: 30px;
  }

  .kat-zdjecie{
    border-radius: 20px;
  }

  .netflix-slider {
    .swiper-wrapper {
        padding: 20px 0;
    }

    .swiper-slide {
        transition: 250ms all;

        &:hover {
            transform: scale(1.2);
            z-index: 1;
        }

        &:first-child:hover{
            margin:0 40px;
        }

        &:last-child:hover{
            margin:0 -40px;
        }

    }
  }

  @media only screen and (max-width: 1000px) {
    h4{font-size: 12px;}
    .kat-left{width:90%;margin-left: 5%;margin-right: 5%;min-height: 100px;}
    .kat-right{width:100%; margin-top: 0px;}
    .kat{}
  }

  @media only screen and (max-width: 600px) {
    h4{font-size: 12px;}
    .kat-left{width:90%;margin-left: 5%;margin-right: 5%;min-height: 100px;}
    .kat-right{width:100%; margin-top: 0px;}
    .kat{}
  }