body {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
}
/* Slider wrapper*/
.css-slider-wrapper {
  display: block;
  background: #FFF;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Slider */
.slider {
  width: 100%;
  height: 100%;
  padding-top:60px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  -webkit-transition: -webkit-transform 600ms ease-out;
  transition: -webkit-transform 600ms ease-out, transform 600ms ease-out;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* each slide backgound color */  

.fa {display: none!important}

.slide1 {
  background: #000000;
  left: 0;
}
.slide2 {
  background-color: #000000;
  left: 100%
}
.slide3 {
  background-color: #000f30;
  background-image:url("../img/s3.jpg");
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  left: 200%;
}

.slide4 {
  background-color: #000000;
  background-image:url("../img/s4.jpg");
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  left: 300%;
  padding: 50px 20px 0;
  text-align: left;
}

.slide5 {
background-color: #000000;
  background-image:url("../images/s8.jpg");
  background-position: top center;
  background-size:100%;
  background-repeat: no-repeat;
  left: 400%;
  padding: 50px 20px 0;
  text-align: left;
}

.slide6 {
background-color: #000000;
  background-image:url("../images/s9.jpg");
  background-position: top center;
  background-size:100%;
  background-repeat: no-repeat;
  left: 500%;
  padding: 0 20px;
  text-align: left;
}

.slide7 {
background-color: #000000;
  background-image:url("../images/s10.jpg");
  background-position: top center;
  background-size:100%;
  background-repeat: no-repeat;
  left: 600%;
  padding: 0 20px;
  text-align: left;
  overflow: hidden;
}

.slide8 {
  background-color: #000000;
  background-image:url("../img/d1.jpg");
  background-position: bottom center;
  background-size:100%;
  background-repeat: no-repeat;
  left: 700%;
  padding: 0 20px;
  text-align: left;
}

.slide9 {
  background-color: #000000;
  background-image:url("../images/s10.jpg");
  background-position: top center;
  background-size:100%;
  background-repeat: no-repeat;
  left: 800%;
  padding: 0 20px;
  text-align: left;
}

.slide10 {
  background-color: #000000;
  background-image:url("../images/s11.jpg");
  background-position: top center;
  background-size:100%;
  background-repeat: no-repeat;
  left: 900%;
  padding: 0 20px;
  text-align: left;
  overflow: hidden;
}

.slide11 {
  background-color: #000000;
  background-image:url("../img/d1.jpg");
  background-size:100%;
  background-repeat: no-repeat;
  left: 1000%;
  padding: 50px 20px 0;
  text-align: left;
}


.slide12 {
  background-color: #000000;
	background-image:url("../img/kelly_bg2.jpg");
  left: 1100%;
  padding: 0 20px;
  text-align: left;
}

.content video{
	max-width: 300px;
}

.content img{
	width: 100%;
	display: block;
}

.slide13 {
  background-color: #000000;
  background-image:url("../img/kelly_bg.jpg");
  background-position: top center;
  background-size:100%;
  background-repeat: no-repeat;
  left: 1200%;
  padding: 0 20px;
  text-align: left;
}

.slide14 {
  background-image:url("../img/kelly_bg3.jpg");
  background-position: top center;
  background-color: #000000;
  background-size:100%;
  background-repeat: no-repeat;
  left: 1300%;
  padding: 50px 20px 0;
  text-align: left;
}

.slide15{
  background-color: #000000;
  left: 1400%;
  background-image:url("../img/k_bg.jpg");
  background-position: top center;
  background-size: cover;
  padding: 0 20px;
  text-align: left;
}

.slide16{
  left: 1500%;
  background-color: #000e2f;
  padding: 0 20px;
  text-align: left;
}

.slide17{
  background-color: #000e2f;
  left: 1600%;
  padding: 0 20px;
  text-align: left;
}

.slide18 {
  background-color: #000000;
  left: 1700%;
  padding: 0 20px;
  text-align: left;
}

.slide19{
  background-color: #000000;
  left: 1800%;
  background-image:url("../img/steve_bg3.jpg");
  padding: 0 20px;
  text-align: left;
}

.slide20{
  background-color: #000e2f;
  left: 1900%;
  padding: 50px 20px 0;
  text-align: left;
}

.slide21{
  background-color: #000000;
	background-image:url("../images/bg_end.jpg");
  left: 2000%;
  padding: 0 20px;
  text-align: left;
}


.slider > div {
  
}
/* Slider inner slide effect */


.force .arrowRight{
	-webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
	position: fixed;
	bottom:5px;
	right:0;
	width:40px;
	height:40px;
	z-index: 100000;
	opacity: 1;
}


.force .arrowLeft{
	-webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
	position: fixed;
	bottom:5px;
	left:0;
	width:40px;
	height:40px;
	z-index: 100000;
	opacity: 1;
}

.slide21 .content .slider-pagination {
	position: relative;	
}

.slide21 .content .slider-pagination label{
	width:100%;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	background: rgba(255,255,255,0.0)!important;
	text-decoration: underline;
}

.slide21 .content{
	padding:0!important;
}

.slide21 .content a{
	width:100%;
}

.slide21 .content img{
	width:320px;
	height: auto;
	margin: 0 auto;
}

.slide-radio1:checked ~ .force .arrowLeft, .slide-radio21:checked ~ .force .arrowRight{
	opacity: 0;
}

.force {position: fixed!important; bottom:0; left: 0; z-index: 50; width:100%; height:40px;pointer-events: none;}


.arrowRight img, .arrowLeft img{width:40px; height: auto;}

.pageNo{
  pointer-events: none;	
	
 -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  -webkit-transition-delay: 600ms; /* Safari */
  transition-delay: 1s;
	
  opacity: 0;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
	
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 24px;
	color: #FFFFFF;
	position: absolute;
	bottom: 10px;
	left:0;
	width:100%;
	text-align: center;
}

.pageNo strong{
	font-weight: 900;
}

.content p{
  -webkit-transition: opacity 800ms, -webkit-transform 800ms ease-out;
  transition: transform 800ms ease-out, opacity 800ms;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
	
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
	
	text-align: left;
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	margin: 15px 0;
}

.content p.step1{
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
	
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.content p.step2{
  -webkit-transition: opacity 800ms, -webkit-transform 800ms ease-out;
  transition: transform 800ms ease-out, opacity 800ms;
  -webkit-transition-delay: 1600ms; /* Safari */
  transition-delay: 1600ms;
	
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.mask{
  -webkit-transition: opacity 1200ms, -webkit-transform 1200ms;
  transition: transform 1200ms, opacity 1200ms;
  -webkit-transition-delay: 1200ms; /* Safari */
  transition-delay: 1200ms;
  opacity: 0;
  width:100%;
  height:100vh;
	background-image: url("../img/mask.png");
	background-size: 100%;
	background-position: bottom center;
	position: absolute;
	bottom:0;
	left:0;
	z-index: -1;
}

.slide-radio6:checked ~ .slide6 .mask, .slide-radio7:checked ~ .slide7 .mask, .slide-radio8:checked ~ .slide8 .mask, .slide-radio9:checked ~ .slide9 .mask, .slide-radio25:checked ~ .slide25 .mask{
	opacity: 1;
}

/* Next and Preive arrow */ 
.control {
  position: absolute;
  top: 0;
  width: 44px;
  height: 100vh;
  z-index: 550000;
}
.control label {
  z-index: 0;
  display: none;
  text-align: center;
  height: 100vh;
  font-size: 50px;
  color: #FFF;
  cursor: pointer;
  opacity: 0.2;
}
.control label:hover {
  opacity: 0.5;
}
.next {
  right: 0;
}
.previous {
  left: 0;
}
/* Slider Pagger */ 
.slider-pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  height:10px;
  left: 0;
  text-align: center;
  z-index: 1000;
}
.slider-pagination label {
  width: 4.76%;
  height: 10px;
  display: inline-block;
  background: rgba(255,255,255,0.2);
  cursor: pointer;
}
/* Slider Pagger arrow event */
.slide-radio1:checked ~ .next .numb2, 
.slide-radio2:checked ~ .next .numb3, 
.slide-radio3:checked ~ .next .numb4, 
.slide-radio4:checked ~ .next .numb5, 
.slide-radio5:checked ~ .next .numb6, 
.slide-radio6:checked ~ .next .numb7, 
.slide-radio7:checked ~ .next .numb8, 
.slide-radio8:checked ~ .next .numb9, 
.slide-radio9:checked ~ .next .numb10, 
.slide-radio10:checked ~ .next .numb11, 
.slide-radio11:checked ~ .next .numb12, 
.slide-radio12:checked ~ .next .numb13, 
.slide-radio13:checked ~ .next .numb14, 
.slide-radio14:checked ~ .next .numb15, 
.slide-radio15:checked ~ .next .numb16, 
.slide-radio16:checked ~ .next .numb17, 
.slide-radio17:checked ~ .next .numb18, 
.slide-radio18:checked ~ .next .numb19, 
.slide-radio19:checked ~ .next .numb20, 
.slide-radio20:checked ~ .next .numb21, 
.slide-radio21:checked ~ .next .numb22, 
.slide-radio22:checked ~ .next .numb23, 
.slide-radio23:checked ~ .next .numb24, 
.slide-radio24:checked ~ .next .numb25, 
.slide-radio24:checked ~ .next .numb25,
.slide-radio25:checked ~ .next .numb26,
.slide-radio26:checked ~ .next .numb27,
.slide-radio27:checked ~ .next .numb28,
.slide-radio28:checked ~ .next .numb29,
.slide-radio2:checked ~ .previous .numb1, 
.slide-radio3:checked ~ .previous .numb2, 
.slide-radio4:checked ~ .previous .numb3,
.slide-radio5:checked ~ .previous .numb4,
.slide-radio6:checked ~ .previous .numb5,
.slide-radio7:checked ~ .previous .numb6,
.slide-radio8:checked ~ .previous .numb7,
.slide-radio9:checked ~ .previous .numb8,
.slide-radio10:checked ~ .previous .numb9,
.slide-radio11:checked ~ .previous .numb10,
.slide-radio12:checked ~ .previous .numb11,
.slide-radio13:checked ~ .previous .numb12,
.slide-radio14:checked ~ .previous .numb13,
.slide-radio15:checked ~ .previous .numb14,
.slide-radio16:checked ~ .previous .numb15,
.slide-radio17:checked ~ .previous .numb16,
.slide-radio18:checked ~ .previous .numb17,
.slide-radio19:checked ~ .previous .numb18,
.slide-radio20:checked ~ .previous .numb19,
.slide-radio21:checked ~ .previous .numb20,
.slide-radio22:checked ~ .previous .numb21,
.slide-radio23:checked ~ .previous .numb22,
.slide-radio24:checked ~ .previous .numb23,
.slide-radio25:checked ~ .previous .numb24,
.slide-radio26:checked ~ .previous .numb25,
.slide-radio27:checked ~ .previous .numb26,
.slide-radio28:checked ~ .previous .numb27,
.slide-radio29:checked ~ .previous .numb28{
  display: block;
  z-index: 1
}
/* Slider Pagger event */
.slide-radio1:checked ~ .slider-pagination .page1, 
.slide-radio2:checked ~ .slider-pagination .page2, 
.slide-radio3:checked ~ .slider-pagination .page3, 
.slide-radio4:checked ~ .slider-pagination .page4,
.slide-radio5:checked ~ .slider-pagination .page5,
.slide-radio6:checked ~ .slider-pagination .page6,
.slide-radio7:checked ~ .slider-pagination .page7,
.slide-radio8:checked ~ .slider-pagination .page8,
.slide-radio9:checked ~ .slider-pagination .page9,
.slide-radio10:checked ~ .slider-pagination .page10,
.slide-radio11:checked ~ .slider-pagination .page11,
.slide-radio12:checked ~ .slider-pagination .page12,
.slide-radio13:checked ~ .slider-pagination .page13,
.slide-radio14:checked ~ .slider-pagination .page14,
.slide-radio15:checked ~ .slider-pagination .page15,
.slide-radio16:checked ~ .slider-pagination .page16,
.slide-radio17:checked ~ .slider-pagination .page17,
.slide-radio18:checked ~ .slider-pagination .page18,
.slide-radio19:checked ~ .slider-pagination .page19,
.slide-radio20:checked ~ .slider-pagination .page20,
.slide-radio21:checked ~ .slider-pagination .page21,
.slide-radio22:checked ~ .slider-pagination .page22,
.slide-radio23:checked ~ .slider-pagination .page23,
.slide-radio24:checked ~ .slider-pagination .page24,
.slide-radio25:checked ~ .slider-pagination .page25,
.slide-radio26:checked ~ .slider-pagination .page26,
.slide-radio27:checked ~ .slider-pagination .page27,
.slide-radio28:checked ~ .slider-pagination .page28,
.slide-radio29:checked ~ .slider-pagination .page29
{
  background: rgba(255,255,255,1)
}
/* Slider slide effect */
.slide-radio1:checked ~ .slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.slide-radio2:checked ~ .slider {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.slide-radio3:checked ~ .slider {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
.slide-radio4:checked ~ .slider {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}
.slide-radio5:checked ~ .slider {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%);
}
.slide-radio6:checked ~ .slider {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%);
}
.slide-radio7:checked ~ .slider {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%);
}
.slide-radio8:checked ~ .slider {
  -webkit-transform: translateX(-700%);
  transform: translateX(-700%);
}
.slide-radio9:checked ~ .slider {
  -webkit-transform: translateX(-800%);
  transform: translateX(-800%);
}
.slide-radio10:checked ~ .slider {
  -webkit-transform: translateX(-900%);
  transform: translateX(-900%);
}
.slide-radio11:checked ~ .slider {
  -webkit-transform: translateX(-1000%);
  transform: translateX(-1000%);
}
.slide-radio12:checked ~ .slider {
  -webkit-transform: translateX(-1100%);
  transform: translateX(-1100%);
}
.slide-radio13:checked ~ .slider {
  -webkit-transform: translateX(-1200%);
  transform: translateX(-1200%);
}
.slide-radio14:checked ~ .slider {
  -webkit-transform: translateX(-1300%);
  transform: translateX(-1300%);
}
.slide-radio15:checked ~ .slider {
  -webkit-transform: translateX(-1400%);
  transform: translateX(-1400%);
}
.slide-radio16:checked ~ .slider {
  -webkit-transform: translateX(-1500%);
  transform: translateX(-1500%);
}
.slide-radio17:checked ~ .slider {
  -webkit-transform: translateX(-1600%);
  transform: translateX(-1600%);
}
.slide-radio18:checked ~ .slider {
  -webkit-transform: translateX(-1700%);
  transform: translateX(-1700%);
}
.slide-radio19:checked ~ .slider {
  -webkit-transform: translateX(-1800%);
  transform: translateX(-1800%);
}
.slide-radio20:checked ~ .slider {
  -webkit-transform: translateX(-1900%);
  transform: translateX(-1900%);
}
.slide-radio21:checked ~ .slider {
  -webkit-transform: translateX(-2000%);
  transform: translateX(-2000%);
}
.slide-radio22:checked ~ .slider {
  -webkit-transform: translateX(-2100%);
  transform: translateX(-2100%);
}
.slide-radio23:checked ~ .slider {
  -webkit-transform: translateX(-2200%);
  transform: translateX(-2200%);
}
.slide-radio24:checked ~ .slider {
  -webkit-transform: translateX(-2300%);
  transform: translateX(-2300%);
}
.slide-radio25:checked ~ .slider {
  -webkit-transform: translateX(-2400%);
  transform: translateX(-2400%);
}
.slide-radio26:checked ~ .slider {
  -webkit-transform: translateX(-2500%);
  transform: translateX(-2500%);
}
.slide-radio27:checked ~ .slider {
  -webkit-transform: translateX(-2600%);
  transform: translateX(-2600%);
}

.slide-radio28:checked ~ .slider {
  -webkit-transform: translateX(-2700%);
  transform: translateX(-2700%);
}

.slide-radio29:checked ~ .slider {
  -webkit-transform: translateX(-2800%);
  transform: translateX(-2800%);
}


.slider h2 {
  color: #ffcb04;
  font-weight: 900;
  font-size: 24px;
  line-height: 110%;
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity 600ms ease-out, -webkit-transform 600ms ease-out;
  transition: transform 600ms ease-out, opacity 600ms ease-out;
  -webkit-transition-delay: 800ms; /* Safari */
  transition-delay: 800ms;
}

.slider .button {
  color: #FFF;
  padding: 5px 30px;
  background: rgba(255,255,255,0.3);
  text-decoration: none;
  opacity: 0;
  font-size: 15px;
  line-height: 30px;
  display: inline-block;
  -webkit-transform: translateY(-500px);
  transform: translateY(-500px);
  -webkit-transition: opacity 600ms, -webkit-transform 600ms;
  transition: transform 600ms, opacity 600ms;
  -webkit-transition-delay: 800ms; /* Safari */
  transition-delay: 800ms;
}

.slide-radio1:checked ~ .slide1 h2,  
.slide-radio2:checked ~ .slide2 h2,  
.slide-radio3:checked ~ .slide3 h2,  
.slide-radio4:checked ~ .slide4 h2, 
.slide-radio5:checked ~ .slide5 h2,
.slide-radio6:checked ~ .slide6 h2,
.slide-radio7:checked ~ .slide7 h2,
.slide-radio8:checked ~ .slide8 h2,
.slide-radio9:checked ~ .slide9 h2,
.slide-radio10:checked ~ .slide10 h2,
.slide-radio11:checked ~ .slide11 h2,
.slide-radio12:checked ~ .slide12 h2,
.slide-radio13:checked ~ .slide13 h2,
.slide-radio14:checked ~ .slide14 h2,
.slide-radio15:checked ~ .slide15 h2,
.slide-radio16:checked ~ .slide16 h2,
.slide-radio17:checked ~ .slide17 h2,
.slide-radio18:checked ~ .slide18 h2,
.slide-radio19:checked ~ .slide19 h2,
.slide-radio20:checked ~ .slide20 h2,
.slide-radio21:checked ~ .slide21 h2{
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.open{color: #ffcb04; font-size: 8em; font-weight: 900; display: block; text-align: left; line-height: 50px;}
.close{color: #ffcb04; font-size: 8em; font-weight: 900; display: block; text-align: right; line-height: 50px; margin-top: 60px;}

.slide-radio1:checked ~ .slide1 p, .slide-radio2:checked ~ .slide2 p, .slide-radio3:checked ~ .slide3 p, .slide-radio4:checked ~ .slide4 p, .slide-radio5:checked ~ .slide5 p, .slide-radio6:checked ~ .slide6 p, .slide-radio8:checked ~ .slide8 p, .slide-radio9:checked ~ .slide9 p, .slide-radio10:checked ~ .slide10 p,.slide-radio11:checked ~ .slide11 p, .slide-radio12:checked ~ .slide12 p, .slide-radio13:checked ~ .slide13 p, .slide-radio14:checked ~ .slide14 p, .slide-radio15:checked ~ .slide15 p, .slide-radio16:checked ~ .slide16 p, .slide-radio17:checked ~ .slide17 p, .slide-radio18:checked ~ .slide18 p, .slide-radio19:checked ~ .slide19 p, .slide-radio20:checked ~ .slide20 p, .slide-radio21:checked ~ .slide21 p, .slide-radio22:checked ~ .slide22 p, .slide-radio23:checked ~ .slide23 p, .slide-radio24:checked ~ .slide24 p, .slide-radio25:checked ~ .slide25 p, .slide-radio26:checked ~ .slide26 p, .slide-radio27:checked ~ .slide27 p{
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}  

.slide-radio1:checked ~ .slide1 p.step1, .slide-radio1:checked ~ .slide1 p.step2, .slide-radio2:checked ~ .slide2 p.step1, .slide-radio2:checked ~ .slide2 p.step2, .slide-radio8:checked ~ .slide8 p.step1, .slide-radio9:checked ~ .slide9 p.step1, .slide-radio9:checked ~ .slide9 p.step2, .slide-radio13:checked ~ .slide13 p.step1, .slide-radio13:checked ~ .slide13 p.step2, .slide-radio21:checked ~ .slide21 p.step1, .slide-radio21:checked ~ .slide21 p.step2, .slide-radio22:checked ~ .slide22 p.step1, .slide-radio23:checked ~ .slide23 p.step1, .slide-radio24:checked ~ .slide24 p.step1, .slide-radio26:checked ~ .slide26 p.step1, .slide-radio26:checked ~ .slide26 p.step2{
    -webkit-transform: translateY(0);
  transform: translateY(0);
	opacity: 1;
}  

.slide-radio1:checked ~ .slide1 .pageNo, 
.slide-radio2:checked ~ .slide2 .pageNo, 
.slide-radio3:checked ~ .slide3 .pageNo, 
.slide-radio4:checked ~ .slide4 .pageNo, 
.slide-radio5:checked ~ .slide5 .pageNo,
.slide-radio6:checked ~ .slide6 .pageNo,
.slide-radio7:checked ~ .slide7 .pageNo,
.slide-radio8:checked ~ .slide8 .pageNo,
.slide-radio9:checked ~ .slide9 .pageNo,
.slide-radio10:checked ~ .slide10 .pageNo,
.slide-radio11:checked ~ .slide11 .pageNo,
.slide-radio12:checked ~ .slide12 .pageNo,
.slide-radio13:checked ~ .slide13 .pageNo,
.slide-radio14:checked ~ .slide14 .pageNo,
.slide-radio15:checked ~ .slide15 .pageNo,
.slide-radio16:checked ~ .slide16 .pageNo,
.slide-radio17:checked ~ .slide17 .pageNo,
.slide-radio18:checked ~ .slide18 .pageNo,
.slide-radio19:checked ~ .slide19 .pageNo,
.slide-radio20:checked ~ .slide20 .pageNo,
.slide-radio21:checked ~ .slide21 .pageNo,
.slide-radio22:checked ~ .slide22 .pageNo,
.slide-radio23:checked ~ .slide23 .pageNo,
.slide-radio24:checked ~ .slide24 .pageNo,
.slide-radio25:checked ~ .slide25 .pageNo,
.slide-radio26:checked ~ .slide26 .pageNo,
.slide-radio27:checked ~ .slide27 .pageNo,
.slide-radio28:checked ~ .slide28 .pageNo,
.slide-radio29:checked ~ .slide29 .pageNo{
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}  

@media only screen and (max-width: 767px) {

.slider > div {
  
}
.control label {
  font-size: 35px;
}
.slider .button {
  padding: 0 15px;
}
}

@media only screen and (max-height: 667px) {

.slide3 {
  background-size:contain;
	background-position: center 15px;
	background-image:url("../img/s3m.jpg");
}
	
.slide8 .content img, .slide22 .content img{
	width:260px;
}
	
.videoContainerV video {
    display: block;
    width: 80%;
	margin: 0 auto;
}
}


@media only screen and (max-width: 380px) {

.content p{
	font-size: 15px;
	line-height: 26px;
	margin: 10px 0;
}
}