.ig-overlay {
   z-index: 998;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   opacity: 0;
   background-color: #000000;
}

.sk-ig-liv-animate .ig-overlay.sk-ig-liv-dim-lights {
   opacity: 0.33;
}

.sk-ig-liv-large-image-viewer .ig-viewer {
   z-index: 999;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0;
   border: 0 none;
   vertical-align: middle;
}

.ig-overlay,
.sk-ig-liv-large-image-viewer .ig-viewer {
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   -ms-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
   transition: all 0.6s ease;
}

.ig-viewer-close {
   position: absolute;
}

.sk-ig-liv-animate  .ig-viewer {
   opacity: 1;
}

.sk-ig-liv-large-image-viewer .ig-viewer.sk-ig-liv-static-viewer {
   margin-left: auto;
   margin-right: auto;
   top: 50%;
   left: 50%;
}

.sk-ig-liv-large-image-viewer .ig-viewer-waypoint:focus {
   outline: none;
}

.sk-ig-liv-large-image-viewer .ig-viewer-waypoint,
.sk-ig-liv-large-image-viewer .sk-ig-liv-content {
   position: relative;
   width: 100%;
   height: 100%;
}

.sk-ig-liv-large-image-viewer .sk-ig-liv-content {
   display: table;
}

.sk-ig-liv-large-image-viewer .ig-thumbs {
   display: table-row;
   height: 100%;
}

.sk-ig-liv-large-image-viewer .sk-ig-navigation-options {
   position: relative;
   display: table-row;
   height: 50px;
}

.ig-viewer .ig-play,
.ig-viewer .ig-pause {
   display: inline-block;
   margin-left: 20px;
}

.sk-ig-liv-large-image-viewer .sk-ig-nav-cell {
   position: relative;
   display: inline-block;
   width: 49%;
   height: 50px;
   margin-top: 10px;
   text-align: left;
   vertical-align: top;
}

.ig-viewer .ig-mask,
.ig-viewer .ig-transition-item,
.ig-viewer .sk-ig-table-wrapper {
   width: 100%;
   height: 100%;
   vertical-align: top;
}

.ig-viewer .sk-ig-table-wrapper {
   display: inline-table;
}

.ig-viewer .sk-ig-table-wrapper .ig-thumb,
.ig-viewer .sk-ig-table-wrapper .ig-caption {
   display: table-row;
}

.ig-viewer .sk-ig-table-wrapper .ig-caption {
   text-align: center;
}

.ig-viewer .sk-ig-table-wrapper .ig-thumb {
   height: 100%;
}

.sk-ig-liv-large-image-viewer .ig-viewer .ig-caption div {
   white-space: pre-wrap;
}

.ig-viewer .ig-btn.ig-disabled {
   pointer-events: none;
}

/**
 * Gallery overides
 */

.ig-viewer .ig-mask {
   position: relative;
}

.ig-viewer .ig-img {
   display: table-cell;
   height: 100%;
}

.ig-viewer .sk-ig-dimensions-wrapper,
.ig-viewer .sk-ig-reflection-wrapper,
.ig-viewer .sk-ig-ratio-wrapper,
.ig-viewer .sk-ig-clip-wrapper {
   display: block;
   height: 100%;
}

.ig-viewer .sk-ig-clip-wrapper {
   display: flex;
   flex-grow: 0;
   flex-basis: 0;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
}

.sk-image-zoom-container {
   overflow: hidden;
}

.sk-image-zoom {
   position: relative;
   display: flex;
   width: auto;
   height: auto;
   margin: 0;
   padding: 0;
   background-position: 50% 50%;
   background-color: #eee;
   background-repeat: repeat-x;
   overflow: hidden;
   cursor: zoom-in;
   z-index: 1;
}
.ig-gallery-wrapper {
   position: relative;
}

.ig-gallery-overlay {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
}

