[class*="he-custom-select"] select,
  [class*="he-field"],
  .he-switch-btn input+.he-switch-label:after {
      color: rgba(51, 51, 51, 0.7);
      font-size: 13px
  }
  [class*="he-simple-border"],
  [class*="he-field"] {
      border: 1px solid #67E0E5;
      border-radius: 2px
  }
  .he-area-left,
  [class*="he-label"] .he-label-text,
  .he-modal-footer-hide label {
      color: rgba(51, 51, 51, 0.7);
      cursor: pointer;
      font-size: 13px;
      font-weight: 700
  }
  .he-list-images-scroll li .he-actions-image:before,
  .he-filter .he-check-mask:before,
  .he-list-product-scroll li .he-actions-product:before {
      content: "";
      color: #fff;
      border-radius: 2px;
      font-family: "heisenberg";
      font-size: 12px;
      width: 18px;
      height: 18px;
      position: absolute;
      border: 2px solid #dcd9d9;
      text-decoration: none;
      line-height: 18px;
      text-align: center;
      background-color: #fff
  }
  .he-is-active .he-list-images-scroll li .he-actions-image:before,
  .he-list-images-scroll li .he-is-active .he-actions-image:before,
  .he-is-active .he-filter .he-check-mask:before,
  .he-filter .he-is-active .he-check-mask:before,
  .he-is-active .he-list-product-scroll li .he-actions-product:before,
  .he-list-product-scroll li .he-is-active .he-actions-product:before {
      content: ""
  }
  .he-template-outer>.he-helper .he-module-label,
  .he-template-outer>.he-helper .he-actions-module {
      position: absolute;
      left: 50%;
      margin-left: -340px;
      height: 0;
      width: 600px;
      z-index: 10
  }
  .he-target span,
  .he-template-outer>.he-helper .he-module-label:before,
  .he-template-inner .he-helper:before {
      padding: 2px 6px;
      color: #fff;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-size: 11px;
      position: absolute
  }
  [class*="he-sidebar"] .he-title,
  .he-brand-name,
  [class*="he-image-alert"] .he-image-title,
  [class*="he-btn"],
  .he-modal-header .he-modal-title,
  .he-alert-preview [class*="he-title"] {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased
  }
  .he-topbar,
  .he-modal:not(.he-modal-small) .he-modal-header {
      background-color: #4f4242;
      border-bottom: 5px solid #000;
      border-bottom-width: 5px;
      color: #fff;
      height: 65px
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top:after,
  .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-mid,
  .he-preview-tablet .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top,
  .he-preview-tablet .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top:after,
  .he-preview-tablet .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-mid,
  .he-preview-mobile .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top,
  .he-preview-mobile .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top:after,
  .he-preview-mobile .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-mid {
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      height: 0;
      width: 0;
      opacity: 0
  }
  .he-loading-upload .he-spinner,
  .he-loading-img-list.he-img-list-is-showing .he-spinner {
      opacity: 1;
      z-index: 20
  }
  .he-float-left {
      float: left
  }
  .he-float-right {
      float: right
  }
  .he-smoothing,
  .he-preview [class*="he-title"],
  .he-accordeon-label {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased
  }
  .he-text-center {
      text-align: center
  }
  .he-no-padding {
      padding: 0 !important
  }
  .he-text-center {
      text-align: center
  }
  .he-separator {
      border-top: 4px solid #e1e0e0;
      border-left: none;
      clear: both;
      display: block;
      margin: 10px 0
  }
  .he-no-list-style {
      list-style: none
  }
  .he-min-height-xs {
      min-height: 20px
  }
  .he-preview-start .he-min-height-xs {
      min-height: 0
  }
  html[class*=he-app-] [class*=he-app-display-] {
      display: none
  }
  .he-app-Locaweb body .he-app-display-block-locaweb {
      display: block
  }
  .he-app-Locaweb body .he-app-display-inline-locaweb {
      display: inline
  }
  .he-app-Locaweb body .he-app-display-inline-block-locaweb {
      display: inline-block
  }
  .he-app-Allin body .he-app-display-block-allin {
      display: block
  }
  .he-app-Allin body .he-app-display-inline-allin {
      display: inline
  }
  .he-app-Allin body .he-app-display-inline-block-allin {
      display: inline-block
  }
  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box
  }
  body {
      line-height: 1;
      font-size: 100%;
  }
  .he-preview-start body {
      overflow: auto
  }
  body,
  html {
      height: 100%
  }
  fieldset {
      border: none
  }
  main {
      display: block
  }
  [hidden],
  template {
      display: none
  }
  p {
      margin-bottom: 10px
  }
  @font-face {
      font-family: 'heisenberg';
      src: url("../fonts/icomoon.eot?-luxi4q-1");
      src: url("../fonts/icomoon.eot?#iefix-luxi4q-1") format("embedded-opentype"), url("../fonts/icomoon.woff?-luxi4q-1") format("woff"), url("../fonts/icomoon.ttf?-luxi4q-1") format("truetype"), url("../fonts/icomoon.svg?-luxi4q-1#icomoon") format("svg");
      font-weight: normal;
      font-style: normal
  }
  [class*="he-ico"]:before {
      font-family: 'heisenberg';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      margin-right: 3px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
  }
  .he-ico-circle-arrow-down::before {
      content: ""
  }
  .he-ico-circle-arrow-left::before {
      content: ""
  }
  .he-ico-circle-arrow-top::before {
      content: ""
  }
  .he-ico-circle-arrow-right::before {
      content: ""
  }
  .he-ico-question::before {
      content: ""
  }
  .he-ico-arrow-down::before {
      content: ""
  }
  .he-ico-arrow-right::before {
      content: ""
  }
  .he-ico-arrow-left::before {
      content: ""
  }
  .he-ico-arrow-top::before {
      content: ""
  }
  .he-ico-desktop::before {
      content: ""
  }
  .he-ico-mobile::before {
      content: ""
  }
  .he-ico-tablet::before {
      content: ""
  }
  .he-ico-x::before {
      content: ""
  }
  .he-ico-check::before {
      content: ""
  }
  .he-ico-minus::before {
      content: ""
  }
  .he-ico-more::before {
      content: ""
  }
  .he-ico-cursor-move::before {
      content: ""
  }
  .he-ico-remove::before {
      content: ""
  }
  .he-ico-duplicate::before {
      content: ""
  }
  .he-ico-search::before {
      content: ""
  }
  .he-ico-edit::before {
      content: ""
  }
  .he-ico-list::before {
      content: ""
  }
  .he-ico-grid::before {
      content: ""
  }
  .he-ico-edit-image::before {
      content: ""
  }
  .he-ico-change-image::before {
      content: ""
  }
  .he-ico-trash::before {
      content: ""
  }
  .he-ico-tooltip::before {
      content: ""
  }
  .he-ico-bug::before {
      content: ""
  }
  .he-ico-image::before {
      content: ""
  }
  .he-ico-undo::before {
      content: ""
  }
  .he-ico-redo::before {
      content: ""
  }
  .he-title-1 {
      font-size: 21px
  }
  .he-title-2 {
      font-size: 19px
  }
  .he-title-3 {
      font-size: 17px
  }
  .he-title-4 {
      font-size: 15px
  }
  .he-title-5 {
      font-size: 13px
  }
  .he-title-6 {
      font-size: 11px
  }
  .he-separator {
      border-top: 4px solid #e1e0e0;
      border-left: none;
      clear: both;
      display: block;
      margin: 10px 0
  }
  .he-is-animation .he-workplace-inner {
      opacity: 0;
      -webkit-transition: opacity .03s linear;
      -moz-transition: opacity .03s linear;
      -ms-transition: opacity .03s linear;
      transition: opacity .03s linear
  }
  .he-workplace-inner {
      opacity: 1;
      -webkit-transition: opacity .25s ease-out;
      -moz-transition: opacity .25s ease-out;
      -ms-transition: opacity .25s ease-out;
      transition: opacity .25s ease-out
  }
  .he-is-animation .he-spinner {
      opacity: 1;
      -webkit-transition: opacity .18s ease-out;
      -moz-transition: opacity .18s ease-out;
      -ms-transition: opacity .18s ease-out;
      transition: opacity .18s ease-out
  }
  .he-intro {
      display: block;
      height: 100%;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 5
  }
  .he-intro:before,
  .he-intro:after {
      -webkit-transition: transform .3s linear;
      -moz-transition: transform .3s linear;
      -ms-transition: transform .3s linear;
      transition: transform .3s linear;
      background-color: #4f4242;
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      width: 50%
  }
  .he-intro:before {
      -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
      left: 0;
      z-index: 2
  }
  .he-loading .he-intro:before {
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  .he-intro:after {
      -moz-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
      -webkit-transform: translate(100%, 0);
      transform: translate(100%, 0);
      right: 0
  }
  .he-loading .he-intro:after {
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  .he-animation-end .he-intro {
      display: none
  }
  .he-loading .he-intro {
      overflow: hidden
  }
  .he-loading .he-intro:before,
  .he-loading .he-intro:after {
      -webkit-transition: transform .3s linear;
      -moz-transition: transform .3s linear;
      -ms-transition: transform .3s linear;
      transition: transform .3s linear
  }
  .js-content {
      width: 100%;
      height: 100%
  }
  [class*="he-template-col-"]:empty {
      outline: 1px dashed #d8d6d6
  }
  [class*="he-template-col-"]:empty,
  [class*="he-template-col-"].js-fake-empty,
  [class*="he-template-col-"].js-fake-empty-start {
      height: 180px;
      max-width: 100%;
      max-height: 100%;
      background: #f8f8f8 url("../img/bg-no-content.png") no-repeat center
  }
  .he-element-drag .he-template-outer [class*="js-fake-empty"][class*="he-template-col-"] .he-is-active[class*="he-is-drop"] .he-target {
      display: none
  }
  .he-workplace p {
      margin-bottom: 0
  }
  .he-button {
      padding: 10px 15px;
      text-decoration: none;
      text-align: center;
      display: inline-block
  }
  .he-module-image-fake-empty {
      background: #f8f8f8;
      border: none;
      outline: 1px dashed #d8d6d6;
      display: block;
      height: 180px;
      width: 100%;
      position: relative
  }
  .he-template-col-6 .he-module-image-fake-empty {
      background: #f8f8f8 url("../img/bg-module-image-600.png") no-repeat center
  }
  .he-template-col-4 .he-module-image-fake-empty {
      background: #f8f8f8 url("../img/bg-module-image-400.png") no-repeat center
  }
  .he-template-col-3 .he-module-image-fake-empty {
      background: #f8f8f8 url("../img/bg-module-image-300.png") no-repeat center
  }
  .he-template-col-2 .he-module-image-fake-empty {
      background: #f8f8f8 url("../img/bg-module-image-200.png") no-repeat center
  }
  .he-template-col-1-dot-5 .he-module-image-fake-empty {
      background: #f8f8f8 url("../img/bg-module-image-150.png") no-repeat center;
      background-size: 100%
  }
  .he-template-col-1-dot-2 .he-module-image-fake-empty {
      background: #f8f8f8 url("../img/bg-module-image-150.png") no-repeat center;
      background-size: 100%
  }
  .he-template-col-1 .he-module-image-fake-empty {
      background: #f8f8f8 url("../img/bg-module-image-150.png") no-repeat center;
      background-size: 100%
  }
  .he-target {
      display: none;
      border-top: 2px solid #9ce066;
      position: absolute;
      bottom: 0;
      margin-right: 0;
      width: 100%;
      z-index: 9
  }
  .he-target:before,
  .he-target:after {
      background-color: #9ce066
  }
  .he-target span {
      background-color: #81d73c;
      left: 50%;
      width: 66px;
      margin-left: -30px;
      top: -8px
  }
  .he-target:before,
  .he-target:after {
      content: "";
      border-radius: 2px;
      position: absolute;
      height: 10px;
      width: 20px;
      top: -6px
  }
  .he-target:before {
      left: -7px
  }
  .he-target:after {
      right: -9px
  }
  .he-is-drop-top .he-target {
      bottom: auto;
      top: 0
  }
  [class*="he-is-drop"] {
      position: absolute;
      left: 8px;
      height: 50%;
      width: calc(100% - 20px);
      z-index: -1
  }
  .he-is-drop-top {
      top: 0
  }
  .he-is-drop-bottom {
      bottom: 0
  }
  .he-module-drag .he-is-hover.he-template-outer>.he-helper {
      display: none
  }
  .he-module-drag .he-template-outer {
      position: initial;
      width: auto
  }
  .he-module-drag .he-template-outer [class*="he-is-drop"] {
      z-index: 11
  }
  .he-module-drag .he-template-outer [class*="he-is-drop"].he-is-active .he-target {
      display: block
  }
  .he-module-drag .he-template-outer [class*="he-is-drop"].he-is-active .he-target span {
      margin-left: -76px
  }
  .he-element-drag .he-template-inner .he-is-hover .he-helper {
      display: none
  }
  .he-element-drag .he-template-inner [class*="he-is-drop"] {
      z-index: 11
  }
  .he-element-drag .he-template-inner.he-is-active .he-target {
      display: block
  }
  .he-element-drag .he-template-inner .js-droppable-element-target .he-is-drop-bottom.he-is-active .he-target {
      display: block
  }
  .he-element-drag .he-template-inner .js-droppable-element-target .he-is-drop-top.he-is-active .he-target {
      display: block
  }
  .he-element-drag .he-template-inner .js-droppable-element.he-is-active .js-droppable-element-target:last-child .he-is-drop-bottom .he-target {
      display: block
  }
  .he-element-drag .he-template-inner .js-droppable-element.he-is-active .js-droppable-element-target .he-is-drop-top.he-is-active ~ .he-is-drop-bottom .he-target {
      display: none
  }
  .he-element-drag .he-template-outer>.he-helper {
      display: none
  }
  .he-element-drag .he-template-outer.he-is-hover {
      background-color: transparent
  }
  .he-element-drag .he-template-outer.he-is-hover>.he-helper {
      display: none
  }
  .he-workplace-header .he-template-outer,
  .he-workplace-footer .he-template-outer {
      cursor: normal;
      min-height: 40px
  }
  .he-workplace-header .he-template-inner,
  .he-workplace-footer .he-template-inner {
      padding: 10px 0
  }
  .he-workplace-header .he-is-drop-bottom {
      height: 100%
  }
  .he-workplace-footer .he-is-drop-top {
      height: 100%
  }
  .he-sortable-element-target {
      position: relative
  }
  .js-html-sortable:empty+.he-workplace-footer {
      height: 99%
  }
  .js-html-sortable:empty+.he-workplace-footer .he-actions-module {
      bottom: auto;
      top: 40px
  }
  .he-min-height-100 {
      min-height: 100px
  }
  .he-allin {
      display: none
  }
  .he-show-allin.he-modal-body .he-allin {
      display: block
  }
  .he-show-allin.he-modal-body .he-default-message {
      display: none
  }
  .he-remarketing-parent {
      padding-top: 50px;
      padding-bottom: 50px;
      padding-left: 15px;
      padding-right: 15px;
      background: #f8f8f8;
      outline: 1px dashed #d8d6d6;
      text-align: center
  }
  .he-remarketing-parent .he-remarketing {
      background: #f8f8f8
  }
  .he-remarketing-parent h4 {
      font-family: "Open Sans";
      font-size: 14px;
      color: gray;
      margin-left: 10px
  }
  .he-module-image img {
      opacity: 1;
      -webkit-transition: 1s linear all;
      -moz-transition: 1s linear all;
      -o-transition: 1s linear all;
      transition: 1s linear all
  }
  .he-module-image img.he-hide {
      opacity: 0;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none
  }
  .he-display-none {
      display: none
  }
  .he-loading .he-spinner {
      display: block
  }
  .cke .cke_inner .cke_top .cke_toolbox .cke_combo__styles {
      display: none
  }
  .cke .cke_inner .cke_top .cke_toolbox .cke_combo__format {
      display: none
  }
  .he-sending-image {
      position: absolute;
      top: 95px;
      left: 50%;
      background-color: #fff;
      padding: 50px;
      width: 300px;
      opacity: 1;
      transform: translateX(-50%)
  }
  [class*="he-social-style"],
  [class*="he-social-img"] {
      background-image: url(../img/sprite-social.png)
  }
  [class*="he-social-"] {
      display: inline-block
  }
  [class*="he-social-style"] {
      height: 23px;
      display: block
  }
  .he-social-style-normal {
      background-position: 0 -321px
  }
  .he-social-style-dark {
      background-position: 0 -362px
  }
  .he-social-style-white {
      background-color: #333;
      background-position: 0 -401px
  }
  .he-select-btn .he-social-style-white {
      background-position: 10px -398px;
      margin: -4px -10px;
      height: 26px
  }
  .he-social-style-gray {
      background-position: 0 -441px
  }
  [class*="he-social-img"] {
      float: left;
      font-size: 11px;
      font-family: Arial;
      padding-top: 40px;
      width: 68px;
      text-align: center;
      vertical-align: top
  }
  .he-social-block [class*="he-social-img"],
  .he-social-block.he-hide-text [class*="he-social-img"] {
      display: block;
      float: none;
      padding-bottom: 10px
  }
  .he-hide-text [class*="he-social-img"] {
      text-indent: -99999px;
      padding-bottom: 0;
      padding-top: 24px
  }
  .he-social-block [class*="he-social-img"]:last-child {
      padding-bottom: 0
  }
  .he-social-normal .he-social-img-facebook {
      background-position: 15px 0
  }
  .he-social-normal .he-social-img-twitter {
      background-position: -45px 0
  }
  .he-social-normal .he-social-img-linkedin {
      background-position: -106px 0
  }
  .he-social-normal .he-social-img-instagram {
      background-position: -167px 0
  }
  .he-social-normal .he-social-img-google {
      background-position: -229px -1px
  }
  .he-social-normal .he-social-img-youtube {
      background-position: -290px -1px
  }
  .he-social-normal .he-social-img-pinterest {
      background-position: -350px -1px
  }
  .he-social-normal .he-social-img-link {
      background-position: -410px -1px
  }
  .he-social-dark .he-social-img-facebook {
      background-position: 15px -75px
  }
  .he-social-dark .he-social-img-twitter {
      background-position: -45px -75px
  }
  .he-social-dark .he-social-img-linkedin {
      background-position: -106px -75px
  }
  .he-social-dark .he-social-img-instagram {
      background-position: -167px -75px
  }
  .he-social-dark .he-social-img-google {
      background-position: -229px -76px
  }
  .he-social-dark .he-social-img-youtube {
      background-position: -290px -76px
  }
  .he-social-dark .he-social-img-pinterest {
      background-position: -350px -76px
  }
  .he-social-dark .he-social-img-link {
      background-position: -410px -76px
  }
  .he-social-white {
      color: #fff
  }
  .he-social-white .he-social-img-facebook {
      background-position: 15px -157px
  }
  .he-social-white .he-social-img-twitter {
      background-position: -45px -157px
  }
  .he-social-white .he-social-img-linkedin {
      background-position: -106px -157px
  }
  .he-social-white .he-social-img-instagram {
      background-position: -167px -157px
  }
  .he-social-white .he-social-img-google {
      background-position: -229px -158px
  }
  .he-social-white .he-social-img-youtube {
      background-position: -290px -158px
  }
  .he-social-white .he-social-img-pinterest {
      background-position: -350px -158px
  }
  .he-social-white .he-social-img-link {
      background-position: -410px -158px
  }
  .he-social-gray {
      color: #adadad
  }
  .he-social-gray .he-social-img-facebook {
      background-position: 15px -237px
  }
  .he-social-gray .he-social-img-twitter {
      background-position: -45px -237px
  }
  .he-social-gray .he-social-img-linkedin {
      background-position: -106px -237px
  }
  .he-social-gray .he-social-img-instagram {
      background-position: -167px -237px
  }
  .he-social-gray .he-social-img-google {
      background-position: -229px -238px
  }
  .he-social-gray .he-social-img-youtube {
      background-position: -290px -238px
  }
  .he-social-gray .he-social-img-pinterest {
      background-position: -350px -238px
  }
  .he-social-gray .he-social-img-link {
      background-position: -410px -238px
  }
  .he-social-element {
      width: 100%
  }
  .he-preview-mobile .he-social-element>div {
      display: block
  }
  .he-preview-mobile .he-social-element [class*="he-social-img"] {
      display: inline-block;
      width: 23.5%
  }
  .he-footer {
      background-color: #edecec;
      border-top: 1px solid #dcd9d9;
      padding: 8px 20px;
      z-index: 110!important
  }
  .he-footer [class*="he-btn"] {
      margin: 0 5px
  }
  [class*="he-sidebar"] {
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      background: #f7f6f6;
      border-right: 1px solid #dcd9d9;
      box-shadow: 1px 0 24px rgba(79, 66, 66, 0.14);
      overflow-y: auto;
      z-index: 1
  }
  .he-preview-start [class*="he-sidebar"] {
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0)
  }
  [class*="he-sidebar"] .he-title {
      color: #fff;
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 20px;
      padding: 10px 25px 10px 70px;
      height: 40px
  }
  [class*="he-sidebar"] .he-content {
      margin: 0 25px
  }
  [class*="he-sidebar"].he-sidebar-module {
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -ms-transition: all .2s ease-out;
      transition: all .2s ease-out;
      -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
      opacity: .5;
      z-index: 3
  }
  .he-show-sidebar [class*="he-sidebar"].he-sidebar-module {
      -webkit-transition: all .35s ease-in-out;
      -moz-transition: all .35s ease-in-out;
      -ms-transition: all .35s ease-in-out;
      transition: all .35s ease-in-out;
      opacity: 1;
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  .he-preview-start.he-show-sidebar [class*="he-sidebar"].he-sidebar-module {
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0)
  }
  [class*="he-sidebar"] .he-ico-more {
      text-decoration: none;
      font-size: 13px;
      display: inline-block;
      margin: 10px 0 20px
  }
  [class*="he-sidebar"] .he-ico-more:before {
      font-size: 7px;
      color: #fff;
      padding: 2px 2px 3px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle
  }
  .he-list-link {
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      border: 1px solid #c8c4c4;
      border-radius: 4px;
      box-shadow: 0 1px 2px #c8c4c4;
      background-color: #fff;
      display: block;
      height: 87px;
      position: relative;
      z-index: 11
  }
  .he-list-2 {
      margin-left: -12px
  }
  .he-list-2 li {
      display: inline-block;
      margin: 10px 12px;
      width: 130px
  }
  .he-list-2 .he-list-link {
      padding: 8px
  }
  .he-list-2+.he-accordeon-description {
      margin-top: 20px
  }
  .he-list-3 {
      margin-left: -12px;
      margin-top: -5px
  }
  .he-list-3 li {
      display: inline-block;
      margin: 12px 0 0 12px;
      width: 90px
  }
  [class*="he-area"] {
      display: table;
      margin-bottom: 15px
  }
  [class*="he-area"].he-area-lg-space {
      padding-top: 20px
  }
  .he-area-left {
      display: table-cell;
      padding-right: 10px;
      vertical-align: middle;
      width: 145px
  }
  [class*="he-simple-border"] {
      background-color: #e6e4e4;
      display: inline-block;
      text-align: center;
      padding: 5px 0;
      width: 35px
  }
  [class*="he-simple-border"]:hover,
  [class*="he-simple-border"]:focus,
  [class*="he-simple-border"].he-is-active {
      background-color: #fff
  }
  [class*="he-simple-border"].he-simple-border-large {
      padding: 0;
      width: 42px
  }
  .he-area-right {
      display: table-cell;
      width: 170px
  }
  .he-area-right .he-img-module {
      height: 30px;
      padding: 0;
      width: 53px;
      text-decoration: none;
      font-size: 10px;
      color: rgba(51, 51, 51, 0.7);
      margin-right: 5px
  }
  .he-area-right .he-img-module img {
      margin-bottom: 2px
  }
  .he-help-info {
      display: inline-block;
      font-weight: 300;
      height: 13px;
      text-decoration: none;
      margin: 0 5px;
      width: 13px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased
  }
  .he-help-info:before {
      font-family: "heisenberg";
      content: "";
      color: #4f4242;
      display: block;
      font-size: 16px;
      line-height: 14px;
      text-align: center
  }
  #social-workplace .he-label-block {
      background-color: #edecec;
      padding: 7px;
      margin-bottom: 10px
  }
  #social-workplace .he-label-block [class*="he-label"]:nth-child(2) {
      margin-bottom: 0
  }
  #social-workplace .he-label-block [class*="he-ico-"] {
      float: right;
      text-decoration: none;
      color: #737373;
      font-size: 16px
  }
  #social-workplace .he-label-block [class*="he-ico-"]:hover {
      color: #c85858
  }
  #social-workplace .he-label-block.he-transparent [class*="he-custom-select"],
  #social-workplace .he-label-block.he-transparent [class*="he-label"] {
      opacity: 0.6
  }
  #social-workplace .he-label-block.he-removing {
      -webkit-transition: transform .35s ease-out;
      -moz-transition: transform .35s ease-out;
      -ms-transition: transform .35s ease-out;
      transition: transform .35s ease-out;
      -moz-transform: translate(-200%, 0);
      -ms-transform: translate(-200%, 0);
      -webkit-transform: translate(-200%, 0);
      transform: translate(-200%, 0)
  }
  #showAltImage,
  #showEditImage {
      background-repeat: no-repeat;
      background-position: center
  }
  #showAltImage {
      background-image: url(../img/change-image.png)
  }
  #showEditImage {
      background-image: url(../img/edit-image.png)
  }
  .he-topbar {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 20;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-size: 13px
  }
  [class*="he-sidebar"] {
      position: fixed;
      left: 0;
      top: 65px;
      bottom: 50px;
      width: 370px;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-size: 13px
  }
  [class*="he-sidebar"].he-sidebar-module {
      top: 60px
  }
  .he-footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-size: 13px
  }
  .he-workplace {
      -webkit-transition: transform .3s ease-out;
      -moz-transition: transform .3s ease-out;
      -ms-transition: transform .3s ease-out;
      transition: transform .3s ease-out;
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      background: #fff;
      position: fixed;
      left: 370px;
      right: 0;
      bottom: 50px;
      top: 65px
  }
  .he-workplace .he-workplace-inner {
      height: 100%;
      margin: 0 auto;
      position: relative;
      overflow-y: auto;
      overflow-x: hidden;
      z-index: 10
  }
  .he-topbar .he-info-save {
      color: #9f8b8b;
      text-transform: uppercase;
      position: absolute;
      left: 50%;
      margin-left: -50px;
      top: 25px
  }
  .he-topbar .he-btn-primary {
      margin: 0 25px
  }
  .he-topbar .he-btn-dark {
      background-color: rgba(159, 139, 139, 0.6);
      border-color: transparent;
      color: #f0eded;
      margin-right: 20px
  }
  .he-topbar .he-ico-question {
      background: #473b3b;
      color: rgba(159, 139, 139, 0.6);
      display: inline-block;
      font-size: 20px;
      margin-top: -7px;
      height: inherit;
      padding: 15px 25px;
      text-decoration: none;
      vertical-align: middle
  }
  .he-topbar .he-ico-question:before {
      display: table-cell;
      vertical-align: middle;
      height: 40px
  }
  .he-topbar [class*="he-btn"] {
      margin-top: 15px;
      float: right
  }
  .he-topbar .he-undo {
      margin-right: 20px
  }
  .he-topbar .he-undo .he-btn-dark {
      border-radius: 4px;
      font-size: 20px;
      padding: 0;
      min-width: initial;
      width: 41px
  }
  .he-topbar .he-undo .he-btn-dark span {
      top: 3px;
      position: relative;
      cursor: pointer
  }
  .he-topbar .he-undo .he-btn-dark span:before {
      color: #f0eded
  }
  .he-topbar .he-undo .he-btn-dark:last-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      margin-right: 1px
  }
  .he-topbar .he-undo .he-btn-dark:first-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }
  .he-preview {
      background: #473b3b;
      float: right;
      height: 59px;
      padding: 8px 10px 15px 15px;
      z-index: 1;
      width: 245px
  }
  .he-preview [class*="he-title"] {
      color: #9f8b8b;
      display: inline-block;
      font-weight: 600;
      margin-right: 20px;
      vertical-align: middle
  }
  .he-preview>a {
      color: rgba(159, 139, 139, 0.6);
      cursor: pointer;
      display: inline-block;
      margin: 0 3px;
      vertical-align: middle
  }
  .he-preview .he-ico-desktop {
      font-size: 44px
  }
  .he-preview .he-ico-tablet {
      font-size: 30px
  }
  .he-preview .he-ico-mobile {
      font-size: 30px
  }
  .he-brand-name {
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: all .3s ease-in-out .15s;
      -moz-transition: all .3s ease-in-out .15s;
      -ms-transition: all .3s ease-in-out .15s;
      transition: all .3s ease-in-out .15s;
      float: left;
      max-width: 250px;
      text-overflow: ellipsis;
      font-size: 26px;
      font-weight: 300;
      white-space: nowrap;
      overflow: hidden;
      text-transform: uppercase;
      padding: 16px 0 0 25px;
      opacity: 1
  }
  .he-preview-start .he-brand-name {
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
      opacity: 0
  }
  .he-brand-name img {
      height: 44px;
      margin-top: -10px
  }
  .he-back {
      -webkit-transition: transform .1s ease-out;
      -moz-transition: transform .1s ease-out;
      -ms-transition: transform .1s ease-out;
      transition: transform .1s ease-out;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 20px;
      display: inline-block;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      vertical-align: middle;
      font-size: 12px;
      height: inherit;
      line-height: 55px;
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      -moz-transform: translate(-120%, 0);
      -ms-transform: translate(-120%, 0);
      -webkit-transform: translate(-120%, 0);
      transform: translate(-120%, 0);
      z-index: 2
  }
  .he-preview-start .he-back {
      -webkit-transition: transform .3s ease-out;
      -moz-transition: transform .3s ease-out;
      -ms-transition: transform .3s ease-out;
      transition: transform .3s ease-out;
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  .he-back:before {
      content: "";
      font-family: "heisenberg";
      font-size: 18px;
      margin-right: 15px;
      top: 3px;
      position: relative
  }

  .he-bug-report {
      background: #473b3b;
      float: right;
      z-index: 1;
      padding: 8px 10px 15px 8px;
      height: 59px;
      padding-left: 24px
  }
  .he-bug-report .he-ico-bug {
      font-size: 35px;
      color: rgba(159, 139, 139, 0.6);
      cursor: pointer;
      display: inline-block;
      margin: 0 3px;
      vertical-align: top;
      text-decoration: none;
      padding-top: 5px
  }
  .he-bug-report [class*="he-title"] {
      color: #9f8b8b;
      display: inline-block;
      font-weight: 600;
      margin-right: 15px;
      vertical-align: middle;
      margin-top: 15px
  }
  .he-template {
      position: relative
  }
  .he-template-outer {
      cursor: pointer
  }
  .he-template-outer.he-is-hover,
  .he-template-outer.js-selected {
      background-color: rgba(65, 201, 225, 0.1)
  }
  .he-template-outer.js-selected .he-actions-module {
      display: none
  }
  .he-template-outer.js-selected.he-is-hover .he-actions-module {
      display: block
  }
  .he-template-outer>.he-helper .he-module-label {
      top: 0
  }
  .he-template-outer>.he-helper .he-module-label:before {
      content: "Estrutura";
      background-color: #41c9e1;
      top: -16px;
      height: 11px;
      right: -59px;
      width: 47px
  }
  .he-template-outer>.he-helper [class*="he-helper-"] {
      border-color: #41c9e1
  }
  .he-template-outer>.he-helper .he-actions-module {
      cursor: move;
      bottom: 0
  }
  .he-template-outer>.he-helper [class*="he-ico-"] {
      background-color: #41c9e1;
      top: -40px
  }
  .he-template-outer>.he-helper [class*="he-ico-"]:hover {
      background-color: #21b4ce
  }
  .he-template-outer>.he-helper .he-ico-cursor-move {
      cursor: move;
      left: -42px
  }
  .he-template-outer>.he-helper .he-ico-trash {
      right: -120px
  }
  .he-template-outer>.he-helper .he-ico-edit {
      right: -40px
  }
  .he-template-outer>.he-helper .he-ico-duplicate {
      right: -80px
  }
  .he-template-inner {
      -webkit-transition: opacity .03s ease-out;
      -moz-transition: opacity .03s ease-out;
      -ms-transition: opacity .03s ease-out;
      transition: opacity .03s ease-out;
      display: table;
      margin: 0 auto;
      position: relative;
      left: -41px;
      width: 600px
  }
  .he-template-inner .he-helper:before {
      content: "Elemento";
      background-color: #95cc69;
      left: 50%;
      top: -15px;
      height: 12px;
      margin-left: -30px;
      width: 47px;
      z-index: 10
  }
  .he-template-inner [class*="he-template-col"] {
      display: table-cell;
      position: relative;
      vertical-align: top
  }
  .he-template-inner .he-is-hover .he-helper,
  .he-template-inner .js-selected .he-helper {
      display: block
  }
  .he-template-inner .he-is-hover [class*="he-helper-"],
  .he-template-inner .js-selected [class*="he-helper-"] {
      border-color: #9ce066
  }
  .he-template-inner .js-selected .he-actions-element {
      display: none
  }
  .he-template-inner .js-selected.he-is-hover .he-actions-element {
      display: block
  }
  .he-template-inner .he-template-col-1 {
      width: 100px;
      max-width: 100px;
      background-size: 90%
  }
  .he-template-inner .he-template-col-1-dot-2 {
      width: 120px;
      max-width: 120px;
      background-size: 90%
  }
  .he-template-inner .he-template-col-1-dot-5 {
      width: 150px;
      max-width: 150px
  }
  .he-template-inner .he-template-col-2 {
      width: 200px;
      max-width: 200px
  }
  .he-template-inner .he-template-col-3 {
      width: 300px;
      max-width: 300px
  }
  .he-template-inner .he-template-col-4 {
      width: 400px;
      max-width: 400px
  }
  .he-template-inner .he-template-col-6 {
      width: 600px;
      max-width: 600px
  }
  .he-template-inner .he-actions-element {
      background-color: rgba(156, 224, 102, 0.85);
      box-sizing: content-box;
      cursor: move;
      height: 40px;
      left: -2px;
      bottom: -38px;
      position: absolute;
      width: calc(100% + 3px);
      min-width: 160px;
      z-index: 11
  }
  .he-template-inner .he-actions-element [class*="he-ico-"] {
      bottom: 0
  }
  .he-template-inner .he-actions-element [class*="he-ico-"]:hover {
      background-color: #95cc69
  }
  .he-template-inner .js-droppable-element-target {
      position: relative
  }
  .he-template-inner img {
      max-width: 100%
  }
  .he-module-image {
      display: block;
      line-height: 0
  }
  [class*="he-helper-"] {
      border: 1px solid #9ce066;
      position: absolute;
      z-index: 9
  }
  .he-helper-top {
      top: -1px;
      left: -1px;
      right: -1px
  }
  .he-helper-right {
      top: -1px;
      bottom: -1px;
      right: -1px
  }
  .he-helper-bottom {
      bottom: -1px;
      left: -1px;
      right: -1px
  }
  .he-helper-left {
      top: -1px;
      left: -2px;
      bottom: -1px
  }
  .cke_editable ul,
  .cke_editable ol {
      list-style-position: inside
  }
  .cke_editable a {
      text-decoration: none
  }
  .cke_editable a>span {
      border-bottom: 1px solid
  }
  .he-preview-start .he-template-outer.he-is-hover,
  .he-preview-start .he-template-outer.js-selected {
      background-color: transparent
  }
  .he-preview-start .he-workplace {
      -webkit-transition: transform .2s ease-out;
      -moz-transition: transform .2s ease-out;
      -ms-transition: transform .2s ease-out;
      transition: transform .2s ease-out;
      left: 0;
      overflow-y: auto;
      background-color: #f7f7f7
  }
  [class*="he-preview-"] .he-helper {
      display: none !important
  }
  [class*="he-preview-"] .he-workplace-inner {
      border: 1px solid #edecec;
      padding-bottom: 0;
      margin-bottom: 150px;
      top: 74px;
      width: 798px;
      height: 557px;
      z-index: 3
  }
  [class*="he-preview-"] .he-template-inner {
      left: 0
  }
  [class*="he-preview-"] .he-template-outer {
      margin: 0 auto
  }
  [class*="he-preview-"].he-preview-mobile .he-workplace-inner {
      height: 566px;
      overflow: auto;
      overflow-x: hidden;
      position: relative;
      top: 74px;
      width: 315px
  }
  [class*="he-preview-"].he-preview-mobile .he-template-inner {
      width: 300px
  }
  [class*="he-preview-"].he-preview-mobile [class*="he-template-col"] {
      display: block;
      width: 300px;
      max-width: 300px
  }
  [class*="he-preview-"].he-preview-mobile .he-template-outer {
      width: 300px
  }
  [class*="he-preview-"].he-preview-mobile .he-template-inner .he-template-col-1-dot-5 {
      display: inline-block;
      width: 150px
  }
  [class*="he-preview-"].he-preview-mobile .he-template-inner .he-template-col-1-dot-2:first-child {
      display: block;
      width: 300px
  }
  [class*="he-preview-"].he-preview-mobile .he-template-inner .he-template-col-1-dot-2 {
      display: inline-block;
      width: 150px
  }
  [class*="he-preview-"].he-preview-mobile .he-template-inner .he-template-col-1 {
      display: inline-block;
      width: 100px
  }
  [class*="he-preview-"].he-preview-tablet .he-template-outer {
      width: 600px
  }
  [class*="he-preview-"].he-preview-tablet .he-workplace-inner {
      height: 844px;
      position: relative;
      top: 71px;
      width: 615px
  }
  .he-template-outer.he-is-hover>.he-helper,
  .he-template-outer.js-selected>.he-helper {
      display: block
  }
  .he-helper {
      display: none
  }
  .he-helper [class*="he-ico"] {
      background-color: #9ce066;
      width: 40px;
      color: #fff;
      height: 40px;
      position: absolute;
      text-decoration: none;
      line-height: 40px;
      text-align: center;
      font-size: 22px;
      z-index: 10
  }
  .he-helper [class*="he-ico"]:before {
      margin-right: 0;
      line-height: inherit
  }
  .he-helper .he-ico-cursor-move {
      cursor: move;
      left: 0
  }
  .he-helper .he-ico-trash {
      right: 0
  }
  .he-helper .he-ico-duplicate {
      right: 40px
  }
  .he-helper .he-ico-edit {
      right: 80px
  }
  [class*="he-preview-"] {
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      transition: all .5s
  }
  [class*="he-preview-"]:after {
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      transition: all .5s
  }
  [class*="he-preview-"]:before {
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      transition: all .5s
  }
  .he-preview-wrap {
      display: none;
      position: absolute;
      width: 100%;
      height: 100%;
      height: 600px;
      z-index: 2;
      top: 117px
  }
  .he-preview-start .he-preview-wrap {
      display: block
  }
  .he-preview-wrap .he-preview-hold {
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 273px;
      left: 50%;
      width: 840px;
      text-align: center
  }
  .he-preview-wrap .he-preview-hold .he-preview-main {
      background-color: #fff;
      box-shadow: 0 1px 10px #dcd9d9;
      display: block;
      position: relative;
      width: 100%;
      border: 25 solid #f7f7f7;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px
  }
  .he-preview-wrap .he-preview-hold .he-preview-main:before {
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      content: "";
      opacity: 0
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub {
      display: inline-block;
      text-align: center
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top {
      position: relative;
      display: block;
      width: 700px;
      height: 56px;
      background-color: #f7f7f7;
      border-bottom-left-radius: 16px;
      border-bottom-right-radius: 16px;
      box-shadow: 0 5px 6px rgba(220, 217, 217, 0.7);
      opacity: 1
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top .he-preview-top:after {
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "";
      position: absolute;
      width: 28px;
      height: 28px;
      top: 50%;
      left: 50%;
      background-image: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAADAsLiYiIycjJColJysmKC0mKjMtLykkJiMfIJJeh/oAAAAJdFJOUwAq68uOQmUTrzcLkcAAAADuSURBVCjPbZI7DwFREIVn41mugkSn8NpuEwnZTqskRHQqiQ6JfkMhSruI829Z99rMNXOKW3yZx5mZS8RUOpNQKUok3CKVgcBdwANwE3ACjAWMlJKVABcJ0f0D9SlRjfab6S5n3gkY+jQPgPaO9QX65+xFx7IquNYsMFf4G4/pZYoWHBib7BVniW/8OCWfJrAccWj3VAw4bFmoGPqzHmqRPa3mQ+tuT+f6tOY/5+YaGdh0YKotBN1vgbILk+/xPRfefWXzN61TrAz6M0qR3DLRTGY7pvJsM2ky4B8kCw3QXlLjitRn3+64yEb2Foa9AZ6l7piHRtOVAAAAAElFTkSuQmCC);
      background-size: cover
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-mid {
      display: block;
      text-align: center;
      height: 56px;
      width: 100%;
      position: relative;
      z-index: 1
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-mid .he-preview-part {
      -moz-transform: translate(0, -2px);
      -ms-transform: translate(0, -2px);
      -webkit-transform: translate(0, -2px);
      transform: translate(0, -2px);
      display: inline-block;
      border-bottom: 70px solid #d4d2d2;
      border-left: 35px solid transparent;
      border-right: 35px solid transparent;
      height: 0;
      width: 210px
  }
  .he-preview-wrap .he-preview-hold .he-preview-main {
      border: 21px solid #fff;
      height: 600px
  }
  .he-preview-wrap .he-preview-hold .he-preview-main:before {
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 0
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub {
      display: inline-block;
      text-align: center;
      width: 100%
  }
  .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top {
      width: 1000px;
      margin-left: -80px;
      height: 45px;
      border-bottom-left-radius: 70px;
      border-bottom-right-radius: 70px
  }
  .he-preview-tablet .he-preview-wrap .he-preview-hold {
      top: 408px
  }
  .he-preview-tablet .he-preview-wrap .he-preview-hold .he-preview-main {
      border: 55px solid #fff;
      border-bottom: 75px solid #fff;
      border-radius: 40px;
      height: 915px;
      width: 700px;
      margin: 0 auto
  }
  .he-preview-tablet .he-preview-wrap .he-preview-hold .he-preview-sub {
      height: 0
  }
  .he-preview-tablet .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top {
      position: relative
  }
  .he-preview-mobile .he-preview-wrap .he-preview-hold {
      width: 355px;
      top: 270px
  }
  .he-preview-mobile .he-preview-wrap .he-preview-hold .he-preview-main {
      border: 20px solid #fff;
      border-top: 70px solid #fff;
      border-bottom: 80px solid #fff;
      border-radius: 35px;
      height: 638px;
      width: 355px
  }
  .he-preview-mobile .he-preview-wrap .he-preview-hold .he-preview-main:before {
      content: "";
      -moz-transform: translate(-14px, -11px);
      -ms-transform: translate(-14px, -11px);
      -webkit-transform: translate(-14px, -11px);
      transform: translate(-14px, -11px);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      position: absolute;
      top: -45px;
      left: 50%;
      opacity: 1;
      width: 35px;
      height: 2px;
      margin-left: -17px;
      border-radius: 2px;
      background-color: #a39d9d
  }
  .he-preview-mobile .he-preview-wrap .he-preview-hold .he-preview-sub {
      height: 0
  }
  .he-preview-mobile .he-preview-wrap .he-preview-hold .he-preview-sub .he-preview-top {
      position: relative
  }
  .he-parent-image {
      position: relative
  }
  [class*="he-image-alert"] {
      visibility: hidden;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-size: 12px;
      background: #fff;
      border-radius: 4px;
      padding: 10px;
      position: absolute;
      color: #4f4242;
      top: 50%;
      left: 50%;
      width: 90%
  }
  .he-template-col-6 [class*="he-image-alert"]:before {
      font-size: 22px
  }
  .he-template-col-6 [class*="he-image-alert"] .he-image-title {
      font-size: 19px
  }
  .he-template-col-6 [class*="he-image-alert"] .he-alert-close {
      font-size: 15px
  }
  .he-template-col-1-dot-5 [class*="he-image-alert"]:before {
      display: none
  }
  .he-template-col-1-dot-5 [class*="he-image-alert"] p {
      font-size: 9px
  }
  .he-template-col-1-dot-5 [class*="he-image-alert"] .he-alert-close {
      font-size: 10px
  }
  .he-template-col-1-dot-5 [class*="he-image-alert"] .he-image-title {
      font-size: 12px
  }
  .he-template-col-1-dot-5 [class*="he-image-alert"] .he-alert-close {
      right: 2px
  }
  [class*="he-image-alert"]:before {
      border-radius: 50%;
      border: 5px solid #f7f7f7;
      background-color: #5fb760;
      height: 3em;
      line-height: 3em;
      text-align: center;
      font-size: 10px;
      display: inline-block;
      color: #fff;
      margin-bottom: 6px;
      width: 3em
  }
  [class*="he-image-alert"] .he-image-title {
      color: #5fb760;
      font-size: 14px;
      margin-bottom: 7px;
      font-weight: 700
  }
  [class*="he-image-alert"] .he-alert-close {
      color: #dcd9d9;
      font-size: 10px;
      border: none;
      background: transparent;
      position: absolute;
      top: 10px;
      right: 10px
  }
  [class*="he-image-alert"] p {
      line-height: 1.4
  }
  [class*="he-image-alert"].he-image-alert-danger {
      -moz-transform: translate(-50%, -50%) scale(.5);
      -ms-transform: translate(-50%, -50%) scale(.5);
      -webkit-transform: translate(-50%, -50%) scale(.5);
      transform: translate(-50%, -50%) scale(.5);
      opacity: 0
  }
  [class*="he-image-alert"].he-image-alert-danger:before {
      background-color: #c85858;
      font-size: 20px
  }
  [class*="he-image-alert"].he-image-alert-danger .he-image-title {
      color: #c85858
  }
  .he-accordeon>input {
      position: absolute;
      top: 0;
      left: -9999px
  }
  .he-accordeon .he-accordeon-block.he-is-active .he-accordeon-label {
      background: #837a7a;
      color: #fff
  }
  .he-accordeon .he-accordeon-block.he-is-active .he-accordeon-label:before {
      content: ""
  }
  .he-accordeon .he-accordeon-block.he-is-active .he-accordeon-content {
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      background: #fff;
      border-bottom: 1px solid #ececec;
      height: auto;
      padding-bottom: 20px;
      overflow: visible;
      opacity: 1;
      z-index: 1
  }
  .he-accordeon .he-accordeon-block.he-is-active .he-accordeon-content .he-separator {
      margin-top: 50px
  }
  .he-accordeon-description {
      color: #4f4242;
      background-color: #f7f7f7;
      margin: 0 -25px 15px;
      padding: 8px 25px!important;
      line-height: 1.3;
      font-size: 12px!important;
  }
  .he-accordeon-description.he-accordeon-arrow {
      /* background-image: url(../img/arrow-drag.png); */
      background-repeat: no-repeat;
      background-position: 284px 13px
  }
  .he-accordeon-label {
      cursor: pointer;
      color: #4f4242;
      display: block;
      font-size: 16px;
      font-weight: 700;
      padding: 10px 25px;
      text-decoration: none
  }
  .he-accordeon-label:before {
      content: "";
      color: #d5d2d2;
      font-family: "heisenberg";
      margin-right: 6px;
      position: relative;
      top: 2px
  }
  .he-accordeon-content {
      -webkit-transition: height .25s ease-out;
      -moz-transition: height .25s ease-out;
      -ms-transition: height .25s ease-out;
      transition: height .25s ease-out;
      height: 0;
      opacity: 0;
      padding: 0 25px 5px;
      position: relative;
      overflow: hidden;
      z-index: -1
  }
  #principal-menu-element .he-accordeon-description.he-accordeon-arrow {
      padding-right: 40px
  }
  [class*="he-border-"] {
      display: block;
      padding: 5px 0;
      margin-top: 8px;
      border-top-width: 2px;
      border-top-color: rgba(51, 51, 51, 0.7);
      border-top-style: solid
  }
  .he-border-none,
  .he-border-0 {
      margin-top: 0;
      padding: 0
  }
  .he-border-none {
      border-top-style: none
  }
  .he-border-dotted {
      border-top-style: dotted
  }
  .he-border-dashed {
      border-top-style: dashed
  }
  .he-border-solid {
      border-top-style: solid
  }
  .he-border-double {
      border-top-style: double;
      border-top-width: 4px
  }
  .he-border-groove {
      border-top-style: groove;
      border-top-width: 4px
  }
  .he-border-ridge {
      border-top-style: ridge;
      border-top-width: 4px
  }
  .he-border-0 {
      border-top-width: 0
  }
  .he-border-1 {
      border-top-width: 1px
  }
  .he-border-2 {
      border-top-width: 2px
  }
  .he-border-3 {
      border-top-width: 3px
  }
  .he-border-4 {
      border-top-width: 4px
  }
  .he-border-5 {
      border-top-width: 5px
  }
  [class*="he-btn"] {
      border: 1px solid #b9b9b9;
      cursor: pointer;
      padding: 5px 20px 5px;
      border-radius: 4px;
      background-color: #fff;
      display: inline-block;
      font-size: 13px;
      line-height: 1.42857;
      text-decoration: none;
      text-align: center;
      white-space: normal;
      color: #4f4242;
      font-weight: 600;
      vertical-align: top;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      overflow: hidden
  }
  [class*="he-btn"] span {
      position: relative;
      z-index: 2
  }
  [class*="he-btn"]:before {
      content: "";
      position: absolute;
      z-index: 1;
      width: 0;
      height: 100%;
      top: 50%;
      left: 50%;
      opacity: 0;
      -webkit-transition: all .25s;
      -moz-transition: all .25s;
      -ms-transition: all .25s;
      transition: all .25s;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
  }
  [class*="he-btn"]:hover:before,
  [class*="he-btn"]:focus:before,
  [class*="he-btn"]:active:before {
      width: 100%;
      border-radius: 4px;
      opacity: 1
  }
  [class*="he-btn"].he-min-width {
      width: 172px
  }
  [class*="he-btn"].he-btn-input {
      position: relative;
      overflow: hidden
  }
  [class*="he-btn"].he-btn-input [type="file"] {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      z-index: 3
  }
  .he-btn-primary {
      color: #000;
      border-color: #dcd9d9
  }
  .he-btn-dark {
      background-color: #4f4242;
      color: #fff;
      margin-left: 0;
      min-width: 70px
  }
  .he-btn-dark:before {
      background-color: #6b5959
  }
  .he-btn-light {
      background-color: #e6e4e4
  }
  .he-btn-light:before {
      background-color: #d4d2d2
  }
  .he-btn-danger {
      background-color: #c85858;
      border-color: #ce6b6b;
      color: #fff
  }
  .he-btn-danger:before {
      background-color: #d57e7e
  }
  .he-btn-remove {
      padding: 0 6px;
      font-size: 16px;
      font-weight: bold;
      position: absolute;
      right: 0;
      top: 2px;
      border-radius: 2px
  }
  [class*="he-theme"] [class*="he-btn"][disabled="disabled"] {
      opacity: .5;
      cursor: progress
  }
  [class*="he-custom-select"] {
      display: inline-block;
      position: relative;
      border: 1px solid #dcd9d9;
      border-radius: 2px;
      height: 33px;
      cursor: pointer;
      overflow: hidden;
      vertical-align: middle;
      background: #fff;
      top: -1px;
      width: 99%
  }
  [class*="he-custom-select"][disabled] {
      border-color: #dcd9d9
  }
  [class*="he-custom-select"].he-small-width {
      width: 85px
  }
  [class*="he-custom-select"].he-medium-width {
      width: 50%
  }
  [class*="he-custom-select"].he-custom-select-xs {
      height: 21px;
      font-size: 12px
  }
  [class*="he-custom-select"].he-custom-select-xs:before {
      height: 21px;
      line-height: 21px
  }
  [class*="he-custom-select"].he-custom-select-xs select {
      padding-top: 1px;
      padding-bottom: 3px
  }
  [class*="he-custom-select"] select {
      position: relative;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: inherit;
      padding: 5px 45px 5px 10px;
      background: transparent;
      display: inline-block;
      border: none;
      font-size: 13px;
      width: 100%;
      z-index: 1;
      cursor: pointer
  }
  [class*="he-custom-select"] select option {
      padding: 5px 10px
  }
  [class*="he-custom-select"] select[disabled] {
      background: #dcd9d9
  }
  [class*="he-custom-select"]:before {
      content: "";
      background-color: #f7f7f7;
      font-family: "heisenberg";
      color: #aba4a4;
      height: 33px;
      line-height: 33px;
      text-align: center;
      font-size: 9px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      width: 30px;
      pointer-events: none
  }
  [class*="he-custom-select"]:after {
      content: "";
      height: inherit;
      position: absolute;
      border-left: 1px solid #dcd9d9;
      right: 30px;
      top: 0;
      z-index: 1
  }
  [class*="he-field"] {
      height: 29px;
      padding: 0 10px;
      width: 100%
  }
  [class*="he-field"]::-webkit-input-placeholder {
      color: rgba(51, 51, 51, 0.3)
  }
  [class*="he-field"]:-moz-placeholder {
      color: rgba(51, 51, 51, 0.3)
  }
  [class*="he-field"]::-moz-placeholder {
      color: rgba(51, 51, 51, 0.3)
  }
  [class*="he-field"]:-ms-input-placeholder {
      color: rgba(51, 51, 51, 0.3)
  }
  [class*="he-field"].he-field-xs {
      height: 21px
  }
  .he-field-small {
      width: 80px
  }
  .he-field-lg {
      height: 40px
  }
  [class*="he-label"] {
      margin-bottom: 15px;
      position: relative
  }
  [class*="he-label"].he-label-sm-space {
      margin-bottom: 10px
  }
  [class*="he-label"].he-label-xs-space {
      margin-bottom: 7px
  }
  [class*="he-label"].he-label-lg-space {
      margin-bottom: 20px
  }
  [class*="he-label"] .he-label-text {
      display: inline-block;
      margin-bottom: 7px;
      vertical-align: middle
  }
  [class*="he-label"] .he-label-info {
      color: #888;
      display: inline-block;
      font-size: 11px;
      padding-bottom: 5px;
      margin-bottom: 0
  }
  .he-label-block:first-child .he-btn-remove {
      display: none
  }
  .he-switch-btn {
      position: relative;
      display: none;
      user-select: none
  }
  .he-switch-btn a {
      color: #edecec
  }
  .he-switch-btn .he-switch-label {
      display: inline-block
  }
  .he-switch-btn .he-switch-label span {
      display: inline-block;
      vertical-align: middle
  }
  .he-switch-btn .he-switch-label span:after {
      content: "";
      background: #dcd9d9 url(../img/ico-switch-on-off.png) -159px center no-repeat;
      height: 24px;
      width: 50px;
      position: relative;
      z-index: 0;
      margin-right: 10px;
      border-radius: 2px;
      display: inline-block;
      cursor: pointer
  }
  .he-switch-btn .he-switch-label span:before {
      content: "";
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      position: absolute;
      top: 2px;
      left: 2px;
      z-index: 1;
      display: block;
      width: 21px;
      height: 18px;
      border: 1px solid rgba(237, 236, 236, 0.15);
      background: #fff url(../img/ico-switch.png) center no-repeat;
      border-radius: 2px 0 0 2px;
      cursor: pointer
  }
  .he-switch-btn .he-switch-label span:hover:before,
  .he-switch-btn .he-switch-label span:focus:before {
      background-color: #ebebeb
  }
  .he-switch-btn input {
      display: block;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 24px;
      opacity: 0
  }
  .he-switch-btn input:focus ~ .he-switch-label {
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px
  }
  .he-switch-btn input+.he-switch-label:after {
      display: inline-block;
      font-size: 13px;
      vertical-align: middle;
      content: attr(aria-label)
  }
  .he-switch-btn input:checked+.he-switch-label span {
      display: inline-block
  }
  .he-switch-btn input:checked+.he-switch-label span:after {
      box-shadow: none;
      background-position: 7px center
  }
  .he-switch-btn input:checked+.he-switch-label span:before {
      -moz-transform: translate(23px, 0);
      -ms-transform: translate(23px, 0);
      -webkit-transform: translate(23px, 0);
      transform: translate(23px, 0);
      border-radius: 0 2px 2px 0
  }
  .he-modal {
      opacity: 0;
      backface-visibility: hidden;
      color: #333;
      z-index: -1;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: auto;
      overflow-y: scroll;
      text-align: center;
      will-change: transform
  }
  .he-modal.opened {
      z-index: 16;
      opacity: 1;
      transition: opacity .15s linear
  }
  .he-modal.opened.he-modal-small .he-modal-box {
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      transition: all .3s linear;
      transition-delay: .3s;
      opacity: 1;
      transform: scale(1)
  }
  .he-modal.he-modal-small .he-modal-header {
      padding: 15px
  }
  .he-modal.he-modal-small .he-modal-box {
      left: 50%;
      top: 25%;
      margin-left: -290px;
      height: auto;
      width: 580px;
      position: absolute;
      opacity: 0;
      transform: scale(.7)
  }
  .he-modal .he-ico-check:before {
      color: #81be2d;
      font-size: 40px;
      display: inline-block;
      margin: 10px 0 20px
  }
  .he-modal-loading {
      display: none;
      position: relative;
      height: 200px
  }
  .he-modal-loading .he-spinner {
      opacity: 1;
      top: 50%;
      margin-top: -11px
  }
  .he-modal-overlay {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 15;
      opacity: 1;
      background: rgba(0, 0, 0, 0.7)
  }
  .modal-opened .he-modal-overlay {
      opacity: 1
  }
  .he-modal-box {
      background-color: #fff;
      opacity: .5;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
      text-align: left;
      display: inline-block;
      position: relative;
      z-index: 16;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
      height: 100%;
      width: 100%
  }
  .opened .he-modal-box {
      -webkit-transition: opacity .25s linear;
      -moz-transition: opacity .25s linear;
      -ms-transition: opacity .25s linear;
      transition: opacity .25s linear;
      opacity: 1
  }
  .he-modal-header {
      padding: 26px 15px;
      position: relative
  }
  .he-modal-header .he-back {
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  .he-modal-header button[data-dismiss] {
      position: absolute;
      border: none;
      text-align: center;
      background: none;
      color: #fff;
      font-size: 26px;
      font-weight: bold;
      cursor: pointer;
      top: 0;
      right: 0;
      height: 100%;
      width: 45px
  }
  .he-modal-header .he-modal-title {
      font-size: 18px;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      color: #fff;
      font-weight: 700;
      padding: 0;
      margin: 0
  }
  .he-modal-container {
      padding: 15px
  }
  .he-modal-body {
      line-height: 1.4;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-size: 14px;
      overflow-y: auto
  }
  .he-modal-body p {
      margin-bottom: 10px
  }
  .he-modal-body .he-tab-content {
      overflow: hidden
  }
  .he-modal-body .he-modal-footer {
      background-color: transparent;
      position: absolute;
      overflow: hidden;
      left: 50%;
      transform: translateX(-50%);
      top: 300px;
      padding-top: 20px;
      width: 700px
  }
  .he-modal-body .he-modal-footer .he-btn-dark:last-child {
      -webkit-transition: all .35s ease-out;
      -moz-transition: all .35s ease-out;
      -ms-transition: all .35s ease-out;
      transition: all .35s ease-out;
      opacity: 1
  }
  .he-modal-body .he-modal-footer .he-btn-input {
      left: 0;
      top: 0
  }
  .he-show-url .he-modal-body .he-modal-footer .he-btn-input {
      position: absolute;
      left: 225px;
      top: 34px
  }
  #modalImage.he-modal {
      overflow: hidden
  }
  .he-bg-drag {
      background: gray;
      height: 349px;
      margin-left: -400px;
      padding: 0;
      position: absolute;
      top: 35px;
      left: 50%;
      width: 801px
  }
  .he-info-drag {
      top: 227px;
      position: absolute;
      left: 0;
      text-align: center;
      pointer-events: none;
      font-size: 16px;
      width: 100%;
      line-height: 2
  }
  .he-box-info-drag {
      background-color: #f7f7f7;
      pointer-events: none;
      padding: 30px 35px;
      position: absolute;
      left: 50%;
      top: 400px;
      margin-left: -400px;
      text-align: left;
      width: 780px
  }
  .he-box-info-drag:before {
      content: "";
      position: absolute;
      top: 16px;
      left: 16px;
      background: url(../img/ico-pin.png) 0 0 no-repeat;
      height: 32px;
      width: 20px
  }
  .he-box-info-drag [class*="he-title"] {
      margin: 0 0 20px 10px
  }
  .he-modal-footer {
      padding: 15px;
      background-color: #f7f7f7
  }
  @keyframes show-drag-hover {
      0% {
          opacity: .3
      }
      100% {
          opacity: 1
      }
  }
  .he-drag-image {
      background: url(../img/bg-drag-drop.png) center 35px no-repeat;
      height: 384px;
      margin: 0 auto;
      width: 810px;
      overflow: hidden;
      visibility: visible
  }
  .he-drag-image.he-drag-hover {
      background: url(../img/bg-drag-hover.png) center 35px no-repeat;
      animation: show-drag-hover 1s;
      z-index: 2
  }
  .he-drag-image.he-drag-hover ~ div.he-modal-footer {
      opacity: 0;
      visibility: hidden
  }
  .he-drag-image.he-drag-hover+p {
      opacity: 0;
      visibility: hidden
  }
  .he-loading-upload .he-drag-image {
      background-image: url(../img/bg-drag-loading.png)
  }
  .he-loading-upload .he-info-drag,
  .he-loading-upload #buttonSearchImage {
      display: none
  }
  .he-loading-upload .he-spinner {
      top: 330px
  }
  .he-error-image #modalImage .he-image-alert-danger {
      top: 146px;
      width: 530px;
      margin-left: -10px;
      z-index: 1;
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity .5s linear, transform .3s linear;
      -moz-transition: opacity .5s linear, transform .3s linear;
      -ms-transition: opacity .5s linear, transform .3s linear;
      transition: opacity .5s linear, transform .3s linear;
      -moz-transform: translate(-50%, -51%) scale(1);
      -ms-transform: translate(-50%, -51%) scale(1);
      -webkit-transform: translate(-50%, -51%) scale(1);
      transform: translate(-50%, -51%) scale(1)
  }
  .he-error-image #modalImage .he-image-alert-danger:before {
      border: 5px solid #d1d1d1;
      margin-bottom: 15px
  }
  .he-error-image #modalImage .he-image-alert-danger .he-image-title {
      font-size: 16px
  }
  .he-error-image #modalImage .he-image-alert-danger p {
      font-size: 13px
  }
  .he-show-url button.he-btn-dark {
      -webkit-transition: all .15s ease-out;
      -moz-transition: all .15s ease-out;
      -ms-transition: all .15s ease-out;
      transition: all .15s ease-out;
      opacity: 0;
      z-index: -1
  }
  .he-show-url .he-btn-dark:first-child {
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      -moz-transform: translateX(-88%);
      -ms-transform: translateX(-88%);
      -webkit-transform: translateX(-88%);
      transform: translateX(-88%)
  }
  .he-show-url .he-modal-footer-hide {
      -webkit-transition: all .15s ease-out;
      -moz-transition: all .15s ease-out;
      -ms-transition: all .15s ease-out;
      transition: all .15s ease-out;
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      top: -14px
  }
  .he-show-url .he-modal-footer {
      padding-right: 20px
  }
  .he-modal-footer-hide {
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      transition: all .25s ease-out;
      float: left;
      padding: 15px 30px 35px 15px;
      width: 70%;
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
      right: 0;
      height: 85px;
      top: 0;
      position: absolute
  }
  .he-modal-footer-hide label {
      display: block;
      margin-bottom: 3px;
      text-align: left
  }
  .he-modal-footer-hide .he-field {
      height: 29px;
      float: left;
      width: 290px
  }
  .he-modal-footer-hide .he-btn-light {
      float: left;
      margin-left: 5px
  }
  #modalSendTest [class*="he-label"] {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      width: 355px
  }
  #modalSendTest .he-contacts {
      display: none;
      background-color: #f0f0f0;
      padding: 15px
  }
  #modalSendTest .he-contacts label {
      cursor: pointer
  }
  #modalSendTest .he-contacts [class*="he-btn"] {
      margin-top: 25px
  }
  #modalSendTest .he-list-contacts {
      list-style: none;
      max-height: 120px;
      overflow-y: auto
  }
  #modalSendTest .he-list-contacts li {
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: transform .3s ease-out;
      -moz-transition: transform .3s ease-out;
      -ms-transition: transform .3s ease-out;
      transition: transform .3s ease-out;
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 5px;
      width: calc( 50% - 10px);
      position: relative;
      padding: 2px 3px
  }
  #modalSendTest .he-list-contacts li:nth-child(2n) {
      margin-right: 0
  }
  #modalSendTest .he-list-contacts li.he-removing {
      -webkit-transition: transform .35s ease-out;
      -moz-transition: transform .35s ease-out;
      -ms-transition: transform .35s ease-out;
      transition: transform .35s ease-out;
      -moz-transform: translate(-200%, 0);
      -ms-transform: translate(-200%, 0);
      -webkit-transform: translate(-200%, 0);
      transform: translate(-200%, 0)
  }
  #modalSendTest .he-list-contacts li.he-removing:nth-child(even) {
      -moz-transform: translate(200%, 0);
      -ms-transform: translate(200%, 0);
      -webkit-transform: translate(200%, 0);
      transform: translate(200%, 0)
  }
  #modalSendTest .he-list-contacts li [class*="he-ico-"] {
      -webkit-transition: opacity .15s ease-in;
      -moz-transition: opacity .15s ease-in;
      -ms-transition: opacity .15s ease-in;
      transition: opacity .15s ease-in;
      opacity: 0;
      position: absolute;
      color: #c85858;
      right: 2px;
      top: 4px;
      text-decoration: none
  }
  #modalSendTest .he-list-contacts li [class*="he-ico-"]:hover {
      opacity: .75
  }
  #modalSendTest .he-list-contacts li:hover {
      background-color: #fff
  }
  #modalSendTest .he-list-contacts li:hover [class*="he-ico-"] {
      -webkit-transition: opacity .15s ease-in;
      -moz-transition: opacity .15s ease-in;
      -ms-transition: opacity .15s ease-in;
      transition: opacity .15s ease-in;
      opacity: 1
  }
  #modalSendTest .he-list-contacts label {
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #333;
      display: block;
      overflow: hidden;
      margin-right: 17px
  }
  #modalSendTest .he-toggle {
      font-size: 12px
  }
  #modalSendTest .he-modal-body {
      overflow: hidden
  }
  #modalSendTest .he-modal-body.he-is-opened {
      overflow-y: auto
  }
  #modalSendTest .he-modal-body.he-is-opened .he-contacts {
      display: block
  }
  #modalConfirm [class*="he-title-"] {
      color: #333;
      margin: 20px 0
  }
  .he-modal:not(.he-modal-small) .he-modal-box {
      height: auto;
      min-height: 100%
  }
  .he-modal:not(.he-modal-small) .he-modal-header .he-modal-title {
      text-align: center
  }
  .he-search {
      border: 1px solid #dcd9d9;
      font-size: 13px;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      padding: 6px;
      width: 100%
  }
  .he-label-search {
      display: block;
      margin-top: 5px;
      width: 320px
  }
  .he-label-search:before {
      content: "";
      color: #aba4a4;
      font-family: "heisenberg";
      position: absolute;
      font-size: 16px;
      right: 5px;
      top: 6px
  }
  .he-text-result {
      left: 205px;
      position: absolute;
      top: 5px
  }
  .he-text-result a {
      color: #c85858;
      font-size: 11px;
      display: inline-block;
      text-decoration: none
  }
  .he-text-result a strong {
      margin: 0 5px
  }
  .he-list-images-scroll {
      position: relative;
      overflow: auto
  }
  .he-list-images-scroll ul {
      list-style: none
  }
  .he-list-images-scroll .he-grid-images {
      margin: 30px 10px 0 -15px
  }
  .he-list-images-scroll .he-grid-images li {
      margin: 0 15px 30px;
      border-bottom: none;
      display: inline-block;
      text-align: center;
      vertical-align: top;
      overflow: visible;
      padding: 0;
      width: 160px
  }
  .he-list-images-scroll .he-grid-images li:hover {
      background-color: transparent
  }
  .he-list-images-scroll .he-grid-images li .he-actions-image {
      float: none;
      height: 105px;
      margin: 0 auto 10px;
      width: 160px
  }
  .he-list-images-scroll .he-grid-images li .he-actions-image img {
      height: 100%
  }
  .he-list-images-scroll .he-grid-images li .he-actions-image a:before,
  .he-list-images-scroll .he-grid-images li .he-actions-image:before {
      margin-right: 0;
      text-align: center;
      line-height: 22px
  }
  .he-list-images-scroll .he-grid-images li .he-actions-image:before {
      display: none;
      right: -4px;
      left: auto;
      top: 7px;
      position: absolute
  }
  .he-list-images-scroll .he-grid-images li .he-actions-image .he-thumb {
      overflow: hidden;
      position: relative;
      height: 105px;
      width: 160px
  }
  .he-list-images-scroll .he-grid-images li .he-info-images {
      float: none;
      height: auto;
      width: auto
  }
  .he-list-images-scroll .he-grid-images li .he-btn-light {
      position: relative;
      bottom: auto;
      right: auto
  }
  .he-list-images-scroll .he-grid-images li .he-ico-edit+p {
      display: none;
      margin-right: 0
  }
  .he-list-images-scroll li {
      border-bottom: 1px solid #dcd9d9;
      padding: 10px 0;
      overflow: hidden;
      position: relative
  }
  .he-list-images-scroll li [contenteditable] {
      color: #4f4242;
      font-size: 13px;
      font-weight: 700;
      overflow: hidden;
      margin-bottom: 10px;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      top: -4px
  }
  .he-list-images-scroll li [contenteditable]:focus {
      white-space: normal;
      overflow: visible
  }
  .he-list-images-scroll li:hover {
      background: #f7f7f7
  }
  .he-list-images-scroll li .he-info-images {
      float: left;
      height: 50px;
      width: calc(100% - 117px)
  }
  .he-list-images-scroll li .he-ico-edit {
      font-size: 12px;
      text-decoration: none;
      display: block;
      text-align: left;
      margin-bottom: 10px;
      position: relative;
      top: -10px
  }
  .he-list-images-scroll li .he-ico-edit+p {
      margin: 0;
      position: relative;
      top: -20px;
      font-size: 13px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-right: 90px
  }
  .he-list-images-scroll li .he-btn-light {
      padding: 4px 20px;
      font-weight: 600;
      position: absolute;
      top: 50%;
      margin-top: -14px;
      right: 5px
  }
  .he-list-images-scroll li .he-actions-image {
      background-color: #edecec;
      display: block;
      cursor: pointer;
      height: 44px;
      margin: 0 10px 0 37px;
      position: relative;
      width: 67px;
      float: left;
      text-align: center
  }
  .he-list-images-scroll li .he-actions-image .he-thumb {
      border: 2px solid transparent;
      float: left;
      overflow: hidden;
      position: relative;
      height: 44px;
      width: 68px;
      z-index: 1
  }
  .he-list-images-scroll li .he-actions-image img {
      height: 44px
  }
  .he-list-images-scroll li .he-actions-image:before {
      left: -37px;
      top: 50%;
      margin-top: -11px;
      z-index: 2
  }
  .he-list-images-scroll li .he-actions-image.he-is-active:before {
      content: "";
      display: block
  }
  .he-list-images-scroll li .he-actions-image:hover a {
      display: block;
      outline: 2px solid #333
  }
  .he-image img {
      width: 98px
  }
  .he-filter {
      border-bottom: 4px solid #f7f7f7;
      position: relative;
      padding-bottom: 10px;
      margin-bottom: 10px
  }
  .he-filter .he-custom-select {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px;
      width: 160px
  }
  .he-filter .he-checkbox {
      cursor: pointer;
      position: absolute;
      top: 5px;
      left: 0;
      width: 25px;
      height: 25px;
      opacity: 0;
      z-index: 2
  }
  .he-filter .he-checkbox:checked ~ .he-check-mask:before {
      content: ""
  }
  .he-filter .he-check-mask {
      display: inline-block;
      height: 30px;
      width: 30px;
      position: relative;
      top: 5px;
      z-index: 1
  }
  .he-filter .he-list-layout {
      float: right
  }
  .he-filter .he-list-layout .he-simple-border {
      color: #a7a0a0;
      text-decoration: none;
      font-size: 20px;
      width: 40px
  }
  .he-list-product-scroll {
      height: calc(100% - 270px);
      position: relative;
      overflow: auto
  }
  .he-list-product-scroll ul {
      list-style: none
  }
  .he-list-product-scroll .he-grid-product {
      margin: 30px 10px 0 -15px
  }
  .he-list-product-scroll .he-grid-product li {
      margin: 0 15px 30px;
      border-bottom: none;
      display: inline-block;
      text-align: center;
      vertical-align: top;
      overflow: visible;
      padding: 0;
      width: 160px
  }
  .he-list-product-scroll .he-grid-product li .he-actions-product {
      float: none;
      height: 105px;
      margin: 0 auto 10px;
      width: 160px
  }
  .he-list-product-scroll .he-grid-product li .he-actions-product img {
      height: 100%
  }
  .he-list-product-scroll .he-grid-product li .he-actions-product a:before,
  .he-list-product-scroll .he-grid-product li .he-actions-product:before {
      margin-right: 0;
      text-align: center;
      line-height: 22px
  }
  .he-list-product-scroll .he-grid-product li .he-actions-product:before {
      display: none;
      right: -4px;
      left: auto;
      top: 7px;
      position: absolute
  }
  .he-list-product-scroll .he-grid-product li .he-actions-product .he-thumb {
      overflow: hidden;
      position: relative;
      height: 105px;
      width: 160px
  }
  .he-list-product-scroll .he-grid-product li .he-info-product {
      float: none;
      height: auto;
      width: auto
  }
  .he-list-product-scroll .he-grid-product li .he-btn-light {
      position: relative;
      bottom: auto;
      right: auto
  }
  .he-list-product-scroll .he-grid-product li .he-ico-edit+p {
      display: none;
      margin-right: 0
  }
  .he-list-product-scroll li {
      border-bottom: 1px solid #dcd9d9;
      padding: 10px 0;
      overflow: hidden;
      position: relative
  }
  .he-list-product-scroll li [contenteditable] {
      color: #4f4242;
      font-size: 13px;
      font-weight: 700;
      overflow: hidden;
      margin-bottom: 10px;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      top: -4px
  }
  .he-list-product-scroll li [contenteditable]:focus {
      white-space: normal;
      overflow: visible
  }
  .he-list-product-scroll li .he-info-product {
      float: left;
      height: 80px;
      width: calc(100% - 117px)
  }
  .he-list-product-scroll li .he-ico-edit {
      font-size: 12px;
      text-decoration: none;
      display: block;
      text-align: left;
      margin-bottom: 10px;
      position: relative;
      top: -10px
  }
  .he-list-product-scroll li .he-ico-edit+p {
      margin: 0;
      position: relative;
      top: -20px;
      font-size: 13px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin-right: 90px
  }
  .he-list-product-scroll li .he-btn-light {
      padding: 4px 20px;
      font-weight: 600;
      position: absolute;
      bottom: 10px;
      right: 0
  }
  .he-list-product-scroll li .he-actions-product {
      background-color: #edecec;
      display: block;
      cursor: pointer;
      height: 44px;
      margin: 0 10px 0 10px;
      position: relative;
      width: 67px;
      float: left;
      text-align: center
  }
  .he-list-product-scroll li .he-actions-product .he-thumb {
      border: 2px solid transparent;
      float: left;
      overflow: hidden;
      position: relative;
      height: 44px;
      width: 68px;
      z-index: 1
  }
  .he-list-product-scroll li .he-actions-product img {
      height: 44px
  }
  .he-list-product-scroll li .he-actions-product:before {
      left: -37px;
      top: 50%;
      margin-top: -11px;
      z-index: 2
  }
  .he-list-product-scroll li .he-actions-product.he-is-active:before {
      content: "";
      display: block
  }
  .he-list-product-scroll li .he-actions-product:hover a {
      display: block;
      outline: 2px solid #333
  }
  #uploadImages {
      min-height: 550px
  }
  #modalBugReport.he-modal {
      overflow-y: scroll
  }
  #modalBugReport .he-modal-box {
      height: auto;
      min-height: 100%;
      padding-bottom: 50px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-header {
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 5px;
      height: 56px;
      border-bottom: 4px solid #f7f7f7
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-header .he-label-search {
      margin-top: 0;
      display: inline-block;
      float: right
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-header .he-label-new {
      float: left;
      margin-right: 15px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table {
      background: #fff none repeat scroll 0 0;
      border-bottom: 1px solid #ddd;
      border-collapse: collapse;
      margin: 20px 0;
      table-layout: fixed;
      width: 100%
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table td,
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table th {
      padding: 13px;
      text-align: left;
      word-wrap: break-word !important;
      color: #4f4242
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table th {
      border-bottom: 2px solid #ddd
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table tbody tr {
      cursor: pointer;
      border-bottom: 1px solid #ddd
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table .he-bug-id {
      width: 85px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table .he-bug-createdat {
      width: 200px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-list-bugs-scroll table .he-bug-description {
      display: none
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug {
      margin-top: 25px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-columns {
      max-width: 50%;
      min-widht: 600px;
      float: left
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-columns.he-attached {
      margin-left: 50px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-label-text {
      font-size: 25px;
      width: 150px;
      vertical-align: top
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-field {
      width: 500px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-field-txt {
      width: 500px;
      height: 300px;
      overflow: auto;
      display: inline-block
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-label-inline .he-label {
      margin-right: 25px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-label-inline .he-label .he-label-text {
      font-size: 14px;
      width: auto
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-label-inline .he-label button {
      margin-left: 155px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-new-bug .he-list-images .he-thumb img {
      max-height: 100px;
      margin-right: 15px;
      margin-top: 15px;
      float: left
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history {
      margin-top: 15px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-header {
      border-bottom: 4px solid #edecec
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-header .he-bug-title {
      color: #333;
      margin-bottom: 2px;
      font-size: 24px;
      font-wight: bold
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-header .he-bug-createdat {
      margin-left: 10px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-header .he-bug-description {
      padding: 10px;
      margin-top: 15px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-body {
      margin-top: 15px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-body .he-bug-divisor {
      padding: 15px;
      background-color: #edecec;
      margin-bottom: 15px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-body .he-bug-divisor .he-bug-title {
      font-weight: bold;
      color: #333
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-body .he-bug-divisor .he-bug-createdat {
      margin-left: 5px;
      color: gray
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-history-body .he-bug-divisor .he-bug-descript {
      min-heigh: 150px;
      width: 100%;
      margin-top: 15px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-new-interation {
      margin-top: 15px;
      padding: 15px;
      background-color: #edecec
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-new-interation .he-bug-titulo {
      margin-bottom: 10px
  }
  #modalBugReport .he-modal-box .he-modal-body .he-tabs-container .he-bug-history .he-bug-new-interation .he-bug-new-comment {
      width: 100%;
      min-height: 150px;
      background-color: #fff;
      padding: 15px;
      margin-bottom: 15px
  }
  #modalTemplate .js-modal-tpl-save .js-overwrite {
      display: none
  }
  #modalTemplate .js-modal-tpl-success {
      display: none
  }
  .he-popover {
      position: absolute;
      z-index: 17;
      max-width: 376px;
      background-color: #fff;
      border: 1px solid #dcd9d9;
      border-radius: 4px;
      box-shadow: 0 5px 10px #dcd9d9;
      background-clip: padding-box;
      display: none
  }
  .he-popover.he-popover-top {
      -moz-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      -webkit-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%)
  }
  .he-popover.he-popover-bottom {
      -moz-transform: translate(-55%, 0);
      -ms-transform: translate(-55%, 0);
      -webkit-transform: translate(-55%, 0);
      transform: translate(-55%, 0)
  }
  .he-popover.he-popover-right {
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
  }
  .he-popover.he-popover-left {
      -moz-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
      -webkit-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%)
  }
  .he-popover:after,
  .he-popover:before {
      content: "";
      position: absolute;
      width: 0px;
      height: 0px;
      border-style: solid
  }
  .he-popover.he-popover-top:after {
      bottom: -10px;
      left: 46.5%;
      margin-left: -8px;
      border-width: 10px 10px 0 10px;
      border-color: #fff transparent transparent transparent
  }
  .he-popover.he-popover-top:before {
      bottom: -11px;
      left: 46.5%;
      margin-left: -8px;
      border-width: 10px 10px 0 10px;
      border-color: #dcd9d9 transparent transparent transparent
  }
  .he-popover.he-popover-right:after {
      top: 50%;
      left: -9px;
      margin-top: -7px;
      border-width: 10px 10px 10px 0;
      border-color: transparent #fff transparent transparent
  }
  .he-popover.he-popover-right:before {
      top: 50%;
      left: -10px;
      margin-top: -7px;
      border-width: 10px 10px 10px 0;
      border-color: transparent #dcd9d9 transparent transparent
  }
  .he-popover.he-popover-bottom:after {
      top: -10px;
      left: 46.5%;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #f7f7f7 transparent
  }
  .he-popover.he-popover-bottom:before {
      top: -11px;
      left: 46.5%;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #dcd9d9 transparent
  }
  .he-popover.he-popover-left:after {
      top: 50%;
      right: -10px;
      margin-top: -8px;
      border-width: 10px 0 10px 10px;
      border-color: transparent transparent transparent #fff
  }
  .he-popover.he-popover-left:before {
      top: 50%;
      right: -11px;
      margin-top: -8px;
      border-width: 10px 0 10px 10px;
      border-color: transparent transparent transparent #dcd9d9
  }
  .he-popover .he-popover-header [class*="title-"] {
      padding: 15px 10px;
      margin: 0;
      font-size: 14px;
      background-color: #f7f7f7;
      border-bottom: 1px solid #dcd9d9;
      border-radius: 4px 4px 0 0;
      text-align: center
  }
  .he-popover .he-popover-content {
      color: #555;
      padding: 15px;
      font-size: 14px;
      text-overflow: ellipsis;
      overflow: hidden
  }
  .he-popover .he-popover-content ul,
  .he-popover .he-popover-content ol {
      margin: 0;
      padding: 0
  }
  .he-popover .he-popover-content ul li {
      margin-bottom: 5px
  }
  .he-tabs-nav {
      background: #e8e7e7;
      margin-bottom: 20px
  }
  .he-tabs-nav [data-he-module] {
      color: #4f4242;
      display: inline-block;
      text-decoration: none;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-weight: 600;
      font-size: 13px;
      padding: 15px 20px;
      position: relative;
      border-bottom: 1px solid #e8e7e7
  }
  .he-tabs-nav [data-he-module].he-is-active {
      background: #f7f7f7
  }
  .he-tabs-nav [data-he-module].he-is-active:before,
  .he-tabs-nav [data-he-module].he-is-active:after {
      content: "";
      position: absolute;
      left: 50%
  }
  .he-tabs-nav [data-he-module].he-is-active:before {
      border-top: 8px solid #f7f7f7;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      margin-left: -4px;
      bottom: -8px;
      z-index: 2
  }
  .he-tabs-nav [data-he-module].he-is-active:after {
      border-top: 10px solid #e8e7e7;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-left: -6px;
      bottom: -10px;
      z-index: 1
  }
  .he-tab-content {
      display: none;
      padding: 0 30px;
      position: relative
  }
  .he-tab-content.he-is-active {
      display: block
  }
  .he-select {
      display: inline-block;
      position: relative;
      border: 1px solid #dcd9d9;
      border-radius: 2px;
      height: 29px;
      cursor: pointer;
      vertical-align: middle;
      background: #fff;
      width: 99%
  }
  .he-select .he-select-btn {
      display: block;
      padding: 4px 10px;
      line-height: 1.4;
      color: #333;
      text-decoration: none;
      height: 26px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 95%
  }
  .he-select .he-select-btn img {
      margin-right: 5px;
      margin-bottom: 3px
  }
  .he-select:before {
      content: "";
      background-color: #f7f7f7;
      font-family: "heisenberg";
      color: #aba4a4;
      height: 27px;
      line-height: 29px;
      text-align: center;
      font-size: 9px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      width: 30px;
      pointer-events: none
  }
  .he-select:after {
      content: "";
      height: 27px;
      position: absolute;
      border-left: 1px solid #dcd9d9;
      right: 30px;
      top: 0;
      z-index: 1
  }
  .he-select-nav {
      background-color: #fff;
      border: 1px solid #dcd9d9;
      border-radius: 0 0 2px;
      display: none;
      position: absolute;
      top: 27px;
      left: -1px;
      list-style: none;
      width: calc( 100% + 2px);
      z-index: 3
  }
  .he-select-nav.he-is-open-right {
      left: auto;
      right: 0;
      width: 220px
  }
  .he-select-nav li {
      position: relative;
      overflow: hidden
  }
  .he-select-nav li input {
      position: absolute;
      top: -20px;
      left: -30px
  }
  .he-select-nav label {
      display: block;
      cursor: pointer;
      line-height: 1.4;
      text-decoration: none;
      padding: 5px 10px;
      color: #333
  }
  .he-select-nav label:hover,
  .he-select-nav label:focus {
      background-color: #edecec
  }
  .he-select-nav label img {
      margin-right: 5px
  }
  .he-select-nav label.he-bg-invert {
      background-color: #333
  }
  .he-select-nav label.he-bg-invert:hover,
  .he-select-nav label.he-bg-invert:focus {
      background-color: #1a1a1a
  }
  .he-is-open .he-select-nav {
      display: block
  }
  .he-spinner {
      -webkit-transition: opacity .05s linear;
      -moz-transition: opacity .05s linear;
      -ms-transition: opacity .05s linear;
      transition: opacity .05s linear;
      position: absolute;
      top: 45%;
      left: 50%;
      margin-left: -35px;
      width: 70px;
      z-index: 9;
      opacity: 0
  }
  .he-loading .he-spinner {
      opacity: 1
  }
  .he-spinner span {
      width: 18px;
      height: 18px;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
      animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both
  }
  .he-spinner .he-bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s
  }
  .he-spinner .he-bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s
  }
  @-webkit-keyframes sk-threeBounceDelay {
      0%, 80%, 100% {
          -moz-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0)
      }
      40% {
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1)
      }
  }
  @keyframes sk-threeBounceDelay {
      0%, 80%, 100% {
          -moz-transform: scale(0);
          -ms-transform: scale(0);
          -webkit-transform: scale(0);
          transform: scale(0)
      }
      40% {
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1)
      }
  }
  [class*="he-go"] {
      position: absolute;
      top: 0;
      left: 0
  }
  [class*="he-go"]:before {
      content: "";
      font-family: "heisenberg";
      color: #fff;
      display: inline-block;
      vertical-align: top;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
      text-align: center;
      position: relative;
      width: 50px;
      z-index: 2
  }
  [class*="he-go"] .he-go-text {
      opacity: 0;
      -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -webkit-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
      -webkit-transition: opacity, .25s, ease-in-out;
      -moz-transition: opacity, .25s, ease-in-out;
      -ms-transition: opacity, .25s, ease-in-out;
      transition: opacity, .25s, ease-in-out;
      -webkit-transition: transform, .15s, ease-in-out;
      -moz-transition: transform, .15s, ease-in-out;
      -ms-transition: transform, .15s, ease-in-out;
      transition: transform, .15s, ease-in-out;
      top: 10px;
      left: 57px;
      position: absolute;
      height: 20px;
      line-height: 20px;
      padding: 0 10px;
      font-size: 11px;
      text-align: center;
      color: #fff;
      background: #4f4242;
      border-radius: 2px;
      text-shadow: 0 0 5px #000;
      white-space: nowrap;
      z-index: 1
  }
  [class*="he-go"] .he-go-text:before {
      background-color: transparent !important;
      position: absolute;
      left: -8px;
      top: 6px;
      z-index: 10;
      content: "";
      width: 0;
      height: 0;
      border-width: 4px;
      border-style: solid;
      border-color: transparent #4f4242 transparent transparent
  }
  [class*="he-go"]:hover .he-go-text,
  [class*="he-go"]:focus .he-go-text {
      -webkit-transition: opacity, .25s, ease-in-out;
      -moz-transition: opacity, .25s, ease-in-out;
      -ms-transition: opacity, .25s, ease-in-out;
      transition: opacity, .25s, ease-in-out;
      -webkit-transition: transform, .15s, ease-in-out;
      -moz-transition: transform, .15s, ease-in-out;
      -ms-transition: transform, .15s, ease-in-out;
      transition: transform, .15s, ease-in-out;
      opacity: 1;
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  .rangeslider,
  .rangeslider__fill {
      background: #e1e0e0;
      display: inline-block;
      height: 5px;
      width: 65%;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px
  }
  .rangeslider {
      position: relative;
      top: -6px
  }
  .rangeslider--disabled {
      filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
      opacity: .4
  }
  .rangeslider__fill {
      position: absolute;
      top: 0
  }
  .rangeslider__handle {
      background: #fff;
      cursor: pointer;
      display: inline-block;
      width: 11px;
      height: 11px;
      position: absolute;
      top: -3px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      z-index: 2
  }
  input[type="range"]:focus+.rangeslider .rangeslider__handle {
      -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
      -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
      box-shadow: 0 0 8px rgba(255, 0, 255, 0.9)
  }
  .he-range {
      position: relative;
      top: 7px
  }
  .he-range .he-field-range {
      position: absolute;
      top: -7px;
      right: 15px;
      font-size: 12px;
      height: 20px;
      width: 36px;
      padding: 0 5px;
      z-index: 2
  }
  .he-range .he-info {
      color: #333;
      float: right;
      font-size: 11px;
      font-family: Arial;
      margin-top: -2px
  }
  [class*="he-tooltip"] {
      position: relative;
      text-decoration: none
  }
  [class*="he-tooltip"]:after,
  [class*="he-tooltip"]:before {
      position: absolute;
      z-index: 12;
      opacity: 0;
      -moz-transform: scale(.1);
      -ms-transform: scale(.1);
      -webkit-transform: scale(.1);
      transform: scale(.1)
  }
  [class*="he-tooltip"]:after {
      content: attr(aria-label);
      min-height: 25px;
      line-height: 1.4;
      padding: 8px 10px;
      font-size: 11px;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      font-weight: 400;
      color: #fff;
      background: #4f4242;
      border-radius: 4px;
      text-shadow: 0 0 5px #000;
      max-width: 300px;
      min-width: 180px
  }
  [class*="he-tooltip"]:before {
      content: "";
      width: 0;
      height: 0;
      border-width: 4px;
      border-style: solid
  }
  [class*="he-tooltip"]:hover:after,
  [class*="he-tooltip"]:focus:after,
  [class*="he-tooltip"]:hover:before,
  [class*="he-tooltip"]:focus:before {
      -webkit-transition: opacity, .25s, ease-in-out;
      -moz-transition: opacity, .25s, ease-in-out;
      -ms-transition: opacity, .25s, ease-in-out;
      transition: opacity, .25s, ease-in-out;
      -webkit-transition: transform, .15s, ease-in-out;
      -moz-transition: transform, .15s, ease-in-out;
      -ms-transition: transform, .15s, ease-in-out;
      transition: transform, .15s, ease-in-out;
      opacity: 1;
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      moz-transform-origin: 0;
      -ms-transform-origin: 0;
      -webkit-transform-origin: 0;
      transform-origin: 0
  }
  .he-tooltip-top:after,
  .he-tooltip-top:before {
      margin-bottom: 8px
  }
  .he-tooltip-top:before {
      border-color: #4f4242 transparent transparent transparent;
      margin-bottom: 0
  }
  .he-tooltip-top:hover:after,
  .he-tooltip-top:focus:after,
  .he-tooltip-top:focus:after,
  .he-tooltip-top:hover:before,
  .he-tooltip-top:focus:before,
  .he-tooltip-top:focus:before {
      bottom: 90%;
      left: 0;
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1)
  }
  .he-tooltip-top:hover:before,
  .he-tooltip-top:focus:before {
      left: 9px
  }
  .he-tooltip-bottom:after,
  .he-tooltip-bottom:before {
      margin-top: 12px
  }
  .he-tooltip-bottom:before {
      border-color: transparent transparent #4f4242 transparent;
      margin-top: 0
  }
  .he-tooltip-bottom:hover:after,
  .he-tooltip-bottom:focus:after,
  .he-tooltip-bottom:hover:before,
  .he-tooltip-bottom:focus:before {
      top: 90%;
      left: 0
  }
  .he-tooltip-bottom:hover:before,
  .he-tooltip-bottom:focus:before {
      left: 9px;
      margin-top: 4px
  }
  .he-tooltip-right:after,
  .he-tooltip-right:before {
      margin-left: 8px
  }
  .he-tooltip-right:before {
      border-color: transparent #4f4242 transparent transparent;
      margin-left: 0
  }
  .he-tooltip-right:hover:after,
  .he-tooltip-right:focus:after,
  .he-tooltip-right:hover:before,
  .he-tooltip-right:focus:before {
      left: 75%;
      top: 0
  }
  .he-tooltip-right:hover:before,
  .he-tooltip-right:focus:before {
      top: 7px
  }
  .he-tooltip-left:after,
  .he-tooltip-left:before {
      margin-right: 8px
  }
  .he-tooltip-left:before {
      border-color: transparent transparent transparent #4f4242;
      margin-right: 0
  }
  .he-tooltip-left:hover:after,
  .he-tooltip-left:focus:after,
  .he-tooltip-left:hover:before,
  .he-tooltip-left:focus:before {
      right: 75%;
      top: 0
  }
  .he-tooltip-left:hover:before,
  .he-tooltip-left:focus:before {
      top: 7px
  }
  .he-alert-preview {
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      moz-transform-origin: center -200%;
      -ms-transform-origin: center -200%;
      -webkit-transform-origin: center -200%;
      transform-origin: center -200%;
      border-radius: 10px;
      background-color: #edecec;
      color: #4f4242;
      font-family: Open Sans, Arial, Helvetica, Sans-serif;
      position: absolute;
      font-size: 15px;
      padding: 30px 20px;
      text-align: center;
      line-height: 1.4;
      width: 290px;
      top: 85px;
      right: 20px;
      opacity: 0;
      z-index: 2
  }
  .he-preview-start .he-alert-preview {
      -webkit-transition: all .5s linear .5s;
      -moz-transition: all .5s linear .5s;
      -ms-transition: all .5s linear .5s;
      transition: all .5s linear .5s;
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      moz-transform-origin: center 0;
      -ms-transform-origin: center 0;
      -webkit-transform-origin: center 0;
      transform-origin: center 0;
      opacity: 1
  }
  .he-alert-preview .he-alert-close {
      position: absolute;
      top: 12px;
      right: 5px;
      text-decoration: none
  }
  .he-alert-preview .he-alert-close:before {
      font-size: 7px;
      background-color: #b3b3b3;
      color: #fff;
      border-radius: 50%;
      padding: 4px
  }
  .he-alert-preview .he-alert-close:hover:before {
      background-color: gray
  }
  .he-alert-preview [class*="he-title"] {
      margin-bottom: 25px
  }
  .he-alert-preview:before {
      content: "";
      border-color: transparent transparent #edecec transparent;
      width: 0;
      height: 0;
      border-width: 12px;
      border-style: solid;
      position: absolute;
      right: 100px;
      top: -24px;
      margin-left: -6px
  }
  .he-preview-start.he-alert-hide .he-alert-preview {
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      moz-transform-origin: center -200%;
      -ms-transform-origin: center -200%;
      -webkit-transform-origin: center -200%;
      transform-origin: center -200%;
      -webkit-transition: all .2s linear;
      -moz-transition: all .2s linear;
      -ms-transition: all .2s linear;
      transition: all .2s linear
  }
  .he-undo {
      font-size: 16px
  }
  .he-undo a {
      height: calc(100% - 8px);
      border-radius: 4px;
      font-size: 20px
  }
  .he-undo a span {
      top: 7px;
      position: relative;
      cursor: pointer
  }
  .he-theme-green .he-topbar,
  .he-theme-green .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #81be2d
  }
  .he-theme-green .he-btn-primary,
  .he-theme-green .he-title,
  .he-theme-green .he-modal-header,
  .he-theme-green .he-switch-btn .he-switch-label span:after,
  .he-theme-green .he-back {
      background-color: #81be2d
  }
  .he-theme-green.he-preview-start .he-preview .he-is-active,
  .he-theme-green .he-step-title,
  .he-theme-green .he-step-number,
  .he-theme-green .he-preview a:hover,
  .he-theme-green .he-preview a:focus,
  .he-theme-green .he-image-actions a,
  .he-theme-green .he-preview-start .he-preview .he-title-5,
  .he-theme-green .he-topbar .he-ico-question:hover,
  .he-theme-green [class*="he-image-alert"] a {
      color: #81be2d
  }
  .he-theme-green .he-list-images .he-ico-edit {
      color: #57801e
  }
  .he-theme-green .he-spinner span {
      background: #81be2d
  }
  .he-theme-green .he-list-link:hover,
  .he-theme-green .he-list-link:focus {
      background-color: #c5ff76;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-green .he-sidebar p>a {
      color: #659523
  }
  .he-theme-green .he-btn-primary {
      border-color: #73a928;
      color: #fff
  }
  .he-theme-green .he-btn-primary:before {
      background: #659523
  }
  .he-theme-green .he-modal-header button[data-dismiss] {
      background-color: #9ad44a
  }
  .he-theme-green .he-modal-header button[data-dismiss]:hover {
      background-color: #8cce31
  }
  .he-theme-green .he-list-images .he-actions-image.he-is-active:before {
      background-color: #81be2d;
      border-color: #81be2d
  }
  .he-theme-green .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #81be2d
  }
  .he-theme-green .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #81be2d
  }
  .he-theme-green .he-sortable-module {
      border-color: #81be2d
  }
  .he-theme-green .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #81be2d;
      border-color: #81be2d
  }
  .he-theme-green [class*="he-sidebar"] .he-ico-more {
      color: #659523
  }
  .he-theme-green [class*="he-sidebar"] .he-ico-more:before {
      background-color: #659523
  }
  .he-theme-green [class*="he-go"]:before {
      background-color: #6da126
  }
  .he-theme-green .rangeslider__fill,
  .he-theme-green .rangeslider__handle {
      background: #81be2d
  }
  .he-theme-green .rangeslider__handle:active {
      background: #496c19
  }
  .he-theme-green .he-btn:hover:before,
  .he-theme-green .he-btn:focus:before {
      background-color: #e5ffc3
  }
  .he-theme-green .he-toggle,
  .he-theme-green .he-brand-name {
      color: #81be2d
  }
  .he-theme-green .he-is-drag .he-list-link {
      background: #c5ff76
  }
  .he-theme-green .he-bug-report .he-ico-bug:hover,
  .he-theme-green .he-bug-report .he-ico-bug:focus {
      color: #81be2d
  }
  .he-theme-green.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-green.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #daffa9
  }
  .he-theme-blue .he-topbar,
  .he-theme-blue .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #254fa2
  }
  .he-theme-blue .he-btn-primary,
  .he-theme-blue .he-title,
  .he-theme-blue .he-modal-header,
  .he-theme-blue .he-switch-btn .he-switch-label span:after,
  .he-theme-blue .he-back {
      background-color: #254fa2
  }
  .he-theme-blue.he-preview-start .he-preview .he-is-active,
  .he-theme-blue .he-step-title,
  .he-theme-blue .he-step-number,
  .he-theme-blue .he-preview a:hover,
  .he-theme-blue .he-preview a:focus,
  .he-theme-blue .he-image-actions a,
  .he-theme-blue .he-preview-start .he-preview .he-title-5,
  .he-theme-blue .he-topbar .he-ico-question:hover,
  .he-theme-blue [class*="he-image-alert"] a {
      color: #254fa2
  }
  .he-theme-blue .he-list-images .he-ico-edit {
      color: #173164
  }
  .he-theme-blue .he-spinner span {
      background: #254fa2
  }
  .he-theme-blue .he-list-link:hover,
  .he-theme-blue .he-list-link:focus {
      background-color: #6498ff;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-blue .he-sidebar p>a {
      color: #1c3b78
  }
  .he-theme-blue .he-btn-primary {
      border-color: #20458d;
      color: #fff
  }
  .he-theme-blue .he-btn-primary:before {
      background: #1c3b78
  }
  .he-theme-blue .he-modal-header button[data-dismiss] {
      background-color: #2e63cc
  }
  .he-theme-blue .he-modal-header button[data-dismiss]:hover {
      background-color: #2957b3
  }
  .he-theme-blue .he-list-images .he-actions-image.he-is-active:before {
      background-color: #254fa2;
      border-color: #254fa2
  }
  .he-theme-blue .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #254fa2
  }
  .he-theme-blue .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #254fa2
  }
  .he-theme-blue .he-sortable-module {
      border-color: #254fa2
  }
  .he-theme-blue .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #254fa2;
      border-color: #254fa2
  }
  .he-theme-blue [class*="he-sidebar"] .he-ico-more {
      color: #1c3b78
  }
  .he-theme-blue [class*="he-sidebar"] .he-ico-more:before {
      background-color: #1c3b78
  }
  .he-theme-blue [class*="he-go"]:before {
      background-color: #1e4185
  }
  .he-theme-blue .rangeslider__fill,
  .he-theme-blue .rangeslider__handle {
      background: #254fa2
  }
  .he-theme-blue .rangeslider__handle:active {
      background: #12274f
  }
  .he-theme-blue .he-btn:hover:before,
  .he-theme-blue .he-btn:focus:before {
      background-color: #b1cbff
  }
  .he-theme-blue .he-toggle,
  .he-theme-blue .he-brand-name {
      color: #254fa2
  }
  .he-theme-blue .he-is-drag .he-list-link {
      background: #6498ff
  }
  .he-theme-blue .he-bug-report .he-ico-bug:hover,
  .he-theme-blue .he-bug-report .he-ico-bug:focus {
      color: #254fa2
  }
  .he-theme-blue.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-blue.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #97baff
  }
  .he-theme-gold .he-topbar,
  .he-theme-gold .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #a38e17
  }
  .he-theme-gold .he-btn-primary,
  .he-theme-gold .he-title,
  .he-theme-gold .he-modal-header,
  .he-theme-gold .he-switch-btn .he-switch-label span:after,
  .he-theme-gold .he-back {
      background-color: #a38e17
  }
  .he-theme-gold.he-preview-start .he-preview .he-is-active,
  .he-theme-gold .he-step-title,
  .he-theme-gold .he-step-number,
  .he-theme-gold .he-preview a:hover,
  .he-theme-gold .he-preview a:focus,
  .he-theme-gold .he-image-actions a,
  .he-theme-gold .he-preview-start .he-preview .he-title-5,
  .he-theme-gold .he-topbar .he-ico-question:hover,
  .he-theme-gold [class*="he-image-alert"] a {
      color: #a38e17
  }
  .he-theme-gold .he-list-images .he-ico-edit {
      color: #60540e
  }
  .he-theme-gold .he-spinner span {
      background: #a38e17
  }
  .he-theme-gold .he-list-link:hover,
  .he-theme-gold .he-list-link:focus {
      background-color: #ffe85d;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-gold .he-sidebar p>a {
      color: #766711
  }
  .he-theme-gold .he-btn-primary {
      border-color: #8d7b14;
      color: #fff
  }
  .he-theme-gold .he-btn-primary:before {
      background: #766711
  }
  .he-theme-gold .he-modal-header button[data-dismiss] {
      background-color: #d0b51d
  }
  .he-theme-gold .he-modal-header button[data-dismiss]:hover {
      background-color: #b59e1a
  }
  .he-theme-gold .he-list-images .he-actions-image.he-is-active:before {
      background-color: #a38e17;
      border-color: #a38e17
  }
  .he-theme-gold .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #a38e17
  }
  .he-theme-gold .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #a38e17
  }
  .he-theme-gold .he-sortable-module {
      border-color: #a38e17
  }
  .he-theme-gold .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #a38e17;
      border-color: #a38e17
  }
  .he-theme-gold [class*="he-sidebar"] .he-ico-more {
      color: #766711
  }
  .he-theme-gold [class*="he-sidebar"] .he-ico-more:before {
      background-color: #766711
  }
  .he-theme-gold [class*="he-go"]:before {
      background-color: #847313
  }
  .he-theme-gold .rangeslider__fill,
  .he-theme-gold .rangeslider__handle {
      background: #a38e17
  }
  .he-theme-gold .rangeslider__handle:active {
      background: #4a400a
  }
  .he-theme-gold .he-btn:hover:before,
  .he-theme-gold .he-btn:focus:before {
      background-color: #fff3aa
  }
  .he-theme-gold .he-toggle,
  .he-theme-gold .he-brand-name {
      color: #a38e17
  }
  .he-theme-gold .he-is-drag .he-list-link {
      background: #ffe85d
  }
  .he-theme-gold .he-bug-report .he-ico-bug:hover,
  .he-theme-gold .he-bug-report .he-ico-bug:focus {
      color: #a38e17
  }
  .he-theme-gold.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-gold.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #ffef90
  }
  .he-theme-gray .he-topbar,
  .he-theme-gray .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #878787
  }
  .he-theme-gray .he-btn-primary,
  .he-theme-gray .he-title,
  .he-theme-gray .he-modal-header,
  .he-theme-gray .he-switch-btn .he-switch-label span:after,
  .he-theme-gray .he-back {
      background-color: #878787
  }
  .he-theme-gray.he-preview-start .he-preview .he-is-active,
  .he-theme-gray .he-step-title,
  .he-theme-gray .he-step-number,
  .he-theme-gray .he-preview a:hover,
  .he-theme-gray .he-preview a:focus,
  .he-theme-gray .he-image-actions a,
  .he-theme-gray .he-preview-start .he-preview .he-title-5,
  .he-theme-gray .he-topbar .he-ico-question:hover,
  .he-theme-gray [class*="he-image-alert"] a {
      color: #878787
  }
  .he-theme-gray .he-list-images .he-ico-edit {
      color: #616161
  }
  .he-theme-gray .he-spinner span {
      background: #878787
  }
  .he-theme-gray .he-list-link:hover,
  .he-theme-gray .he-list-link:focus {
      background-color: #ff8787;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-gray .he-sidebar p>a {
      color: #6e6e6e
  }
  .he-theme-gray .he-btn-primary {
      border-color: #7a7a7a;
      color: #fff
  }
  .he-theme-gray .he-btn-primary:before {
      background: #6e6e6e
  }
  .he-theme-gray .he-modal-header button[data-dismiss] {
      background-color: #a1a1a1
  }
  .he-theme-gray .he-modal-header button[data-dismiss]:hover {
      background-color: #919191
  }
  .he-theme-gray .he-list-images .he-actions-image.he-is-active:before {
      background-color: #878787;
      border-color: #878787
  }
  .he-theme-gray .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #878787
  }
  .he-theme-gray .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #878787
  }
  .he-theme-gray .he-sortable-module {
      border-color: #878787
  }
  .he-theme-gray .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #878787;
      border-color: #878787
  }
  .he-theme-gray [class*="he-sidebar"] .he-ico-more {
      color: #6e6e6e
  }
  .he-theme-gray [class*="he-sidebar"] .he-ico-more:before {
      background-color: #6e6e6e
  }
  .he-theme-gray [class*="he-go"]:before {
      background-color: #757575
  }
  .he-theme-gray .rangeslider__fill,
  .he-theme-gray .rangeslider__handle {
      background: #878787
  }
  .he-theme-gray .rangeslider__handle:active {
      background: #545454
  }
  .he-theme-gray .he-btn:hover:before,
  .he-theme-gray .he-btn:focus:before {
      background-color: #ffd4d4
  }
  .he-theme-gray .he-toggle,
  .he-theme-gray .he-brand-name {
      color: #878787
  }
  .he-theme-gray .he-is-drag .he-list-link {
      background: #ff8787
  }
  .he-theme-gray .he-bug-report .he-ico-bug:hover,
  .he-theme-gray .he-bug-report .he-ico-bug:focus {
      color: #878787
  }
  .he-theme-gray.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-gray.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #ffbaba
  }
  .he-theme-orange .he-topbar,
  .he-theme-orange .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #fb9e1d
  }
  .he-theme-orange .he-btn-primary,
  .he-theme-orange .he-title,
  .he-theme-orange .he-modal-header,
  .he-theme-orange .he-switch-btn .he-switch-label span:after,
  .he-theme-orange .he-back {
      background-color: #fb9e1d
  }
  .he-theme-orange.he-preview-start .he-preview .he-is-active,
  .he-theme-orange .he-step-title,
  .he-theme-orange .he-step-number,
  .he-theme-orange .he-preview a:hover,
  .he-theme-orange .he-preview a:focus,
  .he-theme-orange .he-image-actions a,
  .he-theme-orange .he-preview-start .he-preview .he-title-5,
  .he-theme-orange .he-topbar .he-ico-question:hover,
  .he-theme-orange [class*="he-image-alert"] a {
      color: #fb9e1d
  }
  .he-theme-orange .he-list-images .he-ico-edit {
      color: #c87604
  }
  .he-theme-orange .he-spinner span {
      background: #fb9e1d
  }
  .he-theme-orange .he-list-link:hover,
  .he-theme-orange .he-list-link:focus {
      background-color: #ffcf8c;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-orange .he-sidebar p>a {
      color: #e18404
  }
  .he-theme-orange .he-btn-primary {
      border-color: #fa9304;
      color: #fff
  }
  .he-theme-orange .he-btn-primary:before {
      background: #e18404
  }
  .he-theme-orange .he-modal-header button[data-dismiss] {
      background-color: #fcb44f
  }
  .he-theme-orange .he-modal-header button[data-dismiss]:hover {
      background-color: #fba731
  }
  .he-theme-orange .he-list-images .he-actions-image.he-is-active:before {
      background-color: #fb9e1d;
      border-color: #fb9e1d
  }
  .he-theme-orange .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #fb9e1d
  }
  .he-theme-orange .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #fb9e1d
  }
  .he-theme-orange .he-sortable-module {
      border-color: #fb9e1d
  }
  .he-theme-orange .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #fb9e1d;
      border-color: #fb9e1d
  }
  .he-theme-orange [class*="he-sidebar"] .he-ico-more {
      color: #e18404
  }
  .he-theme-orange [class*="he-sidebar"] .he-ico-more:before {
      background-color: #e18404
  }
  .he-theme-orange [class*="he-go"]:before {
      background-color: #f08d04
  }
  .he-theme-orange .rangeslider__fill,
  .he-theme-orange .rangeslider__handle {
      background: #fb9e1d
  }
  .he-theme-orange .rangeslider__handle:active {
      background: #af6703
  }
  .he-theme-orange .he-btn:hover:before,
  .he-theme-orange .he-btn:focus:before {
      background-color: #ffefd9
  }
  .he-theme-orange .he-toggle,
  .he-theme-orange .he-brand-name {
      color: #fb9e1d
  }
  .he-theme-orange .he-is-drag .he-list-link {
      background: #ffcf8c
  }
  .he-theme-orange .he-bug-report .he-ico-bug:hover,
  .he-theme-orange .he-bug-report .he-ico-bug:focus {
      color: #fb9e1d
  }
  .he-theme-orange.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-orange.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #ffe4bf
  }
  .he-theme-cyanogen .he-topbar,
  .he-theme-cyanogen .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #00c9f5
  }
  .he-theme-cyanogen .he-btn-primary,
  .he-theme-cyanogen .he-title,
  .he-theme-cyanogen .he-modal-header,
  .he-theme-cyanogen .he-switch-btn .he-switch-label span:after,
  .he-theme-cyanogen .he-back {
      background-color: #00c9f5
  }
  .he-theme-cyanogen.he-preview-start .he-preview .he-is-active,
  .he-theme-cyanogen .he-step-title,
  .he-theme-cyanogen .he-step-number,
  .he-theme-cyanogen .he-preview a:hover,
  .he-theme-cyanogen .he-preview a:focus,
  .he-theme-cyanogen .he-image-actions a,
  .he-theme-cyanogen .he-preview-start .he-preview .he-title-5,
  .he-theme-cyanogen .he-topbar .he-ico-question:hover,
  .he-theme-cyanogen [class*="he-image-alert"] a {
      color: #00c9f5
  }
  .he-theme-cyanogen .he-list-images .he-ico-edit {
      color: #008aa9
  }
  .he-theme-cyanogen .he-spinner span {
      background: #00c9f5
  }
  .he-theme-cyanogen .he-list-link:hover,
  .he-theme-cyanogen .he-list-link:focus {
      background-color: #7be7ff;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-cyanogen .he-sidebar p>a {
      color: #009fc2
  }
  .he-theme-cyanogen .he-btn-primary {
      border-color: #00b4dc;
      color: #fff
  }
  .he-theme-cyanogen .he-btn-primary:before {
      background: #009fc2
  }
  .he-theme-cyanogen .he-modal-header button[data-dismiss] {
      background-color: #29d9ff
  }
  .he-theme-cyanogen .he-modal-header button[data-dismiss]:hover {
      background-color: #0ad3ff
  }
  .he-theme-cyanogen .he-list-images .he-actions-image.he-is-active:before {
      background-color: #00c9f5;
      border-color: #00c9f5
  }
  .he-theme-cyanogen .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #00c9f5
  }
  .he-theme-cyanogen .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #00c9f5
  }
  .he-theme-cyanogen .he-sortable-module {
      border-color: #00c9f5
  }
  .he-theme-cyanogen .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #00c9f5;
      border-color: #00c9f5
  }
  .he-theme-cyanogen [class*="he-sidebar"] .he-ico-more {
      color: #009fc2
  }
  .he-theme-cyanogen [class*="he-sidebar"] .he-ico-more:before {
      background-color: #009fc2
  }
  .he-theme-cyanogen [class*="he-go"]:before {
      background-color: #00acd1
  }
  .he-theme-cyanogen .rangeslider__fill,
  .he-theme-cyanogen .rangeslider__handle {
      background: #00c9f5
  }
  .he-theme-cyanogen .rangeslider__handle:active {
      background: #00758f
  }
  .he-theme-cyanogen .he-btn:hover:before,
  .he-theme-cyanogen .he-btn:focus:before {
      background-color: #c8f5ff
  }
  .he-theme-cyanogen .he-toggle,
  .he-theme-cyanogen .he-brand-name {
      color: #00c9f5
  }
  .he-theme-cyanogen .he-is-drag .he-list-link {
      background: #7be7ff
  }
  .he-theme-cyanogen .he-bug-report .he-ico-bug:hover,
  .he-theme-cyanogen .he-bug-report .he-ico-bug:focus {
      color: #00c9f5
  }
  .he-theme-cyanogen.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-cyanogen.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #aef0ff
  }
  .he-theme-red .he-topbar,
  .he-theme-red .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #ef1e37
  }
  .he-theme-red .he-btn-primary,
  .he-theme-red .he-title,
  .he-theme-red .he-modal-header,
  .he-theme-red .he-switch-btn .he-switch-label span:after,
  .he-theme-red .he-back {
      background-color: #ef1e37
  }
  .he-theme-red.he-preview-start .he-preview .he-is-active,
  .he-theme-red .he-step-title,
  .he-theme-red .he-step-number,
  .he-theme-red .he-preview a:hover,
  .he-theme-red .he-preview a:focus,
  .he-theme-red .he-image-actions a,
  .he-theme-red .he-preview-start .he-preview .he-title-5,
  .he-theme-red .he-topbar .he-ico-question:hover,
  .he-theme-red [class*="he-image-alert"] a {
      color: #ef1e37
  }
  .he-theme-red .he-list-images .he-ico-edit {
      color: #b40d21
  }
  .he-theme-red .he-spinner span {
      background: #ef1e37
  }
  .he-theme-red .he-list-link:hover,
  .he-theme-red .he-list-link:focus {
      background-color: #67E0E5;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-red .he-sidebar p>a {
      color: #cc0e25
  }
  .he-theme-red .he-btn-primary {
      border-color: #e31029;
      color: #fff
  }
  .he-theme-red .he-btn-primary:before {
      background: #cc0e25
  }
  .he-theme-red .he-modal-header button[data-dismiss] {
      background-color: #f24e61
  }
  .he-theme-red .he-modal-header button[data-dismiss]:hover {
      background-color: #f03148
  }
  .he-theme-red .he-list-images .he-actions-image.he-is-active:before {
      background-color: #ef1e37;
      border-color: #ef1e37
  }
  .he-theme-red .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #ef1e37
  }
  .he-theme-red .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #ef1e37
  }
  .he-theme-red .he-sortable-module {
      border-color: #ef1e37
  }
  .he-theme-red .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #ef1e37;
      border-color: #ef1e37
  }
  .he-theme-red [class*="he-sidebar"] .he-ico-more {
      color: #cc0e25
  }
  .he-theme-red [class*="he-sidebar"] .he-ico-more:before {
      background-color: #cc0e25
  }
  .he-theme-red [class*="he-go"]:before {
      background-color: #da0f28
  }
  .he-theme-red .rangeslider__fill,
  .he-theme-red .rangeslider__handle {
      background: #ef1e37
  }
  .he-theme-red .rangeslider__handle:active {
      background: #9c0b1c
  }
  .he-theme-red .he-btn:hover:before,
  .he-theme-red .he-btn:focus:before {
      background-color: #ffd4d9
  }
  .he-theme-red .he-toggle,
  .he-theme-red .he-brand-name {
      color: #ef1e37
  }
  .he-theme-red .he-is-drag .he-list-link {
      background: #67E0E5
  }
  .he-theme-red .he-bug-report .he-ico-bug:hover,
  .he-theme-red .he-bug-report .he-ico-bug:focus {
      color: #ef1e37
  }
  .he-theme-red.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-red.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #ffbac2
  }
  .he-theme-red-allin .he-topbar,
  .he-theme-red-allin .he-modal:not(.he-modal-small) .he-modal-header {
      border-bottom-color: #67E0E5
  }
  .he-theme-red-allin .he-btn-primary,
  .he-theme-red-allin .he-title,
  .he-theme-red-allin .he-modal-header,
  .he-theme-red-allin .he-switch-btn .he-switch-label span:after,
  .he-theme-red-allin .he-back {
      background-color: #67E0E5
  }
  .he-theme-red-allin.he-preview-start .he-preview .he-is-active,
  .he-theme-red-allin .he-step-title,
  .he-theme-red-allin .he-step-number,
  .he-theme-red-allin .he-preview a:hover,
  .he-theme-red-allin .he-preview a:focus,
  .he-theme-red-allin .he-image-actions a,
  .he-theme-red-allin .he-preview-start .he-preview .he-title-5,
  .he-theme-red-allin .he-topbar .he-ico-question:hover,
  .he-theme-red-allin [class*="he-image-alert"] a {
      color: #67E0E5
  }
  .he-theme-red-allin .he-list-images .he-ico-edit {
      color: #67E0E5
  }
  .he-theme-red-allin .he-spinner span {
      background: #67E0E5
  }
  .he-theme-red-allin .he-list-link:hover,
  .he-theme-red-allin .he-list-link:focus {
      background-color: #67E0E5;
      transition: all .25s ease-out;
      opacity: 1
  }
  .he-theme-red-allin .he-sidebar p>a {
      color: #67E0E5
  }
  .he-theme-red-allin .he-btn-primary {
      border-color: #67E0E5;
      color: #fff
  }
  .he-theme-red-allin .he-btn-primary:before {
      background: #67E0E5
  }
  .he-theme-red-allin .he-modal-header button[data-dismiss] {
      background-color: #67E0E5
  }
  .he-theme-red-allin .he-modal-header button[data-dismiss]:hover {
      background-color: #67E0E5
  }
  .he-theme-red-allin .he-list-images .he-actions-image.he-is-active:before {
      background-color: #67E0E5;
      border-color: #67E0E5
  }
  .he-theme-red-allin .he-list-images .he-actions-image:hover .he-thumb {
      border-color: #67E0E5
  }
  .he-theme-red-allin .he-list-images .he-actions-image.he-is-active .he-thumb {
      border-color: #67E0E5
  }
  .he-theme-red-allin .he-sortable-module {
      border-color: #67E0E5
  }
  .he-theme-red-allin .he-filter .he-checkbox:checked+.he-check-mask:before {
      background-color: #67E0E5;
      border-color: #67E0E5
  }
  .he-theme-red-allin [class*="he-sidebar"] .he-ico-more {
      color: #67E0E5
  }
  .he-theme-red-allin [class*="he-sidebar"] .he-ico-more:before {
      background-color: #67E0E5
  }
  .he-theme-red-allin [class*="he-go"]:before {
      background-color: #67E0E5
  }
  .he-theme-red-allin .rangeslider__fill,
  .he-theme-red-allin .rangeslider__handle {
      background: #67E0E5
  }
  .he-theme-red-allin .rangeslider__handle:active {
      background: #a62604
  }
  .he-theme-red-allin .he-btn:hover:before,
  .he-theme-red-allin .he-btn:focus:before {
      background-color: #ffd4d9
  }
  .he-theme-red-allin .he-toggle,
  .he-theme-red-allin .he-brand-name {
      color: #67E0E5
  }
  .he-theme-red-allin .he-is-drag .he-list-link {
      background: #67E0E5
  }
  .he-theme-red-allin .he-bug-report .he-ico-bug:hover,
  .he-theme-red-allin .he-bug-report .he-ico-bug:focus {
      color: #67E0E5
  }
  .he-theme-red-allin.he-element-drag [class*="he-template-col-"]:empty.he-is-active:empty,
  .he-theme-red-allin.he-element-drag [class*="he-template-col-"].js-fake-empty {
      background-color: #ffbac2
  }
  /*# sourceMappingURL=style.css.map */





