/*
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-dropdown-controller .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon, #karma-typography-setting #karma-typography-manager .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon, #karma-typography-setting {
  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, #karma-typography-setting #karma-typography-manager .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-second-header .karma-location-name {
  font-size: 20px;
  line-height: 32px; }

.karma-builder-title-2, #karma-typography-setting #karma-typography-manager .karma-typography-box-title, #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font {
  font-size: 16px;
  line-height: 28px; }

.karma-builder-title-3, .karma-typography-box-style, #karma-typography-setting #karma-typography-manager .karma-typography-size input.karma-range-slider-input.karma-input-number-type-input, #karma-typography-setting #karma-typography-manager .karma-typography-size label.karma-unit.karma-input-number-type-unit, .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-dropdown-controller, #karma-typography-setting #karma-typography-manager, .karma-range-slider-container .karma-range-slider-number label, #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-number label, .karma-slider-controller-title, .karma-second-header .karma-buttons-holder .karma-backto-previous-location {
  font-size: 14px;
  line-height: 16px; }

.karma-builder-title-4, .karma-range-slider-container .karma-range-slider-number input, #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-number input, #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li span {
  font-size: 12px;
  line-height: 22px; }

.karma-builder-title-5 {
  font-size: 10px;
  line-height: 20px; }

.karma-paragraph {
  font-size: 14px;
  line-height: 24px; }

.karma-coming-soon-typo {
  color: #394959;
  font-family: "HelveticaNeue_med";
  font-size: 12px;
  line-height: 15px;
  margin: 38px 38px 35px; }

.karma-colorpicker-style-border-radius {
  border-radius: 23px; }

.karma-colorpicker-style-border-radius-box {
  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-second-header .karma-buttons-holder .karma-backto-previous-location {
  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 {
  box-shadow: 0 2px 12px 0 rgba(57, 73, 89, 0.2); }

.karma-builder-shadow-box-3, #karma-typography-setting #karma-font-manager .karma-google-fonts-list {
  box-shadow: 0 4px 15px 4px rgba(57, 73, 89, 0.2); }

.karma-dropdown-option, .karma-dropdown-controller .karma-dropdown-option, #karma-typography-setting #karma-typography-manager .karma-dropdown-option {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  padding: 10px;
  transition: background-color .2s; }
  .karma-dropdown-option .karma-dropdown-option-title, #karma-typography-setting #karma-typography-manager .karma-dropdown-option .karma-dropdown-option-title {
    transition: color .2s; }
  .karma-dropdown-option.karma-selected-dropdown-option, #karma-typography-setting #karma-typography-manager .karma-selected-dropdown-option.karma-dropdown-option {
    background-color: #ECF5FE; }
    .karma-dropdown-option.karma-selected-dropdown-option .karma-dropdown-option-title, #karma-typography-setting #karma-typography-manager .karma-selected-dropdown-option.karma-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-typography-setting #karma-typography-manager .karma-dropdown-option:not(.karma-selected-dropdown-option):hover .karma-dropdown-option-title {
    color: #419CF8; }
  .karma-dropdown-option .karma-dropdown-option-icon, #karma-typography-setting #karma-typography-manager .karma-dropdown-option .karma-dropdown-option-icon {
    margin-right: 15px; }

.dot-gizmo {
  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 {
    width: 22px;
    height: 22px;
    content: ""; }

.karma-typography-box-style, #karma-typography-setting #karma-typography-manager .karma-typography-size input.karma-range-slider-input.karma-input-number-type-input, #karma-typography-setting #karma-typography-manager .karma-typography-size label.karma-unit.karma-input-number-type-unit {
  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-typography-setting .karma-panel {
  z-index: 0;
  display: none; }
#karma-typography-setting .karma-panel.current, #karma-typography-setting .karma-panel.karma-element-exit {
  z-index: 2;
  display: flex; }
#karma-typography-setting .karma-panel.karma-element-enter {
  display: flex; }
#karma-typography-setting .karma-element-animating .karma-element-exit,
#karma-typography-setting .karma-element-animating .karma-element-enter {
  -webkit-transition: opacity .3s , transform .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
  transition: opacity 0.3s, transform 0.3s; }
#karma-typography-setting .karma-element-exit.slideup {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
#karma-typography-setting .karma-element-animating .karma-element-exit.slideup {
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%); }
#karma-typography-setting .karma-element-exit.slidedown {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
#karma-typography-setting .karma-element-animating .karma-element-exit.slidedown {
  -webkit-transform: translateY(5%);
  -ms-transform: translateY(5%);
  transform: translateY(5%); }
#karma-typography-setting .karma-element-enter.slidedown {
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%); }
#karma-typography-setting .karma-element-animating .karma-element-enter.slidedown {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
#karma-typography-setting .karma-element-enter.slideup {
  -webkit-transform: translateY(5%);
  -ms-transform: translateY(5%);
  transform: translateY(5%); }
#karma-typography-setting .karma-element-animating .karma-element-enter.slideup {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
#karma-typography-setting .karma-element-enter.fade {
  opacity: 0; }
#karma-typography-setting .karma-element-animating .karma-element-enter.fade {
  opacity: 1; }
#karma-typography-setting .karma-element-exit.fade {
  opacity: 1; }
#karma-typography-setting .karma-element-animating .karma-element-exit.fade {
  opacity: 0; }
#karma-typography-setting .karma-element-animating .karma-panel.karma-element-enter {
  -webkit-transition-delay: .3s !important;
  -ms-transition-delay: .3s !important;
  transition-delay: .3s !important; }

/* _-_-_- modules/DROPDOWN -_-_-_ */
.karma-dropdown-controller, #karma-typography-setting #karma-typography-manager {
  padding: 0 20px; }
  .karma-dropdown-controller .karma-dropdown-label, #karma-typography-setting #karma-typography-manager .karma-dropdown-label {
    color: #394959;
    margin-top: 22px; }
  .karma-dropdown-controller .karma-dropdown-body, #karma-typography-setting #karma-typography-manager .karma-dropdown-body {
    cursor: pointer;
    margin-bottom: 18px;
    margin-top: 11px;
    position: relative; }
    .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-header, #karma-typography-setting #karma-typography-manager .karma-dropdown-body .karma-dropdown-header {
      align-items: center; }
      .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon, #karma-typography-setting #karma-typography-manager .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, #karma-typography-setting #karma-typography-manager .karma-dropdown-body .karma-dropdown-header .karma-dropdown-icon span {
          margin-top: -1px; }
    .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-options, #karma-typography-setting #karma-typography-manager .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, #karma-typography-setting #karma-typography-manager .karma-dropdown-body .karma-dropdown-options.karma-doropdown-opened {
        display: flex;
        height: auto;
        z-index: 100; }

