@charset "UTF-8";

/*!
 * Justified Gallery - v3.6.3
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2016 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.entry-visible>img,.justified-gallery>.entry-visible>a>img{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}


/*
    ImageViewer v 1.1.0
    Author: Sudhanshu Yadav
    Copyright (c) 2015 to Sudhanshu Yadav - ignitersworld.com , released under the MIT license.
    Demo on: http://ignitersworld.com/lab/imageViewer.html
*/

/***** image viewer css *****/
#iv-container {
  position: fixed;
  background: #0d0d0d;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}

.iv-container {
  overflow: hidden;
}

.iv-close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-shadow: 0px 0px 3px #6d6d6d;
  -webkit-transition: all ease 200ms;
  -moz-transition: all ease 200ms;
  -o-transition: all ease 200ms;
  transition: all ease 200ms;
}
.iv-close:after,
.iv-close:before {
  content: "";
  height: 4px;
  width: 32px;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.iv-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.iv-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.iv-close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/***** snap view css *****/
.iv-snap-view {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 20px;
  left: 20px;
  border: 1px solid #666;
  background: black;
  z-index: 100;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -o-transition: all ease 400ms;
  transition: all ease 400ms;
  opacity: 0;
}

.iv-snap-image-wrap {
  display: inline-block;
  position: absolute;
  max-width: 150px;
  max-height: 150px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.iv-snap-image {
  position: relative;
}

.iv-snap-handle {
  position: absolute;
  border: 1px solid #ccc;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
}

/*** zoom slider ***/
.iv-zoom-slider {
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #666;
  border-top: 0;
  background: rgba(204, 204, 204, 0.1);
  height: 15px;
  position: absolute;
  top: 150px;
  left: -1px;
}

.iv-zoom-handle {
  width: 20px;
  height: 15px;
  background: #ccc;
  position: absolute;
}

/**** snap view css end *****/
.iv-image-view {
  position: absolute;
  height: 100%;
  width: 100%;
}

.iv-image-wrap {
  display: inline-block;
}

.iv-image-wrap:active {
  cursor: move;
}

.iv-large-image {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/****** CSS loader by http://projects.lukehaas.me/css-loaders/ *****/
.iv-loader {
  top: 50%;
  left: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  z-index: 100;
  margin-top: -16px;
  margin-left: -16px;
  font-size: 5px;
  position: absolute;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.iv-loader:after {
  width: 10em;
  height: 10em;
  border-radius: 50%;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@media screen and (max-width: 767px) {
  .iv-snap-view {
    z-index: -1;
    visibility: hidden;
  }
}



/*!
 * Cropper v2.3.4
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-09-03T05:50:45.412Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;

  position: relative;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  direction: ltr !important;
}

.cropper-container img {
  display: block;

  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;

  image-orientation: 0deg !important;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;

  filter: alpha(opacity=0);
}

.cropper-modal {
  opacity: .5;
  background-color: #000;

  filter: alpha(opacity=50);
}

.cropper-view-box {
  display: block;
  overflow: hidden;

  width: 100%;
  height: 100%;

  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
}

.cropper-dashed {
  position: absolute;

  display: block;

  opacity: .5;
  border: 0 dashed #eee;

  filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;

  width: 100%;
  height: 33.33333%;

  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;

  width: 33.33333%;
  height: 100%;

  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 0;
  height: 0;

  opacity: .75;

  filter: alpha(opacity=75);
}

.cropper-center:before,
.cropper-center:after {
  position: absolute;

  display: block;

  content: ' ';

  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;

  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;

  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;

  display: block;

  width: 100%;
  height: 100%;

  opacity: .1;

  filter: alpha(opacity=10);
}

.cropper-face {
  top: 0;
  left: 0;

  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;

  width: 5px;

  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;

  height: 5px;

  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;

  width: 5px;

  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;

  height: 5px;

  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;

  opacity: .75;
  background-color: #39f;

  filter: alpha(opacity=75);
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;

  margin-top: -3px;

  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;

  margin-top: -3px;

  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;

  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;

  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;

  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;

  width: 20px;
  height: 20px;

  cursor: se-resize;

  opacity: 1;

  filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;

  display: block;

  width: 200%;
  height: 200%;

  content: ' ';

  opacity: 0;
  background-color: #39f;

  filter: alpha(opacity=0);
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;

    opacity: .75;

    filter: alpha(opacity=75);
  }
}

.cropper-invisible {
  opacity: 0;

  filter: alpha(opacity=0);
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  position: absolute;

  display: block;

  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}



/*!
 * crop.js v0.0.1
 */
.m-crop-image-canvas {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 900;
    width: 100%;
    height: 100%;
    will-change: transform;
    background-color: #fff;
    -webkit-animation: fadeInRight .3s linear both;
    animation: fadeInRight .3s linear both;
    -webkit-user-select: none;
    user-select: none;
}

.m-crop-image-canvas.z-close {
    -webkit-animation: fadeOutRight .3s linear both;
    animation: fadeOutRight .3s linear both;
}

.m-crop-image-canvas .head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.m-crop-image-canvas .head a {
    display: inline-block;
    width: 60px;
    height: 40px;
    margin: 0 20px;
    background: url("../images/crop_icons.png") no-repeat;
    background-size: 228px 20px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-indent: -1000px;
    overflow: hidden;
}

.m-crop-image-canvas .head .zoom-in {
    background-position: 20px 10px;
}

.m-crop-image-canvas .head .zoom-out {
    background-position: -85px 10px;
}

.m-crop-image-canvas .head .rotate {
    background-position: -189px 10px;
}

.m-crop-image-canvas .panel {
    height: 100%;
    overflow: hidden;
}

.m-crop-image-canvas .panel canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.m-crop-image-canvas .foot {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 36px;
    padding: 10px 0;
    text-align: center;
    font-size: 0;
    opacity: 0.8;
}

.m-crop-image-canvas .foot a {
    display: inline-block;
    width: 120px;
    height: 32px;
    margin: 0 5px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.m-crop-image-canvas .foot .done {
    color: #3f3f3f;
    background-color: #fff;
}

.m-crop-image-canvas .loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
}

.m-crop-image-canvas .loading .spinner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 60px;
    margin-top: -30px;
    padding-left: 0;
    text-align: center;
    font-size: 0;
}

.m-crop-image-canvas .loading .spinner li {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin: 0 2px;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.m-crop-image-canvas .loading .spinner li:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.m-crop-image-canvas .loading .spinner li:nth-child(3) {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.m-crop-image-canvas .loading .spinner li:nth-child(4) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.m-crop-image-canvas .loading .spinner li:nth-child(5) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 100%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 100%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        left: 0;
    }

    100% {
        opacity: 0;
        left: 100%;
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        left: 0;
    }

    100% {
        opacity: 0;
        left: 100%;
    }
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}



/*! 
 * ImageDrawer.js - jQuery plugin to animate a drawing image
 * 
 * @version v1.1.1
 * @link    GitHub       - https://github.com/UstymUkhman/ImageDrawer.js
 * @license MIT License  - https://opensource.org/licenses/MIT
 * @author  Ustym Ukhman - <ustym.ukhman@gmail.com> 
 * 
 */


/**
 * Display the picture if it's hidden
 */

.visibleImage {
  display: block;
  visibility: visible;
}

/**
 * Setting up image background above the picture
 * to make it disapere while image is drawing
 */

@-webkit-keyframes imgBackground {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes imgBackground {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.imgBackground {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: imgBackground;
  animation-name: imgBackground;
  position: absolute;
  z-index: 1000;
}

/**
 * Disappearing pencil animation:
 */

@-webkit-keyframes pencil {
  from {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
    opacity: 1;
  }

  to {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(10px);
    opacity: 0;
  }
}

@keyframes pencil {
  from {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1, 1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0px);
  }

  to {
    opacity: 0;
    filter: blur(10px);
    transform: scale(2, 2);
    transform-origin: 50% 50%;
    -webkit-filter: blur(10px);
  }
}

.pencil {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: pencil;
  animation-name: pencil;
}

/**
 * 1st step: drawing borders with a pencil
 */

@-webkit-keyframes borderPencil {
  from {
    -webkit-filter: brightness(10) contrast(10) grayscale(1);
    opacity: 0;
  }

  15% {
    -webkit-filter: brightness(5) contrast(10) grayscale(1);
    opacity: .5;
  }

  to {
    -webkit-filter: brightness(3) contrast(10) grayscale(1);
    opacity: 1;
  }
}

@keyframes borderPencil {
  from {
    -webkit-filter: brightness(10) contrast(10) grayscale(1);
    filter: brightness(10) contrast(10) grayscale(1);
    opacity: 0;
  }

  15% {
    -webkit-filter: brightness(5) contrast(10) grayscale(1);
    filter: brightness(5) contrast(10) grayscale(1);
    opacity: .5;
  }

  to {
    -webkit-filter: brightness(3) contrast(10) grayscale(1);
    filter: brightness(3) contrast(10) grayscale(1);
    opacity: 1;
  }
}

.borderPencil {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: borderPencil;
  animation-name: borderPencil;
}

/**
 * 2nd step: define better outlines and shades with a pencil
 */

@-webkit-keyframes pencilShades {
  from {
    -webkit-filter: brightness(3) contrast(10) grayscale(1);
  }

  to {
    -webkit-filter: brightness(2) contrast(2) grayscale(1);
  }
}

@keyframes pencilShades {
  from {
    -webkit-filter: brightness(3) contrast(10) grayscale(1);
    filter: brightness(3) contrast(10) grayscale(1);
  }

  to {
    -webkit-filter: brightness(2) contrast(2) grayscale(1);
    filter: brightness(2) contrast(2) grayscale(1);
  }
}

.pencilShades {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: pencilShades;
  animation-name: pencilShades;
}

/**
 * 3nd step: give it some basic, very vanish colors
 */

@-webkit-keyframes colorShades {
  from {
    -webkit-filter: brightness(2) contrast(2) grayscale(1);
  }

  to {
    -webkit-filter: brightness(1.5) contrast(1) grayscale(0.4) saturate(0.8);
  }
}

@keyframes colorShades {
  from {
    -webkit-filter: brightness(2) contrast(2) grayscale(1);
    filter: brightness(2) contrast(2) grayscale(1);
  }

  to {
    -webkit-filter: brightness(1.5) contrast(1) grayscale(0.4) saturate(0.8);
    filter: brightness(1.5) contrast(1) grayscale(0.4) saturate(0.8);
  }
}

.colorShades {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: colorShades;
  animation-name: colorShades;
}

/**
 * 4nd step: compleate the picture with all its colors (a bit more bright and alive)
 */

@-webkit-keyframes fullColors {
  from {
    -webkit-filter: brightness(1.5) contrast(1) grayscale(0.4) saturate(0.8);
  }

  to {
    -webkit-filter: brightness(1.05) contrast(1) grayscale(0) saturate(1.05);
  }
}

@keyframes fullColors {
  from {
    -webkit-filter: brightness(1.5) contrast(1) grayscale(0.4) saturate(0.8);
    filter: brightness(1.5) contrast(1) grayscale(0.4) saturate(0.8);
  }

  to {
    -webkit-filter: brightness(1.05) contrast(1) grayscale(0) saturate(1.05);
    filter: brightness(1.05) contrast(1) grayscale(0) saturate(1.05);
  }
}

.fullColors {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: fullColors;
  animation-name: fullColors;
}