.gallery {
  
}
.gallerycontent {
 margin: 0 auto;
}
.responsivemaxwidthimg960 {
 width: 100%;
 max-width: 960px;
 height: auto;
 position: absolute;
}
.gallery .galleryitem {
 display: none;
 margin: 0 auto;
 position: relative;
 padding-bottom: 56.25%;
 overflow: hidden;
}
.hidden {
 display: none;
}
.galleryitem.active {
 display: block;
}
.active {
 display: block;
}
.gallerycontentcontrols {
 text-align: center;
}
.controlsresponsive {
 margin: -30% 0 0 0;
 padding-bottom: 30%;
 height: 0;
 z-index: 5; /* less than ytplayer */
}
.contentprevarrow {
 position: relative;
 right: 55%;
}
.contentprevarrow img {
  padding: 0 20px;
  margin-right: -20px;
}
.contentprevarrow :hover {
 cursor: pointer;
}
.contentnextarrow {
 position: relative;
 left: 55%;
}
.contentnextarrow img {
  padding: 0 20px;
  margin-left: -20px;
}
.contentnextarrow :hover {
 cursor: pointer;
}

/* Thumbnail styling */
.thumbnailslist {
 list-style: none;
 position: relative;
 width: 12000px;
 z-index: 10;
 right: 0;
}
.thumbactive {
 border: white 2px solid;
 padding: 2px 2px !important;
 margin-left: 6px;
 margin-right: 6px;
 margin-top: -5px;
}
.thumbnailcontrols {
 text-align: center;
}
.thumbnailcontrolsfixed {
 position: relative;
 bottom: 50%;
 height: 0;
}
.thumbnailsprevarrow {
 position: relative;
 right: 49%;
}
.thumbnailsprevarrow img {
  padding: 0 20px;
  margin-right: -20px;
  width: 12px;
}
.thumbnailsprevarrow :hover {
 cursor: pointer;
}
.thumbnailsnextarrow {
 position: relative;
 left: 49%;
}
.thumbnailsnextarrow img {
  padding: 0 20px;
  margin-left: -20px;
  width: 12px;
}
.thumbnailsnextarrow :hover {
 cursor: pointer;
}
.thumbnavdeactivated {
 opacity: .4;
}
.thumbarrowsdeactivated :hover {
 cursor: default;
}
/* responsive thumbnails */
@media (min-width: 561px) {
 .responsivemaxwidth960 {
  width: 85%;
  max-width: 960px;
  max-height: 540px;
 }
 .ravenagegate {
  background-color: #000000;
  padding: 20px 20px;
  top: 14%;
  left: 14.5%;
  width: 65%;
 }
 .ravenagegate label {
  padding: 0 5px;
  display: inline-block;
 }
 .ravenagegate h2 {
  padding-bottom: 25px;
  font-size: 24px;
 }
 .agegatesubmit {
  margin: 28px 0 0 !important;
 }
}
@media (max-width: 560px) {
 .responsivemaxwidth960 {
  width: 97%;
  max-width: 960px;
  max-height: 540px;
 }
 .ravenagegate {
  background-color: rgba(0,0,0,.5);
  padding: 4px 2px 6px;
  top: 0;
  left: 0;
  width: 100%;
 }
 .ravenagegate label {
  padding: 0 5px;
  display: inline-block;
 }
 .ravenagegate h2 {
  padding-bottom: 16px;
  font-size: 20px;
 }
 .agegatesubmit {
  margin: 12px 0 0 !important;
 }
 .contentnextarrow, .contentprevarrow {
  display:;
 }
}
/* dots */
.gallerythumbdots {
 display: block;
 width: 100%;
 text-align: center;
}
.dotcontainer {
 margin: 0 auto;
 padding: 15px;
}
.thumbdot {
 background-color: white;
 opacity: .35;
 display: inline-block;
 border-radius: 50%;
 width: 14px;
 height: 14px;
 margin: 8px;
 cursor: pointer;
}
.activedot {
 opacity: .8;
}
/* video styling */
.videoplaybuttoncontainer {
 position: absolute;
 bottom: 42%;
 left: 45%;
 width: 10%;
 z-index: 20;
}
.videoplaybuttoncontainer img {
 width: 100%;
}
.videoplaybuttoncontainer :hover {
 cursor: pointer;
}
.thumbplayimagecontainer {
 position: absolute;
 bottom: 19%;
 left: 35.5%;
 width: 30%;
}
.thumbplayimage {
 width: 100% !important;
}
.ytplayer {
 position: absolute;
 width: 100%;
 height: 100%;
}
.html5playbuttoncontainer {
 position: absolute;
 bottom: 42%;
 left: 45%;
 width: 10%;
 z-index: 20;
}
.html5playbuttoncontainer img {
 width: 100%;
}
.html5playbuttoncontainer :hover {
 cursor: pointer;
}
.html5player {
 position: absolute;
 width: 100%;
 height: 100%;
}
/* age gate */
.ravenshadow {
 opacity: .24;
}
.ravenagegate {
 border: none;
 color: #ffffff;
 font-family: 'Segoe UI', Arial, sans-serif;
 z-index: 30;
 text-align: center;
 position: absolute;
}
.agegatesubmit {
 background-color: rgb(16, 124, 16) !important;
 color: #FFFFFF;
 border: 0 !important;
 font-family: 'segoe ui semibold';
 font-size: 15px !important;
 font-style: normal !important;
 font-weight: normal !important;
 line-height: 1.2;
 max-width: 96px !important;
 min-width: 64px !important;
 padding: 10px 0px 29px !important;
 position: relative;
 text-align: center;
 display: inline-block;
 width: 64px;
}
.ravenagegate .agegateday, .ravenagegate .agegatemonth {
 width: 22px;
}
.ravenagegate .agegateyear {
 width: 44px;
}
.ravenagegate h2 {
 padding-top: 8px;
 color: white;
 font-family: "segoe ui light";
 width: 220px;
 margin: 0 auto;
 line-height: 110%;
 font-weight: normal;
}
.ytplayer {
 z-index: 8;
}