.karma-range-slider-container, #karma-typography-setting #karma-typography-manager .karma-typography-size {
  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, #karma-typography-setting #karma-typography-manager .karma-typography-size .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, #karma-typography-setting #karma-typography-manager .karma-typography-size .rangeslider--horizontal {
    width: 68%;
    height: 3px;
    background: #D9EBFE;
    border-radius: 50px;
    box-shadow: none; }
    .karma-range-slider-container .rangeslider--horizontal .rangeslider__handle, #karma-typography-setting #karma-typography-manager .karma-typography-size .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, #karma-typography-setting #karma-typography-manager .karma-typography-size .rangeslider--horizontal .rangeslider__handle:after {
        background-image: none; }
    .karma-range-slider-container .rangeslider--horizontal .rangeslider__fill, #karma-typography-setting #karma-typography-manager .karma-typography-size .rangeslider--horizontal .rangeslider__fill {
      background: #7AB9FA;
      box-shadow: none; }
  .karma-range-slider-container .karma-range-slider-number, #karma-typography-setting #karma-typography-manager .karma-typography-size .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, #karma-typography-setting #karma-typography-manager .karma-typography-size .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, #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-number input:focus {
        border-color: #EBECEE;
        outline: none; }
    .karma-range-slider-container .karma-range-slider-number label, #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-number label {
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 0; }
  .karma-range-slider-container input::-webkit-inner-spin-button, #karma-typography-setting #karma-typography-manager .karma-typography-size input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none; }
  .karma-range-slider-container input::-webkit-outer-spin-button, #karma-typography-setting #karma-typography-manager .karma-typography-size input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none; }
  .karma-range-slider-container input[type=number], #karma-typography-setting #karma-typography-manager .karma-typography-size 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-toolbar {
  box-shadow: none; }
  .karma-builder-toolbar .karma-builder-left {
    padding-left: 0; }
  .karma-builder-toolbar .karma-builder-right {
    padding-right: 9px; }
    .karma-builder-toolbar .karma-builder-right .karma-builder-controls ul .builder-publish {
      display: none; }
  .karma-builder-toolbar .karma-header-container {
    width: 1200px; }

