img {

  width: auto\9;

  height: auto;
}

.image-caption h3, .image-caption h5{

  font-weight: 300;
}



.image-caption h3{

  font-size: 21px;

  margin: 0;
}




.image-caption h5{

  font-size: 15px;

  margin: 12px 0 0 0;
}



/* *************************************** LOADING STYLE *************************************** */

.grid-loader{

  width: 43px;

  height: 20px;

  padding: 10px 15px 10px 15px;

  background: url(../img/loader2.gif) no-repeat;

  background-position:center;
  margin: 20px auto;
}



.grid-loadMore{

  cursor: pointer;

  margin: 20px auto;

  width: 150px;

  text-align: center;

  color: white;
  background-color: black;

  background: rgba(0,0,0,.6);
  border-radius: 2px;

  padding: 10px 15px 10px 15px;
  font-size: 13px;
}



.grid-loadMore:hover{

  text-decoration: none;

  color: white;
  background: rgba(0,0,0,.8);
}


/* *************************************** CATEGORY NAVIGATION BAR *************************************** */


.category-navbar{

  font-size: 10px;

  list-style: none;

  margin: 0 0 15px 0;

  padding: 12px 0 6px 0px;

  width: 100%;

  border-bottom: 1px solid #ddd;
}



.category-navbar li:first-child{

  margin: 0 0 0 7px;
}



.category-navbar li{

  display: inline-block;

  line-height: 16px;

  margin: 0 0 0 -1px;

  padding: 5px 0 5px 0;


  background: url(../img/line.png) no-repeat scroll right -1px transparent;
}



.category-navbar li:last-child{

  background: none;
}



.category-navbar li a{

  cursor: pointer;

  color: #999;

  font-size: 15px;

  font-weight: 500;

  text-decoration: none;

  margin: 0 0px 0px 0;

  padding: 5px 12px;

  border-radius: 2px;

  moz-border-radius: 2px;
  -webkit-border-radius: 2px;


  -webkit-transition: background-color .2s;

     -moz-transition: background-color .2s;

       -o-transition: background-color .2s;

      -ms-transition: background-color .2s;

          transition: background-color .2s;
}



.category-navbar li a:hover{
  text-decoration: none;

  background: #e4e4e4;

  color: #999;
}



.category-navbar li.select a{

  background: #999;

  color: #fff;
}



/* *************************************** CAPTION STYLE *************************************** */

.gbox{

  cursor: pointer;

  overflow: hidden;


  -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

     -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

       -o-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

      -ms-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

          box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}



.lightbox-text{

  display: none;
}



.visible-caption{

  position: static !important;
 
 display: block !important;

  background: white !important;


  -webkit-box-shadow: none !important;

          box-shadow: none !important;


  color: black !important;


  padding: 20px;
}



.image-caption{

  position: absolute;

  width: 100%;

  height: 100%;

  background: #313131;

  background: rgba(0,0,0,.7);

  color: #fff;


  display: none;


  -webkit-transform: translate3d(0,0,0);

  -webkit-box-shadow: inset 0 4px 40px #000;

  box-shadow: inset 0 4px 40px #000;

}



/* The style for centering the caption (vertically and horizontally) */

.image-caption>div{

  height: 100%;

  width: 100%;

  display: table !important;
}



.image-caption>div>div{

  padding: 15px;

  display: table-cell !important;

  vertical-align: middle;
 /* FOR VERTICAL ALIGN */

  text-align:center;
 /* FOR HORIZONTAL ALIGN */
}



/* *************************************** LIGHT-BOX STYLE *************************************** */

.lightbox-alignment{

  height: 100%;

  width: 100%;

  display: table !important;

  table-layout: fixed !important;
}



.lightbox-alignment2{

  display: table-cell !important;

  vertical-align: middle;/* FOR VERTICAL ALIGN */
  text-align:center;/* FOR HORIZONTAL ALIGN */
}



.autoGrid-lightbox img{

  display: block;

  margin-right: auto;

  margin-left: auto;
}



.lightbox-timer{

  height: 1px;

  position: absolute;

  bottom: 0;
  left: 0;

  background: white;
}



.lb-loader{

  width: 43px;

  height: 11px;

  background: url(../img/loader.gif);

  
margin: 20px auto;
}



.autoGrid-lightbox{

  display: none;

  position: fixed;

  top:0;
  width: 100%;

  height: 100%;
  background: #313131;
 
 background: rgba(0,0,0,.85);


  text-align: center;

  z-index: 99999;

  max-width: 100% !important;
}