/*////////////////////////////////////////////
//////      themas allin            /////////
//////////////////////////////////////////*/
/*
.ls-sidebar-toggled .ls-sidebar{display: none!important;}
*/
.he-sidebar-module{
    position: fixed;
    left: 0;
    top: 65px;
    bottom: 50px;
    width: 370px;
    font-family: Open Sans,Arial,Helvetica,Sans-serif;
    font-size: 13px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background: #f7f6f6;
    border-right: 1px solid #dcd9d9;
    box-shadow: 1px 0 24px rgba(79,66,66,0.14);
    overflow-y: auto;
    z-index: 1;
}
.he-content{
    margin: 0 25px
}

.he-area {
    display: table;
    margin-bottom: 15px;
}

.lg-space {
    padding-top: 20px;
}
[class*="he-btn-primary"].he-btn-primary{
  border: 1px solid #67E0E5;
  background-color: #67E0E5;
  color: #fff;
}

.he-area-left {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    width: 145px;
}

.he-area-right {
    display: table-cell;
    width: 170px;
}

.he-range {
    position: relative;
    top: 7px;
}

.he-range .he-field-range {
    position: absolute;
    top: -7px;
    right: 15px;
    font-size: 12px;
    height: 20px;
    width: 36px!important;
    padding: 0 5px;
    z-index: 2;
}
.he-range .he-info{
  color: #333;
    float: right;
    font-size: 11px;
    font-family: Arial;
    margin-top: -2px;
}

