body {
  margin:0;
  font-size:100%;
}
.body-title { width:100%; height:auto; float:left; text-align:center;}

.wrapper {
  margin: 0 auto;
  width:100%;
  overflow:hidden; text-align:left;
}
.wrapper strong { font-weight:400; color:#103754;}
.wrapper img
{
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-bottom:20px;
}

.wrapper p {
  position:absolute;
  left:100%;
  width:100%;
  font-size:18px; line-height:24px;
  color:#202020; font-weight:400; font-family: 'Poppins', sans-serif;
  margin:24px 0px 18px 0px; text-align:left;
  cursor:pointer;
  opacity:0;
  transition:left 1.4s, opacity .5s ease;
}

.wrapper p.activeText {
  position:relative;
  left:0;
  opacity:1;
}

.wrapper p.slideLeft {
  left:-100%;
  opacity:0; top:0px;
}

.wrapper p:before {
}

.wrapper p:after {

}

ul {
  margin:0;
  padding:0;
  text-align:left;
}

ul li {
  list-style:none;
}
.dot {
  width:10px;
  height:10px;
  border-radius:100px;
  background:#cccccc;
  display:inline-block;
  text-lign:center;
  cursor:pointer;
}

.active {
  background:#103754;
}