/*
 * Main File : /templates/jf_chrome/less/jf_typo_07_image_video_frames.less
 * Included Files : 
 * /templates/jf_chrome/less/jf_global_00_mixins.less
 * /templates/jf_chrome/less/jf_global_00_variables.less
 */
.jf_typo_gallery {
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 0;
  font-size: 0;
}
.jf_typo_gallery li {
  display: inline-block;
  margin: 2px;
}
.jf_typo_gallery li a {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0;
  font-size: 0;
  border: 1px solid #CCC;
}
.jf_typo_gallery li a img {
  width: 180px;
  height: 150px;
  display: block;
}
.jf_typo_gallery li a .zoom,
.jf_typo_gallery li a .play {
  background: #FFF url(../images/jf/jf_typo/jf_gallery_hover.png) no-repeat 50% 48%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.jf_typo_gallery li a .play {
  background-image: url(../images/jf/jf_typo/jf_gallery_hover_play.png);
}
.jf_typo_gallery li a:hover .zoom,
.jf_typo_gallery li a:hover .play {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body .jf_image_block {
  padding: 0;
  margin: 0 0 15px 0;
  float: none;
  position: relative;
  line-height: 0;
}
body .jf_image_block .jf_blog_image {
  border: 1px solid #CCC;
  padding: 0;
  position: relative;
  margin: 0;
  display: inline-block;
  text-align: center;
  z-index: 2;
}
body .jf_image_block .jf_blog_image .jf_image {
  background: #fff;
}
body .jf_image_block .jf_blog_image .jf_image img {
  border: none;
  padding: 0;
  width: 100%;
  display: block;
  margin: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
body .jf_image_block .jf_blog_image .jf_zoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body .jf_image_block .jf_blog_image .jf_zoom a {
  background: url(../images/jf/jf_typo/jf_gallery_zoom.png) no-repeat center;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}
body .jf_image_block .jf_blog_image .jf_zoom.play a {
  background-image: url(../images/jf/jf_typo/jf_video_play_icon.png);
}
body .jf_image_block .jf_blog_image.noborder {
  border: 0;
}
body .jf_image_block:hover .jf_image img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
body .jf_image_block:hover .jf_zoom a {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body .jf_image_block.style2 {
  width: 70%;
  margin: 5px auto 15px auto;
}
body .jf_image_block.style3 {
  margin: 5px auto 15px auto;
  width: 50%;
  float: left;
}
body .jf_image_block.insetshadow .jf_zoom {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.4) inset;
}
body .jf_image_block .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body .jf_image_block .shadow:before,
body .jf_image_block .shadow:after {
  content: "";
  position: absolute;
  z-index: 1;
}
body .jf_image_block .lifted {
  top: 2px;
}
body .jf_image_block .lifted:before,
body .jf_image_block .lifted:after {
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.5);
  box-shadow: 0 15px 10px rgba(0,0,0,0.5);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
body .jf_image_block .lifted:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
body .jf_image_block .raised {
  top: -1px;
  -webkit-box-shadow: 0 16px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 16px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 16px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
body .jf_image_block .curved:before {
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -webkit-border-radius: 10px / 100px;
  -moz-border-radius: 10px / 100px;
  border-radius: 10px / 100px;
}
body .jf_image_block .curved_hz_1:before {
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -webkit-border-radius: 100px / 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
body .jf_image_block .curved_hz_2:before {
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -webkit-border-radius: 100px / 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
body .jf_image_block .rotated {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
body .jf_image_block .rotated > :first-child:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
body .jf_image_block .shadow_fixed {
  height: 18px;
  width: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
body .jf_image_block.fixed_1_150 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_1_150 .jf_blog_image .jf_image img {
  width: 150px !important;
}
body .jf_image_block.fixed_1_150 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow1_150.png) no-repeat center -2px;
}
body .jf_image_block.fixed_1_220 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_1_220 .jf_blog_image .jf_image img {
  width: 220px !important;
}
body .jf_image_block.fixed_1_220 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow1_220.png) no-repeat center -2px;
}
body .jf_image_block.fixed_1_320 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_1_320 .jf_blog_image .jf_image img {
  width: 320px !important;
}
body .jf_image_block.fixed_1_320 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow1_320.png) no-repeat top center;
}
body .jf_image_block.fixed_1_420 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_1_420 .jf_blog_image .jf_image img {
  width: 420px !important;
}
body .jf_image_block.fixed_1_420 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow1_420.png) no-repeat top center;
}
body .jf_image_block.fixed_2_150 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_2_150 .jf_blog_image .jf_image img {
  width: 150px !important;
}
body .jf_image_block.fixed_2_150 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow2_150.png) no-repeat top center;
}
body .jf_image_block.fixed_2_220 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_2_220 .jf_blog_image .jf_image img {
  width: 220px !important;
}
body .jf_image_block.fixed_2_220 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow2_220.png) no-repeat top center;
}
body .jf_image_block.fixed_2_320 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_2_320 .jf_blog_image .jf_image img {
  width: 320px !important;
}
body .jf_image_block.fixed_2_320 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow2_320.png) no-repeat top center;
}
body .jf_image_block.fixed_2_420 {
  display: inline-block;
  margin: 0 5px 15px 5px;
}
body .jf_image_block.fixed_2_420 .jf_blog_image .jf_image img {
  width: 420px !important;
}
body .jf_image_block.fixed_2_420 .shadow_fixed {
  background: url(../images/jf/jf_typo/jf_fixed_shadow2_420.png) no-repeat top center;
}
body .jf_image_block.padding .jf_blog_image {
  padding: 4px;
  background: #FFF;
  -webkit-box-shadow: #bfbfbf 0 0 2px;
  -moz-box-shadow: #bfbfbf 0 0 2px;
  box-shadow: #bfbfbf 0 0 2px;
  border-color: #AAA;
}
@media (max-width: 767px) {
  body .jf_image_block.style2,
  body .jf_image_block.style3 {
    width: 100%;
  }
}