/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb072 .i .b {fill:#fff;opacity:.3;}
.jssorb072 .i:hover {opacity:.7;}
.jssorb072 .iav {color:#fff;}
.jssorb072 .iav .b {fill:#000;opacity:.5;}
.jssorb072 .i.idn {opacity:.3;}

.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}

#gallery2{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.95);
  display: none;                      
}

#gallery2 .none{
  position: absolute;
  right: 0px;
      margin-right: 10px;
}

#gallery2 .fa-close,
#gallery2 .fa-volume-up,
#gallery2 .fa-volume-down,
#gallery2 .fa-play,
#gallery2 .fa-stop{
  background: #000000;
  color: #ffffff;
  z-index: 99999999;
  font-size: 25px;
  /*border-radius: 100%;*/           
      position: relative;      
      padding-right: 5px;
      cursor: pointer;     
}

#gallery2 img{
      border: 8px solid #f8b124;
}
#gallery2 .txttile {
    text-align: center;
    color: #f8b124;
    z-index: 99999;
    position: relative;
    /*bottom: 5px;
    top: unset !important;*/
    width: 100%;
    font-size: 23px;
    font-weight: bold;
    padding-bottom: 10px;
}
.fancybox-title{
  color: #f8b124;
}
.fancybox-skin{
  background: #8dd472;
}
.fancybox-nav span {
  /* position: absolute; */
  /* top: 50%; */
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 8040;
  border-radius: 5px;
  border: 1px solid  #8dd472;
  display: block;
  line-height: 40px;
  font-size: 20px;
   color:  #ffffff;
}
#melodia{
  display: none;
}
.top{
  position: relative;
}
#gallery2 .btn-button{
  padding-top: 10px; 

}
#gallery2 .btn-button span{
  vertical-align: top;
  font-size: 25px;
  /*opacity: 0.7;*/
  border: 1px solid #f8b124;
  margin-right: 10px;
  padding: 8px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  color: #97cb16;
}
#gallery2 .btn-button span:hover{
  border: 1px solid #ffffff;
  color: #ffffff;
  /*opacity: 1;*/
}
#gallery2 .btn-button .gallery_stop{
  color: #f8b124;
}
#gallery2 .btn-button .melodia_stop{
  color: #f8b124;
}
#gallery2 .btn-button .exit{
  color: #f8b124;
}
/*#gallery2 */
.web{
  padding-top: 10px;
}
/*#gallery2 */
.web a{
  color: gray;                      
}
.fancybox-n-top{
  top: auto !important;
}
.fancybox span {
    width: 100%;
}
.fancybox span i {
    /* font-size: 50px; */
    /* margin-top: 230px; */
}