
#Slider{
    width: 100%;
    margin: 0 auto;
}
a{text-decoration:none; border:none; color:green;text-decoration: none;}
a:hover{
    text-decoration: none;
}

/************************** JP Slides ******************/

/*Slides default image */
.reg{max-height:400px;}
/*Full width image */
.full{width:100%;}
/*Touch enabled div*/
.swipe {
    position:absolute; 
    top:0px; 
    left:0px;
    width:100%;
    height:100%; 
    background:white;
    opacity:0;
    z-index:10; }
/* Marker border radius*/
.round{border-radius: 5px;}
/*Slides Main image and title*/
.slides_view_wrap {
    display: none;
    position:relative;
    margin-bottom: 20px;}
.slide_view {
    max-width:100%;
    margin:0 auto; 
    background:#373737;
    max-height:400px;
    overflow: hidden; }
.slide_view img {
    display:block;
    margin:0 auto;
    max-width:100%;
}
.slide_image_title {
    text-align:center; 
    display:none; 
    width:100%;
    background:red;}
.slide_image_title p {
    margin:0px; 
    padding:6px 4px; 
    color:black;}
.slide_image_title a {
    position:relative;
    z-index:1500;
}

@media (max-width: 700px) {   
    /* Slides container max height for mobile*/
    .slide_view{
        max-height:200px;
    }
    /*max-height for default slides on mobile*/
    .reg{
        max-height:150px;
    }
}/*End Media*/

/*Back and next buttons*/
.back{position:absolute;
      left:5px;
      z-index:1500; 
      padding:20px; 
      cursor:pointer;
      background: none;
      opacity: .8; 
      top:40%;
      text-decoration:none; 
      font-size: 1.5em;
      display: none;
}
.next{position:absolute; 
      right:5px;
      z-index:1500;
      padding:20px; 
      cursor:pointer;
      background: none;
      opacity: .8;
      top:40%; 
      display: none;
      text-decoration:none;
      font-size:1.5em;}
.back:hover{opacity:1; 
            display: none;
            text-decoration:none;}
.next:hover{opacity:1; 
            text-decoration:none;}
.back a{color:#fff;
        font-weight: bold;}
.next a{color:#fff;
        font-weight: bold;}

@media (max-width: 700px) {
    /*remove back and next for mobile*/
    .back, .next {display:none;}
}

.slide_imgs {
    text-align:center; 
    max-width: 930px;
    margin:0 auto;
    padding-bottom: 20px;
}
.slide_imgs a img{width:22%; margin:.5%;border: 3px solid #fff;}

@media (max-width: 900px){
    .slide_imgs {width:95%;text-align: justify}
    .slide_imgs a img{width:23%; margin:.5%}  
}
/*Active State for thumbs*/
/*.active {box-shadow:0px 0px 2px 2px #686868;}*/

/*Make text unselectable on back and next buttons*/   
.no_select{
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none;
}