#karma-typography-setting {
  width: 100vw;
  height: 90vh;
  background-color: rgba(57, 73, 89, 0.1);
  overflow-y: scroll; }
  #karma-typography-setting .karma-panel.current {
    display: flex; }
  #karma-typography-setting > div {
    min-height: 700px;
    position: relative;
    width: 1200px; }
  #karma-typography-setting #karma-typography-manager,
  #karma-typography-setting #karma-font-manager {
    width: 100%;
    height: auto;
    left: 0;
    margin-bottom: 85px;
    position: absolute;
    top: 0; }
  #karma-typography-setting #karma-typography-manager {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0; }
    #karma-typography-setting #karma-typography-manager .karma-typography-box {
      background-color: #fff;
      border-radius: 4px;
      box-shadow: 0 4px 15px 4px #D7DBDE;
      box-sizing: border-box;
      flex-basis: 32%;
      height: 350px;
      margin-bottom: 25px;
      padding: 23px; }
    #karma-typography-setting #karma-typography-manager .karma-typography-box:last-child {
      margin-right: 34%; }
    #karma-typography-setting #karma-typography-manager .karma-typography-box-title {
      color: #419CF8;
      cursor: default;
      font-family: "HelveticaNeue_med";
      padding-bottom: 20px; }
    #karma-typography-setting #karma-typography-manager .karma-typography-text {
      border-bottom: 1px solid #D9EBFE;
      color: #747F8A;
      height: 215px;
      line-height: 1.15em;
      overflow: hidden;
      word-break: break-all; }
    #karma-typography-setting #karma-typography-manager .karma-typography-styles {
      display: flex;
      margin-top: 15px; }
      #karma-typography-setting #karma-typography-manager .karma-typography-styles > div {
        width: 33%; }
      #karma-typography-setting #karma-typography-manager .karma-typography-styles .karma-controller.karma-controller-action {
        width: 100%; }
    #karma-typography-setting #karma-typography-manager .karma-typography-font {
      border-right: 1px solid #D9EBFE; }
      #karma-typography-setting #karma-typography-manager .karma-typography-font .karma-dropdown-controller, #karma-typography-setting #karma-typography-manager .karma-typography-font #karma-typography-manager {
        padding: 0; }
        #karma-typography-setting #karma-typography-manager .karma-typography-font .karma-dropdown-controller .karma-dropdown-body, #karma-typography-setting #karma-typography-manager .karma-typography-font #karma-typography-manager .karma-dropdown-body {
          margin: 0; }
          #karma-typography-setting #karma-typography-manager .karma-typography-font .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-add-font, #karma-typography-setting #karma-typography-manager .karma-typography-font #karma-typography-manager .karma-dropdown-body .karma-dropdown-add-font {
            order: 10; }
            #karma-typography-setting #karma-typography-manager .karma-typography-font .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-add-font a, #karma-typography-setting #karma-typography-manager .karma-typography-font #karma-typography-manager .karma-dropdown-body .karma-dropdown-add-font a {
              box-shadow: none;
              color: #419CF8;
              display: flex;
              font-family: "HelveticaNeue";
              justify-content: flex-start;
              padding: 16px 10px 6px 10px;
              text-decoration: none; }
              #karma-typography-setting #karma-typography-manager .karma-typography-font .karma-dropdown-controller .karma-dropdown-body .karma-dropdown-add-font a:after, #karma-typography-setting #karma-typography-manager .karma-typography-font #karma-typography-manager .karma-dropdown-body .karma-dropdown-add-font a:after {
                width: 100%;
                height: 1px;
                background-color: #D9EBFE;
                bottom: 38px;
                content: '';
                left: 0;
                position: absolute; }
        #karma-typography-setting #karma-typography-manager .karma-typography-font .karma-dropdown-controller .karma-dropdown-icon, #karma-typography-setting #karma-typography-manager .karma-typography-font #karma-typography-manager .karma-dropdown-icon {
          border: none; }
    #karma-typography-setting #karma-typography-manager .karma-typography-weight {
      border-right: 1px solid #D9EBFE;
      padding-left: 9px; }
      #karma-typography-setting #karma-typography-manager .karma-typography-weight .karma-dropdown-controller, #karma-typography-setting #karma-typography-manager .karma-typography-weight #karma-typography-manager {
        padding: 0; }
        #karma-typography-setting #karma-typography-manager .karma-typography-weight .karma-dropdown-controller .karma-dropdown-body, #karma-typography-setting #karma-typography-manager .karma-typography-weight #karma-typography-manager .karma-dropdown-body {
          margin: 0; }
        #karma-typography-setting #karma-typography-manager .karma-typography-weight .karma-dropdown-controller .karma-dropdown-icon, #karma-typography-setting #karma-typography-manager .karma-typography-weight #karma-typography-manager .karma-dropdown-icon {
          border: none; }
        #karma-typography-setting #karma-typography-manager .karma-typography-weight .karma-dropdown-controller .karma-dropdown-selected-item, #karma-typography-setting #karma-typography-manager .karma-typography-weight #karma-typography-manager .karma-dropdown-selected-item {
          max-width: 75px; }
    #karma-typography-setting #karma-typography-manager .karma-dropdown-body .karma-dropdown-options {
      width: 150px; }
      #karma-typography-setting #karma-typography-manager .karma-dropdown-body .karma-dropdown-options .karma-dropdown-option-title {
        text-transform: capitalize; }
    #karma-typography-setting #karma-typography-manager .karma-dropdown-body .karma-dropdown-selected-item {
      color: #419CF8;
      max-width: 77px;
      overflow: hidden;
      text-transform: capitalize;
      white-space: nowrap; }
    #karma-typography-setting #karma-typography-manager .karma-typography-size {
      padding: 0; }
      #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-content {
        width: 110px; }
      #karma-typography-setting #karma-typography-manager .karma-typography-size input.karma-range-slider-input.karma-input-number-type-input {
        border: none;
        flex-basis: initial;
        padding-right: 3px;
        text-align: right;
        width: 26px; }
      #karma-typography-setting #karma-typography-manager .karma-typography-size .rangeslider {
        width: 52px; }
      #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-number {
        border: none;
        margin: 0;
        padding: 0; }
      #karma-typography-setting #karma-typography-manager .karma-typography-size label.karma-unit.karma-input-number-type-unit {
        padding-right: 15px; }
      #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-container, #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-typography-size,
      #karma-typography-setting #karma-typography-manager .karma-typography-size .controller-separator,
      #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-content {
        padding: 0; }
      #karma-typography-setting #karma-typography-manager .karma-typography-size .karma-range-slider-content > :nth-child(2) {
        order: 1; }

