.skngiframe{pointer-events: none;}
.skngiframe.sngallery{height: 100%; }
.skngiframe.sngallery ul{margin: 0; list-style: none; padding: 0;}
.skngiframe.sngallery ul li{display: none;}
.skngiframe.sngallery ul li:first-child{display: block; width: 100%; text-align: center;}
.skngiframe.sngallery ul li:first-child img{max-width: 100%;}

.sngallery{overflow:hidden;}
.sngallery .flex-viewport{height:100%;}
.editor-preview .sngallery[data-gallery-type="standard"]{height: 100%;}
.sngallery img{max-width: none;}
.sngallery ul{margin: 0 !important; padding: 0; display: block; list-style: none;}
.sngallery ul.slides{padding: 0; list-style:none;}
.sngallery ul:after{clear: both; content: " "; display: block;}
.sngallery .slides li{float: left; display: block; height: 100%;}
.sngallery .slides{height: 100%;}
.sngallery .slides li{text-align: center; overflow: hidden; position: relative;}

.sngallery .slides li.loading .skn-img-wrap > img{opacity:0;}

.sngallery .slides li > a{display: block; width: 100%; height: 100%; vertical-align: middle;}
.sngallery .slides li > a.skn-img-wrap{pointer-events: none; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.sngallery .slides li > a > span.skn-inline{display: inline-block; width: 100%; height: 100%; vertical-align: middle;}

li a.skn-gallery-slide-link{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; pointer-events: auto !important; cursor: pointer !important;
}

.sngallery .slides li > a.skn-gallery-slide-link{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; pointer-events: auto !important; cursor: pointer !important; opacity:0; background-color: rgb(0,0,0);  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.sngallery:not([data-caption-rule="share"]) .slides li > a.skn-gallery-slide-link:hover{opacity:0.3;}

.sngallery[data-caption-rule="share"] .slides li > a.skn-img-wrap:after{
    content: '';
    display:block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.3);
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    opacity:0;
}
.sngallery[data-caption-rule="share"] .slides li.hovered > a.skn-img-wrap:after{
    background-color: rgba(0,0,0,0.3);
    opacity:1;
}

.sngallery .slides li img{position:relative; max-height: 100%; width: auto; max-width: 100%; display: block; margin: 0 auto; }
.sngallery .slides li .skn-img-scalable img{width: 100%;}
.sngallery .slides li img, .sngallery .slides li iframe{top:50%; -moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
.sngallery[data-interactive-browsing="0"]:not(.not-draggable) .slides li {cursor: -webkit-grab; cursor: grab;}
.sngallery[data-interactive-browsing="0"]:not(.not-draggable) .slides li.grabbing{cursor: -webkit-grabbing; cursor: grabbing;}
.sngallery[data-interactive-browsing="1"] .slides li {cursor:pointer;}


.sngallery .slides li iframe{max-height: 100%; max-width:100%; vertical-align: middle; position:relative;}

.sngallery .slides li .caption_container{position:absolute; width:100%; left: 0;}
.sngallery[data-caption-rule="share"] .slides li .caption_container {position: absolute; bottom: 0; left: 0;}
.sngallery[data-caption-rule="overlay"] .slides li .caption_container {position: absolute; bottom: 0; left: 0;}
.sngallery[data-caption-rule="centre"] .slides li .caption_container {position: absolute; top: 50%; bottom:auto; left: 0; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.sngallery[data-image-sizing="fill"] .slides li a.skn-img-wrap img{opacity:0;} 
.sngallery[data-image-sizing="fill"][data-variable-width="1"] .slides li a.skn-img-wrap img{opacity:1;} /* Override as we need to show the inline image for variable width no matter what */
.sngallery[data-variable-width="1"] .slides li a.skn-image-wrap{display: inline-block; width: auto !important;}
.sngallery[data-variable-width="1"] .slides li a.skn-image-wrap img{display: inline-block; width: auto !important; height: 100% !important;}

.sngallery .slides li .caption{position:relative; width:100%; max-width:600px; text-align: center; margin:0 auto; padding-top:10px; padding-bottom:10px;}
.sngallery .slides li .caption p{text-align: center !important;}

.snimagegrid ul.slides{margin: 0 auto !important; padding: 0; display: block; list-style: none;}
body[data-skn-threshold="620"] .snimagegrid ul.slides{}
.snimagegrid li{position: relative;}
.snimagegrid li, .snimagegrid li * {max-width:100% !important;}
.snimagegrid li iframe{height:100% !important;}
.snimagegrid li .iframe-click-capture{position:absolute; top:0; right:0; bottom:0;left:0; z-index:10; cursor:pointer;}
.snimagegrid a.skn-img-wrap{pointer-events: none; width:100% !important; display:block !important; height:auto !important;}
.snimagegrid[data-gallery-type="grid"] a.skn-img-wrap{cursor:default !important;}

.editor-preview .snimagegrid[data-gallery-type="lightbox"]{height:100%;}
.snimagegrid[data-gallery-type="lightbox"] ul.slides{height:100%;}
.snimagegrid[data-gallery-type="lightbox"] li{display:none;}
/*
.snimagegrid[data-gallery-type="lightbox"] li:first-child{display:block; height:100% !important;}
.snimagegrid[data-gallery-type="lightbox"] li:first-child a.skn-img-wrap{display:block; height:100% !important;}
.snimagegrid[data-gallery-type="lightbox"] li:first-child a.skn-img-wrap{background-size: cover; background-position: center center;}
.snimagegrid[data-gallery-type="lightbox"] li:first-child a img{display:none; max-height:100% !important; margin:0 auto; width:auto;}
.snimagegrid[data-gallery-type="lightbox"] li:first-child .caption_container{display: none;}
*/
.snimagegrid[data-gallery-type="lightbox"] li.cover-image{display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;}
.snimagegrid[data-gallery-type="lightbox"] li.cover-image a.skn-img-wrap{display:block; height:100% !important;}
.snimagegrid[data-gallery-type="lightbox"] li.cover-image a.skn-img-wrap{background-size: cover; background-position: center center;}
.snimagegrid[data-gallery-type="lightbox"] li.cover-image a img{display:none; max-height:100% !important; margin:0 auto; width:auto;}
.snimagegrid[data-gallery-type="lightbox"] li.cover-image .caption_container{display: none;}

.lightbox{position:fixed; width:100%; height:100%; top:0; left:0; padding:30px;}
.lightbox:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.85);}
/* Used for lightbox image loading */
.lightbox .loading:after{  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background-image: url(//cloudfront.sketchanet.com/assets/2.0/loaders/lightbox-loader.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
  background-color: #000;
  border-radius: 5px;
  transform: translate(-50%, -50%);}

.lightbox .lightbox-loader{display:none;}
.lightbox .loading .lightbox-loader{display:none;}

.lightbox .sngallery .slides li .caption_container .caption{padding-top:30px;}
.lightbox .close-button{width: 60px; height: 60px; position: absolute; top: 0px; right: 0px; z-index: 500; cursor: pointer;}
.lightbox .close-button-graphics{position: absolute; height: 24px; width:24px; font-size: 30px; top: 20px; right: 20px;
background-color: #fff; background-color: rgba(255,255,255,0.85); border-radius: 50%; -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,1));
  filter: drop-shadow(0px 0px 3px rgba(0,0,0,1));    font-weight: 700;}
.lightbox .close-button:hover .close-button-graphics{background-color: #fff; background-color: rgba(255,255,255,1);}
.lightbox .close-button-graphics:before{content: "k"; font-family: "sknicons"; display: block; color: inherit; position:absolute; top:-6px; left:-3px; width:100%;}

/*.lightbox .flex-direction-nav a:before{color:inherit; text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);}*/
.lightbox .flex-direction-nav a:before{color:inherit;}
.lightbox .sngallery{height:100% !important; width: 100% !important; position:relative;}

.lightbox .flex-direction-nav .flex-prev {left: 5px;}
.lightbox .flex-direction-nav .flex-next {right: 5px;}

/* Direction Nav */
.flex-direction-nav a {  height: 32px;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: all .3s ease;
  z-index: 2;
  text-decoration: none;
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  width: 32px;
  border-radius: 50%;}
.flex-direction-nav a:hover{text-decoration: none;}
.flex-direction-nav a:before{  font-family: "arrows";
  display: block;
  color: #000;
  position: absolute;
  font-size: 16px;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; text-align: right;}
.flex-direction-nav .flex-next:before{content: "k";}
.flex-direction-nav .flex-prev {left: -36px;}
.flex-direction-nav .flex-prev:before{content: "K"; text-align: left;}
.sngallery:hover .flex-next {opacity: 0.8; right: 5px;}
.sngallery:hover .flex-prev {opacity: 0.8; left: 5px;}
.sngallery:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.editor-preview{height:100%;}


.slick-next, .slick-prev{z-index:100;     
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.7));
  filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.7));
}
.slick-prev{left:15px;}
.slick-next{right: 15px}
.slick-slider .slick-list, .slick-slider .slick-track{height: 100%;}
.sngallery[data-dots="1"][data-dot-position="outside"] .slick-slider .slick-list{height: calc(100% - 36px);}
.slick-slider .slick-dots {bottom: 0px; width: 100%; margin: 0; list-style: none; text-align: center;}
.slick-slider .slick-dots li{float:none; display:inline-block;}
.slick-slide.dragging a, .slick-slide.dragging a * { 
  /*pointer-events: none; */
}
.slick-slider *:focus{outline: none;}
.slick-dots li button:before{font-size:8px; opacity:0.5;}
.slick-dots li.slick-active button:before{opacity:1;}
.slick-dots li:after{background-image: none !important;}