/* SYSTEM STYLES - GENERAL -------------------------------------------------- */
.ig-gallery-loading { opacity: 0; }
.sk-ig-liv-large-image-viewer.ig-gallery-loading { display: none; }

.ig-gallery {
   height: 100%;
}

.ig-thumbs {
   position: relative;
   margin: 0 auto;
}

.ig-type-slideshow .ig-thumbs,
.ig-type-mosaic .ig-thumbs,
.ig-type-filmstrip .ig-thumbs {
   width: 100%;
   overflow: hidden;
}

.ig-mask { overflow: hidden; white-space: nowrap; }

.ig-mask > div,
.ig-slide-item {
   display: inline-block;
   position: relative;
}

.ig-slide-item { overflow: hidden; }

.ig-mask > div {
   width: 100%;
}

.ig-img { text-align: center; }
.ig-img > img { max-width: 100%; }

.ig-img-loading { background-color: #c2c2c2; }
.ig-img-loading .sk-ig-clip-wrapper > img { opacity: 0; }

.ig-gallery-no-js.ig-gallery.sk-ig-image-gallery .ig-img-loading .sk-ig-clip-wrapper > img { 
   display: none; 
   position: absolute;
   top: -9999px;
   z-index: -1;
}

.sk-ig-image-gallery .css-mode .sk-ig-clip-wrapper img {
   transform: scale(1);
}

.ig-caption { text-align: center; white-space: normal; }

.ig-gallery .ig-caption div,
.sk-ig-liv-large-image-viewer .ig-caption div {
   text-overflow: ellipsis;
   white-space: pre;
}

.ig-gallery:not(.ig-type-slideshow-animated) .ig-caption div,
.sk-ig-liv-large-image-viewer .ig-caption div {
   overflow: hidden;
}

.ig-thumb { text-align: center; vertical-align: bottom; }
.ig-thumb img,
.ig-icon {
   max-width: 100%;
   cursor: pointer;
}

.sk-ig-image-gallery .ig-thumb canvas {
   cursor: pointer;
}

.ig-transition-item.ig-transition-fade {
   visibility: hidden;
   opacity:  0;
}

.ig-transition-item.ig-transition-fade-clone {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}


.ig-type-slider .ig-transition-slider-mgr {
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
}

.ig-transition-slider-mgr .ig-transition-slider-item {
   display: inline-block;
   width: auto;
   vertical-align: top;
}

.ig-gallery.ig-type-slider .ig-mask > div.ig-transition-item {
   width: auto;
}

.ig-row-separator { line-height: 0px; clear: both; }

.ig-gallery .ig-btn.ig-disabled { pointer-events: none; }

/* SYSTEM STYLES - ICONGRID ------------------------------------------------- */

.ig-icongrid { overflow: auto; }
.ig-icongrid .ig-slide { vertical-align: top; }

.ig-navtype-top {
   display: -webkit-flex;
   display: flex;
   flex-direction: column-reverse;
   -webkit-flex-direction: column-reverse;
}

.ig-navtype-bottom {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   -webkit-flex-direction: column;
}

.ig-navtype-left {
   display: -webkit-flex;
   display: flex;
   flex-direction: row-reverse;
   -webkit-flex-direction: row-reverse;
}
.ig-navtype-right {
   display: -webkit-flex;
   display: flex;
   flex-direction: row;
   -webkit-flex-direction: row;
}

/* SYSTEM STYLES - NAVIGATIONS ---------------------------------------------- */

.ig-nav {text-align: center;}
.sk-ig-image-gallery .ig-nav { font-size: 0; }
.ig-nav > div { display: inline-block; cursor: pointer; vertical-align: middle; }
.ig-nav .ig-number p { text-align: center; }

.ig-transitions-loading .ig-thumbs .ig-btn { display: none; }
.ig-thumbs .ig-btn { position: absolute; z-index: 5; }
.ig-thumbs .ig-btn.ig-next { right: 0px; top: 50%; }
.ig-thumbs .ig-btn.ig-prev { left: 0px; top: 50%; }
.ig-thumbs .ig-btn.ig-play { left: 0px; bottom: 10px; }
.ig-thumbs .sk-ui-scrollwrapper ~ .ig-btn.ig-play { bottom: 42px; }
.ig-thumbs .ig-btn.ig-pause { left: 0px; bottom: 10px; }
.ig-thumbs .sk-ui-scrollwrapper ~ .ig-btn.ig-pause { bottom: 42px; }

.ig-type-slideshow-animated .ig-nav-top { position: absolute; top: 0px; z-index: 4; }
.ig-type-slideshow-animated .ig-nav-bottom { position: absolute; bottom: 0px; z-index: 4; }
.ig-gallery.ig-type-slideshow-animated .ig-nav-bottom.ig-nav-bottom-offset { margin-left: 50px; }
.ig-type-slideshow-animated .ig-nav-right { right: 0; }
.ig-type-slideshow-animated .ig-nav.ig-nav-center { left: 50%; }

.ig-type-slideshow-animated .ig-nav.ig-dots,
.ig-type-slideshow-animated .ig-nav.ig-numbers {
   float: left;
}

.sk-ig-image-gallery.ig-type-slideshow-animated .ig-nav.ig-nav-center {
   margin-left: 0;
   margin-right: 0;
   transform: translateX(-50%);
}

/* SYSTEM STYLES - SK.UI.Scrollbar -------------------------------------------*/

.ig-gallery.ig-type-slider .sk-ui-scrollwrapper {
   width: 100%;
}

.ig-gallery .sk-ui-scrollwrapper {
   z-index: 1;
}

.ig-gallery .sk-ui-scrollholder-ver {
   width: 22px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrolltrack {
   background-image: url('../../../../../designs.nccdn.net/Common/Gallery/mat-black-12.png');
   background-position: top left;
   background-repeat: repeat;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrolltrack-hor {
   height: 22px;
   margin: 0 22px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrolltrack-ver {
   width: 22px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   margin: 22px 0;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller {
   background: none;
   font-size: 0;
   opacity: 0.5;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-hor {
   height: 12px;
   margin-bottom: 3px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-hor:before,
.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-hor:after,
.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-ver:before,
.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-ver:after {
   content: '.';
   display: block;
   position: absolute;
   background: url('../../../../../designs.nccdn.net/Common/Gallery/mat-black-60.png') top left repeat;
   cursor: move;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-hor:before {
   left: 22px;
   right: 50%;
   top: 0;
   bottom: 0;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-hor:after {
   left: 50%;
   right: 22px;
   top: 0;
   bottom: 0;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-ver {
   width: 12px;
   margin-right: 3px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-ver:before {
   left: 0;
   right: 0;
   top: 22px;
   bottom: 50%;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller-ver:after {
   left: 0;
   right: 0;
   top: 50%;
   bottom: 22px;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scroller:hover {
   opacity: 1;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn {
   width: 22px;
   height: 22px;
   background: url('https://img-fl.nccdn.net/Core/Elements/Gallery/Images/sprite-scrollbar-arrows-light.svg') no-repeat;
   border-radius: 0;
   cursor: pointer;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-left {
   background-position: 0px -1px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-left:hover {
   background-position: 0px -51px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-left:active {
   background-position: 0px -101px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-right {
   background-position: -50px -1px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-right:hover {
   background-position: -50px -51px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-right:active {
   background-position: -50px -101px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-top {
   background-position: -100px -1px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-top:hover {
   background-position: -100px -51px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-top:active {
   background-position: -100px -101px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-bottom {
   background-position: -150px -1px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-bottom:hover {
   background-position: -150px -51px;
}

.ig-gallery .sk-ui-scrollwrapper .sk-ui-scrollbtn-bottom:active {
   background-position: -150px -101px;
}

.ig-type-filmstrip.ig-navtype-left .sk-ui-scrollwrapper,
.ig-type-filmstrip.ig-navtype-right .sk-ui-scrollwrapper,
.ig-type-mosaic.ig-navtype-left .sk-ui-scrollwrapper,
.ig-type-mosaic.ig-navtype-right .sk-ui-scrollwrapper {
   height: 100%;
}

.ig-navtype-left .sk-ui-scrollwrapper .sk-ui-scrollholder {
   left: 0;
   right: auto;
}

.ig-navtype-left .sk-ui-scrollwrapper .sk-ui-scrolltrack.sk-ui-scrolltrack-ver,
.ig-navtype-left .sk-ui-scrollwrapper .sk-ui-scrollbtn {
   left: 0;
}

.ig-navtype-left .sk-ui-scrollwrapper .sk-ui-scroller.sk-ui-scroller-ver {
   left: 0;
   margin-left: 5px;
}

.ig-gallery.sk-ig-image-gallery.ig-type-mosaic .sk-ig-icon-scroller {
   max-height: 100%;
   max-width: 100%;
}

.ig-gallery.sk-ig-image-gallery .ig-icongrid.ig-horizontal .sk-ig-icon-scroller,
.ig-gallery.sk-ig-image-gallery .ig-icongrid.ig-horizontal .sk-ui-scrollwrapper {
   width: 100%;
}

.ig-gallery.sk-ig-image-gallery .ig-icongrid.ig-horizontal {
   max-width: 100%;
}

.ig-gallery.sk-ig-image-gallery .ig-icongrid.ig-vertical .sk-ig-icon-scroller {
   height: 100%;
}


/* SYSTEM STYLES - EFFECTS -------------------------------------------------- */
/* Polaroid */
.ig-type-slider { margin: 0 auto; }

/* GALLERY TYPE - ANIMATED SLIDESHOW ---------------------------------------- */

.ig-type-slideshow-animated {
   position: relative;
   margin: 0 auto;
}

.ig-type-slideshow-animated .ig-thumbs {
   overflow: hidden;
}

.ig-type-slideshow-animated .ig-caption {
   position: absolute;
   z-index: 3;
   opacity: 0;
   cursor: pointer;
   text-align: left;
}

/* GALLERY TYPE - THUMBNAILS ------------------------------------------------ */

.ig-type-thumbnails .ig-slide-item {
   white-space: normal;
   vertical-align: top;
   height: 100%;
   text-align: center;
   overflow: visible;
}

.ig-type-thumbnails .ig-thumbs,
.ig-type-thumbnails .ig-slide-item {
   max-width: 100%;
}

.ig-type-thumbnails .ig-thumbs {
   text-align: center;
}

.ig-type-thumbnails .ig-slide-item > div {
   display: inline-block;
   vertical-align: top;
   position: relative;
}

.ig-type-thumbnails .ig-caption {
   margin-left: 10px;
}

.ig-type-thumbnails .ig-caption div {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.ig-gallery.ig-type-thumbnails .ig-caption div {
   white-space: pre;
}

.ig-type-thumbnails .ig-thumbs { text-align: center; white-space: nowrap; }

.ig-type-thumbnails.ig-effect-none .ig-caption div { padding-top: 0; }
.ig-type-slider .ig-thumb { overflow: visible; }

/* GALLERY TYPE - FILMSTRIP ------------------------------------------------- */

.ig-type-filmstrip .ig-mask { font-size: 0;}
.ig-type-filmstrip.ig-navtype-top .ig-icongrid .sk-ig-icon-scroller > div,
.ig-type-filmstrip.ig-navtype-bottom .ig-icongrid .sk-ig-icon-scroller > div { display: inline-block; }
.ig-type-filmstrip .ig-icongrid.ig-horizontal { white-space: nowrap; text-align: center; }
.ig-type-filmstrip .ig-icongrid.ig-horizontal .ig-icon { vertical-align: bottom; text-align: center; }
.ig-type-filmstrip .ig-icongrid.ig-vertical .ig-icon { vertical-align: middle; text-align: left; }

.ig-type-filmstrip.ig-navtype-top .ig-thumbs {
   margin-top: 15px;
}

.ig-type-filmstrip.ig-navtype-left .sk-ui-scrollwrapper .sk-ig-icon-scroller.sk-ui-scroll-visible,
.ig-type-mosaic.ig-navtype-left .sk-ig-icon-scroller.sk-ui-scroll-visible {
   margin-left: 32px;
}

.ig-type-filmstrip.ig-navtype-right .sk-ui-scrollwrapper .sk-ig-icon-scroller.sk-ui-scroll-visible,
.ig-type-mosaic.ig-navtype-right .sk-ig-icon-scroller.sk-ui-scroll-visible {
   margin-right: 32px;
}

.ig-gallery.ig-type-filmstrip .ig-icongrid.ig-horizontal.ig-icon-reflection .ig-icon.ig-over {
   transform: translateY(-5px);
}

.ig-gallery.ig-type-filmstrip .ig-icongrid.ig-horizontal.ig-icon-reflection .ig-icon.ig-selected {
   transform: translateY(-10px);
}

/* GALLERY TYPE - MOSAIC ---------------------------------------------------- */

.ig-type-mosaic .ig-mask { font-size: 0;}

.ig-type-mosaic .ig-thumbs {
   -ms-align-self: center;
   align-self: center;
}
.ig-type-mosaic .ig-icon { display: inline-block; }
.ig-type-mosaic .ig-icon { vertical-align: middle; text-align: center; } 
.ig-type-mosaic .ig-fluid-icon { float: left; }

.sk-ig-image-gallery.ig-type-mosaic.ig-navtype-right .ig-icongrid.ig-vertical {
   text-align: right;
}

/* GALLERY TYPE - SLIDER ---------------------------------------------------- */

.ig-type-slider .ig-mask { position: relative; width: 100%; font-size: 0; }
.ig-type-slider .ig-mask > div { width: auto; }
.ig-type-slider .ig-mask > div { width: 100%; vertical-align: top; }

.ig-type-slider .css-mode .sk-ig-smaller-image img {
   max-width: 100%;
}

/* GALLERY TYPE - SLIDESHOW         ----------------------------------------- */
.ig-type-slideshow .ig-mask,
.ig-type-slideshow-animated .ig-mask {
   font-size: 0;
   overflow: hidden;
}


/* GALLERY TYPE - GRID        ----------------------------------------- */

.ig-empty-placeholder.ig-type-grid .sk-ig-grid-contaner {
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   column-gap: 15px;
   row-gap: 15px;
   grid-auto-rows: 200px;
}

.ig-type-grid .sk-ig-grid-contaner {
   display: grid;
}

.sk-ig-grid-contaner .ig-transition-item img {
   width: 100%;
   height:100%;
   object-fit:cover;
}

.sk-ig-grid-contaner .ig-transition-item .ig-img {
   max-height: none !important;
   height: 100%;
}

.sk-ig-grid-contaner .ig-transition-item .sk-ig-effect-wrapper {
   position: relative;
}

.ig-type-grid .ig-caption {
   padding: 0.2rem 0;
}

.ig-type-grid .ig-caption div {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

/* SYSTEM STYLES - MOBILE --------------------------------------------------- */

@media screen and (max-width: 600px) {
   .ig-type-slider .ig-caption { position: static !important; }
   
   .ig-icongrid,
   .ig-type-mosaic .sk-ui-scrollwrapper,
   .ig-type-filmstrip .sk-ui-scrollwrapper,
   .ig-type-slider .sk-ui-scrollwrapper .sk-ui-scrolltrack,
   .ig-type-slider .sk-ui-scrollwrapper .sk-ui-scroller,
   .ig-type-slider .sk-ui-scrollwrapper .sk-ui-scrollbtn,
   .ig-type-slideshow .ig-nav,
   .ig-type-slider .ig-nav,
   .ig-type-filmstrip .ig-nav,
   .ig-type-mosaic .ig-nav { display: none; }

   .ig-type-thumbnails .ig-slide-item { text-align: center; }

   /*
      Fix for the polaroid effect under mobile devices.
      We must encount the 20px padding between the image
      and the border into the image size in order to display
      the fully visible content.
   */
   .ig-type-slideshow .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper,
   .ig-type-slideshow-animated .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper,
   .ig-type-mosaic .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper,
   .ig-type-filmstrip .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper {
      box-sizing: border-box;
   }

}

/* Disable image links on mobile */

@media screen and (max-width: 480px) {
   .ig-img img,
   .ig-img a img { pointer-events: none }
   .ig-img a[href] img { pointer-events: auto }
}

/* EFFECTS, SHAPES, ZOOM, CROP ---------------------------------------------- */
.sk-ig-ratio-wrapper {
   position: relative;
   width: 100%;
}

.ig-icongrid .sk-ig-ratio-wrapper .greater-ratio.nocrop .sk-ig-clip-wrapper {
   height: 100%;
}

.sk-ig-effect-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
}

.css-mode.lesser-ratio.nocrop img {
   width: 100%;
}

.css-mode.lesser-ratio.nocrop .sk-ig-smaller-image img {
   width: auto;
}

.css-mode.lesser-ratio.nocrop .sk-ig-reflection-wrapper,
.css-mode.lesser-ratio.nocrop .sk-ig-clip-wrapper {
   width: 100%;
}

.css-mode.greater-ratio.nocrop img {
   max-width: 100%;
}

.css-mode.greater-ratio.nocrop .sk-ig-reflection-wrapper,
.css-mode.greater-ratio.nocrop .sk-ig-clip-wrapper {
   height: 100%;
}

.css-mode.greater-ratio.nocrop .sk-ig-reflection-wrapper.sk-ig-smaller-image,
.css-mode.greater-ratio.nocrop .sk-ig-clip-wrapper.sk-ig-smaller-image {
   height: auto;
}

.css-mode.lesser-ratio.crop img {
   height: 100%;
}

.css-mode.lesser-ratio.crop .sk-ig-reflection-wrapper,
.css-mode.lesser-ratio.crop .sk-ig-clip-wrapper {
   height: 100%;
   width: 100%;
}

.css-mode.greater-ratio.crop img {
   width: 100%;
}

.css-mode.greater-ratio.crop .sk-ig-reflection-wrapper,
.css-mode.greater-ratio.crop .sk-ig-clip-wrapper {
   height: 100%;
   width: 100%;
}

.ig-gallery canvas {
   max-width: 100%;
}

/*
   Prevent setting max-width when it uses canvas
 */

.ig-thumbs .sk-ig-effect-wrapper.canvas-mode.greater-ratio.nocrop .sk-ig-reflection-wrapper {
   display: inline-flex;
}

.ig-icongrid .sk-ig-effect-wrapper.canvas-mode.greater-ratio.nocrop .sk-ig-reflection-wrapper {
   margin: 0 auto;
}

/**
 * 
 */
.ig-type-thumbnails .sk-ig-effect-wrapper.effect-none.canvas-mode.sk-ig-ie-canvas-fix,
.ig-type-slideshow .sk-ig-effect-wrapper.effect-none.canvas-mode.sk-ig-ie-canvas-fix {
   display: flex;
   justify-content: center;
}

.ig-type-thumbnails .sk-ig-effect-wrapper.effect-none.canvas-mode.sk-ig-ie-canvas-fix .sk-ig-reflection-wrapper,
.ig-type-slideshow .sk-ig-effect-wrapper.effect-none.canvas-mode.sk-ig-ie-canvas-fix .sk-ig-reflection-wrapper {
   align-self: flex-end;
}

/* css mode basic layout */

.css-mode .sk-ig-reflection-wrapper,
.css-mode .sk-ig-clip-wrapper,
.css-mode.sk-ig-effect-wrapper {
   display: flex;
   justify-content: center;
   align-items: flex-end;
}

.css-mode img {
   display: flex;
   max-width: none;
   flex-grow: 0;
   flex-shrink: 0;
}

.css-mode .sk-ig-clip-wrapper {
   overflow: hidden;
}

.css-mode .sk-ig-clip-wrapper.sk-ig-smaller-image {
   align-items: center;
}

.crop .sk-ig-reflection-wrapper,
.crop .sk-ig-clip-wrapper {
   height: 100%;
}


/* filter effects */

.css-mode.effect-grayscale {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}
.css-mode.effect-light {
   -webkit-filter: brightness(150%);
   filter: brightness(150%);
}
.css-mode.effect-dark {
   -webkit-filter: brightness(70%) contrast(140%);
   filter: brightness(70%) contrast(140%);
}
.css-mode.effect-sepia {
   -webkit-filter: sepia(100%);
   filter: sepia(100%);
}

/* other effects */

.css-mode.effect-reflection .sk-ig-reflection-wrapper {
   -webkit-box-reflect: below -1px linear-gradient(to bottom, transparent, transparent 70%, rgba(250, 250, 250, .6));
   box-reflect: below -1px linear-gradient(to bottom, transparent, transparent 70%, rgba(250, 250, 250, .6));
}

.ig-type-grid .effect-polaroid .sk-ig-reflection-wrapper,
.ig-type-thumbnails .effect-polaroid .sk-ig-reflection-wrapper,
.ig-type-mosaic .ig-icongrid .effect-polaroid .sk-ig-reflection-wrapper,
.ig-type-filmstrip .ig-icongrid .effect-polaroid .sk-ig-reflection-wrapper {
   padding: 3px;
   background: white;
   box-shadow: 0px 3px 7px rgba(0,0,0,0.33);
}

.ig-type-grid .effect-polaroid .sk-ig-reflection-wrapper,
.ig-type-thumbnails .effect-polaroid .sk-ig-reflection-wrapper {
   padding: 8px;
}

.ig-type-grid.masonry .effect-polaroid .sk-ig-reflection-wrapper {
   transform: scale(0.95);
}


.ig-type-grid .effect-polaroid .sk-ig-reflection-wrapper {
   box-sizing: border-box;
}

.ig-type-filmstrip .ig-icongrid .effect-polaroid .sk-ig-reflection-wrapper {
   margin-bottom: 3px;
}

.ig-type-slider .ig-thumbs .effect-polaroid,
.ig-type-slideshow .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper,
.ig-type-slideshow-animated .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper,
.ig-type-mosaic .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper,
.ig-type-filmstrip .ig-thumbs .ig-img:not(.ig-img-loading) .effect-polaroid .sk-ig-reflection-wrapper {
   padding: 20px;
   margin: 15px;
   background: white;
   box-shadow: 0px 3px 15px rgba(0,0,0,0.67);
}

.ig-type-slideshow-animated .ig-img:not(.ig-img-loading) .effect-polaroid canvas,
.ig-type-slideshow .ig-img:not(.ig-img-loading) .effect-polaroid canvas,
.ig-type-filmstrip .ig-img:not(.ig-img-loading) .effect-polaroid canvas,
.ig-type-mosaic .ig-img:not(.ig-img-loading) .effect-polaroid canvas {
   max-height: 100%;
}

.sk-ig-slider-spacer {
   position: relative;
   display: inline-block;
   visibility: hidden;
   z-index: -1;
   margin-top: -200%;
}

.ig-type-slider .css-mode .sk-ig-reflection-wrapper,
.ig-type-slider .css-mode .sk-ig-clip-wrapper,
.ig-type-slider .css-mode.sk-ig-effect-wrapper {
   align-items: flex-start;
}

.ig-gallery .css-mode.crop.sk-ig-effect-wrapper .sk-ig-clip-wrapper {
   align-items: center;
}

.ig-empty-placeholder .css-mode .sk-ig-reflection-wrapper,
.ig-empty-placeholder .css-mode .sk-ig-clip-wrapper,
.ig-empty-placeholder .css-mode.sk-ig-effect-wrapper {
   align-items: center;
}

.ig-type-mosaic .ig-icongrid .ig-icon,
.ig-type-filmstrip .ig-icongrid .ig-icon {
   margin: 2px;
}

.ig-empty-placeholder .ig-img,
.ig-empty-placeholder.ig-type-mosaic .ig-icongrid .ig-icon,
.ig-empty-placeholder.ig-type-filmstrip .ig-icongrid .sk-ig-dimensions-wrapper {
   background-color: white;
   border: 1px solid #dedede;
}

.ig-empty-placeholder.ig-type-filmstrip .ig-icongrid .sk-ig-dimensions-wrapper {
   transform: scale(0.95);
}

.ig-empty-placeholder .ig-img.ig-img-loading {
   background-color: #c2c2c2;
}

.ig-empty-placeholder.ig-type-slider .sk-ig-ratio-wrapper { margin-top: -2px; padding-bottom: 50% !important; }

.ig-empty-placeholder .css-mode.lesser-ratio.nocrop img,
.ig-empty-placeholder .css-mode.lesser-ratio.nocrop div {
   width: auto;
}

.ig-empty-placeholder .css-mode.greater-ratio.nocrop img,
.ig-empty-placeholder .css-mode.greater-ratio.nocrop div {
   height: auto;
}

.ig-empty-placeholder .ig-icongrid .css-mode img,
.ig-empty-placeholder .ig-icongrid .css-mode div {
   width: 25px;
}

.ig-empty-placeholder.ig-type-thumbnails .ig-img .css-mode img {
   -ms-flex: none;
}

/* Prevent stretching of the empty placeholder image */
.ig-empty-placeholder .sk-ig-effect-wrapper.crop.css-mode .sk-ig-clip-wrapper {
   width: auto;
   height: auto;
}

.ig-gallery.ig-gallery-empty {
   display: none;
}

/**
 *
 * This will expand the containers to the correct size in slider gallery, so the lazy load can discern and read the images and load them
 */
.ig-gallery.sk-ig-image-gallery .ig-img-loading .sk-ig-clip-wrapper,
.ig-gallery.sk-ig-image-gallery .ig-img-loading .sk-ig-clip-wrapper > img {
   display: inline-block;
   width: 100%;
   height: 100%;
}

.ig-gallery.sk-ig-image-gallery .ig-img-loading .sk-ig-dimensions-wrapper,
.ig-gallery.sk-ig-image-gallery .ig-img-loading .sk-ig-ratio-wrapper,
.ig-gallery.sk-ig-image-gallery .ig-img-loading .sk-ig-reflection-wrapper {
   height: 100%;
}


@keyframes animated-caption-fade {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}

@keyframes animated-caption-slide-left {
   0% {
      transform: translateX(400%);
   }
   100% {
      transform: translateX(0px);
   }
}

@keyframes animated-caption-slide-right {
   0% {
      transform: translateX(-200%);
   }
   100% {
      transform: translateX(0px);
   }
}

@keyframes animated-caption-slide-top {
   0% {
     transform: translateY(-400%);
   }
   100% {
      transform: translateY(0);
   }
}

@keyframes animated-caption-slide-down {
   0% {
      transform: translateY(600%);
   }
   100% {
      transform: translateY(0);
   }
}
