body {
  background: #f1f1f1;
  margin: 0; }

.prism-create {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  padding-bottom: calc( 100vh + 1px );
  margin-top: -1px; }
  .prism-create html, .prism-create body, .prism-create div, .prism-create span, .prism-create applet, .prism-create object, .prism-create iframe,
  .prism-create h1, .prism-create h2, .prism-create h3, .prism-create h4, .prism-create h5, .prism-create h6, .prism-create p, .prism-create blockquote, .prism-create pre,
  .prism-create a, .prism-create abbr, .prism-create acronym, .prism-create address, .prism-create big, .prism-create cite, .prism-create code,
  .prism-create del, .prism-create dfn, .prism-create em, .prism-create img, .prism-create ins, .prism-create kbd, .prism-create q, .prism-create s, .prism-create samp,
  .prism-create small, .prism-create strike, .prism-create strong, .prism-create sub, .prism-create sup, .prism-create tt, .prism-create var,
  .prism-create b, .prism-create u, .prism-create i, .prism-create center,
  .prism-create dl, .prism-create dt, .prism-create dd, .prism-create ol, .prism-create ul, .prism-create li,
  .prism-create fieldset, .prism-create form, .prism-create label, .prism-create legend,
  .prism-create table, .prism-create caption, .prism-create tbody, .prism-create tfoot, .prism-create thead, .prism-create tr, .prism-create th, .prism-create td,
  .prism-create article, .prism-create aside, .prism-create canvas, .prism-create details, .prism-create embed,
  .prism-create figure, .prism-create figcaption, .prism-create footer, .prism-create header, .prism-create hgroup,
  .prism-create menu, .prism-create nav, .prism-create output, .prism-create ruby, .prism-create section, .prism-create summary,
  .prism-create time, .prism-create mark, .prism-create audio, .prism-create video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .prism-create * {
    box-sizing: border-box; }
  .prism-create a {
    text-decoration: none; }
  .prism-create[data-ratio] {
    padding-bottom: 0; }
  .prism-create .vc-outer {
    display: table;
    width: 100%;
    height: 100%; }
    .prism-create .vc-outer .vc-inner {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle; }
  .prism-create .header {
    position: absolute;
    top: 15px;
    width: 100%;
    height: 25px;
    z-index: 500; }
    .prism-create .header a.logo {
      background: url(images/logo.png);
      width: 86px;
      height: 25px;
      display: block;
      text-indent: -10000px;
      position: absolute;
      top: 0;
      right: 15px; }
  .prism-create .nav {
    background: #fff;
    width: 290px;
    z-index: 600;
    position: absolute;
    top: 55px;
    left: -290px;
    transition: left .25s ease;
    -webkit-backface-visibility: hidden; }
    @media (min-width: 992px) {
      .prism-create .nav {
        top: 0;
        height: 100%; } }
    .prism-create .nav.visible {
      left: 0; }
    .prism-create .nav .title {
      background: #000; }
      .prism-create .nav .title h3 {
        color: #fff;
        font-size: 18px;
        padding: 15px 15px 10px; }
    .prism-create .nav a.icon-close {
      width: 25px;
      height: 25px;
      background-image: url(images/icon-close.png);
      background-size: cover;
      position: absolute;
      top: 12px;
      right: 12px;
      text-indent: -10000px;
      z-index: 500;
      cursor: pointer; }
    .prism-create .nav li {
      border-top: 2px solid #fff; }
      .prism-create .nav li a {
        color: #000;
        display: block;
        padding: 10px 15px; }
  .prism-create .controls a.icon {
    background-size: cover;
    width: 25px;
    height: 25px;
    display: block;
    text-indent: -10000px;
    cursor: pointer;
    z-index: 500;
    position: absolute; }
  .prism-create .controls a.icon-menu {
    background-image: url(images/icon-menu.png);
    top: 15px;
    left: 15px; }
  .prism-create .controls a.icon-prev {
    background-image: url(images/icon-prev.png);
    top: 15px;
    left: 55px; }
  .prism-create .controls a.icon-next {
    background-image: url(images/icon-next.png);
    top: 15px;
    left: 90px; }
  .prism-create .controls a.icon-share {
    background-image: url(images/icon-share.png);
    top: 15px;
    left: 130px;
    z-index: 550; }
  .prism-create .controls a.icon-facebook {
    background-image: url(images/icon-facebook.png);
    top: 15px;
    left: 130px; }
    .prism-create .controls a.icon-facebook.in {
      left: 170px;
      transition: left .2s ease-in;
      transition-delay: .5s;
      z-index: 500; }
  .prism-create .controls a.icon-twitter {
    background-image: url(images/icon-twitter.png);
    top: 15px;
    left: 130px; }
    .prism-create .controls a.icon-twitter.in {
      left: 210px;
      transition: left .2s ease-in;
      transition-delay: .3s;
      z-index: 500; }
  .prism-create .controls a.icon-linkedin {
    background-image: url(images/icon-linkedin.png);
    top: 15px;
    left: 130px; }
    .prism-create .controls a.icon-linkedin.in {
      left: 250px;
      transition: left .2s ease-in;
      transition-delay: .1s;
      z-index: 500; }
  .prism-create .controls a.icon-mail {
    background-image: url(images/icon-mail.png);
    top: 15px;
    left: 130px; }
    .prism-create .controls a.icon-mail.in {
      left: 290px;
      transition: left .2s ease-in;
      z-index: 500; }
  .prism-create .section {
    width: 100%;
    height: 100%;
    background: #54127a;
    background-size: cover;
    color: #fff; }
    .prism-create .section a.find-out-more {
      background: rgba(0, 0, 0, 0.5) url(images/icon-next.png) 13px 13px no-repeat;
      width: 61px;
      height: 115px;
      position: absolute;
      bottom: 0;
      right: 15px;
      padding: 60px 13px 0 13px;
      text-align: center;
      line-height: 1;
      color: #fff;
      cursor: pointer;
      transition: all .5s ease; }
      .prism-create .section a.find-out-more.out {
        opacity: 0;
        visibility: hidden; }
  .prism-create .pt-page-current .deep-dive {
    display: block; }
  .prism-create .deep-dive {
    background: #fff;
    width: calc( 100% - 15px );
    height: calc( 100% - 110px );
    position: absolute;
    bottom: 55px;
    left: calc( -100% - 55px );
    z-index: 1000;
    transition: left .5s ease, opacity .5s ease;
    padding: 15px;
    -webkit-backface-visibility: hidden;
    display: none; }
    .prism-create .deep-dive.fade {
      left: 0;
      opacity: 0;
      visibility: hidden; }
    .prism-create .deep-dive.visible {
      left: 0;
      opacity: 1;
      visibility: visible; }
    .prism-create .deep-dive a.icon-close {
      width: 25px;
      height: 25px;
      background-image: url(images/icon-close.png);
      background-size: cover;
      position: absolute;
      top: 15px;
      right: 15px;
      text-indent: -10000px;
      z-index: 500;
      cursor: pointer; }
    .prism-create .deep-dive .slider {
      width: 100%;
      height: 100%; }
      .prism-create .deep-dive .slider .slick-list, .prism-create .deep-dive .slider .slick-track {
        height: 100%; }
      .prism-create .deep-dive .slider .slide {
        width: 100%;
        height: 100%;
        outline: none; }
    .prism-create .deep-dive .slider-controls {
      position: absolute;
      right: 0;
      bottom: -39px;
      background: #8c8c8c; }
      .prism-create .deep-dive .slider-controls button {
        background: none;
        border: none;
        outline: none;
        color: #fff;
        font-size: 14px;
        float: left;
        padding: 10px 15px; }
        .prism-create .deep-dive .slider-controls button.slick-disabled {
          color: #a3a3a3; }
      .prism-create .deep-dive .slider-controls ul.slick-dots {
        display: inline-block !important;
        float: left;
        margin-top: 2px;
        margin-bottom: -2px;
        padding: 10px 0; }
        .prism-create .deep-dive .slider-controls ul.slick-dots li {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: #abc040;
          text-indent: -10000px;
          display: inline-block;
          margin: 0 5px; }
          .prism-create .deep-dive .slider-controls ul.slick-dots li.slick-active {
            background: #383838; }
        .prism-create .deep-dive .slider-controls ul.slick-dots button {
          display: none; }
  .prism-create .template {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    color: #000; }
    .prism-create .template .img-responsive {
      max-width: 100%;
      height: auto;
      display: block; }
    .prism-create .template h1, .prism-create .template h2, .prism-create .template h3, .prism-create .template p, .prism-create .template ul, .prism-create .template ol {
      margin-bottom: 15px; }
    .prism-create .template h1, .prism-create .template h2, .prism-create .template h3 {
      font-weight: bold; }
    .prism-create .template h1 {
      font-size: 16px; }
    .prism-create .template ul, .prism-create .template ol {
      list-style: outside disc;
      margin-left: 15px; }
    .prism-create .template ol {
      list-style: blah; }
    .prism-create .template li + li {
      margin-top: 5px; }
    .prism-create .template .text-left {
      text-align: left; }
    .prism-create .template .text-center {
      text-align: center; }
    .prism-create .template .text-right {
      text-align: right; }
    .prism-create .template blockquote {
      font-size: 16px;
      font-weight: 600;
      margin: 20px 0;
      padding-right: 25%;
      padding-left: 15px; }
      .prism-create .template blockquote.text-right {
        padding-left: 25%;
        padding-right: 15px; }
  .prism-create .overlay {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: table; }
    .prism-create .overlay.hidden {
      display: none; }
    .prism-create .overlay .overlay-inner {
      display: table-cell;
      vertical-align: middle;
      padding: 0 15px; }
    .prism-create .overlay .overlay-content {
      background: #fff;
      width: 100%;
      max-width: 500px;
      padding: 30px 15px;
      margin: auto;
      text-align: center;
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
      font-size: 14px; }
      .prism-create .overlay .overlay-content p {
        margin-bottom: 30px; }
      .prism-create .overlay .overlay-content.overlay-iframe {
        padding: 0;
        height: 400px; }
        .prism-create .overlay .overlay-content.overlay-iframe iframe {
          width: 100%;
          height: 100%; }
    .prism-create .overlay .overlay-close {
      color: #000;
      background: #8bc52d;
      color: #fff;
      text-decoration: none;
      padding: 10px 25px;
      display: table;
      margin: auto; }

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