/* Layout
============================*/
.lunette {
  overflow: hidden;
  position: relative;
  transition: all 0.2s; }
  .lunette .lunette_container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  .lunette .close_icon {
    position: absolute;
    top: 3px;
    right: 10px;
    height: 50px;
    opacity: 1;
    font-weight: normal;
    font-style: normal; }
    .lunette .close_icon:before {
      content: '';
      position: absolute;
      width: 18px;
      height: 20px;
      top: 6px;
      left: 5px; }
    .lunette .close_icon:hover {
      cursor: pointer; }
  .lunette .fixed-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .lunette .lunette_bg {
    height: 100%;
    width: 100%;
    position: relative; }
    .lunette .lunette_bg img {
      max-width: 100%; }

.mob-show {
  display: none; }

@media all and (max-width: 668px) {
  .lunette .mob-hide {
    display: none; }
  .lunette .mob-show {
    display: block; } }

/*# sourceMappingURL=lunette.css.map */