.he-area-lg-space {
    padding-top: 20px;
}

.he-area-left {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    width: 145px;
}

.he-go-text{
  position: absolute;
    top: 0;
    left: 0;
}
.he-go-back{
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    width: 50px;
    z-index: 2;
    background-color: #67E0E5;
    position: absolute;
    top: 0;
    left: 0;
}


.he-go-back:before {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    position: relative;
    width: 50px;
    z-index: 2;
}
.he-go-back span{
  display: none;
}
.border{
  border: 5px solid red;

}

/*////////////////////////////////////////////
//////      he footer            ////////////
//////////////////////////////////////////*/
.he-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-family: Open Sans,Arial,Helvetica,Sans-serif;
    font-size: 13px;
    background-color: #edecec;
    border-top: 1px solid #dcd9d9;
    padding: 8px 20px;
    z-index: 2;
}


[class*="he-btn"] {
  border: 1px solid #b9b9b9;
  cursor: pointer;
  padding: 5px 20px 5px;
  border-radius: 4px;
  background-color: #fff;
  display: inline-block;
  font-size: 13px;
  line-height: 1.42857;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  color: #4f4242;
  font-weight: 600;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  overflow: hidden;
}


.ls-main{
  background: #fff!important;
  min-height: 800px;
}
.he-topbar,
.he-modal:not(.he-modal-small) .he-modal-header{
  background-color: #4f4242!important;
  border-bottom: 5px solid #000;
  border-bottom-width: 5px;
  color: #fff;
  height: 65px;
  border-bottom-color: #67E0E5;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;

}
.ls-brand-name{
  background-color: #4f4242!important;
}
.he-preview {
  background: #473b3b;
}

