@charset "utf-8";
/* CSS Document */

.container-logo-slideshow {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1555px) {
    .container-logo-slideshow {
        display:none;
    }
}

.container-logo-slideshow2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width:1556px) {
    .container-logo-slideshow2 {
        display:none;
    }
}




.container-purchasing-slideshow {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.slider2 {
  background: white;
  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);  */
  height: 180px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}
@media (max-width: 600px) {
.slider2 {
  height: 140px;
}}

.slider2::before, .slider2::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 180px;
  position: absolute;
  width: 180px;
  z-index: 2;
}
@media (max-width: 600px) {
.slider2::before, .slider2::after {
  height: 140px; width: 140px;
}}


.slider2::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider2::before {
  left: 0;
  top: 0;
}


.slider2 .slide-track2 {
  -webkit-animation: scroll 50s linear infinite;
  animation: scroll 50s linear infinite;
  display: flex;
  width: fit-content;
  animation-play-state: running;
}
.slider2:hover .slide-track2 {
  animation-play-state: paused;
}


.slider2 .slide2 {
  height: 180px;
  width: 180px;
  display: flex;
}
@media (max-width: 600px) {
.slider2 .slide2 {
  height: 140px; width: 140px;
}}






.slider-purchasing {
  background: white;
  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);  */
  height: 180px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
  background-color: #5BC7AA;
}
@media (max-width: 600px) {
.slider-purchasing {
  height: 130px;
}}

.slider-purchasing::before, .slider-purchasing::after {
  background: linear-gradient(to right, #5BC7AA 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 180px;
  position: absolute;
  width: 180px;
  z-index: 2;
}
@media (max-width: 600px) {
.slider-purchasing::before, .slider-purchasing::after {
  height: 130px;
  width: 130px;
}}

.slider-purchasing::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider-purchasing::before {
  left: 0;
  top: 0;
}

.slider-purchasing .slide-track2 {
  -webkit-animation: scroll 50s linear infinite;
  animation: scroll 50s linear infinite;
  display: flex;
  width: fit-content;
  animation-play-state: running;
}
.slider-purchasing:hover .slide-track2 {
  animation-play-state: paused;
}

.slider-purchasing .slide2 {
  height: 180px;
  width: 180px;
  display: flex;
}
@media (max-width: 600px) {
.slider-purchasing .slide2 {
  height: 130px;
  width: 130px;
}}





@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    /* scroll only 50% */
    transform: translateX(-50%);
  }
}