/* CSS Resets */
* {
 padding:0;
 margin:0;
}
img {
 max-width: 100%;
 height: auto;
}
ul,ol {
 list-style-type: none;
}
/* end css reset */

.container { /* posisikan letak slidernya */
 margin:10% auto;
 position: relative;
 overflow: hidden;
}
.container, ul.slide li img{
 width:800px; /* Sesuaikan sendiri */
 height: 600px;  /* Sesuaikan sendiri */
}


ul.slide {
 position: absolute;
 display: block;
 width:6200%;  /* <-- Angka 62 Bergantung pada jumlah slide */
}

.caption { /* styling untuk deskripsi setiap slide */
 position: absolute;
 background-color: rgba(0,0,0,0.5);
 bottom:7;
 padding:10px;
 color:#fff;
 left: 0;
 right: 0;
}

/* Yang membuatnya jadi slider */
 ul.slide li {
    display: inline-block;
    float: left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    ox-sizing:border-box;
    -webkit-transition: -webkit-transform 2000ms;
    -moz-transition: -moz-transform 2000ms;
    transition: -webkit-transform 2000ms, transform 2000ms;
 }
 ul.slide li.slide-1 {
  left: 0%;
 }
 ul.slide li.slide-2 {
  left: 100%;
 }
 ul.slide li.slide-3 {
  left: 200%;
 }
  ul.slide li.slide-4 {
  left: 300%;
 }
 ul.slide li.slide-5 {
  left: 400%;
 }
 ul.slide li.slide-6 {
  left: 500%;
 }
 ul.slide li.slide-7 {
  left: 600%;
 }
 ul.slide li.slide-8 {
  left: 700%;
 }
 ul.slide li.slide-9 {
  left: 800%;
 }
 ul.slide li.slide-10 {
  left: 900%;
 }
 ul.slide li.slide-11 {
  left: 1000%;
 }
 ul.slide li.slide-12 {
  left: 1100%;
 }
 ul.slide li.slide-13 {
  left: 1200%;
 }
 ul.slide li.slide-14 {
  left: 1300%;
 }
 ul.slide li.slide-15 {
  left: 1400%;
 }
 ul.slide li.slide-16 {
  left: 1500%;
 }
 ul.slide li.slide-17 {
  left: 1600%;
 }
 ul.slide li.slide-18 {
  left: 1700%;
 }
 ul.slide li.slide-19 {
  left: 1800%;
 }
 ul.slide li.slide-20 {
  left: 1900%;
 }
 ul.slide li.slide-21 {
  left: 2000%;
 }
 ul.slide li.slide-22 {
  left: 2100%;
 }
 ul.slide li.slide-23 {
  left: 2200%;
 }
 ul.slide li.slide-24 {
  left: 2300%;
 }
 ul.slide li.slide-25 {
  left: 2400%;
 }
 ul.slide li.slide-26 {
  left: 2500%;
 }
 ul.slide li.slide-27 {
  left: 2600%;
 }
 ul.slide li.slide-28 {
  left: 2700%;
 }
 ul.slide li.slide-29 {
  left: 2800%;
 }
 ul.slide li.slide-30 {
  left: 2900%;
 }
 ul.slide li.slide-31 {
  left: 3000%;
 }
 ul.slide li.slide-32 {
  left: 3100%;
 }
 ul.slide li.slide-33 {
  left: 3200%;
 }
 ul.slide li.slide-34 {
  left: 3300%;
 }
 ul.slide li.slide-35 {
  left: 3400%;
 }
 ul.slide li.slide-36 {
  left: 3500%;
 }
 ul.slide li.slide-37 {
  left: 3600%;
 }
 ul.slide li.slide-38 {
  left: 3700%;
 }
 ul.slide li.slide-39 {
  left: 3800%;
 }
 ul.slide li.slide-40 {
  left: 3900%;
 }
 ul.slide li.slide-41 {
  left: 4000%;
 }
 ul.slide li.slide-42 {
  left: 4100%;
 }
 ul.slide li.slide-43 {
  left: 4200%;
 }
 ul.slide li.slide-44 {
  left: 4300%;
 }
 ul.slide li.slide-45 {
  left: 4400%;
 }
 ul.slide li.slide-46 {
  left: 4500%;
 }
 ul.slide li.slide-47 {
  left: 4600%;
 }
 ul.slide li.slide-48 {
  left: 4700%;
 }
 ul.slide li.slide-49 {
  left: 4800%;
 }
 ul.slide li.slide-50 {
  left: 4900%;
 }
 ul.slide li.slide-51 {
  left: 5000%;
 }
 ul.slide li.slide-52 {
  left: 5100%;
 }
 ul.slide li.slide-53 {
  left: 5200%;
 }
 ul.slide li.slide-54 {
  left: 5300%;
 }
 ul.slide li.slide-55 {
  left: 5400%;
 }
 ul.slide li.slide-56 {
  left: 5500%;
 }
 ul.slide li.slide-57 {
  left: 5600%;
 }
 ul.slide li.slide-58 {
  left: 5700%;
 }
 ul.slide li.slide-59 {
  left: 5800%;
 }
 ul.slide li.slide-60 {
  left: 5900%;
 }
 ul.slide li.slide-61 {
  left: 6000%;
 }
 ul.slide li.slide-62 {
  left: 6100%;
 }
 #nav-1:checked ~ ul.slide li{
    -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
    transform: translateX(0%);
 }
 #nav-2:checked ~ ul.slide li{
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
   transform: translateX(-100%);
 }
 #nav-3:checked ~ ul.slide li {
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    transform: translateX(-200%);
 }
 #nav-4:checked ~ ul.slide li{
    -webkit-transform: translateX(-300%);
  -moz-transform: translateX(-300%);
    transform: translateX(-300%);
 }
 #nav-5:checked ~ ul.slide li{
    -webkit-transform: translateX(-400%);
    -moz-transform: translateX(-400%);
   transform: translateX(-400%);
 }
 #nav-6:checked ~ ul.slide li {
    -webkit-transform: translateX(-500%);
    -moz-transform: translateX(-500%);
    transform: translateX(-500%);
 }
 #nav-7:checked ~ ul.slide li{
    -webkit-transform: translateX(-600%);
  -moz-transform: translateX(-600%);
    transform: translateX(-600%);
 }
 #nav-8:checked ~ ul.slide li{
    -webkit-transform: translateX(-700%);
    -moz-transform: translateX(-700%);
   transform: translateX(-700%);
 }
 #nav-9:checked ~ ul.slide li {
    -webkit-transform: translateX(-800%);
    -moz-transform: translateX(-800%);
    transform: translateX(-800%);
 }
 #nav-10:checked ~ ul.slide li{
    -webkit-transform: translateX(-900%);
  -moz-transform: translateX(-900%);
    transform: translateX(-900%);
 }
 #nav-11:checked ~ ul.slide li{
    -webkit-transform: translateX(-1000%);
    -moz-transform: translateX(-1000%);
   transform: translateX(-1000%);
 }
 #nav-12:checked ~ ul.slide li {
    -webkit-transform: translateX(-1100%);
    -moz-transform: translateX(-1100%);
    transform: translateX(-1100%);
 }
 #nav-13:checked ~ ul.slide li{
    -webkit-transform: translateX(-1200%);
  -moz-transform: translateX(-1200%);
    transform: translateX(-1200%);
 }
 #nav-14:checked ~ ul.slide li{
    -webkit-transform: translateX(-1300%);
    -moz-transform: translateX(-1300%);
   transform: translateX(-1300%);
 }
 #nav-15:checked ~ ul.slide li {
    -webkit-transform: translateX(-1400%);
    -moz-transform: translateX(-1400%);
    transform: translateX(-1400%);
 }
 #nav-16:checked ~ ul.slide li{
    -webkit-transform: translateX(-1500%);
  -moz-transform: translateX(-1500%);
    transform: translateX(-1500%);
 }
 #nav-17:checked ~ ul.slide li{
    -webkit-transform: translateX(-1600%);
    -moz-transform: translateX(-1600%);
   transform: translateX(-1600%);
 }
 #nav-18:checked ~ ul.slide li {
    -webkit-transform: translateX(-1700%);
    -moz-transform: translateX(-1700%);
    transform: translateX(-1700%);
 }
 #nav-19:checked ~ ul.slide li{
    -webkit-transform: translateX(-1800%);
  -moz-transform: translateX(-1800%);
    transform: translateX(-1800%);
 }
 #nav-20:checked ~ ul.slide li{
    -webkit-transform: translateX(-1900%);
    -moz-transform: translateX(-1900%);
   transform: translateX(-1900%);
 }
 #nav-21:checked ~ ul.slide li {
    -webkit-transform: translateX(-2000%);
    -moz-transform: translateX(-2000%);
    transform: translateX(-2000%);
 }
 #nav-22:checked ~ ul.slide li{
    -webkit-transform: translateX(-2100%);
  -moz-transform: translateX(-2100%);
    transform: translateX(-2100%);
 }
 #nav-23:checked ~ ul.slide li{
    -webkit-transform: translateX(-2200%);
    -moz-transform: translateX(-2200%);
   transform: translateX(-2200%);
 }
 #nav-24:checked ~ ul.slide li {
    -webkit-transform: translateX(-2300%);
    -moz-transform: translateX(-2300%);
    transform: translateX(-2300%);
 }
 #nav-25:checked ~ ul.slide li{
    -webkit-transform: translateX(-2400%);
  -moz-transform: translateX(-2400%);
    transform: translateX(-2400%);
 }
 #nav-26:checked ~ ul.slide li{
    -webkit-transform: translateX(-2500%);
    -moz-transform: translateX(-2500%);
   transform: translateX(-2500%);
 }
 #nav-27:checked ~ ul.slide li {
    -webkit-transform: translateX(-2600%);
    -moz-transform: translateX(-2600%);
    transform: translateX(-2600%);
 }
 #nav-28:checked ~ ul.slide li{
    -webkit-transform: translateX(-2700%);
  -moz-transform: translateX(-2700%);
    transform: translateX(-2700%);
 }
 #nav-29:checked ~ ul.slide li{
    -webkit-transform: translateX(-2800%);
    -moz-transform: translateX(-2800%);
   transform: translateX(-2800%);
 }
 #nav-30:checked ~ ul.slide li {
    -webkit-transform: translateX(-2900%);
    -moz-transform: translateX(-2900%);
    transform: translateX(-2900%);
 }
 #nav-31:checked ~ ul.slide li{
    -webkit-transform: translateX(-3000%);
    -moz-transform: translateX(-3000%);
   transform: translateX(-3000%);
 }
 #nav-32:checked ~ ul.slide li {
    -webkit-transform: translateX(-3100%);
    -moz-transform: translateX(-3100%);
    transform: translateX(-3100%);
 }
 #nav-33:checked ~ ul.slide li {
    -webkit-transform: translateX(-3200%);
    -moz-transform: translateX(-3200%);
    transform: translateX(-3200%);
 }
 #nav-34:checked ~ ul.slide li {
    -webkit-transform: translateX(-3300%);
    -moz-transform: translateX(-3300%);
    transform: translateX(-3300%);
 }
 #nav-35:checked ~ ul.slide li {
    -webkit-transform: translateX(-3400%);
    -moz-transform: translateX(-3400%);
    transform: translateX(-3400%);
 }
 #nav-36:checked ~ ul.slide li {
    -webkit-transform: translateX(-3500%);
    -moz-transform: translateX(-3500%);
    transform: translateX(-3500%);
 }
 #nav-37:checked ~ ul.slide li {
    -webkit-transform: translateX(-3600%);
    -moz-transform: translateX(-3600%);
    transform: translateX(-3600%);
 }
 #nav-38:checked ~ ul.slide li {
    -webkit-transform: translateX(-3700%);
    -moz-transform: translateX(-3700%);
    transform: translateX(-3700%);
 }
 #nav-39:checked ~ ul.slide li {
    -webkit-transform: translateX(-3800%);
    -moz-transform: translateX(-3800%);
    transform: translateX(-3800%);
 }
 #nav-40:checked ~ ul.slide li {
    -webkit-transform: translateX(-3900%);
    -moz-transform: translateX(-3900%);
    transform: translateX(-3900%);
 }
 #nav-41:checked ~ ul.slide li {
    -webkit-transform: translateX(-4000%);
    -moz-transform: translateX(-4000%);
    transform: translateX(-4000%);
 }
 #nav-42:checked ~ ul.slide li {
    -webkit-transform: translateX(-4100%);
    -moz-transform: translateX(-4100%);
    transform: translateX(-4100%);
 }
 #nav-43:checked ~ ul.slide li {
    -webkit-transform: translateX(-4200%);
    -moz-transform: translateX(-4200%);
    transform: translateX(-4200%);
 }
 #nav-44:checked ~ ul.slide li {
    -webkit-transform: translateX(-4300%);
    -moz-transform: translateX(-4300%);
    transform: translateX(-4300%);
 }
 #nav-45:checked ~ ul.slide li {
    -webkit-transform: translateX(-4400%);
    -moz-transform: translateX(-4400%);
    transform: translateX(-4400%);
 }
 #nav-46:checked ~ ul.slide li {
    -webkit-transform: translateX(-4500%);
    -moz-transform: translateX(-4500%);
    transform: translateX(-4500%);
 }
 #nav-47:checked ~ ul.slide li {
    -webkit-transform: translateX(-4600%);
    -moz-transform: translateX(-4600%);
    transform: translateX(-4600%);
 }
 #nav-48:checked ~ ul.slide li {
    -webkit-transform: translateX(-4700%);
    -moz-transform: translateX(-4700%);
    transform: translateX(-4700%);
 }
 #nav-49:checked ~ ul.slide li {
    -webkit-transform: translateX(-4800%);
    -moz-transform: translateX(-4800%);
    transform: translateX(-4800%);
 }
 #nav-50:checked ~ ul.slide li {
    -webkit-transform: translateX(-4900%);
    -moz-transform: translateX(-4900%);
    transform: translateX(-4900%);
 }
 #nav-51:checked ~ ul.slide li {
    -webkit-transform: translateX(-5000%);
    -moz-transform: translateX(-5000%);
    transform: translateX(-5000%);
 }
 #nav-52:checked ~ ul.slide li {
    -webkit-transform: translateX(-5100%);
    -moz-transform: translateX(-5100%);
    transform: translateX(-5100%);
 }
 #nav-53:checked ~ ul.slide li {
    -webkit-transform: translateX(-5200%);
    -moz-transform: translateX(-5200%);
    transform: translateX(-5200%);
 }
 #nav-54:checked ~ ul.slide li {
    -webkit-transform: translateX(-5300%);
    -moz-transform: translateX(-5300%);
    transform: translateX(-5300%);
 }
 #nav-55:checked ~ ul.slide li {
    -webkit-transform: translateX(-5400%);
    -moz-transform: translateX(-5400%);
    transform: translateX(-5400%);
 }
 #nav-56:checked ~ ul.slide li {
    -webkit-transform: translateX(-5500%);
    -moz-transform: translateX(-5500%);
    transform: translateX(-5500%);
 }
 #nav-57:checked ~ ul.slide li {
    -webkit-transform: translateX(-5600%);
    -moz-transform: translateX(-5600%);
    transform: translateX(-5600%);
 }
 #nav-58:checked ~ ul.slide li {
    -webkit-transform: translateX(-5700%);
    -moz-transform: translateX(-5700%);
    transform: translateX(-5700%);
 }
 #nav-59:checked ~ ul.slide li {
    -webkit-transform: translateX(-5800%);
    -moz-transform: translateX(-5800%);
    transform: translateX(-5800%);
 }
 #nav-60:checked ~ ul.slide li {
    -webkit-transform: translateX(-5900%);
    -moz-transform: translateX(-5900%);
    transform: translateX(-5900%);
 }
 #nav-61:checked ~ ul.slide li {
    -webkit-transform: translateX(-6000%);
    -moz-transform: translateX(-6000%);
    transform: translateX(-6000%);
 }
 #nav-62:checked ~ ul.slide li {
    -webkit-transform: translateX(-6100%);
    -moz-transform: translateX(-6100%);
    transform: translateX(-6100%);
 }
