.fg-body {
  position: relative;
}

body {
  -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
}
.fg-card {
  position: absolute;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  display: block;
  border: 4px solid white;
  opacity: 1;
}

.fg-card.animate {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.fg-card.active {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.fg-card img{
  display: block;
}

.fg-card.fg-flipping {
  -o-transform: rotateX(180deg) !important;
  -webkit-transform: rotateX(180deg) !important;
  -moz-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
  opacity: 0;
}

.fg-caption {
  position: relative;
  width: 100%;
  text-align: center;
  /*margin: 10px 0;*/
  /*top: 100%;*/
  /*bottom: 0;*/
  /*left:0;*/
  /*right:0;*/
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s ease-in-out;
      text-align: left;
    opacity: 1;
    z-index: 99;
    /*background: #27272D;*/
    padding: 15px;
    margin: 0px auto;
    /*padding: 70px;*/
    /*border-radius: 5px;*/
    font-size: 20px;
    font-family: Dekko;
    color: #27272D;
    font-weight: bold;
    min-height:220px;
    width:500px;
    max-width: 100%;
}

.gallery-caption{
  padding-top:200px;
}
.fg-caption .gallery-caption-title{
  font-size: 24px;
  text-decoration: underline;
  margin-bottom: 10px;  
}

.gallery-caption .next{
  margin-left:20px;
}

.gallery-caption .next,
.gallery-caption .prev{
  padding:10px 20px;
min-width: 100px;
  display:inline-block;
  display: inline-block;
}


.gallery-caption .next:hover,
.gallery-caption .prev:hover{
  -webkit-transition: background-color 0.5s ease-out;
     -moz-transition: background-color 0.5s ease-out;
       -o-transition: background-color 0.5s ease-out;
          transition: background-color 0.5s ease-out;
}

.fg-card, .fg-card > img {
border-radius: 5px;
}

/*XS*/

@media (max-width: 768px) {
  .gallery{width:90% !important;}
  .gallery-caption{padding:20px !important;}
  .fg-caption{height:auto !important;padding:0 !important;font-size:16px;}
  .fg-caption .gallery-caption-title{font-size: 20px;}
  .gallery-caption-container{height: auto !important;}
}

/*END XS*/

/*SM*/

@media (min-width: 768px) and (max-width: 992px) {
  .gallery{width:90% !important;}
  .gallery-caption{padding:20px !important;}
  .fg-caption{height:auto !important;padding:0 !important;font-size:16px;}
  .gallery-caption-container{height: auto !important;}
  .fg-caption .gallery-caption-title{font-size: 20px;}
}

/*MD*/

/*LG*/

@media (min-width: 1200px) {

}

@media (max-width: 500px) {

}

/* Data Tables */