@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:400,700);.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle-active:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot:first-child {
  margin-left: -4px;
}
.rc-slider-dot:last-child {
  margin-left: -4px;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
          animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
          animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

/*# sourceMappingURL=rc-slider.css.map*/.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }
  .ReactCrop.ReactCrop--disabled {
    cursor: inherit; }

.ReactCrop:focus {
  outline: none; }

.ReactCrop--image {
  display: block;
  max-width: 100%; }

.ReactCrop--image-copy {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%; }

.ReactCrop--crop-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6); }

.ReactCrop--crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  border: 1px solid transparent;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat; }
  .ReactCrop--disabled .ReactCrop--crop-selection {
    cursor: inherit; }

.ReactCrop--drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent; }

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize; }

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize; }

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize; }

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize; }

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize; }

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize; }

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize; }

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize; }

.ReactCrop--disabled .ReactCrop--drag-handle {
  cursor: inherit; }

.ReactCrop--drag-bar {
  position: absolute; }

.ReactCrop--drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -4px; }

.ReactCrop--drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -4px; }

.ReactCrop--drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -4px; }

.ReactCrop--drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -4px; }

.ReactCrop-new-crop .ReactCrop--drag-bar,
.ReactCrop-new-crop .ReactCrop--drag-handle,
.ReactCrop-fixed-aspect .ReactCrop--drag-bar {
  display: none; }

.ReactCrop-fixed-aspect .ReactCrop--drag-handle.ord-n,
.ReactCrop-fixed-aspect .ReactCrop--drag-handle.ord-e,
.ReactCrop-fixed-aspect .ReactCrop--drag-handle.ord-s,
.ReactCrop-fixed-aspect .ReactCrop--drag-handle.ord-w {
  display: none; }

