.testim {
  /*width:100%;*/
  /*position:absolute;*/
  /*top:50%;*/
  /*-webkit-transform:translatey(-50%);*/
  /*-moz-transform:translatey(-50%);*/
  /*-ms-transform:translatey(-50%);*/
  /*-o-transform:translatey(-50%);*/
  /*transform:translatey(-50%);*/
  background-color: transparent;
}

.testim .wrap {
  position:relative;
  width:100%;
  max-width:1020px;
  padding:40px 20px;
  margin:auto;
}

.testim .arrow {
  display:block;
  position:absolute;
  color:#eee;
  cursor:pointer;
  font-size:2em;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  padding:5px;
  z-index:22222222;
}

.testim .arrow:before {
  cursor:pointer;
}

.testim .arrow:hover {
  color:#ea830e;
}

.testim .arrow.left {
  left:10px;
}

.testim .arrow.right {
  right:10px;
}

.testim .dots {
  text-align:center;
  position:absolute;
  width:100%;
  bottom:60px;
  left:0;
  display:block;
  z-index:3333;
  height:12px;
}

.testim .dots .dot {
  list-style-type:none;
  display:inline-block;
  width:12px;
  height:12px;
  border-radius:50%;
  border:1px solid #eee;
  margin:0 10px;
  cursor:pointer;
  -webkit-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  position:relative;
}

.testim .dots .dot.active, .testim .dots .dot:hover {
  background:#2bc1bd;
  border-color:#2bc1bd;
}

.testim .dots .dot.active {
  -webkit-animation:testim-scale .5s ease-in-out forwards;
  -moz-animation:testim-scale .5s ease-in-out forwards;
  -ms-animation:testim-scale .5s ease-in-out forwards;
  -o-animation:testim-scale .5s ease-in-out forwards;
  animation:testim-scale .5s ease-in-out forwards;
}

.testim .cont {
  position:relative;
  overflow:hidden;
}

.testim .cont > div {
  text-align:center;
  position:absolute;
  top:0;
  left:0;
  padding:0 0 70px 0;
  opacity:0;
}

.testim .cont > div.active {
  position:relative;
  opacity:1;
}

.testim .cont div .img img {
  display:block;
  width:140px;
  height:140px;
  margin:auto;
  border-radius:50%;
  margin-bottom:20px;
}

.testim .cont div h2 {
  color:#30817e;
  font-size:1.5em;
  margin:15px 0;
}

.testim .cont div p {
  font-size:1.5em;
  color: #5c6565;
  width:70%;
  margin:auto;
}

.testim .cont div.active .img img {
  -webkit-animation:testim-show .5s ease-in-out forwards;
  -moz-animation:testim-show .5s ease-in-out forwards;
  -ms-animation:testim-show .5s ease-in-out forwards;
  -o-animation:testim-show .5s ease-in-out forwards;
  animation:testim-show .5s ease-in-out forwards;
}

.testim .cont div.active h2 {
  -webkit-animation:testim-content-in .4s ease-in-out forwards;
  -moz-animation:testim-content-in .4s ease-in-out forwards;
  -ms-animation:testim-content-in .4s ease-in-out forwards;
  -o-animation:testim-content-in .4s ease-in-out forwards;
  animation:testim-content-in .4s ease-in-out forwards;
}

.testim .cont div.active p {
  -webkit-animation:testim-content-in .5s ease-in-out forwards;
  -moz-animation:testim-content-in .5s ease-in-out forwards;
  -ms-animation:testim-content-in .5s ease-in-out forwards;
  -o-animation:testim-content-in .5s ease-in-out forwards;
  animation:testim-content-in .5s ease-in-out forwards;
}

@media all and (max-width: 500px) {
  .testim .arrow {
    font-size:1.5em;
  }
}

@media all and (max-width: 500px) {
  .testim .cont div p {
    line-height:25px;
  }
}

@media all and (max-width: 600px) {
    .testim .wrap{
        padding: 40px 0px 0px !important;
    }
    #testimonial{
        padding: 40px 0px 0px !important;
    }
    .testim .dots{
        bottom:0 !important;
    }
    .testim .cont > div{
        padding: 0 0 30px 0 !important;
    }
}