html, body{


}

img{
	width:100%;
}

ul{
	padding: 0;
}

#slideApp{
	margin:0 auto;
	overflow: hidden;
	position: relative;
  max-width:320px;
}


#navlist li{
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid #ffffff;
}
#sliderHome{
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
#sliderWrapper{
position: absolute;
top:55px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
	
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
   color: #ffffff;

}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
  padding-bottom: 10%;
}

.innerBlock, #navlist{ 
	background: #4b9ab8;

}

.innerBlock{
  overflow: auto; 
  height: 310px;
  padding-top: 15px;
    max-width: 320px;
}

.innerBlock p{
    padding-bottom:20px;
}

  .slideLeft{
-moz-transform: translateX(100%) translateY(0px);
-webkit-transform: translateX(100%) translateY(0px);
-o-transform: translateX(100%) translateY(0px);
-ms-transform: translateX(100%) translateY(0px);
transform: translateX(100%) translateY(0px);

}



h2{
  color: #fff;
  font-size: 20px;
  margin:0;

}
h3{
text-align: left;
  margin: 0;
  padding-top: 10px;
  color: #fff;
  padding-left: 15px;
}
p{
  margin: 0;
  padding: 15px;
  font-size: 18px;
  line-height: 22px;
}

#footerNav{
  text-align: center;
  padding: 5px;
  position: fixed;
  bottom:0;
  width: 100%;
  background: rgba(255,255,255,0.8);
display: none;
max-width:320px;
}

#position {
  display: block;
  font-size: 29px;
  line-height: 5px;
  margin-top: 8px;
  text-align: center;
   color: #D1C573;
     padding: 0;
}


#position li {
  display: inline-block;
width:10px;
height:10px;
border-radius: 100%;
background:#c4c4c4;
margin-right: 10px;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-ms-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;
}



#position li.on {
	border:none;
  background:#2f538f !important;
  width:15px;
height:15px;

}

.goHome{
  width: 34px;
  /* height: 50px; */
  display: block;
  /* margin: 0 auto; */
  position: absolute;
  left: 60px;
  top: 5px;
}

.videoWrapper{
      max-width: 320px;
    position: relative;
}

.playBtn{
    width: 80px;
    height: 80px;
    position: absolute;
    left: 37%;
    top: 27%;
}


@media only screen and (min-width: 320px){
  iframe{
  width: 100%;
  height:180px;
}
}

@media only screen and (min-width: 360px){
  iframe{
    height:203px;
  }

}