.wrapper {
  width: 100%;
  margin: 0 auto;
}

.flow-control {
 margin: 0 0;
 position: absolute;
 top: 490px;
 left: 3px;
 height: 20px;
 width: 20px;
 overflow: hidden;
}

.start-slide:hover { /* CSS for image when mouse hovers over main container */
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}

.stop-slide:hover{ /* CSS for image when mouse hovers over main container */
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}

.stop-slide {
 position: relative;
 top: 0;
 left: 0;
 height: 20px;
 width: 20px;
}

.start-slide {
 position: relative;
 top: 0;
 left: 0;
 height: 20px;
 width: 20px;
 display: none;
}

.button-control {
 margin: 0 0;
 position: absolute;
 top: 520px;
 left: 3;
 height: 20px;
 width: 20px;
 overflow: hidden;
}

.show-caption:hover { /* CSS for image when mouse hovers over main container */
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}

.hide-caption:hover{ /* CSS for image when mouse hovers over main container */
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}

.hide-caption {
 position: relative;
 height: 20px;
 width: 20px;
 top: 0;
 left: 0;
}

.show-caption {
 display: none;
 height: 20px;
 width: 20px;
 top: 0;
 left: 0;
 position: relative;
}

.caption {
 margin: 0 0;
 top: 0px;
 left: 0;
 width: 547px;
 height: 70px;
 position: absolute;
 overflow: hidden;
}

.caption li {
        display: none;
	background: rgba(0, 0, 0, 0.5);
	position: relative;
	width: 547px;
	height: 70px;
}

.main-slider {
 margin: 0 0;
 width: 550px;
 height: 700px;
 position: relative;
 overflow: hidden;
}

.main-slider li {
  display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.slider01 {
  margin: 0 0;
  width: 100%; /* Update to your slider width */
  height: 100%; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider01 li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}

.slider1 {
  margin: 0 0;
  width: 550px; /* Update to your slider width */
  height: 700px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider1 li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}

.word-control {
	position: absolute;
	text-align: justify;
	top:250px;
	left:400px;
}

.word-control-paging {
  position: absolute; 
  top: 0; 
  left: 0; 
	width: 550px;
	height: 50px;
	color: #8F080D;
  font: bold 25px Arial, Helvetica;
	text-shadow: 0 1px 0 #000;
	background: rgba(0,0,0,0);
}


.word-control-paging1 {
  position: absolute; 
  top: 0; 
  left: 0; 
	width: 550px;
	height: 50px;
	color: #CFC5C5;
  font: bold 25px Arial, Helvetica;
	text-shadow: 0 1px 0 #000;
	background: rgba(0,0,0,0);
}

.word-control-paging2 {
  position: absolute; 
  top: 0; 
  left: 0; 
	width: 550px;
	height: 50px;
	color: #DC130C;
  font: bold 20px Arial, Helvetica;
	text-shadow: 0 1px 0 #000;
	background: rgba(0,0,0,0);
}

.flex-control {
	position: absolute;
	text-align: justify;
	top: 180px;
	left: 700px;
}

.flex-control-paging  {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    margin: 0 6px;
    background-color: #D4AF37 \9;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-box-shadow: inset 0 0 0 2px #D4AF37;
    -moz-box-shadow: inset 0 0 0 2px #D4AF37;
    box-shadow: inset 0 0 0 2px #D4AF37;
}

.main-control {
	position: absolute;
	text-align: justify;
	top: 675px;
	left: 400px;
}

.main-control-paging  {
    display: inline-block;
    position: relative;
    cursor: pointer;
		z-index:5;
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    background-color: #b6b6b6 \9;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
    -moz-box-shadow: inset 0 0 0 2px #b6b6b6;
    box-shadow: inset 0 0 0 2px #b6b6b6;
}

.main-paging  {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    background-color: #01DF749 \9;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-box-shadow: inset 0 0 0 2px #01DF749;
    -moz-box-shadow: inset 0 0 0 2px #01DF749;
    box-shadow: inset 0 0 0 2px #01DF749;
}