.karma-builder .karma-delete-message-box {
  display: none; }

@media only screen and (max-width: 1366px) {
  #karma-typography-setting .karma-typography-container {
    margin-top: 200px; } }
#karma-typography-setting #karma-font-manager {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  z-index: 0; }
  #karma-typography-setting #karma-font-manager .karma-google-fonts-list {
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    text-align: left;
    background-color: #fff;
    border-radius: 3px;
    display: none;
    height: 500px;
    left: 0;
    padding: 9px 11px;
    position: absolute;
    top: 90px;
    width: 280px; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list.show-font-dropdown {
      opacity: 0;
      display: flex;
      transition: opacity 0.2s 0.1s, top 0.3s; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list.show-font-dropdown li {
        opacity: 1; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list.slide-down-font-drop-down {
      opacity: 1;
      top: 77px;
      transition: opacity 0.2s, top 0.3s; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list.slide-down-font-drop-down li {
        opacity: 1; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list .karma-fonts-search {
      position: relative; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list .karma-fonts-search i {
        width: 13px;
        height: 13px;
        background: transparent url(../../builder/media/svg/search.svg) no-repeat center;
        background-size: contain;
        display: block;
        position: absolute;
        right: 10px;
        top: 9px; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list .karma-fonts-search input {
        border: none;
        border-bottom: 1px solid #D9DDE0;
        font-size: 12px;
        height: 38px;
        line-height: 14px;
        padding: 0 5px;
        width: 100%; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list .karma-fonts-search input::-webkit-input-placeholder {
          color: #9CA4AC; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list .karma-fonts-search input:focus {
          outline: none; }
          #karma-typography-setting #karma-font-manager .karma-google-fonts-list .karma-fonts-search input:focus::-webkit-input-placeholder {
            color: #fff; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul {
      list-style: none;
      margin-top: 10px;
      padding: 0; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font {
        align-items: center;
        border-radius: 4px;
        cursor: pointer;
        display: flex;
        height: 43px;
        justify-content: space-between;
        padding: 6px 10px;
        transition: background-color .2s, opacity .1s; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font svg {
          margin-right: 10px;
          opacity: 0;
          transform: rotate(180deg);
          transition: margin .2s, opacity .1s; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font:hover, #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font.karma-active-font {
          background-color: rgba(65, 156, 248, 0.1); }
          #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font:hover svg, #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font.karma-active-font svg {
            margin-right: 4px;
            opacity: 1; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list ul .karma-google-font.open-font-weight {
          background-color: rgba(65, 156, 248, 0.1); }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list .right-side {
      height: 100%;
      max-width: 252px;
      width: 100%; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list .right-side .karma-google-fonts-holder {
        height: calc(100% - 50px);
        overflow: hidden; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side {
      display: none;
      height: 100%;
      width: 40%; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul {
          display: block;
          height: calc( 100% - 110px );
          margin-top: 17px;
          overflow: hidden; }
          #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li {
            margin-bottom: 21px; }
            #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li .font-weight-check {
              display: none; }
            #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li .checkbox-style {
              background-color: #fff;
              border: 1px solid #9CA4AC;
              border-radius: 2px;
              cursor: pointer;
              display: inline-block;
              height: 13px;
              margin: 0 5px 0 0;
              position: relative;
              width: 13px; }
              #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li .checkbox-style svg {
                left: 50%;
                opacity: 0;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%); }
            #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li.active-font-weight .checkbox-style {
              background-color: #419CF8;
              border-color: #419CF8; }
            #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li.active-font-weight .checkbox-style svg {
              opacity: 1; }
            #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight ul li span {
              color: #394959;
              margin-left: 5px;
              text-transform: capitalize; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight button {
          display: flex;
          text-align: center;
          align-items: center;
          justify-content: center;
          color: #9CA4AC;
          cursor: no-drop;
          background-color: #fff;
          border-radius: 2px;
          transition-duration: .2s;
          border: 1px solid #9CA4AC;
          height: 40px;
          margin-bottom: 15px;
          margin-left: 23px;
          transition: 0.3s;
          width: 125px; }
        #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight.font-weight-selected button {
          color: #419CF8;
          cursor: pointer;
          border: 1px solid #419CF8; }
          #karma-typography-setting #karma-font-manager .karma-google-fonts-list .left-side .current-font-weight.font-weight-selected button:hover {
            background-color: #419CF8;
            color: #fff;
            transition: 0.3s; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list .nicescroll-rails {
      left: 5px !important; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-list.show-google-font-weight {
      width: 495px; }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-list.show-google-font-weight .left-side {
        display: flex; }
  #karma-typography-setting #karma-font-manager .karma-google-fonts {
    position: relative; }
  #karma-typography-setting #karma-font-manager .karma-font-manger-box-style {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: left;
    width: 275px;
    height: 65px;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 4px 15px 0 rgba(57, 73, 89, 0.2); }
  #karma-typography-setting #karma-font-manager .karma-google-fonts-title .google-icon {
    flex-basis: 10%; }
  #karma-typography-setting #karma-font-manager .karma-google-fonts-title .karma-google-title {
    color: #394959;
    flex-basis: 70%;
    font-family: "HelveticaNeue_med";
    font-size: 14px; }
  #karma-typography-setting #karma-font-manager .karma-google-fonts-title .karma-dropdown-icon {
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    border: 1px solid #9CA4AC;
    border-radius: 100px;
    cursor: pointer; }
    #karma-typography-setting #karma-font-manager .karma-google-fonts-title .karma-dropdown-icon svg {
      margin-left: 1px;
      margin-top: 2px;
      transform: scale(0.8); }
      #karma-typography-setting #karma-font-manager .karma-google-fonts-title .karma-dropdown-icon svg .bottom-arrow {
        stroke: #9CA4AC; }
  #karma-typography-setting #karma-font-manager .karma-fonts-list {
    width: 100%;
    height: 100%; }
    #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list {
      width: 100%;
      height: auto;
      flex-direction: column;
      margin-top: 13px;
      padding: 18px 0px 17px; }
      #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part {
        align-items: center;
        justify-content: center;
        display: flex;
        text-align: center;
        width: 100%; }
        #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .karma-font-weight-count {
          color: #747F8A;
          cursor: pointer;
          flex-basis: 10%;
          font-size: 12px; }
        #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .karma-drop-down-icon {
          margin: 0 5px;
          transform: rotate(0deg); }
          #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .karma-drop-down-icon svg {
            transform: scale(0.8); }
        #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .bottom-arrow {
          stroke: #D7DBDE; }
        #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .karma-delete-font svg {
          cursor: pointer; }
          #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .karma-delete-font svg #delete-element-icon {
            transition: fill .2s;
            fill: #D7DBDE; }
          #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .karma-delete-font svg:hover #delete-element-icon {
            fill: #9CA4AC; }
        #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-name-part .karma-font-name {
          color: #394959;
          flex-basis: 85%;
          font-size: 20px;
          text-align: left; }
      #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-details-part {
        display: none;
        margin-top: -10px;
        padding-top: 23px;
        width: 100%; }
        #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-details-part ul {
          align-items: flex-start;
          justify-content: flex-start;
          display: flex;
          text-align: left;
          width: 100%; }
          #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list .karma-font-details-part ul li {
            color: #394959;
            font-family: inherit;
            font-size: 12px;
            list-style-image: url("../../builder/media/svg/blue-tik.svg");
            margin-right: 32px;
            text-transform: capitalize; }
      #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list.karma-open-font-weight-list .karma-font-name-part .karma-drop-down-icon {
        display: inline-block;
        transform: rotate(180deg); }
        #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list.karma-open-font-weight-list .karma-font-name-part .karma-drop-down-icon .bottom-arrow {
          stroke: rgba(57, 73, 89, 0.5); }
      #karma-typography-setting #karma-font-manager .karma-fonts-list .karma-font-list.karma-open-font-weight-list .karma-font-name-part .karma-delete-font #delete-element-icon {
        fill: #394959; }
  #karma-typography-setting #karma-font-manager .karma-footer-info {
    align-items: center;
    justify-content: space-between;
    display: flex;
    text-align: left;
    margin-top: 30px;
    width: 100%; }
    #karma-typography-setting #karma-font-manager .karma-footer-info .karma-upload-custom-font {
      align-items: center;
      justify-content: flex-start;
      display: flex;
      text-align: left;
      color: #419CF8;
      cursor: pointer;
      flex-basis: 71%;
      font-family: "HelveticaNeue_med";
      font-size: 14px;
      line-height: 0; }
      #karma-typography-setting #karma-font-manager .karma-footer-info .karma-upload-custom-font span {
        margin-right: 7px; }
    #karma-typography-setting #karma-font-manager .karma-footer-info .karma-pay-attention {
      color: #9CA4AC;
      font-family: "HelveticaNeue_med";
      font-size: 12px; }

