.outer-circle2 {
  width: 500px;
  height: 500px;
  border-radius: 250px;
  background-color: transparent;
  position: relative;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg); /* spin 360 grade*/
  }
}

.imgSliderShow {
  width: 420px;
  height: 420px;
  border-radius: 210px;
  background-color: lightblue;
  position: absolute;
  top: 55px;
  left: 0px;
  z-index: 99;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/2.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px solid;
  border: 5px solid var(--colorthree);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /*animation: spin 150s linear infinite;*/
  /*animation: rotate 25s ease-in-out infinite;*/
}

/*
  .inner-circle::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-image: url("http://detasat.ieftine.biz/images/logo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    background-color: var(--white);
    border-radius: 50%;
    border: 1px solid var(--redlogo);
    position: absolute;
    left: -20px;
    top: 0px;
  }
  
  */

.imgTbuttons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--colorthree);
  border-radius: 50%;
  border: 1px solid var(--white);
  position: absolute;
  z-index: 201;
}
.imgTbuttons:hover {
  background-color: red;
  cursor: pointer;
  z-index: 201;
}

.lefts1 {
  left: -20px;
  top: calc(50% - 20px);
  z-index: 201;
}

.rights1 {
  right: -20px;
  top: calc(50% - 20px);
  z-index: 201;
}

.imgTbuttons a {
  color: var(--white);
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  z-index: 201;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(25deg);
  }
  75% {
    transform: rotate(-25deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.imgT {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
  z-index: 90;
}

.imgT:hover {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  transform: scale(1.6);
  z-index: 101;
}


.imgT2-1 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/13.jpg");
}

.imgT2-2 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/14.jpg");
}

.imgT2-3 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/15.jpg");
}

.imgT-1 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/2.jpg");
}

.imgT-2 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/1.jpg");
}

.imgT-3 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/3.jpg");
}

.imgT-4 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/4.jpg");
}

.imgT-5 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/5.jpg");
}

.imgT-6 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/6.jpg");
}

.imgT-7 {
  display: none;
  background-image: url("http://detasat.ieftine.biz/images/cursanti/7.jpg");
}

.testimonial-description {
  position: absolute;
  background-color: aliceblue;
  background-color: var(--white);
  padding: 7px;
  border: 1px solid var(--colorthree);
  border-radius: 10px;
  font-size: 12px;
  bottom:-10px;
}

.testimonial-name {
  position: absolute;
  top: -20px;
  background-color: var(--white);
  padding: 7px;
  border: 1px solid var(--colorthree);
  border-radius: 10px;
  font-size: 12px;
}

/* reguli CSS pentru dispozitive mobile */
@media (max-width: 767px) {
    .outer-circle2 {
        width: 320px;
        height: 320px;
    }

    .imgSliderShow {
        width: 300px;
        height: 300px;
        border-radius: 150px;
}