#karma-lightbox-opened {
  align-items: center;
  background-color: rgba(51, 51, 51, 0.9);
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow-y: scroll;
  padding: 24px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100000; }
  #karma-lightbox-opened .karma-lightbox-close {
    background: transparent;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #FFF;
    cursor: pointer;
    display: block;
    filter: alpha(opacity=65);
    font-family: Arial,Baskervill;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: .65;
    outline: 0;
    overflow: visible;
    padding: 0 0 18px 10px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px;
    z-index: 1046;
    -webkit-appearance: none; }
  #karma-lightbox-opened .karma-lightbox-loading {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
  #karma-lightbox-opened img {
    box-shadow: 0 0 6px 3px #333;
    display: initial;
    max-height: 100%;
    max-width: 100%; }

.karma-image-lightbox-active {
  overflow: hidden; }

.karma-color-picker-icon {
  border: 1px solid rgba(57, 73, 89, 0.2);
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 15px;
  margin: 10px 7px;
  width: 15px; }

.karma-color-picker-input {
  display: none; }

.karma-color-picker-container {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(57, 73, 89, 0.2);
  display: none;
  padding: 15px 0;
  position: absolute;
  width: 157px;
  z-index: 100; }
  .karma-color-picker-container:after {
    background-color: #fff;
    box-shadow: -2px -2px 5px 0 rgba(57, 73, 89, 0.08);
    content: '';
    display: block;
    height: 10px;
    left: 45%;
    position: absolute;
    top: -4px;
    transform: rotate(45deg);
    width: 10px; }
  .karma-color-picker-container .karma-color-picker-mode {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-bottom: 15px; }
    .karma-color-picker-container .karma-color-picker-mode span {
      color: #415364;
      cursor: pointer;
      font-size: 14px;
      line-height: 1.14em;
      opacity: 1;
      transition: all .3s; }
      .karma-color-picker-container .karma-color-picker-mode span:hover {
        opacity: 0.8; }
    .karma-color-picker-container .karma-color-picker-mode .active {
      color: #419CF8;
      font-family: HelveticaNeue_med; }
    .karma-color-picker-container .karma-color-picker-mode .first-color {
      text-align: left; }
    .karma-color-picker-container .karma-color-picker-mode .second-color {
      text-align: right; }
  .karma-color-picker-container .karma-color-picker-preset-colors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 13.5px; }
    .karma-color-picker-container .karma-color-picker-preset-colors .karma-color-picker-preset-color {
      border: 1px solid rgba(57, 73, 89, 0.2);
      border-radius: 50%;
      cursor: pointer;
      display: inline-block;
      height: 23px;
      margin: 4.5px;
      width: 23px; }
      .karma-color-picker-container .karma-color-picker-preset-colors .karma-color-picker-preset-color:before {
        background: url("../../builder/media/transparent.jpg") no-repeat center center transparent;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 22px;
        position: relative;
        width: 22px;
        z-index: -1; }
    .karma-color-picker-container .karma-color-picker-preset-colors .selected {
      background: url("../../builder/media/svg/tik.svg") no-repeat center center transparent;
      background-size: 17px; }
    .karma-color-picker-container .karma-color-picker-preset-colors .karma-color-picker-choose-color {
      color: #B0B6BD;
      line-height: 19px;
      text-align: center; }
      .karma-color-picker-container .karma-color-picker-preset-colors .karma-color-picker-choose-color:before {
        content: '+';
        display: block;
        background: none;
        top: -1px; }
      .karma-color-picker-container .karma-color-picker-preset-colors .karma-color-picker-choose-color .spectrum-color-preview {
        display: inline-block;
        height: 1px;
        visibility: hidden;
        width: 1px; }
    .karma-color-picker-container .karma-color-picker-preset-colors .karma-no-color {
      color: #B0B6BD;
      line-height: 19px;
      text-align: center;
      overflow: hidden; }
      .karma-color-picker-container .karma-color-picker-preset-colors .karma-no-color:before {
        background: none;
        content: '/';
        font-size: 30px;
        display: block; }
      .karma-color-picker-container .karma-color-picker-preset-colors .karma-no-color.selected {
        background: none; }

.karma-color-picker-container.karma-color-picker-opened {
  display: block; }

.grid-resizer-noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.rangeslider {
  background: #e6e6e6;
  position: relative; }

.rangeslider--horizontal {
  height: 20px;
  width: 100%; }

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%; }

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

.rangeslider__fill {
  background: #00ff00;
  position: absolute; }

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%; }

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%; }

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y; }

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x; }

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); }

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden; }

.sp-container.sp-flat {
  position: relative; }

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block; }

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%; }

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%; }

.sp-vertical-alpha .sp-hue {
  right: 15px; }

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%; }

.sp-fill {
  padding-top: 80%; }

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px; }

.sp-alpha-enabled .sp-alpha {
  display: block; }

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8; }

.sp-vertical-alpha .sp-top {
  margin-bottom: 3px; }

.sp-vertical-alpha .sp-alpha-handle {
  left: -2;
  height: 3px;
  bottom: auto;
  width: 10px; }

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px; }

.sp-vertical-alpha .sp-alpha {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 10px;
  left: auto;
  height: 100%; }

.sp-clear-enabled.sp-vertical-alpha .sp-alpha {
  top: 33px;
  height: 77.5%; }

.sp-alpha-inner {
  border: solid 1px #333; }

.sp-clear {
  display: none; }

.sp-clear.sp-clear-display {
  background-position: center; }

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px; }

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none; }

.sp-container.sp-input-disabled .sp-input-container {
  display: none; }

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none; }

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none; }

.sp-palette-only .sp-picker-container {
  display: none; }

.sp-palette-disabled .sp-palette-container {
  display: none; }

.sp-initial-disabled .sp-initial {
  display: none; }

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }

.sp-hidden {
  display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table; }

.sp-cf:after {
  clear: both; }

.sp-cf {
  *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%; }

  .sp-hue {
    left: 63%; }

  .sp-fill {
    padding-top: 60%; } }
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0; }

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8; }

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0; }

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  /*font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.sp-top {
  margin-bottom: 3px; }

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #666; }

/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px; }

.sp-initial-disabled .sp-input-container {
  width: 100%; }

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222; }

.sp-input:focus {
  border: 1px solid orange; }

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd; }

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  /*padding-bottom: 300px;
  margin-bottom: -290px;*/ }

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff; }

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc; }

.sp-palette-only .sp-palette-container {
  border: 0; }

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent; }

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange; }

.sp-thumb-el {
  position: relative; }

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333; }

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0; }

.sp-initial .sp-clear-display {
  background-position: center; }

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right; }

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0px;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle; }

.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111; }

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver; }

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px; }

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0; }

.sp-palette {
  *width: 220px;
  max-width: 220px; }

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0; }

.sp-container {
  padding-bottom: 0; }

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle; }

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd; }

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none; }

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline; }

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000; }

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }

#karma-video-popup-opened {
  align-items: center;
  animation: open-video-popup-animation 0.5s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
  background-color: rgba(51, 51, 51, 0.9);
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  padding: 24px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100000; }
  #karma-video-popup-opened .karma-video-popup-close {
    background: transparent;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #FFF;
    cursor: pointer;
    display: block;
    filter: alpha(opacity=65);
    font-family: Arial,Baskervill;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: .65;
    outline: 0;
    overflow: visible;
    padding: 0 0 18px 10px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px;
    z-index: 1046;
    -webkit-appearance: none; }
  #karma-video-popup-opened #karma-video-popup-opened {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
  #karma-video-popup-opened iframe {
    animation: open-video-popup-animation 0.5s cubic-bezier(0.55, -0.04, 0.91, 0.94) 0.4s forwards;
    background-color: #fff;
    min-height: 309px;
    max-height: 70vh;
    max-width: 58.4vw;
    opacity: 0;
    min-width: 550px; }
  #karma-video-popup-opened.karma-close-video-popup {
    animation: close-video-popup-animation 0.4s cubic-bezier(0.39, 0.35, 0.54, 0.92) forwards; }
    #karma-video-popup-opened.karma-close-video-popup iframe {
      animation: close-video-popup-animation 0.2s cubic-bezier(0.39, 0.35, 0.54, 0.92) forwards; }

.karma-image-lightbox-active {
  overflow: hidden; }

@keyframes open-video-popup-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes close-video-popup-animation {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/*
This file is used to contain all helper imports.
Files inside this folder can contain abstract settings, helpers or functions. They have no direct output.
*/
/** builder Font  **/
/** Builder Colors **/
/* Builder Major Levels */
/* spaces */
/**
 * Media queries
 * @group helpers
 * @param {String} $size - kind of size such as: small
 * @param {string} $type - Max or Min for width
 * @param {Number} $pixels - when use custom use this pixels
 * @require $breakpoint-small , $breakpoint-med-small , $breakpoint-med
 * @output media query for responsive
 */
/**
 * Centering elements
 * @group helpers
 * @param {String} $position - kind of center alignment such as: vertical
 * @output top left and transform of element
 */
/**
 * External fonts
 * @group helpers
 * @param {String} $font-name - name of font
 * @param {string} $file-name - url of font sorce
 * @param {Number} $weight - weight of font
 * @param {string}  $style - style of font
 * @output read font and give it font-weight and font-style
 */
/**
 * Adding dimensions
 * @group helpers
 * @param {Number} $width - width of box(element) 
 * @param {Number}  $height - height of box
 * @output give width and height 
 */
/**
 * Element Direction mixin
 * @group helpers
 * @param {Number} $top - set Element Direction top
 * @param {Number} $right - set Element Direction right
 * @param {Number} $bottom - set Element Direction bottom
 * @param {Number} $left - set Element Direction left
 * @output all side margin
 */
/**
 * Centering a block
 * @group helpers
 * @output with display block and margin center element
 */
/**
 * flexbox
 * @group helpers
 * @output with display flex and  center element
 */
/**
 * Unselectable
 * @group helpers
 * @output make unselectable element
 */
/**
 * check justify content and align item (use for image position)
 * @group helpers
 * @output justify content and align item
 */
/**
 * Remove the unit of a length
 * @group helpers
 * @output responsive text
 */
/**
 * text responsive to change font size
 * @group helpers
 * @output responsive text
 */
/**
 * mixin for border button
 * @group helpers
 * @output border button
 */
/**
 * mixin for border button
 * @group helpers
 * @output border button
 */
/**
 * mixin for oval button
 * @group helpers
 * @output oval button
 */
/**
 * mixin for oval with icon button
 * @group helpers
 * @output oval with icon button
 */
/**
 * mixin for input number type
 * @group helpers
 * @output input number type
 */
/**
 * mixin for input number type
 * @group helpers
 * @output input number type
 */
/**
 * mixin for dropDown button
 * @group helpers
 * @output dropDown button
 */
/**
 * mixin for radio button
 * @group helpers
 * @output radio button
 */
/**
 * mixin for box color and border radius
 * @group helpers
 * @output box color
 */
@keyframes load_delete_overlay {
  00% {
    opacity: 0;
    visibility: hidden;
    background-color: transparent; }
  100% {
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.3); } }
@keyframes close_delete_overlay {
  00% {
    background-color: rgba(0, 0, 0, 0.3); }
  100% {
    background-color: transparent; } }
@keyframes load_delete_box {
  0% {
    opacity: 0;
    transform: scale(0.6); }
  25% {
    opacity: .3;
    transform: scale(0.7); }
  50% {
    opacity: .6;
    transform: scale(0.8); }
  75% {
    opacity: .8;
    transform: scale(0.9); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes close_delete_box {
  00% {
    opacity: 1;
    transform: scale(1); }
  25% {
    opacity: .8;
    transform: scale(1); }
  50% {
    opacity: .6;
    transform: scale(0.9); }
  75% {
    opacity: .3;
    transform: scale(0.8); }
  100% {
    opacity: 0;
    transform: scale(0.7); } }
/**
 * mixin for publish button
 * @group helpers
 * @output publish button
 */
.center-both-flex, .karma-page-popup-container .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon, .karma-builder-toolbar, #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg, #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg .revert-svg, #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg .karma-setting-panel-close-svg, .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon, #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view, #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view-border .karma-add-column-view-add {
  align-items: center;
  display: flex;
  justify-content: center; }

.space-between, .karma-page-popup-container .karma-dropdown-body .karma-dropdown-header, .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-header {
  display: flex;
  justify-content: space-between; }

.space-around {
  display: flex;
  justify-content: space-around; }

.karma-remove-list-margin,
.karma-remove-list-margin li {
  margin: 0; }

@keyframes scaleUP {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
/* Classes to extend for fonts */
.karma-builder-title-1, .karma-blank-page-container .karma-blank-page-description {
  font-size: 20px;
  line-height: 32px; }

.karma-builder-title-2, .karma-delete-message-box .karma-delete-message-container {
  font-size: 16px;
  line-height: 28px; }

.karma-builder-title-3, .karma-typography-box-style, .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-input .karma-dropdown-selected-item, .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-create-button, .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-cancel-button, .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-cancel-btn, .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-start-btn, .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-price, .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-delete-button, .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-cancel-button, .karma-builder-toolbar .karma-builder-left ul > li, .karma-builder-toolbar .karma-builder-right ul li, .karma-builder-toolbar .karma-builder-right ul li.builder-user-profile div, #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-title, .karma-dropdown-controller, .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-gizmo-multi-drop-down-content-box .karma-gizmo-multi-drop-down-text, .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-container .karma-all-controller-title, #karma-element-setting-panel-container .karma-title-with-background-controller div.karma-title-with-background-field, .karma-title-controller div.karma-title-field, .karma-radio-image-controller .radio-image-controller-label, .karma-setting-panel-group-container button.karma-setting-panel-group-button p, .karma-range-slider-container .karma-range-slider-number label, .karma-slider-controller-title, #karma-element-setting-panel-container .grid-controller-template .karma-add-column-button button, .karma-check-box-controller .check-box-controller-template .karma-check-box-title, .karma-image-position-container .karma-all-controller-title, #karma-element-setting-panel-container .karma-switch-panel-container .karma-switch-panel-button, #karma-element-setting-panel-container .karma-switch-panel-container .karma-switch-panel-button p, .karma-upload-image-content .karma-image-buttons, #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-button, #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent-title, #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-addcontent-name, #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-button, #karma-add-element .karma-builder-element-panel-gather-menu ul, .karma-color-picker-controller .color-picker-controller-template .karma-color-picker-title {
  font-size: 14px;
  line-height: 16px; }

.karma-builder-title-4, .ui-tooltip, .karma-not-found, .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down input.karma-text-link, .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-link-open-new-tab-text, .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down .karma-typography-link a, .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-text, #karma-element-setting-panel-container .karma-text-input-controller input.karma-text-input-field, #karma-element-setting-panel-container .karma-text-input-controller input.karma-text-input-field::placeholder, .karma-radio-image-controller .radio-image-controller-template .radio-image-controller-title, .karma-range-slider-container .karma-range-slider-number input, .karma-unsplash-controller .karma-unsplash-search input, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-search input, .karma-unsplash-controller .karma-unsplash-search input::placeholder, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-search input::placeholder, .karma-unsplash-controller .karma-unsplash-images-result.unsplash-empty-result, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result.unsplash-empty-result, #karma-add-element .karma-element-panel-list .karma-element-single-element span, #karma-add-element input.karma-builder-search-text, #karma-add-element input.karma-builder-search-text.open-search-panel, .karma-element-single-element-name span, .karma-section-type-tab ul li .karma-section-type-text {
  font-size: 12px;
  line-height: 22px; }

.karma-builder-title-5, .karma-unsplash-controller .karma-unsplash-search input::placeholder, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-search input::placeholder {
  font-size: 10px;
  line-height: 20px; }

.karma-paragraph, #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-description, #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-description {
  font-size: 14px;
  line-height: 24px; }

.karma-coming-soon-typo, #karma-add-element .element-panel-section-container.element-panel-deactive-part .deactivate-title {
  color: #394959;
  font-family: "HelveticaNeue_med";
  font-size: 12px;
  line-height: 15px;
  margin: 38px 38px 35px; }

.karma-colorpicker-style-border-radius, .sp-vertical-alpha .sp-hue, .sp-vertical-alpha .sp-alpha, .sp-alpha .sp-alpha-inner {
  border-radius: 23px; }

.karma-colorpicker-style-border-radius-box, .sp-color, .sp-val, .sp-val .sp-dragger, .sp-container.sp-light, .sp-top-inner .sp-color, .sp-top-inner .sp-hue, .sp-clear {
  border-radius: 5px; }

.karma-button-padding, .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-create-button, .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-cancel-btn, .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-start-btn, .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-delete-button, .karma-upload-image-content .karma-image-buttons, #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-button, #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-button {
  padding: 0 20px; }

.karma-hide {
  display: none; }

.karma-builder-shadow-box-1 {
  box-shadow: 0 2px 4px 0 rgba(57, 73, 89, 0.2); }

.karma-builder-shadow-box-2, .karma-builder-environment .karma-builder-element .karma-gizmo-template, .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box {
  box-shadow: 0 2px 12px 0 rgba(57, 73, 89, 0.2); }

.karma-builder-shadow-box-3, .karma-delete-message-box .karma-delete-message-container, .sp-container.sp-light {
  box-shadow: 0 4px 15px 4px rgba(57, 73, 89, 0.2); }

.karma-dropdown-option, .karma-dropdown-controller .karma-dropdown-option, #karma-add-element .karma-builder-element-panel-gather-menu ul li {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  padding: 10px;
  transition: background-color .2s; }
  .karma-dropdown-option .karma-dropdown-option-title, #karma-add-element .karma-builder-element-panel-gather-menu ul li .karma-dropdown-option-title {
    transition: color .2s; }
  .karma-dropdown-option.karma-selected-dropdown-option, #karma-add-element .karma-builder-element-panel-gather-menu ul li.karma-selected-dropdown-option {
    background-color: #ECF5FE; }
    .karma-dropdown-option.karma-selected-dropdown-option .karma-dropdown-option-title, #karma-add-element .karma-builder-element-panel-gather-menu ul li.karma-selected-dropdown-option .karma-dropdown-option-title {
      color: #419CF8;
      font-family: "HelveticaNeue_med"; }
  .karma-dropdown-option:not(.karma-selected-dropdown-option):hover .karma-dropdown-option-title, #karma-add-element .karma-builder-element-panel-gather-menu ul li:not(.karma-selected-dropdown-option):hover .karma-dropdown-option-title {
    color: #419CF8; }
  .karma-dropdown-option .karma-dropdown-option-icon, #karma-add-element .karma-builder-element-panel-gather-menu ul li .karma-dropdown-option-icon {
    margin-right: 15px; }

.dot-gizmo, .karma-active-element[data-name="karma_image"] .left-crop .crop-dot, .karma-active-element[data-name="karma_image"] .right-crop .crop-dot, .karma-active-element[data-name="karma_image"] .bottom-crop .crop-dot, .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-dot {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 1px solid #419CF8;
  border-radius: 100%;
  box-sizing: border-box;
  position: absolute;
  z-index: 90; }
  .dot-gizmo:after, .karma-active-element[data-name="karma_image"] .left-crop .crop-dot:after, .karma-active-element[data-name="karma_image"] .right-crop .crop-dot:after, .karma-active-element[data-name="karma_image"] .bottom-crop .crop-dot:after, .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-dot:after {
    width: 22px;
    height: 22px;
    content: ""; }

.karma-typography-box-style {
  align-items: center;
  justify-content: space-between;
  display: flex;
  text-align: center;
  color: #419CF8;
  flex-basis: 35%;
  font-family: "HelveticaNeue_med"; }

@font-face {
  font-family: HelveticaNeue_bold;
  src: url("../font/helvetiva_bold.ttf");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: HelveticaNeue;
  src: url("../font/helvetica.ttf");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: HelveticaNeue_med;
  src: url("../font/helvetica_med.ttf");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: HelveticaNeue_light;
  src: url("../font/helvetica_light.ttf");
  font-weight: 300;
  font-style: normal; }
/* _-_-_- base/RESET -_-_-_ */
#karma-element-setting-panel-container * {
  font-weight: 400;
  font-family: "HelveticaNeue"; }
#karma-element-setting-panel-container button,
#karma-element-setting-panel-container form {
  margin: 0;
  background: transparent; }
#karma-element-setting-panel-container button,
#karma-element-setting-panel-container input[type="text"],
#karma-element-setting-panel-container input[type="number"] {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  outline: none;
  text-transform: none; }
  #karma-element-setting-panel-container button:focus, #karma-element-setting-panel-container button:active,
  #karma-element-setting-panel-container input[type="text"]:focus,
  #karma-element-setting-panel-container input[type="text"]:active,
  #karma-element-setting-panel-container input[type="number"]:focus,
  #karma-element-setting-panel-container input[type="number"]:active {
    box-shadow: none;
    outline: none; }
#karma-element-setting-panel-container hr {
  border: 0;
  height: 1px;
  background: #D7DBDE; }

div#karma-builder-layout img {
  visibility: inherit; }