.autoGrid-lightbox img{

  max-width: 100%;
}



.autoGrid-nav{

  margin-top: -57px;

  height: 57px;

  width: 100%;

  background: #383838;

  background: #1D1D1D;


  border-bottom: 1px solid #323232;
}



.autoGrid-play, .autoGrid-close, .autoGrid-next, .autoGrid-prev, .autoGrid-font{

  width: 88px;

  height: 57px;

  position: relative;

  cursor: pointer;
}



.autoGrid-play:hover, .autoGrid-close:hover, .autoGrid-next:hover, .autoGrid-prev:hover, .autoGrid-font:hover{

  background: black;
}



.selected{

  background: black;
}



.selected .iconPlay{

  background-position: -164px -3px;
}


.autoGrid-lbcaption{

  float: left;

  color: white;
  height: 57px;

  font-size: 16px;
}



.autoGrid-lbcaption span{

  margin-left: 3px;

  color: #D7D7D7;

  font-size: 11px;
}



.autoGrid-lbcaption>div{

  height: 100%;

  width: 100%;

  display: table !important;
}



.autoGrid-lbcaption>div>div{

  padding: 0 15px 0 15px;

  display: table-cell !important;

  vertical-align: middle;

 /* FOR VERTICAL ALIGN */

  text-align:center; /* FOR HORIZONTAL ALIGN */
}



.autoGrid-play, .autoGrid-close{

  float: right;
}



.autoGrid-next, .autoGrid-prev{
  float: right;
}



.iconPlay, .iconClose,
 .iconNext, .iconPrev,
 .iconFont{

  position: absolute;


  top: 50%;
  left: 50%;


  height: 25px;
  display: block;
}

 

.iconClose{

  width: 25px;

  margin: -13px 0 0 -13px;


  background: url(../img/icons.png);

  background-position: -2px -3px;
}



.iconPlay{

  width: 17px;

  margin: -13px 0 0 -8px;

  background: url(../img/icons.png);


  background-position: -137px -3px;


  -webkit-transition:all .3s;

     -moz-transition:all .3s;

       -o-transition:all .3s;

      -ms-transition:all .3s;

          transition:all .3s;
}


.iconFont{

  width: 46px;

  margin: -13px 0 0 -23px;


  background: url(../img/icons.png);

  background-position: -85px -3px;
}



.iconNext, .iconPrev{

  width: 15px;

  margin: -13px 0 0 -8px;

  background: url(../img/icons.png);
}



  .iconPrev{

    background-position: -40px -3px;
}



  .iconNext{

    background-position: -70px -3px;
}




/* *************************************** GRID STYLE *************************************** */


.centered {
 
    margin: auto;}



.centered img{

  display: block;

  width: 100%;
}



.gbox {

  /*margin: 2px;*/
 
 /*padding: 5px;*/

  /*font-size: 11px;*/

  line-height: 1.4em;

  float: left;
  -webkit-border-radius: 0px;

     -moz-border-radius: 0px;

          border-radius: 0px;
}

.rtl .gbox {
  float: right;
  text-align: right;
 
  direction: rtl;
}


/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {

  -webkit-transition-duration: 0.7s;

     -moz-transition-duration: 0.7s;

      -ms-transition-duration: 0.7s;

       -o-transition-duration: 0.7s;

          transition-duration: 0.7s;
}



.transitions-enabled.masonry {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

      -ms-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;
}



.transitions-enabled.masonry
  .masonry-brick {

  -webkit-transition-property: left, right, top;

     -moz-transition-property: left, right, top;

      -ms-transition-property: left, right, top;

       -o-transition-property: left, right, top;

          transition-property: left, right, top;
}



/* disable transitions on container */

.transitions-enabled.infinite-scroll.masonry {

  -webkit-transition-property: none;

     -moz-transition-property: none;

      -ms-transition-property: none;

       -o-transition-property: none;

          transition-property: none;
}




/**** Clearfix ****/

.grid-clearfix:before,
 .grid-clearfix:after {
 content: ""; display: table;}


.grid-clearfix:after {
 clear: both;}


.grid-clearfix {
zoom: 1;}




.centered{

  overflow: auto;

  width: 100%;
}



.visible{

  overflow: visible !important;
}



.noTransform{
  -webkit-transform: none !important;

     -moz-transform: none !important;

       -o-transform: none !important;

      -ms-transform: none !important;

          transform: none !important;
}






/**** body ****/
div.container {
    max-width:980px;

}