.ls-user-account{
  background: #473b3b!important;
}

.he-float-right{
  float: right;
}
.ls-label .ls-label-text{
  margin-bottom: 10px;
}
.ls-label {
  margin-bottom: 30px;
}
.ls-label p{
  font-size: 15px;
}
.he-title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px 25px 10px 70px;
    height: 40px;
    background-color: #67E0E5;
}
.he-area-left {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    width: 145px;
    color: rgba(51,51,51,0.7)!important;
}

.he-area-left, [class*="he-label"] .he-label-text, .he-modal-footer-hide label {
    color: rgba(51,51,51,0.7);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
}

.he-area {
    margin-bottom: 15px;
}

.he-area-lg-space{
  padding-top: 20px;
}
.he-go{
  position: absolute;
  top: 0;
  left: 0;
}
.he-go:before {
    content: "‹";
    font-family: "heisenberg";
    color: #fff;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    position: relative;
    width: 50px;
    z-index: 2;
}

.he-separator {
    border-top: 4px solid #e1e0e0;
    border-left: none;
    clear: both;
    display: block;
    margin: 10px 0;
  }
.minicolors-input {
  height: 29px!important;
  padding-left: 26px!important;
  padding: 0 10px!important;
  border-radius: 2px28;
}
.he-custom-select{
    width: 85px;
    display: inline-block;
    position: relative;
    border: 1px solid #dcd9d9;
    border-radius: 2px;
    height: 33px;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    background: #fff;
    top: -1px;
}