@media (max-width: 768px) {
  .ReactCrop--drag-handle {
    width: 17px;
    height: 17px; }
  .ReactCrop .ord-nw {
    margin-top: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-n {
    margin-top: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-ne {
    margin-top: -9px;
    margin-right: -9px; }
  .ReactCrop .ord-e {
    margin-top: -9px;
    margin-right: -9px; }
  .ReactCrop .ord-se {
    margin-bottom: -9px;
    margin-right: -9px; }
  .ReactCrop .ord-s {
    margin-bottom: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-sw {
    margin-bottom: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-w {
    margin-top: -9px;
    margin-left: -9px; }
  .ReactCrop--drag-bar.ord-n {
    height: 14px;
    margin-top: -12px; }
  .ReactCrop--drag-bar.ord-e {
    width: 14px;
    margin-right: -12px; }
  .ReactCrop--drag-bar.ord-s {
    height: 14px;
    margin-bottom: -12px; }
  .ReactCrop--drag-bar.ord-w {
    width: 14px;
    margin-left: -12px; } }
/**
 * Variables
 */
#ocb-full-body {
  overflow: hidden; }

.offsprout-font {
  font-family: "Ek Mukta", sans-serif; }
  .offsprout-font p, .offsprout-font h1, .offsprout-font h2, .offsprout-font h3, .offsprout-font h4, .offsprout-font h5, .offsprout-font h6, .offsprout-font span, .offsprout-font a, .offsprout-font div, .offsprout-font button, .offsprout-font table {
    font-family: "Ek Mukta", sans-serif; }

.ocb-settings-panel {
  display: none;
  width: 0;
  position: fixed;
  height: 95vh;
  top: 5vh;
  overflow-y: auto;
  background: #dfe6ec;
  padding-bottom: 30px;
  box-shadow: 0 1px 10px 0px black;
  z-index: 3;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.ocb-workspace {
  width: 100%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 1; }

.ocb-settings-panel-active .ocb-settings-panel {
  display: block;
  width: 25%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.ocb-settings-panel-active .ocb-workspace {
  width: 75%;
  margin-left: 25%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.ocb-device-phone .ocb-settings-panel-active .ocb-workspace {
  max-width: 400px;
  border-right: 1px solid #eeeeee; }

.ocb-device-tablet .ocb-settings-panel-active .ocb-workspace {
  max-width: 1200px;
  border-right: 1px solid #eeeeee; }

/************************** MODAL **************************/
.ocb-modal > div {
  position: fixed;
  width: 40%;
  top: 10%;
  left: 30%; }

/************************** IFRAME **************************/
#ocb-workspace-iframe {
  width: 100%;
  height: 95vh;
  margin: 0;
  border: none; }

/************************** IMPORTS **************************/
#ocb-top-toolbar {
  height: 5vh;
  width: 100%;
  background: #262c38;
  z-index: 10000;
  position: relative; }
  #ocb-top-toolbar .ocb-toolbar-button {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #818794;
    float: left;
    color: white;
    line-height: 4vh;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    margin-top: 0.5vh;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 12px;
    text-transform: uppercase; }
    #ocb-top-toolbar .ocb-toolbar-button:hover {
      padding-left: 30px;
      padding-right: 30px;
      background: #262c38; }
    #ocb-top-toolbar .ocb-toolbar-button.right {
      float: right; }
    #ocb-top-toolbar .ocb-toolbar-button.left {
      float: left; }
  #ocb-top-toolbar .ocb-save {
    background: #17CF9A; }
    #ocb-top-toolbar .ocb-save:hover {
      background: #0d9971; }
  #ocb-top-toolbar .ocb-cancel {
    margin: 0 0 0 5px;
    height: 5vh;
    line-height: 5vh;
    background: #E84D61; }
    #ocb-top-toolbar .ocb-cancel:hover {
      background: #bc2d3f; }

.mce-floatpanel .mce-text {
  color: #222 !important; }

/**
 * DROPZONES
 */
.react-draggable-dragging {
  z-index: 100;
  opacity: 0.8;
  pointer-events: none; }

.ocb-moving-a-row .ocb-module-dropzone, .ocb-moving-a-row .ocb-column-dropzone {
  display: none; }

.ocb-moving-a-column .ocb-module-dropzone, .ocb-moving-a-column .ocb-row-dropzone {
  display: none; }

.ocb-module-dropzone, .ocb-column-dropzone, .ocb-row-dropzone {
  position: absolute;
  z-index: 1; }

.ocb-module-dropzone.top {
  width: 100%;
  left: 0;
  height: 50%;
  top: 0; }

.ocb-module-dropzone.bottom {
  width: 100%;
  left: 0;
  height: 50%;
  bottom: 0; }

.ocb-module-dropzone.right {
  width: 50px;
  max-width: 50%;
  right: 0;
  height: 100%;
  top: 0; }

.ocb-module-dropzone.left {
  width: 50px;
  max-width: 50%;
  left: 0;
  height: 100%;
  top: 0; }

.ocb-column-dropzone.right {
  width: 15px;
  max-width: 15%;
  right: 0;
  height: 100%;
  top: 0; }

.ocb-column-dropzone.left {
  width: 15px;
  max-width: 15%;
  left: 0;
  height: 100%;
  top: 0; }

.ocb-row-dropzone.top {
  width: 100%;
  max-height: 15%;
  left: 0;
  height: 15px;
  top: 0; }

.ocb-row-dropzone.bottom {
  width: 100%;
  max-height: 15%;
  left: 0;
  height: 15px;
  bottom: 0; }

.ocb-column .ocb-column .ocb-column-dropzone.right {
  width: 30px;
  max-width: 30%; }

.ocb-column .ocb-column .ocb-column-dropzone.left {
  width: 30px;
  max-width: 30%; }

.ocb-row .ocb-row .ocb-row-dropzone.top {
  max-height: 30%;
  height: 30px; }

.ocb-row .ocb-row .ocb-row-dropzone.bottom {
  max-height: 30%;
  height: 30px; }

.top .ocb-dropindicator,
.bottom .ocb-dropindicator,
.left .ocb-dropindicator,
.right .ocb-dropindicator {
  position: absolute;
  background: #E84D61;
  display: none; }

.active .ocb-dropindicator {
  display: block; }

.top .ocb-dropindicator,
.bottom .ocb-dropindicator {
  height: 4px;
  width: 100%;
  left: 0; }

.left .ocb-dropindicator,
.right .ocb-dropindicator {
  width: 4px;
  height: 100%;
  top: 0; }

.top .ocb-dropindicator {
  top: 0px; }

.bottom .ocb-dropindicator {
  bottom: 0px; }

.left .ocb-dropindicator {
  left: 0px; }

.right .ocb-dropindicator {
  right: 0px; }

.ocb-drop-top {
  position: relative; }
  .ocb-drop-top:before {
    position: absolute;
    top: -24px;
    height: 20px;
    border: 4px dashed #17CF9A;
    left: 0;
    width: 100%;
    background: #0d9971;
    display: block;
    text-align: center;
    color: white;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    content: ""; }
  .ocb-drop-top.ocb-row:before {
    background: #818794;
    /*top: -4px;
      height: 8px;*/
    top: -34px;
    height: 30px;
    border: 4px dashed #262c38; }

.ocb-drop-right {
  position: relative; }
  .ocb-drop-right:before {
    position: absolute;
    /*right: -2px;
    width: 4px;*/
    right: -24px;
    width: 20px;
    border: 4px dashed #17CF9A;
    top: 0;
    height: 100%;
    background: #0d9971;
    display: block;
    content: ""; }
  .ocb-drop-right.ocb-column:before {
    background: #818794;
    /*right: -4px;
      width: 8px;*/
    right: -34px;
    width: 30px;
    border: 4px dashed #262c38; }

.ocb-drop-left {
  position: relative; }
  .ocb-drop-left:before {
    position: absolute;
    /*left: -2px;
    width: 4px;*/
    left: -24px;
    width: 20px;
    border: 4px dashed #17CF9A;
    top: 0;
    height: 100%;
    background: #0d9971;
    display: block;
    content: ""; }
  .ocb-drop-left.ocb-column:before {
    background: #818794;
    /*left: -4px;
      width: 8px;*/
    left: -34px;
    width: 30px;
    border: 4px dashed #262c38; }

.ocb-drop-bottom {
  position: relative; }
  .ocb-drop-bottom:before {
    position: absolute;
    /*bottom: -2px;
    height: 4px;*/
    bottom: -24px;
    height: 20px;
    border: 4px dashed #17CF9A;
    left: 0;
    width: 100%;
    background: #0d9971;
    display: block;
    content: ""; }
  .ocb-drop-bottom.ocb-row:before {
    background: #818794;
    /*bottom: -4px;
      height: 8px;*/
    bottom: -34px;
    height: 30px;
    border: 4px dashed #262c38; }

.ocb-drop-inlineRight {
  position: relative; }
  .ocb-drop-inlineRight:before {
    position: absolute;
    top: 0.5rem;
    max-height: 200px;
    height: 50%;
    right: 0;
    width: 40%;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #17CF9A;
    display: block;
    content: ""; }

.ocb-drop-inlineLeft {
  position: relative; }
  .ocb-drop-inlineLeft:before {
    position: absolute;
    top: 0.5rem;
    max-height: 200px;
    height: 50%;
    left: 0;
    width: 40%;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #17CF9A;
    display: block;
    content: ""; }

.ocb-drop-top,
.ocb-drop-bottom,
.ocb-drop-left,
.ocb-drop-right {
  position: relative;
  z-index: 2; }
  .ocb-drop-top:after,
  .ocb-drop-bottom:after,
  .ocb-drop-left:after,
  .ocb-drop-right:after {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 207, 154, 0.3);
    display: block;
    content: "";
    z-index: 2; }
  .ocb-drop-top.ocb-row:after,
  .ocb-drop-bottom.ocb-row:after,
  .ocb-drop-left.ocb-row:after,
  .ocb-drop-right.ocb-row:after {
    background: rgba(38, 44, 56, 0.3); }
  .ocb-drop-top.ocb-column:after,
  .ocb-drop-bottom.ocb-column:after,
  .ocb-drop-left.ocb-column:after,
  .ocb-drop-right.ocb-column:after {
    background: rgba(38, 44, 56, 0.3); }
  .ocb-drop-top i.ocb-move-direction-icon,
  .ocb-drop-bottom i.ocb-move-direction-icon,
  .ocb-drop-left i.ocb-move-direction-icon,
  .ocb-drop-right i.ocb-move-direction-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    font-size: 40px;
    color: #17CF9A;
    background: #ffffff;
    display: inline-block;
    border-radius: 50%; }
    .ocb-drop-top i.ocb-move-direction-icon.top,
    .ocb-drop-bottom i.ocb-move-direction-icon.top,
    .ocb-drop-left i.ocb-move-direction-icon.top,
    .ocb-drop-right i.ocb-move-direction-icon.top {
      animation-name: iconFadeInUpTop;
      animation-duration: 0.3s;
      animation-timing-function: ease;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    .ocb-drop-top i.ocb-move-direction-icon.left,
    .ocb-drop-bottom i.ocb-move-direction-icon.left,
    .ocb-drop-left i.ocb-move-direction-icon.left,
    .ocb-drop-right i.ocb-move-direction-icon.left {
      animation-name: iconFadeInLeftLeft;
      animation-duration: 0.3s;
      animation-timing-function: ease;
      transform: rotate(-90deg);
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    .ocb-drop-top i.ocb-move-direction-icon.right,
    .ocb-drop-bottom i.ocb-move-direction-icon.right,
    .ocb-drop-left i.ocb-move-direction-icon.right,
    .ocb-drop-right i.ocb-move-direction-icon.right {
      animation-name: iconFadeInRightRight;
      animation-duration: 0.3s;
      animation-timing-function: ease;
      transform: rotate(90deg);
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    .ocb-drop-top i.ocb-move-direction-icon.bottom,
    .ocb-drop-bottom i.ocb-move-direction-icon.bottom,
    .ocb-drop-left i.ocb-move-direction-icon.bottom,
    .ocb-drop-right i.ocb-move-direction-icon.bottom {
      animation-name: iconFadeInBottomBottom;
      animation-duration: 0.3s;
      animation-timing-function: ease;
      transform: rotate(180deg);
      animation-iteration-count: infinite;
      animation-direction: alternate; }

@keyframes iconFadeInUpTop {
  0% {
    transform: translateY(20px) rotate(0deg); }
  100% {
    transform: translateY(0) rotate(0deg); } }

@keyframes iconFadeInLeftLeft {
  0% {
    transform: translateX(20px) rotate(-90deg); }
  100% {
    transform: translateY(0) rotate(-90deg); } }

@keyframes iconFadeInRightRight {
  0% {
    transform: translateX(-20px) rotate(90deg); }
  100% {
    transform: translateY(0) rotate(90deg); } }

@keyframes iconFadeInBottomBottom {
  0% {
    transform: translateY(-20px) rotate(180deg); }
  100% {
    transform: translateY(0) rotate(180deg); } }

/**
 * MODULE SELECTOR
 */
.ocb-module-selector-group {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999; }
  .ocb-module-selector-group i {
    color: #ffffff;
    font-size: 16px; }
  .ocb-module-selector-group span {
    text-decoration: none;
    z-index: 2; }
    .ocb-module-selector-group span.ocb-module-selector-btn {
      background-color: #17CF9A;
      cursor: pointer;
      position: fixed;
      top: 90%;
      left: 50%;
      width: 70px;
      height: 70px;
      line-height: 70px;
      border-radius: 100%;
      text-align: center;
      font-size: 24px;
      margin-left: -35px;
      color: #fff;
      font-weight: 400;
      box-shadow: 0px 0px 10px 0px #000000;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      z-index: 4; }
    .ocb-module-selector-group span.active {
      transform: rotate(45deg); }
    .ocb-module-selector-group span:hover, .ocb-module-selector-group span:active, .ocb-module-selector-group span:focus {
      outline: 0;
      text-decoration: none;
      box-shadow: 0px 0px 0px 0px #000000; }
  .ocb-module-selector-group .ocb-module-selector-screen {
    position: fixed;
    display: none;
    z-index: 0;
    width: 100%;
    top: 16vh;
    left: 0;
    height: 84vh;
    overflow-y: auto;
    overflow-x: hidden; }
    .ocb-module-selector-group .ocb-module-selector-screen .ocb-module-filter {
      background: #262c38;
      padding: 5px;
      color: #fff;
      font-size: 12px;
      cursor: pointer;
      margin-right: -15px; }
      .ocb-module-selector-group .ocb-module-selector-screen .ocb-module-filter:hover {
        background: #2a4272; }
      .ocb-module-selector-group .ocb-module-selector-screen .ocb-module-filter.active {
        background: #2a4272; }
      .ocb-module-selector-group .ocb-module-selector-screen .ocb-module-filter.ocb-module-filter-object {
        background: #818794; }
        .ocb-module-selector-group .ocb-module-selector-screen .ocb-module-filter.ocb-module-filter-object:hover {
          background: #aaaaaa; }
        .ocb-module-selector-group .ocb-module-selector-screen .ocb-module-filter.ocb-module-filter-object.active {
          background: #aaaaaa; }
  .ocb-module-selector-group .ocb-ui-search {
    position: fixed;
    z-index: 3;
    width: 100%;
    left: 0;
    top: 8vh;
    height: 8vh;
    opacity: 0;
    display: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .ocb-module-selector-group .ocb-ui-search .ocb-ui-search-input {
      background: #17CF9A;
      color: #ffffff;
      outline: none;
      border: none;
      width: 100%;
      line-height: 8vh;
      padding: 0;
      font-size: 1.5em;
      text-align: center;
      border-radius: 0;
      vertical-align: middle; }
    .ocb-module-selector-group .ocb-ui-search .ocb-ui-search-input:focus {
      outline: none; }
  .ocb-module-selector-group .ocb-module-selector-tab-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    cursor: pointer;
    display: none; }
  .ocb-module-selector-group .ocb-module-selector-tab {
    width: 33.33333333%;
    display: inline-block;
    height: 8vh;
    line-height: 8vh;
    vertical-align: middle;
    text-align: center;
    background: #262c38;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
    .ocb-module-selector-group .ocb-module-selector-tab:hover {
      background: #2a4272; }
    .ocb-module-selector-group .ocb-module-selector-tab.active {
      background: #2a4272; }
  .ocb-module-selector-group .ocb-template-option-inner {
    margin: 15px;
    padding: 15px;
    background: #fff; }
    .ocb-module-selector-group .ocb-template-option-inner .ocb-template-option-item-wrap {
      min-height: 30vh; }
  .ocb-module-selector-group .ocb-template-option-icon {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #ffffff; }
  .ocb-module-selector-group .ocb-template-option-delete {
    background: #E84D61; }
  .ocb-module-selector-group .ocb-template-option-inner
.ocb-template-option-item {
    position: relative;
    width: 100%; }
  .ocb-module-selector-group .ocb-template-option-move {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    z-index: 10; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(1) {
    left: 7%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(2) {
    left: 16%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(3) {
    left: 25%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(4) {
    left: 34%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(5) {
    left: 43%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(6) {
    left: 52%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(7) {
    left: 61%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(8) {
    left: 70%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(9) {
    left: 79%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(10) {
    left: 88%;
    top: 25%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(11) {
    left: 7%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(12) {
    left: 16%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(13) {
    left: 25%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(14) {
    left: 34%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(15) {
    left: 43%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(16) {
    left: 52%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(17) {
    left: 61%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(18) {
    left: 70%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(19) {
    left: 79%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(20) {
    left: 88%;
    top: 40%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(21) {
    left: 7%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(22) {
    left: 16%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(23) {
    left: 25%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(24) {
    left: 34%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(25) {
    left: 43%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(26) {
    left: 52%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(27) {
    left: 61%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(28) {
    left: 70%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(29) {
    left: 79%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(30) {
    left: 88%;
    top: 55%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(31) {
    left: 7%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(32) {
    left: 16%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(33) {
    left: 25%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(34) {
    left: 34%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(35) {
    left: 43%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(36) {
    left: 52%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(37) {
    left: 61%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(38) {
    left: 70%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(39) {
    left: 79%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(40) {
    left: 88%;
    top: 70%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(41) {
    left: 7%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(42) {
    left: 16%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(43) {
    left: 25%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(44) {
    left: 34%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(45) {
    left: 43%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(46) {
    left: 52%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(47) {
    left: 61%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(48) {
    left: 70%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(49) {
    left: 79%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(50) {
    left: 88%;
    top: 85%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(51) {
    left: 7%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(52) {
    left: 16%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(53) {
    left: 25%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(54) {
    left: 34%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(55) {
    left: 43%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(56) {
    left: 52%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(57) {
    left: 61%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(58) {
    left: 70%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(59) {
    left: 79%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(60) {
    left: 88%;
    top: 100%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(61) {
    left: 7%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(62) {
    left: 16%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(63) {
    left: 25%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(64) {
    left: 34%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(65) {
    left: 43%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(66) {
    left: 52%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(67) {
    left: 61%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(68) {
    left: 70%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(69) {
    left: 79%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(70) {
    left: 88%;
    top: 115%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(71) {
    left: 7%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(72) {
    left: 16%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(73) {
    left: 25%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(74) {
    left: 34%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(75) {
    left: 43%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(76) {
    left: 52%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(77) {
    left: 61%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(78) {
    left: 70%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(79) {
    left: 79%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(80) {
    left: 88%;
    top: 130%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(81) {
    left: 7%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(82) {
    left: 16%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(83) {
    left: 25%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(84) {
    left: 34%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(85) {
    left: 43%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(86) {
    left: 52%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(87) {
    left: 61%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(88) {
    left: 70%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(89) {
    left: 79%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(90) {
    left: 88%;
    top: 145%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(91) {
    left: 7%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(92) {
    left: 16%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(93) {
    left: 25%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(94) {
    left: 34%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(95) {
    left: 43%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(96) {
    left: 52%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(97) {
    left: 61%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(98) {
    left: 70%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(99) {
    left: 79%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon:nth-child(100) {
    left: 88%;
    top: 160%; }
  .ocb-module-selector-group.active .ocb-module-icon {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    width: 80px;
    height: 80px;
    border-radius: 10%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1; }
  .ocb-module-selector-group.active .ocb-ui-blanket {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.8); }
  .ocb-module-selector-group.active .ocb-module-selector-screen {
    z-index: 3; }
    .ocb-module-selector-group.active .ocb-module-selector-screen .ocb-module-selector-screen-sidenav {
      background: #262c38; }
  .ocb-module-selector-group.active .ocb-ui-search {
    opacity: 1;
    display: block; }
  .ocb-module-selector-group.active .ocb-module-selector-tab-nav, .ocb-module-selector-group.active .ocb-module-selector-screen {
    display: block; }
  .ocb-module-selector-group.active.adding .ocb-module-icon,
  .ocb-module-selector-group.active.adding .ocb-ui-blanket,
  .ocb-module-selector-group.active.adding .ocb-ui-search,
  .ocb-module-selector-group.active.adding .ocb-module-selector-tab-nav,
  .ocb-module-selector-group.active.adding .ocb-module-selector-screen,
  .ocb-module-selector-group.active.adding .ocb-module-selector-screen-sidenav,
  .ocb-module-selector-group.active.adding .ocb-template-option,
  .ocb-module-selector-group.active.adding .ocb-template-option-controls {
    visibility: hidden;
    pointer-events: none; }
  .ocb-module-selector-group.active.adding .ocb-template-option-inner {
    background: none; }
  .ocb-module-selector-group.active.adding .ocb-template-option.active {
    display: block;
    visibility: visible; }
  .ocb-module-selector-group.active.adding .ocb-module-selector-new, .ocb-module-selector-group.active.adding .ocb-module-selector-template {
    display: block;
    pointer-events: none;
    visibility: visible; }
  .ocb-module-selector-group.active.adding .ocb-module-icon.react-draggable-dragging {
    display: block;
    z-index: 100;
    visibility: visible; }
  .ocb-module-selector-group.active.adding .ocb-template-option-item.react-draggable-dragging {
    display: block;
    z-index: 100;
    visibility: visible; }

.ocb-module-icon {
  background-color: #17CF9A;
  position: fixed;
  font-size: 16px;
  top: 90%;
  left: 50%;
  width: 60px;
  height: 60px;
  line-height: 10px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  margin: 9px 4px 14px -30px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 2;
  opacity: 0; }
  .ocb-module-icon .ocb-module-icon-icon {
    margin: 10px 0; }
  .ocb-module-icon i, .ocb-module-icon span {
    text-decoration: none;
    z-index: 2;
    color: #ffffff;
    cursor: move; }
  .ocb-module-icon span {
    font-size: 12px;
    color: #fff; }
  .ocb-module-icon.getting-added {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    width: 8%;
    height: 80px;
    line-height: 40px;
    border-radius: 10%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }

.ocb-ui-blanket {
  background: transparent;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

#ocb-full-body {
  background: transparent;
  height: 100vh; }

/**
 * MODULES
 */
.width-changing .ocb-module {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ocb-moving-a-row .ocb-row {
  box-shadow: inset 0px 0px 0px 2px rgba(100, 100, 100, 0.1); }

.ocb-moving-a-column .ocb-column {
  box-shadow: inset 0px 0px 0px 2px rgba(100, 100, 100, 0.1); }

.ocb-moving-a-module .ocb-row {
  box-shadow: inset 0px 0px 0px 2px rgba(100, 100, 100, 0.1); }

.ocb-moving-a-module .ocb-column {
  box-shadow: inset 0px 0px 0px 2px rgba(100, 100, 100, 0.1); }

.ocb-moving-a-module .ocb-module {
  box-shadow: inset 0px 0px 0px 2px rgba(23, 207, 154, 0.3); }

.ocb-module-hover {
  box-shadow: 0px 0px 0px 2px rgba(23, 207, 154, 0.7); }
  .ocb-module-hover .ocb-module-controls {
    display: block; }

.ocb-column-hover {
  box-shadow: 0px 0px 0px 1px #eeeeee;
  -webkit-transition: box-shadow 0.7s;
  -moz-transition: box-shadow 0.7s;
  -o-transition: box-shadow 0.7s;
  transition: box-shadow 0.7s;
  z-index: 2; }
  .ocb-column-hover .ocb-column-controls {
    display: block; }

.ocb-row-hover {
  box-shadow: 0px 0px 0px 1px #f9bdc5;
  -webkit-transition: box-shadow 1s;
  -moz-transition: box-shadow 1s;
  -o-transition: box-shadow 1s;
  transition: box-shadow 1s;
  z-index: 2; }
  .ocb-row-hover .ocb-row-controls {
    display: block; }

.ocb-column-inner:hover {
  position: relative;
  z-index: 2; }

.ocb-column-width-resize {
  position: absolute;
  top: 0;
  height: 100%;
  left: -5px;
  width: 10px;
  z-index: 3;
  cursor: col-resize; }
  .ocb-column-width-resize:hover, .ocb-column-width-resize.active {
    background: rgba(23, 207, 154, 0.7); }
  .ocb-column-width-resize.active .ocb-column-width-indicator {
    display: block; }
  .ocb-column-width-resize .ocb-column-width-indicator {
    display: none;
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: 50%;
    line-height: 10px;
    margin-top: -5px;
    width: 80px;
    padding: 3px;
    left: -35px;
    background: #000000;
    color: white;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.ocb-object-controls {
  overflow: visible;
  z-index: 2; }

.ocb-row-controls {
  position: absolute;
  left: -25px;
  top: 0;
  width: 25px;
  height: 100%;
  min-height: 242px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.04;
  display: none; }
  .ocb-row-controls:hover {
    opacity: 1; }

.ocb-row-control {
  margin-bottom: 1px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: white;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background: #222222; }
  .ocb-row-control.ocb-row-control-move {
    cursor: move; }
  .ocb-row-control.ocb-row-control-remove {
    margin-bottom: 0px;
    background-color: #E84D61; }
  .ocb-row-control.ocb-row-control-label {
    height: 60px;
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 17px; }
    .ocb-row-control.ocb-row-control-label .ocb-row-control-label-text {
      -ms-transform: rotate(-90deg);
      /* IE 9 */
      -webkit-transform: rotate(-90deg);
      /* Chrome, Safari, Opera */
      transform: rotate(-90deg); }

.ocb-column-controls {
  position: absolute;
  left: 0;
  top: -50px;
  width: 100%;
  min-width: 180px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.04;
  height: 50px;
  display: none; }
  .ocb-column-controls:hover {
    opacity: 1; }

.ocb-column-control {
  float: left;
  margin-right: 1px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: white;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background: #222222; }
  .ocb-column-control.ocb-column-control-move {
    cursor: move; }
  .ocb-column-control.ocb-column-control-remove {
    float: right;
    margin-right: 0px;
    background-color: #E84D61; }
  .ocb-column-control.ocb-column-control-label {
    width: 60px;
    font-size: 10px;
    text-transform: uppercase; }

.ocb-module-controls {
  position: absolute;
  left: 0;
  top: -25px;
  width: 100%;
  min-width: 130px;
  background: rgba(23, 207, 154, 0.7);
  display: none; }

.ocb-module-controls-top > .ocb-module-controls {
  top: -25px; }

.ocb-module-control {
  float: left;
  margin-right: 1px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: white;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background: #17CF9A; }
  .ocb-module-control.ocb-module-control-move {
    cursor: move; }
  .ocb-module-control.ocb-module-control-remove {
    float: right;
    margin-right: 0px;
    background-color: #E84D61; }
  .ocb-module-control.ocb-module-control-join .fa-compress {
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-45deg); }

.ocb-tooltip {
  display: none;
  position: absolute;
  min-height: 40px;
  width: 120px;
  font-size: 10px;
  text-transform: uppercase;
  background: #262c38;
  color: white;
  line-height: 20px;
  vertical-align: middle;
  top: -45px;
  left: 50%;
  margin-left: -60px;
  border-radius: 5px;
  padding: 10px; }
  .ocb-tooltip.ocb-tooltip-right {
    top: -7px;
    left: 30px;
    margin-left: 0; }
  .ocb-tooltip.ocb-tooltip-bottom {
    top: calc(100% + 5px); }
  .ocb-tooltip.ocb-tooltip-bottomRight {
    top: calc(100% + 5px);
    left: 0;
    margin-left: 0; }

.ocb-tooltip-wrap {
  position: relative; }
  .ocb-tooltip-wrap:hover .ocb-tooltip {
    display: block; }

.ocb-save-button-stretch {
  background: #17CF9A;
  color: #ffffff;
  width: 100%;
  height: 40px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .ocb-save-button-stretch:hover {
    background: #0d9971; }

.ocb-tree.inline-editing .ocb-module-controls, .ocb-tree.inline-editing .ocb-row-controls, .ocb-tree.inline-editing .ocb-column-controls {
  display: none; }

.ocb-tree.inline-editing .ocb-module-hover {
  box-shadow: none; }

.ocb-tree.inline-editing .ocb-column-hover {
  box-shadow: none; }

.ocb-tree.inline-editing .ocb-row-hover {
  box-shadow: none; }

body.ocb-device-phone .ocb-column {
  width: 100% !important; }

body.ocb-device-phone .ocb-row .ocb-row-inner {
  display: block; }

/************************** IMAGE **************************/
.ocb-module-image .ocb-image-crop-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 30px;
  display: none;
  color: white;
  cursor: pointer; }
  .ocb-module-image .ocb-image-crop-icon i {
    line-height: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    opacity: 0;
    margin-top: -30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

.ocb-module-image:hover .ocb-image-crop-icon {
  display: block;
  background: rgba(0, 0, 0, 0.5); }
  .ocb-module-image:hover .ocb-image-crop-icon i {
    opacity: 1;
    margin-top: -15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

.ocb-image-cropper {
  background: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  opacity: 0.7;
  position: fixed;
  top: 20%;
  width: 60%;
  min-height: 20%;
  left: 20%;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .ocb-image-cropper:hover {
    opacity: 1; }
  .ocb-image-cropper .ocb-image-cropper-head {
    height: 40px;
    width: 100%;
    cursor: move;
    background: #dddddd;
    text-align: center;
    line-height: 40px;
    vertical-align: middle; }
  .ocb-image-cropper .ocb-image-cropper-image {
    padding: 40px; }

.ocb-image-cropper.react-draggable-dragging {
  z-index: 100;
  opacity: 1;
  pointer-events: inherit; }

/************************** GLOBAL TEMPLATES **************************/
.ocb-global {
  position: relative; }

.ocb-global-lock {
  width: 100%;
  text-align: center;
  color: #ffffff; }
  .ocb-global-lock .ocb-global-button {
    height: 50px;
    line-height: 50px;
    width: 33.33333333%;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .ocb-global-lock .ocb-global-cancel {
    background: #E84D61; }
    .ocb-global-lock .ocb-global-cancel:hover {
      background: #bc2d3f; }
  .ocb-global-lock .ocb-global-save-regular {
    background: #262c38; }
    .ocb-global-lock .ocb-global-save-regular:hover {
      background: #161a22; }
  .ocb-global-lock .ocb-global-save {
    background: #17CF9A; }
    .ocb-global-lock .ocb-global-save:hover {
      background: #0d9971; }

.ocb-global-unlock {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .ocb-global-unlock .ocb-global-unlock-message {
    position: absolute;
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    width: 200px;
    height: 24px;
    text-align: center;
    left: 50%;
    top: 50%;
    display: none;
    margin-left: -100px;
    margin-top: -12px;
    text-transform: uppercase; }
    .ocb-global-unlock .ocb-global-unlock-message span {
      font-size: 14px;
      display: inline-block;
      line-height: 24px;
      vertical-align: top;
      margin-left: 10px; }
  .ocb-global-unlock:hover {
    background: rgba(0, 0, 0, 0.7); }
    .ocb-global-unlock:hover .ocb-global-unlock-message {
      display: inline-block; }

/**
 * EDIT SETTINGS
 */
.tooltip {
  opacity: 1 !important; }
  .tooltip .tooltip-inner {
    background: #262c38;
    color: #ffffff;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    padding: 15px;
    font-weight: 400;
    font-size: 12px;
    pointer-events: none;
    text-transform: none;
    opacity: 1; }
  .tooltip.bs-tether-target-attached-right .tooltip-arrow {
    border-bottom: solid transparent 10px;
    border-top: solid transparent 10px;
    border-right: solid #262c38 10px;
    opacity: 1; }
  .tooltip.top {
    bottom: 100%;
    left: 50%;
    margin-bottom: 15px;
    margin-left: -122px; }
  .tooltip.right {
    left: 100%;
    top: 50%;
    margin-left: 15px;
    margin-top: -15px; }
  .tooltip.top:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #262c38 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0; }
  .tooltip.right:after {
    border-bottom: solid transparent 10px;
    border-top: solid transparent 10px;
    border-right: solid #262c38 10px;
    left: -10px;
    content: " ";
    height: 0;
    top: 17px;
    margin-top: -13px;
    position: absolute;
    width: 0; }

.ocb-has-tooltip {
  position: relative; }
  .ocb-has-tooltip:hover .ocb-tooltip {
    display: block;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

.ocb-settings-panel .ocb-title {
  height: 7vh;
  background: #262c38;
  color: #ffffff;
  line-height: 7vh;
  width: 25%;
  position: fixed;
  top: 5vh;
  text-align: center;
  font-size: 1em;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 2; }

.ocb-settings-panel .ocb-settings-devices {
  width: 25%;
  position: fixed;
  top: 12vh;
  height: 6vh;
  z-index: 3; }

.ocb-settings-panel .ocb-settings-device {
  width: 25%;
  line-height: 6vh;
  text-align: center;
  color: #ffffff;
  background: #2a4272;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .ocb-settings-panel .ocb-settings-device:hover {
    background: #262c38; }
  .ocb-settings-panel .ocb-settings-device.disabled {
    background: #818794;
    cursor: default; }
  .ocb-settings-panel .ocb-settings-device.active {
    background: #262c38; }

.ocb-settings-panel .ocb-settings-buttons {
  position: fixed;
  bottom: 0;
  height: 7vh;
  display: flex;
  width: 25%;
  z-index: 2; }
  .ocb-settings-panel .ocb-settings-buttons .ocb-settings-button {
    flex-grow: 1;
    color: #ffffff;
    text-align: center;
    line-height: 7vh;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }

.ocb-settings-panel .ocb-save {
  background: #17CF9A; }
  .ocb-settings-panel .ocb-save:hover {
    background: #0d9971; }

.ocb-settings-panel .ocb-template {
  background: #262c38; }
  .ocb-settings-panel .ocb-template:hover {
    background: #161a22; }

.ocb-settings-panel .ocb-cancel {
  left: 0;
  background: #E84D61; }
  .ocb-settings-panel .ocb-cancel:hover {
    background: #bc2d3f; }

.ocb-global-settings .ocb-title {
  background: #E84D61; }

.ocb-global-settings .ocb-settings-wrap {
  height: 81vh;
  top: 12vh; }

.ocb-settings-wrap {
  position: fixed;
  width: 25%;
  height: 75vh;
  overflow-y: scroll;
  top: 18vh;
  z-index: 2; }
  .ocb-settings-wrap input {
    width: 100%;
    padding: 5px; }
  .ocb-settings-wrap .sketch-picker {
    width: 90% !important;
    padding: 10px 5% 0 !important; }
  .ocb-settings-wrap select {
    width: 100%;
    height: 30px;
    border: none;
    background: #c4c8d1;
    color: white;
    cursor: pointer; }
    .ocb-settings-wrap select:focus {
      outline: none; }
    .ocb-settings-wrap select:hover {
      background: #17CF9A; }

.ocb-sf {
  padding: 0.25em 0.5em;
  width: 100%;
  font-size: 12px;
  opacity: 1;
  max-height: 1000px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .ocb-sf .ocb-tooltip {
    position: fixed;
    top: 18vh;
    left: 1%;
    z-index: 100;
    width: 22%;
    pointer-events: none; }
  .ocb-sf:last-child .ocb-tooltip-right {
    bottom: 0;
    top: initial; }
  .ocb-sf.ocb-sf-group {
    max-height: 4000px; }
  .ocb-sf.ocb-sf-repeater {
    max-height: 10000px; }
  .ocb-sf.ocb-sf-hidden {
    max-height: 0;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important; }
  .ocb-sf.ocb-sf-heading {
    padding: 0;
    margin: 100px auto 40px;
    border-bottom: 1px solid #d1dae2;
    max-width: 80%;
    font-size: 14px; }
    .ocb-sf.ocb-sf-heading .ocb-sf-inner {
      background: none;
      border: none;
      text-align: center;
      border-bottom: 1px solid #edf2f7;
      padding: 0; }

.ocb-sf-title {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0.5em; }
  .ocb-sf-title .ocb-sf-description {
    margin-left: 5px;
    display: inline-block; }

.ocb-sf-inner {
  background: #ffffff;
  border: 1px solid #cfd6dc;
  padding: 0.5em; }

/********************************* GROUPS *********************************/
.ocb-sf-group-panel {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 200px;
  opacity: 1; }
  .ocb-sf-group-panel .ocb-sf-title {
    margin-bottom: 0;
    padding: 1em;
    cursor: pointer; }
    .ocb-sf-group-panel .ocb-sf-title .ocb-sf-group-button {
      float: right;
      display: inline-block; }
  .ocb-sf-group-panel.ocb-sf-hidden {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    padding: 0; }

.ocb-sf-group-panel:hover {
  background: #17CF9A;
  color: #ffffff; }

.ocb-sf-group-showing {
  padding: 0; }

.ocb-sf-group-showing > .ocb-sf-group-inner {
  background: none;
  padding: 0;
  border: none; }

/********************************* ITEMS FIELD *********************************/
.ocb-sf-items-field-item {
  border: 1px solid #ddd; }
  .ocb-sf-items-field-item .ocb-sf-items-remove-button {
    background: #E84D61;
    color: #ffffff; }
  .ocb-sf-items-field-item .ocb-sf-items-sort-button {
    background: #818794;
    color: #ffffff; }
  .ocb-sf-items-field-item .ocb-sf-items-field-item-icon {
    border: 1px solid #ddd; }

/********************************* LINK FIELD *********************************/
.ocb-sf-link-addable {
  border: 1px solid #dddddd; }

.ocb-sf-link-addable-text {
  width: 90%; }

.ocb-sf-link-addable-add {
  background: #17CF9A;
  color: #ffffff;
  width: 10%;
  min-width: 40px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .ocb-sf-link-addable-add:hover {
    background: #0d9971; }

/********************************* BUTTONS *********************************/
.ocb-sf-text-button {
  color: #c4c8d1;
  cursor: pointer; }
  .ocb-sf-text-button.active, .ocb-sf-text-button:hover {
    color: #17CF9A; }

.ocb-sf-button {
  padding: 5px;
  width: 100%;
  background: #17CF9A;
  color: #ffffff;
  text-align: center;
  cursor: pointer; }
  .ocb-sf-button.disabled {
    background: #aaaaaa; }
  .ocb-sf-button:hover {
    background: #0d9971; }

/********************************* REPEATERS *********************************/
.ocb-sf-repeater-button {
  float: right;
  width: auto;
  padding: 1px 5px; }

.ocb-sf-repeater-item {
  display: flex; }
  .ocb-sf-repeater-item.ocb-sf-repeater-item-sorting {
    z-index: 100000; }

.ocb-sf-repeater-item-sort-active .ocb-sf-group-button {
  display: none !important; }

.ocb-sf-group-active .ocb-sf-repeater-field {
  width: 100%; }

.ocb-sf-group-active .ocb-sf-repeater-control-button {
  display: none; }

.ocb-sf-group-active .ocb-sf-repeater-button {
  display: none; }

.ocb-sf-repeater-field {
  width: 85%;
  position: relative; }
  .ocb-sf-repeater-field .ocb-sf-repeater-sort-item-blanket {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ocb-sf-repeater-control-button {
  width: 15%;
  text-align: center;
  align-self: center;
  line-height: 56px;
  cursor: pointer; }
  .ocb-sf-repeater-control-button.ocb-sf-repeater-sort-button {
    cursor: row-resize; }

/********************************* GENERAL FIELDS *********************************/
.ocb-sf .ocb-sf-spacing-label {
  width: 15%;
  display: inline-block; }
  .ocb-sf .ocb-sf-spacing-label:first-letter {
    text-transform: capitalize; }

.ocb-sf .ocb-sf-spacing-slider {
  width: 50%;
  margin-left: 5%;
  display: inline-block; }

.ocb-sf .ocb-sf-slider-control-field .ocb-sf-spacing-slider {
  margin-left: 0; }

.ocb-sf .ocb-sf-spacing-input {
  width: 15%;
  margin-left: 5%;
  display: inline-block;
  padding: 3px 5px;
  font-size: 12px;
  min-width: 50px; }

.ocb-sf .ocb-sf-items-sort-button {
  cursor: row-resize; }

.ocb-sf .ocb-sf-items-remove-button {
  cursor: pointer; }

.ocb-sf-field-item-sorting {
  z-index: 100000; }

/********************************* RADIO GROUP *********************************/
.ocb-sf-radio-group {
  width: 100%;
  display: flex; }
  .ocb-sf-radio-group .ocb-sf-radio {
    padding: 5px;
    background: #c4c8d1;
    flex-grow: 1;
    text-align: center;
    color: #ffffff;
    cursor: pointer; }
    .ocb-sf-radio-group .ocb-sf-radio.active, .ocb-sf-radio-group .ocb-sf-radio:hover {
      background: #17CF9A; }

.ocb-sf-radio-flex {
  display: flex; }
  .ocb-sf-radio-flex .ocb-sf-button {
    flex-grow: 1; }

/********************************* MEDIA *********************************/
.ocb-sf-media-field-items {
  white-space: nowrap;
  overflow: auto; }

.ocb-sf-multi-image-preview {
  width: 30%;
  float: left;
  margin-right: 3%;
  position: relative; }

.ocb-sf-media-image-preview {
  position: relative; }

.ocb-sf-media-file-button {
  position: absolute;
  top: 0;
  height: 25px;
  width: 25px;
  background: #262c38;
  color: #ffffff;
  line-height: 25px;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

.ocb-sf-file-image-move {
  left: 0;
  cursor: move; }

.ocb-sf-file-image-edit {
  left: 25px; }

.ocb-sf-file-image-remove {
  right: 0;
  background: #E84D61; }

.ocb-sf-media-field-sorting {
  z-index: 100000; }

/********************************* ICONS *********************************/
.ocb-sf-icon-choice {
  display: inline-block;
  padding: 10px;
  font-size: 16px;
  margin: 1px;
  width: 40px;
  text-align: center;
  cursor: pointer;
  color: #262c38; }
  .ocb-sf-icon-choice.active {
    background: #17CF9A;
    color: #ffffff; }

.ocb-sf-icon-choice:hover {
  background: #17CF9A;
  color: #ffffff; }

.ocb-sf-icon-selector {
  position: fixed;
  top: 10vh;
  width: 90%;
  height: 80vh;
  background: white;
  z-index: 90;
  left: 5%;
  box-shadow: 0 0 20px; }

.ocb-sf-icon-search {
  margin: 2vh 20px;
  font-size: 16px;
  line-height: 5vh; }
  .ocb-sf-icon-search input {
    padding: 0 5px;
    border: none;
    box-shadow: 0 1px #eee; }
    .ocb-sf-icon-search input:focus {
      outline: none; }

.ocb-sf-icon-heading {
  background: #262c38;
  text-align: right; }
  .ocb-sf-icon-heading .fa-remove {
    padding: 2vh 15px;
    color: #ffffff;
    cursor: pointer;
    line-height: 1vh; }

.ocb-sf-icon-choices {
  overflow: auto;
  max-height: 65vh; }

.ocb-sf-selected-icon {
  text-align: center;
  font-size: 34px;
  color: #262c38; }
  .ocb-sf-selected-icon i {
    padding: 0.3em; }
  .ocb-sf-selected-icon .fa-remove {
    background: #E84D61;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer; }

/********************************* TINYMCE *********************************/
.ocb-clean-paste span {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAgAElEQVR42u3de/RV5X3n8ff5XeD3436RgNzkoqgYRdEIqKjUSxsvmFhvqdKMSSboSp1orUOy7NhUJjO1dcUxo82MGa0l1czEsprl0uXoWKJxRakxIUodA00YREQMRURERMTf/PHsXzj8/F3OZZ+zn33O+7XWXk0jhn2+zz7P5+xnP/t5QJIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSepFwRJIkiLSBowGRgCDgF3A60CXpZEkKf6by9OBR5Pg7nnsBf4UGGOpJEmK0xxgcx9B3ttxF9Bp2SRJiueu/NYygrz42AHMtoSSJGUf5vdXGObFx5mWUpKk7NyZQph3H3MspyRJ9feFFMO8C9gJdFhWSZLqZ1rKYd59fN3SSpJUH+2UN5u9nGNf8r8vSZJq7IEahXn3cYQlliSpts6tcZh3ARc2e5FbvM4kSTU0HnisDn/PCANdkqTaZcyjdcqajyy2JEm1sRw4sU5/11bLLUlS+k6k9s/Ni4/pllySpHR1ENZbr2egu7iMJEkpKgBP1jnMX7bskiSl68o6h3kXsNSyS5KUnmkZhHkXMMrSS5KUjjZgUwZh/pSllyQpPd/O6O58nqWXJCkdCzMKc+/OJUlKyWjCbmf1DvO9wHDLL0lS9VqAFzK6Oz/P8kuSlI5vZBTmKy29JEnpOCajMN8NdFp+SZKq10n9l3btPhZZfkmS0vFwRmG+wtJLkpSOyzMK8x3AYMsvSVL1Ds0ozLuABZZfkqTqtQEbMgrzey2/JEnpyGpp1+3AIMsvSVL1TiW7ofa5ll+SpOoNB/ZkFOZ3Wn5JkqpXAFZnFOZbCM/tJUlSlW4ku6H2Yyy/JEnVOyLDMF9u+SVJqt4g4M2MwnwD0GoTSJJUvQcyvDs/3PJLklS9xRmG+TLLL0lS9cYA+zIK84041C6pSMESSBVpAV7J8O58qk0gqZhLREqV+U8Zhvn1ll9STyMtgVS2kzIM8xeT0QFJOsg0SyCVZRiwO8NAn2ATpMNfRWo0R3pdSyUrAD8EhmT0918DbLUZJPXmq4TNJCQN7IsZ3pmvxkmskvpxLzDTMkgDmpRhmDvULmlAG4ELLYPUrzZgU4ZhvsQmkNSfjqSzeMBSSP26P8MwX2X5JQ3kyKTD2IvP5qS+nJ1hmO8DRtsEkgZydVHHMd5ySB+T5dKuXcAlNoGkUqwr6ji+ajmkg7QAL2QY5o/bBJJKMbpH57EDh92lYt/IMMz34uukkkp0aS+diK+vScEnyfYVtfNsAkmlKABbeulEHrE0Ep2EEauswnylTSCpVHP76UycHKdm93CGYb47+UEhSSVZ1U+H8m3LoyZ2BdkOtS+yCSSVqpRng4dZJjWhKRmH+QqbQFKpCsArJXQsa3HGu5pLG7AhwzDfAQy2GSSV6pwyOphLLZeayF0Z350vsAkklWoU5a94dbhlUxM4LeMwv9cmkFSqAvA8lQ0DDrF8amAjgD0Zhvl2YJDNIKlUN1LdTk+tllAN+kN3dcZ353NtBkml+kPS2b7RUJc/dNM97rQJJJVqYYqdz0OEzSqkRjAr4zDfQphZL0kDuqgGndBz+GqN8m8Q8GbGgX6MzSCpFNfWsCPaBIyzxMqxlRmH+XKbQNJAOoHH6tQp3YCLzyh/LiLbMN+A81EkDeA4YFudO6fHgDGWXjkxHtifcaC7toOkPk0Gnsi4k7oHGG5TKGItlLbscS2PZTaDpN6MBr6ZcQdVfOwFbgYOsWkUoVsy/n5sxKF2SUUKwAzgvoiCvK/31hcBHTaZIvCpCL4TU20GSZ3A8cBfke0SldU8Z/9M0qH53q3qbRiwO+PvwPU2Q7x3SFLa11RLEnYjgQnANGAecDVwaIN93l8CTwMvAi8B64D3kx8rHyUdoJSWR4DzM/z71wNHJ9e2IuMdhtIO8+5Ap8ev+g+AnQ0S6O8BPwQeBtYQFvV4lzDjWKqVJRmHOcDZhrmkbu3AdOBPCDsz5WWofQPwJcKrQlK9TYvgO7DUZpDUn6nAtyMO8m8BE20mZfwjeGvG34PV+IhWUomGAtcB+4jjlbUv46x2xeH+jL8P+4GxNoOkcg0iLMOaVZBfhXNLFI9zIviBu8RmkFSN8YSZ4/XqtJ4mLG4jxWIM2Y9YrbIZJKWhBfhTaj+ceDk+H1R81/4LGYf5Pn/kSkrbQmqzCcWbhLXjpdjcSvZD7ZfYDJJqYRbpriz3DGHVOik2x0YQ5o/bDJJqaRJh4loay7e6sYRi1ElYgCnrtzzcbVBSzU2sMtRX4PNyxevhCO7Oz7MZJNXL/Ao7qjXemStin4sgzFfaDJLqrdx31bfhM3PFa2oEYb7b74ikLBQIE9tK7axmWzJFqg3YGEGgL7IpJGVlTIkd1Y2WShG7K4IwX2EzSMra9QN0VGs5sJ2rFJuFEYT5DmCwTSEpa23Arn46q+MskSI1gnTXVqj0WGBTSIpFX7ODn7I0ilSBsCVp1mF+r00hKSbtfdzpOBFOsbomgjDfiUPtkiL0tR6d1SZLokjNiiDMu4C5NoWkGE3o0VldakkUoUGETYGyDvM7bQpJMVtf1GENtRyK0MoIwnwLYTKpJEXryxxY4lWKzWeIY6j9GJtCUuxmJh3WtZZCkRkP7I8gzJfbFJLyoDXptI6yFIpIC/BKBGG+ATcnkpQjP8fn54rLHcQx1H6ETSEpT27D/c4Vj5MjCfNlNoWkvDndEigSwwhbkmYd5utxPwNJOTTOEigCBWBVJHfnU20OSXnUYQkUgS9HEubX2xSS8sqhRWVteiRh/qLfB0mSKtNGeD0shkCfYnNIUn7CQ3FZEUmYL7UpJCk/hlmCqJwbSZivxlc3JSlXXJM7HmOAfRGE+X5grM3RnJwwIeXXTMJ2nMq+H32aOB6B/Btgu00iSflyM3CoZcjcrcQx1L7KppCkfHoZWGwZMjUnkjDfB4y2OSQpf9qSjvw+S5GZTmBnJIF+ic0hSfn0yaI7M7fEzMbDkYT54zaFJOXX7UUd+nzLUXdXRhLme4HhNock5VMLB+/i9YglqaupkYR5F3CezSFJ+XUOLvOZlTZgYyRhvtLmkKR8W9tL5/6gZamLuyMJ892ESXmSpJz6nX46+TmWp6ZOJ56h9kU2hyTlVyuwtZ9OfgPOeK+VUcSxtGsXYQMYSVKO3VdCZ+976ekrAM9HEuY7gME2iSTl16IyOv3PWa5U/QnxDLUvsDkkKb+Ow5XDsnJkRGF+r80hSfk1mYPfOS/nON/yVWUwsC2SMN+OO+tJUm4dRVgJrJogWEZ4BqzyrYjo7tzVACWVrMUSRKNAus9t1wITLGtZPhtRmN9pc0gqh4tUxGEi8JMahMJ+4Bp8ra0UE5J6xRDmWwir00lSycZagkyNBr5Vh4DYRpgw56tPvWsFXono7vwYm0RSuaZagrprA04AHsggKPYTljE9Dh+3FLsjojBfbnNIqsRcHNqrpQIwFJhG2Hozlr20u8P9cWAp8ClgEjAEaKe5JtSdEFGbONSuiu4QJIAZhF2k3rIUqYZ4a/I9mwDMTELjsiQ4Y/EO8CrwG2An8B7wAQeeIzeDTuCpiM7nLOBDv0KSKvFn+LyunlqB2YQh3mpfTavk2AXchI9aun94rYro7nyZTSKpGj8ELrIMmWgDLiBsrlLrsFgDnILPzYstjSjM19s2kqq1E7jdMmR+p7g4uXtOOyg24TrgvZkeUZh3OWIiqVrDObC8pLI3GFiZYkh8E98/72tkZGNEYf51m0RStU4q6lRGWo5oXF1lQOwhTMJT774TUZi/iEPtklJwQ1HHcprliMopVLZq2UZgjOXr0yLiGmp3aV5JqVhX1LHcbzmicyzlT3xzJbi+jQH2RRTmS20SSWkY20sHYxjE5wJKX9p1iOXqUwFYHVGYr8bd8CSl5MpeOpmzLUuUbhsgHPbh0O1AbiWuFfrcQ0FSatb00tE8ZVmi1Aa82U9AXGGJ+jWbuJ6bL7FJJKVlcj+dzWTLE6WT+2ivp3Dotj+DCa9lxhLmq2wSSWm6u58O5weWJ1q97Zc+xbL065GIwnwfYbtcSUrF0BI6nkMsU5SO6dFOKy1Jvy4lrqH2S2wSSWm6roSO5x7LFK1NRe00y3L0aWpkYf64TSIpTSPL6IDmWK4oXZW0z2ZL0afYlnbdS1hmWZJS82AZndAWXAc8Rock7XO9pejT7ZHdnZ9vk0hK04wKOqKbLFuUtuNwe1/OiCzMnecgKVWDgK0VdkjzLF907sZV/XozDNgdUZjvBjptFklpWkF1O3eNsoRRudgSfEwBeD6yu/NFNoukNJ2VQsf0PD5Pj4nLvH7cVyIL8xU2iaQ0zSHdFa4M9TgMsgQHOSqyMN+Bj0QkpWgi4XWZtN+lbbG0mXOp1wMGE3aaiynQF9gsktIymsonwQ10POiduiKygrjC/AGbRFJajiRMZKtlp/UiYQlZKUsXRxbm2/FxiKSUzCFsAFGPzmszMN6SKyMTCPuKxxToc20WSdUqAF/PqBO7AZ/pqr5agXWRhfmdNoukag0lzEDPsjN7Ct9VV/3cGVmYbyGsHy9JFWkBllK/IfZSjtuADptGNTQ/sjDvImxrK0kVmQP8KsKOrQvYBXwWZ8IrfcOo/YTPco/lNoukSu7IzwReiTTIex77kjt2J84pDQXCo52YrvEN/nCVVI4RyR3v5pwEeW/HQ8BCXD1Llbsmwuv6CJtF0kB3Ip8ArgDW5DjE+1tt7jOElexcdU6lmBHhdbzMZlFMoaHstROeC44DTgAuAxbTXDNm/zfwKOE1pE2EZTzfTTrN4veM1ZzaCPNFDovonF4FZibXpxTFl0T1/QFVSAK8kzAT/ATC5Lb5wBk052tfH3JgvfmePjLMBdwVWZhD2MHQMJfUp8GEZ3JXEZ45x7YKVhrHfuAewvP0sThSpP6dF+E1fIPNIqmSu/qZwC3AzpwH+b3AiTgypNKNJa41Frr3MHDeh6SqdL+y9nKOQnwzcDkuNKPKrve1EV7TE2waSWmaBTwZcZCvJcwNcDhdlVoe4XW91GaRVCszCUOAsXR4LwNH2yyq0vERhvlqf6BKqrUCsCSCDu86fLao6nUS33yR/YTn+ZJUF2PJZhGa54BDLL9S+nH6RIR350tsGkn11kp4JaxeHd1f4DCk0hPDSFPPY5XNIilLS+vQ0Z1pmZWiqcS5udBom0ZS1s6vYSfn3s9KUxuwMcJAv8SmkRSLM1Pu4HbiVqhK33eIcwMhSYrKRSl1cDsIG8hIMf/oTOPYCwy3aSTF6OYUOrkZllEpG018S7t2ER5XSVKUCsAjVXRw51pC1eCafD7CMF9p00iKXQdhn/FKXk2T0nZThGG+m7CwjSRFb26ZHdw6XP1N6TuaOPcgWGTTSMqTe3FnKWWngzDBMrYwX2HTSMqbIYRZvAN1cDdaKtXADyMM8x3AYJtGUh4NtJLcDsIyslKaLiHOofZTbBpJedUO7Omng7vAEillEwi7lsUW5vfaNJIa9S59M264onS1EiZYxhbm24FBNo+kvOvA9atVH3cS51D7XJtGUqNY0Usn5+QgpenESMP8HptGUiM5vkcnd58lUYqG0/9cjayOLYQd3iSpYbRw8CtscyyJUtQGfDfCQD/eppHUiIo73HbLoRo4nrCsagxhvtzmkNSozko6uqcthWpoKLAq4zDfgOsrSGpgo5LO7vOWQjVWAK7NMNCPsAkkNbo9wGzLoDqZCWytc5gvs+ySmsGjwGjLoDoaBDxQpzBfj7sGSmoSN+GzRWXjTGBfjQP9MMssqVmcZgmUoTHAmhqF+Q2WV1IzOdQSKGMtwJ+lHOYv4lC7pCYzzBIoEqeQ3upyUyynpGbjMpiKSQfwD1WG+VLLKElqFoMJryvOJ2yiMimiH3cF4I+ofKjdLYAlSQ1vHH2vsb4f+G/AtEjO9XDKf2d9gk0sSWp0l5YRjE8DUyM453bgeyWe85dsYklSo/salQ1h30Yc6xRckIwg9HWez+NQuySpwS2juklmG4HJEXyOsYRn5L09KhhrM0uSGtkS0nu3e2kEd8EF4Loe53WJzSxJamTTSH/1tYcIa7Fn7QRgJ+FZv0PtkqSGNQjYQm2WVN1K2DUta53AcJtaktTIfkDtdzL7omWWJKl2bqZ+e43/BJcPliQpdafWMcy7j92EFeckSVIK2gkTxboyOm7GCWqSJFXt+gzDvPtYDYywKSRJqswg+l9JrZ7HHuBMm0SSpPKdHkmYFx9/BbTYNJIkle6uCAO9C1iLy7JKklSyHZEGehewF4fgJUkaUHvEYV583EEcO7dJkhSlzpwEehfwCjDOJpMk6eOG5ijQu7c7vdhmkyTpYC05C/Tu4z6gzeaTJOmAzTkN9fXAeJtPkqTg6zkNdIfgJUkqMjHHgd59fI8wY1+SpKY1EtjWAKHuELwkqSl1ALc1QJD3PByClyQ1hQJwHtlul1rrYzluxypJalCtwFUNHuTFx0O4wYskqcGCfDHwZpMEefHxHE6WkyTl3GTCM/J9TRjkxcczuA68JClnCsBxwMNNHuI9j7u9NCRJeTDTu/EBjxO8TCRJMRoNXAasM6xLOtZ4yUiSYtACHA3cAmw3oCs6Or2MpAPc4Uiqn8HAJ4FLgWuBEZakKiOAPZZBMtCletyFHwosAr4CzLckqfrAEkgHNPvqS/8TeAN4AniR8G7vfi8LVagdOAxYSHge/nuWpGbeA4YRht4lidV8/LncauBG4FPAKH/0qJ+77/HA7wC34mS2eh/3eQlKB2v2Iffeft3PS45iLyV38c8BrwCvA7u8O2gaHUl4H0UYNj8/+cGn7HzHEkgHa/a7z/uBz1fx7/8iCfqfAb8GtgBvA+8b9rn8LgwBxgEzgGOBU4FPE4Z2FY/XCI82/I5J3qH/1r9U+e8fnxy9+WVyR78m+c+bgN8Au3EyT1YGA8OBTwCTgMMJs84X4EIlefLvDHPJO/SezgUez/Au4xfA/wV+BWwkTMrbRhjOfx8n6JVzHbcngT0UmJDcwc1K7rQ/RRguV/69QVjX/iNLIRnoxSYnwRqz14FXk/N8A9ia3On/K/AW8E7yA2A34Z3cD5MfAh/m8C6mQJhs1pIEdHsS0KOBMYTh8IlJWE8jLJF6BA6JN5OzgFWWQTLQe2ojrJfdyD5KfhD8K7Aj+TGwjbCP9jvJfy62i4MfCewlvCLUn07CxLFurYQ3BIqNToJ3FGGC2cjkv5tcFNhSf14FpuNwu2Sg9+FxwtC7pLgdQ3hEJakXLZaA/24JpOj9tWEueYc+kHGEYWhJcXoXOITw+EeSd+h92kb1r69Jqp3PGuaSgV6q/2gJpCj9F+BJyyANzCH3YCxhFrikeLxGeDVxn6WQvEMv1XbCEq6S4vA2YRU/w1zyDr1sJwIvWAYpc28Ccwl7I0jyDr1sa3DYXcrSh8CfE1YCNMwl79CrcgnwkGWQ6ub/AEsISxfvxlXgJAM9JS2E5+mjLIVUFz8DTrIMUjoBpgM+Aq6zDFLduG2t5B16zbQTNi3psBRSXQzm4A2BJHmHnop9wB9bBqluRloCyTv0WukkrB/tDx6p9o4D1loGyTv0WtgD/FvLINXFNEsgGei1dD/wumWQam62JZAM9Fr6CLjMMkg1d6IlkAz0WnsW+CfLINXUfEsgVc9JcQObAmyyDFLNby5cJU7yDr2mXgP+h2WQasp1HyTv0OtiEGEHKJeElWpjQvIdk+Qdek19AJxvGaSaGWcJJAO9Xp4F/tYySDUxyRJIBno9LQXetgxS6mZYAslAr6e9wGLLIKXuaEsgGej19gzw95ZBStUcSyBVx1nulWkDXgZmWQopFe8Cwy2DZKBnYSywhfBKm6TqtRKWXJZUAYfcK7cdOMcySKnptASSgZ6VHwP/3jJIqXDIXTLQM3U78LRlkKo21hJIBnqWuoCzgV9YCqkqrhYnGeiZ+xA4DdeilqrhanGSgR6F3YTVrtZbCqkiUy2BZKDH4j1gLvCPlkIqm8u/SgZ6dHfqZwNjgN8D/ivwRpP8mJGqcZQlkCrnwjL1/fE0AhgPzASOBeYndyWHA0NyENgbgJ8CLxIeLfw/wuI6JxKWwx1jM6sK7wAjLYNkoDdCW7QCgwkLbAxLOrfOov87DDgEGFr046C1jL+jKxkt+AB4C9hDWHJzN/A+sIuwm9w7yX+3J/mz+5N/t6d24A7gKzafUvzh22UZJANd9et0/wD4LtBhOZSiDsKuhpLK1GYJVKbZwArCMLuUtiEGulT5nZZUimOB1YRd5gxz1YrLv0oGumqgFbgY2Ay8BMyzJKoxJ8VJFXLIXb0ZC/w+8J9x5rrqy+tNMtCVQkd6KbAMmG45lBHXc5cMdFWgg/A8fBlwoeVQBMZbAslA18BagCMJK9hdCxxhSRSZiZZAMtDVu+GEV80uBZYSFqeRYuUGLZKBruQOfCJwMvBZ4DJgkGVRjkyzBJKB3mwKhOVfpwMnAb8LLDbAlXM+BpKqCAXF30ZDCLN/ZwBzgPOBRbiOgOyXJHmHHl0H1gkcCswibCM5F1gIHGZ51GRaCRsCSTLQc2U4sAkYZSkkIOziZ6BLZXLINnu7cElVqdhgSyAZ6Hm1HjjHMkiAW/JKBnrOPUl4T1xqdp2WQDLQ8+4e4C8tg5rcEEsgGeiN4GvA31sGNTH3RJcM9IbQRVjh7fuWQga6JAM9/6F+FfCopVAT8hVOyUBvKB8BFwFPWwoZ6JIM9HzbD5wNPGsp1ETGWgLJQG9EHwJnEd5Vl5rBOEsgGeiN6n3gWOBnlkJN4BOWQDLQG9kHwALgp5ZCDW68JZAM9Ea3DzgF+LGlUAMbbQkkA70ZdD9T/5GlUINylrtkoDdVqP8uzn6P1Y8Ij0hUmZGWQCpfwRLkWhthU5czLEU0fh94CfgXS1HVD9Z2yyCp2bQAPyCsLueR3bENOCJpk/usR9WHJDXtSMs9hkBmx73JaAnATOuRyuHooaSmdptBUPdjSY82+Ik1SeVwfo+kpvc1w6Auxxo+vkTpZdYltaPNr7IkwQ0GQk2PW3q5gxxJWCfA+qRzDPZrLEnB1YZC6scuYF4vtS4Aj1mfVI8hfoUl6YArDYbUjsf6CZkvNdDn3B3JeYzw6ytJBzuesA2roVzZsZ/wbLwv0xvos+4FvhXJuYzxqyuVx5mkje8XhPej37MUZfvHJFh+0Mc/7wCea6DP+33gnyM5F19bkwx09WIDMAV4w1KU5F3CznZnAzv7+e78iMbaGewh4C37JslAV9zeSu7Uf2kp+vUgMA5YPcCf+2tgfoN99p8Cb3uHLkn50A6swmfjPY+dZQT05xrw8+9NQvSESM5ngl9VSRpYG/CoIf7b4wFgaIm1O7xBa/Bg8vlmRXI+h/o1laTSFIC7mjzINwDHlFGzYcmdfCPWYnHyGWNZi36SX1FJKs9XmzDI9wGfp7w5JK2E5V4btSYjIwv0yX41Jal8Z9I876rfCgwqsz4thH3nG7UmrxR91hmRnNNUv5aSVJmZxLNKWC2OVVT2ilmBxt9v/uqizzstknOa5ldSkio3HnizwcJqM3B6FTVZ3gSjFhMiDPQZfh0lqTpDgbUNEFLbgQupbq2FP2qCMN/W4zPHEugz/SpKUvXagJU5DajdhE1pWquswaU0x5yCm3p87qO9Q5ekxpOnO9RNhMl9aax+eC7NM+O/553wSTgpTpIa0mciD6StwAWkt4zxcU0U5nt7qdsZ+NqaJDWs2cQ3A/4p4GTSXfN7Ds211eztvdTgAuKbqCdJStFw4GWyfz6+FBhSg8/36SYK8v4mnl0ZybmN8ysnSbUzCHgig879cWAhYbJeLcQyzFzPY0cfoxvXRXJ+Y/26SVJtFYBv1KFD/xVwRTIyUEvNeGfeBdzYRz3uiOT8RvtVk6T6mE9YEz3NTvxhwkz1IXX6DEuaNMy76HvVvFh24RvhV0yS6mcSYZZ5Nau4fRM4Deis87nH8qw4i+NX/dRlYyTnOMyvlyTV12BK27hkPfBd4AuEWfMdGZ7zl5s4zLuSHzN9ieUch/jVkspTsARK6Trqft69DXgLeBt4J/n/u195i+E8/xz4D03eXqMI+7r31EZ4jBKDIcAev1qSpJ5agX9o8jvzLuAn/dRoZETn2e4lK0nqaRBhIZouD87tp06zIjrPFi9bqTxtlkANbgLwc+BQS8FHyQ+bvkyN7FwllcFfwWpk84FXDfPfuhP4oJ9/fkwk5/meTSUZ6FK3y4HnCMPtCu4e4J+fFMl5vm5TSZLagO/hs/Kex8YSarchknN9xstYqqzzkxrFOMIs7iMsxcf88QD/vBWYHsm5brW5pPI55K5GsZCw8pxh3rvHBvjnMa2d/hubSzLQ1Xw6gIeAH+Pz8r78DQMv0jIjovPdZpNJ5XPIXXk2P7nzHGUp+vWXJfyZEyI63+02meQduprDYOA2wix2w7x/vwHWlfDnTo/onHfYbJLU+D9Al5L+tq2NfHyxjBCN5ZwXealLUmMqAAsIO7YZ0uUdw0uo79DIznm2l7xUPp+hK3bzgAeAmZaibH8L7Crhz82I7Lzfsumk8vkMXbF7mXi29MybW0r8c6dGdt67bDrJQFfjeZcwA/ufLEVZXgI2lfhnL47s3N+3+SSpcRWAG/GZeKnHGWXUdX9E573fS12SmsNCwiIphnbfx05KH32bGNm5r/MSlyrjkLvy5hnCMqX/y1L06QZK3098fmTn/s82n2Sgq3m8D1wBnEf/+3s3q++X8WeviOzcvUOXpCY1HHgSh9m7j++UUbsC8S3S8wUvaUlqXgXgKuKa3JXVMaWMuh0a4dUrXb4AAAMtSURBVPmf6uUsVcYhdzWCLuDvgEnAs01ch9XAa2X8+bMi/AyveTlLkrrNJ661yWNdMnVNhJ9hiJevJKlYO7C8icL8hTLr0xnp5yh46UqSejOeMBTd6IE+t8y6LGiAHyWSivgMXY3uzSS8ltC4r7j9mjB8Xo4rIvwcj3m5SpJKMYiw6EqjzYYvd2Z4Adgb4ee4wEtUklSOYcBdDRLmGyn/ufOUSD+LW+RKkioyHXgu54H+6Qo+99WRfpZOL0lJUjXmJXe6eQvz7VQ2D+bFSD+LJElVKxCe4W7NUaBXso/5SPK/ZK0kSSUF+/HA2sjDfHOFd+dXRPp5LvTSkyTVyvHAzyMNwDMr/EyvRPp5Jnu5SZJq7Wjg+YjC72UqW1FtdKRhvhdXiJMk1dGJkdyxz6vw/C+PNNAf9NKSJGVhPHBbRuH3RBXnvS7SQD/PS0qSlKUhwFJgTx3Db2KF5zqGeCf4jfZSkiTFoJ0wnP1mjYPvrirO8apIw3ydl48kKTYFwl7stZhAt4/q9grfGGmgX+1lI0mK2ZDkrjithWoWV3Eu04h3uH2cl4okKS8mEybRVbrL21NV/v1/EWmYP+mlIUnKozbCkPzTZQbfIVX8na2E4foYA32Bl4QkKe/GE54fD7Ry2zVV/j3zIg3zncmPDUmSGsYI4HzgET4+JF3tCmoPRxrol9jskqRG1gZ8ErgFGFrl/9ZQ784lScq/z0Ua6IttGkmSSrc+wjB/2maRJKl0E4lzV7UxNo1UGy2WQGpIUyI8p/nAWzaNJEmlKwAPRXR3fqFNIklS5U4grDSXVZDvBmbbDJIkpaMTOBn4KuF99111CPNvAB2WXqqPgiWQmlYrMJywQcoUwkS6cYRV7D4BTCKsQ985wP/OPsI2qL8mzKx/FvglYRKcJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJEmSJElS/fx/lafTT39mc5gAAAAASUVORK5CYII=); }

.ocb-freeze-scroll {
  overflow: hidden; }

.sweet-alert {
  font-family: "Ek Mukta", sans-serif; }
  .sweet-alert p, .sweet-alert h1, .sweet-alert h2, .sweet-alert h3, .sweet-alert h4, .sweet-alert h5, .sweet-alert h6, .sweet-alert span, .sweet-alert a, .sweet-alert div, .sweet-alert button, .sweet-alert table {
    font-family: "Ek Mukta", sans-serif; }
  .sweet-alert h2 {
    font-size: 24px; }
  .sweet-alert .lead {
    font-size: 18px; }
  .sweet-alert .btn {
    cursor: pointer;
    font-size: 16px; }

#offsprout-preloader {
  position: relative; }
  #offsprout-preloader span {
    display: block;
    bottom: 0px;
    width: 9px;
    height: 5px;
    background: #0d9971;
    position: absolute;
    -webkit-animation: offsprout-preloader 1.5s infinite ease-in-out;
    -moz-animation: offsprout-preloader 1.5s infinite ease-in-out;
    -ms-animation: offsprout-preloader 1.5s infinite ease-in-out;
    -o-animation: offsprout-preloader 1.5s infinite ease-in-out;
    animation: offsprout-preloader 1.5s infinite ease-in-out; }
  #offsprout-preloader span:nth-child(2) {
    left: 11px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s; }
  #offsprout-preloader span:nth-child(3) {
    left: 22px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s; }
  #offsprout-preloader span:nth-child(4) {
    left: 33px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s; }
  #offsprout-preloader span:nth-child(5) {
    left: 44px;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s; }

#offsprout-spinners {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 53px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#offsprout-preloader-background {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999; }

#offsprout-preloader-text {
  position: absolute;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  top: 58%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@-webkit-keyframes offsprout-preloader {
  0% {
    height: 5px;
    -webkit-transform: translateY(0px);
    background: #0d9971; }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
    background: #17CF9A; }
  50% {
    height: 5px;
    -webkit-transform: translateY(0px);
    background: #0d9971; }
  100% {
    height: 5px;
    -webkit-transform: translateY(0px);
    background: #0d9971; } }

@-moz-keyframes offsprout-preloader {
  0% {
    height: 5px;
    -moz-transform: translateY(0px);
    background: #0d9971; }
  25% {
    height: 30px;
    -moz-transform: translateY(15px);
    background: #17CF9A; }
  50% {
    height: 5px;
    -moz-transform: translateY(0px);
    background: #0d9971; }
  100% {
    height: 5px;
    -moz-transform: translateY(0px);
    background: #0d9971; } }

@-ms-keyframes offsprout-preloader {
  0% {
    height: 5px;
    -ms-transform: translateY(0px);
    background: #0d9971; }
  25% {
    height: 30px;
    -ms-transform: translateY(15px);
    background: #17CF9A; }
  50% {
    height: 5px;
    -ms-transform: translateY(0px);
    background: #0d9971; }
  100% {
    height: 5px;
    -ms-transform: translateY(0px);
    background: #0d9971; } }

@keyframes offsprout-preloader {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #0d9971; }
  25% {
    height: 30px;
    transform: translateY(15px);
    background: #17CF9A; }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #0d9971; }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #0d9971; } }