@charset "UTF-8";

body.bm-lp, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
  }

body.js-focus-visible {
  margin: 0 !important;
}

body.bm-lp {
  line-height: 1; }

body.bm-lp {
  /* make sure to set some focus styles for accessibility */
  /* HTML5 display-role reset for older browsers */
  /**
    * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
    */
  /**
    * Prevent modern browsers from displaying `audio` without controls.
    * Remove excess height in iOS 5 devices.
    */
  /**
    * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
    * Known issue: no IE 6 support.
    */
  /**
    * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
    *    `em` units.
    * 2. Prevent iOS text size adjust after orientation change, without disabling
    *    user zoom.
    */
  /**
    * Address `outline` inconsistency between Chrome and other browsers.
    */
  /**
    * Improve readability when focused and also mouse hovered in all browsers.
    */
  /**
    * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
    * 2. Improve image quality when scaled in IE 7.
    */
  /**
    * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
    */
  /**
    * Correct margin displayed oddly in IE 6/7.
    */
  /**
    * 1. Correct color not being inherited in IE 6/7/8/9.
    * 2. Correct text not wrapping in Firefox 3.
    * 3. Correct alignment displayed oddly in IE 6/7.
    */
  /**
    * 1. Correct font size not being inherited in all browsers.
    * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
    *    and Chrome.
    * 3. Improve appearance and consistency in all browsers.
    */
  /**
    * Address Firefox 3+ setting `line-height` on `input` using `!important` in
    * the UA stylesheet.
    */
  /**
    * Address inconsistent `text-transform` inheritance for `button` and `select`.
    * All other form control elements do not inherit `text-transform` values.
    * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
    * Correct `select` style inheritance in Firefox 4+ and Opera.
    */
  /**
    * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
    *    and `video` controls.
    * 2. Correct inability to style clickable `input` types in iOS.
    * 3. Improve usability and consistency of cursor style between image-type
    *    `input` and others.
    * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
    *    Known issue: inner spacing remains in IE 6.
    */
  /**
    * Re-set default cursor for disabled elements.
    */
  /**
    * 1. Address box sizing set to content-box in IE 8/9.
    * 2. Remove excess padding in IE 8/9.
    * 3. Remove excess padding in IE 7.
    *    Known issue: excess padding remains in IE 6.
    */
  /**
    * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
    * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
    *    (include `-moz` to future-proof).
    */
  /**
    * Remove inner padding and search cancel button in Safari 5 and Chrome
    * on OS X.
    */
  /**
    * Remove inner padding and border in Firefox 3+.
    */
  /**
    * 1. Remove default vertical scrollbar in IE 6/7/8/9.
    * 2. Improve readability and alignment in all browsers.
    */
  /**
    * Remove most spacing between table cells.
    */ }
  body.bm-lp :focus {
    outline: 0; }
  body.bm-lp article, body.bm-lp aside, body.bm-lp details, body.bm-lp figcaption, body.bm-lp figure,
  body.bm-lp footer, body.bm-lp header, body.bm-lp hgroup, body.bm-lp menu, body.bm-lp nav, body.bm-lp section {
    display: block; }
  /*body.bm-lp ol, body.bm-lp ul {
    list-style: none; }*/
  body.bm-lp blockquote, body.bm-lp q {
    quotes: none; }
  body.bm-lp blockquote:before, body.bm-lp blockquote:after,
  body.bm-lp q:before, body.bm-lp q:after {
    content: '';
    content: none; }
  body.bm-lp table {
    border-collapse: collapse;
    border-spacing: 0; }
  body.bm-lp input[type=search]::-webkit-search-cancel-button,
  body.bm-lp input[type=search]::-webkit-search-decoration,
  body.bm-lp input[type=search]::-webkit-search-results-button,
  body.bm-lp input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none; }
  body.bm-lp input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  body.bm-lp textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical; }
  body.bm-lp audio,
  body.bm-lp canvas,
  body.bm-lp video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%; }
  body.bm-lp audio:not([controls]) {
    display: none;
    height: 0; }
  body.bm-lp [hidden] {
    display: none; }
  body.bm-lp html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */ }
  body.bm-lp a:focus {
    outline: thin dotted; }
  body.bm-lp a:active,
  body.bm-lp a:hover {
    outline: 0; }
  body.bm-lp img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */ }
  body.bm-lp figure {
    margin: 0; }
  body.bm-lp form {
    margin: 0; }
  body.bm-lp legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */ }
  body.bm-lp button,
  body.bm-lp input,
  body.bm-lp select,
  body.bm-lp textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */ }
  body.bm-lp button,
  body.bm-lp input {
    line-height: normal; }
  body.bm-lp button,
  body.bm-lp select {
    text-transform: none; }
  body.bm-lp button,
  body.bm-lp html input[type="button"],
  body.bm-lp input[type="reset"],
  body.bm-lp input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */ }
  body.bm-lp button[disabled],
  body.bm-lp html input[disabled] {
    cursor: default; }
  body.bm-lp input[type="checkbox"],
  body.bm-lp input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */ }
  body.bm-lp input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box; }
  body.bm-lp input[type="search"]::-webkit-search-cancel-button,
  body.bm-lp input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  body.bm-lp button::-moz-focus-inner,
  body.bm-lp input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  body.bm-lp textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */ }
  body.bm-lp table {
    border-collapse: collapse;
    border-spacing: 0; }
  body.bm-lp html,
  body.bm-lp button,
  body.bm-lp input:not(input[class^='formbox-field']),
  body.bm-lp select,
  body.bm-lp textarea {
    color: #222; }
  body.bm-lp ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none; }
  body.bm-lp ::selection {
    background: #b3d4fc;
    text-shadow: none; }
  body.bm-lp img {
    vertical-align: middle; }
  body.bm-lp textarea {
    resize: vertical; }
  body.bm-lp .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0; }

    @font-face {
      font-family: 'MessinaSansWeb';
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Light.eot");
      /* IE9 Compat Modes */
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Light.eot?#iefix") format("embedded-opentype"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Light.woff2") format("woff2"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Light.woff") format("woff");
      /* Pretty Modern Browsers */
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      unicode-range: U+000D-FB04; }
    @font-face {
      font-family: 'MessinaSansWeb';
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Regular.eot");
      /* IE9 Compat Modes */
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Regular.eot?#iefix") format("embedded-opentype"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Regular.woff2") format("woff2"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Regular.woff") format("woff");
      /* Pretty Modern Browsers */
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      unicode-range: U+000D-FB04; }
    @font-face {
      font-family: 'MessinaSansWeb';
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-RegularItalic.eot");
      /* IE9 Compat Modes */
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-RegularItalic.woff2") format("woff2"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-RegularItalic.woff") format("woff");
      /* Pretty Modern Browsers */
      font-weight: 400;
      font-style: italic;
      font-stretch: normal;
      unicode-range: U+000D-FB04; }
    @font-face {
      font-family: 'MessinaSansWeb';
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-SemiBold.eot");
      /* IE9 Compat Modes */
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-SemiBold.eot?#iefix") format("embedded-opentype"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-SemiBold.woff2") format("woff2"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-SemiBold.woff") format("woff");
      /* Pretty Modern Browsers */
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      unicode-range: U+000D-FB04; }
    @font-face {
      font-family: 'MessinaSansWeb';
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Bold.eot");
      /* IE9 Compat Modes */
      src: url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Bold.woff2") format("woff2"), url("/int-assets/fonts/MessinaSans/MessinaSansWeb-Bold.woff") format("woff");
      /* Pretty Modern Browsers */
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      unicode-range: U+000D-FB04; }
    body.internal-editor {
      font-size: 14px;
      margin: 0;
      padding: 0;
      font-family: "MessinaSansWeb", Helvetica, Arial, 微軟正黑體, "Microsoft JhengHei", "メイリオ", "ms pゴシック", sans-serif;
      background: #fff;
      -ms-overflow-style: none; }
      body.internal-editor .overlay-screen > .wrapper {
        padding: 70px 30px 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        min-width: 0; }
      body.internal-editor .overlay-screen p:not(.helpertext) {
        font-size: 16px;
        color: #4E505C;
        line-height: 1.8;
        margin: 0 0 14px; }
      body.internal-editor a > img {
        border: none; }
      body.internal-editor var {
        font-style: normal; }
      body.internal-editor .hide {
        display: none; }
      body.internal-editor .visible {
        display: inline-block; }
      body.internal-editor .left {
        float: left; }
      body.internal-editor .right {
        float: right; }

    html[lang="ja"] body {
      font-family: MessinaSansWeb, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, meiryo, "メイリオ", "ms pgothic", "ms pゴシック", 微軟正黑體, sans-serif; }

  /*!
   * animate.css -https://daneden.github.io/animate.css/
   * Version - 3.7.2
   * Licensed under the MIT license - http://opensource.org/licenses/MIT
   *
   * Copyright (c) 2019 Daniel Eden
   */

  @-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
    }
  }

  @keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
    }
  }

  .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  @-webkit-keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }

    25%,
    75% {
      opacity: 0;
    }
  }

  @keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }

    25%,
    75% {
      opacity: 0;
    }
  }

  .flash {
    -webkit-animation-name: flash;
    animation-name: flash;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }

  @-webkit-keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }

    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }

    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }

    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
    }

    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }

    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }

    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }

    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
    }

    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
  }

  @-webkit-keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }

  @keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }

  .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
  }

  @-webkit-keyframes headShake {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
    }

    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes headShake {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
    }

    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  .headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
  }

  @-webkit-keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }

  @keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }

  .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
  }

  @-webkit-keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  @-webkit-keyframes wobble {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes wobble {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
  }

  @-webkit-keyframes jello {
    from,
    11.1%,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }

  @keyframes jello {
    from,
    11.1%,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }

  .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
  }

  @-webkit-keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    28% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    28% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  .heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  @-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }

  @-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }

    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }

    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }

  @-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }

  @-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }

    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }

    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }

  @-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }

    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }

    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }

    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
  }

  @-webkit-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }

  @keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }

  .bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
  }

  @-webkit-keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }

  @keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }

  .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
  }

  @-webkit-keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }

  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }

  .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
  }

  @-webkit-keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }

  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }

  .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
  }

  @-webkit-keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }

  @keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }

  .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
  }

  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }

  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }

  @-webkit-keyframes fadeInDownBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInDownBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
  }

  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }

  @-webkit-keyframes fadeInLeftBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInLeftBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  }

  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }

  @-webkit-keyframes fadeInRightBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInRightBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
  }

  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  @-webkit-keyframes fadeInUpBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInUpBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
  }

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

    to {
      opacity: 0;
    }
  }

  @keyframes fadeOut {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  @keyframes fadeOutDown {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }

  @keyframes fadeOutDownBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }

  .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  @keyframes fadeOutLeft {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }

  @keyframes fadeOutLeftBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }

  .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes fadeOutRight {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }

  @keyframes fadeOutRightBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }

  .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  @keyframes fadeOutUp {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
  }

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }

  @keyframes fadeOutUpBig {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }

  .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
  }

  @-webkit-keyframes flip {
    from {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    40% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    50% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    to {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }

  @keyframes flip {
    from {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    40% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    50% {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    to {
      -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
      transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }

  .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
  }

  @-webkit-keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  @keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
  }

  @-webkit-keyframes flipInY {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  @keyframes flipInY {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
  }

  @-webkit-keyframes flipOutX {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutX {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
    }
  }

  .flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
  }

  @-webkit-keyframes flipOutY {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutY {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
    }
  }

  .flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
  }

  @-webkit-keyframes lightSpeedIn {
    from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }

    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes lightSpeedIn {
    from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }

    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

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

    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }

  @keyframes lightSpeedOut {
    from {
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }

  .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  @-webkit-keyframes rotateIn {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes rotateIn {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
  }

  @-webkit-keyframes rotateInDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes rotateInDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
  }

  @-webkit-keyframes rotateInDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes rotateInDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
  }

  @-webkit-keyframes rotateInUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes rotateInUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
  }

  @-webkit-keyframes rotateInUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes rotateInUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
  }

  @-webkit-keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }
  }

  @keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }
  }

  .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
  }

  @-webkit-keyframes rotateOutDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }

  .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
  }

  @-webkit-keyframes rotateOutDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }

  .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
  }

  @-webkit-keyframes rotateOutUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }

  .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
  }

  @-webkit-keyframes rotateOutUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }

    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }
  }

  .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
  }

  @-webkit-keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    20%,
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    40%,
    80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }

  @keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    20%,
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    40%,
    80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }

  .hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
  }

  @-webkit-keyframes jackInTheBox {
    from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
    }

    50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
    }

    70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
    }

    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes jackInTheBox {
    from {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
    }

    50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
    }

    70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
    }

    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  .jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  @-webkit-keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
  }

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
  }

  @keyframes rollOut {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
  }

  .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
  }

  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
      opacity: 1;
    }
  }

  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  }

  @-webkit-keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
  }

  @-webkit-keyframes zoomInLeft {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInLeft {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
  }

  @-webkit-keyframes zoomInRight {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInRight {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
  }

  @-webkit-keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
  }

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

    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
      opacity: 0;
    }
  }

  @keyframes zoomOut {
    from {
      opacity: 1;
    }

    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
      opacity: 0;
    }
  }

  .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
  }

  @-webkit-keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
  }

  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
    }
  }

  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
    }
  }

  .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
  }

  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
    }
  }

  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
    }
  }

  .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
  }

  @-webkit-keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
  }

  @-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }

  @-webkit-keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
  }

  @-webkit-keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
  }

  @-webkit-keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }

  @-webkit-keyframes slideOutDown {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  @keyframes slideOutDown {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
  }

  @-webkit-keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  @keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
  }

  @-webkit-keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
  }

  @-webkit-keyframes slideOutUp {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  @keyframes slideOutUp {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
  }

  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  .animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }

  .animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  .animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
  }

  .animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
  }

  .animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
  }

  .animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
  }

  .animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
  }

  .animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }

  .animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
  }

  @media (print), (prefers-reduced-motion: reduce) {
    .animated {
      -webkit-animation-duration: 1ms !important;
      animation-duration: 1ms !important;
      -webkit-transition-duration: 1ms !important;
      transition-duration: 1ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
    }
  }

    .standard-btn {
      background: #fcfcfc;
      border: 1px solid #EBECEF;
      border-radius: 5px;
      cursor: pointer;
      display: inline-block;
      color: #585858;
      text-decoration: none;
      line-height: 1.231; }
      .standard-btn[disabled] {
        opacity: 0.6;
        cursor: not-allowed; }
      .standard-btn:focus, .standard-btn:hover {
        color: #585858; }
      .standard-btn:not([disabled]):hover {
        text-decoration: none;
        border-color: #585858; }

    .sm-btn {
      font-size: 12px;
      padding: 8px 15px 5px 15px; }

    .med-btn {
      font-size: 13px;
      padding: 10px 20px; }

    .blue-btn {
      background: #4c81b7;
      border: none;
      color: #fff;
      font-size: 14px; }

    .blue-btn:hover {
      background: #3a70a8; }

    .infoicon {
      background: #bebec0;
      color: #fff;
      border-radius: 100%;
      height: 16px;
      width: 16px;
      display: inline-block; }

    /* Editor */
    .main.dragndrop-editor {
      height: 100%;
      position: relative;
      padding-top: 54px; }

    .internal-editor > form[action="/Emails/CustomizeV4Custom"] > div[align="left"],
    .internal-editor > form[action="/Autoresponder/EmailEditV4Custom"] > div[align="left"],
    .internal-editor > form[action="/automation/engagementemailcustom"] > div[align="left"] {
      height: 100%; }

    body.internal-editor.dragndrop-editor > div.main {
      height: auto; }

    .internal-editor .main .dd-subnav-tabs,
    .internal-editor .main .editor-tools {
      visibility: hidden; }

    .internal-editor .main.visible-nav .dd-subnav-tabs,
    .internal-editor .main.visible-nav .editor-tools {
      visibility: visible; }

    .editor-wrapper {
      bottom: 0px;
      left: 0;
      position: absolute;
      top: 54px;
      width: 100%; }

    .editor-wrapper-layouts {
      height: 100%; }

    .editor-wrapper-layouts .editor-main {
      overflow: hidden; }

    /* Sidenav accordion */
    ul.sidebar-selection-nav {
      margin-top: 50px; }
      ul.sidebar-selection-nav.ui-widget {
        font-family: inherit; }

    .sidebar-selection-nav .ui-accordion-header .ui-icon {
      display: none; }

    #categoryList {
      margin-top: 30px; }

    .sidebar-selection-nav > li > a {
      background: none;
      color: #a1a1a1;
      cursor: pointer;
      display: block;
      font-size: 14px;
      font-weight: 600;
      outline: none;
      padding: 17px 40px;
      position: relative;
      text-decoration: none;
      border: none; }

    .sidebar-blocks-content > li {
      background-color: #fff; }
      .sidebar-blocks-content > li > a {
        padding: 6px 22px;
        color: #3d4160 !important;
        font-size: 9px;
        text-transform: uppercase;
        opacity: 0.5;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.06);
        letter-spacing: 1px;
        line-height: 22px; }
        .sidebar-blocks-content > li > a:after {
          top: 11px !important; }
      .sidebar-blocks-content > li .ui-state-active:hover:after {
        top: 14px !important; }
      .sidebar-blocks-content > li .ui-state-active:after {
        top: 14px !important; }

    .editor-filters .sidebar-selection-nav > li > a {
      padding: 10px 0; }

    .sidebar-selection-nav > li > a:after {
      content: '';
      display: block;
      width: 9px;
      height: 14px;
      position: absolute;
      top: 19px;
      right: 41px;
      background: url("/int-assets/img/dd-editor/arrow-right-icons.svg") right center no-repeat;
      background-size: 28px 14px;
      background-position: 0 0; }

    .editor-filters .sidebar-selection-nav > li > a:after {
      top: 11px; }

    .sidebar-selection-nav > li > a:hover:after {
      background-position: -19px 0; }

    .sidebar-selection-nav > li > .ui-state-active:hover:after,
    .sidebar-selection-nav > li > .ui-state-active:after {
      background: url("/int-assets/img/dd-editor/arrow-down-icon.svg") right center no-repeat;
      width: 14px;
      height: 9px;
      top: 22px;
      background-size: 14px 9px;
      background-position: 0 0; }

    .editor-filters .sidebar-selection-nav > li > .ui-state-active:hover:after,
    .editor-filters .sidebar-selection-nav > li > .ui-state-active:after {
      top: 13px; }

    .sidebar-selection-nav > li > a:hover,
    .sidebar-selection-nav > li > .ui-state-active {
      color: #3c464d; }

    .sidebar-selection {
      padding: 0;
      position: relative;
      background: #fff; }

    .sidebar-selection-nav .sidebar-selection {
      padding: 8px 0 25px;
      border: none;
      margin: 0;
      top: inherit; }

    .sidebar-selection-nav .sidebar-selection fieldset:last-of-type {
      padding-bottom: 0; }

    html[lang="ja"] .sidebar-selection > h3,
    html[lang="zh-TW"] .sidebar-selection > h3,
    html[lang="zh-CN"] .sidebar-selection > h3 {
      font-size: 16px; }

    .inline-label {
      line-height: 18px;
      color: #3c464d; }

    .color-scheme-panels {
      border: 1px solid #3c464d;
      border-radius: 4px;
      display: inline-block;
      font-weight: 600;
      margin-bottom: 20px;
      margin-left: 40px;
      overflow: hidden;
      width: 273px; }

    .scheme-panel-default label,
    .scheme-panel-default .rslides,
    .scheme-panel-saved {
      padding-left: 40px; }

    .scheme-panel-default .rslides {
      width: 310px; }

    .color-scheme-panels > a {
      color: #3c464d;
      font-weight: 600;
      cursor: pointer;
      display: block;
      float: left;
      padding: 9px 0;
      text-align: center;
      width: 136px;
      text-decoration: none; }

    .color-scheme-panels > a:first-child {
      border-right: 1px solid #525e66; }

    .color-scheme-panels > a.selected {
      background: #c0c6ca;
      color: #fff;
      cursor: default; }

    .rslides {
      margin-top: 10px;
      overflow: hidden;
      height: 180px;
      position: relative;
      width: 100%; }

    .rslides > li {
      float: left;
      position: relative;
      visibility: hidden; }

    .rslides > li[class*="_on"] {
      visibility: visible; }

    .colorscheme li {
      border-radius: 6px;
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
      margin: 0 10px 10px 0;
      padding: 6px;
      border: 2px solid transparent;
      font-size: 0; }

    .colorscheme li.selected {
      border: 2px solid #c1c1c1; }

    .colorscheme-swatch {
      border: 1px solid #ebebeb;
      display: inline-block;
      height: 14px;
      overflow: hidden;
      width: 70px; }

    .colorscheme-swatch > span {
      display: inline-block;
      height: 14px;
      float: left;
      width: 14px; }

    .rslides_tabs {
      text-align: center; }

    .rslides_tabs li {
      display: inline-block;
      margin-right: 10px; }

    .rslides_tabs li > a,
    .rslides_tabs a {
      background: #c1c1c1;
      border-radius: 100%;
      display: inline-block;
      height: 12px;
      margin: 0 4px;
      text-indent: -99999px;
      width: 12px; }

    .rslides_tabs a:first-child {
      margin-left: 0; }

    .rslides_tabs a:last-child {
      margin-right: 0; }

    .rslides_tabs li > a:hover,
    .rslides_tabs .rslides_here > a {
      background: #30D8A2; }

    .style-bg-opts {
      display: block;
      overflow: hidden; }

    .style-bg-opts li {
      float: left; }

    .style-bg-opts li a {
      color: #a1a1a1;
      font-size: 11px;
      line-height: 16px;
      cursor: pointer;
      display: inline-block;
      margin-right: 15px;
      text-align: center;
      width: 100px;
      padding: 0 5px;
      box-sizing: border-box; }
      .style-bg-opts li a, .style-bg-opts li a:hover {
        text-decoration: none; }

    .style-bg-opts li .framed-bg:before,
    .style-bg-opts li .fullwidth-bg:before {
      background: url("/int-assets/img/dd-editor/email-frame-layouts.svg") no-repeat;
      background-size: 217px 132px;
      background-position: -1px -1px;
      width: 100px;
      height: 60px;
      content: '';
      display: inline-block;
      margin-left: -5px;
      margin-bottom: 10px; }

    .style-bg-opts li:hover .framed-bg:before,
    .style-bg-opts li .framed-bg.selected:before {
      background-position: -1px -71px; }

    .style-bg-opts li .fullwidth-bg:before {
      background-position: -116px -1px; }

    .style-bg-opts li:hover .fullwidth-bg:before,
    .style-bg-opts li .fullwidth-bg.selected:before {
      background-position: -116px -71px; }

    /* Main */
    .editor-main {
      background: #fff;
      color: #666;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      overflow: auto !important;
      overflow-x: hidden !important;
      overflow-y: scroll !important;
      width: auto !important; }

    .editor-main.bar-visible {
      bottom: 63px; }

    .editor-main.editor-full {
      width: 100% !important;
      left: 0 !important;
      border: none; }

    .editor-main.noformat {
      overflow: hidden !important; }

    .editor-main.txt-vsn {
      overflow: visible !important; }
      .editor-main.txt-vsn .sidebar-editblock-name,
      .editor-main.txt-vsn .dd-subnav-tabs {
        display: none; }
      .editor-main.txt-vsn .full-width {
        left: 15px; }
      .editor-main.txt-vsn .editor-tools {
        padding-left: 15px; }

    .editor-sidebar[style="display: none;"] + .editor-main .editor-tools {
      left: 0 !important; }

    .editor-main.noformat {
      border: none; }

    .editor-main.noformat .editor-tools {
      left: 0 !important;
      position: relative;
      overflow: hidden; }

    .editor-code {
      position: relative;
      top: 54px;
      height: 100%; }

    .editor-code .editor-main {
      overflow: inherit !important;
      left: 0 !important;
      position: relative;
      border-left: none;
      min-width: 0; }

    .editor-code .editor-tools {
      position: relative;
      z-index: 100;
      left: 0;
      padding-left: 25px;
      min-width: 0; }

    .editor-code .editor-full-wrap {
      margin-top: 0;
      padding-top: 0;
      padding-bottom: 61px;
      top: 0;
      height: 100%; }

    .editor-code .editor-full-wrap > div {
      height: 100%;
      padding-bottom: 52px; }

    .editor-code-split {
      float: left;
      width: 50%;
      height: 100%; }

    .editor-code-split .editor-main > div {
      box-shadow: inset -1px -1px 0px #EBECEF; }

    .editor-col-drag {
      cursor: col-resize;
      bottom: 0;
      left: 50%;
      top: 0;
      position: absolute;
      height: 100%;
      width: 0px;
      background-color: transparent !important;
      padding: 0 5px; }

    .code-insert-img {
      background: url(/images/icn/insert-img.svg) no-repeat;
      background-size: 24px 40px;
      cursor: pointer;
      display: block;
      float: left;
      height: 20px;
      margin: 10px 0 0 10px;
      width: 24px; }

    .editor-wide-screen {
      background: url(/images/icn/wide-screen.svg) no-repeat;
      background-size: 24px 48px;
      cursor: pointer;
      display: inline-block;
      float: right;
      margin: 11px 0 0 0;
      width: 24px;
      height: 24px; }

    .wide100 {
      width: 100%; }

    .editor-wide-screen.selected {
      background-position: 0 -24px; }

    .editor-wrapper-layouts .editor-main {
      height: auto; }

    .editor-main .editor-template {
      position: relative;
      top: 56px;
      width: 100%;
      overflow: auto; }

    .editor-main.editor-full .editor-tools {
      left: 0; }

    .format-tools {
      position: relative; }

    .format-tools.tools-few select {
      margin: 7px 0 0 0; }

    /* Greedy Nav Styles */
    nav.greedy-nav {
      position: relative;
      display: flex;
      align-items: center;
      margin-top: 7px; }

    nav.greedy-nav.hidden {
      display: none; }

    nav.greedy-nav .more-btn {
      position: relative;
      color: #3d4160;
      font-size: 12px;
      align-self: stretch;
      cursor: pointer;
      padding: 6px 25px 7px;
      line-height: 16px;
      height: 12px;
      margin: 2px 0 3px 0;
      visibility: visible;
      left: auto;
      background: #fff; }

    nav.greedy-nav .more-btn.hidden {
      display: inline-block;
      position: absolute;
      visibility: hidden;
      left: -999px; }

    div.vtools {
      display: flex;
      justify-content: flex-start;
      flex: 1;
      overflow: visible; }

    div.vtools > .tool-btn-dd,
    div.vtools > .tool-icon {
      flex: none;
      margin-right: 5px; }

    div.htools > .tool-btn-dd,
    div.htools > .tool-icon {
      margin-top: 12px;
      margin-right: 5px; }

    div.htools {
      position: absolute;
      background: #fff;
      right: 20px;
      top: 32px;
      box-shadow: 0 -1px 10px 0 rgba(61, 65, 96, 0.1), 0 15px 20px 0 rgba(61, 65, 96, 0.22);
      border-radius: 3px;
      padding: 5px 5px 15px 10px; }

    div.htools.hidden {
      display: none; }

    /* End Greedy Nav Styles */
    .editor-full .format-tools {
      padding-right: 0; }

    .tool-btn-dd {
      display: inline-block;
      position: relative;
      vertical-align: middle;
      height: 25px;
      margin-top: 2px;
      margin-bottom: 3px; }

    .tools-few .tool-btn-dd {
      margin-top: 5px;
      top: 0; }

    .txt-vsn .format-merge {
      margin-top: 4px; }

    .format-tool-menu {
      background: #fff;
      margin: 0;
      width: 224px;
      left: -999px;
      padding: 16px 0 0;
      position: absolute;
      top: 30px;
      text-align: left;
      visibility: hidden;
      z-index: 200;
      box-shadow: 0 -1px 10px 0 rgba(61, 65, 96, 0.1), 0 15px 20px 0 rgba(61, 65, 96, 0.22);
      border-radius: 2px;
      max-height: 270px;
      box-sizing: border-box;
      overflow: auto; }

    .format-tool-menu:after {
      content: '';
      display: block;
      width: 100%;
      height: 16px; }

    /* Divider styles */
    div.format-tools .tool-btn-dd {
      padding-left: 15px;
      margin-left: 10px;
      border-left: 1px solid #EBECEF;
      padding-right: 15px;
      margin-right: 15px;
      border-right: 1px solid #EBECEF; }

    div.format-tools.tools-few .tool-btn-dd {
      margin-top: 8px; }

    div.format-tools.tools-few > div.tool-btn-dd:last-of-type {
      border: none;
      margin-left: 0;
      padding-left: 0; }

    .tool-btn-dd.no-left-divider,
    .tool-btn-dd:not(.hidden) + .tool-btn-dd {
      border-left: none !important;
      margin-left: 0 !important;
      padding-left: 0 !important; }

    .tool-btn-dd:not(.hidden) + .tool-btn-dd .format-tool-menu {
      margin-left: -14px; }

    .tool-btn-dd + .tool-btn-dd .tool-btn {
      padding-left: 10px; }

    nav.greedy-nav .format-align.tool-btn-dd {
      border: none;
      padding: 0;
      margin: 0 5px 0 0; }

    nav.greedy-nav a.tool-bullist {
      padding-right: 15px;
      margin-right: 15px;
      border-right: 1px solid #e6e6e8; }

    div.tool-btn-dd .tool-btn:after {
      right: 29px; }

    /* end divider styles */
    .tool-disabled .format-tool-menu {
      display: none; }

    .format-size .format-tool-menu {
      width: 84px; }

    .format-align .format-tool-menu {
      background: #fff;
      margin-left: -15px;
      width: 60px;
      padding: 15px;
      top: 32px;
      box-sizing: border-box; }

    .format-align .format-tool-menu:after {
      display: none; }

    .dragndrop-editor * {
      box-sizing: content-box; }

    .dragndrop-editor .modal,
    .dragndrop-editor .modal *,
    .dragndrop-editor .btn,
    .dragndrop-editor .btn *,
    .dragndrop-editor .form-control {
      box-sizing: border-box; }

    .code-themes .selector {
      margin-left: 5px; }

    .settings-choose-block {
      margin: 40px 30px 0 30px;
      padding: 180px 0 0 0; }

    .settings-choose-block {
      background: url("/images/misc/choose-block-settings.svg") no-repeat top left;
      background-size: 254px 147px; }

    .editor-test-btn:after {
      content: '';
      display: block;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #919191;
      float: right;
      margin: 7px -4px 0 10px;
      width: 0;
      height: 0; }

    #savingMessage {
      display: inline-block;
      font-size: 11px;
      color: #8f93ae;
      line-height: 39px;
      height: 39px;
      margin-right: 8px;
      top: 10px;
      position: relative; }

    .editor-save {
      position: relative;
      top: 11px;
      margin-left: 30px; }

    .editor-save-menu {
      background: #fff;
      box-shadow: 0 -1px 10px 0 rgba(61, 65, 96, 0.1), 0 15px 20px 0 rgba(61, 65, 96, 0.22);
      border-radius: 2px;
      bottom: 51px;
      margin-left: 0;
      padding: 30px 0 0;
      position: absolute;
      width: 280px;
      box-sizing: border-box; }
      .editor-save-menu fieldset {
        padding: 0 25px;
        margin-bottom: 29px; }
      .editor-save-menu .alert {
        box-sizing: border-box;
        margin-bottom: 0; }

    .editor-save-menu-btns {
      border-top: 2px solid #F5F5F7;
      padding: 20px 25px; }
      .editor-save-menu-btns .btn {
        box-sizing: border-box;
        min-width: 0; }
      .editor-save-menu-btns .loading-animation {
        box-sizing: border-box; }

    #ancCloseSaveCustomScheme,
    #ancAgreeSaveCustomScheme {
      float: right;
      min-width: 0; }

    #ancCancelSaveCustomSchemeOverwrite[style="display: block;"] {
      display: inline-block !important; }

    #ancAgreeSaveCustomSchemeOverwrite[style="display: block;"] {
      display: inline-block !important; }

    .editor-test-email {
      position: relative; }

    .editor-test-email,
    .editor-save,
    .editor-feedback {
      display: inline-block; }

    .editor-full-wrap .CodeMirror {
      height: 100%;
      border-right: 1px solid #EBECEF; }

    .plaintext-editor {
      background: #ebebeb; }

    .customTextArea,
    .textversion .textmode {
      border: none;
      display: block;
      font-size: 14px;
      line-height: 20px;
      margin: 0 auto;
      padding: 50px;
      width: 500px;
      resize: none; }

    #_BME_dvTextArea .textmode {
      height: 100%;
      box-sizing: border-box;
      width: 600px; }

    #htmleditor {
      border: none;
      display: none;
      font-size: 14px;
      font-family: monospace;
      padding: 20px;
      min-height: 200px;
      width: 100%; }

    .bmenohilite,
    .blk_shadow {
      opacity: 0.4; }

    .blk_shadow .content-block-nav {
      display: none !important; }

    #_BME_dvEditArea .blk_wrapper:not([name="blk_blank"]):hover {
      z-index: 1;
      cursor: pointer; }

    .guideBorder {
      outline: 3px solid #30D8A2;
      border-radius: 5px;
      position: absolute;
      z-index: 2; }

    .guideBlockTitle {
      background: rgba(4, 205, 176, 0.9) !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      margin: -11px 0 0 -40px;
      max-width: inherit !important;
      padding: 15px 30px !important; }

    td[name="bmePreHeader"] .guideBlockTitle {
      margin-left: -100px; }

    .guideOption {
      float: left;
      position: absolute;
      z-index: 20;
      margin-top: 10px;
      border-radius: 15px; }

    .guideOption > div {
      background: #30D8A2;
      margin-left: 5px;
      padding: 5px;
      border-radius: 100%;
      float: left;
      z-index: 20; }

    .guideOption > div:hover {
      background: #1de2c6; }

    .guideOption div:first-child {
      margin-left: 0 !important; }

    .sectionControls {
      display: none;
      position: absolute;
      top: 11px;
      right: 8px;
      z-index: 31; }
      .sectionControls div {
        background-color: #3d4160;
        padding: 5px;
        border-radius: 100%;
        z-index: 20;
        margin-bottom: 5px;
        cursor: pointer; }
        .sectionControls div:before {
          content: '';
          display: block;
          width: 16px;
          height: 16px;
          background-size: 16px 16px;
          background-position: center center;
          background-repeat: no-repeat; }
        .sectionControls div.openSettings:before {
          background-image: url(/int-assets/img/dd-editor/section-settings.svg); }
        .sectionControls div.copyHandle:before {
          background-image: url(/int-assets/img/dd-editor/copy-icon.svg); }
        .sectionControls div.deleteHandle:before {
          background-image: url(/int-assets/img/dd-editor/delete-icon.svg); }
        .sectionControls div.moveUpHandle {
          margin: 0;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
          .sectionControls div.moveUpHandle:before {
            background-image: url(/int-assets/img/dd-editor/sort-top.svg); }
        .sectionControls div.moveDownHandle {
          border-top-left-radius: 0;
          border-top-right-radius: 0; }
          .sectionControls div.moveDownHandle:before {
            background-image: url(/int-assets/img/dd-editor/sort-bottom.svg); }

    #_BME_dvEditArea .sectionControls {
      visibility: visible !important; }
    #_BME_dvEditArea .bmeSectionArea:first-of-type .moveUpHandle {
      display: none; }
    #_BME_dvEditArea .bmeSectionArea:first-of-type .moveDownHandle {
      border-radius: 100%; }
    #_BME_dvEditArea .bmeSectionArea:last-of-type .moveDownHandle {
      display: none; }
    #_BME_dvEditArea .bmeSectionArea:last-of-type .moveUpHandle {
      border-radius: 100%;
      margin-bottom: 5px; }
    #_BME_dvEditArea .bmeSectionArea .drag-block-label {
      top: -26px; }
    #_BME_dvEditArea .bmeSectionArea.min-height, #_BME_dvEditArea .bmeSectionArea.active-drag, #_BME_dvEditArea .bmeSectionArea .min-height {
      min-height: 200px; }
    #_BME_dvEditArea #main {
      margin: 20px;
      background-color: #ffffff;
      max-width: 100%;
      padding: 50px;
      min-height: 280px; }

    .editor-template {
      background-color: #e5e6ea; }

    .section-placeholder {
      padding: 40px;
      font-size: 22px;
      min-height: 200px;
      border: 4px dashed #f4f4f8;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #cfcfda; }

    .dragHandle {
      cursor: move;
      cursor: -webkit-grab;
      cursor: grab; }

    .internal-editor .blk_edit {
      width: auto !important;
      z-index: 2; }

    .internal-editor .blk_edit:before {
      content: '';
      display: block;
      outline: 2px solid #ec2b55;
      position: absolute;
      top: 2px;
      left: 2px;
      right: 2px;
      bottom: 2px;
      pointer-events: none;
      z-index: 2; }

    td[name="bmeFooter"] > div.blk_edit:last-of-type {
      margin-bottom: 2px; }

    .drag-block-wrapper {
      outline: 3px solid #3d4160;
      border-radius: 3px;
      box-sizing: border-box;
      transition: outline 0.15s ease-out; }

    .drag-block-wrapper.selected {
      border-color: #30D8A2; }

    .drag-block-label {
      background: #3d4160;
      /*box-sizing: border-box;*/
      color: #fff;
      font-size: 14px;
      padding: 5px 10px;
      transition: background 0.15s ease-out; }

    div[name="area_name_bmePreHeader"],
    div[name="area_name_bmeHeader"],
    div[name="area_name_bmeBody"],
    div[name="area_name_bmeFooter"],
    div[name="area_name_bmePreFooter"] {
      width: 598px; }

    div[name="area_name_bmeLeftColumn"],
    div[name="area_name_bmeRightColumn"] {
      width: 276px; }

    div[name="area_name_bmeColumn1"],
    div[name="area_name_bmeColumn2"],
    div[name="area_name_bmeColumn3"] {
      width: 177px; }

    .drag-block-label.selected {
      background: #30D8A2; }

    .drag-zone {
      background: #30D8A2 !important;
      border: none !important;
      color: #fff;
      font-size: 16px !important;
      font-weight: 600;
      padding: 30px 0px !important;
      position: relative; }

    .drag-zone:after {
      border: 3px dashed #e6e6e8;
      border-radius: 3px;
      content: '';
      display: block;
      position: absolute;
      margin: 10px;
      width: 95%;
      top: 0;
      left: 0;
      height: 70%; }

    td[name="bmeLeftColumn"] .drag-zone:after,
    td[name="bmeRightColumn"] .drag-zone:after {
      width: 91%; }

    td[name="bmeColumn1"] .drag-zone:after,
    td[name="bmeColumn2"] .drag-zone:after,
    td[name="bmeColumn3"] .drag-zone:after {
      width: 87%; }

    td[width="70%"] td[name="bmeColumn2"] .drag-zone:after {
      width: 93%; }

    td[width="30%"] td[name="bmeColumn1"] .drag-zone:after {
      width: 86%; }

    td[name="bmeColumn1"] .blk_img_drop_icon,
    td[name="bmeColumn2"] .blk_img_drop_icon,
    td[name="bmeColumn3"] .blk_img_drop_icon,
    td[name="bmeLeftColumn"] .blk_img_drop_icon,
    td[name="bmeRightColumn"] .blk_img_drop_icon {
      background-size: inherit;
      background-image: url("/int-assets/img/dd-editor/image-placeholder-icon.svg"); }

    #dvDropPlaceHolder {
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
      background-color: #AADDFF;
      width: 100%;
      border: 1px dashed black;
      color: white;
      font-size: 12px; }

    #dvLayoutShare {
      height: auto !important; }

    /* Custom Footer Options */
    #fldCustomFooter .sidebar-select-item {
      margin: 0;
      margin-top: -2px; }

    #fldCustomFooter p a {
      color: #31ade0;
      text-decoration: none; }

    #fldCustomFooter p a:hover {
      text-decoration: underline; }

    /* Update Save btn position */
    .editor-template-opts .btn {
      top: 11px;
      min-width: 0;
      margin-right: 0;
      margin-left: 12px; }

    .editor-test-email .dropdown-menu {
      bottom: 100%;
      top: auto;
      left: auto;
      right: 0; }
      .editor-test-email .dropdown-menu a {
        cursor: pointer; }

    @media (max-width: 768px) {
      #ancSaveEmail {
        display: none; } }

    .blk_placeholder {
      display: block !important;
      list-style-type: none; }

    #avpw_controls {
      max-height: 800px; }

    .mceExternalToolbar {
      display: none !important; }

    .CodeMirror-wrap .CodeMirror-scroll {
      padding-bottom: 61px;
      box-sizing: border-box; }

    .drop {
      border: none; }

    /* border style popup */
    .tool-borderstyle {
      cursor: pointer;
      display: block;
      height: 30px;
      width: 30px;
      margin: 0 15px 0 0;
      vertical-align: top;
      position: relative;
      float: left; }

    .tool-borderstyle.tool-selected:before {
      display: none; }

    ul.formbox-option-dd-borderstyle {
      padding: 10px 15px 0;
      width: 255px;
      box-sizing: border-box;
      top: 35px;
      z-index: 1005;
      display: none;
      list-style: none;
      margin: 0;
      position: fixed;
      background: #fff;
      border-radius: 2px;
      box-shadow: 0 -1px 10px 0 rgba(61, 65, 96, 0.1), 0 15px 20px 0 rgba(61, 65, 96, 0.22);
      margin-bottom: 20px;
      cursor: default; }

    .formbox-option-dd-borderstyle li:hover {
      background: none; }

    .formbox-option-dd-borderstyle li {
      display: block;
      float: left;
      padding: 2px;
      border-radius: 2px !important;
      box-sizing: border-box;
      width: 37px;
      height: 37px;
      margin-right: 10px !important;
      margin-bottom: 10px;
      position: relative;
      cursor: pointer; }

    .formbox-option-dd-borderstyle li:nth-child(5n) {
      margin-right: 0 !important; }

    .formbox-option-dd-borderstyle li:hover,
    .formbox-option-dd-borderstyle li.selected {
      border: 2px solid #30D8A2; }

    .border-style-icons {
      display: block;
      width: 30px;
      height: 30px;
      margin: -1px;
      overflow: hidden;
      box-sizing: border-box;
      background: url(/int-assets/img/dd-editor/border-styles-sprite.png?v=1.0) no-repeat -1px -1px;
      background-size: 352px 32px; }

    .border-style-icons-solid {
      background-position: -41px -1px; }

    .border-style-icons-dashed {
      background-position: -81px -1px; }

    .border-style-icons-dotted {
      background-position: -121px -1px; }

    .border-style-icons-double {
      background-position: -161px -1px; }

    .border-style-icons-groove {
      background-position: -201px -1px; }

    .border-style-icons-ridge {
      background-position: -241px -1px; }

    .border-style-icons-inset {
      background-position: -281px -1px; }

    .border-style-icons-outset {
      background-position: -321px -1px; }

    .formbox-option-dd-borderstyle li > span {
      margin-top: -14.5px;
      margin-left: -15.5px;
      top: 50%;
      left: 50%;
      position: absolute; }

    /* end */
    /* Code Editor Footer Customization */
    #footerContent {
      float: left;
      margin-left: 10px;
      margin-top: 10px; }

    .footerContent-panel {
      display: none;
      position: absolute;
      bottom: 65px;
      left: 10px;
      width: 280px;
      padding: 18px 0;
      box-sizing: border-box;
      background-color: white;
      z-index: 100;
      box-shadow: 0 -1px 10px 0 rgba(61, 65, 96, 0.1), 0 15px 20px 0 rgba(61, 65, 96, 0.22); }
      .footerContent-panel.active {
        display: block; }
      .footerContent-panel .label-small {
        padding-bottom: 6px; }
      .footerContent-panel fieldset {
        margin: 0;
        padding: 12px 0;
        padding-left: 24px;
        width: calc(100% - 48px); }
      .footerContent-panel fieldset.field-seperator {
        width: 100%;
        padding: 0;
        margin-top: 12px;
        margin-bottom: 12px;
        box-sizing: border-box; }
      .footerContent-panel fieldset#fldCustomFooter p {
        margin-bottom: 15px; }
      .footerContent-panel fieldset#fldCustomFooter label:last-of-type {
        padding-bottom: 0; }
      .footerContent-panel textarea {
        font-family: "MessinaSansWeb", Helvetica, Arial, 微軟正黑體, "Microsoft JhengHei", "メイリオ", "ms pゴシック", sans-serif;
        width: 100%;
        padding: 4px 15px;
        font-size: 12px;
        line-height: 22px;
        border: 1px solid #AFB1C4;
        border-radius: 2px;
        background-color: #FFFFFF;
        height: 60px;
        resize: none;
        box-sizing: border-box;
        vertical-align: top; }
        .footerContent-panel textarea::-webkit-input-placeholder, .footerContent-panel textarea::-moz-placeholder, .footerContent-panel textarea::-ms-input-placeholder {
          color: #CFCFDA;
          opacity: 1; }
        .footerContent-panel textarea.frmerror {
          border-color: #ec2b55; }
      .footerContent-panel .siderror {
        color: #ec2b55;
        font-size: 11px;
        line-height: 14px;
        margin-top: 8px; }
      .footerContent-panel #fdlBadge {
        position: relative; }
      .footerContent-panel .badge-dd-select {
        border: 1px solid #AFB1C4;
        border-radius: 2px; }
      .footerContent-panel .badge-dd-option {
        margin: 0;
        margin-left: -20px;
        top: -136px;
        left: 100%;
        height: 232px; }

    html[lang="ja"] .footerContent-panel textarea {
      font-family: MessinaSansWeb, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, meiryo, "メイリオ", "ms pgothic", "ms pゴシック", 微軟正黑體, sans-serif; }

    .embed-video {
      padding: 20px 0; }

    .embed-video div {
      margin: 0 auto; }

    .modal-img-preview {
      padding-left: 0;
      padding-right: 0; }

    .modal-img-preview img {
      display: block;
      margin: 0 auto; }

    .modal-content-col {
      width: 40%; }

    .modal-content .p0:not(.error) {
      padding-bottom: 0; }

    .internal-modal footer {
      background: none;
      border-radius: 0 0 4px 4px;
      overflow: hidden;
      padding: 20px 30px;
      position: relative; }

    .wide-modal footer {
      padding: 20px 0;
      width: 100%; }

    .internal-modal.qrcode-large footer {
      width: 960px; }

    .internal-modal.medium-modal footer {
      width: 810px; }

    .internal-modal footer .special-btn {
      padding: 8px 15px; }

    .internal-modal footer .blue-btn {
      margin-left: 10px;
      text-shadow: none; }

    .wide-modal .return {
      display: none; }

    .modal-close,
    .ui-dialog-titlebar-close {
      border: none;
      cursor: pointer;
      position: absolute;
      text-indent: -99999px;
      top: 50%;
      right: 30px;
      display: block;
      width: 17px;
      height: 17px;
      background: transparent url(/int-assets/img/icons/Close-Dark.svg) center no-repeat;
      background-size: 17px 17px;
      opacity: 0.55;
      margin: 0;
      margin-right: -10px;
      margin-top: -8px; }
      .modal-close:hover, .modal-close:active, .modal-close:focus,
      .ui-dialog-titlebar-close:hover,
      .ui-dialog-titlebar-close:active,
      .ui-dialog-titlebar-close:focus {
        background-color: transparent;
        opacity: 1; }

    .internal-modal.qrcode-large {
      width: 1020px; }

    .internal-modal.medium-modal {
      width: 870px; }

    /* Tables inside the Modal popup */
    .modal-table {
      height: 220px;
      overflow: auto; }

    .modal-table,
    .modal .modal-table p {
      color: #919191;
      font-size: 14px;
      text-shadow: 0px 1px 0px #fff; }

    .modal-content .modal-table p {
      margin-bottom: 0;
      padding-bottom: 0; }

    .modal-table .main-tbl-hdr {
      padding: 10px 15px 8px 15px; }

    .modal-table table.main-tbl tr {
      border-bottom: 1px solid #E1E1E1;
      display: block;
      padding: 0; }

    .modal-table table.main-tbl td {
      border: none; }

    .modal-table table.main-tbl td:first-child {
      padding-left: 15px; }

    .modal .modal-table a {
      font-size: 14px; }

    .medium-modal .gallery-thumbs {
      max-height: 455px; }

    .gallery-thumbs {
      max-height: 222px;
      overflow: auto;
      width: 265px; }

    .gallery-thumbs a {
      display: inline-block;
      height: 62px;
      margin: 0 10px 10px 0;
      overflow: hidden;
      padding: 0px; }

    .gallery-thumbs a:hover {
      border: 1px solid #4083a9; }

    .gallery-thumbs img {
      display: block;
      overflow: hidden;
      width: 68px; }

    .gallery-thumbs a:last-child {
      margin-right: 0; }

    .tab-wide-content .selected-img-prev {
      max-height: 200px; }

    .tab-wide-content .selected-img-prev img,
    .selected-vid-prev .selected-img-prev object {
      display: block;
      margin: 0 auto;
      max-height: 140px; }

    .modal-content .video-gallery a {
      height: 56px;
      padding: 2px; }

    .selected-vid-prev .selected-img-prev object {
      max-height: 190px;
      max-width: 225px; }

    .selected-vid-prev p {
      padding-bottom: 5px; }

    .move-popup td.check,
    .copy-popup td.check {
      width: 22px; }

    .move-popup td.list-name,
    .copy-popup td.list-name {
      line-height: 22px;
      text-align: left;
      width: 490px; }

    .skins li {
      border-bottom: 1px dashed #ccc;
      margin-bottom: 5px;
      padding: 5px; }

    .skins .active,
    .skins li:hover {
      background: #d7d7d7; }

    .skins li img {
      border: 1px solid #333;
      vertical-align: middle; }

    .modal-content .form-preview img {
      display: none; }

    .modal-content .form-preview img.visible {
      display: block; }

    .modal-content .tooltip-trigger p:last-child {
      padding-bottom: 0; }

    #cboxTitle {
      visibility: hidden; }

    /* Insert Image */
    .gallery-container {
      max-height: 340px;
      padding-right: 20px;
      overflow: auto; }

    .gallery-container .gallery-thumbs {
      max-height: inherit;
      overflow: inherit;
      width: auto; }

    .gallery-container ul li {
      float: left;
      margin-bottom: 10px;
      overflow: hidden; }

    .gallery-container .gallery-thumbs a {
      margin-bottom: 5px;
      margin-right: 10px; }

    .gallery-container .gallery-thumbs p {
      overflow: hidden;
      height: 30px;
      width: 74px; }

    .tab-wide-content {
      padding-left: 20px; }

    .insert-from-file p {
      font-size: 14px;
      padding-bottom: 10px; }

    table.tbl-clean {
      border: 1px solid #c1c1c1;
      border-radius: 6px; }

    .modal-content .doc-uploader {
      min-height: 67px; }

    /* edit image */
    .edit-image-nav {
      background: #ededed;
      box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3);
      border: 1px solid #c1c1c1;
      overflow: hidden; }

    .edit-image-nav .photo-edit-nav {
      background: #fbfbfb;
      background: linear-gradient(#fbfbfb, #eeeeee);
      list-style: none;
      float: left;
      display: block;
      width: 288px; }

    .edit-image-nav .photo-edit-nav li.selected a,
    .edit-image-nav .photo-edit-nav a:active {
      box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3); }

    .edit-image-nav .photo-edit-nav a {
      border-right: 1px solid #c1c1c1;
      padding: 10px 12px; }

    .edit-image-nav .photo-edit-nav a:hover,
    .edit-image-nav .photo-edit-nav li.selected a {
      background: #ebebeb;
      background: linear-gradient(#ebebeb, #d6d6d6); }

    .edit-image-nav .photo-edit-nav a:hover span,
    .edit-image-nav .photo-edit-nav li.selected a span {
      background-position-y: -46px; }

    .save-edit {
      float: right;
      margin: 15px 20px 0 0; }

    .edit-photo-container {
      background: #363636;
      overflow: hidden;
      padding: 20px 25px;
      position: relative; }

    .edit-frame-wrap {
      color: #d5d5d5;
      overflow: hidden; }

    .edit-photo-container a,
    .edit-frame-wrap a {
      color: #d5d5d5; }

    .edit-photo-col {
      float: left; }

    .edit-dimensions {
      padding-top: 50px;
      width: 130px; }

    .img-specs {
      background: url("/images/icn/editor-img-lock.png") no-repeat right 31px; }

    .img-specs label {
      display: block;
      margin-bottom: 5px; }

    .img-specs .txt-field {
      font-size: 14px;
      margin-bottom: 10px;
      width: 90px; }

    .edit-main {
      margin-left: 30px;
      position: relative;
      width: 600px; }

    .edit-viewer {
      text-align: center; }

    .edit-viewer img {
      max-height: 380px;
      max-width: 600px; }

    .edit-main h2,
    .edit-main h3 {
      color: #fff;
      margin: 0 0 20px 0;
      text-align: center; }

    .edit-frame-wrap h2 {
      font-size: 22px; }

    .edit-frame-wrap h3 {
      font-size: 18px; }

    .edit-finish {
      float: right;
      width: 100px; }

    .edit-finish a {
      font-weight: 600;
      display: block; }

    .edit-cancel {
      float: right;
      font-size: 14px;
      text-decoration: center;
      width: 42px; }

    .cancel-icon {
      background: url("/images/icn/editor-cancel-icn.png") no-repeat top center;
      display: block;
      height: 32px;
      margin-bottom: 5px; }

    .edit-cancel:hover {
      color: #fff; }

    .edit-cancel:hover .cancel-icon {
      background-position-y: -32px; }

    .edit-apply {
      bottom: 20px;
      font-size: 22px;
      position: absolute;
      right: 25px; }

    .edit-start .edit-dimensions,
    .edit-rotate .edit-dimensions {
      width: 70px; }

    .edit-start .edit-main h2 {
      margin: 0 0 5px 0; }

    .rotate-control {
      display: inline-block;
      height: 31px;
      position: relative;
      top: 200px;
      width: 16px; }

    .rotate-clockwise {
      background: url("/images/icn/editor-rotate-clockwise.png") no-repeat top left;
      float: left;
      right: 10px; }

    .rotate-control:hover {
      background-position-y: -31px; }

    .rotate-counterclock {
      background: url("/images/icn/editor-rotate-counterclock.png") no-repeat top left;
      float: right;
      left: 10px; }

    .edit-img-bg {
      background: #363636;
      margin: 0; }

    .edit-rescale .edit-apply,
    .edit-crop .edit-apply,
    .edit-start .edit-apply,
    .edit-rotate .edit-apply {
      right: 0; }

    .edit-photo-container .success {
      position: absolute;
      width: 860px; }

    /* specific contact */
    .preview-contact-email {
      padding: 10px 0 20px 0; }

    .preview-contact-email span {
      display: inline-block; }

    .preview-contact-label {
      color: #1d5082;
      font-size: 16px;
      font-weight: 600; }

    .preview-for-email {
      color: #4c81b7;
      font-size: 14px;
      font-weight: 600;
      margin-left: 10px; }

    .specific-contact .modal-content p {
      color: #6d6d6d;
      line-height: 20px; }

    .preview-more-email {
      padding-top: 10px; }

    .smaller-modal .modal-content .preview-more-email label {
      color: #5c5c5c;
      font-size: 14px; }

    .smaller-modal .modal-content input[type="text"] {
      background: #f9f9f9;
      border: 1px solid #c8c8c8;
      border-radius: 6px;
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      padding: 10px;
      width: 420px; }

    /* media gallery */
    .media-gallery-wrap {
      overflow: hidden; }

    .sub-media-gallery {
      height: 600px;
      overflow: hidden; }

    .media-main-nav {
      background: #3f4950;
      color: #8c9499;
      float: left;
      height: 600px;
      margin: 0;
      padding: 0px 15px;
      width: 65px; }

    .media-gallery-wrap > ul {
      list-style: none; }

    .media-main-nav > li {
      background: url("/images/icn/editor-media-mainnav2.svg") no-repeat center 0;
      background-size: 260px 145px;
      display: block;
      height: 29px;
      margin: 0 auto 60px auto;
      width: 65px; }

    .media-main-nav > li.media-video {
      background-position: center -29px; }

    .media-main-nav > li.media-files {
      background-position: center -58px; }

    .media-main-nav > li.media-flickr {
      background-position: center -87px; }

    .media-main-nav > li.media-stock {
      background-position: center -116px; }

    .media-main-nav > li > a {
      color: #8c9499;
      display: block;
      font-weight: 600;
      font-size: 14px;
      padding-top: 40px;
      text-align: center; }

    .media-main-nav > li > a:hover,
    .media-main-nav > li.ui-state-active a {
      color: #fff; }

    .media-sub-nav {
      border-right: 1px solid #b2b2b2;
      float: left;
      height: 600px;
      list-style: none;
      margin: 0;
      padding: 0 15px;
      position: relative;
      width: 34px; }

    .media-sub-nav > li a {
      background: url("/images/icn/editor-media-subnav.svg") no-repeat 0 0;
      background-size: 222px 57px;
      display: block;
      height: 27px;
      margin: 0 auto 40px auto;
      width: 37px; }

    .media-sub-nav > li a:hover,
    .media-sub-nav > .selected > a {
      background-position: 0 -27px; }

    .media-sub-nav > li.media-list a {
      background-position: -37px 0; }

    .media-sub-nav > li.media-list a:hover,
    .media-sub-nav > .media-list.selected > a {
      background-position: -37px -27px; }

    .media-sub-nav > li.media-search a {
      background-position: -74px 0; }

    .media-sub-nav > li.media-search a:hover,
    .media-sub-nav > .media-search.selected > a {
      background-position: -74px -27px; }

    .media-sub-nav > li.media-link a {
      background-position: -111px 0; }

    .media-sub-nav > li.media-link a:hover,
    .media-sub-nav > .media-link.selected > a {
      background-position: -111px -27px; }

    .media-sub-nav > li.media-upload a {
      background-position: -148px 0; }

    .media-sub-nav > li.media-upload a:hover,
    .media-sub-nav > .media-upload.selected > a {
      background-position: -148px -27px; }

    .media-sub-nav > li.media-folder a {
      background-position: -185px 0;
      display: none; }

    .media-sub-nav > li.media-folder a:hover,
    .media-sub-nav > .media-folder.selected > a {
      background-position: -185px -27px; }

    .media-gallery-main {
      height: 520px;
      overflow: auto;
      position: relative; }

    .media-selection-btns {
      margin: 0 20px 20px 0;
      padding-top: 20px;
      text-align: right;
      width: 810px; }

    .media-selection-btns .med-btn {
      color: #a1a1a1;
      font-size: 14px;
      margin-left: 10px;
      text-decoration: none; }

    .clear-selected,
    .delete-selected {
      display: none; }

    .media-selection-date {
      display: inline-block;
      position: relative; }

    .media-selection-date .med-btn {
      padding-right: 30px; }

    .media-selection-date .med-btn:after {
      content: '';
      display: block;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #a1a1a1;
      float: right;
      margin: 7px -14px 0 0;
      width: 0;
      height: 0; }

    .media-selection-date:hover .media-selection-filter {
      visibility: visible; }

    .media-selection-filter {
      background: #fff;
      border: 1px solid #c1c1c1;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      right: 0;
      top: 38px;
      visibility: hidden;
      min-width: 80px;
      z-index: 10; }

    .media-selection-filter a {
      color: #a1a1a1;
      display: block;
      font-size: 14px;
      font-weight: 600;
      padding: 5px 0;
      text-align: center;
      text-decoration: none; }

    .media-selection-filter a:hover {
      background: #e3e3e8;
      color: #3f4950; }

    .media-gallery-thumbs {
      padding: 0 20px; }

    .media-gallery-thumbs ul {
      list-style: none; }

    .media-gallery-thumbs > ul > li {
      display: block;
      float: left;
      margin: 0 16px 0px 16px;
      min-height: 194px;
      width: 145px; }

    .media-gallery-thumb {
      display: table;
      height: 100px;
      position: relative;
      text-align: center;
      width: 145px;
      box-sizing: border-box; }

    .thumb-gallery-img {
      border: 2px solid transparent;
      border-radius: 4px;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      box-sizing: border-box; }

    .media-gallery-thumbs > ul > li:hover .thumb-gallery-img {
      border-color: #04cdb0; }

    .thumb-gallery-img img {
      max-height: 100px;
      max-width: 145px; }

    .media-gal-btn {
      position: absolute;
      width: 145px;
      height: 100px;
      left: 0;
      top: 0;
      z-index: 1; }

    .media-gallery-thumb .med-btn {
      visibility: hidden;
      left: inherit;
      position: relative;
      top: 30%; }

    .media-gallery-thumb .med-btn:before {
      content: '';
      display: block; }

    .inserturl-list .media-gallery-thumb .med-btn {
      left: inherit;
      font-size: 12px; }

    .insert-btn {
      background: #04cdb0;
      /* IE fallback */
      background: rgba(4, 205, 176, 0.9);
      border: none;
      color: #fff;
      font-size: 14px;
      transition: background-color 300ms ease-out; }

    .insert-btn:hover {
      background: #1de2c6;
      background: rgba(29, 226, 198, 0.9); }

    .gallery-thumb-opts {
      padding-top: 10px; }

    .gallery-thumb-opts .checker {
      float: left; }

    .gallery-thumb-settings {
      float: right;
      position: relative; }

    .media-gallery-thumbs .gallery-thumb-settings > a {
      float: right; }

    .gallery-thumb-settings > a {
      background: url("/images/icn/editor-image-settings.svg") no-repeat 0 0;
      background-size: 18px 36px;
      display: block;
      height: 18px;
      width: 18px; }

    .gallery-thumb-settings > a:hover {
      background-position: 0 -18px; }

    .gallery-thumb-name {
      clear: both;
      color: #a1a1a1;
      display: block;
      height: 44px;
      overflow: hidden;
      margin-top: 5px;
      visibility: hidden;
      text-overflow: ellipsis;
      width: 120px; }

    .media-gallery-thumbs > ul > li:hover .gallery-thumb-settings {
      display: inline-block; }

    .media-gallery-thumbs > ul > li:hover .media-gallery-thumb .med-btn,
    .media-gallery-thumbs > ul > li:hover .gallery-thumb-name {
      visibility: visible; }

    #ancProgress {
      height: auto !important;
      padding-top: 100px;
      width: 710px !important; }

    .media-upload-bar,
    .media-folders-bar {
      border-right: none;
      display: none;
      float: left;
      height: 538px;
      width: 755px;
      padding: 20px; }

    .media-folders-bar {
      width: 175px; }

    .media-upload-bar {
      text-align: center; }

    .media-upload-content {
      border: 2px dashed #b2b2b2;
      border-radius: 6px;
      height: 513px;
      padding: 10px; }

    .media-dd-content p {
      background: url("/images/icn/editor-media-upload.svg") no-repeat top center;
      background-size: 69px 51px;
      color: #3f4950;
      font-size: 18px;
      font-weight: 600;
      line-height: 22px;
      margin: 120px auto 0 auto;
      padding-top: 60px;
      width: 100px; }

    .media-dd-content a,
    .media-nodd-content a {
      color: #31ade0;
      cursor: pointer;
      font-size: 14px;
      display: inline-block;
      margin-top: 10px;
      text-decoration: underline; }

    .media-dd-content .insert-btn,
    .media-nodd-content .insert-btn {
      color: #fff;
      text-decoration: none; }

    .media-upload-tooltip {
      color: #a1a1a1;
      margin-top: 20px;
      position: relative; }

    .media-upload-tooltip img {
      margin-right: 5px;
      display: inline-block;
      vertical-align: top; }

    .media-upload-tooltip img:hover + .infotip {
      visibility: visible; }

    .media-upload-tooltip .infoicon:hover + .infotip {
      visibility: visible; }

    .media-upload-tooltip .infotip {
      padding: 15px;
      position: absolute;
      right: 60px;
      text-align: left;
      top: 35px;
      width: 340px;
      visibility: hidden; }

    .media-upload-tooltip .infotip:before {
      border-top: none;
      border-bottom: 10px solid #525e66;
      bottom: inherit;
      left: 30px;
      top: -9px; }

    .media-upload-tooltip .infotip small {
      display: block;
      margin-top: 10px; }

    /*.media-nodd-content{margin-top: 120px;}*/
    .media-nodd-upload,
    .media-nodd-content a:first-child {
      display: block;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 5px; }

    .media-nodd-content small {
      color: #a1a1a1;
      display: block; }

    .media-nodd-content .med-btn {
      background: #04cdb0;
      color: #fff;
      padding: 11px 35px;
      text-decoration: none;
      transition: background-color 300ms ease-out; }

    .media-nodd-content .med-btn:hover {
      background: #1de2c6; }

    .media-upload-file {
      cursor: pointer;
      position: relative;
      visibility: hidden; }

    .media-upload-file:after {
      content: 'Browse for a file';
      color: #a1a1a1;
      display: block;
      font-size: 14px;
      left: 0;
      position: absolute;
      text-align: center;
      top: 0;
      visibility: visible;
      width: 130px; }

    .media-upload-content #ancManual {
      height: auto !important;
      width: auto !important; }

    .le9 .media-upload-content #ancManual {
      padding-top: 200px; }

    .media-upload-content #ancManual .dvUploadSuccessMsg,
    #dvUploading0 {
      float: none !important;
      text-align: center; }

    .media-folders-bar ul {
      list-style: none; }

    .media-folders-add {
      border-bottom: 1px solid #b2b2b2;
      overflow: hidden;
      padding: 5px 10px 7px 10px; }

    .media-folders-add p {
      color: #3f4950;
      display: inline-block;
      float: left;
      padding-top: 10px; }

    .media-folders-add .sm-btn {
      border-radius: 4px;
      color: #a1a1a1;
      float: right;
      font-size: 30px;
      font-weight: bold;
      line-height: 26px;
      padding: 2px 7px 0 7px; }

    .media-folders-add .sm-btn:hover {
      color: #3f4950; }

    .media-folders-list {
      display: block;
      padding: 10px 0; }

    .media-folders-list > li {
      background: url("/images/icn/editor-nav-folder.png") no-repeat 10px 3px;
      padding: 3px 3px 3px 30px; }

    .media-folders-list a {
      color: #a1a1a1; }

    .media-folders-list a {
      display: block;
      line-height: 16px; }

    .media-folders-list .delete-folder {
      background: url("/images/icn/editor-delete-folder.png") no-repeat;
      display: none;
      float: left;
      height: 17px;
      padding: 0 0 0 5px;
      width: 17px; }

    .media-folders-list a:hover {
      color: #666; }

    .media-folders-list > li > ul {
      position: relative; }

    .media-folders-list > li > ul > li {
      background: url("/images/icn/editor-nav-folder.png") no-repeat 5px 4px;
      padding: 4px 0 4px 25px; }

    /* OLD */
    .media-gallery-list-row {
      border-top: 1px solid #b2b2b2;
      overflow: hidden; }

    .media-gallery-list > li {
      color: #a1a1a1;
      float: left;
      display: block;
      font-size: 15px;
      list-style: none;
      padding: 0 15px; }

    .media-list-icon {
      border: 1px solid #fff;
      width: 50px; }

    .media-list-insert .insert-btn {
      line-height: 14px; }

    .media-list-name {
      width: 160px; }

    .media-list-date {
      width: 80px; }

    .media-list-meta {
      width: 80px; }

    .media-list-tools {
      width: 40px; }

    /* END */
    #images-gallery-list {
      display: none; }

    .media-gallery-list > table {
      border-top: 1px solid #b2b2b2; }

    .media-gallery-list tr td {
      color: #a1a1a1; }

    .media-gallery-list thead > tr > td,
    .media-gallery-list tbody > tr > td {
      border-bottom: 1px solid #b2b2b2;
      padding: 8px 10px; }

    .media-gallery-list thead > tr > td p {
      margin: 0; }

    .media-gallery-list tbody > tr:last-child > td {
      border: none; }

    .media-gallery-list .insert-btn:hover {
      background: #1de2c6; }

    .media-gallery-list .gallery-thumb-settings:hover .media-settings-dd,
    .media-gallery-thumbs .gallery-thumb-settings:hover .media-settings-dd {
      visibility: visible; }

    .media-settings-dd ul {
      margin: 0;
      padding: 0;
      list-style: none; }

    .media-settings-dd ul > li > a {
      color: #a1a1a1;
      cursor: pointer;
      display: block;
      font-size: 14px;
      font-weight: 600;
      padding: 5px 20px; }

    .media-settings-dd ul > li > a:hover {
      background: #e3e3e8;
      color: #3f4950; }

    .media-doc-icon {
      background: url("/images/icn/media-doc-icon.svg") no-repeat;
      display: inline-block;
      height: 26px;
      width: 25px; }

    .mediabar {
      background: #fff;
      border-top: 1px solid #b2b2b2;
      border-right: 1px solid #b2b2b2;
      border-bottom: 1px solid #b2b2b2;
      border-radius: 0 6px 6px 0;
      position: absolute;
      left: 65px;
      width: 300px;
      z-index: 1; }

    .mediabar-input {
      border: none;
      color: #3f4950;
      font-size: 14px;
      padding: 15px 10px;
      width: 248px; }

    .mediabar-close {
      background: url("/images/btn/search-gallery-close.png") no-repeat 0 0;
      display: inline-block;
      height: 15px;
      width: 15px; }

    .media-search-bar {
      top: 155px; }

    #media-files-gallery .media-search-bar {
      top: 81px; }

    .media-link-bar {
      top: 223px; }

    .files-gallery .media-link-bar {
      top: 154px; }

    .list-gallery-img {
      max-height: 30px;
      max-width: 47px; }

    .error-message {
      display: none;
      margin: 0 auto;
      position: absolute;
      text-align: center;
      width: 100%;
      top: 15%;
      z-index: 2; }

    .error-message-content {
      background: #cc6c61;
      box-shadow: inset 0 -5px 0 #ca4b3d, 0px 2px 10px rgba(0, 0, 0, 0.5);
      border-radius: 6px;
      color: #fff;
      display: inline-block;
      font-size: 18px;
      padding: 22px 20px;
      width: 500px;
      text-align: left; }

    .delete-selected-btns {
      margin: 15px auto 0 auto;
      text-align: center; }

    .delete-selected-btns .sm-btn {
      margin: 0 5px; }

    .gallery-load-more {
      clear: both;
      padding: 0 0 20px 0;
      text-align: center; }

    .search-results-bar {
      border-top: none;
      border-bottom: 1px solid #b2b2b2;
      display: inline-block;
      margin-bottom: 0px;
      width: 795px; }

    .search-results-keywords {
      color: #919191;
      overflow: hidden;
      padding: 20px 20px 20px 30px; }

    .search-results-keywords > p {
      float: left;
      margin: 0;
      width: 660px; }

    .search-results-close {
      background: url("/images/btn/search-gallery-close.svg") no-repeat;
      background-size: 15px 30px;
      display: block;
      float: right;
      height: 15px;
      width: 15px; }

    .search-results-close:hover {
      background-position: 0 -15px; }

    iframe {
      border: none; }

    .ui-dialog .ui-dialog-titlebar {
      background: white;
      border-radius: 3px 3px 0 0;
      padding: 0;
      text-align: center;
      height: 62px;
      color: #3d4160;
      font-size: 18px;
      font-weight: 600;
      line-height: 30px;
      border-bottom: 1px solid rgba(151, 151, 151, 0.2);
      position: relative; }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      position: absolute;
      overflow: hidden !important;
      text-overflow: ellipsis;
      white-space: nowrap;
      left: 45px;
      right: 45px;
      top: 0;
      line-height: 62px;
      width: auto !important; }

    .ui-widget-overlay {
      background: #2c3e52;
      opacity: .80;
      filter: Alpha(Opacity=80);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 2; }

    .ui-dialog {
      z-index: 3; }

    .media-upload-content #dvUploadErr {
      background: #ca6e61;
      box-shadow: inset 0 -3px 0 #c74533;
      border-radius: 5px;
      color: #fff;
      max-width: 600px;
      margin: 10px auto 0 auto;
      padding: 10px 15px; }

    .media-upload-content #dvUploadErr > div:first-child {
      display: none; }

    /* template type */
    .popup-grey-hdr {
      color: #a1a1a1;
      font-weight: 600;
      margin-top: 0;
      font-size: 28px;
      text-align: center; }

    .template-type-select {
      display: block;
      list-style: none;
      overflow: hidden;
      text-align: center; }

    .template-type-select li {
      display: inline-block;
      margin: 10px 30px 0 30px; }

    .template-type-select > li > a {
      background: #bbcdbc;
      border: 3px solid #fff;
      border-radius: 3px;
      display: block;
      padding: 20px 14px 14px 14px;
      position: relative;
      width: 97px; }

    .template-type-select > li > a:hover {
      border: 3px solid #04cdb0; }

    .template-type-select > li > a:before {
      border-radius: 3px 3px 0 0;
      content: '';
      display: block;
      left: 0;
      padding: 3px 0 4px 0;
      position: absolute;
      top: 0;
      width: 100%; }

    .template-type-select > li > a > span {
      background: url("/images/icn/editor-layouts2.png") no-repeat 0 0;
      display: block;
      height: 111px;
      width: 97px; }

    .template-type-select > li > .onetwo-col > span {
      background-position: -97px 0; }

    .template-type-select > li > .layout01 {
      background-color: #46bdd7;
      padding: 14px 8px 8px 8px;
      width: auto; }

    .template-type-select > li > .layout01 > span {
      background-color: #bbcdbc;
      border: 6px solid #bbcdbc; }

    .template-type-select > li > .onetwo-col:after {
      background: #46bdd7;
      content: '';
      display: block;
      height: 69px;
      left: 0;
      position: absolute;
      top: 7px;
      width: 100%; }

    .template-type-select > li > .onetwo-col > span {
      position: relative;
      z-index: 1; }

    .ui-widget.ui-widget-content.editor-slider {
      box-shadow: none; }

    .editor-slider .ui-slider-handle {
      background: none;
      border: none; }

    .preloaderOverlay {
      background-color: rgba(48, 61, 111, 0.43);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0;
      position: fixed;
      left: 0;
      z-index: 2050; }
      .preloaderOverlay .preloader {
        margin: 0 auto;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -35px; }
      .preloaderOverlay .loading-animation {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -30px;
        margin-top: -30px; }

    /* Guide fix */
    .guideOption {
      position: absolute;
      right: 5px;
      top: 5px;
      margin: 0; }

    .guideBorder {
      position: absolute;
      left: 3px;
      top: 3px;
      bottom: 3px;
      right: 3px; }

    td[name="bmePreHeader"] > div:nth-child(4) .guideBorder {
      top: 3px; }

    td[name="bmeFooter"] > div:last-of-type .guideBorder {
      bottom: 3px; }

    .guideOption,
    .guideBorder {
      display: none; }

    .blk_wrapper:not(.blk_edit):not(.blk_shadow):hover .guideOption,
    .blk_wrapper:not(.blk_edit):not(.blk_shadow):hover .guideBorder {
      display: block; }

    .ui-droppable-active .guideOption,
    .ui-droppable-active .guideBorder {
      display: none !important; }

    .ui-droppable-active:hover table[name='blk_blank'] {
      display: none; }

    /* Areas Fix */
    .blk_container {
      position: relative; }

    .areaborder {
      display: none;
      z-index: 30; }

    #_BME_dvEditArea .areaborder {
      visibility: visible !important; }

    .drag-block-label {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      box-sizing: border-box;
      text-align: left;
      width: auto !important;
      pointer-events: none; }

    .drag-block-wrapper {
      position: absolute;
      left: 3px;
      top: 3px;
      bottom: 3px;
      right: 3px;
      box-sizing: border-box;
      pointer-events: none; }

    td[name="bmeFooter"] .drag-block-wrapper {
      bottom: 3px; }

    .blk_wrapper {
      position: relative; }

    /* Preloader fix */
    .editor-main .editor-template {
      min-height: calc(100vh - 54px - 56px - 63px) !important;
      height: auto; }

    #_BME_dvEditArea {
      line-height: 1.2;
      min-height: 100%;
      width: calc(100% - 370px);
      margin-left: 370px;
      overflow-y: scroll; }

    #_BME_dvTextArea {
      width: 100%;
      background: #ebebeb;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: auto;
      padding-top: 20px; }

    .editor-main.editor-full #_BME_dvEditArea {
      width: 100%;
      margin-left: 0; }

    #_BME_dvEditArea .loading-animation-wrapper {
      left: 370px;
      right: 0;
      top: 0;
      bottom: 0;
      position: absolute;
      /*background-color: #e6e6e8;*/
      background-color: rgba(255, 255, 255, 0.3); }

    .editor-main.editor-full #_BME_dvEditArea .loading-animation-wrapper {
      left: 0; }

    #_BME_dvEditArea .loading-animation {
      width: 60px;
      height: 60px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -30px;
      margin-left: -30px; }

    .email-thumbnail {
      border: none;
      position: absolute;
      width: 600px;
      left: 50%;
      top: 65px;
      margin-left: -300px;
      filter: blur(8px); }

    /* Update Handlers */
    .guideOption > div:before {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      background-size: 16px 16px;
      background-position: center center;
      background-repeat: no-repeat; }

    .dragHandle:before {
      background-image: url(/int-assets/img/dd-editor/move-icon.svg); }

    .editHandle:before {
      background-image: url(/int-assets/img/dd-editor/edit-icon.svg); }

    .copyHandle:before {
      background-image: url(/int-assets/img/dd-editor/copy-icon.svg); }

    .deleteHandle:before {
      background-image: url(/int-assets/img/dd-editor/delete-icon.svg); }

    #_BME_dvEditArea .sortable-drag.blk_wrapper {
      opacity: 1 !important; }

    #_BME_dvEditArea .sortable-ghost.blk_wrapper > * {
      display: none; }

    #_BME_dvEditArea .sortable-ghost.blk_wrapper {
      display: block;
      background: #30D8A2;
      border: none;
      color: #fff;
      font-weight: 600;
      padding: 30px 0px;
      position: relative;
      list-style: none;
      opacity: 1;
      width: 100%;
      margin: 0;
      box-sizing: border-box; }
      #_BME_dvEditArea .sortable-ghost.blk_wrapper:before {
        content: 'Drop Here';
        display: block;
        text-align: center;
        font-size: 16px;
        color: white; }
      #_BME_dvEditArea .sortable-ghost.blk_wrapper:after {
        border: 3px dashed #e6e6e8;
        border-radius: 3px;
        content: '';
        display: block;
        position: absolute;
        left: calc(2.5%);
        right: calc(2.5%);
        top: calc(15%);
        bottom: calc(15%);
        box-sizing: content-box; }

    .sortable-ghost .guideOption,
    .sortable-ghost .guideBorder {
      display: none !important; }

    .sortable-drag.sortable-chosen .guideOption,
    .sortable-drag.sortable-chosen .guideBorder {
      opacity: 0; }

    #_BME_dvEditArea.sortable-active .guideOption,
    #_BME_dvEditArea.sortable-active .guideBorder {
      display: none !important; }

    .blk_container.sortable-active-section .drag-block-label,
    .blk_container.sortable-active-section .drag-block-wrapper {
      outline-color: #30D8A2;
      z-index: 25; }

    .blk_container.sortable-active-section .drag-block-label {
      background-color: #30D8A2; }

    .blk_wrapper[name="blk_blank"],
    .blk_wrapper_area[name="blk_blank"] {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      text-align: center;
      vertical-align: middle;
      color: rgba(0, 0, 0, 0.3);
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
      cursor: default; }

    .bmeHolderArea {
      position: relative; }
      .bmeHolderArea .blk_wrapper[name="blk_blank"],
      .bmeHolderArea .blk_wrapper_area[name="blk_blank"] {
        border: 3px dashed #cfcfda;
        border-radius: 3px;
        margin: 20px;
        color: #71738f;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
        .bmeHolderArea .blk_wrapper[name="blk_blank"] span,
        .bmeHolderArea .blk_wrapper_area[name="blk_blank"] span {
          width: 100%;
          opacity: 0.5;
          font-weight: 500;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%); }

    .blk_container.sortable-active-section .blk_wrapper[name="blk_blank"] {
      opacity: 0;
      padding: 0;
      height: 0;
      min-height: 0;
      overflow: hidden;
      position: absolute; }

    body.is-grabbing {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: move !important;
      cursor: grabbing !important;
      cursor: -webkit-grabbing !important; }
      body.is-grabbing * {
        cursor: move !important;
        cursor: grabbing !important;
        cursor: -webkit-grabbing !important; }
      body.is-grabbing header.internal,
      body.is-grabbing #mainHeader,
      body.is-grabbing .editor-tools,
      body.is-grabbing .editor-template-bar {
        pointer-events: none; }

    .tests-selected {
      padding-top: 25px;
      border-top: 1px solid #e6e6e8;
      text-align: left;
      margin-bottom: 45px; }

    body .ui-dialog .ui-dialog-content {
      overflow: hidden; }

    .inline {
      display: flex;
      align-items: center;
      justify-content: space-between; }

    @media only screen and (max-width: 768px) {
      div:not(#_BME_dvEditArea) .bmlp-hide-on-mobile {
        display: none !important; } }
    @media only screen and (min-width: 768px) {
      div:not(#_BME_dvEditArea) .bmlp-hide-on-desktop {
        display: none !important; } }
    #_BME_dvEditArea.mobile-view-on #main {
      width: 320px !important;
      min-width: 320px !important;
      margin: 20px auto; }
      #_BME_dvEditArea.mobile-view-on #main.marginWithAreasVisibles {
        margin: 50px auto; }
      #_BME_dvEditArea.mobile-view-on #main .m-center {
        flex-direction: column; }
    #_BME_dvEditArea.mobile-view-on .bmlp-hide-on-mobile {
      display: none !important; }
    #_BME_dvEditArea.mobile-view-on .bmlp-hide-on-desktop {
      display: block !important; }
    #_BME_dvEditArea.desktop-view-on #main {
      min-width: 768px !important; }
      #_BME_dvEditArea.desktop-view-on #main.marginWithAreasVisibles {
        margin: 50px 20px 20px 20px; }

    #_BME_dvEditArea.desktop-view-on .bmlp-hide-on-desktop {
      display: none !important; }
    #_BME_dvEditArea.desktop-view-on .bmlp-hide-on-mobile {
      display: block !important; }

    @media only screen and (max-width: 480px) {
      .bmeSectionArea.two-cols .m-center {
        flex-direction: column; } }
    @media only screen and (max-width: 768px) {
      .bmeSectionArea.three-cols .m-center {
        flex-direction: column; } }
    @media only screen and (max-width: 992px) {
      .bmeSectionArea.four-cols .m-center {
        flex-direction: column; } }
    #_BME_dvEditArea.mobile-view-on .m-center {
      max-width: 100% !important; }
    #_BME_dvEditArea.mobile-view-on .min-height-for-mobile {
      min-height: 200px; }

    main#main .bmeImage img:not([data-customwidth]), main#main div[name="bmeImgHolder"] img:not([data-customwidth]) {
      width: 100% !important;
      height: auto;
      vertical-align: middle !important; }

    /* Preview */
    body.blue,
    .bluebg {
      background: #4a5b6d;
      background: radial-gradient(circle, #69798a 40%, #4a5b6d);
      height: 100%;
      margin: 0;
      position: absolute;
      top: 0;
      width: 100%; }

    .bluebg {
      z-index: 510; }

    .previewwrapper {
      height: 100%;
      margin: 0 auto;
      min-width: 960px;
      position: relative;
      max-width: 100%;
      overflow-x: hidden;
      padding-top: 56px;
      padding-bottom: 63px;
      box-sizing: border-box;
      line-height: 1.2; }
      .previewwrapper .min-height {
        min-height: 200px; }
      .previewwrapper div[name="blk_blank"] {
        display: block !important; }

    .previewclose {
      background: #efefef url("/images/icn/editor-preview-close.svg") no-repeat center;
      background-size: 15px 15px;
      border-radius: 0 0 8px 8px;
      cursor: pointer;
      display: inline-block;
      position: absolute;
      padding: 28px 30px;
      right: 30px;
      top: 0; }

    .previewclose:hover {
      background-color: #fff; }

    .previewclose span {
      display: none; }

    .preview-views .layouts-nav,
    .previewfooter .layouts-nav {
      display: inline-block;
      margin-top: 5px;
      width: auto;
      line-height: 1.2; }

    .preview-views .layouts-nav > a:first-child,
    .previewfooter .layouts-nav > a:first-child {
      width: auto; }

    .preview-views .layouts-nav > a,
    .previewfooter .layouts-nav > a {
      border-right: 1px solid #525e66;
      cursor: pointer;
      display: inline-block;
      font-weight: 600;
      padding: 8px 40px;
      width: auto; }

    .preview-views .layouts-nav > a:last-child,
    .previewfooter .layouts-nav > a:last-child {
      border-right: none; }

    .preview-views .editor-test-email {
      position: absolute;
      right: 120px;
      top: 0; }

    .preview-views .editor-test-email .editor-test-btn {
      margin-top: 10px; }

    .preview-views .editor-test-email .editor-test-menu {
      bottom: 50px;
      width: 120px; }

    .preview {
      background: #fff;
      border-radius: 8px 8px 0 0;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      clear: both;
      height: 100%;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      top: 0;
      width: 762px; }

    .previewheader {
      background: #fcfcfc;
      border-bottom: 1px solid #f0f0f0;
      border-radius: 8px 8px 0 0;
      color: #646464;
      font-size: 18px;
      padding: 15px 0;
      text-align: center; }

    .previewsidebar {
      float: left;
      padding: 28px 0;
      width: 164px; }

    .previewsidebar a {
      background: #b6c2cc;
      background: linear-gradient(#b6c2cc 0%, #909fae 100%);
      border: 1px solid #a6b3bd;
      color: white;
      display: block;
      font-size: 18px;
      font-weight: 600;
      padding: 7px 0 7px 20px;
      text-shadow: 0 1px #7f92a1;
      text-transform: uppercase; }

    .previewsidebar a span {
      margin-right: 18px; }

    .email {
      background: #fff;
      width: 762px;
      position: absolute;
      top: 134px;
      border-top: 1px solid #EBECEF;
      bottom: 0;
      box-sizing: border-box;
      overflow-y: scroll; }

    .preview.no-hdr .email {
      border-top: none;
      top: 53px; }

    .preview.no-hdr.no-label .email {
      top: 31px; }

    .preview-hdr-info {
      background: #fff;
      color: #919191;
      padding: 10px 20px;
      height: 61px;
      overflow: auto;
      box-sizing: content-box; }

    .mobile-device .preview-hdr-info {
      width: 280px;
      height: 96px;
      border-left: 1px solid #cecece;
      border-right: 1px solid #cecece;
      border-top: 1px solid #cecece;
      border-bottom: none;
      box-sizing: content-box; }

    .preview-hdr-info p {
      margin: 0;
      line-height: 1.2; }

    .preview-viewemail {
      color: #4084a6;
      font-weight: 600;
      padding-bottom: 10px; }

    .preview-viewfrom {
      font-weight: 600; }

    .previewfooter {
      background: #fcfcfc;
      border-top: 1px solid #EBECEF;
      bottom: 0;
      min-width: 920px;
      position: fixed;
      text-align: center;
      z-index: 1;
      width: 100%; }

    .previewfooter .device {
      margin: 10px auto;
      display: inline-block; }

    .previewfooter .device li {
      list-style: none;
      display: inline-block;
      position: relative; }

    .previewfooter .device a {
      background: #fcfcfc;
      border: 1px solid #EBECEF;
      border-radius: 6px;
      cursor: pointer;
      display: inline-block;
      padding: 5px 20px;
      position: relative; }

    .previewfooter .device li:first-child {
      left: 7px;
      z-index: 1; }

    .previewfooter .device li a.active {
      background: #ebebeb; }

    .previewfooter .device a span {
      background-image: url("/images/icn/preview-sprite.png");
      background-repeat: no-repeat;
      display: inline-block;
      height: 26px;
      width: 28px; }

    .previewfooter .device a.active .desktop {
      background-position: 0 -26px; }

    .previewfooter .device a.active .phone {
      background-position: -29px -26px; }

    .previewfooter .device a .phone {
      background-position: -29px 0; }

    .previewfooter .right_buttons {
      margin: 10px 0;
      position: absolute;
      right: 30px; }
      @media (max-width: 992px) {
        .previewfooter .right_buttons {
          display: none; } }

    .previewfooter .right_buttons li {
      display: inline-block;
      margin-right: 15px; }

    .previewfooter .right_buttons li:last-child {
      margin-right: 0; }

    .inbox-preview-frame {
      border: none;
      height: 100%;
      width: 100%; }

    /* new mobile wrapper */
    .mobile-device {
      background: #f7f7f8;
      border: 4px solid #efefef;
      border-bottom: none;
      box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
      border-radius: 50px 50px 0 0;
      padding: 40px 15px 0 15px;
      position: relative;
      height: 100%;
      box-sizing: border-box;
      width: 360px;
      margin: 0 auto; }

    .mobile-device .iphonecontent {
      background: #fff;
      width: 322px;
      border-left: 1px solid #EBECEF;
      border-right: 1px solid #EBECEF;
      border-top: 1px solid #e1e1e1;
      box-sizing: border-box;
      position: absolute;
      top: 225px;
      bottom: 0; }

    .mobile-device:before {
      background: #efefef;
      border-radius: 2px 2px 0 0;
      border-left: 2px solid #d8d8d8;
      box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.2), 0 -2px 6px rgba(0, 0, 0, 0.1);
      content: '';
      display: inline-block;
      height: 5px;
      position: absolute;
      right: 44px;
      top: -8px;
      width: 50px; }

    .mobile-device.no-hdr .iphonecontent {
      top: 109px; }

    .mobile-device .mobile-sidebar {
      position: absolute;
      top: 110px;
      left: -9px; }

    .mobile-device .mobile-sidebar span {
      background: #efefef;
      border-radius: 2px 0 0 2px;
      box-shadow: inset -1px 0px 2px rgba(0, 0, 0, 0.2);
      display: block;
      height: 30px;
      margin-bottom: 20px;
      width: 5px; }

    .mobile-device .mobile-sidebar span:first-child {
      height: 40px; }

    .mobile-device .mobile-hdr {
      margin: 0 auto;
      padding-bottom: 30px;
      text-align: center; }

    .mobile-device .mobile-hdr-cam {
      background: linear-gradient(140deg, #064a6e 0%, #064a6e 50%, #110a06 51%, #110a06 100%);
      border: 3px solid #d8d8d8;
      border-radius: 100%;
      display: inline-block;
      height: 8px;
      width: 8px; }

    .mobile-device .mobile-hdr-speaker {
      background: #68747b;
      border: 3px solid #e3e3e4;
      box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
      border-radius: 6px;
      display: block;
      height: 6px;
      margin: 10px auto 0 auto;
      width: 60px; }

    /* end */
    .mobile-preview-frame {
      border: none;
      height: 100%;
      width: 100%; }

    .preview-views {
      height: 42px;
      margin: 10px 0;
      text-align: center; }

    .preview-view-nav {
      display: inline-table; }

    .preview-view-nav .med-btn {
      background: #fff;
      padding: 5px 20px; }

    .preview-view-nav .med-btn.selected {
      background: #ebebeb;
      position: relative; }

    .preview-view-nav .med-btn.selected:first-child {
      right: -7px; }

    .preview-view-nav .med-btn:last-child {
      left: -7px; }

    .preview-view-nav .med-btn span {
      background-image: url("/images/icn/preview-sprite.png");
      background-repeat: no-repeat;
      display: inline-block;
      height: 26px;
      width: 28px; }

    .view-phone {
      background-position: -29px 0; }

    .preview-view-nav .selected .view-phone {
      background-position: -29px -26px; }

    .preview-view-nav .selected .view-desktop {
      background-position: 0 -26px; }

    .preview-bar {
      min-width: 920px; }

    .preview-bar .editor-template-opts {
      margin-bottom: 20px; }

    .preview-bar .editor-template-opts .med-btn {
      position: absolute;
      right: 20px; }

    .preview-bar .editor-test-menu {
      bottom: 58px; }

    #emailpreviewdialog {
      min-width: 960px; }
      #emailpreviewdialog .guideOption, #emailpreviewdialog .guideBorder {
        display: none !important; }

    .editor-template-bar {
      background: #fcfcfc;
      border: 1px solid #EBECEF;
      bottom: 0;
      box-shadow: inset 0px 1px 0px #fff;
      position: fixed;
      z-index: 520;
      width: 100%;
      height: 62px;
      min-width: 500px;
      box-sizing: content-box; }

    .editor-template-opts {
      float: right;
      padding-right: 30px; }

    .editor-template-opts .med-btn {
      font-size: 14px;
      margin-right: 10px;
      position: relative;
      text-transform: capitalize;
      top: 10px;
      text-decoration: none; }

    #frLoading {
      background-color: white;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0;
      position: absolute;
      left: 0;
      z-index: 10; }
      #frLoading .loading-animation {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -30px;
        margin-top: -30px; }

    #spamCheckResult > div:not(.loading-animation) {
      overflow: auto !important;
      width: 100% !important;
      height: auto !important; }
    #spamCheckResult table:not(.fs11) tr {
      display: block;
      position: relative;
      margin-bottom: 33px;
      max-width: 640px; }
    #spamCheckResult table:not(.fs11) td {
      width: 100%;
      display: block;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.8; }
      #spamCheckResult table:not(.fs11) td span {
        font-size: 14px !important; }
    #spamCheckResult table:not(.fs11) td.fs12.b {
      font-weight: 600;
      line-height: 1.8;
      font-size: 14px;
      color: #3d4160;
      margin-bottom: 6px; }
    #spamCheckResult table.fs11 {
      width: 100%; }
      #spamCheckResult table.fs11 td {
        text-align: left;
        background-color: transparent !important;
        padding: 20px 25px; }
      #spamCheckResult table.fs11 b {
        font-weight: 600 !important; }
      #spamCheckResult table.fs11 tr:first-of-type {
        border-bottom: 1px solid #ebecef; }
    #spamCheckResult > div:not(.loading-animation):not(.pt15) {
      box-shadow: 0 1px 2px 0 rgba(61, 65, 96, 0.1);
      border: 1px solid rgba(61, 65, 96, 0.15); }

    .dd-subnav-tabs {
      background: #fff;
      display: block;
      overflow: hidden;
      position: fixed;
      width: 370px;
      z-index: 110;
      left: 0;
      top: 54px;
      margin: 0;
      padding: 0; }

    .dd-subnav-tabs li {
      float: left;
      height: 56px;
      overflow: hidden;
      margin: 0 0 0 10px; }

    .dd-subnav-tabs li button {
      cursor: pointer;
      vertical-align: middle;
      padding: 0 5px;
      box-sizing: border-box;
      width: 110px;
      margin: 0;
      height: 56px;
      line-height: 18px;
      font-weight: 600;
      text-align: center;
      outline: none;
      border: none;
      border-top: 3px solid #fff;
      border-bottom: 3px solid #fff;
      color: #3d4160;
      text-decoration: none;
      background-color: white; }
      .dd-subnav-tabs li button[disabled] {
        cursor: not-allowed; }

    body:not(.is-grabbing) .dd-subnav-tabs li:hover button:not([disabled]) {
      border-bottom-color: #30D8A2; }

    .dd-subnav-tabs .selected button {
      border-bottom-color: #30D8A2; }

    .dd-subnav-tabs li button span {
      background-image: url("/int-assets/img/dd-editor/editor-sidebar-nav2.svg");
      background-repeat: no-repeat;
      cursor: pointer;
      display: inline-block;
      height: 33px;
      width: 33px;
      background-size: 132px 66px; }

    .full-width {
      background: url("/int-assets/img/dd-editor/editor-full-width-v2.svg") no-repeat 0 0;
      background-size: 27px 56px;
      cursor: pointer;
      height: 23px;
      position: absolute;
      width: 27px;
      z-index: 1;
      top: 17px;
      left: 385px; }

    body:not(.is-grabbing) .full-width:hover {
      background-position: 0 -32px; }

    .editor-full .sidebar-editblock-name,
    .editor-full .dd-subnav-tabs {
      display: none; }
    .editor-full .full-width {
      left: 15px; }
    .editor-full .editor-tools {
      padding-left: 55px; }

    .editor-tools {
      background: #fff;
      height: 43px;
      overflow: visible;
      padding: 5px 25px 8px 55px;
      padding-left: 425px;
      position: fixed;
      left: 0;
      right: 0;
      z-index: 35;
      min-width: 590px;
      box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15); }
      .editor-tools div.selector span {
        color: #585858;
        font-weight: normal;
        text-shadow: none;
        -webkit-font-smoothing: auto; }

    .editor-tools.no-full-width {
      padding-left: 370px; }

    .format-tools .format-tool-menu .colorpicker_more {
      background: url("/images/icn/more-colors.png") no-repeat left;
      color: #909ba2;
      font-weight: 600;
      display: inline-block;
      margin: 15px 0 0 0;
      padding: 2px 0 2px 22px; }

    .format-tools .format-tool-menu .colorpicker_more:hover {
      color: #525e66; }

    .format-align .format-tool-menu a {
      display: block;
      padding: 0; }

    .format-align .format-tool-menu a {
      margin-bottom: 13px; }

    .format-align .format-tool-menu a:last-of-type {
      margin-bottom: 3px; }

    .format-tool-menu a {
      color: #3d4160;
      font-size: 12px;
      cursor: pointer;
      display: block;
      padding: 8px 24px;
      line-height: 1.231;
      text-decoration: none; }

    .format-tools .format-tool-menu a:hover {
      color: #30D8A2; }

    .format-tool-menu.visible {
      visibility: visible;
      left: 0; }

    .format-merge-plaintext {
      margin-top: 10px; }

    .format-tools-nav {
      float: left;
      margin: 10px 5px 0 10px;
      list-style: none; }

    .format-tools-nav:first-child {
      margin-left: 20px; }

    .format-tools-nav li {
      float: left;
      margin-right: 20px; }

    .format-tools-nav li:last-child {
      margin-right: 10px; }

    .format-tools .hidden {
      display: none; }

    .format-tools .tool-btn {
      color: #3d4160;
      font-size: 12px;
      display: inline-block;
      padding: 6px 35px 7px 10px;
      line-height: 1rem; }

    .format-tools .tool-disabled .tool-btn {
      color: #cacaca;
      cursor: default; }

    .format-tools .tool-disabled .tool-dd,
    .format-tools .tool-disabled.tool-btn-dd .tool-btn {
      cursor: default; }

    .format-tools .tool-btn-dd .tool-btn {
      max-width: 110px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 12px;
      line-height: 16px;
      font-size: 12px;
      cursor: pointer;
      text-decoration: none; }

    .format-tools .tool-btn-dd.format-font-style .tool-btn {
      width: 110px; }

    .format-tools .tool-btn-dd.format-size .tool-btn {
      width: 30px; }

    .tool-icon {
      background-image: url(/int-assets/img/dd-editor/editor-format-tools-v2.svg);
      background-size: 870px 110px;
      background-repeat: no-repeat;
      cursor: pointer;
      display: inline-block;
      height: 25px;
      margin-top: 2px;
      margin-bottom: 3px;
      position: relative;
      vertical-align: middle;
      width: 30px; }

    .tool-bold {
      background-position: 0 -2px; }

    .tool-bold:hover,
    .tool-bold.tool-selected {
      background-position: 0 -42px; }

    .tool-bold.tool-disabled {
      cursor: default;
      background-position: 0 -82px; }

    .tool-italic {
      background-position: -40px -2px; }

    .tool-italic:hover,
    .tool-italic.tool-selected {
      background-position: -40px -42px; }

    .tool-italic.tool-disabled {
      cursor: default;
      background-position: -40px -82px; }

    .tool-underline {
      background-position: -80px -2px; }

    .tool-underline:hover,
    .tool-underline.tool-selected {
      background-position: -80px -42px; }

    .tool-underline.tool-disabled {
      cursor: default;
      background-position: -80px -82px; }

    .tool-strike {
      background-position: -120px -2px; }

    .tool-strike:hover,
    .tool-strike.tool-selected {
      background-position: -120px -42px; }

    .tool-strike.tool-disabled {
      cursor: default;
      background-position: -120px -82px; }

    .tool-textcolor {
      background-position: -160px -2px;
      position: relative; }

    .tool-textcolor:hover,
    .tool-textcolor.tool-selected {
      background-position: -160px -42px; }

    .tool-disabled .tool-textcolor,
    .tool-textcolor.tool-disabled {
      cursor: default;
      background-position: -160px -82px; }

    .tool-numlist {
      background-position: -200px -2px; }

    .tool-numlist:hover,
    .tool-numlist.tool-selected {
      background-position: -200px -42px; }

    .tool-numlist.tool-disabled {
      cursor: default;
      background-position: -200px -82px; }

    .tool-bullist {
      background-position: -240px -2px; }

    .tool-bullist:hover,
    .tool-bullist.tool-selected {
      background-position: -240px -42px; }

    .tool-bullist.tool-disabled {
      cursor: default;
      background-position: -240px -82px; }

    .tool-link {
      background-position: -280px -2px; }

    .tool-link:hover,
    .tool-link.tool-selected {
      background-position: -280px -42px; }

    .tool-link.tool-disabled {
      cursor: default;
      background-position: -280px -82px; }

    .tool-unlink {
      background-position: -320px -2px; }

    .tool-unlink:hover,
    .tool-unlink.tool-selected {
      background-position: -320px -42px; }

    .tool-unlink.tool-disabled {
      cursor: default;
      background-position: -320px -82px; }

    .tool-anchor {
      background-position: -360px -2px; }

    .tool-anchor:hover,
    .tool-anchor.tool-selected {
      background-position: -360px -42px; }

    .tool-anchor.tool-disabled {
      cursor: default;
      background-position: -360px -82px; }

    .tool-image {
      background-position: -400px -2px; }

    .tool-image:hover,
    .tool-image.tool-selected {
      background-position: -400px -42px; }

    .tool-image.tool-disabled {
      cursor: default;
      background-position: -400px -82px; }

    .tool-video {
      background-position: -440px -2px; }

    .tool-video:hover,
    .tool-video.tool-selected {
      background-position: -440px -42px; }

    .tool-video.tool-disabled {
      cursor: default;
      background-position: -440px -82px; }

    .tool-attach {
      background-position: -480px -2px; }

    .tool-attach:hover,
    .tool-attach.tool-selected {
      background-position: -480px -42px; }

    .tool-attach.tool-disabled {
      cursor: default;
      background-position: -480px -82px; }

    .tool-check {
      background-position: -520px -2px; }

    .tool-check:hover,
    .tool-check.tool-selected {
      background-position: -520px -42px; }

    .tool-check.tool-disabled {
      cursor: default;
      background-position: -520px -82px; }

    .tool-clipboard {
      background-position: -560px -2px; }

    .tool-clipboard:hover,
    .tool-clipboard.tool-selected {
      background-position: -560px -42px; }

    .tool-clipboard.tool-disabled {
      cursor: default;
      background-position: -560px -82px; }

    .tool-code {
      background-position: -600px -2px; }

    .tool-code:hover,
    .tool-code.tool-selected {
      background-position: -600px -42px; }

    .tool-code.tool-disabled {
      cursor: default;
      background-position: -600px -82px; }

    .tool-undo {
      background-position: -640px -2px; }

    .tool-undo:hover,
    .tool-undo.tool-selected {
      background-position: -640px -42px; }

    .tool-undo.tool-disabled {
      cursor: default;
      background-position: -640px -82px; }

    .tool-redo {
      background-position: -680px -2px; }

    .tool-redo:hover,
    .tool-redo.tool-selected {
      background-position: -680px -42px; }

    .tool-redo.tool-disabled {
      cursor: default;
      background-position: -680px -82px; }

    .tool-alignleft {
      background-position: -720px -2px; }

    .format-align > a.tool-alignleft {
      width: 48px; }

    .tool-alignleft:hover,
    .tool-alignleft.tool-selected {
      background-position: -720px -42px; }

    .tool-alignleft.tool-disabled {
      cursor: default;
      background-position: -720 -82px; }

    .tool-aligncenter {
      background-position: -760px -2px; }

    .tool-aligncenter:hover,
    .tool-aligncenter.tool-selected {
      background-position: -760px -42px; }

    .tool-aligncenter.tool-disabled {
      cursor: default;
      background-position: -760px -82px; }

    .tool-alignright {
      background-position: -800px -2px; }

    .tool-alignright:hover,
    .tool-alignright.tool-selected {
      background-position: -800px -42px; }

    .tool-alignright.tool-disabled {
      cursor: default;
      background-position: -800px -82px; }

    .tool-alignjustify {
      background-position: -840px -2px; }

    .tool-alignjustify:hover,
    .tool-alignjustify.tool-selected {
      background-position: -840px -42px; }

    .tool-alignjustify.tool-disabled {
      cursor: default;
      background-position: -840px -82px; }

    .bar-visible .format-tools .tool-guides {
      margin-top: 10px; }

    nav.greedy-nav .more-btn:after,
    .tool-dd:after,
    .tool-btn-dd .tool-btn:after {
      content: '';
      display: block;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #3d464d;
      position: absolute;
      right: 8px;
      top: 12px;
      width: 0;
      height: 0; }

    .tool-textcolor.tool-dd:after {
      display: none; }

    .tool-disabled .tool-dd:after {
      border-top: 4px solid #EBECEF; }

    .tool-disabled.tool-dd:after,
    .tool-btn-dd.tool-disabled .tool-btn:after {
      border-top-color: #cacaca; }

    .text-color-swatch {
      border: 1px solid #e2e2e2;
      bottom: 1px;
      display: inline-block;
      height: 3px;
      left: 7px;
      position: absolute;
      width: 14px; }

    #textColorSwatch .sp-replacer {
      bottom: -5px;
      display: inline-block;
      position: absolute;
      left: 7px;
      padding-bottom: 7px; }
      #textColorSwatch .sp-replacer .sp-preview {
        height: 3px;
        width: 14px;
        margin: 0;
        border: 1px solid #e2e2e2;
        border-radius: 0; }
      #textColorSwatch .sp-replacer .sp-preview-inner {
        height: 3px;
        width: 14px;
        box-shadow: none;
        border: none;
        position: relative;
        border-radius: 0; }

    .tool-disabled .text-color-swatch {
      background: #cacaca !important; }

    .format-select {
      float: left;
      margin: 5px 5px 0 5px; }

    .format-tools .format-tool-btn {
      background: #ebeff1;
      border: none;
      border-radius: 4px;
      font-size: 12px;
      height: auto;
      margin-top: 0;
      padding: 7px 10px;
      position: relative;
      width: auto; }

    .editor-tools .btn {
      margin-top: 3px; }

    .editor-tools #ancAreaDD {
      margin-left: 25px; }

    .default-nav #ancTextModeDD {
      margin-left: 5px; }

    #ancHtmlModeDD + .tooltip,
    #ancTextModeDD + .tooltip {
      max-width: 200px; }

    .default-nav #ancCopyHTMLDD,
    .default-nav #toolGuideBtn {
      margin-left: 12px; }

    .editor-tools #ancAreaDD:before,
    .default-nav #toolGuideBtn:before {
      content: '';
      display: inline-block;
      background: url(/int-assets/img/dd-editor/editor-not-showing.svg) center center no-repeat;
      background-size: 19px 14px;
      margin-right: 8px;
      width: 19px;
      height: 14px;
      vertical-align: middle;
      margin-top: -2px; }
    .editor-tools #ancAreaDD:hover:before, .editor-tools #ancAreaDD:active:before, .editor-tools #ancAreaDD:active:hover:before, .editor-tools #ancAreaDD:focus:before,
    .default-nav #toolGuideBtn:hover:before,
    .default-nav #toolGuideBtn:active:before,
    .default-nav #toolGuideBtn:active:hover:before,
    .default-nav #toolGuideBtn:focus:before {
      background-image: url(/int-assets/img/dd-editor/editor-not-showing-hover.svg); }
    .editor-tools #ancAreaDD.tool-selected:before,
    .default-nav #toolGuideBtn.tool-selected:before {
      background-image: url(/int-assets/img/dd-editor/editor-showing.svg); }
    .editor-tools #ancAreaDD.tool-selected:hover:before, .editor-tools #ancAreaDD.tool-selected:active:before, .editor-tools #ancAreaDD.tool-selected:active:hover:before, .editor-tools #ancAreaDD.tool-selected:focus:before,
    .default-nav #toolGuideBtn.tool-selected:hover:before,
    .default-nav #toolGuideBtn.tool-selected:active:before,
    .default-nav #toolGuideBtn.tool-selected:active:hover:before,
    .default-nav #toolGuideBtn.tool-selected:focus:before {
      background-image: url(/int-assets/img/dd-editor/editor-showing-hover.svg); }

    .default-nav #toggleView.desktopView:before {
      content: '';
      display: inline-block;
      background: url(/int-assets/img/dd-editor/icon-desktop-lp.svg) center center no-repeat;
      background-size: 19px 14px;
      margin-right: 8px;
      width: 19px;
      height: 14px;
      vertical-align: middle;
      margin-top: -2px; }
    .default-nav #toggleView.desktopView:hover:before, .default-nav #toggleView.desktopView:active:before, .default-nav #toggleView.desktopView:active:hover:before, .default-nav #toggleView.desktopView:focus:before {
      background-image: url(/int-assets/img/dd-editor/icon-desktop-lp-hover.svg); }
    .default-nav #toggleView.mobileView:before {
      content: '';
      display: inline-block;
      background: url(/int-assets/img/dd-editor/icon-mobile-lp.svg) center center no-repeat;
      background-size: 19px 14px;
      margin-right: 8px;
      width: 19px;
      height: 14px;
      vertical-align: middle;
      margin-top: -2px; }
    .default-nav #toggleView.mobileView:hover:before, .default-nav #toggleView.mobileView:active:before, .default-nav #toggleView.mobileView:active:hover:before, .default-nav #toggleView.mobileView:focus:before {
      background-image: url(/int-assets/img/dd-editor/icon-mobile-lp-hover.svg); }

    #ancHtmlModeDD.pt-sync:before,
    #ancTextModeDD.pt-sync:before {
      background: url("/int-assets/img/dd-editor/editor-sync.svg") center center no-repeat;
      background-size: 19px 14px;
      content: '';
      display: inline-block;
      width: 19px;
      height: 14px;
      margin-right: 8px;
      vertical-align: middle;
      margin-top: -2px; }
    #ancHtmlModeDD.pt-sync:hover:before, #ancHtmlModeDD.pt-sync:active:before, #ancHtmlModeDD.pt-sync:active:hover:before, #ancHtmlModeDD.pt-sync:focus:before,
    #ancTextModeDD.pt-sync:hover:before,
    #ancTextModeDD.pt-sync:active:before,
    #ancTextModeDD.pt-sync:active:hover:before,
    #ancTextModeDD.pt-sync:focus:before {
      background-image: url(/int-assets/img/dd-editor/editor-sync-hover.svg); }

    #ancHtmlModeDD.pt-nosync:before,
    #ancTextModeDD.pt-nosync:before {
      background: url("/int-assets/img/dd-editor/editor-not-sync.svg?v=1.0") center center no-repeat;
      background-size: 19px 14px;
      content: '';
      display: inline-block;
      width: 19px;
      height: 14px;
      margin-right: 8px;
      vertical-align: middle;
      margin-top: -2px; }
    #ancHtmlModeDD.pt-nosync:hover:before, #ancHtmlModeDD.pt-nosync:active:before, #ancHtmlModeDD.pt-nosync:active:hover:before, #ancHtmlModeDD.pt-nosync:focus:before,
    #ancTextModeDD.pt-nosync:hover:before,
    #ancTextModeDD.pt-nosync:active:before,
    #ancTextModeDD.pt-nosync:active:hover:before,
    #ancTextModeDD.pt-nosync:focus:before {
      background-image: url(/int-assets/img/dd-editor/editor-not-sync-hover.svg?v=1.0); }

      div[name='blk_navbar'] img {
        max-width: 100px; }

        .mobiledefault {
          display: flex;
          flex-wrap: wrap; }
          .mobiledefault a {
            display: flex; }

        .mobilestack, .mobilestackcenter {
          display: flex; }
          .mobilestack a, .mobilestackcenter a {
            display: flex; }

        .mobile-view-on .mobilestack {
          display: flex;
          flex-direction: column; }
          .mobile-view-on .mobilestack a {
            display: flex;
            align-items: flex-start;
            border: none; }
        .mobile-view-on .mobilestackcenter {
          display: flex;
          flex-direction: column; }
          .mobile-view-on .mobilestackcenter a {
            display: flex;
            align-items: center;
            border: none; }
        .mobile-view-on .bmeMblStack, .mobile-view-on .bmeMblStackCenter {
          display: flex;
          flex-direction: column; }
        .mobile-view-on .bmeMblStackCenter {
          align-items: center; }

        @media (max-width: 480px) {
          .mobiledefault {
            display: flex;
            flex-direction: row; }

          .mobilestack {
            display: flex;
            flex-direction: column; }
            .mobilestack a {
              display: flex;
              align-items: flex-start;
              border: none; }

          .mobilestackcenter {
            display: flex;
            flex-direction: column; }
            .mobilestackcenter a {
              display: flex;
              align-items: center;
              border: none; }

          .bmeMblStack, .bmeMblStackCenter {
            display: flex;
            flex-direction: column; }

          .bmeMblStackCenter {
            align-items: center; } }
    .default-signupform_builder {
      width: 100%;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      background-color: #F5F5F7;
      box-sizing: border-box;
      padding: 50px 0;
      z-index: 1; }
      .default-signupform_builder i {
        background: url("/int-assets/img/dd-editor/block-icons_lp.svg") no-repeat;
        background-position: -992px 0px;
        height: 35px;
        width: 32px; }
      .default-signupform_builder p {
        font-size: 22px !important;
        line-height: 32px !important;
        color: #C0C5C9 !important;
        font-weight: 900 !important; }
      .default-signupform_builder span {
        font-size: 14px;
        line-height: 25px;
        text-decoration: underline;
        color: #31ADE0; }

    #_BME_dvEditArea .default-signupform_builder {
      display: flex !important;
      position: relative; }
    #_BME_dvEditArea .signupform_container:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: transparent;
      z-index: 10; }

    .sf_link, .open-sf-editor {
      font-size: 14px;
      line-height: 20px;
      padding: 0 !important;
      cursor: pointer; }

    .custom_width-wrapper {
      display: flex;
      justify-content: space-between; }

    .ml-8 {
      margin-left: 8px; }

    .w-100 {
      width: 100% !important;
      max-width: 100% !important; }

    #_BME_dvEditArea .blk_img_dd_wrap,
    #_BME_dvEditArea .blk_vid_dd_wrap, {
      display: block !important;
    }

    /* Sidebar */
    .editor-sidebar {
      background: #fff;
      color: #64656c;
      bottom: 0;
      left: 0;
      position: absolute;
      overflow: auto;
      top: 0;
      width: 370px; }

    .editor-sidebar.bar-visible {
      bottom: 63px; }

    .sidebar-styles {
      background: #fff; }

    .editor-sidebar ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 13px;
      color: #3c464d; }

    html[lang="ja"] .editor-sidebar ul,
    html[lang="zh-TW"] .editor-sidebar ul,
    html[lang="zh-CN"] .editor-sidebar ul {
      font-size: 14px; }

    .sidebar-editblock-name {
      font-size: 15px;
      line-height: 1.2;
      height: 56px;
      padding: 20px 40px;
      margin: 0;
      width: 370px;
      box-sizing: border-box !important;
      color: #3d4160;
      font-weight: 600;
      position: fixed;
      background: #fff;
      z-index: 115;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 !important;
      top: 54px;
      left: 0; }

    .editor-sidebar h1,
    .editor-sidebar h2,
    .editor-sidebar h3,
    .editor-sidebar h4 {
      font-weight: normal; }

    .editor-sidebar h2 {
      font-size: 18px;
      margin: 50px 0 0 0; }

    .sidebar-bar {
      background: #fff;
      border-bottom: 1px solid #EBECEF;
      padding: 11px 32px 10px 32px; }

    .editor-sidebar > ul {
      list-style: none; }

    .editor-sidebar input.input-num {
      width: 40px;
      text-align: center;
      margin-top: -2px; }

    .sidebar-selection #mainSettingVeil {
      display: none; }

    .panel-container {
      top: 110px;
      padding-top: 40px;
      bottom: 78px;
      width: 370px;
      overflow: auto;
      position: fixed; }

    .sidebar-selection #blockSettingContainer,
    .sidebar-selection #itemSetting,
    .sidebar-selection #mainSetting,
    .sidebar-selection #mainSettingVeil {
      position: fixed;
      width: 370px;
      top: 110px;
      bottom: 0;
      left: 0;
      z-index: 10;
      overflow: auto;
      padding-top: 25px;
      background: #fff; }

    .sidebar-selection-nav .sp-replacer,
    .panel-container .sp-replacer {
      vertical-align: top;
      margin-top: -1px; }

    .sidebar-selection-nav .sp-preview,
    .panel-container .sp-preview {
      width: 30px;
      height: 30px; }

    .sidebar-selection #mainSetting {
      overflow: hidden; }
      .sidebar-selection #mainSetting .subcontent {
        overflow: hidden; }

    .sidebar-selection #mainSetting {
      overflow: auto; }
      .sidebar-selection #mainSetting .subcontent.current {
        overflow: auto; }

    .sidebar-selection #itemSetting {
      width: 360px;
      left: -365px;
      box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
      transition: left 0.15s ease-out; }

    .sidebar-selection #itemSetting.current {
      left: 0; }

    .sidebar-selection fieldset div.checker {
      float: left;
      margin-right: 10px; }

    .panel-container fieldset,
    .sidebar-selection > fieldset {
      padding: 0 0 25px 40px;
      margin: 0;
      width: 330px;
      box-sizing: border-box;
      font-size: 12px; }

    #dvDesignBlock,
    #dvContentBlock,
    #dvSettingDefaultBlock,
    #dvSettingBlock.sidebar-selection {
      z-index: 9;
      position: fixed;
      top: 110px;
      bottom: 61px;
      overflow: auto;
      border-right: 1px solid rgba(0, 0, 0, 0.15);
      width: 370px; }

    #dvContentBlock {
      background: #f5f5f7;
      z-index: 30; }

    #dvSettingBlock.sidebar-selection {
      z-index: 10; }

    #dvDesignBlock {
      background-color: white; }

    #dvDesignBlock > ul.sidebar-selection-nav {
      margin: 20px 0; }

    #dvSettingBlock.sidebar-selection {
      top: 54px;
      bottom: 0; }

    #itemSetting .panel-container fieldset {
      width: 320px; }

    .sidebar-selection > fieldset > fieldset {
      padding: 0px; }

    fieldset#field_SaveAndClose,
    fieldset#field_SaveAndBack {
      background: #fff;
      border-top: 1px solid #E6E6E8;
      bottom: 0;
      left: 0;
      padding: 20px 40px;
      position: fixed;
      width: 370px;
      margin: 0;
      box-sizing: border-box;
      height: 78px; }

    #itemSetting .panel-container,
    fieldset#field_SaveAndBack {
      width: 360px;
      left: -360px;
      transition: left 0.15s ease-out; }

    fieldset#field_SaveAndBack {
      width: 360px; }

    #itemSetting.current .panel-container,
    #itemSetting.current fieldset#field_SaveAndBack {
      left: 0; }

    .subpanel-nav {
      border-bottom: 1px solid #f5f5f7;
      position: fixed;
      top: 110px;
      left: 0;
      right: 0;
      height: 52px;
      width: 370px;
      background: #fff;
      z-index: 10; }

    .subpanel-nav > span {
      color: #8f93ae;
      box-sizing: border-box;
      width: 155px;
      margin: 0;
      padding: 16px 10px;
      height: 52px;
      line-height: 14px;
      font-size: 14px;
      font-weight: 600;
      float: left;
      text-align: center;
      border-top: 3px solid #fff;
      border-bottom: 3px solid #fff;
      cursor: pointer; }

    .subpanel-nav > span.selected {
      border-bottom-color: #30D8A2; }

    .subpanel-nav > span:hover, .subpanel-nav > span.selected {
      color: #3d4160; }

    .subpanel-nav > span:first-child {
      margin: 0 20px; }

    .subpanel-nav > span.hasError:after {
      position: absolute;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background: #ec2b55;
      left: 325px;
      top: 20px;
      border-radius: 100%; }

    .subpanel-nav > span.hasError:first-of-type:after {
      left: 151px;
      top: 20px; }

    .subpanel-nav > span.hasError:before {
      position: absolute;
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      background: rgba(236, 43, 85, 0.2);
      left: 318px;
      top: 13px;
      border-radius: 100%;
      animation-name: pulse;
      -webkit-animation-name: pulse;
      animation-duration: 1.2s;
      -webkit-animation-duration: 1.2s;
      animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite; }

    .subpanel-nav > span.hasError:first-of-type:before {
      left: 144px;
      top: 13px; }

    @keyframes pulse {
      0% {
        transform: scale(0.85);
        opacity: 0.8; }
      50% {
        transform: scale(1);
        opacity: 1; }
      100% {
        transform: scale(0.85);
        opacity: 0.8; } }
    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7; }
      50% {
        -webkit-transform: scale(1);
        opacity: 1; }
      100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7; } }
    .clearfix2::after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

    .panel-container:after,
    .subcontent:after {
      content: "";
      display: block;
      height: 15px;
      width: 100%; }

    .subcontent {
      display: none;
      position: fixed;
      bottom: 78px;
      overflow: auto;
      top: 163px;
      width: 370px;
      padding-top: 40px; }

    .subcontent.current {
      display: block; }

    .sidebar-selection .sp-preview {
      margin-right: 15px; }

    #fldVideoDetail > .label-small,
    #fldImageDetail > .label-small {
      padding-bottom: 0; }

    #fldVideoDetail > .label-small a,
    #fldImageDetail > .label-small a {
      padding: 0 25px 0 0; }

    #fldVideoDetail > .label-small a:last-of-type,
    #fldImageDetail > .label-small a:last-of-type {
      padding: 0; }

    fieldset.field-seperator {
      padding: 0;
      height: 0;
      margin-top: 10px;
      width: 100%;
      border: 1px solid #F5F5F7;
      margin-bottom: 35px; }

    .cellp-slider .label-small {
      padding-bottom: 16px; }

    .label-small #lblImageName,
    .label-small #lblVideoName {
      display: block;
      margin-bottom: 10px; }

    fieldset a.reset-link,
    .reset-link {
      color: #31ade0;
      padding-left: 5px;
      text-decoration: none;
      font-weight: normal; }
      fieldset a.reset-link:hover,
      .reset-link:hover {
        color: #31ade0; }

    .reset-link:hover {
      text-decoration: underline; }

    .sidebar-selection > fieldset .selector,
    .sidebar-select-item .selector {
      cursor: pointer;
      width: 100%;
      box-sizing: border-box; }

    .sidebar-selection > fieldset .selector span,
    .sidebar-select-item .selector span {
      width: auto; }

    .sidebar-selection > fieldset .selector select {
      cursor: pointer; }

    #alertPanel {
      color: #fff;
      background: #ec2b55;
      box-sizing: border-box;
      padding: 40px;
      font-size: 12px;
      line-height: 18px;
      position: fixed;
      top: 110px;
      left: 370px;
      right: 0;
      display: none;
      z-index: 2; }

    #alertPanel.msg-error {
      background: #ec2b55; }

    .input-hex,
    .editor-sidebar input.input-hex {
      width: 75px;
      display: inline-block; }

    .editor-sidebar input.input-hex {
      margin-top: -2px; }

    .input-num {
      margin-right: 5px; }

    .input-num.form-control {
      display: inline-block; }

    .sidebar-select-item {
      float: left;
      margin-right: 15px; }

    .sidebar-select-item-2 {
      margin-right: 0;
      margin-left: 30px; }

    .sidebar-select-item-add {
      width: 250px; }

    .sidebar-select-item-add + a {
      margin: 2px 0 0; }

    .sidebar-sm-input {
      font-size: 12px;
      margin-right: 20px; }

    #fldImagePadding .sidebar-sm-input {
      width: 95px;
      margin-bottom: 15px; }

    #fldImagePadding .sidebar-sm-input:nth-child(4),
    #fldImagePadding .sidebar-sm-input:nth-child(5) {
      margin-bottom: 0; }

    #fldFrameBorder div:last-of-type {
      margin-right: 0; }

    #fldFrameBorderInclude .sidebar-select-item {
      margin-right: 0; }

    ul.alignment-container li.align {
      background: url("/int-assets/img/dd-editor/alignment-icons.svg") no-repeat 1px 1px;
      background-size: 286px 52px;
      float: left;
      width: 32px;
      height: 20px;
      margin-right: 15px;
      display: block;
      cursor: pointer; }

    ul.alignment-container:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

    ul.alignment-container li.align.hleft {
      background-position: -1px -1px;
      background-size: 286px 52px; }

    ul.alignment-container li.align.hleft.selected,
    ul.alignment-container li.align.hleft:hover {
      background-position: -1px -31px; }

    ul.alignment-container li.align.hcenter {
      background-position: -43px -1px; }

    ul.alignment-container li.align.hcenter.selected,
    ul.alignment-container li.align.hcenter:hover {
      background-position: -43px -31px; }

    ul.alignment-container li.align.hright {
      background-position: -85px -1px; }

    ul.alignment-container li.align.hright.selected,
    ul.alignment-container li.align.hright:hover {
      background-position: -85px -31px; }

    ul.alignment-container li.align.hfull {
      background-position: -127px -1px; }

    ul.alignment-container li.align.hfull.selected,
    ul.alignment-container li.align.hfull:hover {
      background-position: -127px -31px; }

    ul.alignment-container li.align.vtop {
      background-position: -169px -1px; }

    ul.alignment-container li.align.vtop.selected,
    ul.alignment-container li.align.vtop:hover {
      background-position: -169px -31px; }

    ul.alignment-container li.align.vmiddle {
      background-position: -211px -1px; }

    ul.alignment-container li.align.vmiddle.selected,
    ul.alignment-container li.align.vmiddle:hover {
      background-position: -211px -31px; }

    ul.alignment-container li.align.vbottom {
      background-position: -253px -1px; }

    ul.alignment-container li.align.vbottom.selected,
    ul.alignment-container li.align.vbottom:hover {
      background-position: -253px -31px; }

    .add-service,
    .remove-service {
      color: #fff;
      width: 25px;
      padding: 0;
      height: 25px;
      margin-top: 2px;
      box-sizing: border-box;
      vertical-align: middle;
      text-align: center;
      border-radius: 100%;
      border: none;
      background: #3d4160 url(/int-assets/img/dd-editor/plus-icon.svg) no-repeat center;
      background-size: 11px 11px;
      cursor: pointer;
      margin: 0 5px 0 0; }

    .remove-service {
      background-image: url(/int-assets/img/dd-editor/minus-icon.svg); }

    .add-service:hover,
    .remove-service:hover {
      background-color: #30D8A2; }

    .add-service.disabled,
    .remove-service.disabled,
    .add-service.disabled:hover,
    .remove-service.disabled:hover {
      background-color: #3d4160;
      opacity: 0.4;
      cursor: default; }

    /* Settings */
    .editor-slider {
      width: 100%;
      height: 12px;
      border: 0;
      border-radius: 0;
      position: relative;
      margin-top: -6px; }

    .editor-slider:before {
      position: absolute;
      content: '';
      display: block;
      border-top: 1px solid #EBECEF;
      height: 1px;
      width: 100%;
      left: 0;
      top: 6px; }

    .editor-slider .ui-slider-handle {
      position: absolute;
      width: 24px;
      height: 24px;
      top: -6px;
      margin-left: -6px;
      outline: none;
      cursor: ew-resize; }

    .editor-slider .ui-slider-handle:before {
      position: absolute;
      content: '';
      display: block;
      background-color: #30D8A2;
      border-radius: 100%;
      width: 12px;
      height: 12px;
      left: 6px;
      top: 6px; }

    .infotip,
    .new-slider-val {
      background: #525e66;
      border-radius: 4px;
      display: inline-block;
      color: white;
      margin-bottom: 5px;
      padding: 8px 10px;
      position: relative; }

    div.new-slider-val {
      display: none;
      background: #fff;
      border-radius: 2px;
      display: inline-block;
      font-size: 20px;
      padding: 5px;
      width: 36px;
      height: 24px;
      font-size: 12px;
      line-height: 12px;
      box-sizing: border-box;
      border: 1px solid #e6e6e8;
      text-align: center;
      white-space: nowrap;
      color: #3d4160;
      position: absolute;
      top: -29px;
      left: -7px; }

    .infotip:before {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #525e66;
      border-top-color: #525e66;
      content: '';
      display: inline-block;
      left: 15px;
      position: absolute;
      bottom: -9px; }

    .new-slider-val:before,
    .new-slider-val:after {
      content: '';
      display: inline-block;
      left: 50%;
      position: absolute; }

    .new-slider-val:before {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #e6e6e8;
      bottom: -6px;
      margin-left: -6px; }

    .new-slider-val:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #fff;
      bottom: -5px;
      margin-left: -5px; }

    .cellp-slider .infotip,
    .layout-cols-option .infotip {
      margin-left: -20px; }

    .layout-option-blocks:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

    .layout-option-blocks > li {
      float: left;
      margin-right: 15px; }

    .layout-option-blocks > li:last-child {
      margin-right: 0; }

    /* Social Share Layouts */
    .social-share > li > a {
      background: url("/int-assets/img/dd-editor/social-media-layouts.svg") no-repeat -1px -1px;
      background-size: 132px 132px;
      display: block;
      height: 60px;
      width: 60px;
      cursor: pointer; }

    .social-share > li > a:hover,
    .social-share > li.layout-selected > a {
      background-position: -1px -71px; }

    .social-share > li > a.icons-stack-small {
      background-position: -71px -1px; }

    .social-share > li > a.icons-stack-small:hover,
    .social-share > li.layout-selected > a.icons-stack-small {
      background-position: -71px -71px; }

    /* Text and Boxed Text Column Layouts */
    .column-layout > li > a {
      background: url("/int-assets/img/dd-editor/column-layouts.svg") no-repeat -1px -1px;
      background-size: 202px 132px;
      display: block;
      height: 60px;
      width: 60px;
      cursor: pointer; }

    .column-layout > li > a:hover,
    .column-layout > li.layout-selected > a {
      background-position: -1px -71px; }

    .column-layout > li > a.col-one-third {
      background-position: -71px -1px; }

    .column-layout > li > a.col-one-third:hover,
    .column-layout > li.layout-selected > a.col-one-third {
      background-position: -71px -71px; }

    .column-layout > li > a.col-two-third {
      background-position: -141px -1px; }

    .column-layout > li > a.col-two-third:hover,
    .column-layout > li.layout-selected > a.col-two-third {
      background-position: -141px -71px; }

    .image-group > li > a {
      background: url("/int-assets/img/dd-editor/image-group-layouts.svg") no-repeat -1px -1px;
      background-size: 902px 132px;
      display: block;
      height: 60px;
      width: 60px;
      cursor: pointer; }

    /* Image Group Layout - 2 Images */
    .image-group > li > a.layout11 {
      background-position: -71px -1px; }

    .image-group > li > a.layout11:hover,
    .image-group > li.layout-selected > a.layout11 {
      background-position: -71px -71px; }

    .image-group > li > a.layout12 {
      background-position: -1px -1px; }

    .image-group > li > a.layout12:hover,
    .image-group > li.layout-selected > a.layout12 {
      background-position: -1px -71px; }

    /* Image Group Layout - 3 Images */
    .image-group > li > a.layout21 {
      background-position: -141px -1px; }

    .image-group > li > a.layout21:hover,
    .image-group > li.layout-selected > a.layout21 {
      background-position: -141px -71px; }

    .image-group > li > a.layout22 {
      background-position: -211px -1px; }

    .image-group > li > a.layout22:hover,
    .image-group > li.layout-selected > a.layout22 {
      background-position: -211px -71px; }

    .image-group > li > a.layout23 {
      background-position: -351px -1px; }

    .image-group > li > a.layout23:hover,
    .image-group > li.layout-selected > a.layout23 {
      background-position: -351px -71px; }

    .image-group > li > a.layout24 {
      background-position: -281px -1px; }

    .image-group > li > a.layout24:hover,
    .image-group > li.layout-selected > a.layout24 {
      background-position: -281px -71px; }

    /* Image Group Layout - 4 Images */
    .image-group > li > a.layout31 {
      background-position: -421px -1px; }

    .image-group > li > a.layout31:hover,
    .image-group > li.layout-selected > a.layout31 {
      background-position: -421px -71px; }

    .image-group > li > a.layout32 {
      background-position: -491px -1px; }

    .image-group > li > a.layout32:hover,
    .image-group > li.layout-selected > a.layout32 {
      background-position: -491px -71px; }

    .image-group > li > a.layout33 {
      background-position: -561px -1px; }

    .image-group > li > a.layout33:hover,
    .image-group > li.layout-selected > a.layout33 {
      background-position: -561px -71px; }

    /* Image Group Layout - 5 Images */
    .image-group > li > a.layout41 {
      background-position: -631px -1px; }

    .image-group > li > a.layout41:hover,
    .image-group > li.layout-selected > a.layout41 {
      background-position: -631px -71px; }

    .image-group > li > a.layout42 {
      background-position: -701px -1px; }

    .image-group > li > a.layout42:hover,
    .image-group > li.layout-selected > a.layout42 {
      background-position: -701px -71px; }

    .image-group > li > a.layout43 {
      background-position: -771px -1px; }

    .image-group > li > a.layout43:hover,
    .image-group > li.layout-selected > a.layout43 {
      background-position: -771px -71px; }

    .image-group > li > a.layout44 {
      background-position: -841px -1px; }

    .image-group > li > a.layout44:hover,
    .image-group > li.layout-selected > a.layout44 {
      background-position: -841px -71px; }

    /* Image Group End */
    .icons-row {
      background-position: -515px 0; }

    .icons-stack {
      background-position: -618px 0; }

    .icons-row-small {
      background-position: -721px 0; }

    .nav-option-blocks:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

    .nav-option-blocks > li,
    .nav-option-blocks > li > a {
      cursor: pointer;
      display: block;
      height: 20px;
      width: 60px; }

    .nav-option-blocks > li {
      float: left;
      margin-right: 15px; }

    .nav-option-blocks > li:last-child {
      margin-right: 0; }

    .nav-option-blocks > li > a:after {
      content: '';
      background: url("/int-assets/img/dd-editor/nav-layouts.svg") no-repeat -1px -1px;
      background-size: 202px 52px;
      display: block;
      width: 60px;
      height: 20px; }

    .nav-option-blocks > li > a.selected:after,
    .nav-option-blocks > li > a:hover:after {
      background-position: -1px -31px; }

    .nav-option-blocks > li > a.nav-row-logor:after {
      background-position: -71px -1px; }

    .nav-option-blocks > li > a.nav-row-logor.selected:after,
    .nav-option-blocks > li > a.nav-row-logor:hover:after {
      background-position: -71px -31px; }

    .nav-option-blocks > li > a.nav-row-logol:after {
      background-position: -141px -1px; }

    .nav-option-blocks > li > a.nav-row-logol.selected:after,
    .nav-option-blocks > li > a.nav-row-logol:hover:after {
      background-position: -141px -31px; }

    .nav-logo {
      background: url("/int-assets/img/logos/benchmark-logo-mark.svg") no-repeat center;
      background-size: 35px 48px;
      width: 35px;
      height: 48px;
      padding: 0;
      line-height: 1; }

    /* hovers */
    .icons-row:hover {
      background-position: -515px -110px; }

    .icons-stack:hover {
      background-position: -618px -110px; }

    .icons-row-small:hover {
      background-position: -721px -110px; }

    .icons-stack-small:hover {
      background-position: -824px -110px; }

    .editor-sidebar .lg-txt-link {
      color: #3d4160;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      margin-left: 5px;
      vertical-align: middle; }

    .sidebar-selection #ancSave,
    .sidebar-selection #ancSaveBack {
      float: right; }

    #ancCancelSaveCustomScheme,
    #ancCancel,
    #ancGoBack {
      float: left;
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      min-width: 0;
      color: #71738f; }
      #ancCancelSaveCustomScheme:hover,
      #ancCancel:hover,
      #ancGoBack:hover {
        color: #3d4160; }

    #lblImageName {
      display: block;
      margin-bottom: 5px; }

    .editor-sidebar .content-block-selection {
      display: block;
      padding: 22px 0 6px 6px;
      margin: 0;
      box-sizing: border-box;
      list-style: none; }
      .editor-sidebar .content-block-selection.landing-blocks {
        border: none;
        background-color: #f3f5f7;
        display: none; }

    .content-block-selection .dd_block {
      float: left;
      margin: 0 0 16px 16px; }

    .dd_block {
      margin: 0;
      box-sizing: content-box !important;
      font-size: 0;
      cursor: move;
      cursor: grab;
      cursor: -webkit-grab; }
      .dd_block:active {
        cursor: grabbing;
        cursor: -webkit-grabbing; }
      .dd_block a {
        box-sizing: content-box;
        background: #fff;
        border: 3px solid #fff;
        border-radius: 4px;
        color: #c8cdd1;
        display: inline-block;
        padding: 20px 7px 10px 7px;
        text-align: center;
        width: 78px;
        height: 73px;
        overflow: hidden;
        text-decoration: none;
        transition: .2s all ease-in-out; }
        .dd_block a:before {
          content: '';
          background: url("/int-assets/img/dd-editor/block-icons_lp.svg") no-repeat;
          background-size: 1036px 92px;
          display: block;
          height: 35px;
          margin: 0 auto;
          width: 42px; }
        .dd_block a[title="Navigationsleistenblock"] span {
          -ms-word-break: break-all;
          word-break: break-all;
          word-break: break-word;
          -webkit-hyphens: auto;
          -moz-hyphens: auto;
          hyphens: auto; }
        .dd_block a:hover {
          transform: scale(1.025); }
      .dd_block.disabled {
        cursor: not-allowed; }
      .dd_block a span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 600;
        display: table-cell;
        height: 50px;
        vertical-align: middle;
        width: 80px; }
      .dd_block.landing-column a:before {
        background: url("/int-assets/img/dd-editor/sections-icons.svg") no-repeat; }

    .dd_block a.block-img:before {
      background-position: -6px -1px; }
    .dd_block a.block-img-groups:before {
      background-position: -68px -1px; }
    .dd_block a.block-img-card:before {
      background-position: -130px -1px; }
    .dd_block a.block-text:before {
      background-position: -192px -1px; }
    .dd_block a.block-box-text:before {
      background-position: -254px -1px; }
    .dd_block a.block-vid:before {
      background-position: -316px -1px; }
    .dd_block a.block-divider:before {
      background-position: -378px -1px; }
    .dd_block a.block-right-text:before {
      background-position: -440px -1px; }
    .dd_block a.block-left-text:before {
      background-position: -502px -1px; }
    .dd_block a.block-bottom-cap:before {
      background-position: -564px -1px; }
    .dd_block a.block-btn:before {
      background-position: -626px -1px; }
    .dd_block a.block-social-follow:before {
      background-position: -688px -1px; }
    .dd_block a.block-social-share:before {
      background-position: -750px -1px; }
    .dd_block a.block-navbar:before {
      background-position: -812px -1px; }
    .dd_block a.block-signupform:before {
      background-position: -994px 0px; }
    .dd_block a.block-rss-hdr:before {
      background-position: -869px -1px; }
    .dd_block a.block-rss-feed:before {
      background-position: -931px -1px; }
    .dd_block a.block-permission:before {
      background-position: -993px -1px; }
    .dd_block a.one-column:before {
      background-position: 0 0; }
    .dd_block a.two-columns:before {
      background-position: -62px 0; }
    .dd_block a.three-columns:before {
      background-position: -124px 0; }
    .dd_block a.four-columns:before {
      background-position: -186px 0; }

    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) a:hover, body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) a:active {
      border: 3px solid #30D8A2 !important;
      color: #30D8A2 !important; }
    body:not(.is-grabbing) .content-block-selection .dd_block.section-area:not(.disabled) a:hover, body:not(.is-grabbing) .content-block-selection .dd_block.section-area:not(.disabled) a:active {
      border: 3px solid #3d4160 !important;
      color: #3d4160 !important; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-img:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-img:active:before {
      background-position: -6px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-img-groups:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-img-groups:active:before {
      background-position: -68px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-img-card:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-img-card:active:before {
      background-position: -130px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-text:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-text:active:before {
      background-position: -192px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-box-text:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-box-text:active:before {
      background-position: -254px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-vid:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-vid:active:before {
      background-position: -316px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-divider:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-divider:active:before {
      background-position: -378px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-right-text:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-right-text:active:before {
      background-position: -440px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-left-text:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-left-text:active:before {
      background-position: -502px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-bottom-cap:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-bottom-cap:active:before {
      background-position: -564px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-btn:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-btn:active:before {
      background-position: -626px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-social-follow:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-social-follow:active:before {
      background-position: -688px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-social-share:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-social-share:active:before {
      background-position: -750px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-navbar:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-navbar:active:before {
      background-position: -812px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-signupform:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-signupform:active:before {
      background-position: -994px -55px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-rss-hdr:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-rss-hdr:active:before {
      background-position: -869px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-rss-feed:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-rss-feed:active:before {
      background-position: -931px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-permission:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .block-permission:active:before {
      background-position: -993px -56px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .one-column:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .one-column:active:before {
      background-position: 0 -55px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .two-columns:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .two-columns:active:before {
      background-position: -62px -55px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .three-columns:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .three-columns:active:before {
      background-position: -124px -55px; }
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .four-columns:hover:before,
    body:not(.is-grabbing) .content-block-selection .dd_block:not(.disabled) .four-columns:active:before {
      background-position: -186px -55px; }

    .dd_block.sortable-fallback {
      opacity: 1 !important; }
      .dd_block.sortable-fallback a {
        border: 3px solid #30D8A2 !important;
        color: #30D8A2 !important; }
      .dd_block.sortable-fallback.section-area a {
        border: 3px solid #3d4160 !important;
        color: #3d4160 !important; }
      .dd_block.sortable-fallback .block-img:before {
        background-position: -6px -56px; }
      .dd_block.sortable-fallback .block-img-groups:before {
        background-position: -68px -56px; }
      .dd_block.sortable-fallback .block-img-card:before {
        background-position: -130px -56px; }
      .dd_block.sortable-fallback .block-text:before {
        background-position: -192px -56px; }
      .dd_block.sortable-fallback .block-box-text:before {
        background-position: -254px -56px; }
      .dd_block.sortable-fallback .block-vid:before {
        background-position: -316px -56px; }
      .dd_block.sortable-fallback .block-divider:before {
        background-position: -378px -56px; }
      .dd_block.sortable-fallback .block-right-text:before {
        background-position: -440px -56px; }
      .dd_block.sortable-fallback .block-left-text:before {
        background-position: -502px -56px; }
      .dd_block.sortable-fallback .block-bottom-cap:before {
        background-position: -564px -56px; }
      .dd_block.sortable-fallback .block-btn:before {
        background-position: -626px -56px; }
      .dd_block.sortable-fallback .block-social-follow:before {
        background-position: -688px -56px; }
      .dd_block.sortable-fallback .block-social-share:before {
        background-position: -750px -56px; }
      .dd_block.sortable-fallback .block-navbar:before {
        background-position: -812px -56px; }
      .dd_block.sortable-fallback .block-signupform:before {
        background-position: -994px -56px; }
      .dd_block.sortable-fallback .block-rss-hdr:before {
        background-position: -869px -56px; }
      .dd_block.sortable-fallback .block-rss-feed:before {
        background-position: -931px -56px; }
      .dd_block.sortable-fallback .one-column:before {
        background-position: 0 -55px; }
      .dd_block.sortable-fallback .two-columns:before {
        background-position: -62px -55px; }
      .dd_block.sortable-fallback .three-columns:before {
        background-position: -124px -55px; }
      .dd_block.sortable-fallback .four-columns:before {
        background-position: -186px -55px; }

    #_BME_dvEditArea .sortable-ghost.dd_block a {
      display: none; }

    #_BME_dvEditArea .sortable-ghost.dd_block {
      display: block;
      background: #30D8A2;
      border: none;
      color: #fff;
      font-weight: 600;
      padding: 115px 0;
      position: relative;
      max-width: 100%;
      list-style: none;
      opacity: 1;
      box-sizing: border-box; }
      #_BME_dvEditArea .sortable-ghost.dd_block:before {
        content: 'Drop Here';
        display: block;
        text-align: center;
        font-size: 16px;
        color: white; }
      #_BME_dvEditArea .sortable-ghost.dd_block:after {
        border: 3px dashed #e6e6e8;
        border-radius: 3px;
        content: '';
        display: block;
        position: absolute;
        left: calc(2.5%);
        right: calc(2.5%);
        top: calc(15%);
        bottom: calc(15%);
        box-sizing: content-box; }
      #_BME_dvEditArea .sortable-ghost.dd_block.section-area {
        background: #3d4160; }

    .editor-wrapper:not(.editor-code) .editor-full-wrap {
      background: #fff;
      left: 0;
      right: 0;
      position: fixed;
      overflow: auto;
      bottom: 0;
      top: 110px; }

    .editor-full-wrap .container {
      margin: 0 auto;
      max-width: 1260px;
      overflow: hidden;
      position: relative;
      width: auto; }

    .layouts-nav-wrap {
      text-align: center; }

    .layouts-nav {
      border: 1px solid #525e66;
      border-radius: 6px;
      margin: 40px auto 0 auto;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 374px; }

    .layouts-nav-wrap .layouts-nav {
      display: inline-block;
      width: auto; }

    .layouts-nav > a {
      border-right: 1px solid #525e66;
      color: #525e66;
      display: block;
      float: left;
      padding: 8px 0;
      width: 187px;
      text-decoration: none;
      font-size: 13px; }
      @media (max-width: 992px) {
        .layouts-nav > a {
          float: none; } }

    html[lang="ja"] .layouts-nav > a,
    html[lang="zh-TW"] .layouts-nav > a,
    html[lang="zh-CN"] .layouts-nav > a {
      font-size: 14px; }

    .layouts-nav-wrap .layouts-nav > a {
      border-right: 1px solid #525e66;
      font-weight: 600;
      padding: 8px 103px;
      width: auto;
      line-height: 16px; }
      @media (max-width: 992px) {
        .layouts-nav-wrap .layouts-nav > a {
          border-right: none; } }

    .layouts-nav > a:last-child {
      border: none; }

    .layouts-nav > a.selected {
      background: #c0c6ca;
      color: #fff; }

    .preview-views .layouts-nav > a.selected {
      cursor: default; }

    .pl-search-results {
      border-top: 1px solid #b2b2b2;
      border-bottom: 1px solid #b2b2b2;
      color: #a1a1a1;
      display: none;
      margin: 20px 0 10px 0;
      padding: 15px 0;
      text-align: center; }

    .pl-search-results > p {
      line-height: 14px;
      margin: 0; }

    .pl-search-close {
      background: url("/images/btn/search-gallery-close.svg") no-repeat 0 0;
      background-size: 15px 30px;
      display: inline-block;
      height: 15px;
      margin-left: 70px;
      width: 15px; }

    .pl-search-close:hover {
      background-position: 0 -15px; }

    .pl-total-count,
    .filters-selected {
      color: #a1a1a1;
      margin: 0 auto;
      padding: 15px 20px 0 0;
      position: relative;
      text-align: right; }

    .pl-total-count {
      display: none;
      padding-top: 0;
      margin-top: 15px; }

    .past-layouts-wrap {
      border-top: 1px solid #b2b2b2;
      margin-top: 18px; }

    .pl-nav {
      background: #fff;
      border-right: 1px solid #b2b2b2;
      height: 100%;
      list-style: none;
      margin: 0;
      padding: 30px 20px 0 20px;
      position: absolute;
      width: 33px;
      z-index: 2; }
      .pl-nav .ui-state-active {
        border: none;
        background-color: transparent; }

    .pl-nav > li a {
      background: url("/images/icn/editor-media-subnav.svg") no-repeat 0 0;
      background-size: 222px 57px;
      cursor: pointer;
      display: block;
      height: 27px;
      margin: 0 auto 40px auto;
      width: 37px; }

    .pl-nav > li a:hover,
    .pl-nav > li.ui-state-active a {
      background-position: 0 -27px; }

    .pl-nav > .pl-list a {
      background-position: -37px 0; }

    .pl-nav > .pl-list a:hover,
    .pl-nav > .pl-list.ui-state-active a {
      background-position: -37px -27px; }

    .pl-nav > .pl-search a {
      background-position: -75px 0;
      cursor: pointer; }

    .pl-nav > .pl-search a:hover,
    .pl-search.selected a {
      background-position: -75px -27px; }

    .pl-nav > .pl-folder a {
      background-position: -185px 0;
      cursor: pointer; }

    .pl-nav > .pl-folder a:hover,
    .pl-nav > .pl-folder.selected a {
      background-position: -185px -27px; }

    .past-layouts-wrap .mediabar {
      left: 70px; }

    .past-layouts-wrap .media-search-bar {
      top: 258px; }

    .past-layouts-wrap .media-search-bar .mediabar-input {
      margin-left: 10px;
      width: 265px;
      outline: 0; }

    .past-emails-section {
      height: 100%;
      margin-left: 73px;
      position: relative;
      border-left: 1px solid #b2b2b2; }

    .past-emails-section.smr-section {
      width: 77%; }

    .past-layouts-wrap .norecords {
      color: #c74533;
      font-weight: 600;
      height: 100%;
      padding-top: 20px;
      text-align: center; }

    .pl-thumbview {
      display: block;
      list-style: none;
      margin: 0;
      padding: 30px 0 20px 20px; }

    .pl-thumbview > li {
      display: inline-block;
      margin: 0 30px 30px 20px; }

    .pl-thumb {
      border: 3px solid #fff;
      border-radius: 3px;
      cursor: pointer;
      display: block;
      height: 139px;
      padding-top: 7px;
      position: relative; }

    .pl-thumb:hover,
    .pl-thumb.selected {
      border: 3px solid #30D8A2; }

    .pl-thumb > img {
      height: 139px;
      width: 124px; }

    .pl-thumbname {
      color: #64656c;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      margin-bottom: 10px;
      text-align: center;
      text-decoration: none;
      vertical-align: bottom;
      width: 124px;
      word-wrap: break-word; }
      .pl-thumbname:hover {
        color: #64656c;
        text-decoration: none; }

    .pl-thumbname .draft {
      color: #a1a1a1;
      display: block;
      font-size: 12px; }

    .past-tbl-wrap {
      color: #a1a1a1;
      height: 100%; }

    .past-emails-tbl {
      margin-bottom: 20px;
      width: 100%; }

    .past-emails-tbl .incomplete {
      color: #ff6349; }

    .past-emails-tbl .sent {
      color: #30D8A2; }

    .past-tbl-wrap.smr-wide-tbl {
      margin: 0;
      right: 0;
      width: 79%; }

    .past-emails-tbl thead > tr > td {
      width: auto; }

    .past-emails-tbl thead > tr > td[width="40"] {
      width: 20px; }

    .past-emails-tbl thead > tr > td,
    .past-emails-tbl tbody > tr > td {
      border-bottom: 1px solid #b2b2b2;
      padding: 10px 20px; }

    .past-emails-tbl thead > tr > td {
      font-size: 15px;
      padding: 12px 20px; }

    .past-emails-tbl a {
      color: #a1a1a1; }

    .past-emails-tbl thead > tr > td a {
      color: #a1a1a1; }

    .past-emails-tbl a[name="ancPreviewEmail"] {
      cursor: pointer;
      margin-bottom: 10px; }

    .layout-select-opts {
      margin-top: 10px; }

    .layout-select-opts > a,
    .layout-select-opts > span,
    .past-tbl-tools > a {
      background-color: #e2e5e7;
      border-radius: 3px;
      cursor: pointer;
      display: inline-block;
      height: 10px;
      margin-right: 5px;
      padding: 10px 5px;
      width: 20px; }

    .past-tbl-tools > a {
      float: left;
      margin-right: 10px; }

    .layout-select-opts > a:hover,
    .past-tbl-tools > a:hover {
      background-color: #30D8A2; }

    .layout-prev {
      background: url("/images/icn/eye-icon.svg") no-repeat center;
      background-size: 20px 20px; }

    .dropdown.template-dropdown {
      float: right; }
      .dropdown.template-dropdown .dropdown-toggle {
        padding: 10px;
        height: auto;
        border: none !important;
        box-shadow: none;
        margin-right: -10px; }
      .dropdown.template-dropdown a {
        cursor: pointer; }

    .pl-load-more {
      margin-bottom: 40px; }

    .layout-selection {
      display: block;
      margin: 10px auto 0 auto;
      max-width: 980px;
      overflow: hidden; }

    .layout-selection > li {
      display: inline-block;
      margin: 0 30px 30px 30px; }

    .layout-selection > li > a {
      background: #c0c6ca;
      border-radius: 3px;
      border: 3px solid #fff;
      display: block;
      padding: 20px 14px 14px 14px;
      position: relative;
      width: 97px; }

    .layout-selection > li > a:before,
    .pl-thumb:before {
      background: #3c464c url("/images/misc/browser-circles.png") no-repeat 4px 2px;
      border-radius: 3px 3px 0 0;
      content: '';
      display: block;
      left: 0;
      padding: 3px 0 4px 0;
      position: absolute;
      top: 0;
      width: 100%; }

    .layout-selection > li > a:hover,
    .layout-selection > li > a.selected {
      border: 3px solid #30D8A2; }

    .layout-selection > li > a:hover:after {
      display: block; }

    .layout-selection > li > .layout02 > span {
      background-position: -111px 0; }

    .layout-selection > li > .layout03 > span {
      background-position: -222px 0; }

    .layout-selection > li > p {
      color: #64656c;
      display: inline-block;
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 600;
      text-align: center;
      vertical-align: bottom;
      width: 131px;
      line-height: 1.2; }

    #template-emails-loading .loading-animation-wrapper {
      padding-left: 250px;
      text-align: center;
      margin-top: 100px; }
      #template-emails-loading .loading-animation-wrapper .loading-animation {
        display: inline-block;
        width: 60px;
        height: 60px; }

    /* Templates */
    .editor-templates-wrap {
      margin: 0 auto;
      padding-top: 30px;
      position: relative; }

    .filters-selected {
      margin: 0 0 15px 249px;
      padding-top: 0px;
      text-align: left; }

    .editor-filters {
      padding-left: 20px;
      position: absolute;
      top: 30px;
      width: 230px; }

    .editor-filters,
    .editor-templates-wrap .pl-thumbview {
      display: inline-block; }

    #ulTemplateList + #templateLoadMore {
      padding-left: 230px; }

    .editor-filters h3 {
      font-size: 18px;
      margin: 0; }

    .editor-filters .sidebar-selection-nav {
      display: inline-block;
      list-style: none;
      margin: 0 0 30px 0;
      padding: 0; }

    .editor-filters .sidebar-selection-nav > li {
      display: inline-block;
      width: 95%; }

    .editor-filters .sidebar-selection-nav + div {
      margin-bottom: 30px; }

    .nolist {
      list-style: none;
      margin: 0;
      padding: 0; }

    .editor-filters .sidebar-selection .nolist li {
      margin-bottom: 10px; }

    .editor-filters .sidebar-selection .nolist li:last-of-type {
      margin-bottom: 0; }

    .editor-templates-wrap .pl-thumbview {
      margin-left: 230px;
      padding-top: 0;
      padding-left: 0;
      vertical-align: top; }

    .editor-templates-wrap .pl-thumbview > li {
      margin-right: 20px;
      vertical-align: top; }

    .editor-templates-wrap .pl-thumbname {
      font-size: 14px;
      margin: 10px 0 0 0;
      text-align: left;
      width: 150px; }

    .editor-templates-wrap .pl-thumb {
      border-radius: 0;
      border: none;
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      height: 200px;
      padding-top: 0; }

    .editor-templates-wrap .pl-thumb:before {
      display: none; }

    .editor-templates-wrap .pl-thumb.selected:after,
    .editor-templates-wrap .pl-thumb:hover:after {
      content: '';
      border: 3px solid #30D8A2;
      position: absolute;
      top: -3px;
      left: -3px;
      display: block;
      height: 200px;
      border-radius: 3px;
      width: 150px;
      box-sizing: content-box; }

    .editor-templates-wrap .pl-thumb > img {
      height: 200px;
      width: 150px; }

    .no-show {
      text-align: center; }

    .no-show > p {
      background: #f5f5f7;
      color: #9ca8ae;
      display: inline-block;
      font-size: 24px;
      font-weight: 600;
      line-height: 150%;
      max-width: 430px;
      padding: 40px 60px; }

    .internal-editor .bmeImageCard > table,
    .internal-editor td[name="bmeBoxContainer"] > table,
    .internal-editor table[name="blk_image"],
    .internal-editor table[name="blk_video"],
    .internal-editor .tblLine,
    .internal-editor .bmeLinkTable {
      border-collapse: separate; }

    .bmeHiliteBorder {
      background-color: #EEEEEE;
      outline: #0000FF solid 1px;
      opacity: 0.8; }

    /* Integrations Connect Button */
    .editor-templates-wrap .pl-thumbview > li {
      position: relative; }

    .integrate-btn {
      display: inline-block;
      visibility: hidden;
      position: absolute;
      top: 80px;
      right: 20px;
      left: 20px;
      text-align: center;
      background: rgba(4, 205, 176, 0.9);
      border: none;
      color: #fff;
      font-size: 14px;
      border-radius: 6px;
      cursor: pointer;
      padding: 11px 20px;
      text-decoration: none;
      transition: background-color 300ms ease-out; }
      .integrate-btn:hover {
        color: #fff;
        background: rgba(29, 226, 198, 0.9);
        text-decoration: none; }

    .editor-templates-wrap .pl-thumbview > li:hover .integrate-btn {
      visibility: visible; }

    #past-emails-loading .loading-animation-wrapper {
      text-align: center;
      margin-top: 100px; }
      #past-emails-loading .loading-animation-wrapper .loading-animation {
        display: inline-block;
        width: 60px;
        height: 60px; }

    .layout-select-opts > a.layout-fav,
    .layout-select-opts > a.layout-nofav,
    .past-tbl-tools > a.layout-fav {
      height: auto;
      padding: 8px 6px 7px 6px;
      width: auto; }

    .layout-fav:after,
    .layout-nofav:after {
      content: '';
      background: url("/images/icn/heart-icon.svg") no-repeat 0 0;
      background-size: 18px 30px;
      display: block;
      height: 15px;
      width: 18px; }

    .layout-nofav:after,
    .layout-fav:hover:after,
    .layout-fav.nofav:after {
      background-position: 0 -15px; }

    .layout-select-opts .gallery-thumb-settings {
      margin-top: 7px; }

    .layout-selection > li > a > span {
      background: url("/images/icn/lp-blank-layouts.svg") no-repeat 0 0;
      background-size: 319px 106px;
      display: block;
      height: 111px;
      width: 97px; }

    /* Content block select */
    .editor-template img {
      vertical-align: bottom; }
    .editor-template table {
      box-sizing: border-box;
      border-spacing: 0; }
    .editor-template table[name="blk_text"] {
      min-height: 16px; }
    .editor-template table[name="blk_blank"] div {
      color: rgba(0, 0, 0, 0.3);
      text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); }
    .editor-template p:not(.blk_img_drop_txt):not(.blk_img_drop_link) {
      line-height: inherit;
      font-size: inherit;
      font-weight: inherit;
      margin-top: 0;
      margin-bottom: 0; }
    .editor-template a:not(.blk_vid_txt) {
      color: #0000EE;
      text-decoration: underline; }
    .editor-template [name=bmeMainBody] {
      min-height: calc(100vh - 54px - 56px - 63px) !important; }
    .editor-template .tblCell,
    .editor-template .bmeCaptionTable {
      word-break: break-word; }
    .editor-template .bmeCaptionContainer,
    .editor-template .bmeGroupContainer {
      box-sizing: border-box; }

    .edit-block {
      position: relative; }

    .content-block-nav {
      list-style: none;
      overflow: hidden;
      margin: -1px;
      padding: 0;
      position: absolute; }

    .content-block-nav:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }

    .bmeShareItemBtn {
      position: relative; }

    .bmeFollowItem .content-block-nav,
    .bmeShareItemBtn .content-block-nav {
      width: 59px; }

    .blk_textimg .textimg-wrap .content-block-nav {
      display: inline-block;
      right: 6px;
      text-align: right;
      visibility: hidden; }

    .blk_textimg .textimg-wrap .content-block-nav li {
      display: inline-block;
      float: none; }

    .blk_textimg .textimg-wrap .content-block-nav li a {
      margin: 0 3px 3px 3px; }

    .textimg-wrap:hover .content-block-nav {
      visibility: visible; }

    .bmeShareItemBtn .content-block-nav {
      top: 0; }

    .content-block-nav li {
      float: right; }

    .content-block-nav li:first-child {
      float: left; }

    .content-block-nav li a {
      cursor: pointer;
      display: block; }

    .content-block-nav li a.drag {
      cursor: move; }

    .dd-icon {
      background-color: #30D8A2;
      background-repeat: no-repeat;
      background-position: center;
      color: #fff;
      display: inline-block;
      float: left;
      font-weight: 600;
      width: 16px;
      height: 16px;
      padding: 5px;
      text-align: center;
      border-radius: 100%; }

    .dd-icon:hover {
      background-color: #1de2c6; }

    .dd-icon:active {
      box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2); }

    .drag {
      background-image: url("/int-assets/img/dd-editor/move-icon.svg");
      background-size: 16px; }

    .duplicate {
      background-image: url("/int-assets/img/dd-editor/copy-icon.svg");
      background-size: 16px; }

    .delete {
      background-image: url("/int-assets/img/dd-editor/delete-icon.svg");
      background-size: 16px; }

    .close {
      background-image: url("/images/icn/editor-close.png"); }

    .edititem {
      background: #30D8A2 url("/int-assets/img/dd-editor/edit-icon.svg") no-repeat center;
      background-size: 16px; }

    .bmeFollowItem[align="left"] .bmeFollowItemIcon[width="20"] .content-block-nav {
      width: auto;
      z-index: 9; }

    .bmeFollowItem[align="left"] .bmeFollowItemIcon[width="20"] .content-block-nav li {
      float: none;
      overflow: hidden; }

    .bmeFollowItem[align="left"] .bmeFollowItemIcon[width="20"] .content-block-nav li a {
      margin-bottom: 5px; }

    .textimg-wrap {
      position: relative; }

    td[width="25"] .content-block-nav {
      margin: -12px 0 0 1px;
      width: 21px; }

    td[width="25"] .content-block-nav li {
      float: none; }

    td[width="25"] .dd-icon {
      padding: 0 10px 0 11px;
      margin-bottom: 5px;
      height: 21px;
      float: none; }

    .content-block-selected {
      border: 2px solid #ff6559;
      border-radius: 4px;
      margin-bottom: 10px;
      padding: 10px;
      position: relative; }

    .content-block-selected:last-child {
      margin-bottom: 0; }

    .content-block-selected .content-block-nav,
    .edit-block .content-block-nav {
      left: 1px;
      margin: 0;
      position: absolute;
      top: 2px;
      width: 100%; }

    .content-block-selected .dd-icon,
    .edit-block .dd-icon {
      background-color: #ff6559; }

    .content-block-selected .content-block-nav a,
    .edit-block .content-block-nav a {
      margin-right: 0; }

    .content-block-selected .dd-icon:hover,
    .edit-block .dd-icon:hover {
      background-color: #ff4435; }

    .edit-block .content-block-nav {
      display: none; }

    .edit-block:hover .content-block-nav {
      display: block; }

    /* drag & drop */
    .blk_img_dd_wrap {
      background: #f5f5f7;
      padding: 40px 0;
      text-align: center;
      font-family: "MessinaSansWeb", Helvetica, Arial, 微軟正黑體, "Microsoft JhengHei", "メイリオ", "ms pゴシック", sans-serif; }

    html[lang="ja"] .blk_img_dd_wrap {
      font-family: MessinaSansWeb, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, meiryo, "メイリオ", "ms pgothic", "ms pゴシック", 微軟正黑體, sans-serif; }

    .blk_img_drop {
      border: 2px dashed #e6e6e8;
      border-radius: 6px;
      color: #c0c5c9;
      margin: 0 auto;
      overflow: hidden;
      padding: 15px;
      position: relative;
      text-align: center;
      display: block;
      font-size: 0; }

    .blk_img_drop_icon {
      background: url("/int-assets/img/dd-editor/image-placeholder-icon.svg") no-repeat top;
      background-size: 40px 40px;
      display: inline-block;
      height: 40px;
      margin-right: 15px;
      width: 40px; }

    .blk_img_txt_wrap {
      text-align: left;
      display: inline-block; }

    .blk_img_drop_txt {
      font-size: 22px;
      font-weight: bold;
      line-height: 1;
      margin: 0 0 3px; }

    .blk_img_drop_link {
      font-size: 14px;
      margin: 0;
      color: #c0c5c9; }

    .blk_img_drop_link a {
      color: #31ade0 !important;
      cursor: pointer;
      font-weight: 600;
      text-decoration: none; }

    .blk_img_drop_link a:hover {
      text-decoration: underline; }

    .blk_img_drop_link span {
      text-transform: lowercase; }

    .blk_img_drop_txt.no-dd {
      display: none; }

    .blk_img_drop_link.no-dd span {
      display: none; }

    .blk_img_drop_link.no-dd a {
      font-size: 14px;
      display: inline-block;
      margin-left: 0;
      padding: 0; }

    .blk_vid_dd_wrap {
      background: #f5f5f7;
      padding: 40px 0;
      text-align: center;
      font-family: "MessinaSansWeb", Helvetica, Arial, 微軟正黑體, "Microsoft JhengHei", "メイリオ", "ms pゴシック", sans-serif; }

    html[lang="ja"] .blk_vid_dd_wrap {
      font-family: MessinaSansWeb, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, meiryo, "メイリオ", "ms pgothic", "ms pゴシック", 微軟正黑體, sans-serif; }

    .blk_vid_dd {
      border-radius: 6px;
      display: inline-block;
      padding: 10px 12px; }

    .blk_vid_txt {
      color: #31ade0;
      cursor: pointer;
      font-size: 22px;
      line-height: 26px;
      font-weight: 700;
      vertical-align: middle; }
      .blk_vid_txt:hover {
        color: #31ade0;
        text-decoration: underline; }

    .blk_vid_txt:before {
      background: url("/int-assets/img/dd-editor/video-placeholder-icon.svg") no-repeat center;
      background-size: 40px 40px;
      content: '';
      display: inline-block;
      height: 40px;
      width: 40px;
      margin-right: 15px;
      vertical-align: middle; }

    /* video block small link */
    table:not([width='600']) > tbody > tr > td > table > tbody > tr > td > .blk_vid_dd_wrap {
      padding: 20px 10px; }

    table:not([width='600']) > tbody > tr > td > table > tbody > tr > td > div > .blk_vid_dd {
      padding: 8px; }

    table:not([width='600']) > tbody > tr > td > table > tbody > tr > td > div > div > .blk_vid_txt {
      text-align: center;
      font-size: 16px;
      line-height: 22px; }

    table:not([width='600']) > tbody > tr > td > table > tbody > tr > td > div > div > .blk_vid_txt:before {
      display: block;
      margin: 0 auto 7px; }

    /* medium size */
    .blk_img_dd_wrap.dd_med {
      padding: 10px; }

    .dd_med .blk_img_drop_icon {
      background: url("/int-assets/img/dd-editor/image-placeholder-icon.svg") no-repeat top;
      display: inline-block;
      float: none;
      height: 43px;
      margin: 0px;
      width: 43px; }

    .dd_med .blk_img_drop_txt {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 0; }

    .dd_med .blk_img_drop_link span {
      display: block; }

    .dd_med .blk_img_drop_link,
    .dd_med .blk_img_drop_link {
      font-size: 12px; }

    /* small size */
    .blk_img_dd_wrap.dd_sm,
    .blk_img_dd_wrap.dd_x_sm {
      padding: 5px; }

    .blk_img_dd_wrap.dd_sm a {
      border: 2px dashed #e6e6e8;
      border-radius: 6px;
      cursor: pointer;
      display: block;
      padding: 5px; }

    .blk_img_dd_wrap.dd_x_sm a {
      cursor: pointer; }

    .blk_img_dd_wrap.dd_sm a img,
    .blk_img_dd_wrap.dd_x_sm img {
      display: block;
      border: none; }

    @keyframes overlay-animation {
      0% {
        opacity: 0; }
      100% {
        opacity: 1; } }
    #image-gallery-overlay #listView,
    #image-gallery-overlay #documentList,
    #image-gallery-overlay #videoList,
    #document-gallery-overlay #listView,
    #document-gallery-overlay #documentList,
    #document-gallery-overlay #videoList,
    #video-gallery-overlay #listView,
    #video-gallery-overlay #documentList,
    #video-gallery-overlay #videoList {
      margin-bottom: 25px; }
    #image-gallery-overlay #gridView .dvImg.galleryItem,
    #image-gallery-overlay #documentGrid .dvImg.galleryItem,
    #image-gallery-overlay #videoGrid .dvImg.galleryItem,
    #document-gallery-overlay #gridView .dvImg.galleryItem,
    #document-gallery-overlay #documentGrid .dvImg.galleryItem,
    #document-gallery-overlay #videoGrid .dvImg.galleryItem,
    #video-gallery-overlay #gridView .dvImg.galleryItem,
    #video-gallery-overlay #documentGrid .dvImg.galleryItem,
    #video-gallery-overlay #videoGrid .dvImg.galleryItem {
      height: 258px; }
    #image-gallery-overlay #gridView .img-container .after,
    #image-gallery-overlay #documentGrid .img-container .after,
    #image-gallery-overlay #videoGrid .img-container .after,
    #document-gallery-overlay #gridView .img-container .after,
    #document-gallery-overlay #documentGrid .img-container .after,
    #document-gallery-overlay #videoGrid .img-container .after,
    #video-gallery-overlay #gridView .img-container .after,
    #video-gallery-overlay #documentGrid .img-container .after,
    #video-gallery-overlay #videoGrid .img-container .after {
      position: absolute;
      top: 0;
      left: 15px;
      height: 141px;
      width: calc(100% - 30px);
      opacity: 0;
      color: #ffffff; }
      #image-gallery-overlay #gridView .img-container .after button,
      #image-gallery-overlay #documentGrid .img-container .after button,
      #image-gallery-overlay #videoGrid .img-container .after button,
      #document-gallery-overlay #gridView .img-container .after button,
      #document-gallery-overlay #documentGrid .img-container .after button,
      #document-gallery-overlay #videoGrid .img-container .after button,
      #video-gallery-overlay #gridView .img-container .after button,
      #video-gallery-overlay #documentGrid .img-container .after button,
      #video-gallery-overlay #videoGrid .img-container .after button {
        top: 41%; }
    #image-gallery-overlay #gridView .img-container:hover,
    #image-gallery-overlay #documentGrid .img-container:hover,
    #image-gallery-overlay #videoGrid .img-container:hover,
    #document-gallery-overlay #gridView .img-container:hover,
    #document-gallery-overlay #documentGrid .img-container:hover,
    #document-gallery-overlay #videoGrid .img-container:hover,
    #video-gallery-overlay #gridView .img-container:hover,
    #video-gallery-overlay #documentGrid .img-container:hover,
    #video-gallery-overlay #videoGrid .img-container:hover {
      cursor: pointer; }
      #image-gallery-overlay #gridView .img-container:hover .after,
      #image-gallery-overlay #documentGrid .img-container:hover .after,
      #image-gallery-overlay #videoGrid .img-container:hover .after,
      #document-gallery-overlay #gridView .img-container:hover .after,
      #document-gallery-overlay #documentGrid .img-container:hover .after,
      #document-gallery-overlay #videoGrid .img-container:hover .after,
      #video-gallery-overlay #gridView .img-container:hover .after,
      #video-gallery-overlay #documentGrid .img-container:hover .after,
      #video-gallery-overlay #videoGrid .img-container:hover .after {
        opacity: 1;
        background: rgba(113, 115, 143, 0.8);
        transition: all 200ms ease-in-out; }
        #image-gallery-overlay #gridView .img-container:hover .after:hover,
        #image-gallery-overlay #documentGrid .img-container:hover .after:hover,
        #image-gallery-overlay #videoGrid .img-container:hover .after:hover,
        #document-gallery-overlay #gridView .img-container:hover .after:hover,
        #document-gallery-overlay #documentGrid .img-container:hover .after:hover,
        #document-gallery-overlay #videoGrid .img-container:hover .after:hover,
        #video-gallery-overlay #gridView .img-container:hover .after:hover,
        #video-gallery-overlay #documentGrid .img-container:hover .after:hover,
        #video-gallery-overlay #videoGrid .img-container:hover .after:hover {
          transition: all 200ms ease-in-out; }
    #image-gallery-overlay #documentList .label-name:hover,
    #image-gallery-overlay #documentGrid .label-name:hover,
    #document-gallery-overlay #documentList .label-name:hover,
    #document-gallery-overlay #documentGrid .label-name:hover,
    #video-gallery-overlay #documentList .label-name:hover,
    #video-gallery-overlay #documentGrid .label-name:hover {
      cursor: default; }
    #image-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav,
    #document-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav,
    #video-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav {
      width: 340px;
      position: relative;
      top: 0;
      border-bottom: 1px solid #ebecef; }
      #image-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span,
      #document-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span,
      #video-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span {
        border: none;
        padding: 20px 0; }
        #image-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span.selected,
        #document-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span.selected,
        #video-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span.selected {
          border-bottom: 3px solid #30D8A2; }
      #image-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span:first-child,
      #document-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span:first-child,
      #video-gallery-overlay .dropdown-menu .dropdown-options .subpanel-nav span:first-child {
        margin: 0 10px; }
    #image-gallery-overlay .dropdown-menu .dropdown-options .btn-sm,
    #document-gallery-overlay .dropdown-menu .dropdown-options .btn-sm,
    #video-gallery-overlay .dropdown-menu .dropdown-options .btn-sm {
      height: 30px; }
    #image-gallery-overlay .dropdown-menu .wrapper-options .feel-free-text,
    #document-gallery-overlay .dropdown-menu .wrapper-options .feel-free-text,
    #video-gallery-overlay .dropdown-menu .wrapper-options .feel-free-text {
      font-size: 13px;
      color: #353844;
      line-height: 20px;
      font-weight: normal; }
    #image-gallery-overlay .dropdown-menu .wrapper-options .siderror,
    #document-gallery-overlay .dropdown-menu .wrapper-options .siderror,
    #video-gallery-overlay .dropdown-menu .wrapper-options .siderror {
      font-weight: 400;
      color: #ec2b55;
      font-size: 11px;
      margin-bottom: 0;
      margin-top: 5px; }
    #image-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper,
    #document-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper,
    #video-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper {
      width: 340px;
      position: relative;
      right: 30px;
      padding: 25px 30px 5px;
      line-height: 20px; }
      #image-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper .camera-icon,
      #document-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper .camera-icon,
      #video-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper .camera-icon {
        background-image: url("/int-assets/img/image-gallery/camera.svg");
        background-repeat: no-repeat;
        display: inline-block;
        width: 20px;
        height: 16px; }
      #image-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper .resource,
      #document-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper .resource,
      #video-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper .resource {
        color: #3d4160;
        font-size: 13px;
        font-weight: 600;
        margin-left: 10px; }
      #image-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper:hover,
      #document-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper:hover,
      #video-gallery-overlay .dropdown-menu .wrapper-options .resource-wrapper:hover {
        background-color: #f9f9fa;
        cursor: pointer; }
    #image-gallery-overlay .loading-animation-wrapper .loading-images.loading-animation,
    #document-gallery-overlay .loading-animation-wrapper .loading-images.loading-animation,
    #video-gallery-overlay .loading-animation-wrapper .loading-images.loading-animation {
      margin: 0 auto;
      width: 56px;
      height: 56px;
      left: 50%;
      top: 50%;
      position: absolute; }
      @media (max-width: 767px) {
        #image-gallery-overlay .loading-animation-wrapper .loading-images.loading-animation,
        #document-gallery-overlay .loading-animation-wrapper .loading-images.loading-animation,
        #video-gallery-overlay .loading-animation-wrapper .loading-images.loading-animation {
          position: relative;
          left: 0;
          top: 50px; } }
    #image-gallery-overlay .tooltip-inner,
    #document-gallery-overlay .tooltip-inner,
    #video-gallery-overlay .tooltip-inner {
      max-width: 200px;
      text-align: left; }
      #image-gallery-overlay .tooltip-inner .tooltip-max-size,
      #document-gallery-overlay .tooltip-inner .tooltip-max-size,
      #video-gallery-overlay .tooltip-inner .tooltip-max-size {
        margin-bottom: 30px; }
    #image-gallery-overlay #loadMore,
    #image-gallery-overlay #loadMoreDocuments,
    #image-gallery-overlay #loadMoreVideos,
    #document-gallery-overlay #loadMore,
    #document-gallery-overlay #loadMoreDocuments,
    #document-gallery-overlay #loadMoreVideos,
    #video-gallery-overlay #loadMore,
    #video-gallery-overlay #loadMoreDocuments,
    #video-gallery-overlay #loadMoreVideos {
      display: block;
      margin: 0 auto; }
    @media (max-width: 991px) {
      #image-gallery-overlay .content-row .actions,
      #document-gallery-overlay .content-row .actions,
      #video-gallery-overlay .content-row .actions {
        padding-left: 30px; } }
    #image-gallery-overlay .content-row .actions .dropdown,
    #document-gallery-overlay .content-row .actions .dropdown,
    #video-gallery-overlay .content-row .actions .dropdown {
      float: left; }
    #image-gallery-overlay #deleteOptions,
    #image-gallery-overlay #documentDeleteOptions,
    #image-gallery-overlay #videoDeleteOptions,
    #document-gallery-overlay #deleteOptions,
    #document-gallery-overlay #documentDeleteOptions,
    #document-gallery-overlay #videoDeleteOptions,
    #video-gallery-overlay #deleteOptions,
    #video-gallery-overlay #documentDeleteOptions,
    #video-gallery-overlay #videoDeleteOptions {
      visibility: hidden; }
      #image-gallery-overlay #deleteOptions.active,
      #image-gallery-overlay #documentDeleteOptions.active,
      #image-gallery-overlay #videoDeleteOptions.active,
      #document-gallery-overlay #deleteOptions.active,
      #document-gallery-overlay #documentDeleteOptions.active,
      #document-gallery-overlay #videoDeleteOptions.active,
      #video-gallery-overlay #deleteOptions.active,
      #video-gallery-overlay #documentDeleteOptions.active,
      #video-gallery-overlay #videoDeleteOptions.active {
        visibility: visible; }
      #image-gallery-overlay #deleteOptions .select-control,
      #image-gallery-overlay #documentDeleteOptions .select-control,
      #image-gallery-overlay #videoDeleteOptions .select-control,
      #document-gallery-overlay #deleteOptions .select-control,
      #document-gallery-overlay #documentDeleteOptions .select-control,
      #document-gallery-overlay #videoDeleteOptions .select-control,
      #video-gallery-overlay #deleteOptions .select-control,
      #video-gallery-overlay #documentDeleteOptions .select-control,
      #video-gallery-overlay #videoDeleteOptions .select-control {
        display: block; }
      @media (max-width: 767px) {
        #image-gallery-overlay #deleteOptions,
        #image-gallery-overlay #documentDeleteOptions,
        #image-gallery-overlay #videoDeleteOptions,
        #document-gallery-overlay #deleteOptions,
        #document-gallery-overlay #documentDeleteOptions,
        #document-gallery-overlay #videoDeleteOptions,
        #video-gallery-overlay #deleteOptions,
        #video-gallery-overlay #documentDeleteOptions,
        #video-gallery-overlay #videoDeleteOptions {
          display: none;
          visibility: visible; }
          #image-gallery-overlay #deleteOptions.active,
          #image-gallery-overlay #documentDeleteOptions.active,
          #image-gallery-overlay #videoDeleteOptions.active,
          #document-gallery-overlay #deleteOptions.active,
          #document-gallery-overlay #documentDeleteOptions.active,
          #document-gallery-overlay #videoDeleteOptions.active,
          #video-gallery-overlay #deleteOptions.active,
          #video-gallery-overlay #documentDeleteOptions.active,
          #video-gallery-overlay #videoDeleteOptions.active {
            display: block; }
          #image-gallery-overlay #deleteOptions ~ .control-options.hide-control,
          #image-gallery-overlay #documentDeleteOptions ~ .control-options.hide-control,
          #image-gallery-overlay #videoDeleteOptions ~ .control-options.hide-control,
          #document-gallery-overlay #deleteOptions ~ .control-options.hide-control,
          #document-gallery-overlay #documentDeleteOptions ~ .control-options.hide-control,
          #document-gallery-overlay #videoDeleteOptions ~ .control-options.hide-control,
          #video-gallery-overlay #deleteOptions ~ .control-options.hide-control,
          #video-gallery-overlay #documentDeleteOptions ~ .control-options.hide-control,
          #video-gallery-overlay #videoDeleteOptions ~ .control-options.hide-control {
            display: none; } }
    @media (max-width: 991px) {
      #image-gallery-overlay .sort-control,
      #document-gallery-overlay .sort-control,
      #video-gallery-overlay .sort-control {
        float: left; }
      #image-gallery-overlay .content-row,
      #document-gallery-overlay .content-row,
      #video-gallery-overlay .content-row {
        padding-bottom: 20px; }
        #image-gallery-overlay .content-row .actions .dropdown,
        #document-gallery-overlay .content-row .actions .dropdown,
        #video-gallery-overlay .content-row .actions .dropdown {
          float: left;
          margin-bottom: 15px;
          clear: both; } }

    .views {
      display: table;
      border-spacing: 15px 0;
      padding: 0 5px; }
      @media (max-width: 991px) {
        .views {
          position: relative;
          padding: 0;
          left: 15px;
          float: right; } }
      .views .gallery-view {
        padding: 25px;
        display: table-cell;
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: .55;
        border-radius: 2px; }
        .views .gallery-view.grid {
          background-image: url("/int-assets/img/image-gallery/grid-view.svg"); }
        .views .gallery-view.list {
          background-image: url("/int-assets/img/image-gallery/list-view.svg"); }
        .views .gallery-view.active {
          background-color: #f4f4f8;
          opacity: 1; }
        .views .gallery-view:hover {
          background-color: #f4f4f8;
          opacity: 1;
          cursor: pointer;
          transition: all 200ms ease-in-out; }

    #image-gallery-delete-modal,
    #document-gallery-delete-modal,
    #video-gallery-delete-modal,
    #preview-video-modal {
      z-index: 90002; }

    #preview-video-modal img {
      width: 100%;
      border: 0; }

    .top-10 {
      margin-top: 10px; }

    @media (max-width: 767px) {
      .views {
        margin-top: 10px; }
        .views .gallery-view {
          padding: 15px 25px;
          background-size: 30%; } }
    .dropzone {
      background: #ffffff;
      border-radius: 5px;
      border: 2px dashed #0087f7;
      border-image: none;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; }

    #lpNameField {
      max-width: 100%; }

    #gateLPCreation {
      margin-bottom: 50px; }

    #tblDomains {
      margin-top: 50px; }
      #tblDomains table tbody tr {
        border-top-style: none;
        border-bottom: 1px solid rgba(61, 65, 96, 0.1); }

    .border-0 {
      border-style: none !important; }

    .shadow-0 {
      box-shadow: none !important; }

    body.bgc-gray {
      background-color: #F9F9FA; }

    @media (max-width: 992px) {
      section.content-row div.actions .btn {
        float: left; } }

    @media (max-width: 768px) {
      .text-sm-left {
        text-align: left; } }

    .z-index_1040 {
      z-index: 1040 !important; }

      .landing-page-video-container {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
      }
      .landing-page-video-container::before {
        display: block;
        content: "";
        padding-top: 56.25%;
      }
      .landing-page-video-container iframe.landing-page-embed-video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
      }

      .bmeFollowItem img {
        vertical-align: bottom;
      }

      .bmeCaptionTable .tblCell img,
      .tblText img {
        width: 100% !important;
        height: auto;
        vertical-align: middle !important;
      }

      @media only screen and (max-width: 480px) {
        .bmeImageContainer {
          display: block !important;
        }

        .bmeImageContainer div[name="tdContainer"] {
          display: block !important;
        }

        .blk[name="blk_imagecaption"] .bmeCaptionTable[align="right"] {
          padding-left: 0 !important;
          padding-top: 20px !important;
        }

        .blk[name="blk_imagecaption"] .bmeCaptionTable[align="left"] {
          padding-right: 0 !important;
          padding-bottom: 20px !important;
        }
      }

    /*# sourceMappingURL=editor-ui.css.map */
main#main {
  min-height: 100vh;
}

h1, h2, h3, h4, h5 {
  font-weight: inherit;
}