#karma-add-element html, #karma-add-element body, #karma-add-element span, #karma-add-element object, #karma-add-element iframe,
#karma-add-element h1, #karma-add-element h2, #karma-add-element h3, #karma-add-element h4, #karma-add-element h5, #karma-add-element h6, #karma-add-element p, #karma-add-element blockquote, #karma-add-element pre,
#karma-add-element abbr, #karma-add-element address, #karma-add-element cite, #karma-add-element code,
#karma-add-element del, #karma-add-element dfn, #karma-add-element em, #karma-add-element img, #karma-add-element ins, #karma-add-element kbd, #karma-add-element q, #karma-add-element samp,
#karma-add-element small, #karma-add-element strong, #karma-add-element sub, #karma-add-element sup, #karma-add-element var,
#karma-add-element b, #karma-add-element i,
#karma-add-element dl, #karma-add-element dt, #karma-add-element dd, #karma-add-element ol, #karma-add-element ul, #karma-add-element li,
#karma-add-element fieldset, #karma-add-element button, #karma-add-element form, #karma-add-element label, #karma-add-element legend,
#karma-add-element table, #karma-add-element caption, #karma-add-element tbody, #karma-add-element tfoot, #karma-add-element thead, #karma-add-element tr, #karma-add-element th, #karma-add-element td,
#karma-add-element article, #karma-add-element aside, #karma-add-element canvas, #karma-add-element details, #karma-add-element figcaption, #karma-add-element figure,
#karma-add-element footer, #karma-add-element header, #karma-add-element hgroup, #karma-add-element menu, #karma-add-element nav, #karma-add-element section, #karma-add-element summary,
#karma-add-element time, #karma-add-element mark, #karma-add-element audio, #karma-add-element video, #karma-add-element input[class*="karma"] {
  animation: none;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0s;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: none;
  animation-play-state: running;
  animation-timing-function: ease;
  backface-visibility: visible;
  background: 0;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border: 0;
  border-style: none;
  border-width: medium;
  border-color: inherit;
  border-bottom: 0;
  border-bottom-color: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-collapse: separate;
  border-image: none;
  border-left: 0;
  border-left-color: inherit;
  border-left-style: none;
  border-left-width: medium;
  border-radius: 0;
  border-right: 0;
  border-right-color: inherit;
  border-right-style: none;
  border-right-width: medium;
  border-spacing: 0;
  border-top: 0;
  border-top-color: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-style: none;
  border-top-width: medium;
  bottom: auto;
  box-shadow: none;
  box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  columns: auto;
  column-count: auto;
  column-fill: balance;
  column-gap: normal;
  column-rule: medium none currentColor;
  column-rule-color: currentColor;
  column-rule-style: none;
  column-rule-width: none;
  column-span: 1;
  column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  display: inline;
  empty-cells: show;
  float: none;
  font-family: "HelveticaNeue";
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: auto;
  hyphens: none;
  left: auto;
  letter-spacing: normal;
  line-height: normal;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 0;
  outline: 0;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  position: static;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes: '\201C' '\201D' '\2018' '\2019';
  right: auto;
  tab-size: 8;
  table-layout: auto;
  text-align: inherit;
  text-align-last: auto;
  text-decoration: none;
  text-decoration-color: inherit;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-style: flat;
  transition: none;
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: none;
  transition-timing-function: ease;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 0;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  /* basic modern patch */
  all: initial;
  all: unset; }
  #karma-add-element html:active, #karma-add-element html:focus, #karma-add-element body:active, #karma-add-element body:focus, #karma-add-element span:active, #karma-add-element span:focus, #karma-add-element object:active, #karma-add-element object:focus, #karma-add-element iframe:active, #karma-add-element iframe:focus,
  #karma-add-element h1:active,
  #karma-add-element h1:focus, #karma-add-element h2:active, #karma-add-element h2:focus, #karma-add-element h3:active, #karma-add-element h3:focus, #karma-add-element h4:active, #karma-add-element h4:focus, #karma-add-element h5:active, #karma-add-element h5:focus, #karma-add-element h6:active, #karma-add-element h6:focus, #karma-add-element p:active, #karma-add-element p:focus, #karma-add-element blockquote:active, #karma-add-element blockquote:focus, #karma-add-element pre:active, #karma-add-element pre:focus,
  #karma-add-element abbr:active,
  #karma-add-element abbr:focus, #karma-add-element address:active, #karma-add-element address:focus, #karma-add-element cite:active, #karma-add-element cite:focus, #karma-add-element code:active, #karma-add-element code:focus,
  #karma-add-element del:active,
  #karma-add-element del:focus, #karma-add-element dfn:active, #karma-add-element dfn:focus, #karma-add-element em:active, #karma-add-element em:focus, #karma-add-element img:active, #karma-add-element img:focus, #karma-add-element ins:active, #karma-add-element ins:focus, #karma-add-element kbd:active, #karma-add-element kbd:focus, #karma-add-element q:active, #karma-add-element q:focus, #karma-add-element samp:active, #karma-add-element samp:focus,
  #karma-add-element small:active,
  #karma-add-element small:focus, #karma-add-element strong:active, #karma-add-element strong:focus, #karma-add-element sub:active, #karma-add-element sub:focus, #karma-add-element sup:active, #karma-add-element sup:focus, #karma-add-element var:active, #karma-add-element var:focus,
  #karma-add-element b:active,
  #karma-add-element b:focus, #karma-add-element i:active, #karma-add-element i:focus,
  #karma-add-element dl:active,
  #karma-add-element dl:focus, #karma-add-element dt:active, #karma-add-element dt:focus, #karma-add-element dd:active, #karma-add-element dd:focus, #karma-add-element ol:active, #karma-add-element ol:focus, #karma-add-element ul:active, #karma-add-element ul:focus, #karma-add-element li:active, #karma-add-element li:focus,
  #karma-add-element fieldset:active,
  #karma-add-element fieldset:focus, #karma-add-element button:active, #karma-add-element button:focus, #karma-add-element form:active, #karma-add-element form:focus, #karma-add-element label:active, #karma-add-element label:focus, #karma-add-element legend:active, #karma-add-element legend:focus,
  #karma-add-element table:active,
  #karma-add-element table:focus, #karma-add-element caption:active, #karma-add-element caption:focus, #karma-add-element tbody:active, #karma-add-element tbody:focus, #karma-add-element tfoot:active, #karma-add-element tfoot:focus, #karma-add-element thead:active, #karma-add-element thead:focus, #karma-add-element tr:active, #karma-add-element tr:focus, #karma-add-element th:active, #karma-add-element th:focus, #karma-add-element td:active, #karma-add-element td:focus,
  #karma-add-element article:active,
  #karma-add-element article:focus, #karma-add-element aside:active, #karma-add-element aside:focus, #karma-add-element canvas:active, #karma-add-element canvas:focus, #karma-add-element details:active, #karma-add-element details:focus, #karma-add-element figcaption:active, #karma-add-element figcaption:focus, #karma-add-element figure:active, #karma-add-element figure:focus,
  #karma-add-element footer:active,
  #karma-add-element footer:focus, #karma-add-element header:active, #karma-add-element header:focus, #karma-add-element hgroup:active, #karma-add-element hgroup:focus, #karma-add-element menu:active, #karma-add-element menu:focus, #karma-add-element nav:active, #karma-add-element nav:focus, #karma-add-element section:active, #karma-add-element section:focus, #karma-add-element summary:active, #karma-add-element summary:focus,
  #karma-add-element time:active,
  #karma-add-element time:focus, #karma-add-element mark:active, #karma-add-element mark:focus, #karma-add-element audio:active, #karma-add-element audio:focus, #karma-add-element video:active, #karma-add-element video:focus, #karma-add-element input[class*="karma"]:active, #karma-add-element input[class*="karma"]:focus {
    box-shadow: none;
    outline: none; }
  #karma-add-element html:before, #karma-add-element body:before, #karma-add-element span:before, #karma-add-element object:before, #karma-add-element iframe:before,
  #karma-add-element h1:before, #karma-add-element h2:before, #karma-add-element h3:before, #karma-add-element h4:before, #karma-add-element h5:before, #karma-add-element h6:before, #karma-add-element p:before, #karma-add-element blockquote:before, #karma-add-element pre:before,
  #karma-add-element abbr:before, #karma-add-element address:before, #karma-add-element cite:before, #karma-add-element code:before,
  #karma-add-element del:before, #karma-add-element dfn:before, #karma-add-element em:before, #karma-add-element img:before, #karma-add-element ins:before, #karma-add-element kbd:before, #karma-add-element q:before, #karma-add-element samp:before,
  #karma-add-element small:before, #karma-add-element strong:before, #karma-add-element sub:before, #karma-add-element sup:before, #karma-add-element var:before,
  #karma-add-element b:before, #karma-add-element i:before,
  #karma-add-element dl:before, #karma-add-element dt:before, #karma-add-element dd:before, #karma-add-element ol:before, #karma-add-element ul:before, #karma-add-element li:before,
  #karma-add-element fieldset:before, #karma-add-element button:before, #karma-add-element form:before, #karma-add-element label:before, #karma-add-element legend:before,
  #karma-add-element table:before, #karma-add-element caption:before, #karma-add-element tbody:before, #karma-add-element tfoot:before, #karma-add-element thead:before, #karma-add-element tr:before, #karma-add-element th:before, #karma-add-element td:before,
  #karma-add-element article:before, #karma-add-element aside:before, #karma-add-element canvas:before, #karma-add-element details:before, #karma-add-element figcaption:before, #karma-add-element figure:before,
  #karma-add-element footer:before, #karma-add-element header:before, #karma-add-element hgroup:before, #karma-add-element menu:before, #karma-add-element nav:before, #karma-add-element section:before, #karma-add-element summary:before,
  #karma-add-element time:before, #karma-add-element mark:before, #karma-add-element audio:before, #karma-add-element video:before, #karma-add-element input[class*="karma"]:before {
    border: none; }
  #karma-add-element html:after, #karma-add-element body:after, #karma-add-element span:after, #karma-add-element object:after, #karma-add-element iframe:after,
  #karma-add-element h1:after, #karma-add-element h2:after, #karma-add-element h3:after, #karma-add-element h4:after, #karma-add-element h5:after, #karma-add-element h6:after, #karma-add-element p:after, #karma-add-element blockquote:after, #karma-add-element pre:after,
  #karma-add-element abbr:after, #karma-add-element address:after, #karma-add-element cite:after, #karma-add-element code:after,
  #karma-add-element del:after, #karma-add-element dfn:after, #karma-add-element em:after, #karma-add-element img:after, #karma-add-element ins:after, #karma-add-element kbd:after, #karma-add-element q:after, #karma-add-element samp:after,
  #karma-add-element small:after, #karma-add-element strong:after, #karma-add-element sub:after, #karma-add-element sup:after, #karma-add-element var:after,
  #karma-add-element b:after, #karma-add-element i:after,
  #karma-add-element dl:after, #karma-add-element dt:after, #karma-add-element dd:after, #karma-add-element ol:after, #karma-add-element ul:after, #karma-add-element li:after,
  #karma-add-element fieldset:after, #karma-add-element button:after, #karma-add-element form:after, #karma-add-element label:after, #karma-add-element legend:after,
  #karma-add-element table:after, #karma-add-element caption:after, #karma-add-element tbody:after, #karma-add-element tfoot:after, #karma-add-element thead:after, #karma-add-element tr:after, #karma-add-element th:after, #karma-add-element td:after,
  #karma-add-element article:after, #karma-add-element aside:after, #karma-add-element canvas:after, #karma-add-element details:after, #karma-add-element figcaption:after, #karma-add-element figure:after,
  #karma-add-element footer:after, #karma-add-element header:after, #karma-add-element hgroup:after, #karma-add-element menu:after, #karma-add-element nav:after, #karma-add-element section:after, #karma-add-element summary:after,
  #karma-add-element time:after, #karma-add-element mark:after, #karma-add-element audio:after, #karma-add-element video:after, #karma-add-element input[class*="karma"]:after {
    border: none; }
#karma-add-element .karma-not-found {
  display: none; }
#karma-add-element .nicescroll-rails {
  background-color: transparent;
  width: 0 !important; }
#karma-add-element .minimal-form-input {
  padding-top: 0; }

/* _-_-_- base/BASE -_-_-_ */
body {
  margin: 0;
  will-change: contents;
  font-family: "HelveticaNeue"; }
  body button {
    margin: 0;
    padding: 0;
    line-height: .8em; }
  body iframe {
    border: 2px solid rgba(68, 83, 99, 0.22);
    height: calc( 100vh - 49px );
    width: 100%;
    transition: .4s;
    will-change: contents; }
  body div.karma-element-content {
    font-size: initial; }
  body .karma-full-separator {
    width: 100%;
    height: 1px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    color: #D7DBDE;
    position: absolute;
    margin: 20px 0 0; }
  body .karma-container-separator {
    width: calc( 100% - 40px );
    height: 1px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 20px;
    color: #D7DBDE;
    margin: 0;
    position: absolute; }

.karma-builder-element.karma-element-alignment-left {
  display: flex;
  justify-content: flex-start; }
.karma-builder-element.karma-element-alignment-center {
  display: flex;
  justify-content: center; }
.karma-builder-element.karma-element-alignment-right {
  display: flex;
  justify-content: flex-end; }

.ui-draggable-dragging {
  pointer-events: none !important; }

#karma-builder-layout h1, #karma-builder-layout h2, #karma-builder-layout h3, #karma-builder-layout h4, #karma-builder-layout h5, #karma-builder-layout h6, #karma-builder-layout p, #karma-builder-layout a {
  margin: 0;
  word-wrap: break-word;
  word-break: break-word; }

@media screen and (max-width: 768px) {
  .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box {
    padding: 35px !important; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container {
      min-width: 80%; }

  .karma-builder-element[data-name="karma_video_box"] .karma-video-box {
    padding: 35px !important; }

  #karma-builder-layout h1 {
    font-size: 42px;
    line-height: 54px; }
  #karma-builder-layout h2 {
    font-size: 35px;
    line-height: 45px; }
  #karma-builder-layout h3 {
    font-size: 24px;
    line-height: 34px; }
  #karma-builder-layout h4 {
    font-size: 20px;
    line-height: 30px; }
  #karma-builder-layout h5 {
    font-size: 18px;
    line-height: 28px; }
  #karma-builder-layout h6 {
    font-size: 16px;
    line-height: 26px; }
  #karma-builder-layout p {
    font-size: 14px;
    line-height: 24px; }

  .karma-builder-element[data-name="karma_image"] .karma-image-container .karma-image-resize {
    max-width: 100%;
    width: auto !important; }
    .karma-builder-element[data-name="karma_image"] .karma-image-container .karma-image-resize .karma-image-resize-crop {
      max-width: 100%;
      width: auto !important; } }
@media screen and (max-width: 575px) {
  .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box {
    padding: 29px !important; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container {
      min-width: 80%; }

  .karma-builder-element[data-name="karma_video_box"] .karma-image-text-box {
    padding: 29px !important; }

  #karma-builder-layout h1 {
    font-size: 30px;
    line-height: 40px; }
  #karma-builder-layout h2 {
    font-size: 28px;
    line-height: 38px; }
  #karma-builder-layout h3 {
    font-size: 24px;
    line-height: 34px; }
  #karma-builder-layout h4 {
    font-size: 20px;
    line-height: 30px; }
  #karma-builder-layout h5 {
    font-size: 18px;
    line-height: 28px; }
  #karma-builder-layout h6 {
    font-size: 15px;
    line-height: 25px; }
  #karma-builder-layout p {
    font-size: 14px;
    line-height: 24px; }

  .karma-builder-element[data-name="karma_image"] .karma-image-container .karma-image-resize {
    max-width: 100%;
    width: auto !important; }
    .karma-builder-element[data-name="karma_image"] .karma-image-container .karma-image-resize .karma-image-resize-crop {
      max-width: 100%;
      width: auto !important; } }
@-ms-viewport {
  width: device-width; }
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.karma-section {
  display: flex;
  justify-content: center;
  position: relative; }

.karma-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%; }

@media (max-width: 576px) {
  .karma-container {
    max-width: 95%; } }
@media (max-width: 768px) {
  .karma-container {
    max-width: 720px; }

  .container {
    width: 100%; } }
@media (max-width: 992px) {
  .karma-container {
    max-width: 960px; } }
@media (max-width: 1200px) {
  .karma-container {
    max-width: 1140px; } }
@media (min-width: 1200px) {
  .karma-container {
    max-width: 1200px; } }
.karma-builder-element .karma-column[class*="col-"] {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%; }

.karma-container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%; }

.karma-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.karma-no-gutters {
  margin-right: 0;
  margin-left: 0;
  padding: 0; }

.karma-no-gutters > .karma-col,
.karma-no-gutters > [class*="karma-col-"],
.karma-no-gutters > .karma-builder-element > .karma-col,
.karma-no-gutters > .karma-builder-element > [class*="karma-col-"] {
  box-sizing: border-box;
  min-height: 50px;
  padding-right: 0;
  padding-left: 0; }

.karma-no-gutters > .karma-empty-column > [class*="karma-col-"] {
  min-height: 300px; }

.karma-col-1, .karma-col-2, .karma-col-3, .karma-col-4, .karma-col-5, .karma-col-6, .karma-col-7, .karma-col-8, .karma-col-9, .karma-col-10, .karma-col-11, .karma-col-12, .karma-col,
.karma-col-auto, .karma-col-sm-1, .karma-col-sm-2, .karma-col-sm-3, .karma-col-sm-4, .karma-col-sm-5, .karma-col-sm-6, .karma-col-sm-7, .karma-col-sm-8, .karma-col-sm-9, .karma-col-sm-10, .karma-col-sm-11, .karma-col-sm-12, .karma-col-sm,
.karma-col-sm-auto, .karma-col-md-1, .karma-col-md-2, .karma-col-md-3, .karma-col-md-4, .karma-col-md-5, .karma-col-md-6, .karma-col-md-7, .karma-col-md-8, .karma-col-md-9, .karma-col-md-10, .karma-col-md-11, .karma-col-md-12, .karma-col-md,
.karma-col-md-auto, .karma-col-lg-1, .karma-col-lg-2, .karma-col-lg-3, .karma-col-lg-4, .karma-col-lg-5, .karma-col-lg-6, .karma-col-lg-7, .karma-col-lg-8, .karma-col-lg-9, .karma-col-lg-10, .karma-col-lg-11, .karma-col-lg-12, .karma-col-lg,
.karma-col-lg-auto, .karma-col-xl-1, .karma-col-xl-2, .karma-col-xl-3, .karma-col-xl-4, .karma-col-xl-5, .karma-col-xl-6, .karma-col-xl-7, .karma-col-xl-8, .karma-col-xl-9, .karma-col-xl-10, .karma-col-xl-11, .karma-col-xl-12, .karma-col-xl,
.karma-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.karma-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.karma-col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.karma-col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.karma-col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.karma-col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.karma-col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.karma-col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.karma-col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.karma-col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.karma-col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.karma-col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.karma-col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.karma-col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.karma-col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-1 {
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -ms-flex-order: 12;
  order: 12; }

@media (min-width: 576px) {
  .karma-col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .karma-col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .karma-col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .karma-col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .karma-col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .karma-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .karma-col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .karma-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .karma-col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .karma-col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .karma-col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .karma-col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .karma-col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .karma-col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12; } }
@media (min-width: 768px) {
  .karma-col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .karma-col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .karma-col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .karma-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .karma-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .karma-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .karma-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .karma-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .karma-col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .karma-col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .karma-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .karma-col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .karma-col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .karma-col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12; } }
@media (min-width: 992px) {
  .karma-col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .karma-col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .karma-col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .karma-col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .karma-col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .karma-col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .karma-col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .karma-col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .karma-col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .karma-col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .karma-col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .karma-col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .karma-col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .karma-col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12; } }
@media (min-width: 1200px) {
  .karma-col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .karma-col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .karma-col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .karma-col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .karma-col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .karma-col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .karma-col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .karma-col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .karma-col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .karma-col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .karma-col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .karma-col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .karma-col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .karma-col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12; } }
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media screen and (max-width: 768px) and (min-width: 576px) {
  .tablet-display-none {
    display: none; }

  .karma-deactive-on-tablet {
    opacity: .2; }

  .karma-builder-environment .tablet-display-none {
    display: inherit; } }
@media screen and (max-width: 575px) {
  .karma-deactive-on-mobile {
    opacity: .2; }

  .mobile-display-none {
    display: none; }

  .karma-builder-environment .mobile-display-none {
    display: inherit; } }
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
/* _-_-_- base/TYPOGRAPHY -_-_-_ */
.karma-page-popup-overlay {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 120;
  visibility: hidden;
  background-color: inherit;
  transition-duration: .5s; }
  .karma-page-popup-overlay.karma-page-popup-overlay-show {
    transition-duration: .5s;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible; }

