@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
.slider {
  background: white;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
  width: 250px;
}
#prom {
    background: linear-gradient(to right, #0048b5 0%, #267c28 100%);
	padding-top: 3%;
	margin-bottom: 3%;
	}
.sem-container-2 .center .prices .offer .offer-title {
    padding: 8% 0;
	}
#blockprem {
	padding-top: 3%;
    padding-bottom: 3%;
    background: #f9f9f9;
	}
#bl{
	width: 100px;
    margin: auto;
	}

#teachers-carousel {
	width: 50%;
    max-width: 50%;
	}
#opis {
	width: 50%;
    margin-top: 5%;
    font-size: 20px;
    text-align: left;
	}	
#teachers-carousel.owl-carousel .owl-stage {
	width: 100% !important;
	}
#teachers-carousel.owl-carousel.owl-drag .owl-item {
	width: 60% !important;
    float: right;
	}
#title {
    font-family: 'Open Sans';
    font-size: 44px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
	width: 100%;
    text-align: center;
    color: #202020;
    margin-bottom: 26px;
	padding-bottom: 3%;
	}
	#tit {
    font-family: 'Open Sans';
    font-size: 28px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: white;
    margin-bottom: 26px;
	}
.need-help-button-div > div {
	background: #008000;
    color: #ffffff;
	}
#boot {
	font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: #ffffff;
    color: #000000;
    padding: 15px 0;
    border-radius: 150px;
    border: solid 2px #202020;
    max-width: 300px;
    cursor: pointer;
    margin: 0 auto;
}
@media (max-width: 550px) {
	#teachers-carousel {
	width: 100%;
    max-width: 100%;
	}
#opis {
	width: 100%;
    margin-top: 5%;
    font-size: 20px;
    text-align: left;
	}	
#teachers-carousel.owl-carousel .owl-stage {
	width: 100% !important;
	}
#teachers-carousel.owl-carousel.owl-drag .owl-item {
	width: 100% !important;
    float: right;
    margin-right: 0px !important;
	}
	}