.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;        
        position: relative;      
        padding-right: 5px;
        cursor: pointer;     
      }
      #gallery2 img{
            border: 8px solid #97cb16;
      }
      #gallery2 .txttile {
          text-align: center;
          color: #ffffff;
          z-index: 99999;
          position: relative;
          /*bottom: 5px;
          top: unset !important;*/
          width: 100%;
          font-size: 35px;
          font-weight: bold;
          padding-bottom: 10px;
      }
      #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 #ffffff;
        margin-right: 12px;
        padding: 0px;
        width: 40px;
        height: 45px;
        border-radius: 5px;
        color: #fff;
      }
        #gallery2 .btn-button span:hover{
          border: 1px solid #ffffff;
          color: #ffffff;
          /*opacity: 1;*/
        }
        #gallery2 .btn-button .gallery_stop{
          
        }
        /*#gallery2 */
        .web{
          padding-top: 10px;
        }
        /*#gallery2 */
        .web a{
          color: gray;                      
        }
        .fancybox-n-top{
          top: auto !important;
        }
        .thumbnail-type-2 img.border {
          /*  border: 8px solid #6b9b39;*/
        }
        .thumbnail-type-2 {
          margin-bottom: 50px !important;
          width: 370px;
          margin: 0px auto;
          position: relative;
        }
        .thumbnail-type-2:hover span {
             display: block; 
        }
        .thumbnail-type-2 span {
            display: none;
            color: #ffffff;
            background-color: rgba(0, 0, 0, 0.70);
            position: absolute;
            top: 0px;
            width: 270px;
            height: 289px;
            text-align: center;
            font-style: normal !important;
            font-size: 25px;
            /*right: 0px;*/
        }
        .thumbnail-type-2  span > i {
            font-size: 50px;
            margin-top: 100px;
            padding-bottom: 10px;
        }
        #gallery2 {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 99999;
            background: rgba(0, 0, 0, 0.95);
            display: none;
        }
        #gallery2 img {
            border: 8px solid #6b9b39;
        }
        #gallery2 .none {
            position: absolute;
            right: 0px;
            margin-right: 10px;
        }
        .fancybox-opened .fancybox-title {
            visibility: visible;
            color: #ffffff;
        }
        .fancybox-title {
            visibility: hidden;
            position: relative;
            z-index: 8050;
            text-align: center;
            font-size: 23px;
            padding-bottom: 10px;
            color: #6b9b39;
            font-weight: bold;
        }
        .fancybox-skin {
            position: relative;
            background: #6b9b39;
            color: #444;
            text-shadow: none;
            padding: 8px !important;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
        .fancybox-image {
            max-width: 100%;
            max-height: 100%;
        }
        .fancybox-nav span {
            width: 40px;
            height: 40px;
            cursor: pointer;
            z-index: 8040;
            border-radius: 5px;
            border: 1px solid #ffffff;
            display: block;
            line-height: 40px;
            font-size: 20px;
            color: #ffffff;
        }
        .button-open{
            margin-bottom: 55px;
        }
        .cajas {
          margin-bottom: 20px;
 
        }
        .grid_4.cajas {
            width: 360px;
        }
        .thumbnail-type-2 .caption-ga {
            width: 100%;
            display: block;
            color: #ffffff;
            background: #2f2e33;
            font-weight: bold;
            text-align: center;
            font-size: 17px;
            padding: 15px 0px 5px 0px;
            visibility: visible !important;
            height: 60px;
        }
        .caption-ga {
            margin: 0px;
        }
        i.icon-ga {
            background-color: #000;
            height: 30px;
            width: 30px;
            line-height: 30px;
            color: #fff;
            margin-bottom: 25px;
        }
         @media only screen and (max-width:767px){
          .thumbnail-type-2 span {
              max-width: 100% !important;
              max-height: 289px !important;
              top: 0px !important;
          }
         .thumbnail-type-2 img.border {
            /*max-width: 330px;*/
            /*margin-left: 15px !important;*/
            width: 100%;
          }
          .thumbnail-type-2 .caption-ga {
            max-width: 100%;
            /*margin-left: 15px;*/
          }
          .grid_4.cajas {
              margin-left: -40px !important;
              margin-right: -30px !important;
          }
        }