/* End, yang membuatnya jadi slider */


/* Navigator */

.radio-nav { /* menghilangkan radio button */
 display: none;
}
 
 /* styling untuk tombol next dan previous slide */
 .nav-arrow {
  position: absolute;
  top:45%;
  width:50px;
  height: 50px;
 }
 .nav-next {
  right:10px;
 }
 .nav-prev {
  left:10px;
 }
 .nav-arrow label {
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
  background-color: rgba(0,0,0,0.3);
  color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  padding:15px 20px;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
  font-weight: bold;
  line-height: 1;
 }
 .container:hover .nav-arrow label{
  background-color: rgba(0,0,0,0.7);
 }
 /* end styling untuk tombol next dan previous slide */
 /*Setiap slide mempunyai tombol prev dan next-nya masing-masing. Nah, tampilkan tombol yang tepat dengan kode dibawah ini*/ 
 #nav-1:checked ~ .nav-next label.nav-2,
 #nav-2:checked ~ .nav-prev label.nav-1,
 #nav-2:checked ~ .nav-next label.nav-3,
 #nav-3:checked ~ .nav-prev label.nav-2,
 #nav-3:checked ~ .nav-next label.nav-4,
 #nav-4:checked ~ .nav-prev label.nav-3,
 #nav-4:checked ~ .nav-next label.nav-5,
 #nav-5:checked ~ .nav-prev label.nav-4,
 #nav-5:checked ~ .nav-next label.nav-6,
 #nav-6:checked ~ .nav-prev label.nav-5,
 #nav-6:checked ~ .nav-next label.nav-7,
 #nav-7:checked ~ .nav-prev label.nav-6,
 #nav-7:checked ~ .nav-next label.nav-8,
 #nav-8:checked ~ .nav-prev label.nav-7,
 #nav-8:checked ~ .nav-next label.nav-9,
 #nav-9:checked ~ .nav-prev label.nav-8,
 #nav-9:checked ~ .nav-next label.nav-10,
 #nav-10:checked ~ .nav-prev label.nav-9,
 #nav-10:checked ~ .nav-next label.nav-11,
 #nav-11:checked ~ .nav-prev label.nav-10,
 #nav-11:checked ~ .nav-next label.nav-12,
 #nav-12:checked ~ .nav-prev label.nav-11,
 #nav-12:checked ~ .nav-next label.nav-13,
 #nav-13:checked ~ .nav-prev label.nav-12,
 #nav-13:checked ~ .nav-next label.nav-14,
 #nav-14:checked ~ .nav-prev label.nav-13,
 #nav-14:checked ~ .nav-next label.nav-15,
 #nav-15:checked ~ .nav-prev label.nav-14,
 #nav-15:checked ~ .nav-next label.nav-16,
 #nav-16:checked ~ .nav-prev label.nav-15,
 #nav-16:checked ~ .nav-next label.nav-17,
 #nav-17:checked ~ .nav-prev label.nav-16,
 #nav-17:checked ~ .nav-next label.nav-18,
 #nav-18:checked ~ .nav-prev label.nav-17,
 #nav-18:checked ~ .nav-next label.nav-19,
 #nav-19:checked ~ .nav-prev label.nav-18,
 #nav-19:checked ~ .nav-next label.nav-20,
 #nav-20:checked ~ .nav-prev label.nav-19,
 #nav-20:checked ~ .nav-next label.nav-21,
 #nav-21:checked ~ .nav-prev label.nav-20,
 #nav-21:checked ~ .nav-next label.nav-22,
 #nav-22:checked ~ .nav-prev label.nav-21,
 #nav-22:checked ~ .nav-next label.nav-23,
 #nav-23:checked ~ .nav-prev label.nav-22,
 #nav-23:checked ~ .nav-next label.nav-24,
 #nav-24:checked ~ .nav-prev label.nav-23,
 #nav-24:checked ~ .nav-next label.nav-25,
 #nav-25:checked ~ .nav-prev label.nav-24,
 #nav-25:checked ~ .nav-next label.nav-26,
 #nav-26:checked ~ .nav-prev label.nav-25,
 #nav-26:checked ~ .nav-next label.nav-27,
 #nav-27:checked ~ .nav-prev label.nav-26,
 #nav-27:checked ~ .nav-next label.nav-28,
 #nav-28:checked ~ .nav-prev label.nav-27,
 #nav-28:checked ~ .nav-next label.nav-29,
 #nav-29:checked ~ .nav-prev label.nav-28,
 #nav-29:checked ~ .nav-next label.nav-30,
 #nav-30:checked ~ .nav-prev label.nav-29,
 #nav-30:checked ~ .nav-next label.nav-31,
 #nav-31:checked ~ .nav-prev label.nav-30,
 #nav-31:checked ~ .nav-next label.nav-32,
 #nav-32:checked ~ .nav-prev label.nav-31,
 #nav-32:checked ~ .nav-next label.nav-33,
 #nav-33:checked ~ .nav-prev label.nav-32,
 #nav-33:checked ~ .nav-next label.nav-34,
 #nav-34:checked ~ .nav-prev label.nav-33,
 #nav-34:checked ~ .nav-next label.nav-35,
 #nav-35:checked ~ .nav-prev label.nav-34,
 #nav-35:checked ~ .nav-next label.nav-36,
 #nav-36:checked ~ .nav-prev label.nav-35,
 #nav-36:checked ~ .nav-next label.nav-37,
 #nav-37:checked ~ .nav-prev label.nav-36,
 #nav-37:checked ~ .nav-next label.nav-38,
 #nav-38:checked ~ .nav-prev label.nav-37,
 #nav-38:checked ~ .nav-next label.nav-39,
 #nav-39:checked ~ .nav-prev label.nav-38,
 #nav-39:checked ~ .nav-next label.nav-40,
 #nav-40:checked ~ .nav-prev label.nav-39,
 #nav-40:checked ~ .nav-next label.nav-41,
 #nav-41:checked ~ .nav-prev label.nav-40,
 #nav-41:checked ~ .nav-next label.nav-42,
 #nav-42:checked ~ .nav-prev label.nav-41,
 #nav-42:checked ~ .nav-next label.nav-43,
 #nav-43:checked ~ .nav-prev label.nav-42,
 #nav-43:checked ~ .nav-next label.nav-44,
 #nav-44:checked ~ .nav-prev label.nav-43,
 #nav-44:checked ~ .nav-next label.nav-45,
 #nav-45:checked ~ .nav-prev label.nav-44,
 #nav-45:checked ~ .nav-next label.nav-46,
 #nav-46:checked ~ .nav-prev label.nav-45,
 #nav-46:checked ~ .nav-next label.nav-47,
 #nav-47:checked ~ .nav-prev label.nav-46,
 #nav-47:checked ~ .nav-next label.nav-48,
 #nav-48:checked ~ .nav-prev label.nav-47,
 #nav-48:checked ~ .nav-next label.nav-49,
 #nav-49:checked ~ .nav-prev label.nav-48,
 #nav-49:checked ~ .nav-next label.nav-50,
 #nav-50:checked ~ .nav-prev label.nav-49,
 #nav-50:checked ~ .nav-next label.nav-51,
 #nav-51:checked ~ .nav-prev label.nav-50,
 #nav-51:checked ~ .nav-next label.nav-52,
 #nav-52:checked ~ .nav-prev label.nav-51,
 #nav-52:checked ~ .nav-next label.nav-53,
 #nav-53:checked ~ .nav-prev label.nav-52,
 #nav-53:checked ~ .nav-next label.nav-54,
 #nav-54:checked ~ .nav-prev label.nav-53,
 #nav-54:checked ~ .nav-next label.nav-55,
 #nav-55:checked ~ .nav-prev label.nav-54,
 #nav-55:checked ~ .nav-next label.nav-56,
 #nav-56:checked ~ .nav-prev label.nav-55,
 #nav-56:checked ~ .nav-next label.nav-57,
 #nav-57:checked ~ .nav-prev label.nav-56,
 #nav-57:checked ~ .nav-next label.nav-58,
 #nav-58:checked ~ .nav-prev label.nav-57,
 #nav-58:checked ~ .nav-next label.nav-59,
 #nav-59:checked ~ .nav-prev label.nav-58,
 #nav-59:checked ~ .nav-next label.nav-60,
 #nav-60:checked ~ .nav-prev label.nav-59,
 #nav-60:checked ~ .nav-next label.nav-61,
 #nav-61:checked ~ .nav-prev label.nav-60,
 #nav-61:checked ~ .nav-next label.nav-62,
 #nav-62:checked ~ .nav-prev label.nav-61 {
  z-index: 2;
  opacity: 1;
 }
 /* end */

/* Navigator */