/*
 * Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
 * Extend */
.thim-sc-photo-grid {
  padding: 10px; }
  .thim-sc-photo-grid .grid-wrapper {
    margin: -5px;
    position: relative; }
  .thim-sc-photo-grid.layout-1 .grid-item {
    width: 10%;
    padding: 5px; }
    .thim-sc-photo-grid.layout-1 .grid-item.size-md {
      width: 20%; }
    .thim-sc-photo-grid.layout-1 .grid-item.size-lg {
      width: 30%; }
  .thim-sc-photo-grid.layout-2 {
    padding: 0px; }
    .thim-sc-photo-grid.layout-2 .grid-wrapper {
      margin: -12px; }
    .thim-sc-photo-grid.layout-2 .grid-item {
      padding: 6px; }
  .thim-sc-photo-grid .item-inner {
    text-align: center;
    position: relative; }
    .thim-sc-photo-grid .item-inner:hover .zoom-image {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
      .thim-sc-photo-grid .item-inner:hover .zoom-image:before {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1); }
  .thim-sc-photo-grid img {
    max-width: 100%; }
  .thim-sc-photo-grid .zoom-image {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
    .thim-sc-photo-grid .zoom-image:before {
      content: '';
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      display: block;
      position: absolute;
      background: #000;
      filter: alpha(opacity=50);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      -webkit-opacity: 0.5;
      -khtml-opacity: 0.5;
      -moz-opacity: 0.5;
      -ms-opacity: 0.5;
      -o-opacity: 0.5;
      opacity: 0.5;
      background-image: url("../images/icon/zoom.png");
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transform: scale(0.9, 0.9);
      -moz-transform: scale(0.9, 0.9);
      -ms-transform: scale(0.9, 0.9);
      -o-transform: scale(0.9, 0.9);
      -webkit-transition: all 0.2s ease-in-out 0s;
      -khtml-transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
  .thim-sc-photo-grid .content-box {
    position: absolute;
    width: 40%;
    left: 568px;
    top: 189px;
    padding: 5px; }
    .thim-sc-photo-grid .content-box .item-inner {
      height: 370px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .thim-sc-photo-grid .content-box .item-inner .description {
        width: 400px;
        max-width: 100%;
        margin-top: 25px;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.57em;
        letter-spacing: 1.4px; }
  @media (max-width: 1440px) {
    .thim-sc-photo-grid .content-box {
      top: 145px;
      left: 430px; }
      .thim-sc-photo-grid .content-box .item-inner {
        height: 275px; } }
  @media (max-width: 1366px) {
    .thim-sc-photo-grid .content-box {
      top: 135px;
      left: 406px; }
      .thim-sc-photo-grid .content-box .item-inner {
        height: 263px; } }
  @media (max-width: 1280px) and (max-height: 950px) {
    .thim-sc-photo-grid .content-box {
      top: 129px;
      left: 377px; }
      .thim-sc-photo-grid .content-box .item-inner {
        height: 243px; }
    .thim-sc-photo-grid.layout-2 {
      width: 1075px;
      max-width: 100%;
      margin: auto; } }
  @media (max-width: 1280px) and (max-height: 900px) {
    .thim-sc-photo-grid .content-box {
      top: 129px;
      left: 380px; }
      .thim-sc-photo-grid .content-box .item-inner {
        height: 243px; }
    .thim-sc-photo-grid.layout-2 {
      width: 1075px;
      max-width: 100%;
      margin: auto; } }
  @media (max-width: 1280px) and (max-height: 800px) {
    .thim-sc-photo-grid .content-box {
      top: 125px;
      left: 376px; }
      .thim-sc-photo-grid .content-box .item-inner {
        height: 243px; }
    .thim-sc-photo-grid.layout-2 {
      width: 1075px;
      max-width: 100%;
      margin: auto; } }
  @media (max-width: 1024px) {
    .thim-sc-photo-grid .content-box {
      top: 101px;
      left: 304px; }
      .thim-sc-photo-grid .content-box .item-inner {
        height: 195px; }
        .thim-sc-photo-grid .content-box .item-inner .description {
          margin-top: 10px;
          letter-spacing: 1px;
          line-height: normal; }
    .thim-sc-photo-grid.layout-2 {
      width: 800px; } }
  @media (max-width: 768px) {
    .thim-sc-photo-grid .content-box {
      top: 76px;
      left: 227px; }
      .thim-sc-photo-grid .content-box .item-inner {
        height: 142px; }
    .thim-sc-photo-grid.layout-2 {
      width: 525px; } }
  @media (max-width: 640px) {
    .thim-sc-photo-grid .content-box {
      display: none; }
    .thim-sc-photo-grid.layout-1 {
      padding: 6px; }
      .thim-sc-photo-grid.layout-1 .grid-item {
        width: 25%;
        padding: 3px; }
        .thim-sc-photo-grid.layout-1 .grid-item.size-md {
          width: 50%; }
        .thim-sc-photo-grid.layout-1 .grid-item.size-lg {
          width: 50%; }
    .thim-sc-photo-grid.layout-2 {
      width: 262px; }
      .thim-sc-photo-grid.layout-2 .grid-wrapper {
        margin: 0; }
      .thim-sc-photo-grid.layout-2 .grid-item {
        padding: 0;
        margin-bottom: 10px; } }