.karma-second-header {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  border-top: 1px solid #EBECEE;
  box-shadow: 0 2px 12px 0 rgba(57, 73, 89, 0.1);
  height: 80px; }
  .karma-second-header .karma-second-header-container {
    display: flex;
    justify-content: space-between;
    width: 1200px; }
  .karma-second-header .karma-location-name {
    color: #394959;
    padding-left: 0; }
  .karma-second-header .karma-buttons-holder {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    padding-right: 9px; }
    .karma-second-header .karma-buttons-holder .karma-backto-previous-location {
      align-items: center;
      justify-content: center;
      display: flex;
      text-align: center;
      color: #419CF8;
      background-color: #fff;
      border-radius: 2px;
      border: none;
      cursor: pointer;
      height: 40px;
      transition-duration: .2s;
      border: 1px solid #419CF8;
      border-radius: 2px;
      font-family: "HelveticaNeue_med";
      margin-right: 8px;
      text-decoration: none;
      transition: 0.3s; }
      .karma-second-header .karma-buttons-holder .karma-backto-previous-location:focus {
        transition-duration: .2s; }
      .karma-second-header .karma-buttons-holder .karma-backto-previous-location:hover {
        transition-duration: 0.2s;
        transform: translateY(-2px);
        box-shadow: 0 10px 15px 0 rgba(57, 73, 89, 0.2); }
      .karma-second-header .karma-buttons-holder .karma-backto-previous-location:hover {
        background-color: #419CF8;
        box-shadow: none;
        color: #fff;
        transform: none;
        transition: 0.3s; }
    .karma-second-header .karma-buttons-holder .karma-save-setting {
      align-items: center;
      justify-content: center;
      display: flex;
      text-align: center;
      backface-visibility: hidden;
      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;
      cursor: pointer;
      height: 41px;
      position: relative; }
      .karma-second-header .karma-buttons-holder .karma-save-setting: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-second-header .karma-buttons-holder .karma-save-setting div {
        transition: opacity 0.3s;
        z-index: 10; }
      .karma-second-header .karma-buttons-holder .karma-save-setting.karma-publish-animation:before {
        transform: translateX(-10%);
        -webkit-transform: translateX(-10%);
        transition: 1.5s ease-in-out; }
      .karma-second-header .karma-buttons-holder .karma-save-setting.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-second-header .karma-buttons-holder .karma-save-setting.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-second-header .karma-publish-finish-animation:after {
    top: 1px !important; }

