/************************** 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 {position:relative; margin-bottom: 30px;}
.slide_view { position:relative; max-width:1070px; margin:0 auto; background:none; max-height:400px; overflow: hidden;      margin-bottom: 45px; }
.slide_view img {display:block; margin:0 auto; max-width:100%; }
.slide_image_title {text-align:center;  display:none; width:100%; background:#F0F0F0; }
.slide_image_title p {margin:0px; padding:6px 4px; color:black;}
.slide_image_title a {position:relative; z-index:1500;}

.no_select { display:none; }
.pro  { width:1200px; margin:0 auto;  }
.pn01 {   position: absolute;    font-size: 50px;    font-family: 'Coda';    top: 20px;  font-weight:700; }

.slides_thumbs  { border:1px solid balck; }

@media (max-width: 700px) and (min-width: 420px){   
.pn01 {   position: absolute;    font-size: 32px;    font-family: 'Coda';    top: 5px; }
}/*End Media*/


@media  (max-width: 420px){   
.pn01 {   position: absolute;    font-size: 24px;    font-family: 'Coda';    top: 3px; }
}/*End Media*/


@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{  border: 0px solid #e2e2e2;  opacity: 0.4;  position:absolute; left:5px; z-index:1500; cursor:pointer; /*opacity: .8;*/  top:40%; text-decoration:none; font-size: 1.5em;  background: white url(./images/prev.png) center center  no-repeat;    width: 50px;    height: 50px; text-indent: -9999px;}
.next2{ border: 0px solid #e2e2e2;  opacity: 0.4;  position:absolute; right:5px; z-index:1500;  cursor:pointer; /*opacity: .8;*/ top:40%; text-decoration:none; font-size:1.5em; background: white url(./images/next.png) center center no-repeat;   width: 50px;    height: 50px; text-indent: -9999px;}
.back:hover{opacity:1; text-decoration:none;}
.next2:hover{opacity:1; text-decoration:none;}
.back a{color:#909090;}
.next2 a{color:#909090;}

@media (max-width: 700px) {
.back, .next2 {display:none;}
}

/*Play Stop and Pause*/
.playStop{margin:0 auto; width:72px; margin-bottom:10px;}
.play_control{position:relative; width: 10px; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #E0E0E0 ; display: inline-block; cursor: pointer;}
.stop_control{position:relative;width: 15px;height: 15px; background: #E0E0E0 ; display: inline-block; cursor: pointer;}
.pause_control{display:inline-block; margin-left:12px; cursor: pointer;}
.pauseline {width:5px; height:15px; display: inline-block; background: #E0E0E0; margin-right:5px;}
/*Play Stop and pause on and off states*/
.stopgrey{background:#686868;}
.playgrey{border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #686868;}

/*Slide Images Thumbnails*/
.slide_imgs {text-align:center; max-width: 860px; margin:0 auto; padding-bottom: 20px;}
.slide_imgs a {  width: 160px;    height: 110px;    overflow: hidden;  }

.slide_imgs a img{width:17%; margin:.5%;}


@media (max-width: 900px){
.slide_imgs { width:95%;text-align: center; }
.slide_imgs a img{width:23%; margin:.5%}  
}


.active1 {  box-shadow: 0px 0px 0px 0.7px #d6d6d6;       border-top: 0px solid #da0000;  }

 /*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;}