/* for wizard_step_1.php*/
/* Lightbox Style */

  #lightbox {
                 display: table;
                position: fixed;
                   width: 100%;
                  height: 100%;
                     top: 0;
                    left: -99999px;
              background: rgba(0,0,0,0.5);
                 z-index: 99999;
  }

  #lightbox .wrapper{
                 display: table-cell;
                position: absolute;
                   width: 100%;
                  height: 100%;
                     top: 0;
                    left: 0;
              text-align: center;
                 z-index: 50;
  }

  #lightbox .frame {
                 display: inline-block;
                position: relative;
           border-radius: 5px 5px 0 0;
                  margin: 25px auto;
                 padding: 15px;
              text-align: left;
             font-family: arial, sans-serif;
              background: #fff;
                 opacity: 0;
      -webkit-transition: 0.75s;
         -moz-transition: 0.75s;
           -o-transition: 0.75s;
              transition: 0.75s;
  }

  #lightbox .frame .lb_back_button,
  #lightbox .frame .lb_forward_button {
                position: absolute;
                     top: 15px;
                  bottom: 15px;
                 z-index: 110;
  }
  #lightbox .frame .lb_back_button {
                   right: 50%;
                    left: 15px;
  }

  #lightbox .frame .lb_forward_button {
                   right: 15px;
                    left: 50%;
  }
  #lightbox .frame .lb_back_button .label_back_button,
  #lightbox .frame .lb_forward_button .label_forward_button {
                position: absolute;
                   width: 100%;
                  height: 200px;
                     top: 300px;
             padding-top: 140px;
                 opacity: 0;
      -webkit-transition: 0.5s;
         -moz-transition: 0.5s;
           -o-transition: 0.5s;
              transition: 0.5s;
  }
  #lightbox .frame .lb_back_button .label_back_button {
                     left: 0;
  }

  #lightbox .frame .lb_forward_button .label_forward_button {
                    right: 0;
  }

  #lightbox .frame .lb_back_button:hover .label_back_button,
  #lightbox .frame .lb_forward_button:hover .label_forward_button {
                  opacity: .45;
  }

  #lightbox .frame .lb_back_button .label_back_button:hover,
  #lightbox .frame .lb_forward_button .label_forward_button:hover {
                 opacity: .7;
                 cursor: pointer;
  }

  #lightbox .frame .lb_back_button .label_back_button span,
  #lightbox .frame .lb_forward_button .label_forward_button span {
                 padding: 0 10px;
                  border: solid 3px #000;
           border-radius: 10px;
                    font: normal normal bold 24pt/24pt arial;
        background-color: #fff;
  }

  #lightbox .frame .lb_back_button .label_back_button span {
                    float: left;
  }

  #lightbox .frame .lb_forward_button .label_forward_button span {
                    float: right;
  }

  #lightbox .frame .caption {
                 position: absolute;
                    right: 0;
                     left: 0;
               margin-top: 10px;
                  padding: 5px 15px;
               box-shadow: 0 15px 10px -15px rgba(0,0,0,0.8);
            border-radius: 0 0 5px 5px;
               background: #fff;
  }

  #lightbox .frame .caption h6 {
                  margin: 0;
                 padding: 3px 0;
               font-size: 18px;
                   color: #333;
  }

  #lightbox .frame .caption p {
                  margin: 0;
                 padding: 3px 0;
               font-size: 12px;
                   color: #444;
  }

  #lightbox .frame .caption h6 .template_id {
                    float: right;
                font-size: 14px;
  }

  #lightbox .frame .caption h6 .template_price {
                    color: #369;
  }
  #lightbox .frame .caption h6 .template_created {
                    font-size: 80%;
                    font-weight: normal;
  }

  #lightbox .limiter {
                  display: inline-block;
                   height: 680px;

  }

  #lightbox .fullsize {
                 display: inline-block;
                position: relative;
                  height: 100%;
                  border: 1px solid #888;
                 z-index: 100;
  }

  #lightbox .frame .close {
                  display: block;
                 position: absolute;
                    width: 48px;
                   height: 48px;
                      top: -24px;
                    right: -24px;
                  opacity: .85;
                  z-index: 200;
  }

  #lightbox .frame .close:hover {
                   cursor: pointer;
  }

  #lightbox .link {
                    color: #c00;
  }