.karma-page-popup-container {
  opacity: 0;
  left: 32%;
  position: absolute;
  top: 30%;
  transform: scale(0.9);
  transition-duration: 150ms;
  visibility: hidden; }
  .karma-page-popup-container.karma-page-popup-container-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition-duration: 150ms; }
  .karma-page-popup-container .karma-page-popup-content {
    width: 621px;
    height: 369px;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 4px 15px 3px rgba(57, 73, 89, 0.2);
    display: flex;
    flex-basis: auto; }
    .karma-page-popup-container .karma-page-popup-content .karma-page-popup-image {
      align-items: center;
      justify-content: flex-end;
      display: flex;
      text-align: inherit;
      background-color: #ECF5FE;
      flex-basis: 52%;
      position: relative; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-image .karma-page-popup-image-close-icon {
        width: 15px;
        height: 14px;
        background-image: url("../media/svg/close.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        position: absolute;
        right: 14px;
        top: 14px; }
    .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new {
      flex-basis: 50%;
      padding: 35px 37px;
      text-align: left; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new input {
        width: 100%;
        height: 100%;
        border: 0;
        box-shadow: none;
        outline: none; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-dropdown-selected-item {
        width: 100%;
        height: 100%;
        border: 0;
        box-shadow: none;
        outline: none; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new input.karma-page-popup-hidden-input {
        display: none; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-title {
        font-size: 20px;
        line-height: 24px; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-name-tiltle, .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-title {
        color: rgba(57, 73, 89, 0.5);
        font-size: 12px;
        line-height: 14px;
        padding-top: 31px; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-name-input, .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-input {
        width: 234px;
        height: 40px;
        border: 1px solid rgba(57, 73, 89, 0.2);
        border-radius: 4px;
        margin-top: 7px; }
        .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-name-input input, .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-input input {
          color: #394959;
          font-size: 13px;
          line-height: 16px;
          padding-left: 15px; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-dropdown-body {
        margin-bottom: 0; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-title {
        padding-top: 18px; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-input .karma-dropdown-selected-item {
        color: #394959;
        padding-left: 15px;
        padding-top: 12px;
        white-space: nowrap;
        overflow-x: hidden; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-description {
        align-items: center;
        color: #394959;
        display: flex;
        flex-direction: row;
        font-size: 10px;
        line-height: 12px;
        padding-top: 11px; }
        .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-layout-description div {
          width: 4px;
          height: 4px;
          background-color: #419CF8;
          border-radius: 50%;
          margin-right: 4px; }
      .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button {
        display: flex;
        flex-direction: row;
        padding-top: 38px; }
        .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-create-button {
          width: 83px;
          height: 40px;
          align-items: center;
          justify-content: center;
          display: flex;
          text-align: center;
          color: #fff;
          background-color: #FF243F;
          border-radius: 2px;
          border: none;
          cursor: pointer;
          height: 40px;
          transition-duration: .2s;
          background-color: #419CF8;
          border-radius: 2px;
          color: #fff; }
          .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-create-button:focus {
            transition-duration: .2s; }
          .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-create-button:hover {
            transition-duration: 0.2s;
            transform: translateY(-2px);
            box-shadow: 0 10px 15px 0 rgba(57, 73, 89, 0.2); }
        .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-cancel-button {
          color: #394959;
          cursor: pointer;
          cursor: pointer;
          padding: 12px 21px;
          transition-duration: 0.3s; }
          .karma-page-popup-container .karma-page-popup-content .karma-page-popup-add-new .karma-page-popup-button .karma-page-popup-cancel-button:hover {
            color: #9CA4AC;
            transition-duration: 0.3s; }
  .karma-page-popup-container .karma-dropdown-body {
    cursor: pointer;
    margin-bottom: 18px;
    margin-top: 11px;
    position: relative; }
    .karma-page-popup-container .karma-dropdown-body .karma-dropdown-header {
      align-items: center; }
      .karma-page-popup-container .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon {
        width: 32px;
        height: 32px;
        border-radius: 100px;
        border: 1px solid #D7DBDE;
        border: none; }
        .karma-page-popup-container .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon span {
          margin-top: -1px; }
        .karma-page-popup-container .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon svg * {
          stroke: #394959; }
    .karma-page-popup-container .karma-dropdown-body .karma-dropdown-options {
      width: 250px;
      height: 0;
      background-color: #fff;
      box-shadow: 0 2px 12px 0 rgba(57, 73, 89, 0.2);
      display: none;
      flex-direction: column;
      left: 0;
      list-style: none;
      overflow: hidden;
      padding: 7px;
      position: fixed;
      top: 36px;
      z-index: -70; }
      .karma-page-popup-container .karma-dropdown-body .karma-dropdown-options .karma-dropdown-option-title {
        font-size: 14px; }
      .karma-page-popup-container .karma-dropdown-body .karma-dropdown-options.karma-doropdown-opened {
        display: flex;
        height: auto;
        z-index: 100; }

@keyframes load_page_popup_box {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.7); }
  30% {
    opacity: .3;
    transform: scale(0.8); }
  60% {
    opacity: .6;
    transform: scale(0.9); }
  90% {
    opacity: 1;
    transform: scale(1); }
  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1); } }
@keyframes close_page_popup_box {
  00% {
    opacity: 1;
    transform: scale(1); }
  25% {
    opacity: .8;
    transform: scale(1); }
  50% {
    opacity: .6;
    transform: scale(0.9); }
  75% {
    opacity: .3;
    transform: scale(0.8); }
  100% {
    opacity: 0;
    transform: scale(0.7); } }
@keyframes load_age_popup_overlay {
  00% {
    opacity: 0;
    visibility: hidden;
    background-color: transparent; }
  100% {
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.5); } }
@keyframes close_age_popup_overlay {
  00% {
    background-color: rgba(0, 0, 0, 0.5); }
  100% {
    background-color: transparent; } }
.karma-preview-template-container {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.9);
  transition-duration: 400ms;
  visibility: hidden;
  z-index: 10; }
  .karma-preview-template-container.karma-preview-template-container-show {
    opacity: 1;
    transform: scale(1);
    transition-duration: 400ms;
    visibility: visible; }
  .karma-preview-template-container .karma-preview-template-header {
    width: 100%;
    height: 58px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    text-align: inherit;
    background-color: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgba(57, 73, 89, 0.2);
    flex-direction: row-reverse;
    padding: 0 12px 0 25px;
    position: absolute;
    top: 0; }
    .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right {
      display: flex;
      flex-direction: row-reverse; }
      .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-cancel-btn {
        align-items: inherit;
        justify-content: inherit;
        display: flex;
        text-align: center;
        color: #747F8A;
        background-color: inherit;
        border-radius: 2px;
        border: 1px solid #EBECEE;
        cursor: pointer;
        height: 40px;
        transition-duration: .2s;
        align-items: center;
        cursor: pointer;
        margin-left: 9px; }
        .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-cancel-btn:focus {
          transition-duration: .2s; }
        .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-cancel-btn:hover {
          transition-duration: 0.2s;
          transform: translateY(-2px);
          box-shadow: 0 10px 15px 0 rgba(57, 73, 89, 0.2); }
      .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-start-btn {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        color: #fff;
        background-color: #419CF8;
        border-radius: 2px;
        border: none;
        cursor: pointer;
        height: 40px;
        transition-duration: .2s;
        cursor: pointer;
        margin-left: 23px;
        white-space: nowrap; }
        .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-start-btn:focus {
          transition-duration: .2s; }
        .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-start-btn:hover {
          transition-duration: 0.2s;
          transform: translateY(-2px);
          box-shadow: 0 10px 15px 0 rgba(57, 73, 89, 0.2); }
      .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-right .karma-preview-template-price {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: inherit;
        color: #747F8A;
        font-weight: 500; }
    .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-left {
      align-items: center;
      display: flex; }
      .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-left .karma-preview-template-logo img {
        margin-right: 10px; }
      .karma-preview-template-container .karma-preview-template-header .karma-preview-template-header-left .karma-preview-template-preview-btn {
        color: #394959;
        cursor: context-menu;
        font-size: 16px;
        line-height: 18px;
        padding-top: 5px; }
  .karma-preview-template-container .karma-preview-template-iframe {
    background-color: #dadada;
    padding-top: 58px; }

.karma-editable-content {
  display: inline-block; }

.karma-builder-element[data-name="karma_text"] {
  cursor: pointer; }
  .karma-builder-element[data-name="karma_text"] .karma-element-content {
    cursor: text; }

.karma-element-placeholder {
  width: 100%;
  height: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: height 150ms cubic-bezier(0.47, 0, 0.745, 0.715); }
  .karma-element-placeholder.karma-column-placeholder {
    padding: 20px;
    transition: none; }
    .karma-element-placeholder.karma-column-placeholder.karma-show-placeholder {
      height: 130px; }
  .karma-element-placeholder.karma-show-placeholder {
    height: 8px; }
  .karma-element-placeholder .karma-inner-placeholder {
    width: 100%;
    height: 100%;
    background-color: rgba(57, 73, 89, 0.1);
    border-radius: 2px; }

.full-element-placeholder {
  background-color: rgba(57, 73, 89, 0.1); }

.ui-sortable-handle.ui-sortable-placeholder {
  visibility: visible !important;
  background-color: rgba(65, 156, 248, 0.3);
  transition: opacity 150ms  50ms;
  animation: grow 150ms cubic-bezier(0.47, 0, 0.745, 0.715);
  animation-fill-mode: forwards; }

@keyframes grow {
  from {
    height: 1px; }
  to {
    height: 8px; } }
.karma-builder-element[data-name="karma_section"].ui-sortable-helper {
  animation: scale  100ms linear;
  animation-fill-mode: forwards; }

@keyframes scale {
  from {
    transform: scale(0.8); }
  to {
    transform: scale(0.5); } }
/*Alignment placeholder for elements*/
.karma-alignment-placeholder {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: height 150ms cubic-bezier(0.47, 0, 0.745, 0.715);
  z-index: -1; }
  .karma-alignment-placeholder.karma-show-placeholder {
    opacity: 1;
    z-index: 1; }
  .karma-alignment-placeholder div {
    width: 33%;
    height: 100%;
    border-radius: 2px;
    margin: 3px; }
  .karma-alignment-placeholder .karma-active-align {
    background-color: rgba(65, 156, 248, 0.2); }

/* Tooltip styles for karma*/
.ui-tooltip, .arrow:after {
  background: #394959; }

.ui-tooltip {
  width: 70px;
  height: 30px;
  align-items: center;
  border-radius: 3px;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 110; }

.tooltip {
  height: 28px; }
  .tooltip .tooltip-inner {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    background: #394959;
    height: 28px;
    border-radius: 3px;
    color: #fff;
    padding: 0 12px;
    white-space: nowrap;
    z-index: 110;
    min-width: auto; }
  .tooltip .tooltip-arrow {
    border-color: transparent;
    top: 1px;
    border-bottom-color: #394959;
    border-width: 0px 5px 6px !important; }

.unsplash-avatar {
  width: auto;
  height: 26px;
  font-size: 10px; }

.arrow {
  width: 14px;
  height: 10px;
  bottom: -16px;
  left: 50%;
  margin-left: -6px;
  overflow: hidden;
  position: absolute; }

.arrow.top {
  bottom: auto;
  top: -10px; }

.arrow.left {
  left: 50%; }

.arrow:after {
  width: 6px;
  height: 6px;
  top: -20px;
  right: auto;
  bottom: auto;
  left: 3px;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.arrow.top:after {
  bottom: -3px;
  top: auto; }

.karma-builder-element.ui-draggable-dragging {
  cursor: grab;
  cursor: -webkit-grab;
  z-index: 120; }
.karma-builder-element.karma-self-placeholder .karma-element-content {
  background-color: rgba(57, 73, 89, 0.1);
  opacity: 0; }
.karma-builder-element.karma-self-placeholder.karma-show-placeholder {
  opacity: 1; }
.karma-builder-element.karma-self-placeholder *:not(div[class*='alignment-placeholder']) {
  opacity: 0; }
.karma-builder-element.karma-self-placeholder + .karma-element-placeholder {
  display: none !important; }

.karma-delete-message-box {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  animation: load_delete_overlay 0.7s;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 120; }
  .karma-delete-message-box.karma-delete-box-animation {
    animation: close_delete_overlay 0.7s; }
  .karma-delete-message-box .karma-delete-message-container {
    width: 297px;
    height: 190px;
    align-items: normal;
    justify-content: center;
    display: flex;
    text-align: left;
    animation: load_delete_box 10ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    border-radius: 4px;
    background-color: #fff;
    color: #394959;
    opacity: 0;
    padding: 21px 33px 30px 30px;
    transform: scale(0.6);
    z-index: 110; }
    .karma-delete-message-box .karma-delete-message-container.karma-delete-container-animation {
      animation: close_delete_box 150ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
    .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons {
      align-items: center;
      justify-content: flex-end;
      display: flex;
      text-align: center;
      padding: 43px 0 0 31px; }
      .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-delete-button {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        color: #fff;
        background-color: #FF243F;
        border-radius: 2px;
        border: none;
        cursor: pointer;
        height: 40px;
        transition-duration: .2s; }
        .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-delete-button:focus {
          transition-duration: .2s; }
        .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-delete-button:hover {
          transition-duration: 0.2s;
          transform: translateY(-2px);
          box-shadow: 0 10px 15px 0 rgba(57, 73, 89, 0.2); }
      .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-cancel-button {
        color: #394959;
        cursor: pointer;
        padding-right: 19px;
        transition-duration: 0.3s; }
        .karma-delete-message-box .karma-delete-message-container .karma-delete-message-box-buttons .karma-delete-message-box-cancel-button:hover {
          color: #9CA4AC;
          transition-duration: 0.3s; }

.karma-grab-element {
  z-index: 120;
  cursor: -webkit-grab; }

.karma-builder-element[data-name="karma_section"] {
  position: relative; }
  .karma-builder-element[data-name="karma_section"] .karma-fit-to-screen {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    min-height: 100vh; }

.karma-builder-environment .karma-builder-element[data-name="karma_section"] {
  cursor: all-scroll; }

.karma-background-section {
  background-repeat: no-repeat; }
  .karma-background-section.karma-background-image-contain {
    background-size: auto; }
  .karma-background-section.karma-background-image-cover {
    background-size: cover; }
  .karma-background-section.karma-background-position-top-left {
    background-position: top left; }
  .karma-background-section.karma-background-position-top-center {
    background-position: top center; }
  .karma-background-section.karma-background-position-top-right {
    background-position: top right; }
  .karma-background-section.karma-background-position-center-left {
    background-position: center left; }
  .karma-background-section.karma-background-position-center-center {
    background-position: center center; }
  .karma-background-section.karma-background-position-center-right {
    background-position: center right; }
  .karma-background-section.karma-background-position-bottom-left {
    background-position: bottom left; }
  .karma-background-section.karma-background-position-bottom-center {
    background-position: bottom center; }
  .karma-background-section.karma-background-position-bottom-right {
    background-position: bottom right; }

.karma-image .karma-image-link {
  position: relative;
  display: flex; }
.karma-image .karma-image-container img {
  object-fit: cover; }
.karma-image .karma-image-container .karma-image-fill {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%; }
.karma-image .karma-image-container .karma-image-real {
  max-width: initial; }
.karma-image .karma-image-without-action {
  cursor: auto; }
.karma-image .karma-image-resize-crop {
  overflow: hidden;
  display: flex; }
  .karma-image .karma-image-resize-crop.karma-position-top-left {
    align-items: flex-start;
    justify-content: flex-start; }
  .karma-image .karma-image-resize-crop.karma-position-top-center {
    align-items: flex-start;
    justify-content: center; }
  .karma-image .karma-image-resize-crop.karma-position-top-right {
    align-items: flex-start;
    justify-content: flex-end; }
  .karma-image .karma-image-resize-crop.karma-position-center-left {
    align-items: center;
    justify-content: flex-start; }
  .karma-image .karma-image-resize-crop.karma-position-center-center {
    align-items: center;
    justify-content: center; }
  .karma-image .karma-image-resize-crop.karma-position-center-right {
    align-items: center;
    justify-content: flex-end; }
  .karma-image .karma-image-resize-crop.karma-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start; }
  .karma-image .karma-image-resize-crop.karma-position-bottom-center {
    align-items: flex-end;
    justify-content: center; }
  .karma-image .karma-image-resize-crop.karma-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end; }
.karma-image .karma-image-both-resize:not(.karma-image-real) {
  height: 100%;
  width: 100%; }

.karma-resizing-padding .karma-builder-element[data-name="karma_image"] {
  overflow: hidden; }

.karma-builder-element[data-name="karma_image_box"] {
  cursor: auto; }
  .karma-builder-element[data-name="karma_image_box"].karma-active-element .karma-image-text-box {
    outline: 1px solid #419CF8; }
  .karma-builder-element[data-name="karma_image_box"] div.karma-element-content {
    width: 100% !important; }
  .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box {
    box-sizing: border-box;
    display: flex;
    padding: 6vh;
    position: relative;
    width: 100%; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-real .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-real .karma-element-blur-effect {
      background-size: auto; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-fill .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-fill .karma-element-blur-effect {
      background-size: cover; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-contain .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-contain .karma-element-blur-effect {
      background-size: auto; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-cover .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-background-size-cover .karma-element-blur-effect {
      background-size: cover; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-top-left .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-top-left .karma-element-blur-effect {
      background-position: top left; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-top-center .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-top-center .karma-element-blur-effect {
      background-position: top center; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-top-right .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-top-right .karma-element-blur-effect {
      background-position: top right; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-center-left .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-center-left .karma-element-blur-effect {
      background-position: center left; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-center-center .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-center-center .karma-element-blur-effect {
      background-position: center center; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-center-right .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-center-right .karma-element-blur-effect {
      background-position: center right; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-bottom-left .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-bottom-left .karma-element-blur-effect {
      background-position: bottom left; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-bottom-center .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-bottom-center .karma-element-blur-effect {
      background-position: bottom center; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-bottom-right .karma-image-box-background,
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-position-bottom-right .karma-element-blur-effect {
      background-position: bottom right; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-left {
      align-items: flex-start;
      justify-content: flex-start; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-left .karma-image-text-box-text-container {
        text-align: left; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-left .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: flex-start; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-center {
      align-items: flex-start;
      justify-content: center; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-center .karma-image-text-box-text-container {
        text-align: center; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-center .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: center; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-right {
      align-items: flex-start;
      justify-content: flex-end; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-right .karma-image-text-box-text-container {
        text-align: right; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-top-right .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: flex-end; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-left {
      align-items: center;
      justify-content: flex-start; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-left .karma-image-text-box-text-container {
        text-align: left; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-left .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: flex-start; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-center {
      align-items: center;
      justify-content: center; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-center .karma-image-text-box-text-container {
        text-align: center; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-center .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: center; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-right {
      align-items: center;
      justify-content: flex-end; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-right .karma-image-text-box-text-container {
        text-align: right; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-center-right .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: flex-end; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-left {
      align-items: flex-end;
      justify-content: flex-start; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-left .karma-image-text-box-text-container {
        text-align: left; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-left .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: flex-start; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-center {
      align-items: flex-end;
      justify-content: center; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-center .karma-image-text-box-text-container {
        text-align: center; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-center .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: center; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-right {
      align-items: flex-end;
      justify-content: flex-end; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-right .karma-image-text-box-text-container {
        text-align: right; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box.karma-image-text-box-content-position-bottom-right .karma-image-text-box-text-container .karma-image-text-box-link-content {
          justify-content: flex-end; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-overlay {
      width: 100%;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container {
      max-width: 85%;
      width: fit-content; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div {
        position: relative; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div .karma-image-text-box-title-tag,
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div .karma-image-text-box-link-tag {
          display: inline-block;
          margin: 0;
          min-width: 30px;
          text-decoration: none; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div .karma-image-text-box-description-tag.karma-image-box-description-opacity {
          display: none; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div .karma-image-text-box-title-tag.karma-image-box-title-opacity {
          display: none; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div .karma-image-text-box-link-tag {
          align-items: center;
          display: flex;
          justify-content: center; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div.karma-image-text-box-link-content {
          margin-top: 8px; }
          .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div.karma-image-text-box-link-content .karma-button-fill,
          .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div.karma-image-text-box-link-content .karma-button-outline {
            margin-top: 12px; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-text-container > div.karma-image-text-box-description {
          margin-top: 10px; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link:not(.karma-show-child-gizmo) .karma-image-text-box-link-shape {
      height: 28px;
      transition-duration: .3s;
      width: 12px;
      backface-visibility: hidden; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link:not(.karma-show-child-gizmo):hover .karma-image-text-box-link-shape {
      height: 28px;
      transform: translate(3px) rotate(-90deg);
      transition-duration: .2s;
      width: 12px;
      backface-visibility: hidden; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link-content {
      display: flex;
      margin-top: 22px; }
    .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link {
      display: flex;
      white-space: nowrap;
      width: fit-content; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        border-style: solid;
        border-width: 2px;
        height: 42px;
        justify-content: center !important;
        padding: 9px 22px;
        transition: 0.2s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill:hover {
          box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
          transition: 0.2s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill .karma-image-text-box-link-shape {
          display: none !important; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill.karma-show-child-gizmo:hover {
          opacity: 1;
          transition: 0s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill.karma-show-child-gizmo.karma-deactive-on-desktop:hover {
          opacity: .2;
          transition: 0s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill.karma-show-child-gizmo.karma-deactive-on-mobile:hover {
          opacity: .2;
          transition: 0s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill.karma-show-child-gizmo.karma-deactive-on-tablet:hover {
          opacity: .2;
          transition: 0s; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        background-color: transparent;
        border-style: solid;
        border-width: 2px;
        height: 42px;
        justify-content: center !important;
        padding: 9px 22px;
        transition: 0.2s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline:hover {
          opacity: 0.7;
          transition: 0.2s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline .karma-image-text-box-link {
          justify-content: center; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline div.karma-image-text-box-link-shape {
          display: none !important; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline.karma-show-child-gizmo:hover {
          opacity: 1;
          transition: 0s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline.karma-show-child-gizmo.karma-deactive-on-desktop:hover {
          opacity: .2;
          transition: 0s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline.karma-show-child-gizmo.karma-deactive-on-mobile:hover {
          opacity: .2;
          transition: 0s; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline.karma-show-child-gizmo.karma-deactive-on-tablet:hover {
          opacity: .2;
          transition: 0s; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill .karma-button-link {
        color: #fff;
        font-family: "HelveticaNeue_med";
        font-size: 15px;
        line-height: 25px; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill .karma-button-link span {
          display: inline-block; }
          .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-fill .karma-button-link span:focus {
            outline: none; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline .karma-button-link {
        color: #419CF8;
        font-family: "HelveticaNeue_med";
        font-size: 15px;
        line-height: 25px; }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline .karma-button-link span {
          display: inline-block; }
          .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link.karma-button-outline .karma-button-link span:focus {
            outline: none; }
      .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link .karma-image-text-box-link-shape {
        transform: rotate(-90deg); }
        .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link .karma-image-text-box-link-shape svg {
          height: 4px;
          stroke: #fff; }
          .karma-builder-element[data-name="karma_image_box"] .karma-image-text-box .karma-image-text-box-link .karma-image-text-box-link-shape svg * {
            stroke-width: 2px; }
  .karma-builder-element[data-name="karma_image_box"] .karma-image-position-content.karma-drop-down-box.open-drop-down-gizmo {
    width: 110px;
    height: 110px;
    left: 14px;
    padding: 17px; }
  .karma-builder-element[data-name="karma_image_box"] .karma-builder-gizmo-icon.karma-image-setting-layout svg {
    width: 14px;
    height: 14px; }
  .karma-builder-element[data-name="karma_image_box"] .karma-deactive-on-desktop {
    opacity: .2; }
  .karma-builder-element[data-name="karma_image_box"] .karma-deactive-on-mobile {
    opacity: .2; }
  .karma-builder-element[data-name="karma_image_box"] .karma-deactive-on-tablet {
    opacity: .2; }
  .karma-builder-element[data-name="karma_image_box"] div.karma-image-text-box-text-container div.karma-image-text-box-link-content .desktop-display-none {
    display: none; }
  .karma-builder-element[data-name="karma_image_box"] div.karma-image-text-box-text-container div.karma-image-text-box-link-content .mobile-display-none {
    display: none; }
  .karma-builder-element[data-name="karma_image_box"] div.karma-image-text-box-text-container div.karma-image-text-box-link-content .tablet-display-none {
    display: none; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-hover-shadow .karma-image-box-background-container,
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-hover-shadow .karma-element-blur-effect {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-hover-shadow .karma-image-box-background-container {
    background-color: transparent;
    overflow: hidden;
    transform: scale(1) translateZ(0);
    transition: transform .28s ease;
    backface-visibility: hidden; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-hover-shadow .karma-image-box-background {
    background-color: transparent;
    background-repeat: no-repeat;
    height: 100%;
    transform: scale(1.13) translateZ(0);
    transition: transform .28s ease;
    backface-visibility: hidden; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-hover-shadow .karma-element-blur-effect {
    filter: blur(35px);
    opacity: 0;
    transform: translateY(38px);
    transition: opacity .28s ease;
    z-index: -1; }
  .karma-builder-element[data-name="karma_image_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover {
    transition-delay: 0s !important;
    z-index: 3; }
    .karma-builder-element[data-name="karma_image_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-image-box-background-container,
    .karma-builder-element[data-name="karma_image_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-element-blur-effect {
      width: 100%;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0; }
    .karma-builder-element[data-name="karma_image_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-image-box-background-container {
      backface-visibility: hidden;
      transform: scale(1.08) translateZ(0); }
    .karma-builder-element[data-name="karma_image_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-image-box-background {
      backface-visibility: hidden;
      transform: scale(1) translateZ(0); }
    .karma-builder-element[data-name="karma_image_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-element-blur-effect {
      opacity: 0.7; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-shadow .karma-image-box-background-container,
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-shadow .karma-element-shadow-effect {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-shadow .karma-image-box-background-container {
    backface-visibility: hidden;
    overflow: hidden; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-shadow .karma-image-box-background {
    background-repeat: no-repeat;
    height: 100%; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-shadow .karma-element-shadow-effect {
    box-shadow: 0 11px 36px 0 rgba(0, 0, 0, 0.25); }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-no-animation .karma-image-box-background-container {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-no-animation .karma-image-box-background-container {
    background-color: transparent;
    backface-visibility: hidden;
    overflow: hidden; }
  .karma-builder-element[data-name="karma_image_box"] .karma-box-element-no-animation .karma-image-box-background {
    background-repeat: no-repeat;
    height: 100%; }

.karma-builder-environment .desktop-display-none {
  display: inherit !important; }
.karma-builder-environment .mobile-display-none {
  display: inherit !important; }
.karma-builder-environment .tablet-display-none {
  display: inherit !important; }

.karma-builder-environment .karma-image-text-box-title-tag,
.karma-builder-environment .karma-image-text-box-description-tag,
.karma-builder-environment .karma-image-text-box-link-tag {
  cursor: text; }
.karma-builder-environment #karma-builder-layout .karma-image-box-description-opacity {
  display: block;
  opacity: .5; }
.karma-builder-environment #karma-builder-layout .karma-image-box-title-opacity {
  display: block;
  opacity: .5; }

.karma-builder-element[data-name="karma_video_box"] {
  cursor: auto; }
  .karma-builder-element[data-name="karma_video_box"] .karma-deactive-on-desktop:nth-child(1) {
    opacity: .2; }
  .karma-builder-element[data-name="karma_video_box"] div.karma-video-box-text-container div.karma-video-box-link-content .desktop-display-none {
    display: none; }
  .karma-builder-element[data-name="karma_video_box"].karma-active-element .karma-video-box {
    outline: 1px solid #419CF8; }
  .karma-builder-element[data-name="karma_video_box"] div.karma-element-content {
    width: 100% !important; }
  .karma-builder-element[data-name="karma_video_box"] .karma-video-box {
    background: transparent !important;
    box-sizing: border-box;
    display: flex;
    padding: 6vh;
    position: relative;
    width: 100%; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-left {
      align-items: flex-start;
      justify-content: flex-start; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-left .karma-video-box-text-container {
        text-align: left; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-left .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: flex-start; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-center {
      align-items: flex-start;
      justify-content: center; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-center .karma-video-box-text-container {
        text-align: center; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-center .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: center; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-right {
      align-items: flex-start;
      justify-content: flex-end; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-right .karma-video-box-text-container {
        text-align: right; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-top-right .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: flex-end; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-left {
      align-items: center;
      justify-content: flex-start; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-left .karma-video-box-text-container {
        text-align: left; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-left .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: flex-start; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-center {
      align-items: center;
      justify-content: center; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-center .karma-video-box-text-container {
        text-align: center; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-center .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: center; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-right {
      align-items: center;
      justify-content: flex-end; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-right .karma-video-box-text-container {
        text-align: right; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-center-right .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: flex-end; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link:not(.karma-show-child-gizmo) .karma-video-box-link-content {
      width: 12px;
      height: 28px;
      transition-duration: .3s;
      backface-visibility: hidden; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link:not(.karma-show-child-gizmo):hover .karma-video-box-link-shape {
      transform: translate(3px) rotate(-90deg);
      backface-visibility: hidden; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-left {
      align-items: flex-end;
      justify-content: flex-start; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-left .karma-video-box-text-container {
        text-align: left; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-left .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: flex-start; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-center {
      align-items: flex-end;
      justify-content: center; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-center .karma-video-box-text-container {
        text-align: center; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-center .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: center; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-right {
      align-items: flex-end;
      justify-content: flex-end; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-right .karma-video-box-text-container {
        text-align: right; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box.karma-video-box-content-position-bottom-right .karma-video-box-text-container .karma-video-box-link-content {
          justify-content: flex-end; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-overlay {
      width: 100%;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-text-container {
      width: fit-content;
      max-width: 85%; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-text-container > div {
        position: relative; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-text-container > div .karma-video-box-title-tag,
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-text-container > div .karma-video-box-link-tag {
          display: inline-block;
          margin: 0;
          min-width: 30px;
          text-decoration: none; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-text-container > div .karma-video-box-description-tag.karma-video-box-description-opacity {
          display: none; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-text-container > div .karma-video-box-title-tag.karma-video-box-title-opacity {
          display: none; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-text-container > div.karma-video-box-description {
          margin-top: 10px; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link-content {
      display: flex;
      margin-top: 10px; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link-content .karma-button-fill,
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link-content .karma-button-outline {
        margin-top: 8px; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link {
      display: flex;
      white-space: nowrap;
      width: fit-content; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        border-style: solid;
        border-width: 2px;
        height: 42px;
        padding: 9px 22px;
        transition: 0.2s;
        justify-content: center !important; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill:hover {
          box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
          transition: 0.2s; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill .karma-video-box-link-shape {
          display: none !important; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill.karma-show-child-gizmo:hover {
          opacity: 1;
          transition: 0s; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill.karma-show-child-gizmo.karma-deactive-on-desktop:hover {
          opacity: .2;
          transition: 0s; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        background-color: transparent;
        border-style: solid;
        border-width: 2px;
        height: 42px;
        padding: 9px 22px;
        transition: 0.2s;
        justify-content: center !important; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline:hover {
          opacity: 0.7;
          transition: 0.2s; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline .karma-image-text-box-link {
          justify-content: center; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline .karma-video-box-link-shape {
          display: none !important; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline.karma-show-child-gizmo:hover {
          opacity: 1;
          transition: 0s; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline.karma-show-child-gizmo.karma-deactive-on-desktop:hover {
          opacity: .2;
          transition: 0s; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill .karma-button-link {
        color: #fff;
        font-family: "HelveticaNeue_med";
        font-size: 15px;
        line-height: 25px; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill .karma-button-link span {
          display: inline-block; }
          .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-fill .karma-button-link span:focus {
            outline: none; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline .karma-button-link {
        color: #419CF8;
        font-family: "HelveticaNeue_med";
        font-size: 15px;
        line-height: 25px; }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline .karma-button-link span {
          display: inline-block; }
          .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link.karma-button-outline .karma-button-link span:focus {
            outline: none; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link .karma-video-box-link-shape {
        width: 12px;
        height: 28px;
        transition-duration: .2s;
        transform: rotate(-90deg); }
        .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link .karma-video-box-link-shape svg {
          height: 4px; }
          .karma-builder-element[data-name="karma_video_box"] .karma-video-box .karma-video-box-link .karma-video-box-link-shape svg * {
            stroke-width: 2px; }
  .karma-builder-element[data-name="karma_video_box"] .karma-image-position-content.karma-drop-down-box.open-drop-down-gizmo {
    width: 110px;
    height: 110px;
    left: 14px;
    padding: 17px; }
  .karma-builder-element[data-name="karma_video_box"] .karma-video-box-container-player {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: default;
    display: flex;
    left: 0;
    position: absolute;
    top: 0; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box-container-player .karma-video-box-player {
      cursor: pointer;
      transition-duration: .3s;
      z-index: 1; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box-container-player .karma-video-box-player svg * {
        transition-duration: .5s;
        fill: #fff; }
    .karma-builder-element[data-name="karma_video_box"] .karma-video-box-container-player .karma-video-box-player:hover {
      backface-visibility: hidden;
      transform: scale(1.2);
      transition-duration: .3s; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box-container-player .karma-video-box-player:hover svg path {
        opacity: .5;
        transition-duration: .5s; }
      .karma-builder-element[data-name="karma_video_box"] .karma-video-box-container-player .karma-video-box-player:hover svg polygon {
        opacity: 1; }
  .karma-builder-element[data-name="karma_video_box"] .karma-image-position-content .karma-image-position-box.karma-image-position-center-dot {
    visibility: hidden; }
  .karma-builder-element[data-name="karma_video_box"] .karma-builder-gizmo-icon.karma-video-setting-layout svg {
    width: 14px;
    height: 14px; }
  .karma-builder-element[data-name="karma_video_box"] .karma-builder-environment .desktop-display-none {
    display: inherit; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-hover-shadow .karma-video-box-background-container,
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-hover-shadow .karma-element-blur-effect {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-hover-shadow .karma-video-box-background-container {
    background-color: transparent;
    overflow: hidden;
    transform: scale(1) translateZ(0);
    transition: transform .28s ease;
    backface-visibility: hidden; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-hover-shadow .karma-video-box-background {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transform: scale(1.13) translateZ(0);
    transition: transform .28s ease;
    backface-visibility: hidden; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-hover-shadow .karma-element-blur-effect {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(35px);
    opacity: 0;
    transform: translateY(38px);
    transition: opacity .28s ease;
    z-index: -1; }
  .karma-builder-element[data-name="karma_video_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover {
    transition-delay: 0s !important;
    z-index: 3; }
    .karma-builder-element[data-name="karma_video_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-video-box-background-container,
    .karma-builder-element[data-name="karma_video_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-element-blur-effect {
      width: 100%;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0; }
    .karma-builder-element[data-name="karma_video_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-video-box-background-container {
      backface-visibility: hidden;
      transform: scale(1.08) translateZ(0); }
    .karma-builder-element[data-name="karma_video_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-video-box-background {
      backface-visibility: hidden;
      transform: scale(1) translateZ(0); }
    .karma-builder-element[data-name="karma_video_box"]:not(.karma-active-element) .karma-box-element-hover-shadow:hover .karma-element-blur-effect {
      opacity: 0.7; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-shadow .karma-video-box-background-container,
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-shadow .karma-element-shadow-effect {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-shadow .karma-video-box-background-container {
    backface-visibility: hidden;
    overflow: hidden; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-shadow .karma-video-box-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-shadow .karma-element-shadow-effect {
    box-shadow: 0 11px 36px 0 rgba(0, 0, 0, 0.25); }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-no-animation .karma-video-box-background-container {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-no-animation .karma-video-box-background-container {
    background-color: transparent;
    backface-visibility: hidden;
    overflow: hidden; }
  .karma-builder-element[data-name="karma_video_box"] .karma-box-element-no-animation .karma-video-box-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%; }

.karma-builder-environment .karma-video-box-title-tag,
.karma-builder-environment .karma-video-box-description-tag,
.karma-builder-environment .karma-video-box-link-tag {
  cursor: text; }
.karma-builder-environment #karma-builder-layout .karma-video-box-description-opacity {
  display: block;
  opacity: .5; }
.karma-builder-environment #karma-builder-layout .karma-video-box-title-opacity {
  display: block;
  opacity: .5; }

.karma-builder-element .karma-button-container {
  cursor: pointer;
  width: fit-content; }
  .karma-builder-element .karma-button-container.karma-button-fill {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    height: 42px;
    padding: 9px 22px;
    transition: 0.2s; }
    .karma-builder-element .karma-button-container.karma-button-fill:hover {
      box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
      transition: 0.2s; }
  .karma-builder-element .karma-button-container.karma-button-outline {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    background-color: transparent;
    border-style: solid;
    border-width: 2px;
    height: 42px;
    padding: 9px 22px;
    transition: 0.2s; }
    .karma-builder-element .karma-button-container.karma-button-outline:hover {
      opacity: 0.7;
      transition: 0.2s; }
  .karma-builder-element .karma-button-container.karma-button-fill .karma-button-link {
    color: #fff;
    font-family: "HelveticaNeue_med";
    font-size: 15px;
    line-height: 25px; }
    .karma-builder-element .karma-button-container.karma-button-fill .karma-button-link span {
      display: inline-block;
      min-width: 20px;
      white-space: nowrap; }
      .karma-builder-element .karma-button-container.karma-button-fill .karma-button-link span:focus {
        outline: none; }
  .karma-builder-element .karma-button-container.karma-button-outline .karma-button-link {
    color: #419CF8;
    font-family: "HelveticaNeue_med";
    font-size: 15px;
    line-height: 25px; }
    .karma-builder-element .karma-button-container.karma-button-outline .karma-button-link span {
      display: inline-block;
      min-width: 20px; }
      .karma-builder-element .karma-button-container.karma-button-outline .karma-button-link span:focus {
        outline: none; }

/* _-_-_- layout/HEADER -_-_-_ */
body.karma-page-manager #karma-dont-show-in-page,
body.karma-typography-page #karma-dont-show-in-page {
  display: none; }

body.karma-main-page #karma-dont-show-in-builder {
  display: none; }

#karma-builder-layout a {
  border: none; }
#karma-builder-layout [contenteditable] {
  text-transform: none !important; }

.ui-helper-hidden-accessible {
  display: none; }

body.karma-builder {
  overflow-y: hidden; }

.karma-builder-toolbar {
  width: 100%;
  height: 46px;
  align-items: inherit;
  justify-content: center;
  display: flex;
  text-align: inherit;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(57, 73, 89, 0.1);
  position: relative;
  z-index: 1;
  backface-visibility: hidden; }
  .karma-builder-toolbar .karma-header-container {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .karma-builder-toolbar a {
    color: #9CA4AC;
    text-decoration: none; }
  .karma-builder-toolbar .karma-builder-left {
    width: auto;
    height: 100%;
    align-items: stretch;
    justify-content: inherit;
    display: flex;
    text-align: inherit;
    padding-left: 21px; }
    .karma-builder-toolbar .karma-builder-left ul {
      width: auto;
      height: 100%;
      align-items: stretch;
      justify-content: inherit;
      display: flex;
      text-align: inherit;
      list-style: none;
      margin: 0;
      padding: 0; }
      .karma-builder-toolbar .karma-builder-left ul > li {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: inherit;
        color: #9CA4AC;
        margin-bottom: inherit;
        margin-left: 39px;
        margin-right: 0;
        margin-top: inherit;
        position: relative; }
        .karma-builder-toolbar .karma-builder-left ul > li.builder-devtool {
          cursor: pointer; }
          .karma-builder-toolbar .karma-builder-left ul > li.builder-devtool div.karma-dropdown-controller {
            cursor: pointer; }
            .karma-builder-toolbar .karma-builder-left ul > li.builder-devtool div.karma-dropdown-controller .karma-dropdown-options {
              position: absolute; }
          .karma-builder-toolbar .karma-builder-left ul > li.builder-devtool:after {
            content: "";
            height: 10px;
            width: 250px;
            position: absolute;
            top: 44px;
            left: 0;
            z-index: 9999; }
        .karma-builder-toolbar .karma-builder-left ul > li > div:not(.builder-upgrade-icon) {
          transition: color .1s;
          padding-left: 0;
          padding-right: 0; }
          .karma-builder-toolbar .karma-builder-left ul > li > div:not(.builder-upgrade-icon) .karma-dropdown-body {
            margin-bottom: 11px; }
        .karma-builder-toolbar .karma-builder-left ul > li:hover > div {
          color: #747F8A; }
        .karma-builder-toolbar .karma-builder-left ul > li #karma-upgrade-menu {
          transition: fill 0.1s;
          fill: #fff; }
        .karma-builder-toolbar .karma-builder-left ul > li:hover #karma-upgrade-menu {
          fill: #F7F8F9; }
        .karma-builder-toolbar .karma-builder-left ul > li .builder-upgrade-icon {
          padding-top: 4px; }
        .karma-builder-toolbar .karma-builder-left ul > li .builder-page-name {
          padding-left: 4px; }
        .karma-builder-toolbar .karma-builder-left ul > li .builder-upgrade-text {
          padding-left: 6px; }
        .karma-builder-toolbar .karma-builder-left ul > li.builder-brand {
          border-right: 1px solid rgba(255, 255, 255, 0.19);
          margin-left: 0;
          padding-right: 11.5px; }
          .karma-builder-toolbar .karma-builder-left ul > li.builder-brand svg * {
            fill: #419CF8; }
          .karma-builder-toolbar .karma-builder-left ul > li.builder-brand svg text {
            font-family: "HelveticaNeue_bold"; }
  .karma-builder-toolbar .karma-builder-right {
    align-items: stretch;
    justify-content: inherit;
    display: flex;
    text-align: inherit;
    width: auto;
    height: 100%;
    padding-right: 18px; }
    .karma-builder-toolbar .karma-builder-right ul {
      align-items: center;
      justify-content: inherit;
      display: flex;
      text-align: inherit;
      width: auto;
      height: 100%;
      list-style: none;
      margin: 0; }
      .karma-builder-toolbar .karma-builder-right ul li {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: inherit;
        color: #F7F8F9;
        cursor: pointer;
        margin-bottom: 0;
        margin-left: 14px;
        margin-right: inherit;
        margin-top: inherit;
        position: relative; }
        .karma-builder-toolbar .karma-builder-right ul li.builder-user-profile {
          width: 28px;
          height: 28px;
          background-color: #ECF5FE;
          border-radius: 100%;
          text-transform: uppercase; }
          .karma-builder-toolbar .karma-builder-right ul li.builder-user-profile img {
            width: 28px;
            height: 28px;
            border-radius: 100%; }
          .karma-builder-toolbar .karma-builder-right ul li.builder-user-profile div {
            color: #419CF8;
            font-family: "HelveticaNeue"; }
        .karma-builder-toolbar .karma-builder-right ul li.builder-notification {
          align-items: center;
          justify-content: center;
          display: flex;
          text-align: center;
          width: 28px;
          height: 28px;
          border: 1px solid #D9EBFE;
          border-radius: 100px;
          display: none; }
          .karma-builder-toolbar .karma-builder-right ul li.builder-notification svg {
            height: 14px; }
            .karma-builder-toolbar .karma-builder-right ul li.builder-notification svg * {
              fill: #419CF8; }
        .karma-builder-toolbar .karma-builder-right ul li.builder-publish {
          background: linear-gradient(to right, #A0CDFB 50%, #ECF5FE 50%);
          background-position: right bottom;
          background-size: 200% 100%;
          border-radius: 3px;
          color: #419CF8;
          font-size: 14px;
          height: 32px;
          overflow: hidden;
          padding: 0 19px;
          transition: all .5s ease-out;
          transition-duration: .3s;
          width: 82px;
          backface-visibility: hidden; }
          .karma-builder-toolbar .karma-builder-right ul li.builder-publish:before {
            background-color: rgba(160, 205, 251, 0.6);
            border-radius: 3px 0 0 3px;
            bottom: 0;
            content: '';
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: translateX(-100%);
            -webkit-transform: translateX(-100%); }
          .karma-builder-toolbar .karma-builder-right ul li.builder-publish div {
            transition: opacity 0.3s;
            z-index: 10; }
          .karma-builder-toolbar .karma-builder-right ul li.builder-publish.karma-publish-animation:before {
            transform: translateX(-10%);
            -webkit-transform: translateX(-10%);
            transition: 1.5s ease-in-out; }
          .karma-builder-toolbar .karma-builder-right ul li.builder-publish.karma-publish-finish-animation:before {
            animation: publish-remove-opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards 320ms;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            transition: 0.5s ease-in-out; }
          .karma-builder-toolbar .karma-builder-right ul li.builder-publish.karma-publish-finish-animation:after {
            animation: publish-animation 2000ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards 500ms;
            background: url(../../builder/media/svg/publish-tik.svg) no-repeat center center transparent;
            content: '';
            height: 38px;
            left: 32px;
            opacity: 0;
            position: absolute;
            top: -4px;
            width: 22px;
            z-index: 1; }
        .karma-builder-toolbar .karma-builder-right ul li .builder-notification-number {
          align-items: center;
          justify-content: center;
          display: flex;
          text-align: center;
          width: 11px;
          height: 11px;
          top: -3px;
          right: -3px;
          bottom: auto;
          left: auto;
          background-color: #fff;
          border-radius: 100%;
          box-sizing: border-box;
          color: #FFF;
          font-family: "HelveticaNeue_bold";
          font-size: 8px;
          line-height: 9px;
          padding-top: 2px;
          position: absolute; }
          .karma-builder-toolbar .karma-builder-right ul li .builder-notification-number .builder-notification-red-circle {
            width: 5px;
            height: 5px;
            background-color: #FF5D5C;
            border-radius: 100%; }

/* _-_-_- layout/Media Library -_-_-_ */
div.media-modal {
  width: 60vw;
  height: 60vh;
  margin: auto; }

/* Drag and drop styles */
.karma-overlay-on-dragging {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 110; }

@keyframes publish-animation {
  00% {
    opacity: 0;
    transform: scale(0.7); }
  5% {
    opacity: .4;
    transform: scale(0.7); }
  10% {
    opacity: .6;
    transform: scale(0.8); }
  15% {
    opacity: .8;
    transform: scale(0.9); }
  20% {
    opacity: 1;
    transform: scale(1); }
  40% {
    opacity: 1;
    transform: scale(1); }
  60% {
    opacity: 1;
    transform: scale(1); }
  70% {
    opacity: 1;
    transform: scale(1); }
  80% {
    opacity: 1;
    transform: scale(1); }
  83% {
    opacity: .6;
    transform: scale(0.8); }
  85% {
    opacity: .3;
    transform: scale(0.7); }
  100% {
    opacity: 0;
    transform: scale(0.6); } }
@keyframes publish-remove-opacity {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* some custom css for wp media library */
.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
  clip-path: inset(50%); }

/*** Style of setting panel container ***/
#karma-element-setting-panel-container {
  display: flex;
  left: 710px;
  max-width: 330px;
  position: fixed;
  top: 90px;
  z-index: 100; }
  #karma-element-setting-panel-container .karma-hide-controller {
    display: none; }
  #karma-element-setting-panel-container .karma-element-setting-panel {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 20px 11px rgba(57, 73, 89, 0.08);
    margin: 17px;
    min-height: 220px;
    position: relative;
    width: 285px; }
    #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header {
      width: 285px;
      height: 46px;
      background: #fff;
      border-radius: 4px 4px 0 0;
      box-shadow: 0 2px 4px 0 rgba(57, 73, 89, 0.1);
      cursor: all-scroll;
      position: relative;
      z-index: 1; }
      #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-title {
        color: #394959;
        font-family: "HelveticaNeue_med";
        padding: 16px 0 15px 20px;
        text-align: left;
        text-transform: capitalize; }
      #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg {
        top: 11.51px;
        right: 7px;
        bottom: auto;
        left: auto;
        cursor: pointer;
        position: absolute; }
        #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg .revert-svg {
          width: 24.49px;
          height: 24.49px;
          top: 9.51px;
          right: 7px;
          bottom: auto;
          left: auto;
          display: none;
          margin-right: 10px; }
          #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg .revert-svg svg * {
            stroke: #fff !important; }
        #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg .karma-setting-panel-close-svg {
          width: 24.49px;
          height: 24.49px;
          top: 9.51px;
          right: 7px;
          bottom: auto;
          left: auto;
          margin-right: 5px; }
          #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-header .karma-element-setting-panel-header-svg .karma-setting-panel-close-svg svg * {
            stroke: #747F8A; }
    #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-content {
      max-height: 70vh;
      overflow: hidden; }
      #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-content #karma-Builder-form {
        transition: all 0.3s cubic-bezier(0.2, 0.32, 0.07, 1.01); }
        #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-content #karma-Builder-form div:last-child .karma-setting-panel-group-button {
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px; }
        #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-content #karma-Builder-form input.hidden-input {
          display: none; }
        #karma-element-setting-panel-container .karma-element-setting-panel .karma-element-setting-panel-content #karma-Builder-form #elementRow {
          position: relative; }

.tooltip-div {
  background-color: #EBECEE;
  display: none;
  height: 50px;
  position: fixed;
  width: 50px; }

.karma-not-found {
  color: #747F8A;
  margin: 20px; }

/* _-_-_- modules/BUTTONS -_-_-_ */
/* _-_-_- modules/DROPDOWN -_-_-_ */
.karma-dropdown-controller {
  padding: 0 20px; }
  .karma-dropdown-controller .karma-dropdown-label {
    color: #394959;
    margin-top: 22px; }
  .karma-dropdown-controller .karma-dropdown-body {
    cursor: pointer;
    margin-bottom: 18px;
    margin-top: 11px;
    position: relative; }
    .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-header {
      align-items: center; }
      .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon {
        width: 32px;
        height: 32px;
        border-radius: 100px;
        border: 1px solid #D7DBDE; }
        .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon span {
          margin-top: -1px; }
    .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-options {
      width: 250px;
      height: 0;
      background-color: #fff;
      box-shadow: 0 2px 12px 0 rgba(57, 73, 89, 0.2);
      display: none;
      flex-direction: column;
      left: 0;
      list-style: none;
      overflow: hidden;
      padding: 7px;
      position: fixed;
      top: 36px;
      z-index: -70; }
      .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-options.karma-doropdown-opened {
        display: flex;
        height: auto;
        z-index: 100; }

/* _-_-_- modules/GIZMO -_-_-_ */
label {
  margin: 0;
  padding: 0; }

img {
  max-height: inherit;
  max-width: inherit; }

.karma-hide-shortcode-gizmo {
  display: none !important; }

.karma-spacing {
  height: 5px;
  position: relative; }
  .karma-spacing.karma-top-spacing-height {
    height: 0; }
  .karma-spacing.karma-top-spacing {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    .karma-spacing.karma-top-spacing .spacing-dot:after {
      top: 0;
      right: auto;
      bottom: auto;
      left: -8px; }
  .karma-spacing.karma-left-spacing.ui-resizable.karma-left-spacing {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0 !important;
    cursor: ew-resize;
    height: 100%;
    position: absolute; }
    .karma-spacing.karma-left-spacing.ui-resizable.karma-left-spacing .karma-spacing-dot-container {
      cursor: ew-resize;
      left: -1px !important;
      top: 50%;
      transform: translateY(-50%);
      width: 11px; }
    .karma-spacing.karma-left-spacing.ui-resizable.karma-left-spacing .spacing-dot:after {
      top: -8px;
      right: auto;
      bottom: auto;
      left: 0; }
  .karma-spacing.karma-right-spacing.ui-resizable.karma-right-spacing {
    top: 0;
    right: 0 !important;
    bottom: auto;
    left: initial !important;
    cursor: ew-resize;
    height: 100%;
    position: absolute; }
    .karma-spacing.karma-right-spacing.ui-resizable.karma-right-spacing .karma-spacing-dot-container {
      cursor: ew-resize;
      left: calc(100% - 12px) !important;
      top: 50%;
      transform: translateY(-50%); }
    .karma-spacing.karma-right-spacing.ui-resizable.karma-right-spacing .spacing-dot:after {
      top: -8px;
      right: 0;
      bottom: auto;
      left: auto; }
  .karma-spacing.karma-bottom-spacing {
    bottom: 0 !important;
    left: 0;
    position: absolute;
    top: initial !important;
    width: 100%; }
    .karma-spacing.karma-bottom-spacing .karma-spacing-dot-container {
      bottom: -11px !important;
      cursor: ns-resize;
      top: initial !important; }
    .karma-spacing.karma-bottom-spacing .spacing-dot:after {
      top: auto;
      right: auto;
      bottom: 0;
      left: -8px; }

.karma-spacing .resize-handler {
  width: 100%;
  height: 100%;
  position: absolute; }

.tooltip-div {
  width: 39px;
  height: 16px;
  align-items: center;
  background-color: #7AB9FA;
  border-radius: 100px;
  color: #fff;
  display: none;
  font-family: "HelveticaNeue";
  font-size: 9px;
  justify-content: center;
  line-height: 15px;
  position: fixed;
  text-align: center;
  z-index: 100; }

.column-gizmo-group {
  display: none; }

.karma-builder-element[data-name="karma_column"]:not(.karma-resizing-padding) .karma-builder-element:not(.karma-active-element) .karma-element-content:hover {
  box-shadow: 0 0 0 1px #419CF8;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content; }
  .karma-builder-element[data-name="karma_column"]:not(.karma-resizing-padding) .karma-builder-element:not(.karma-active-element) .karma-element-content:hover .karma-title-gizmo-template {
    display: inline-block; }

.karma-title-gizmo-template {
  background-color: #419CF8;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-family: "HelveticaNeue_bold";
  font-size: 10px;
  height: 16px;
  left: -1px;
  padding: 0 7px;
  position: absolute;
  top: -16px;
  white-space: nowrap; }
  .karma-title-gizmo-template * {
    line-height: 15px; }

/* _-_-_- Image Gizmo Styles -_-_-_ */
.karma-active-element[data-name="karma_image"] .karma-hide-gizmo {
  display: none; }
.karma-active-element[data-name="karma_image"] .karma-image-resize {
  outline: 1px solid #419CF8; }
.karma-active-element[data-name="karma_image"] .left-crop {
  background-color: #419CF8;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px; }
  .karma-active-element[data-name="karma_image"] .left-crop .crop-dot {
    left: -4px;
    top: 50%; }
.karma-active-element[data-name="karma_image"] .right-crop {
  background-color: #419CF8;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px; }
  .karma-active-element[data-name="karma_image"] .right-crop .crop-dot {
    right: -4px;
    top: 50%; }
.karma-active-element[data-name="karma_image"] .ui-resizable-w {
  cursor: ew-resize;
  left: -4px;
  top: 50%;
  transform: translateY(-50%); }
.karma-active-element[data-name="karma_image"] .ui-resizable-e {
  cursor: ew-resize;
  right: -4px;
  top: 50%;
  transform: translateY(-50%); }
.karma-active-element[data-name="karma_image"] .bottom-crop {
  background-color: #419CF8;
  bottom: 0;
  height: 1px;
  position: absolute;
  width: 100%; }
  .karma-active-element[data-name="karma_image"] .bottom-crop .crop-dot {
    bottom: -4px;
    left: 50%; }
.karma-active-element[data-name="karma_image"] .ui-resizable-s {
  bottom: -4px;
  cursor: ns-resize;
  left: 50%;
  transform: translateX(-50%); }
.karma-active-element[data-name="karma_image"] .ui-resizable-ne {
  cursor: nw-resize;
  left: -3px;
  top: -3px; }
.karma-active-element[data-name="karma_image"] .ui-resizable-se {
  bottom: -3px;
  cursor: ne-resize;
  left: -3px; }
.karma-active-element[data-name="karma_image"] .ui-resizable-nw {
  cursor: sw-resize;
  right: -3px;
  top: -3px; }
.karma-active-element[data-name="karma_image"] .ui-resizable-sw {
  bottom: -3px;
  cursor: nw-resize;
  right: -3px; }
.karma-active-element[data-name="karma_image"] .ui-resizable-handle:not(.ui-resizable-n) {
  width: 7px;
  height: 7px;
  background-color: #fff;
  border: 1px solid #419CF8;
  box-sizing: border-box;
  position: absolute;
  z-index: 100 !important; }

/* _-_-_- New Section Styles -_-_-_ */
.karma-new-section-icon {
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  background-color: #419CF8;
  border-radius: 50%;
  bottom: 3px;
  cursor: pointer;
  left: 50%;
  margin-left: 30px;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: bottom .2s ease-In .4s, opacity .2s;
  z-index: 100; }
  .karma-new-section-icon svg * {
    cursor: pointer;
    fill: #fff; }

.karma-new-section {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  background-color: #F4F9FF;
  height: 0;
  overflow: hidden;
  transition: all 0.5s; }
  .karma-new-section .karma-new-section-layout-items {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    opacity: 0;
    transition: opacity 0.2s , translate 0.2s;
    visibility: hidden;
    width: 100%; }
  .karma-new-section .karma-new-section-layout {
    cursor: pointer;
    font-size: 0em;
    line-height: normal;
    padding: 11px;
    position: relative;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s; }
    .karma-new-section .karma-new-section-layout:hover {
      background-color: #fff;
      border-radius: 2px;
      box-shadow: 0 6px 18px 4px rgba(65, 156, 248, 0.25);
      padding: 11px;
      top: -12px;
      transition-delay: 0s;
      transition-duration: 0.3s; }
      .karma-new-section .karma-new-section-layout:hover svg * {
        transition-duration: 0.3s;
        fill: #A0CDFB; }

.open-new-section {
  height: 245px;
  transition-duration: 0.5s; }
  .open-new-section .karma-new-section-layout-items {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.2s;
    transition-duration: .3s;
    visibility: visible; }

.karma-new-section-icon {
  box-shadow: 0 4px 15px 3px rgba(65, 156, 248, 0.19); }
  .karma-new-section-icon svg {
    transform: rotate(0deg);
    transition: 0.3s; }

.karma-new-section-icon.section-button-rotate {
  bottom: -16px;
  opacity: 1 !important;
  transition: 0.3s; }
  .karma-new-section-icon.section-button-rotate svg {
    transform: rotate(225deg); }

body:not(.karma-builder-environment) .karma-element-content:hover {
  box-shadow: none !important;
  cursor: default !important; }
body:not(.karma-builder-environment) .karma-element-content .karma-text,
body:not(.karma-builder-environment) .karma-element-content .karma-image-both-resize {
  cursor: default !important; }

.karma-builder-environment .karma-builder-element {
  position: relative; }
  .karma-builder-environment .karma-builder-element .karma-element-content {
    position: relative;
    width: fit-content;
    width: -moz-fit-content; }
    .karma-builder-environment .karma-builder-element .karma-element-content .karma-spacing-dot-container {
      display: none; }
  .karma-builder-environment .karma-builder-element.karma-first-section .karma-inner-gizmo-template {
    top: 110px; }
  .karma-builder-environment .karma-builder-element.karma-active-element .karma-spacing.karma-top-spacing {
    cursor: ns-resize;
    visibility: visible;
    z-index: 0; }
  .karma-builder-environment .karma-builder-element.karma-active-element .karma-element-content > .karma-gizmo-template {
    display: flex; }
  .karma-builder-environment .karma-builder-element.karma-active-element .karma-spacing-dot-container {
    display: inline-block; }
  .karma-builder-environment .karma-builder-element.karma-active-element .karma-have-child-gizmo.karma-show-child-gizmo .karma-gizmo-template {
    display: flex; }
  .karma-builder-environment .karma-builder-element[data-name*="karma_image"] {
    max-width: 100%; }
  .karma-builder-environment .karma-builder-element .karma-text *:focus {
    min-width: 20px;
    box-shadow: 0px 0px 0px 1px #419CF8;
    outline: none; }
  .karma-builder-environment .karma-builder-element .karma-inner-gizmo-template {
    top: 17px;
    right: 17px;
    bottom: auto;
    left: auto; }
  .karma-builder-environment .karma-builder-element .karma-outer-gizmo-template {
    top: -44px;
    right: 0;
    bottom: auto;
    left: auto; }
    .karma-builder-environment .karma-builder-element .karma-outer-gizmo-template.text-gizmo-group {
      left: 0;
      right: auto; }
  .karma-builder-environment .karma-builder-element .karma-gizmo-template {
    width: auto;
    height: 35px;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    text-align: center;
    background-color: #fff;
    border-radius: 2px;
    display: none;
    flex-direction: row-reverse;
    padding: 0 7px;
    position: absolute;
    z-index: 100; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template:not(.section-gizmo-group) {
      left: 0;
      right: auto; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template.column-gizmo-group-responsive {
      left: auto;
      right: 0; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-visibility-option {
      width: 18px;
      height: 12px;
      background-image: url(../media/svg/visibility.svg);
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer;
      margin: 0 7px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-visibility-option.visibility-line {
        width: 18px;
        height: 17px;
        background-image: url(../media/svg/visible-line.svg);
        background-size: contain;
        cursor: pointer;
        margin: 0 7px; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template.text-gizmo-group > div {
      cursor: pointer;
      position: relative;
      white-space: nowrap; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-icon {
      background-color: inherit;
      background-image: none;
      border: none;
      box-shadow: none;
      display: flex;
      margin: 0;
      min-width: initial;
      outline: none;
      padding: 11px 7px;
      transition: 0.1s; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-icon:hover {
        background-color: transparent; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-icon:hover svg * {
          transition: 0.1s;
          fill: #747F8A; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-icon div {
        width: 18px;
        height: 14px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-icon.karma-multi-drop-down-gizmo:hover svg * {
        transition-duration: 0.1s;
        fill: #419CF8; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box {
      background-color: #fff;
      border-radius: 4px;
      cursor: auto;
      display: none;
      flex-direction: column;
      padding: 0 6px 6px 6px;
      position: absolute;
      top: 45px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box:after {
        width: 0;
        height: 0;
        border-bottom: 8px solid #fff;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: '';
        left: 28%;
        position: absolute;
        top: -6px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box button {
        width: 30px;
        height: auto;
        background-color: inherit;
        border: none;
        border-radius: 3px;
        box-shadow: none;
        height: auto;
        line-height: 0;
        margin-bottom: 0;
        margin-top: 6px;
        min-width: inherit;
        outline: none;
        padding: 8px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box button:hover {
          background-color: #D9EBFE; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box button.karma-drop-down-active-item {
          background-color: #D9EBFE; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box button div {
          width: 18px;
          height: 13px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content {
        left: 11px;
        padding-bottom: 0; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-active-multi-drop-down {
          background-color: rgba(65, 156, 248, 0.1);
          color: #419CF8; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-gizmo-multi-drop-down-content-box > div {
          align-items: center;
          justify-content: inherit;
          display: flex;
          text-align: inherit;
          cursor: pointer;
          flex-direction: row;
          margin-bottom: 8px;
          padding: 9px 16px 9px 9px;
          transition-duration: .2s;
          white-space: nowrap; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-gizmo-multi-drop-down-content-box > div:first-child {
            margin-top: 7px; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-gizmo-multi-drop-down-content-box > div:hover {
            background-color: rgba(65, 156, 248, 0.1);
            transition-duration: .2s; }
            .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-gizmo-multi-drop-down-content-box > div:hover .karma-gizmo-multi-drop-down-text {
              color: #419CF8; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-gizmo-multi-drop-down-content-box .karma-gizmo-multi-drop-down-text {
          font-weight: 500;
          padding-left: 15px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-gizmo-multi-drop-down-content .karma-gizmo-multi-drop-down-content-box .karma-gizmo-multi-drop-down-icon {
          width: 24px;
          height: 18px;
          background-position: center;
          background-repeat: no-repeat; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.open-drop-down-gizmo {
        display: flex; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.open-drop-down-gizmo .karma-gizmo-position-content-box {
          width: 72px;
          height: 75px;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down {
        justify-content: inherit;
        left: -147px;
        padding: 0 15px;
        position: absolute;
        width: 190px;
        z-index: 80; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down:after {
          left: 86%; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down .karma-range-slider-number input {
          border: none;
          margin-bottom: 0;
          margin-bottom: 0;
          max-height: 30px;
          max-width: 30px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down .karma-check-box-contain {
          align-items: center;
          display: flex;
          flex-direction: row-reverse;
          padding: 4px 0;
          position: relative; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down .karma-check-box-contain .karma-link-open-new-tab-text {
            color: #394959;
            font-size: 14px;
            left: 0;
            line-height: 28px;
            position: absolute; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-range-slider-number {
          width: 40px;
          height: 29px;
          border: none;
          margin: 0;
          padding: 0; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-input-number-type-unit {
          padding: 0 0 0 2px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-range-slider-content {
          border-bottom: 1px solid rgba(57, 73, 89, 0.1);
          margin-bottom: -3px;
          margin-top: 12px;
          padding: 0 0 7px 9px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio {
          padding: 10px 0;
          text-align: left;
          width: 100%; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio .check-box-circle {
            align-items: center;
            justify-content: center;
            display: flex;
            text-align: inherit;
            width: 24px;
            height: 24px;
            border: 1px solid #D7DBDE;
            border-radius: 100px;
            width: 17px;
            height: 17px; }
            .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio .check-box-circle label {
              width: 10px;
              height: 10px;
              background-color: #419CF8;
              border-radius: 100px;
              transform: scale(0.01, 0.01);
              transition-duration: .3s; }
            .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio .check-box-circle input {
              cursor: pointer;
              opacity: 0;
              position: absolute;
              width: 100%;
              z-index: 100; }
            .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio .check-box-circle input:checked + label {
              transform: scale(1, 1);
              transition-duration: .3s; }
            .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio .check-box-circle .karma-slider-and-drop-down-radio {
              left: 0;
              width: 187px; }
            .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio .check-box-circle input {
              width: auto; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-slider-and-drop-down.karma-range-slider-container .karma-drop-down-radio .check-box-circle label {
            width: 7px;
            height: 7px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down {
        width: 190px;
        height: 83px;
        left: 28px;
        padding: 11px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-check-box-container {
          align-items: center;
          justify-content: center;
          display: flex;
          text-align: inherit;
          width: 24px;
          height: 24px;
          border: 1px solid #D7DBDE;
          border-radius: 100px;
          position: relative; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-check-box-container label {
            width: 10px;
            height: 10px;
            background-color: #419CF8;
            border-radius: 100px;
            transform: scale(0.01, 0.01);
            transition-duration: .3s; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-check-box-container input {
            cursor: pointer;
            opacity: 0;
            position: absolute;
            width: 100%;
            z-index: 100; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-check-box-container input:checked + label {
            transform: scale(1, 1);
            transition-duration: .3s; }
          .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-check-box-container .check-box-circle {
            align-items: center;
            justify-content: center;
            display: flex;
            text-align: center;
            width: 100%;
            height: 100%; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down input.karma-text-link {
          width: 168px;
          height: 28px;
          border-radius: 4px;
          color: #000;
          margin-bottom: 10px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-check-box-container {
          width: 17px;
          height: 17px;
          margin-right: 7px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-check-box-contain {
          align-items: center;
          display: flex; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down label.check-box-circle-fill {
          width: 7px;
          height: 7px; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down .karma-link-open-new-tab-text {
          color: #394959; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-drop-down-box.karma-link-drop-down:after {
          left: 10%; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-container {
      align-items: center;
      justify-content: center;
      position: relative; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-container .karma-all-controller-title {
        color: #394959;
        padding: 22px 20px 7px; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .hidden-input {
      display: none; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box {
      width: 22px;
      height: 22px;
      background-color: #D9EBFE;
      border-radius: 2px;
      cursor: pointer;
      display: flex;
      margin-bottom: 3px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box:hover {
        background-color: #A0CDFB; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-top-left-dot {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 4px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-top-right-dot {
        align-items: flex-start;
        justify-content: flex-end;
        padding: 4px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-top-center-dot {
        align-items: flex-start;
        justify-content: center;
        padding: 4px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-bottom-left-dot {
        align-items: flex-end;
        justify-content: flex-start;
        padding: 4px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-bottom-right-dot {
        align-items: flex-end;
        justify-content: flex-end;
        padding: 4px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-bottom-center-dot {
        align-items: flex-end;
        justify-content: center;
        padding: 4px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-center-left-dot {
        align-items: center;
        justify-content: flex-start;
        padding: 4px;
        text-align: center; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-center-right-dot {
        align-items: center;
        justify-content: flex-end;
        padding: 4px;
        text-align: center; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box.karma-gizmo-position-center-center-dot {
        align-items: center;
        justify-content: center;
        text-align: center; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content .karma-gizmo-position-box .karma-gizmo-position-dot {
        width: 5px;
        height: 5px;
        background-color: #F7F8F9;
        border-radius: 19px;
        opacity: 0.76; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-selected-item {
      background-color: #7AB9FA !important; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-gizmo-position-content {
      left: 21px;
      padding: 7px 7px 5px 7px; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down {
      flex-direction: column;
      left: -12px;
      padding: 0; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down button {
        box-shadow: none;
        margin-left: 6px;
        padding: 11px 7px;
        width: 35px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down .karma-typography-drop-down-left {
        padding-bottom: 6px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down .karma-typography-drop-down-right {
        padding-right: 6px; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down .karma-typography-drop-down-icons {
        flex-direction: row-reverse; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down .karma-typography-link {
        border-top: 1px solid #EBECEE;
        font-family: "HelveticaNeue"; }
        .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down .karma-typography-link a {
          border-bottom: none;
          box-shadow: none;
          color: #419CF8;
          font-family: "HelveticaNeue_med";
          padding: 5px 0; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-typography-drop-down div {
        display: flex;
        flex-direction: column; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-position-drop-down-gizmo:hover svg * {
      transition-duration: 0.1s;
      fill: #419CF8; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-icon {
      align-items: center;
      justify-content: inherit;
      display: flex;
      text-align: inherit;
      cursor: pointer;
      height: 100%;
      padding: 11px 7px;
      transition-duration: 0.1s; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-icon div {
        display: flex; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-icon:hover svg * {
        transition-duration: 0.1s;
        fill: #419CF8; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-icon[data-form="animation-panel"] {
      Cursor: no-drop; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-text {
      align-items: center;
      justify-content: center;
      display: flex;
      text-align: center;
      border-right: 1px solid #D7DBDE;
      color: #394959;
      cursor: pointer;
      font-family: "HelveticaNeue_med";
      height: 18px;
      margin-right: 7px;
      padding: 0 12px 0 5px;
      transition: all 0.3s ease;
      white-space: nowrap;
      /* Non-prefixed version, currently supported by Chrome and Opera */
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-text:hover {
      color: #419CF8;
      transition: all 0.3s ease; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template .karma-builder-gizmo-alignmentGizmo {
      position: relative; }
    .karma-builder-environment .karma-builder-element .karma-gizmo-template div[data-form="more-panel"]:not(.karma-more-setting):not(.karma-more-submenu) {
      width: 0;
      height: 0;
      overflow: hidden;
      padding: 0; }
      .karma-builder-environment .karma-builder-element .karma-gizmo-template div[data-form="more-panel"]:not(.karma-more-setting):not(.karma-more-submenu) svg {
        display: none; }
  .karma-builder-environment .karma-builder-element .karma-spacing-dot-container {
    width: 22px;
    height: 23px;
    cursor: ns-resize;
    display: none;
    left: 48%;
    position: absolute;
    top: -12px; }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container:hover .spacing-dot-hover {
      width: 22px;
      height: 22px;
      transition: width 250ms cubic-bezier(0.23, 1, 0.32, 1), height 250ms cubic-bezier(0.23, 1, 0.32, 1); }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-dot-hover {
      width: 0;
      height: 0;
      background-color: rgba(65, 156, 248, 0.3);
      border-radius: 100%;
      transition: width 250ms cubic-bezier(0.23, 1, 0.32, 1), height 250ms cubic-bezier(0.23, 1, 0.32, 1); }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .karma-row {
      box-shadow: inset 0 0 0 1px rgba(235, 236, 238, 0.7); }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-dot {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-top-hover {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 22px;
      height: 14px;
      display: block;
      margin-top: 10px;
      overflow: hidden;
      position: relative; }
      .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-top-hover .spacing-dot-hover {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 3px; }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-bottom-hover {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 22px;
      height: 11px;
      display: block;
      margin-bottom: 10px;
      overflow: hidden;
      position: relative; }
      .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-bottom-hover .spacing-dot-hover {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 12px; }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-left-hover {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 14px;
      height: 24px;
      display: block;
      overflow: hidden;
      position: relative; }
      .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-left-hover .spacing-dot-hover {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -10px; }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .resize-handler:before {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translate(-50%);
      width: 1px;
      height: 100%;
      background-color: rgba(235, 236, 238, 0.8);
      content: " ";
      cursor: col-resize;
      top: 0;
      transition: background-color .3s, width .2s; }
    .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-right-hover {
      width: 14px;
      height: 24px;
      top: 0;
      right: auto;
      bottom: auto;
      left: -3px;
      display: block;
      margin-right: 0;
      overflow: hidden;
      position: relative; }
      .karma-builder-environment .karma-builder-element .karma-spacing-dot-container .spacing-right-hover .spacing-dot-hover {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -10px; }
  .karma-builder-environment .karma-builder-element .karma-element-content .karma-spacing-dot-container .spacing-dot-hover {
    height: 22px;
    transform: scale(0);
    transition: width 0ms, height 0ms, transform 200ms;
    width: 22px; }
  .karma-builder-environment .karma-builder-element .karma-element-content .karma-spacing-dot-container:hover .spacing-dot-hover {
    height: 22px;
    transform: scale(1);
    transform-origin: center center;
    transition: width 0ms, height 0ms, transform 200ms;
    width: 22px; }
  .karma-builder-environment .karma-builder-element .karma-element-content .karma-spacing-dot-container .spacing-dot {
    width: 6px;
    height: 6px;
    background-color: #419CF8; }
  .karma-builder-environment .karma-builder-element .row-bottom-spacing-dot-container {
    align-items: center;
    bottom: -9px;
    cursor: ns-resize;
    display: none;
    height: 18px;
    justify-content: center;
    left: 48%;
    position: absolute;
    width: 18px; }
    .karma-builder-environment .karma-builder-element .row-bottom-spacing-dot-container:hover .spacing-bottom-dot-hover {
      display: block; }
    .karma-builder-environment .karma-builder-element .row-bottom-spacing-dot-container .spacing-bottom-dot-hover {
      align-items: center;
      background-color: #D9EBFE;
      border-radius: 100%;
      display: none;
      height: 18px;
      justify-content: center;
      width: 18px; }
    .karma-builder-environment .karma-builder-element .row-bottom-spacing-dot-container .spacing-bottom-dot {
      background-color: #fff;
      border: 1px solid #419CF8;
      border-radius: 100%;
      box-sizing: border-box;
      height: 8px;
      position: absolute;
      width: 8px; }
  .karma-builder-environment .karma-builder-element .section-gizmo-group {
    display: none; }
  .karma-builder-environment .karma-builder-element.karma-active-section .karma-row {
    box-shadow: inset 0 0 0 1px rgba(235, 236, 238, 0.6);
    z-index: 1; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-row > .karma-builder-element:last-child .resize-handler {
      display: none; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-row > .karma-builder-element:last-child .karma-right-spacing .karma-spacing-dot-container {
      left: calc( 100% - 11px ) !important; }
      .karma-builder-environment .karma-builder-element.karma-active-section .karma-row > .karma-builder-element:last-child .karma-right-spacing .karma-spacing-dot-container .spacing-dot {
        border-radius: 100%;
        left: 13px; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-row > .karma-builder-element:nth-of-type(1) .karma-left-spacing .karma-spacing-dot-container {
      left: 1px !important; }
      .karma-builder-environment .karma-builder-element.karma-active-section .karma-row > .karma-builder-element:nth-of-type(1) .karma-left-spacing .karma-spacing-dot-container .spacing-dot {
        border-radius: 100%;
        left: 1px; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-row .resize-handler {
      width: 12px;
      height: 100%;
      cursor: col-resize;
      position: absolute;
      right: -5px;
      top: 0;
      z-index: 90; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-row .resize-handler:before {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translate(-50%);
      width: 1px;
      height: 100%;
      background-color: rgba(235, 236, 238, 0.6);
      content: " ";
      cursor: col-resize;
      top: 0;
      transition: background-color .3s, width .2s; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-row .resize-handler:hover:before {
      background-color: #D9EBFE;
      width: 4px; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-row .resize-dragging .resize-handler:before {
      background-color: #D9EBFE;
      width: 4px; }
  .karma-builder-environment .karma-builder-element.karma-active-section.karma-resizable-active .karma-top-spacing .spacing-dot {
    background-color: #419CF8; }
  .karma-builder-environment .karma-builder-element.karma-active-section .section-both-spacing .karma-both-spacing-handler {
    width: 100%;
    height: 15px;
    cursor: ns-resize; }
    .karma-builder-environment .karma-builder-element.karma-active-section .section-both-spacing .karma-both-spacing-handler.karma-both-spacing-handler-bottom {
      bottom: 0;
      position: absolute; }
  .karma-builder-environment .karma-builder-element.karma-active-section .section-both-spacing .karma-bottom-spacing.ui-resizable-resizing .spacing-dot {
    background-color: #419CF8; }
  .karma-builder-environment .karma-builder-element.karma-active-column > .karma-gizmo-template:not(.column-gizmo-group-responsive) {
    display: flex; }
    .karma-builder-environment .karma-builder-element.karma-active-column > .karma-gizmo-template:not(.column-gizmo-group-responsive).karma-outer-gizmo-template.karma-gizmo-container {
      left: 0;
      right: auto; }
  .karma-builder-environment .karma-builder-element.karma-active-column .column-gizmo-group {
    background-color: #9CA4AC;
    cursor: pointer;
    display: block;
    line-height: 16px;
    padding: 0 7px 0 5px;
    position: absolute;
    right: 0;
    top: -16px;
    z-index: 80; }
    .karma-builder-environment .karma-builder-element.karma-active-column .column-gizmo-group .column-setting {
      align-items: center;
      display: flex; }
    .karma-builder-environment .karma-builder-element.karma-active-column .column-gizmo-group .karama-gizmo-icon {
      align-items: center;
      justify-content: center;
      display: flex;
      text-align: center; }
      .karma-builder-environment .karma-builder-element.karma-active-column .column-gizmo-group .karama-gizmo-icon svg {
        width: 10.31px;
        height: 10.31px; }
        .karma-builder-environment .karma-builder-element.karma-active-column .column-gizmo-group .karama-gizmo-icon svg * {
          fill: #fff; }
    .karma-builder-environment .karma-builder-element.karma-active-column .column-gizmo-group .karma-gizmo-title {
      color: #fff;
      font-family: "HelveticaNeue";
      font-size: 10px;
      padding-left: 2.69px;
      vertical-align: top; }
  .karma-builder-environment .karma-builder-element .karma-right-spacing.ui-resizable-resizing div.spacing-dot {
    background-color: #419CF8; }
  .karma-builder-environment .karma-builder-element .karma-right-spacing.ui-resizable-resizing:after {
    background-color: rgba(65, 156, 248, 0.3);
    box-shadow: inset 0 0 0 1px #D9EBFE;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 2px); }
  .karma-builder-environment .karma-builder-element .karma-left-spacing.ui-resizable-resizing div.spacing-dot {
    background-color: #419CF8; }
  .karma-builder-environment .karma-builder-element .karma-left-spacing.ui-resizable-resizing:after {
    background-color: rgba(65, 156, 248, 0.3);
    box-shadow: inset 0 0 0 1px #D9EBFE;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 2px); }
  .karma-builder-environment .karma-builder-element .karma-right-spacing .karma-spacing-dot-container {
    width: 11px;
    z-index: 90; }
    .karma-builder-environment .karma-builder-element .karma-right-spacing .karma-spacing-dot-container .spacing-dot {
      background-color: #fff;
      border: 1px solid #419CF8;
      border-bottom-left-radius: 90px;
      border-top-left-radius: 90px;
      box-sizing: border-box;
      height: 8px;
      left: 14px;
      position: absolute;
      right: 11px;
      width: 8px;
      z-index: 90; }
  .karma-builder-environment .karma-builder-element .karma-left-spacing .karma-spacing-dot-container {
    width: 11px;
    z-index: 90; }
    .karma-builder-environment .karma-builder-element .karma-left-spacing .karma-spacing-dot-container .spacing-dot {
      background-color: #fff;
      border: 1px solid #419CF8;
      border-bottom-right-radius: 90px;
      border-top-right-radius: 90px;
      box-sizing: border-box;
      height: 8px;
      left: 0;
      position: absolute;
      right: 11px;
      width: 8px;
      z-index: 90; }
  .karma-builder-environment .karma-builder-element .karma-bottom-spacing .karma-spacing-dot-container,
  .karma-builder-environment .karma-builder-element .karma-top-spacing .karma-spacing-dot-container {
    left: 50%;
    transform: translateX(-50%);
    z-index: 70; }

div.karma-element-content .karma-top-spacing {
  bottom: 100% !important;
  position: absolute;
  top: auto;
  visibility: hidden;
  width: 100%;
  z-index: -1; }
  div.karma-element-content .karma-top-spacing.ui-resizable-resizing {
    background-color: rgba(65, 156, 248, 0.3);
    border-bottom: 1px solid #419CF8;
    cursor: ew-resize; }
  div.karma-element-content .karma-top-spacing .karma-spacing-dot-container {
    position: absolute;
    top: calc(100% - 11.5px); }

/* _-_-_- modules/THUMBNAILS -_-_-_ */
#karma-element-setting-panel-container .karma-text-input-controller {
  align-items: inherit;
  justify-content: center;
  display: flex;
  text-align: inherit;
  padding-bottom: 18px;
  position: relative; }
  #karma-element-setting-panel-container .karma-text-input-controller input.karma-text-input-field {
    width: 245px;
    height: 36px;
    padding: 7px 14px;
    background: transparent;
    border: 1px solid #D7DBDE;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    color: #747F8A; }
    #karma-element-setting-panel-container .karma-text-input-controller input.karma-text-input-field::placeholder {
      color: rgba(57, 73, 89, 0.6);
      font-family: "HelveticaNeue"; }

#karma-element-setting-panel-container .karma-title-with-background-controller {
  background-color: #ECF5FE;
  padding: 20px;
  width: 100%; }
  #karma-element-setting-panel-container .karma-title-with-background-controller div.karma-title-with-background-field {
    color: #419CF8;
    font-family: "HelveticaNeue_med"; }

.karma-title-controller {
  padding: 22px 20px 18px;
  position: relative;
  width: 100%; }
  .karma-title-controller div.karma-title-field {
    color: #394959; }

.karma-radio-image-controller {
  padding: 0 20px;
  position: relative; }
  .karma-radio-image-controller .radio-image-controller-label {
    color: #394959;
    padding: 22px 0 22px; }
  .karma-radio-image-controller .radio-image-controller-template {
    align-items: center;
    justify-content: space-around;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    width: 100%; }
    .karma-radio-image-controller .radio-image-controller-template .radio-image-controller-img {
      cursor: pointer;
      padding: 0 5px 22px;
      text-align: center; }
    .karma-radio-image-controller .radio-image-controller-template .radio-image-selected-item svg {
      opacity: 1; }
    .karma-radio-image-controller .radio-image-controller-template .radio-image-controller-title {
      color: #747F8A;
      display: block;
      padding-top: 18px;
      text-align: center; }

.radio-image-border-hover svg {
  box-shadow: none;
  display: block;
  border: 1px solid  transparent;
  border-radius: 4px;
  transition: border .2s; }
  .radio-image-border-hover svg:hover {
    border: 1px solid #419CF8; }
.radio-image-border-hover .radio-image-selected-item svg {
  border: 1px solid #419CF8; }

.radio-image-opacity-hover svg {
  box-shadow: none;
  display: block;
  opacity: .3;
  transition: opacity .2s; }
  .radio-image-opacity-hover svg:hover {
    opacity: .6; }
.radio-image-opacity-hover .radio-image-selected-item svg {
  opacity: 1; }

.karma-setting-panel-group-container {
  background-color: #F7F8F9;
  border-top: 1px solid #D7DBDE;
  display: flex;
  flex-direction: column;
  width: 100%; }
  .karma-setting-panel-group-container .karma-controller:nth-of-type(1) {
    padding-top: 6px; }
  .karma-setting-panel-group-container button.karma-setting-panel-group-button {
    align-items: center;
    justify-content: space-between;
    display: flex;
    text-align: center;
    background-color: #F7F8F9;
    border: none;
    border-top: 1px solid #F7F8F9;
    color: #394959;
    cursor: pointer;
    font-size: 15px;
    outline: none;
    padding: 20px;
    transition: 0.4s;
    width: 100%; }
    .karma-setting-panel-group-container button.karma-setting-panel-group-button.karma-group-border-radius {
      border-radius: 0 !important; }
    .karma-setting-panel-group-container button.karma-setting-panel-group-button p {
      margin: 0; }
    .karma-setting-panel-group-container button.karma-setting-panel-group-button .karma-group-button-shape {
      transform: rotate(0);
      transition-duration: .3s; }
      .karma-setting-panel-group-container button.karma-setting-panel-group-button .karma-group-button-shape.karma-group-button-shape-rotate {
        transform: rotate(-180deg);
        transition-duration: .3s; }
  .karma-setting-panel-group-container div.karma-group-panel {
    background-color: #F7F8F9;
    border-radius: 0 0 7px 7px;
    display: none;
    overflow: hidden;
    padding-bottom: 10px; }
  .karma-setting-panel-group-container button.karma-setting-panel-group-button p {
    color: #394959;
    text-transform: capitalize; }

.karma-range-slider-container {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  flex-direction: column;
  padding: 0 20px;
  position: relative; }
  .karma-range-slider-container .karma-range-slider-content {
    align-items: center;
    justify-content: space-between;
    display: flex;
    text-align: inherit;
    padding: 11px 0 18px;
    width: 100%; }
  .karma-range-slider-container .rangeslider--horizontal {
    width: 68%;
    height: 3px;
    background: #D9EBFE;
    border-radius: 50px;
    box-shadow: none; }
    .karma-range-slider-container .rangeslider--horizontal .rangeslider__handle {
      width: 14px;
      height: 14px;
      background-color: #419CF8;
      background-image: none;
      border: 1px solid #419CF8;
      box-shadow: 0 2px 4px 0 #A0CDFB;
      top: -5px;
      touch-action: pan-y;
      -ms-touch-action: pan-y; }
      .karma-range-slider-container .rangeslider--horizontal .rangeslider__handle:after {
        background-image: none; }
    .karma-range-slider-container .rangeslider--horizontal .rangeslider__fill {
      background: #7AB9FA;
      box-shadow: none; }
  .karma-range-slider-container .karma-range-slider-number {
    width: 57px;
    height: 32px;
    border: 1px solid #D7DBDE;
    border-radius: 40px;
    display: inline-flex;
    justify-content: center;
    margin-left: 13px;
    padding: 0 14px;
    color: #394959; }
    .karma-range-slider-container .karma-range-slider-number input {
      align-items: inherit;
      justify-content: inherit;
      display: flex;
      text-align: right;
      border: none;
      color: #000;
      background: transparent;
      padding: 0; }
      .karma-range-slider-container .karma-range-slider-number input:focus {
        border-color: #EBECEE;
        outline: none; }
    .karma-range-slider-container .karma-range-slider-number label {
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 0; }
  .karma-range-slider-container input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none; }
  .karma-range-slider-container input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none; }
  .karma-range-slider-container input[type=number] {
    -moz-appearance: textfield; }

.karma-slider-controller-title {
  color: #394959;
  padding-top: 22px;
  text-align: left;
  width: 100%; }

.karma-range-slider-editable {
  cursor: text;
  display: inline-block;
  height: 32px;
  min-width: 20px; }

.karma-builder-environment .karma-active-section section {
  box-shadow: inset 0 0 0 1px #419CF8; }
.karma-builder-environment .karma-active-section .section-gizmo-group {
  display: flex; }
.karma-builder-environment .karma-active-section div.karma-spacing-dot-container {
  display: inline-block; }
.karma-builder-environment .karma-builder-element[data-name="karma_section"].karma-show-border-section section {
  outline: 1px solid #419CF8; }
.karma-builder-environment .karma-builder-element[data-name="karma_section"]:not(.karma-active-section):hover section {
  box-shadow: inset 0 0 0 1px #A0CDFB; }
.karma-builder-environment .karma-builder-element[data-name="karma_section"]:hover .karma-new-section-icon {
  bottom: -16px;
  opacity: 1;
  transition: opacity,transform 0.2s; }

#karma-element-setting-panel-container .grid-controller-template {
  align-items: center;
  background-color: #ECF5FE;
  display: flex;
  flex-direction: column; }
  #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view {
    padding-top: 22px; }
  #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view-border {
    background-color: #F7F8F9;
    border: 1px solid #419CF8;
    border-radius: 4px;
    flex-wrap: nowrap;
    padding: 0px 3px;
    width: 100px; }
    #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view-border .karma-add-column-view-length {
      background-color: #A0CDFB;
      border-radius: 3px;
      flex-basis: 100%;
      height: 38px;
      margin: 11px 2px 10px 2px; }
    #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view-border .karma-add-column-view-add {
      background-color: transparent;
      border: 1px dotted #419CF8;
      border-radius: 3px;
      cursor: pointer;
      height: 37.64px; }
      #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view-border .karma-add-column-view-add:before, #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view-border .karma-add-column-view-add:after {
        width: 8px;
        height: 2px;
        background-color: #419CF8;
        content: '';
        position: absolute; }
      #karma-element-setting-panel-container .grid-controller-template .karma-add-column-view-border .karma-add-column-view-add:after {
        width: 2px;
        height: 8px; }
  #karma-element-setting-panel-container .grid-controller-template .karma-add-column-button button {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    color: #419CF8;
    background-color: #D9EBFE;
    border-radius: 100px;
    border: 1px solid #D9EBFE;
    cursor: pointer;
    height: 36px;
    padding: 0 20px 0 20px;
    font-family: "HelveticaNeue_med";
    margin: 18px 0;
    text-transform: capitalize; }
    #karma-element-setting-panel-container .grid-controller-template .karma-add-column-button button .karma-oval-button-icon {
      margin-right: 10px; }

.karma-check-box-controller {
  padding: 20px;
  position: relative; }
  .karma-check-box-controller .check-box-controller-template {
    align-items: center;
    justify-content: space-between;
    display: flex;
    text-align: inherit;
    flex-direction: row; }
    .karma-check-box-controller .check-box-controller-template .karma-check-box-title {
      color: #394959; }
    .karma-check-box-controller .check-box-controller-template .karma-check-box-container {
      position: relative; }
      .karma-check-box-controller .check-box-controller-template .karma-check-box-container .check-box-circle {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: inherit;
        width: 24px;
        height: 24px;
        border: 1px solid #D7DBDE;
        border-radius: 100px; }
        .karma-check-box-controller .check-box-controller-template .karma-check-box-container .check-box-circle label {
          width: 10px;
          height: 10px;
          background-color: #419CF8;
          border-radius: 100px;
          transform: scale(0.01, 0.01);
          transition-duration: .3s; }
        .karma-check-box-controller .check-box-controller-template .karma-check-box-container .check-box-circle input {
          cursor: pointer;
          opacity: 0;
          position: absolute;
          width: 100%;
          z-index: 100; }
        .karma-check-box-controller .check-box-controller-template .karma-check-box-container .check-box-circle input:checked + label {
          transform: scale(1, 1);
          transition-duration: .3s; }

.karma-image-position-container {
  align-items: center;
  justify-content: center;
  position: relative; }
  .karma-image-position-container .karma-all-controller-title {
    color: #394959;
    padding: 22px 20px 7px; }

.karma-image-position-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
  padding-bottom: 20px;
  width: 75px; }
  .karma-image-position-content .hidden-input {
    display: none; }
  .karma-image-position-content .karma-image-position-box {
    width: 22px;
    height: 22px;
    background-color: #D9EBFE;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    margin-bottom: 3px; }
    .karma-image-position-content .karma-image-position-box:hover {
      background-color: #A0CDFB; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-top-left-dot {
      align-items: flex-start;
      justify-content: flex-start;
      padding: 4px; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-top-right-dot {
      align-items: flex-start;
      justify-content: flex-end;
      padding: 4px; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-top-center-dot {
      align-items: flex-start;
      justify-content: center;
      padding: 4px; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-bottom-left-dot {
      align-items: flex-end;
      justify-content: flex-start;
      padding: 4px; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-bottom-right-dot {
      align-items: flex-end;
      justify-content: flex-end;
      padding: 4px; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-bottom-center-dot {
      align-items: flex-end;
      justify-content: center;
      padding: 4px; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-center-left-dot {
      align-items: center;
      justify-content: flex-start;
      padding: 4px;
      text-align: center; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-center-right-dot {
      align-items: center;
      justify-content: flex-end;
      padding: 4px;
      text-align: center; }
    .karma-image-position-content .karma-image-position-box.karma-image-position-center-dot {
      align-items: center;
      justify-content: center;
      text-align: center; }
    .karma-image-position-content .karma-image-position-box .karma-image-position-dot {
      width: 5px;
      height: 5px;
      background-color: #F7F8F9;
      border-radius: 19px;
      opacity: 0.76; }

.karma-image-position-selected-item {
  background-color: #7AB9FA !important; }

.karma-unsplash-controller, #karma-add-element .element-panel-section-container.element-panel-image {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  flex-direction: column;
  overflow: hidden;
  padding: 0 22px;
  position: relative; }
  .karma-unsplash-controller .karma-change-loading-icon, #karma-add-element .element-panel-section-container.element-panel-image .karma-change-loading-icon {
    width: 22px;
    height: 22px;
    background-position: center center;
    background-size: initial;
    transition: background-image .1s; }
  .karma-unsplash-controller .unsplash-loading-more, #karma-add-element .element-panel-section-container.element-panel-image .unsplash-loading-more {
    background-image: url(../media/svg/loading.svg);
    background-repeat: no-repeat;
    background-size: 24px; }
  .karma-unsplash-controller .karma-unsplash-search, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-search {
    margin-bottom: 11px;
    margin-top: 18px; }
    .karma-unsplash-controller .karma-unsplash-search input, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-search input {
      width: 245px;
      height: 36px;
      padding: 7px 14px;
      background: transparent;
      border: 1px solid #D7DBDE;
      border-radius: 4px;
      box-sizing: border-box;
      box-shadow: none;
      color: #747F8A;
      min-height: 36px;
      -webkit-appearance: none;
      width: 239px; }
      .karma-unsplash-controller .karma-unsplash-search input::placeholder, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-search input::placeholder {
        color: rgba(57, 73, 89, 0.6);
        font-family: "HelveticaNeue"; }
      .karma-unsplash-controller .karma-unsplash-search input::placeholder, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-search input::placeholder {
        color: #9CA4AC;
        text-align: center; }
  .karma-unsplash-controller .karma-unspalsh-icon, #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-icon {
    background-image: url(../media/svg/unsplash-icon.svg);
    background-repeat: no-repeat;
    cursor: pointer; }
  .karma-unsplash-controller .karma-unsplash-images-result-fake, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result-fake {
    align-items: left;
    justify-content: left;
    display: flex;
    text-align: left;
    width: 100%;
    height: 210px;
    margin-bottom: 15px; }
  .karma-unsplash-controller .karma-unsplash-images-result, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result {
    align-items: left;
    justify-content: left;
    display: flex;
    text-align: left;
    width: 100%;
    height: 210px;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-top: 12px;
    overflow: auto;
    position: absolute;
    right: -22px;
    top: 60px; }
    .karma-unsplash-controller .karma-unsplash-images-result::-webkit-scrollbar, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result::-webkit-scrollbar {
      display: none; }
    .karma-unsplash-controller .karma-unsplash-images-result.unsplash-empty-result, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result.unsplash-empty-result {
      align-items: center;
      justify-content: center;
      display: flex;
      text-align: center; }
      .karma-unsplash-controller .karma-unsplash-images-result.unsplash-empty-result span#karma-not-found-text, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result.unsplash-empty-result span#karma-not-found-text {
        font-family: "HelveticaNeue_bold";
        margin-left: 6px; }
  .karma-unsplash-controller .karma-unspalsh-selected:before, #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-selected:before {
    animation: scaleUP .3s;
    background-image: url(../media/svg/tik.svg);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .karma-unsplash-controller .karma-unspalsh-selected:after, #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-selected:after {
    background-color: rgba(0, 0, 0, 0.2); }
  .karma-unsplash-controller .karma-unspalsh-media-library, #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-media-library {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: inherit;
    cursor: pointer;
    margin-bottom: 18px;
    margin-top: 18px; }
    .karma-unsplash-controller .karma-unspalsh-media-library .karma-unsplash-media-library-svg, #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-media-library .karma-unsplash-media-library-svg {
      width: 26px;
      height: 26px;
      margin-right: 6px; }
    .karma-unsplash-controller .karma-unspalsh-media-library .karma-unsplash-media-library-link, #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-media-library .karma-unsplash-media-library-link {
      color: #419CF8;
      font-size: 15px;
      line-height: 17px; }
  .karma-unsplash-controller .karma-unsplash-copyright, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-copyright {
    color: #394959;
    display: none;
    font-size: 11px;
    line-height: 12px;
    margin-top: 1px;
    text-align: center; }
    .karma-unsplash-controller .karma-unsplash-copyright a, #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-copyright a {
      color: #394959;
      font-size: 11px;
      line-height: 12px; }

.karma-unsplash-images-list {
  width: 77px;
  height: 66px;
  background-color: #D9EBFE;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  cursor: pointer;
  margin: 2.3px;
  position: relative; }
  .karma-unsplash-images-list:after {
    width: 100%;
    height: 100%;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    transition: .3s; }
  .karma-unsplash-images-list:hover:after {
    background-color: rgba(0, 0, 0, 0.2);
    transform: scale(1); }
  .karma-unsplash-images-list .karma-unsplash-avatar {
    width: 19px;
    height: 19px;
    background: url(../media/svg/avatar.svg) no-repeat center;
    bottom: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition-duration: .3s;
    z-index: 100; }
  .karma-unsplash-images-list:hover .karma-unsplash-avatar {
    opacity: 1;
    transition-duration: .3s; }
  .karma-unsplash-images-list.karma-start-dragging {
    visibility: hidden; }
  .karma-unsplash-images-list.karma-grab-element {
    box-shadow: 0 2px 15px 7px rgba(57, 73, 89, 0.07);
    z-index: 120; }
    .karma-unsplash-images-list.karma-grab-element .karma-unsplash-avatar, .karma-unsplash-images-list.karma-grab-element:after {
      display: none; }

.element-panel-image .karma-unsplash-images-list {
  width: 75px;
  height: 65px;
  margin: 3.2px;
  cursor: grab;
  cursor: -webkit-grab; }
  .element-panel-image .karma-unsplash-images-list.karma-start-dragging {
    cursor: -webkit-grabbing; }

.unsplash-avatar {
  background: #fff;
  box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.42);
  color: #394959;
  padding: 5px 8px; }
  .unsplash-avatar .ui-tooltip-content {
    font-family: "HelveticaNeue_med"; }
  .unsplash-avatar .arrow {
    height: 4px; }
    .unsplash-avatar .arrow.top {
      top: -4px; }
      .unsplash-avatar .arrow.top:after {
        background: #fff; }

#karma-element-setting-panel-container .karma-switch-panel-container {
  align-items: inherit;
  justify-content: center;
  display: flex;
  text-align: inherit;
  background-color: #F7F8F9;
  border-radius: 0 0 7px 7px;
  border-top: 1px solid #D7DBDE; }
  #karma-element-setting-panel-container .karma-switch-panel-container #new-form-builder-panel {
    top: 0;
    right: auto;
    bottom: auto;
    left: 360px;
    width: 100%;
    height: inherit;
    position: absolute; }
  #karma-element-setting-panel-container .karma-switch-panel-container .karma-switch-panel-button {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    color: #394959;
    background-color: #fff;
    border-radius: 100px;
    border: 1px solid #D7DBDE;
    cursor: pointer;
    height: 36px;
    padding: 0 20px 0 20px;
    margin: 18px 0;
    text-transform: capitalize; }
    #karma-element-setting-panel-container .karma-switch-panel-container .karma-switch-panel-button .karma-oval-button-icon {
      margin-right: 10px; }
    #karma-element-setting-panel-container .karma-switch-panel-container .karma-switch-panel-button p {
      color: #000;
      margin: 0; }
    #karma-element-setting-panel-container .karma-switch-panel-container .karma-switch-panel-button .karma-switch-panel-shape {
      width: 8px;
      height: 8px;
      border-bottom: 1px solid #747F8A;
      border-left: 1px solid #747F8A;
      margin-right: 9px;
      transform: rotate(45deg);
      transition-duration: .3s; }
    #karma-element-setting-panel-container .karma-switch-panel-container .karma-switch-panel-button.karma-switch-panel-button svg * {
      stroke: #394959; }

.karma-upload-image-content {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  background-color: #ECF5FE;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 115px;
  position: relative; }
  .karma-upload-image-content .karma-image-buttons {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    color: #394959;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 100px;
    height: 36px;
    cursor: pointer;
    text-transform: none;
    transition: background-color .2s;
    padding: 0 20px; }
    .karma-upload-image-content .karma-image-buttons:hover {
      background-color: #FFF; }
  .karma-upload-image-content a {
    z-index: 100; }
    .karma-upload-image-content a:hover {
      text-decoration: none; }
  .karma-upload-image-content .karma-cancel-image-button {
    padding: 0 0 0 11px; }

.karma-upload-image-has-image:after {
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  height: 115px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

#karma-add-element {
  left: 1.35vw;
  position: fixed;
  top: 36%;
  z-index: 100; }
  #karma-add-element * {
    font-family: "HelveticaNeue";
    font-weight: 400; }
  #karma-add-element .karma-element-panel-list {
    flex-wrap: nowrap; }
    #karma-add-element .karma-element-panel-list.karma-active-tab {
      align-items: center;
      justify-content: flex-start;
      display: flex;
      text-align: center; }
    #karma-add-element .karma-element-panel-list .karma-elements {
      align-items: flex-start;
      justify-content: flex-start;
      display: flex;
      text-align: center;
      box-sizing: border-box;
      flex-wrap: wrap;
      height: auto !important;
      max-height: calc(100% - (72px + 4.44vh));
      overflow: hidden;
      padding: 0 9px 4.44vh 19px;
      width: 307px !important; }
    #karma-add-element .karma-element-panel-list .karma-element-single-element {
      width: 90px;
      height: 94px;
      background-color: #fff;
      border: 0 solid transparent;
      border-radius: 4px;
      margin-bottom: 20px;
      opacity: 1; }
      #karma-add-element .karma-element-panel-list .karma-element-single-element:hover {
        border: 1px solid #419CF8; }
      #karma-add-element .karma-element-panel-list .karma-element-single-element span {
        color: #394959; }
  #karma-add-element .karma-deactive-element:hover {
    border: none !important; }
  #karma-add-element .element-panel-button, #karma-add-element .karma-responsive-tablet,
  #karma-add-element .karma-responsive-mobile,
  #karma-add-element .karma-responsive-desktop {
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 7px 15px 3px rgba(57, 73, 89, 0.2);
    cursor: pointer;
    margin-bottom: 15px; }
    #karma-add-element .element-panel-button.element-panel-add-element-button svg, #karma-add-element .element-panel-add-element-button.karma-responsive-tablet svg,
    #karma-add-element .element-panel-add-element-button.karma-responsive-mobile svg,
    #karma-add-element .element-panel-add-element-button.karma-responsive-desktop svg {
      margin-left: 1px;
      margin-top: 1px; }
    #karma-add-element .element-panel-button .icon, #karma-add-element .karma-responsive-tablet .icon,
    #karma-add-element .karma-responsive-mobile .icon,
    #karma-add-element .karma-responsive-desktop .icon {
      width: 48px;
      height: 48px;
      background-position: center;
      background-repeat: no-repeat; }
  #karma-add-element .karma-element-panel-view {
    top: 13vh;
    right: auto;
    bottom: auto;
    left: 78px;
    display: flex;
    max-height: 668px;
    max-width: 464px;
    opacity: 0;
    position: fixed;
    transition: opacity .001s ease-in, left 1s ease-in;
    visibility: hidden; }
    #karma-add-element .karma-element-panel-view:after {
      width: 10px;
      height: 10px;
      background-color: #fff;
      box-shadow: -3px 3px 1px 2px rgba(57, 73, 89, 0.03);
      content: '';
      display: block;
      left: 82px;
      position: fixed;
      top: -4px;
      transform: rotate(45deg); }
    #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view {
      background-color: #fff;
      border-radius: 7px !important;
      box-shadow: 0 2px 15px 7px rgba(57, 73, 89, 0.07);
      height: 77vh;
      overflow: hidden; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view:after {
        top: 38%; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right {
        width: 309px;
        height: 100%; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-permium {
          flex-direction: column;
          height: 76.9vh;
          padding: 0; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container {
          align-items: center;
          justify-content: flex-start;
          display: flex;
          text-align: center;
          display: none;
          flex-direction: column;
          height: 100%; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container.karma-element-panel-list.karma-active-tab {
            align-items: flex-start;
            justify-content: flex-start;
            display: flex;
            text-align: center; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container.karma-active-tab {
            display: flex;
            position: relative; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-img {
            width: 100%; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-img img {
              max-width: 100%; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-title {
            color: #394959;
            font-size: 24px;
            line-height: 29px;
            padding-top: 7.2vh;
            text-align: center; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-description {
            color: #747F8A;
            padding: 19px 1.7vw;
            text-align: center; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-description {
              font-size: 11px; }
              @media screen and (min-width: 1280px) {
                #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-description {
                  font-size: calc(11px + 3 * ((100vw - 1280px) / 86)); } }
              @media screen and (min-width: 1366px) {
                #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-description {
                  font-size: 14px; } }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-button {
            align-items: center;
            justify-content: center;
            display: flex;
            text-align: center;
            color: #fff;
            background-color: #419CF8;
            border-radius: 2px;
            border: none;
            cursor: pointer;
            height: 40px;
            transition-duration: .2s;
            text-decoration: none; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-button:focus {
              transition-duration: .2s; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-section-container .element-panel-part-button:hover {
              transition-duration: 0.2s;
              transform: translateY(-2px);
              box-shadow: 0 10px 15px 0 rgba(57, 73, 89, 0.2); }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-right .element-panel-deactive-part {
          flex-direction: column;
          padding: 0; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left {
        box-shadow: 1px 0px 8px -5px rgba(57, 73, 89, 0.7);
        align-items: inherit;
        justify-content: inherit;
        display: flex;
        text-align: left;
        flex-direction: column;
        width: 8.06vw; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering {
          flex-basis: 100%;
          width: 100%; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter {
            padding: 2.33vh 0.56vw 0 1.56vw; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul .karma-deactive-filter span {
              opacity: .4; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li {
              cursor: pointer;
              display: block;
              position: relative; }
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li .karma-filter-item {
                width: 12px;
                height: 25px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: contain;
                display: none; }
                #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li .karma-filter-item svg * {
                  fill: #D7DBDE; }
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li[data-filter='mysection'] {
                display: none; }
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li label {
                color: #394959;
                cursor: pointer;
                display: block;
                margin: 1.30vh auto;
                padding-left: 1.61vw;
                position: relative;
                z-index: 70; }
                #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li label {
                  font-size: 11px; }
                  @media screen and (min-width: 1288px) {
                    #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li label {
                      font-size: calc(11px + 1 * ((100vw - 1288px) / 78)); } }
                  @media screen and (min-width: 1366px) {
                    #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li label {
                      font-size: 12px; } }
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li .check {
                width: 13px;
                height: 13px;
                top: 4px;
                right: auto;
                bottom: auto;
                left: auto;
                border: 1px solid #9CA4AC;
                border-radius: 100%;
                display: block;
                position: absolute;
                transition: border .25s linear;
                -webkit-transition: border .25s linear; }
                #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li .check:before {
                  width: 5px;
                  height: 5px;
                  top: 4px;
                  right: auto;
                  bottom: auto;
                  left: 4px;
                  border-radius: 100%;
                  content: '';
                  display: block;
                  position: absolute;
                  transition: background 0.25s linear;
                  -webkit-transition: background 0.25s linear; }
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li.active .check:before {
                background: #419CF8; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-content-border {
          border-top: 2px solid rgba(57, 73, 89, 0.08);
          margin: 0 auto;
          width: 4.80vw; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent-title {
          color: #394959;
          font-family: "HelveticaNeue_med";
          white-space: nowrap; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent-title {
            font-size: 12px; }
            @media screen and (min-width: 1288px) {
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent-title {
                font-size: calc(12px + 2 * ((100vw - 1288px) / 78)); } }
            @media screen and (min-width: 1366px) {
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent-title {
                font-size: 14px; } }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent {
          align-items: center;
          justify-content: center;
          display: flex;
          text-align: center;
          flex-direction: column;
          padding: 36px 23px 0 25px; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent-disable .karma-addcontent-name {
          color: #D7DBDE;
          cursor: pointer; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-addcontent-name {
          color: #9CA4AC;
          padding-left: 0.88vw; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-addcontent-name {
            font-size: 12px; }
            @media screen and (min-width: 1288px) {
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-addcontent-name {
                font-size: calc(12px + 2 * ((100vw - 1288px) / 78)); } }
            @media screen and (min-width: 1366px) {
              #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-addcontent-name {
                font-size: 14px; } }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-addcontent-icon svg * {
          cursor: pointer;
          fill: #9CA4AC; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent-disable .karma-addcontent-icon svg * {
          cursor: pointer;
          fill: #D7DBDE; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent ul {
          align-items: left;
          display: flex;
          flex-direction: column;
          list-style: none;
          padding-bottom: 3.75vh;
          padding-top: 19px; }
        #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent {
          align-items: center;
          justify-content: center;
          display: flex;
          text-align: center;
          padding-top: 11px; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent .karma-addcontent-icon {
            align-items: center;
            justify-content: center;
            display: flex;
            text-align: center;
            height: 31px; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent:hover {
            cursor: pointer; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent:hover .karma-addcontent-icon svg * {
              fill: #419CF8; }
            #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent:hover .karma-addcontent-name {
              color: #419CF8;
              cursor: pointer; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent.karma-addcontent-active .karma-addcontent-icon svg * {
            cursor: pointer;
            fill: #419CF8; }
          #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent.karma-addcontent-active .karma-addcontent-name {
            color: #419CF8;
            cursor: pointer; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view[data-active-tab='karma-element-panel-list'] .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li .karma-filter-item svg * {
        fill: #9CA4AC; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view[data-active-tab='karma-element-panel-list'] .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li.active .karma-filter-item svg * {
        fill: #419CF8; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view[data-active-tab='element-panel-section'] .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul li[data-filter='mysection'] {
        display: block; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view[data-active-tab='element-panel-image'] .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-filtering,
      #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view[data-active-tab='element-panel-image'] .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-content-border {
        display: none; }
    #karma-add-element .karma-element-panel-view.karma-deactive-element-panel {
      width: 24.2vw;
      height: 74vh;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 2px 15px 7px rgba(57, 73, 89, 0.07);
      border-radius: 7px;
      max-height: 668px;
      max-width: 464px; }
      #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-section-container {
        align-items: center;
        display: flex;
        flex-direction: column; }
      #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-img {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        overflow: hidden;
        width: 100%; }
        #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-img img {
          width: 100%; }
      #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-title {
        color: #394959;
        font-size: 24px;
        line-height: 29px;
        text-align: center; }
        #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-title {
          font-size: 19px; }
          @media screen and (min-width: 1280px) {
            #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-title {
              font-size: calc(19px + 5 * ((100vw - 1280px) / 86)); } }
          @media screen and (min-width: 1366px) {
            #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-title {
              font-size: 24px; } }
      #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-description {
        color: #747F8A;
        padding: 18px 3.7vw;
        text-align: center; }
        #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-description {
          font-size: 11px; }
          @media screen and (min-width: 1280px) {
            #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-description {
              font-size: calc(11px + 3 * ((100vw - 1280px) / 86)); } }
          @media screen and (min-width: 1366px) {
            #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-description {
              font-size: 14px; } }
      #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-button {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        color: #fff;
        background-color: #419CF8;
        border-radius: 2px;
        border: none;
        cursor: pointer;
        height: 40px;
        transition-duration: .2s;
        text-decoration: none; }
        #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-button:focus {
          transition-duration: .2s; }
        #karma-add-element .karma-element-panel-view.karma-deactive-element-panel .element-panel-part-button:hover {
          transition-duration: 0.2s;
          transform: translateY(-2px);
          box-shadow: 0 10px 15px 0 rgba(57, 73, 89, 0.2); }
    #karma-add-element .karma-element-panel-view.karma-element-panel-templates-template {
      top: 16vh; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-templates-template:after {
        background-color: transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid #fff;
        top: calc( 36% + 80px ); }
    #karma-add-element .karma-element-panel-view.karma-element-panel-unsplash-template {
      top: 19vh; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-unsplash-template:after {
        border-right: 6px solid #fff;
        top: calc(36% + 142px); }
    #karma-add-element .karma-element-panel-view.karma-element-panel-upgrade-template {
      top: 24vh; }
      #karma-add-element .karma-element-panel-view.karma-element-panel-upgrade-template:after {
        border-right: 6px solid #fff;
        top: calc(36% + 206px); }
  #karma-add-element .karma-element-panel-templates-template .element-panel-part-title {
    padding-top: 30px; }
  #karma-add-element .karma-element-panel-unsplash-template .element-panel-part-title {
    padding-top: 60px; }
  #karma-add-element .karma-element-panel-upgrade-template .element-panel-part-title {
    padding-top: 46px; }
  #karma-add-element .karma-element-panel-upgrade-template .element-panel-part-description ul.checkmark li {
    background: url(../media/svg/check.svg) no-repeat 0 50%;
    display: list-item;
    line-height: 27px;
    padding-left: 20px;
    text-align: left; }
  #karma-add-element .karma-element-panel-upgrade-template .element-panel-part-description ul.checkmark {
    display: grid;
    list-style-type: none; }
  #karma-add-element .element-panel-show {
    left: 87px;
    opacity: 1;
    transition: opacity .1s ease-in, left .2s ease-in;
    visibility: visible; }
  #karma-add-element .element-panel-section-container.element-panel-deactive-part {
    align-items: flex-start !important; }
    #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-add-element-inactive-container {
      max-height: 630px; }
      #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-add-element-inactive-container.karma-blocks-container {
        margin-top: 38px; }
    #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-blocks-container .karma-blocks-preloader {
      width: 24px;
      height: 24px;
      background-image: url(../media/svg/loading.svg);
      background-repeat: no-repeat;
      background-size: 24px;
      left: 50%;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      transform: translate(-50%); }
    #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element {
      background-color: #F7F8F9;
      margin: 0 30px 15px 36px;
      position: relative; }
      #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element.karma-start-blocks-dragging {
        visibility: hidden; }
      #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element img {
        cursor: -webkit-grab;
        display: block; }
      #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element .karma-section-hover {
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        cursor: -webkit-grab;
        opacity: 0;
        position: absolute;
        transition-duration: .3s;
        z-index: 2; }
        #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element .karma-section-hover .karma-hover-container {
          color: #fff; }
        #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element .karma-section-hover .karma-section-hover-icon {
          width: 40px;
          height: 15px;
          background: url(../../builder/media/svg/drag-icon.svg) no-repeat center;
          display: block; }
        #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element .karma-section-hover .karma-section-hover-text {
          color: #fff;
          display: inline-block;
          font-size: 12px;
          position: relative;
          text-align: center; }
      #karma-add-element .element-panel-section-container.element-panel-deactive-part .karma-section-element:hover .karma-section-hover {
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 1;
        transition-duration: .3s; }
  #karma-add-element .element-panel-section-container .karma-builder-element-panel-header {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 20px 29px 17px 29px;
    position: relative;
    width: 100%; }
    #karma-add-element .element-panel-section-container .karma-builder-element-panel-header input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.3);
      font-family: "HelveticaNeue_med"; }
    #karma-add-element .element-panel-section-container .karma-builder-element-panel-header input::-webkit-search-cancel-button {
      display: none; }
    #karma-add-element .element-panel-section-container .karma-builder-element-panel-header .karma-search-close-icon {
      background-color: inherit;
      opacity: 0;
      padding: 0;
      position: absolute;
      right: 78.5px;
      transition: opacity .2s;
      z-index: -70; }
      #karma-add-element .element-panel-section-container .karma-builder-element-panel-header .karma-search-close-icon.show-search-close-icon {
        opacity: 1;
        transition: opacity .2s ease .1s;
        z-index: 0; }
      #karma-add-element .element-panel-section-container .karma-builder-element-panel-header .karma-search-close-icon:after {
        background-color: transparent; }
  #karma-add-element .karma-builder-element-panel-gather-menu {
    cursor: pointer;
    padding-left: 0;
    position: relative; }
    #karma-add-element .karma-builder-element-panel-gather-menu.karma-open-element-category-dropdown ul {
      display: block; }
    #karma-add-element .karma-builder-element-panel-gather-menu ul {
      width: 8.05vw;
      height: auto;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 2px 15px 7px rgba(57, 73, 89, 0.07);
      top: 25px;
      right: 0;
      bottom: auto;
      left: auto;
      color: #394959;
      cursor: default;
      display: none;
      list-style: none;
      min-width: max-content;
      min-width: -moz-max-content;
      min-width: -webkit-min-content;
      padding: 1.1vh 0.52vw;
      position: absolute;
      text-align: left;
      white-space: nowrap;
      z-index: 120; }
      #karma-add-element .karma-builder-element-panel-gather-menu ul {
        font-size: 11px; }
        @media screen and (min-width: 1288px) {
          #karma-add-element .karma-builder-element-panel-gather-menu ul {
            font-size: calc(11px + 3 * ((100vw - 1288px) / 212)); } }
        @media screen and (min-width: 1500px) {
          #karma-add-element .karma-builder-element-panel-gather-menu ul {
            font-size: 14px; } }
  #karma-add-element .karma-builder-element-panel-search {
    cursor: pointer; }
  #karma-add-element input.karma-builder-search-text {
    width: 0;
    height: 40px;
    background: url("../../builder/media/svg/search.svg") no-repeat 13px center transparent;
    background-size: 14px;
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    color: #44484a;
    cursor: pointer;
    font-family: "HelveticaNeue";
    margin: 0 17px 0 0;
    padding-left: 27px;
    position: relative;
    transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
    z-index: 0; }
  #karma-add-element input.karma-builder-search-text.open-search-panel {
    width: 224px;
    height: 40px;
    background-color: #F7F8F9;
    background-size: 14px;
    border: none;
    cursor: auto;
    margin-right: 17px;
    outline: none;
    padding-left: 40px;
    padding-right: 28px;
    text-align: left;
    transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
    transition-duration: 0.3s;
    z-index: 0; }
    #karma-add-element input.karma-builder-search-text.open-search-panel:focus {
      background-color: #F7F8F9; }
  #karma-add-element .element-panel-section-container.element-panel-image {
    margin: 0 12px;
    padding: 16px 0 0; }
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-media-library,
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-empty,
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unspalsh-selected,
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-image-input {
      display: none; }
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-copyright {
      display: block; }
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result,
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-result-fake {
      height: 54vh;
      left: 19px;
      max-height: 518px; }
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-list .karma-unsplash-avatar {
      background: url(../../builder/media/svg/drag-icon.svg) no-repeat center 18px;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2; }
      #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-list .karma-unsplash-avatar:before {
        bottom: -33px;
        color: #fff;
        content: "Drag it";
        font-size: 10px;
        left: 22px;
        opacity: 1;
        position: relative; }
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-list:after {
      content: ''; }
    #karma-add-element .element-panel-section-container.element-panel-image .karma-unsplash-images-list:hover:after {
      background-color: rgba(0, 0, 0, 0.6); }
  #karma-add-element .element-panel-add-element-button,
  #karma-add-element .element-panel-layout-element-button,
  #karma-add-element .element-panel-upgrade-element-button {
    position: relative;
    top: 0;
    transition: top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  #karma-add-element .karma-responsive-tablet,
  #karma-add-element .karma-responsive-mobile,
  #karma-add-element .karma-responsive-desktop {
    box-shadow: 0 7px 15px 3px rgba(57, 73, 89, 0);
    position: absolute;
    top: 64px;
    transition: background 0.2s, top 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045), z-index 100ms 400ms;
    z-index: -10; }
    #karma-add-element .karma-responsive-tablet .icon,
    #karma-add-element .karma-responsive-mobile .icon,
    #karma-add-element .karma-responsive-desktop .icon {
      background-position: center;
      background-repeat: no-repeat;
      height: 48px;
      width: 48px; }
  #karma-add-element.karma-show-responsive-buttons .element-panel-add-element-button,
  #karma-add-element.karma-show-responsive-buttons .element-panel-layout-element-button,
  #karma-add-element.karma-show-responsive-buttons .element-panel-upgrade-element-button {
    box-shadow: 0 7px 15px 3px rgba(57, 73, 89, 0);
    position: relative;
    transition: top 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    z-index: -1; }
  #karma-add-element.karma-show-responsive-buttons .element-panel-add-element-button {
    top: 64px; }
  #karma-add-element.karma-show-responsive-buttons .element-panel-layout-element-button {
    top: -64px; }
  #karma-add-element.karma-show-responsive-buttons .element-panel-upgrade-element-button {
    top: -128px; }
  #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-responsive-tablet,
  #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-responsive-mobile,
  #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-responsive-desktop {
    box-shadow: 0 7px 15px 3px rgba(57, 73, 89, 0.2);
    position: absolute;
    transition: background 0.2s, top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2; }
  #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-responsive-mobile {
    top: 126px; }
  #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-responsive-tablet {
    top: 0; }
  #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-responsive-desktop {
    z-index: 2; }
  #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-active-responsive-device {
    background-color: #7B59FF; }
    #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-active-responsive-device.karma-responsive-tablet .icon {
      background-image: url("../media/svg/white-tablet.svg") !important; }
    #karma-add-element.karma-show-responsive-buttons .animate-device-buttons .karma-active-responsive-device.karma-responsive-mobile .icon {
      background-image: url("../media/svg/white-mobile.svg") !important; }

.karma-builder .karma-builder-iframe-container {
  align-items: center;
  background-color: #f6f6f6;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 0; }
  .karma-builder .karma-builder-iframe-container .karma-builder-responsive-frame {
    width: 100%;
    height: 100%;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 13px 83px rgba(68, 83, 99, 0.12);
    display: flex;
    flex-direction: column;
    margin-top: 63px;
    padding: 48px 22px 5px 22px;
    transform: translateZ(0) translate3d(0, 0, 0);
    transition: all .5s ease-out 0s;
    will-change: contents; }
    .karma-builder .karma-builder-iframe-container .karma-builder-responsive-frame .karma-builder-responsive-frame-shape {
      display: flex;
      padding-bottom: 30px; }
      .karma-builder .karma-builder-iframe-container .karma-builder-responsive-frame .karma-builder-responsive-frame-shape .karma-builder-responsive-frame-shape-circle {
        width: 7px;
        height: 7px;
        background-color: #F9F9F9;
        border-radius: 50%;
        margin-right: 10px; }
      .karma-builder .karma-builder-iframe-container .karma-builder-responsive-frame .karma-builder-responsive-frame-shape .karma-builder-responsive-frame-shape-line {
        background-color: #F9F9F9;
        border-radius: 3.5px;
        height: 7px;
        width: 69px; }
.karma-builder.karma-device-mode-desktop .karma-builder-responsive-frame {
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
  padding: 0; }
  .karma-builder.karma-device-mode-desktop .karma-builder-responsive-frame .karma-builder-responsive-frame-shape {
    display: none; }
.karma-builder.karma-device-mode-tablet .karma-builder-responsive-frame {
  width: 816px; }
.karma-builder.karma-device-mode-mobile .karma-builder-responsive-frame {
  box-sizing: content-box;
  width: 419px; }

.karma-builder-environment.karma-device-mode-mobile::-webkit-scrollbar {
  display: none; }
.karma-builder-environment.karma-device-mode-tablet::-webkit-scrollbar {
  display: none; }

/** Separate these stylesheet for jquery UI */
.karma-element-single-element {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  width: 89px;
  height: 94px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  transition: border 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  z-index: 110; }
  .karma-element-single-element.karma-deactive-element {
    opacity: 0.2 !important; }
  .karma-element-single-element:not(.karma-deactive-element) {
    cursor: -webkit-grab;
    cursor: grab; }
  .karma-element-single-element.karma-start-dragging {
    visibility: hidden; }
  .karma-element-single-element.karma-grab-element:not(.karma-deactive-element) {
    box-shadow: 0 2px 15px 7px rgba(57, 73, 89, 0.07); }
    .karma-element-single-element.karma-grab-element:not(.karma-deactive-element):hover {
      border: none !important;
      border-radius: 4px; }
  .karma-element-single-element .karma-element-single-element-icon {
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }

.karma-element-single-element-name {
  margin-top: 4px;
  text-transform: capitalize; }
  .karma-element-single-element-name span {
    color: #394959; }

.karma-section-element.ui-draggable-dragging .karma-section-hover,
.karma-section-element.karma-start-blocks-dragging .karma-section-hover {
  display: none; }

@media (max-width: 1440px) {
  #karma-add-element .karma-addcontent-name,
  #karma-add-element .karma-builder-addcontent-title {
    display: none !important; }

  .karma-addcontent svg {
    height: 17px;
    width: 17px; }

  #karma-add-element .karma-builder-element-panel-header {
    padding: 23px 29px 14px 29px; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left {
    width: 3.81vw; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-builder-addcontent {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    padding: 5px 0 1px; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent {
    padding-top: 2.44vh; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left li.karma-addcontent:first-child {
    padding-top: 0; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left .karma-element-panel-add-element-view-content-border {
    width: 1.9vw; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter .karma-filter-item {
    margin-bottom: 16px;
    display: block !important; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    padding: 26px 0 !important;
    text-align: -webkit-center; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter label,
  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-price-filter-container .karma-element-panel-price-filter .check {
    display: none !important; }

  #karma-add-element .karma-element-panel-view.karma-element-panel-add-element-view .karma-element-panel-add-element-view-left
  .karma-element-panel-add-element-view-filtering .karma-element-panel-price-filter-container .karma-element-panel-price-filter ul .karma-deactive-filter span {
    opacity: 1; }

  #karma-add-element .karma-element-panel-add-element-view .karma-element-panel-add-element-view-left {
    width: 11vw; } }
@media (min-width: 2000px) {
  #karma-add-element .karma-element-panel-templates-template .element-panel-part-title {
    padding-top: 39px; }
  #karma-add-element .karma-element-panel-unsplash-template .element-panel-part-title {
    padding-top: 94px; }
  #karma-add-element .karma-element-panel-upgrade-template .element-panel-part-title {
    padding-top: 57px; }
  #karma-add-element .karma-element-panel-list .karma-elements {
    max-height: calc(100%); }
  #karma-add-element .karma-element-panel-view:after {
    left: 90px; }
  #karma-add-element .element-panel-show {
    left: 96px; } }
.karma-insert-between-sections-placeholder.karma-show-placeholder {
  background-color: rgba(65, 156, 248, 0.2);
  height: 8px;
  width: 100%; }

.karma-insert-between-sections-placeholder.karma-blank-page-placeholder {
  opacity: 0; }

/** customize color picker styles **/
.sp-container {
  left: 657.69px;
  overflow: inherit;
  position: absolute;
  top: 363px; }
  .sp-container:after {
    background-color: #fff;
    box-shadow: -2px -2px 5px 0 rgba(57, 73, 89, 0.16);
    content: '';
    display: block;
    height: 10px;
    left: 45%;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 10px; }

.sp-container .sp-picker-container {
  border-left: none; }

.sp-vertical-alpha .sp-hue {
  width: 11px;
  height: 120px;
  left: 152px; }

.sp-fill {
  padding-top: 68% !important; }

.sp-color {
  width: 145px;
  height: 120px; }

.sp-val {
  width: 146px;
  height: 120px; }

.sp-vertical-alpha .sp-alpha-handle {
  top: -4px;
  right: auto;
  bottom: -4px;
  left: 50%;
  background: transparent;
  border: 1.5px solid #fff;
  border-radius: 100px;
  box-shadow: 0 1px 3px 1px rgba(57, 73, 89, 0.3);
  cursor: pointer;
  opacity: 1;
  position: absolute;
  width: 6px; }

.sp-vertical-alpha .sp-alpha .sp-alpha-handle {
  top: auto;
  right: auto;
  bottom: auto;
  left: -3px;
  width: 14px;
  height: 3.5px; }

.sp-vertical-alpha .sp-alpha {
  width: 11px;
  height: 120px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 168px;
  position: absolute !important; }

.sp-alpha .sp-alpha-inner {
  border: none; }

.sp-val .sp-dragger {
  width: 5px;
  height: 5px;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: transparent;
  border: 1.5px solid #fff;
  box-shadow: 0 1px 3px 1px rgba(57, 73, 89, 0.3);
  cursor: pointer;
  position: absolute; }

.sp-hue .sp-slider {
  width: 15px;
  height: 3.5px;
  top: 0;
  right: -4px;
  bottom: auto;
  left: -4px;
  background: transparent;
  border: 1.5px solid #fff;
  border-radius: 100px;
  box-shadow: 0 1px 3px 1px rgba(57, 73, 89, 0.3);
  cursor: pointer;
  opacity: 1;
  position: absolute; }

.sp-container.sp-light {
  background-color: #fff;
  border: none;
  padding: 0; }

.sp-top-inner .sp-color, .sp-top-inner .sp-hue, .sp-clear {
  border: none; }

/* Input */
.sp-initial-disabled .sp-input-container {
  width: 100%; }

.sp-picker-container .sp-input {
  background: transparent;
  border: none;
  color: #394959;
  font-size: 14px !important;
  margin: 0;
  padding: 10px 4px;
  width: 100%; }

.sp-picker-container .sp-input:focus {
  border: none;
  outline: none; }

.sp-picker-container {
  width: 197px;
  height: 170px;
  box-sizing: border-box !important; }

.sp-vertical-alpha:not(.sp-alpha-enabled) .sp-picker-container {
  width: 183px; }

.karma-color-picker-controller {
  padding: 11px 20px;
  position: relative; }
  .karma-color-picker-controller .color-picker-controller-template {
    align-items: center;
    justify-content: space-between;
    display: flex;
    text-align: inherit;
    flex-direction: row; }
    .karma-color-picker-controller .color-picker-controller-template .karma-color-picker-title {
      color: #394959; }
    .karma-color-picker-controller .color-picker-controller-template .karma-color-picker-controller-container {
      position: relative; }
    .karma-color-picker-controller .color-picker-controller-template .karma-color-picker-controller-container .karma-color-picker-icon {
      width: 32px;
      height: 32px; }

.karma-section-type-tab {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  padding: 20px 10px 0 14px; }
  .karma-section-type-tab ul {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0; }
    .karma-section-type-tab ul li:nth-child(3) {
      Cursor: no-drop; }
    .karma-section-type-tab ul li {
      align-items: center;
      justify-content: center;
      display: flex;
      text-align: center; }
      .karma-section-type-tab ul li:hover .karma-section-type-icon, .karma-section-type-tab ul li.karma-active-background-tab .karma-section-type-icon {
        background-color: #D9EBFE;
        transition: 0.2s; }
        .karma-section-type-tab ul li:hover .karma-section-type-icon svg path, .karma-section-type-tab ul li.karma-active-background-tab .karma-section-type-icon svg path {
          transition: 0.2s;
          fill: #419CF8; }
      .karma-section-type-tab ul li:hover .karma-section-type-text, .karma-section-type-tab ul li.karma-active-background-tab .karma-section-type-text {
        color: #419CF8;
        transition: 0.2s; }
      .karma-section-type-tab ul li .karma-section-type-icon {
        width: 32px;
        height: 32px;
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        background-color: #EBECEE;
        border-radius: 100%;
        transition: 0.2s; }
        .karma-section-type-tab ul li .karma-section-type-icon svg path {
          transition: 0.2s;
          fill: #394959; }
      .karma-section-type-tab ul li .karma-section-type-text {
        color: #394959;
        padding: 4px 15px 4px 3px;
        transition: 0.2s; }

.karma-blank-page-container {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  flex-direction: row;
  font-family: "HelveticaNeue";
  min-height: 100vh; }
  .karma-blank-page-container > div {
    width: 487px;
    height: 643px;
    background-color: #F7F8F9;
    border: 1px solid #EBECEE;
    border-radius: 5px;
    padding: 82px 52px 0 52px;
    position: relative;
    overflow: hidden; }
  .karma-blank-page-container .karma-blank-page-title {
    color: #394959;
    font-family: "HelveticaNeue";
    font-size: 27px;
    font-weight: 600;
    line-height: 37px; }
  .karma-blank-page-container .karma-blank-page-description {
    color: #747F8A;
    font-family: "HelveticaNeue";
    padding-top: 19px; }
  .karma-blank-page-container .karma-blank-page-simple-layout {
    margin-right: 32px; }
    .karma-blank-page-container .karma-blank-page-simple-layout .karma-new-section {
      background-color: transparent;
      height: auto;
      padding-top: 10vh; }
      .karma-blank-page-container .karma-blank-page-simple-layout .karma-new-section .karma-new-section-layout-items {
        flex-wrap: wrap;
        justify-content: space-around;
        opacity: 1;
        padding-bottom: 10px;
        transform: none;
        visibility: visible; }
        .karma-blank-page-container .karma-blank-page-simple-layout .karma-new-section .karma-new-section-layout-items div {
          margin-top: 17px;
          padding: 10px 7px; }
  .karma-blank-page-container .karma-blank-page-section .karma-blank-page-section-link {
    cursor: pointer;
    padding-top: 19px; }
    .karma-blank-page-container .karma-blank-page-section .karma-blank-page-section-link a {
      color: #419CF8;
      font-family: "HelveticaNeue";
      font-size: 17px;
      font-weight: 700;
      line-height: 30px;
      text-decoration: none;
      transition: 0.3s; }
      .karma-blank-page-container .karma-blank-page-section .karma-blank-page-section-link a:hover {
        color: #7AB9FA;
        transition: 0.3s; }
  .karma-blank-page-container .karma-blank-page-section .karma-blank-page-section-image {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%; }

body.karma-device-mode-desktop iframe {
  border: none; }
body.karma-device-mode-tablet .karma-builder-element[data-name="karma_text"].karma-active-element .karma-text, body.karma-device-mode-mobile .karma-builder-element[data-name="karma_text"].karma-active-element .karma-text {
  box-shadow: 0 0 0 1px #419CF8; }
body.karma-device-mode-tablet #karma-builder-layout .text-gizmo-group,
body.karma-device-mode-tablet #karma-builder-layout .image-gizmo-group,
body.karma-device-mode-tablet #karma-builder-layout .image-box-gizmo-group,
body.karma-device-mode-tablet #karma-builder-layout .video-box-gizmo-group,
body.karma-device-mode-tablet #karma-builder-layout .image-text-gizmo-group,
body.karma-device-mode-tablet #karma-builder-layout .karma-image-text-box-description-gizmo,
body.karma-device-mode-tablet #karma-builder-layout .karma-image-text-box-link-gizmo,
body.karma-device-mode-tablet #karma-builder-layout .video-text-gizmo-group,
body.karma-device-mode-tablet #karma-builder-layout .karma-video-box-description-gizmo,
body.karma-device-mode-tablet #karma-builder-layout .karma-video-box-link-gizmo,
body.karma-device-mode-tablet #karma-builder-layout .element-name-text-gizmo,
body.karma-device-mode-tablet #karma-builder-layout .karma-title-gizmo-template,
body.karma-device-mode-tablet #karma-builder-layout .karma-new-section-icon,
body.karma-device-mode-tablet #karma-builder-layout .button-gizmo-group, body.karma-device-mode-mobile #karma-builder-layout .text-gizmo-group,
body.karma-device-mode-mobile #karma-builder-layout .image-gizmo-group,
body.karma-device-mode-mobile #karma-builder-layout .image-box-gizmo-group,
body.karma-device-mode-mobile #karma-builder-layout .video-box-gizmo-group,
body.karma-device-mode-mobile #karma-builder-layout .image-text-gizmo-group,
body.karma-device-mode-mobile #karma-builder-layout .karma-image-text-box-description-gizmo,
body.karma-device-mode-mobile #karma-builder-layout .karma-image-text-box-link-gizmo,
body.karma-device-mode-mobile #karma-builder-layout .video-text-gizmo-group,
body.karma-device-mode-mobile #karma-builder-layout .karma-video-box-description-gizmo,
body.karma-device-mode-mobile #karma-builder-layout .karma-video-box-link-gizmo,
body.karma-device-mode-mobile #karma-builder-layout .element-name-text-gizmo,
body.karma-device-mode-mobile #karma-builder-layout .karma-title-gizmo-template,
body.karma-device-mode-mobile #karma-builder-layout .karma-new-section-icon,
body.karma-device-mode-mobile #karma-builder-layout .button-gizmo-group {
  display: none !important; }
body.karma-device-mode-tablet #karma-builder-layout .resize-handler, body.karma-device-mode-mobile #karma-builder-layout .resize-handler {
  pointer-events: none !important; }
body.karma-device-mode-tablet #karma-builder-layout .karma-image-resize .ui-resizable-handle, body.karma-device-mode-mobile #karma-builder-layout .karma-image-resize .ui-resizable-handle {
  display: none; }
body.karma-device-mode-tablet #karma-builder-layout .karma-image-text-box, body.karma-device-mode-mobile #karma-builder-layout .karma-image-text-box {
  height: auto; }
body.karma-device-mode-tablet #karma-builder-layout .karma-video-box, body.karma-device-mode-mobile #karma-builder-layout .karma-video-box {
  height: auto; }
body #karma-builder-layout {
  cursor: auto; }
  body #karma-builder-layout .karma-builder-element[data-name="karma_section"] {
    cursor: auto; }

@media (max-width: 768px) {
  .karma-builder-environment {
    /* _-_-_- Section Responsive Gizmo Style -_-_-_ */
    /* _-_-_- column Responsive Gizmo Style -_-_-_ */ }
    .karma-builder-environment .karma-active-section .section-gizmo-group {
      display: none; }
    .karma-builder-environment #karma-builder-layout[style*="top"] {
      position: relative; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-gizmo-template.karma-inner-gizmo-template.section-gizmo-group-responsive {
      display: flex; }
      .karma-builder-environment .karma-builder-element.karma-active-section .karma-gizmo-template.karma-inner-gizmo-template.section-gizmo-group-responsive.karma-gizmo-container {
        width: 77px;
        height: 22px;
        background-color: #419CF8;
        left: 0;
        top: 0;
        padding-right: 3px;
        border-radius: 0; }
      .karma-builder-environment .karma-builder-element.karma-active-section .karma-gizmo-template.karma-inner-gizmo-template.section-gizmo-group-responsive .karma-builder-gizmo-text {
        color: #fff;
        border: none;
        padding: 0 5px;
        margin: 0;
        font-size: 10px; }
        .karma-builder-environment .karma-builder-element.karma-active-section .karma-gizmo-template.karma-inner-gizmo-template.section-gizmo-group-responsive .karma-builder-gizmo-text:hover {
          color: #fff; }
      .karma-builder-environment .karma-builder-element.karma-active-section .karma-gizmo-template.karma-inner-gizmo-template.section-gizmo-group-responsive .karma-responsive-layout-drop-down-gizmo {
        padding: 7px; }
        .karma-builder-environment .karma-builder-element.karma-active-section .karma-gizmo-template.karma-inner-gizmo-template.section-gizmo-group-responsive .karma-responsive-layout-drop-down-gizmo svg * {
          fill: #fff; }
        .karma-builder-environment .karma-builder-element.karma-active-section .karma-gizmo-template.karma-inner-gizmo-template.section-gizmo-group-responsive .karma-responsive-layout-drop-down-gizmo:hover svg * {
          fill: #fff; }
    .karma-builder-environment .karma-builder-element.karma-active-section .karma-responsive-layout-drop-down {
      top: 33px;
      right: -8px; }
      .karma-builder-environment .karma-builder-element.karma-active-section .karma-responsive-layout-drop-down:after {
        left: 30%; }
      .karma-builder-environment .karma-builder-element.karma-active-section .karma-responsive-layout-drop-down button {
        padding: 6px 5px;
        transition: 0.2s; }
        .karma-builder-environment .karma-builder-element.karma-active-section .karma-responsive-layout-drop-down button:hover {
          background-color: transparent; }
          .karma-builder-environment .karma-builder-element.karma-active-section .karma-responsive-layout-drop-down button:hover svg * {
            fill: #419CF8;
            opacity: 1;
            transition: 0.2s; }
        .karma-builder-environment .karma-builder-element.karma-active-section .karma-responsive-layout-drop-down button.karma-drop-down-active-item {
          background-color: transparent; }
          .karma-builder-environment .karma-builder-element.karma-active-section .karma-responsive-layout-drop-down button.karma-drop-down-active-item svg * {
            fill: #419CF8;
            opacity: 1; }
    .karma-builder-environment .karma-builder-element.karma-active-column .karma-gizmo-template.karma-inner-gizmo-template.column-gizmo-group-responsive {
      display: flex; }
      .karma-builder-environment .karma-builder-element.karma-active-column .karma-gizmo-template.karma-inner-gizmo-template.column-gizmo-group-responsive.karma-gizmo-container {
        width: 88px;
        height: 25px;
        right: 5px;
        top: -30px; }
      .karma-builder-environment .karma-builder-element.karma-active-column .karma-gizmo-template.karma-inner-gizmo-template.column-gizmo-group-responsive .karma-builder-gizmo-hidden.karma-visibility-option {
        width: 15px;
        height: 10px;
        cursor: pointer;
        background-size: contain;
        margin: 0 2px; }
        .karma-builder-environment .karma-builder-element.karma-active-column .karma-gizmo-template.karma-inner-gizmo-template.column-gizmo-group-responsive .karma-builder-gizmo-hidden.karma-visibility-option.visibility-line {
          width: 15px;
          height: 14px;
          cursor: pointer;
          background-size: contain;
          margin: 0 2px; }
      .karma-builder-environment .karma-builder-element.karma-active-column .karma-gizmo-template.karma-inner-gizmo-template.column-gizmo-group-responsive .karma-builder-gizmo-text {
        border: none;
        padding: 0 5px;
        margin: 0;
        font-size: 10px;
        cursor: default;
        line-height: 17px; }
        .karma-builder-environment .karma-builder-element.karma-active-column .karma-gizmo-template.karma-inner-gizmo-template.column-gizmo-group-responsive .karma-builder-gizmo-text:hover {
          color: #394959; }
    .karma-builder-environment .karma-builder-element.karma-active-column .column-gizmo-group {
      display: none; }
    .karma-builder-environment *:not(#karma-builder-layout):not(.tooltip-div) {
      visibility: hidden !important; }
    .karma-builder-environment #karma-show-parent,
    .karma-builder-environment #karma-builder-layout *[class*="karma"] * {
      visibility: visible !important; }
    .karma-builder-environment .karma-element-hide {
      display: none !important; } }
.karma-builder-environment.karma-device-mode-mobile *:not(#karma-builder-layout):not(.tooltip-div) {
  visibility: hidden !important; }
.karma-builder-environment.karma-device-mode-mobile #karma-show-parent,
.karma-builder-environment.karma-device-mode-mobile #karma-builder-layout *[class*="karma"] * {
  visibility: visible !important; }

#wpadminbar #wp-admin-bar-karma_customizer_button {
  background-image: url(../media/svg/wordpress-nav-edit-karma.svg);
  background-position: left 0px bottom 9px;
  background-repeat: no-repeat;
  padding-left: 10px;
  margin-left: 6px; }
  #wpadminbar #wp-admin-bar-karma_customizer_button:hover a {
    background-color: inherit;
    color: #419cf8; }

#wpadminbar #wp-admin-bar-karma_customizer_add_new_button {
  background-image: url(../media/svg/wordpress-nav-add-new.svg);
  background-position: left 0px bottom 9px;
  background-repeat: no-repeat;
  padding-left: 16px;
  margin-left: 6px; }
  #wpadminbar #wp-admin-bar-karma_customizer_add_new_button:hover a {
    color: #1dc9ab;
    background-color: inherit; }

/*# sourceMappingURL=builder-styles.css.map */