.he-custom-select select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: inherit;
    padding: 5px 45px 5px 10px;
    background: transparent;
    display: inline-block;
    border: none;
    font-size: 13px;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.he-custom-select:before {
    background-color: #f7f7f7;
    color: #aba4a4;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 30px;
    pointer-events: none;
}

.ls-pager{
    float: right;
}
.ls-modal-box, .ls-modal-large,
.ls-modal-small,
.ls-modal {
    z-index: 999!important;
}
.ls-tabs-btn [class*="ls-ico"]{
    font-size: 14px;
}
.ls-theme-wine .ls-tabs-btn-nav [class*="ls-btn"]{
  height: 80px;
}
.ls-theme-gray .ls-tabs-btn-nav .ls-active [class*="ls-btn"]:after,
html .ls-tabs-btn-nav .ls-active [class*="ls-btn"]:after,
.ls-theme-wine .ls-tabs-btn-nav .ls-active [class*="ls-btn"]:before,
.ls-theme-wine .ls-tabs-btn-nav .ls-active [class*="ls-btn"]:after{
    display: none;
    z-index: -1;
    top: 1px;
}
.ls-theme-wine .ls-steps-nav .ls-active .ls-steps-btn:before{
  border-color: #1ab551;
  background: #1ab551
}
.ls-theme-wine .ls-steps-nav .ls-actived .ls-steps-btn:before{
  border-color: #1ab551;
}
.ls-tabs-btn [class*="ls-ico"]:before,
.ls-theme-wine .ls-steps-nav .ls-actived:not(.ls-active):after{
  color: #1ab551;
}
.ls-theme-wine .ls-steps-nav .ls-actived .ls-steps-btn:after,
.ls-theme-gray .ls-steps-nav .ls-actived .ls-steps-btn:before,
html .ls-steps-nav .ls-actived .ls-steps-btn:before,
.ls-theme-wine .ls-steps-nav .ls-active .ls-steps-btn:after{
  color: #1ab551!important;
}
.ls-theme-wine .ls-steps-nav .ls-active .ls-steps-btn:before,
.ls-theme-wine .ls-tabs-btn-nav .ls-active [class*="ls-btn"],
.ls-theme-wine .ls-tabs-btn-nav .ls-active [class*="ls-btn"]:focus,
.ls-theme-wine .ls-tabs-btn-nav .ls-active [class*="ls-btn"]:hover,
.ls-theme-wine .ls-tabs-btn-nav .ls-active [class*="ls-btn"]:active{
    border-color: #1ab551;
    color: #ffffff!important;
}
.ls-theme-wine .ls-steps-nav .ls-actived.ls-active .ls-steps-btn:before{
  background: #1ab551;
}
.step-horizontal .ls-steps-nav{
  border-bottom: 1px solid #dddddd!important;
}