/* Lightbox mode CSS */
.lightboxplaybutton {
 cursor: pointer;
}
.lightboxcontent {
  margin: 0 auto;
  padding-bottom: 20%;
  padding-top: 15px;
  position: relative;
  left: 0;
  right: 0;
  margin-top: 35px;
  z-index: 500000;
  background-color: transparent;
}

.lightboxclosebutton {
 cursor: pointer;
 width: 35px;
  margin: -44px auto;
  position: relative;
  z-index: 500001;
}
#page-cover {
  display: none;
  opacity: .8;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
}

/* swipe control */
.swipeshow,
.swipeshow .slides,
.swipeshow .slide {
  /* Basic resets */
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;

  /* Prevent flickers */
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  /* In case you add padding */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* iOS: disable text select, disable callout, image save panel (popup) */
.swipeshow img {
  -webkit-touch-callout: none; 
  -webkit-user-select: none;   
  -moz-user-select: none;   
  user-select: none;   
}

.swipeshow {
  overflow: hidden;
}

/* Cursor (open-hand) */
.swipeshow-active .slides {
  /*cursor: -moz-grab !important;
  cursor: ew-resize;*/
}

/* Cursor (closed-hand) */
html.swipeshow-grabbed,
html.swipeshow-grabbed * {
  /*cursor: -moz-grabbing !important;
  cursor: ew-resize;*/
}

/* Positioning */
.swipeshow .slides,
.swipeshow .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* First slide should be visible by default */
.swipeshow .slide {
  visibility: hidden;
}

.swipeshow .slide:first-child {
  visibility: visible;
}

/* Defaults: OVERRIDE THIS! */
.swipeshow {
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
}