.karma-page-manager {
  background-color: rgba(57, 73, 89, 0.1);
  height: 90vh;
  overflow-y: scroll;
  width: 100vw; }
  .karma-page-manager .karma-templates-container {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 44px 0;
    width: 1200px; }
    .karma-page-manager .karma-templates-container .karma-premade-page-template {
      width: calc( 100% / 4 - 32px );
      height: 420px;
      background-color: #fff;
      border-radius: 4px;
      box-shadow: 0 4px 15px 4px rgba(57, 73, 89, 0.1);
      margin: 18px 16px;
      overflow: hidden; }
      .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-page-screenshot-container {
        width: 100%;
        height: calc( 100% - 75px );
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative; }
        .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-page-screenshot-container .karma-screenshot-overlay {
          align-items: center;
          justify-content: center;
          display: flex;
          text-align: center;
          width: 100%;
          height: 100%;
          background-color: rgba(57, 73, 89, 0.9);
          left: 0;
          opacity: 0;
          position: absolute;
          top: 0;
          transition: opacity 200ms; }
          .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-page-screenshot-container .karma-screenshot-overlay .karma-create-page-button {
            width: 83px;
            height: 40px;
            background-color: #419CF8;
            border-radius: 2px;
            box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 15px 15px 0 rgba(57, 73, 89, 0.3);
            color: #fff;
            cursor: pointer;
            display: block;
            font-family: "HelveticaNeue_med";
            font-size: 14px;
            line-height: 40px;
            transition: box-shadow 200ms; }
            .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-page-screenshot-container .karma-screenshot-overlay .karma-create-page-button:hover {
              box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0), 0 15px 15px 0 rgba(57, 73, 89, 0); }
        .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-page-screenshot-container:after {
          background: linear-gradient(180deg, rgba(238, 238, 238, 0) 0%, rgba(57, 73, 89, 0.2) 100%);
          bottom: 0;
          content: ' ';
          display: block;
          height: 67px;
          position: absolute;
          width: 100%; }
      .karma-page-manager .karma-templates-container .karma-premade-page-template.karma-blank-page-template .karma-page-screenshot-container:after {
        display: none; }
      .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-template-description-container {
        width: 100%;
        height: 75px;
        align-items: center;
        justify-content: space-between;
        display: flex;
        text-align: left;
        padding: 20px; }
        .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-template-description-container.karma-blank-template {
          justify-content: center; }
        .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-template-description-container .karma-page-template-title {
          color: #394959;
          font-size: 14px; }
        .karma-page-manager .karma-templates-container .karma-premade-page-template .karma-template-description-container .karma-page-lock {
          width: 33px;
          height: 33px;
          align-items: center;
          background-color: #EBECEE;
          border-radius: 50px;
          display: flex;
          justify-content: center; }
      .karma-page-manager .karma-templates-container .karma-premade-page-template:hover .karma-screenshot-overlay {
        opacity: 1; }

.karma-page-manager .karma-templates-container .karma-premade-page-template.karma-blank-page-template .karma-page-screenshot-container {
  cursor: pointer;
  background-image: url("../media/blank.png");
  background-size: auto; }

/* _-_-_- pages/dashboard -_-_-_ */
/* _-_-_- pages/HOME -_-_-_ */

/*# sourceMappingURL=dashboard-style.css.map */