.ls-theme-wine .ls-steps-arrow:before{
  background: #dddddd;
  left: -18px;
  width: 10px;
  height: 2px;
  top: -11px;
}

.ls-sidebar-toggled .ls-main.he-main{
  margin-left: 370px;
}

.ls-topbar:after{
  box-shadow: none;
}
.ls-steps-main,
.ls-steps{
  margin-left: 0!important
}
.ls-steps-main{
  padding-left: 0;
  border-left: 0;
}
.ls-steps-nav{
  border: 0 !important;
  left: 0!important;
  padding-left: 0;
}


.ls-steps-nav:before{display: none;}

/*////////////////////////////////////////////
//////      Input Range          ////////////
//////////////////////////////////////////*/

input[type=range] {
    -webkit-appearance: none;
    width: 65%;
    position: relative;
    top: -6px;
}
input[type=range]:focus {
    outline: none;
}

/* Input Range Chrome */
input[type=range]::-webkit-slider-runnable-track {
    width: 50%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #e1e0e0;
    border-radius: 25px;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    height: 11px;
    width: 11px;
    border-radius: 7px;
    background: #67E0E5;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -3.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #e1e0e0;
}

/* Input Range Farifox */
input[type=range]::-moz-range-track {
  width: 65%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #e1e0e0;
  border-radius: 25px;
}
input[type=range]::-moz-range-thumb {
    height: 11px;
    width: 11px;
    border-radius: 7px;
    background: #ddd;
    cursor: pointer;
    background: #67E0E5;
}
/* Input Range INTERNET EXPLORER 10 + */
input[type=range]::-ms-track {
    width: 65%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #e1e0e0;
    border-radius: 25px;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #67E0E5;
    border: 0px solid #ddd;
    border-radius: 50px;
}
input[type=range]::-ms-fill-upper {
    background: #e1e0e0;
    border-radius: 50px;
}
input[type=range]::-ms-thumb {
    height: 11px;
    width: 11px;
    border-radius: 7px;
    background: #e1e0e0;
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    background:#67E0E5;
}
input[type=range]:focus::-ms-fill-upper {
  background: #e1e0e0;
}


/*////////////////////////////////////////////
//////      code pre             ////////////
//////////////////////////////  ////////////*/

.language-css{
  background: #f5f2f0;
}
.token.class{
  color: #690;
}
.token.property{
  color: #905;
}
.token.comment{
  color: #708090;
}

/*////////////////////////////////////////////
//////      minicolors2             ////////////
//////////////////////////////////////////*/

.minicolors2{
    display: inline-block;
    padding-left: 26px!important;
  }
body{
  background: #fff;
}

.he-accordeon-description.he-accordeon-arrow p {
    padding: 40px;
    font-size: 14px;
}

.ls-collapse {
  margin-bottom: 10px !important;
  border-bottom: 1px solid #ccc !important;
}

.ls-steps-arrow{
    margin-top: -12px;
    right: 50px;
    display: none!important;
}

.ls-steps-nav .ls-actived:not(.ls-active):after {
  right: 62px;

}

.integration-item{
  cursor: pointer;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.ls-collapse-header{
  min-height: 100px;
}
.ls-collapse-body{
  cursor: auto!important;
}
.ls-collapse-opened.ls-collapse-body[aria-hidden="true"]{
  padding-bottom: 40px;
}


.integration-item .icon-list {
  display: inline;
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 25px;
  margin-left: 30px;
  background: url(https://us5.admin.mailchimp.com/release/11.7.838/images/icons/integration-icons-color.png) 0 0 transparent no-repeat;
}
.integration-item .icon-list.inactive{
  background: url(https://us5.admin.mailchimp.com/release/11.7.838/images/icons/integration-icons-gray.png) 0 0 transparent no-repeat;
}

.icon-list.facebook.inactive,
.icon-list.facebook{
    background-position: 0 0;
}
.icon-list.email.inactive,
.icon-list.email{
    background-position: 0 -376px;
}

.icon-list.twitter.inactive,
.icon-list.twitter{
    background-position: 0 -94px;
}

.infor{
  border-radius: 6px;
  background-color:#f8f8f8;
  margin: 12px;
  padding: 24px;
  display: block;
  margin-bottom: 30px;
}
.ls-gg-margin-left{
  margin-left: 120px;
}

.ls-theme-wine .ls-collapse .ls-collapse-header:before{
  border: 0;
  left: 10px;
  font-size: 9px;
  color: #888888;
}




/********************************** Novo estilo ***********************************/
.ls-breadcrumb-btn button:before{
  content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    position: relative;
    border: 4px solid transparent;
    border-color: transparent transparent transparent #555555;
    top: -1px;
}

.ls-title-intro{
  background: #f7f7f7!important;
}

[class^="ls-title"]+.ls-box, [class^="ls-title"]+.ls-box-filter, [class^="ls-title"]+.ls-alert-box{
  margin-top: 24px;
}


.ls-label b, .ls-label label, .ls-label .ls-label-text{
  color: #474747;
  font-size: 15px;
}

.legend-rules{
  font-size: 11px!important;
  color: #717171!important;
  text-transform: uppercase;
  height: 33px;
  font-weight: normal!important;
  font-style: italic;
}
.legend-rules-bullet{
  content: "";
  border-radius: 30px;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  margin-left: 10px;
  background: #5bd724;
  display: inline-block;
}
.legend-rules-triggedoff-bullet{
  content: "";
  border-radius: 30px;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  margin-left: 10px;
  background: #cccc00;
  display: inline-block;
}
.ls-board-box .box-card{
  color: #888888;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-font-smoothing:antialiased;
}

.ls-board-box .box-card.opacity-card{
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}


.ls-board-box .box-card i::before{
  font-size: 50px;
  margin: 20px auto;
}
.ls-board-box .box-card p{
  margin-top: 15px;
}

.ls-board-box .box-card:hover,
.ls-board-box .box-card:focus{
  color: #ffffff;
  background: #67E0E5;
  outline: none;
}
.ls-board-box .box-card:focus-ring {
  outline: 2px solid blue;
}

.icon-card-navegation{
  background: #949494;
  border-radius: 50px;
  width: 58px;
  height: 58px;
  position: relative;
}
.icon-card-navegation i::before{
  color: #ffffff;
  font-size: 35px!important;
  line-height: 63px;
}
.box-card:focus .icon-card-navegation::before,
.box-card:hover .icon-card-navegation::before{
  color: #f04e23;
}

.icon-card-navegation::before{
  content: "1";
  background: #f7f7f7;
  padding: 3px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: block;
  right: 0;
  bottom: 0;
  font-weight: 600;
  border-radius: 20px;
  position: absolute;
}
.ls-board-box .ls-box.ls-box-centered{
  min-height: 170px;
}
.box-card.navigation-week .icon-card-navegation::before{content: "7";}
.box-card.navigation-month .icon-card-navegation::before{content: "30";}

.ls-board-box .box-card.active:before{
  content: "";
  border-radius: 30px;
  width: 19px;
  height: 19px;
  margin-top: 4px;
  margin-right: 10px;
  background: #5bd724;
  right: 8px;
  top: 10px;
  position: absolute;
}

.ls-board-box .box-card.active-triggedoff:before{
  content: "";
  border-radius: 30px;
  width: 19px;
  height: 19px;
  margin-top: 4px;
  margin-right: 10px;
  background: #cccc00;
  right: 8px;
  top: 10px;
  position: absolute;
}


html.ls-html-nobg{
  background: #ffffff;
}
.rule-item{
  margin: 10px 0;
}
.inline-label{
  display: inline;
  float: left;
  line-height: 30px;
  padding-right: 20px;
}
.ls-theme-wine .ls-btn-primary{
  background: #149040;
  border-color: #127e38;
  color: #fff;
  font-size: 14px!important
}
.ls-theme-wine .ls-btn-primary:focus,
.ls-theme-wine .ls-btn-primary:hover{
  background: #107735;
  border-color:#107735;
}

.ls-theme-wine .ls-switch-btn input:checked+label span:after{
    background-color: #489343
}

.block-begin{
  border: 1px solid #dddddd;
  border-bottom: 4px solid #eeeeee;
  border-radius: 4px 4px 0 0 ;
}
.block-medium{
  border: 1px solid #dddddd;
  border-bottom: 4px solid #eeeeee;
  border-radius: 0;
  border-top: 0;
  margin-top: 0;
}
.block-finish{
  border: 1px solid #dddddd;
  border-bottom: 1px solid #eeeeee;
  border-radius: 0;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  margin-top: 0;
}
.ls-switch-btn{
  margin-top: 3px;
  margin-bottom: 5px;

}

.box-type{
  display: inline;
  float: left;
  width: 100px;
  height: 90px;
  padding: 10px;
  background: #f7f7f7;
  color: #949494;
  cursor: pointer;
  margin: 7px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  border-radius: 5px;
}
.box-type2{
  background: #f7f7f7;
  color: #949494;
  border-radius: 5px;
  padding: 14px;
}
.box-type2 strong{
  color: #555555;
 }

.box-type2 i:before{
  font-size: 25px!important;
  color: #949494;
  margin: auto!important;
}

.box-type.active,
.box-type:focus,
.box-type:hover{
  background: #67E0E5;
  color: #ffffff;
}

.box-type i{
  display: block;
  margin: 7px 0 5px -16px!important;
}

.box-type i:before {
   font-size: 30px;
}
.box-channel{
  background: #f7f7f7;
}

.channel-box i:before{
  font-size: 70px!important;
  color: #949494;
}

.channel-box .ls-title-5{
  margin-bottom: 0!important;
  color: #303030!important;
}

.channel-box .ls-btn-sm{
  min-width: 52px;
}

.ls-steps .ls-board-box{
  margin-top: 0!important;
}

.channel-box h2{
  color: #303030;

}
.ls-step .block-finish{
  margin-top: 0!important;
}
.ls-lnk-nav{
  padding: 0;
}

.ls-lnk-nav:before{
  color: #67E0E5!important;
  border-color: #67E0E5!important;
}

.ls-board-box .ls-box,
.ls-board-box .ls-box-filter,
.ls-board-box .ls-alert-box{
  min-height: auto;
}

.ls-modal-body .ls-box-filter{
  margin-top: 0;
}
.step-horizontal .ls-steps-nav{
  position: relative;
  top: -15px;
  clear: both;
  width: auto;
  padding-bottom: 0px;
  border-bottom: 1px solid #ccc;
}
.step-horizontal .ls-steps-nav li{
  padding-bottom: 23px!important;
  border-top: none;
  padding-top: 0px;
}
.ls-steps-nav li.ls-active:after{
  display: none;
    content: ".";
    font-weight: bold;
    font-size: 14px;
    width: 20px;
    height: 20px;
    background: #dddddd;
    z-index: 99;
    position: absolute;
    left: 10px;
    bottom: -33px;
    border: 1px solid #dddddd!important;
    top: auto;
    text-align: center;
    color: #dddddd;
    -ms-transform: rotate(136deg); /* IE 9 */
    -webkit-transform: rotate(136deg); /* Chrome, Safari, Opera */
    transform: rotate(136deg);
}
.product-send-box,
.product-box{
  border: 0;
  background: #f7f7f7;
  margin-bottom: 10px!important;
  text-align: center;
}
.product-send-box{
  padding-bottom: 30px;
  min-height: 80px;
}
.product-send-box strong,
.product-send-box p{
  font-size: 13px
}
.product-send-box p{
  color: #888888;
}
.product-send-box small{
  display: block;
  width: 100%;
}
.ls-alert-box .product-send-box  p{
  margin: 0;
}

.step-horizontal li{
  width: auto!important;
}
.ls-theme-wine .ls-tabs-nav:not(.in-dropdown) li{
  background: #5ab179;
  margin-bottom: -4px!important;
}
.ls-theme-wine .ls-tabs-nav:not(.in-dropdown) li.active:hover,
.ls-theme-wine .ls-tabs-nav:not(.in-dropdown) li:focus,
.ls-theme-wine .ls-tabs-nav:not(.in-dropdown) li:hover{
  background: #149040;
  color: #ffffff!important;
}
.ls-modal .ls-tabs-container .ls-tab-content{
  border: 0!important;
}
.ls-modal .ls-tab-content.ls-active{
  padding: 0 15px;
}

.ls-color-grey{
  color: #8f8e8e;
}

.ls-tabs-nav{
  bottom: -2px;
}
.ls-tabs-nav:not(.in-dropdown) li.ls-active a{
  padding: 13px 16px 10px;
}

.ls-btn-blue{
  background: #1d7493;
  color: #ffffff;
}

.ls-xs-line-height{
  line-height: 45px;
}

.options-rule{
  height: 720px!important;
  left: 15px!important;
  border-left: 1px solid #dcd9d9;
  padding-right: 0;
  padding-left: 0;
}
.block-begin .ls-info,
.block-medium .ls-info,
.block-finish .ls-info{
  color: #8d8d8d;
  margin-bottom: 30px;
  margin-top: 5px;
  font-size: 14px;
}
strong{
  font-size: 15px;
}
h5 .ls-btn-color-blue{
  margin-top: -4px;
  margin-left: 20px;
}
.ls-btn-color-blue{
  color: #5290d5!important;
}

.ls-info-active{
  color: #489343!important;
  text-transform: uppercase;
}

.ls-info-inactive{
  color: #d77a7a!important;
  text-transform: uppercase;
}
.he-accordeon.shandow-border{
  border: 1px #dcd9d9 solid;
  -webkit-box-shadow: 7px 3px 8px -2px #f2f1f1;
  -moz-box-shadow: 7px 3px 8px -2px #f2f1f1;
  box-shadow: 7px 3px 8px -2px #f2f1f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.module-description{
  position: relative;
}
.module-description{
  margin-top: 20px!important;
  width: auto!important;
  position: relative!important;
  display: inline!important;
  float: left!important;
}
strong.loader-text{
  text-align: justify!important;
}

.integration-item{
  display: inline-block;
  padding-bottom:30px;
}
.ls-steps-content{
  min-height: 400px;
}
.rule-container{
  display: inline-block;
  padding-bottom: 50px;
}
.rule-box{
  border: 1px solid #eee;
  padding:10px;
  width: 150px;
  height: 150px;
  float: left;
  margin:10px;
  text-align: center;
  border-radius: 5px;
}
.rule-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.rule-box img {
  display:block;
}
.rule-box h4{
  display:block;
  margin-top: -30px;
}
.rule-box.active:after {
  z-index:9;
  content: attr(data-awards) ' Ativa';
  position: absolute;
  background: #0f6cb9;
  color: white;
  width: 100%;
  line-height: 12px;
  text-align: center;
  padding: 0.5em 0;
  box-sizing: border-box;
  top: 0;
  right: 0;
  transform: rotate(45deg) translate(30%,-25%);
  transform-origin: 50% 50%;
}

.filter-btns .ls-btn.active{
  background: #e5e5e5;
}

.rule-item span{
  display: block;
  text-align: right;
  width: 100%;
  position: absolute;
  top: 10px;
  left: -20px;
  font-size: 19px;
}
.rule-container{
  display: inline-block;
  padding-bottom: 50px;
}
.rule-box{
  border: 1px solid #eee;
  padding:10px;
  width: 150px;
  height: 150px;
  float: left;
  margin:10px;
  text-align: center;
  border-radius: 5px;
}
.rule-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.rule-box img {
  display:block;
}
.rule-box h4{
  display:block;
  margin-top: -30px;
}
.rule-box.active:after {
  z-index:9;
  content: attr(data-awards) ' Ativa';
  position: absolute;
  background: #0f6cb9;
  color: white;
  width: 100%;
  line-height: 12px;
  text-align: center;
  padding: 0.5em 0;
  box-sizing: border-box;
  top: 0;
  right: 0;
  transform: rotate(45deg) translate(30%,-25%);
  transform-origin: 50% 50%;
}

.filter-btns .ls-btn.active{
  background: #e5e5e5;
}

.he-accordeon.shandow-border{
  border: 1px #dcd9d9 solid;
  -webkit-box-shadow: 7px 3px 8px -2px #f2f1f1;
  -moz-box-shadow: 7px 3px 8px -2px #f2f1f1;
  box-shadow: 7px 3px 8px -2px #f2f1f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.ls-steps-main{
  position: initial;
}
















.he-footer{
  width: 100%;
  left: 0;
  width: calc(100% - 265px);
  margin-left:265px !important;
}

.ls-sidebar-toggled .he-footer{
  width: calc(100% - 60px);
  margin-left:60px !important;
}

.ls-box.ls-box-closed #sending-stats{
  display: none;
}
.ls-box.ls-box-closed{
    min-height: 54px;
    padding-bottom: 0px;
}
.ls-box.ls-box-closed .ls-info-header{
    margin-bottom: 0px;
}

.ls-title-6-pad{
    display: block;
    padding-top: 5px;
    padding-right: 4px;
    padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .container-fluid{
    padding-bottom: 80px!important;
  }
  .table-limited{
    overflow: auto;
    width: 100%!important;
    height: auto;
    position: relative;
  }
  .table-limited:before{
    content: "";
    position: fixed;
    right: 0;
    width: 40px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);
  }
  .table-limited .grid-list{
    width: 800px!important;
  }
  .table-limited::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
  }

  .table-limited::-webkit-scrollbar-thumb{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
  }
  .table-limited {

  }

  .he-footer{
    width: 100%;
    left: 0;
    width: calc(100% - 265px);
    margin-left:265px !important;
  }

  .ls-sidebar-toggled .he-footer{
    width: calc(100% - 60px);
    margin-left:60px !important;
  }

  .step-horizontal .ls-steps-nav li{
    padding-bottom: 0!important;
  }
  .ls-theme-wine .ls-steps-nav .ls-active .ls-steps-btn{
    background: #dddddd;
  }
  .ls-lg-space.block-begin,
  .ls-lg-space.block-medium,
  .ls-lg-space.block-finish{
    padding: 25px!important;
  }
  .step-horizontal .ls-steps-nav li:before{
    content: none !important;
  }
  .step-horizontal .ls-steps-arrow{
    display:none;
  }

  .ls-lg-margin-top.border-top-tips{
      margin-top: 70px;
    }
  .step-horizontal span.ls-steps-arrow{
    display: none !important;
  }
  .step-horizontal .ls-steps-main{
    margin-left: 15px;
    border-left-width: 0px;
  }
  .he-footer{
    width: 100%;
    margin-left:0 !important;
  }
  .ls-sidebar-toggled .he-footer{
    width: calc(100% - 60px);
    margin-left:60px !important;
  }

  .select-mobile{
    background: #1ab551;
    padding: 7px;
    color: #ffffff!important;
    text-align: center!important;
    cursor: pointer;
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    font-size: 13px;
    white-space: normal;
    color: black;
    vertical-align: top;
    font-weight: normal;
    -webkit-appearance: none;
  }
  .box-type{
    width: 125px;
  }

  .legend-rules::before{
    margin-top: 0;
  }
  .preview{
      padding: 0!important;
  }
  .ls-steps-mobile{
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1150px) {
    .he-brand-name {
        max-width: 390px
    }
}

@media screen and (min-width: 1300px) {
    .he-brand-name {
        max-width: 500px
    }
}
@media screen and (min-width: 1500px) {
    .he-brand-name {
        max-width: 700px
    }
}

@media (max-width: 800px) {
  .ls-steps-nav li.ls-active:after{
    display: none;
  }
  .ls-board-box .ls-box.ls-box-centered{
    min-height: 162px!important;
    padding-top: 40px;
  }
  .rule-item{
    width: 50%;
    margin: 0;
    display: inline;
    float: left;
  }
  strong.loader-text{
    font-size: 21px!important;
  }
}