/**
 * IOA Framework Backend Stylings
 * Version  :   V2
 * Design   :   Proactive
 */
@import url("../../sprites/fonts/_ioa_front.css");
* html .clearfix {
  height: 1%; }

/* Hides from IE-mac \*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block;
  *zoom: 1; }

.clearfix {
  display: block; }

.relative {
  position: relative; }

input.sticky-save.button-save::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

.ioa_wrap .hide {
  display: none; }

.ioa-query-box input {
  float: left;
  width: 120px; }

.ioa-query-box a.button-default {
  float: left;
  margin: 0px 0px 0px 14px;
  font-size: 11px; }

a.button-default:focus {
  color: #fff; }

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Open Sans","Helvetica Neue",Helvetica; }

.introjs-fixParent {
  z-index: auto !important; }

.introjs-showElement {
  z-index: 9999999 !important; }

.introjs-relativePosition {
  position: relative; }

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-tooltip {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  text-align: right; }

/* 
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ 
 Changed by Afshin Mehrabani
*/
.introjs-button {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px; }

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3; }

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4); }

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a; }

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none; }

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0; }

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }

.pad-20 {
  padding: 20px; }

/**
 * Tooltip
 */
.ioa-tooltip {
  position: absolute;
  display: none;
  font-weight: 700;
  padding: 4px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  width: 150px;
  font-size: 11px;
  left: -50px;
  top: -28px;
  border-radius: 3px; }

.ioa-tooltip i {
  color: #000;
  position: absolute;
  left: 40%;
  bottom: -10px;
  font-size: 14px;
  opacity: 0.8; }

/**
 * Input Wrapper with LABEL -> INPUT -> TOOLTIP , format
 */
div.ioa_input {
  padding: 20px 20px;
  position: relative; }

div.ioa_input.hidden-field {
  padding: 0 !important; }

div.ioa_input_holder {
  margin: 0;
  position: relative;
  float: left; }

div.ioa_input_description {
  position: absolute;
  right: 10px;
  top: 30px;
  width: 250px;
  font-size: 11px;
  color: #787878; }

div.ioa_input_description > div {
  padding: 0px 15px; }

div.ioa_input label {
  width: 180px;
  float: left;
  color: #333;
  font-size: 11px;
  padding: 2px 40px 10px 0px;
  font-weight: 600; }

div.ioa_input_holder input, div.ioa_input_holder a {
  float: left; }

.clear-switch {
  font-size: 11px;
  color: #d10f21;
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer; }

/**
 *  TEXT input styling with 3 widths , small , medium and long.
 */
a.add-rad-icon {
  font-size: 10px;
  color: #444; }

div.ioa_input_holder input[type=text] {
  border: 1px solid #c8d4d9;
  padding: 10px 13px;
  outline: none;
  color: #6b6b6b;
  font-size: 13px;
  border-radius: 0; }

div.ioa_input_holder.small {
  width: 184px; }

div.ioa_input_holder.small input[type=text] {
  width: 130px; }

div.ioa_input_holder.medium {
  width: 384px; }

div.ioa_input_holder.medium input[type=text] {
  width: 350px; }

div.ioa_input_holder.long {
  width: 484px; }

div.ioa_input_holder.long input[type=text] {
  width: 450px; }

/**
 *  TEXTAREA input styling with 3 widths , small , medium and long.
 */
div.ioa_input_holder textarea {
  border: 1px solid #c8d4d9;
  padding: 13px;
  outline: none;
  color: #6b6b6b;
  font-size: 13px;
  height: 200px;
  overflow: auto;
  border-radius: 0; }

div.ioa_input_holder.small {
  width: 184px; }

div.ioa_input_holder.small textarea {
  width: 150px; }

div.ioa_input_holder.medium {
  width: 350px; }

div.ioa_input_holder.medium textarea {
  width: 320px; }

div.ioa_input_holder.long {
  width: 484px; }

div.ioa_input_holder.long textarea {
  width: 450px; }

/**
 *  SELECT input styling with 3 widths , small , medium and long.
 */
div.ioa_input_holder div.ioa_select_wrap {
  overflow: hidden;
  background: url(i/dropdown.png) 100% 0px no-repeat white;
  border: 1px solid #c8d4d9;
  padding: 0px 17px 0px 0;
  outline: none;
  color: #354146;
  font-size: 13px; }

div.ioa_input_holder div.ioa_select_wrap select {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  cursor: pointer;
  display: block;
  vertical-align: center;
  padding: 3px 0px 7px 5px;
  height: 36px; }

@-moz-document url-prefix() {
  div.ioa_input_holder div.ioa_select_wrap select {
    padding: 7px 0px 7px 5px; } }

div.ioa_input_holder.small {
  width: 184px; }

div.ioa_input_holder.small div.ioa_select_wrap {
  width: 150px; }

div.ioa_input_holder.small div.ioa_select_wrap select {
  width: 185px; }

div.ioa_input_holder.medium {
  width: auto; }

div.ioa_input_holder.medium div.ioa_select_wrap {
  width: 350px; }

div.ioa_input_holder.medium div.ioa_select_wrap select {
  width: 385px; }

div.ioa_input_holder.long {
  width: 484px; }

div.ioa_input_holder.long div.ioa_select_wrap {
  width: 450px; }

div.ioa_input_holder.long div.ioa_select_wrap select {
  width: 485px; }

/**
 * Checkbox styling
 */
div.ioa_input_holder div.ioa_checkbox_wrap input[type=checkbox] {
  float: left;
  margin: 5px 10px 0 5px; }

div.ioa_input_holder div.ioa_checkbox_wrap label {
  padding-left: 0;
  font-weight: 200;
  width: 100px; }

/**
 * Radio styling
 */
div.ioa_input_holder div.ioa_radio_wrap input[type=radio] {
  float: left;
  margin: 3px 10px 0 5px; }

div.ioa_input_holder div.ioa_radio_wrap label {
  padding-left: 0;
  font-weight: 200;
  width: 100px; }

div.groud-check-wrap {
  width: 200px;
  float: left; }

/**
 * Toggle styling
 */
div.ioa_input_holder div.ioatoggle_wrap input[type=radio] {
  float: left;
  margin: 4px 10px 0 5px; }

div.ioa_input_holder div.ioatoggle_wrap label {
  width: auto;
  padding-left: 0;
  font-weight: 200;
  margin-right: 15px; }

/**
 * Slider Input Stylings
 */
/* == Slider behaviour ======================================== */
.slider-suffix {
  float: left;
  width: 10px;
  font-size: 11px;
  margin: 9px 0px 0px 10px;
  padding-top: 0;
  color: #999; }

.ioa_input .ui-slider {
  float: left; }

.ioa_input .ui-slider {
  position: relative;
  top: 10px;
  text-align: left;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
  border-radius: 5px;
  background: #fafafa;
  margin-top: 9px;
  width: 227px;
  margin-left: 5px;
  margin-right: 20px; }

#side-sortables .ioa_input .ui-slider {
  width: 150px;
  margin-right: 24px; }

.ioa_input .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(i/button-gloss.png) #bbbbbb;
  border-radius: 100%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s;
  margin-top: 0px; }

.ioa_input .ui-slider:hover .ui-slider-handle {
  background-color: #4bbce8; }

.ioa_input .ui-slider .ui-slider-range {
  background: #bbb;
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ioa_input .ui-slider-horizontal {
  height: 6px; }

.ioa_input .ui-slider-horizontal .ui-slider-handle {
  top: -7px;
  margin-left: -8px; }

.ioa_input .ui-slider-horizontal .ui-slider-range {
  top: 2px;
  bottom: 1px;
  height: 2px;
  border-radius: 5px; }

.ioa_input .ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ioa_input .ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

div.ioa_input_holder.medium input[type=text].slider-input {
  width: 70px; }

/**
 * Upload Input stylings
 */
.image_upload_wrap {
  clear: left; }

div.image_upload_wrap a.button-default {
  float: left;
  margin: 2px 10px 0 0;
  padding: 10px 16px; }

div.ioa_input_holder.medium div.image_upload_wrap input[type=text] {
  width: 235px;
  clear: right; }

input.sticky-save.button-save {
  position: absolute;
  top: 51px;
  right: -5px;
  padding: 11px 15px;
  margin: 0; }

div.input-image-preview {
  clear: left;
  width: 327px;
  position: relative;
  margin-top: 20px; }

div.input-image-preview img {
  max-width: 100%;
  display: block;
  margin: 0px auto 0 auto; }

div.input-image-preview span.himage-remove {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(i/cross.png);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10; }

/**
 * Module Stylings
 */
div.ioa_module_container {
  margin-right: 0px; }

div.ioa_module_container_head {
  padding: 10px;
  background: #fafafa; }

div.ioa_module_container_head > a.button-default, div.ioa_module_container_head > a.button-save {
  margin: 3px 0 0 6px;
  float: right; }

div.ioa_module_container_head span {
  color: #555;
  font-size: 13px;
  float: left;
  margin: 12px 0 0 10px; }

div.module_head {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 20px 10px 20px 131px;
  background: #555;
  position: relative; }

div.module_head a.delete-mod {
  width: 16px;
  height: 16px;
  background: url(i/cross.png);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10; }

div.module_head a.edit-mod {
  color: #fff;
  display: block;
  position: absolute;
  padding: 24px 24px 23px 24px;
  background: #888888;
  top: 0px;
  left: 0px;
  z-index: 10; }

div.module_head a.clone-mod {
  color: #fff;
  display: block;
  position: absolute;
  padding: 24px 24px 23px 24px;
  background: #888888;
  top: 0px;
  left: 60px;
  z-index: 10; }

div.module_head > a {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

div.module_head > a:hover {
  background: #4bbce8; }

@-moz-document url-prefix() {
  div.module_head a.edit-mod, div.module_head a.clone-mod {
    padding: 24px; } }

div.module_head > a.delete-mod {
  background: url(i/cross.png); }

div.module_body {
  padding: 10px 0;
  display: none; }

div.module_body div.ioa_input {
  border: none;
  padding: 5px 15px;
  margin: 0; }

div.ioa_module.hide {
  display: none; }

a.save-ioa-module {
  float: right; }

/**
 * Colorpicker Stylings
 */
div.colorpicker-wrap {
  float: left;
  width: 400px;
  position: relative; }

span.minicolors {
  float: left; }

div.ioa_input_holder.medium div.colorpicker-wrap input[type=text] {
  width: 250px;
  float: left;
  color: #6b6b6b;
  border-right: none; }

div.ioa_input_holder.medium div.colorpicker-wrap input[type=text].opacity {
  width: 80px;
  color: #6b6b6b; }

a.picker-delete {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 10;
  display: block;
  width: 16px;
  height: 16px;
  background: url(i/cross.png); }

.minicolors {
  position: relative;
  display: inline-block;
  z-index: 1; }

.minicolors-focus {
  z-index: 12; }

.minicolors-focus a.picker-delete {
  z-index: 34; }

.minicolors-theme-default.minicolors .minicolors-input {
  vertical-align: middle;
  outline: none; }

.minicolors-theme-default.minicolors-swatch-left .minicolors-input {
  margin-right: auto; }

.minicolors-hidden {
  position: absolute;
  left: -9999em; }

.minicolors-swatch {
  position: relative;
  width: 36px;
  height: 38px;
  text-align: left;
  float: right;
  background: url(i/color-picker-bg.png);
  margin: 1px 0px 0 0;
  vertical-align: middle;
  display: inline-block;
  border: 1px solid #C8D4D9;
  border-left: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.minicolors-swatch SPAN {
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  display: inline-block; }

/* Panel */
.minicolors-panel {
  position: absolute;
  top: 55px;
  left: 56px;
  width: 173px;
  height: 152px;
  background: white;
  border: solid 1px #CCC;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  display: none; }

.minicolors-position-top .minicolors-panel {
  top: -156px; }

.minicolors-position-left .minicolors-panel {
  left: -83px; }

.minicolors-position-left.minicolors-with-opacity .minicolors-panel {
  left: -104px; }

.minicolors-with-opacity .minicolors-panel {
  width: 194px; }

.minicolors .minicolors-grid {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 150px;
  height: 150px;
  background: url(i/jquery.minicolors.png) -120px 0;
  cursor: crosshair; }

.minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: none; }

.minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0; }

.minicolors-slider-saturation .minicolors-grid-inner {
  background: url(i/jquery.minicolors.png) -270px 0; }

.minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0; }

.minicolors-slider-brightness .minicolors-grid-inner {
  background: black; }

.minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0; }

.minicolors-slider,
.minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 152px;
  width: 20px;
  height: 150px;
  background: white url(i/jquery.minicolors.png) 0 0;
  cursor: crosshair; }

.minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0; }

.minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0; }

.minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0; }

.minicolors-opacity-slider {
  left: 173px;
  background-position: -40px 0;
  display: none; }

.minicolors-with-opacity .minicolors-opacity-slider {
  display: block; }

/* Pickers */
.minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 10px;
  height: 10px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none; }

.minicolors-grid .minicolors-picker SPAN {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  border: solid 2px white; }

.minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  margin-top: -2px; }

/* Inline controls */
.minicolors-inline .minicolors-input,
.minicolors-inline .minicolors-swatch {
  display: none; }

.minicolors-inline .minicolors-panel {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block; }

/**
 * Notification Stylings
 */
input.sticky-save.button-save::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

.ioa_wrap .hide {
  display: none; }

.ioa-query-box input {
  float: left;
  width: 120px; }

.ioa-query-box a.button-default {
  float: left;
  margin: 0px 0px 0px 14px;
  font-size: 11px; }

a.button-default:focus {
  color: #fff; }

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Open Sans","Helvetica Neue",Helvetica; }

.introjs-fixParent {
  z-index: auto !important; }

.introjs-showElement {
  z-index: 9999999 !important; }

.introjs-relativePosition {
  position: relative; }

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-tooltip {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  text-align: right; }

/* 
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ 
 Changed by Afshin Mehrabani
*/
.introjs-button {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px; }

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3; }

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4); }

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a; }

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none; }

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0; }

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }

.pad-20 {
  padding: 20px; }

.ioa-message {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  width: 330px;
  padding: 0;
  background: #404b57;
  border: 1px solid #38414b;
  position: fixed;
  z-index: 999;
  top: 45px;
  left: 45%;
  display: none; }

.ioa-message .ioa-message-head {
  padding: 8px 5px;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  font-size: 15px; }

.ioa-message .ioa-message-body {
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  padding: 0px; }

.ioa-icon-area {
  float: left;
  text-align: center;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.06) inset;
  padding: 16px 20px;
  color: #fff;
  font-size: 32px;
  border-right: 1px solid #38414b; }

.ioa-message.ioa-success .ioa-icon-area {
  color: #79bd2f; }

.ioa-message.ioa-information .ioa-icon-area {
  color: #2fa7bd; }

.ioa-message.ioa-warning .ioa-icon-area {
  color: #db4e17; }

.ioa-message.ioa-error .ioa-icon-area {
  color: #db1717; }

.ioa-information-p {
  background: #555;
  margin: 0 30px 20px 30px;
  padding: 20px;
  color: #fff;
  text-align: center; }

.ioa-info-area {
  float: left;
  width: 255px; }

.ioa-info-area h3 {
  color: #fff;
  font-size: 15px;
  margin: 10px 0 0  0;
  padding: 0px 0px 0px 20px; }

.ioa-info-area p {
  color: #fff;
  font-size: 11px;
  margin: 0;
  padding: 4px 20px 0px 20px; }

.hades-custom input {
  border: 1px solid #e7e7e7; }

.widget-inside .ioa_module_container {
  margin-bottom: 30px; }

.widget-inside div.module_head a.edit-mod, .widget-inside div.module_head a.clone-mod {
  padding: 23px 23px 22px 23px; }

.widget-inside div.module_head a.clone-mod {
  left: 58px; }

div.ioa_input.has-two-buttons div.ioa_input_holder.medium input[type=text] {
  width: 142px; }

div.ioa_input.has-two-buttons div.ioa_input_holder a {
  margin: 0px 1px;
  padding: 12px 14px; }

a.button-default, input.button-hdefault {
  cursor: pointer;
  display: inline-block;
  background: url(i/button-gloss.png) #777777;
  padding: 8px 15px;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  margin: 3px 10px 0px 10px;
  text-decoration: none;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

a.button-error {
  cursor: pointer;
  display: inline-block;
  background: url(i/button-gloss.png) #d10f21;
  padding: 8px 15px;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  margin: 3px 10px 0px 10px;
  text-decoration: none;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

.button-save, .button-hprimary {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: url(i/button-gloss.png) #16b99c;
  padding: 10px 12px;
  outline: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-weight: 600;
  margin: 3px 20px 20px 10px;
  text-transform: uppercase;
  font-size: 11px; }

.button-save:hover, .button-save:active, .button-save:focus {
  color: inherit; }

a.button-error:focus {
  color: #fff; }

a.button-default:hover, a.button-hprimary:hover, .button-hprimary:hover {
  text-decoration: none;
  color: #fff;
  background: #4bbce8; }

a.button-error:hover {
  color: #fff; }

.en_gloss {
  background: url(i/gloss.png) no-repeat;
  width: 100%;
  z-index: 90;
  top: 0;
  left: 0;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  height: 100%; }

.ioa-upload-field input[type=text] {
  width: 82.5%; }

th#ioa_template {
  width: 200px; }

.ioa-highlight {
  background: #4bbce8;
  display: inline-block;
  padding: 3px 9px;
  color: #fff; }

a.post-ioa-images-generator.button-default {
  margin: 0px 0px 15px 0px; }

.ioa-quick-tour {
  float: left;
  z-index: 10;
  margin: 0;
  padding: 13px 21px; }

span.waiting {
  background: url(i/loader.gif) center center no-repeat;
  border-radius: 3px;
  opacity: 0;
  transform: scale(0, 0);
  width: 25px;
  height: 25px;
  display: block;
  margin: 12px 10px;
  z-index: 10; }

div.ioa_wrap {
  position: relative;
  margin: 0px 0px 0px -20px;
  border-bottom: 1px solid #ddd; }

#cbrand_logo {
  display: block;
  margin: 20px auto 10px auto; }

#cbrand_text {
  text-align: center;
  display: block;
  margin: 0px 0px 20px 0;
  color: #fff;
  font-size: 11px;
  padding: 0; }

#wpbody-content {
  padding-bottom: 45px; }

div.ioa_panel_wrap {
  position: relative;
  z-index: 3; }

div.panel-top-bar {
  background: #4bbce8;
  border-bottom: 4px solid #34b4e5;
  position: relative;
  z-index: 10; }

div.notify-area {
  float: left;
  width: 140px;
  background: #4bbce8;
  position: relative;
  padding: 14px 30px;
  color: #fff;
  font-weight: 700; }

div.notify-area span.version-tag {
  font-size: 10px;
  font-style: italic; }

ul.main-menu {
  float: left;
  padding: 0;
  margin: 0 0; }
  ul.main-menu li {
    float: left;
    list-style: none;
    position: relative;
    margin: 0;
    border-bottom: none; }
    ul.main-menu li a {
      color: #fff;
      font-size: 11px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 14px 20px 15px 20px;
      position: relative;
      float: left;
      border-top: 3px solid transparent;
      font-weight: 700;
      -webkit-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out;
      transition-property: border;
      transition-duration: 200ms, 200ms;
      transition-delay: 0s; }
  ul.main-menu li.active a, ul.main-menu li:hover a {
    border-top: 3px solid #fff;
    background: rgba(0, 0, 0, 0.05); }

/*
Lightbox Styling
 */
div.rad-lightbox {
  position: fixed;
  top: 100px;
  left: 100px;
  bottom: 100px;
  right: 100px;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
  display: none; }

div.rad-l-head {
  padding: 20px;
  cursor: move;
  background: #708093; }

div.rad-l-head h4 {
  margin: 0;
  padding: 0 0 0px 0;
  color: #fff; }

div.rad-l-body {
  height: 90%;
  background: #fff;
  overflow: auto; }

div.rad-l-footer {
  position: absolute;
  top: 7px;
  right: 0px;
  z-index: 20; }

div.rad-l-footer a {
  float: left; }

div.rad-l-footer a.button-default {
  padding: 10px 15px; }

div.rad-l-footer a.button-save {
  margin-right: 0px; }

div.preivew_pane h3 {
  margin: 0;
  padding: 0px 0px 10px 20px;
  font-size: 14px;
  color: #777; }

div.padding10 {
  padding: 10px; }

div.padding20 {
  padding: 20px; }

div.padding40 {
  padding: 40px; }

div.ioa-tour-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.7;
  background: #fff; }

div.ioa-tour-lightbox {
  font-family: "Open Sans";
  background: #fff;
  z-index: 10000;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.03);
  width: 875px;
  height: 620px;
  position: fixed;
  top: 25%;
  left: 20%; }

div.ioa-tour-lightbox a.ioa-front-icon {
  position: absolute;
  top: -20px;
  left: -20px;
  border-radius: 100%;
  color: #fff;
  font-size: 13px;
  background: #4bb5c1;
  text-align: center;
  display: block;
  padding: 14px; }

div.ioa-tour-lightbox div.heading-area {
  padding: 30px 15px 10px 30px; }

div.ioa-tour-lightbox div.heading-area h2 {
  margin: 0;
  font-weight: 100;
  color: #2b2c30;
  font-size: 32px;
  margin-bottom: 12px; }

div.ioa-tour-lightbox div.heading-area p {
  margin: 0;
  font-size: 13px;
  color: #949494; }

div.ioa-tour-lightbox div.heading-area p strong {
  color: #709b18;
  font-style: italic; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list {
  margin: 0;
  padding: 10px 30px 10px 30px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li strong {
  display: inline-block;
  padding: 0px 3px;
  text-shadow: none;
  line-height: 1.4;
  border-radius: 2px;
  color: #ca4e2d;
  background: #fff; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.documentation-panel strong {
  color: #83b51e; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.plugins-panel strong {
  color: #47abb6; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.tour-panel strong {
  color: #1ac4c6; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li span {
  float: left;
  color: #222;
  background: #fff;
  padding: 0 20px;
  font-size: 28px;
  font-weight: 700;
  border-radius: 100%;
  margin-right: 25px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li {
  line-height: 2;
  position: relative;
  background: #ca4e2d;
  margin-bottom: 30px;
  font-size: 13px;
  color: #fff;
  padding: 30px;
  text-shadow: 0px 1px 2px #953820; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.push-right {
  margin-right: 30px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li a.more-link {
  text-shadow: none;
  float: right;
  display: block;
  padding: 8px 17px;
  color: #fff;
  background: #7bac18;
  font-size: 12px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 15px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.documentation-panel {
  background: #83b51e;
  color: #fff;
  text-shadow: 0px 1px 2px #749c23; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.documentation-panel a.main-link {
  display: block;
  text-align: center;
  color: #fff;
  font-style: italic;
  font-size: 15px;
  margin-top: 10px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.plugins-panel {
  background: #47abb6;
  color: #fff;
  text-shadow: 0px 1px 2px #3a8d96; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.tour-panel {
  background: #1ac4c6;
  color: #fff;
  text-shadow: 0px 1px 2px #3a8d96; }

div.welcome-panel {
  display: none; }

/**
 * Shortcode Engine
 */
#text_data_Shortcodes {
  display: none; }

div.shortcode-lightbox {
  width: 700px;
  height: 650px;
  position: fixed;
  top: 100px;
  left: 100px;
  z-index: 99997;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans";
  display: none; }

div.shortcode-l-head {
  cursor: move;
  padding: 20px;
  background: #333;
  position: relative; }

div.shortcode-l-head a {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  text-decoration: none;
  background: #555;
  color: #fff;
  padding: 20px 28px; }

div.shortcode-l-head h4 {
  margin: 0;
  padding: 0 0 0px 0;
  color: #fff;
  font-weight: 600; }

div.shortcode-l-head span.loader {
  background: url(i/sh-loader.gif);
  width: 24px;
  height: 24px;
  right: 60px;
  position: absolute;
  top: 15px;
  display: none; }

div.shortcode-l-body {
  overflow: auto;
  height: 590px;
  position: relative;
  background: url(i/loader.gif) center center no-repeat; }

.top-shortcodes-menu {
  margin: 0px;
  border-bottom: 1px solid #f4f4f4;
  padding: 0px; }

.top-shortcodes-menu li {
  float: left;
  cursor: pointer;
  padding: 0px;
  margin: 0;
  list-style: none;
  width: 16.66%;
  text-align: center; }

.top-shortcodes-menu li span.icon-label {
  border-bottom: 2px solid transparent;
  padding: 15px; }

.top-shortcodes-menu li.active span.icon-label {
  border-bottom: 2px solid #22d3e3; }

.top-shortcodes-menu li span {
  font-size: 10px;
  color: #777;
  font-weight: 600;
  display: block; }

div.shortcode-l-body h6 {
  padding: 15px;
  text-align: center;
  background: #0dc2dd;
  color: #fff;
  position: relative;
  font-size: 10px;
  margin: 12px 0 12px 0; }

div.shortcodes-desc-area {
  padding: 0px 20px 0px 20px; }

div.shortcode-button {
  float: left;
  background: #d6e6e7;
  margin: 0px 8px 8px 0;
  color: #616572;
  font-size: 11px;
  font-weight: 600; }

div.shortcode-button div.desc-area {
  display: none; }

div.shortcode-help-desk > div {
  margin: 20px;
  padding: 15px;
  border: 1px solid #eee;
  font-size: 12px;
  display: none; }

div.shortcode-help-desk > div ul li a {
  color: #fff; }

div.shortcode-help-desk > div ul {
  margin-left: 0px; }

div.shortcode-help-desk > div ul li {
  margin-bottom: 6px; }

div.shortcode-help-desk > div ul li strong {
  width: 120px;
  float: left; }

div.shortcode-help-desk > div ul li span {
  float: left;
  width: 400px; }

div.shortcode-help-desk > div ul li ul strong {
  width: 80px; }

div.shortcode-help-desk > div ul li ul li p {
  margin: 0px 0 2px 0;
  float: left;
  width: 250px; }

div.shortcode-help-desk > div ul li ul {
  margin: 0px;
  font-size: 11px;
  width: 400px;
  float: left; }

div.shortcodes-desc-area > div {
  display: none;
  padding: 25px 0 15px 0; }

div.shortcodes-desc-area > div:first-child {
  display: block; }

div.shortcodes-desc-area select {
  width: 300px;
  float: left;
  margin-right: 15px; }

div.shortcodes-desc-area a {
  float: left;
  margin-right: 15px; }

div.shortcodes-desc-area .info_shortcode {
  margin-left: 20px; }

.shortcodes-desc-area label {
  display: none; }

.shortcodes-desc-area div.ioa_input {
  padding: 0;
  float: left; }

div.ioa_input.parent_val {
  margin-bottom: 15px; }

#s-column-maker h6 {
  padding: 15px;
  margin: 0;
  font-size: 12px;
  text-align: center;
  color: #888;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px; }

#s-column-maker .top-bar {
  padding: 15px;
  margin-bottom: 7px; }

#s-column-maker .top-bar a {
  margin: 2px;
  min-width: 60px;
  text-align: center; }

#s-column-maker #column-maker-insert {
  clear: both;
  background: #f00828;
  color: #fff;
  width: auto;
  padding: 8px 12px; }

div.column-maker-area {
  padding: 20px;
  background: #fafafa;
  border: 1px solid #e7e7e7;
  margin: 15px; }

div.column-maker-area .col {
  position: relative;
  margin-right: 1.2%;
  text-align: center;
  float: left;
  min-height: 45px;
  padding: 1%;
  background: #ffffff;
  box-shadow: 0px 0px 0px 1px #e7e7e7; }

div.column-maker-area .full {
  width: 97%;
  min-height: 1px;
  padding: 1%;
  background: white; }

div.column-maker-area .one_half {
  width: 47.9%; }

div.column-maker-area .one_third {
  width: 30.8%; }

div.column-maker-area .one_fourth {
  width: 22.3%; }

div.column-maker-area .two_third {
  width: 64.7%; }

div.column-maker-area .three_fourth {
  width: 73.2%; }

div.column-maker-area .one_fifth {
  width: 17.2%; }

div.column-maker-area .four_fifth {
  width: 78.3%; }

div.column-maker-area .one_sixth {
  width: 13.55%; }

div.column-maker-area .five_sixth {
  width: 80.9%; }

div.column-maker-area i {
  position: absolute;
  cursor: pointer;
  top: 2px;
  right: 2px;
  color: #c41111;
  font-size: 12px; }

div.column-maker-area .last {
  padding-right: 0;
  clear: right;
  margin-right: 0; }

.shortcode-help-desk > div {
  display: none; }

.ex-shortcode-mods {
  display: none;
  margin: 0px 20px 10px 20px;
  padding: 15px 0;
  font-size: 12px;
  position: relative; }

.ex-shortcode-mods div.ioa_input {
  padding: 3px 0; }

.ex-shortcode-mods div.ioa_input label {
  width: 170px; }

.ex-shortcode-mods div.ioa_input_holder {
  float: left;
  clear: none; }

.ex-shortcode-mods label {
  margin-top: 4px;
  margin-right: 10px; }

.ex-shortcode-mods a.add-mod-shortcode, #pricingtable-insert {
  z-index: 10;
  text-decoration: none;
  background: #f00828;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  display: inline-block;
  padding: 8px 12px;
  font-weight: 700; }

.ex-shortcode-mods div.ioa_input_holder.medium {
  width: 320px; }

.ex-shortcode-mods div.ioa_input_holder.small {
  width: 256px; }

.ex-shortcode-mods div.ioa_input_holder.medium div.image_upload_wrap input[type=text] {
  width: 231px; }

.ex-shortcode-mods div.ioa_input_holder.medium input[type=text] {
  width: 368px; }

ul.sicon-list {
  padding: 20px; }

ul.sicon-list li {
  cursor: pointer;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  padding: 22px 12px;
  width: 38px;
  border: 1px solid #eee;
  border-right: none;
  border-bottom: none;
  box-shadow: 1px 1px 0px #eee; }

ul.sicon-list li.active, ul.sicon-list li:hover {
  z-index: 10;
  box-shadow: 0px 0px 20px #eee; }

ul.sicon-list li.active i, ul.sicon-list li:hover i {
  color: #4bbce8; }

ul.sicon-list li i {
  color: #333;
  font-size: 16px; }

div.feature-column-body {
  display: none; }

h4.feature-column-head {
  margin: 30px 0 10px 0;
  padding: 15px;
  background: #fff;
  border: 1px solid #f3f3f3;
  cursor: pointer;
  color: #666; }

.temp-overlay {
  background: #fff;
  top: 0;
  left: 0;
  z-index: 9991px;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%; }

.shortcode-extra-insert {
  font-size: 10px;
  color: #4bbce8;
  font-weight: 700; }

div.post-meta-panel {
  clear: both;
  padding: 15px;
  background: #708093;
  display: none; }

div.post-meta-panel > div {
  float: left;
  padding: 4px 14px;
  background: #fff;
  color: #444;
  font-size: 11px;
  text-decoration: none;
  margin: 2px; }

div.error-google-speed {
  font-size: 12px; }

/**
 * Installer
 */
#installer-wrapper {
  background: #fff;
  min-height: 600px; }

div.installer-info {
  background: #05cbdd;
  padding: 15px;
  text-align: center;
  color: #fff; }

div.installer-selection div.ioa_input {
  float: left; }

div.installer-selection a.button-save {
  float: left;
  margin: 20px 0px 0 10px;
  padding: 11px 26px; }

.installer-meta-info {
  margin: 15px;
  background: #a92026;
  padding: 15px 15px;
  border-radius: 3px;
  color: #fff; }

.installer-meta-info i {
  float: left;
  font-size: 20px;
  margin: 8px 20px 20px 0; }

.installer-meta-info li {
  margin-bottom: 15px;
  padding: 0; }

#installer-wrapper .success {
  padding: 20px;
  margin: 20px;
  color: #fff;
  text-align: center;
  background: #79bd2f; }

.installer-heading {
  background: #333;
  padding: 20px;
  color: #fff; }

.run-installer.button-default {
  margin: 20px 0 0 0;
  padding: 10px 32px; }

.installer-selection label {
  margin-top: 5px; }

#installer_help p {
  padding: 15px;
  color: #777;
  margin: 0; }

#installer_help h4 {
  padding: 15px 15px 0 15px;
  color: #333;
  margin: 0;
  font-size: 18px; }

/**
 * Visualizer code
 */
.vlist, .bg-image-area {
  padding: 25px;
  margin: 20px; }

.vlist-item {
  border: 1px solid #eee;
  margin-bottom: 20px;
  padding: 20px; }

.bg-image-area .vimage {
  float: left;
  width: 50px;
  position: relative; }

.vdelete {
  background: url(i/cross.png);
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 10;
  width: 16px;
  height: 16px; }

.bg-image-area .vimage img {
  max-width: 100%; }

/**
 * Scourge Icon API
 */
.sc-icon-list-wrap {
  margin: 0;
  padding: 0;
  width: 245px;
  float: left;
  border-right: 1px solid #eee;
  overflow: auto; }

.sc-icon-list-wrap .icon-search-panel {
  border-bottom: none; }

.sc-icon-list-wrap .icon-search-panel input {
  width: 99%; }

.sc-icon-list-wrap h4 {
  margin: 0;
  padding: 15px 20px;
  background: #fafafa;
  text-align: center; }

.sc-icon-list {
  margin: 0;
  padding: 0; }

ul.sc-icon-list li {
  cursor: pointer;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  padding: 11px 12px;
  border: 1px solid #eee;
  border-right: none;
  border-bottom: none;
  box-shadow: 1px 1px 0px #eee; }

ul.sc-icon-list li.active, ul.sc-icon-list li:hover {
  z-index: 10;
  box-shadow: 0px 0px 20px #eee; }

ul.sc-icon-list li.active i, ul.sc-icon-list li:hover i {
  color: #4bbce8; }

ul.sc-icon-list li i {
  color: #333;
  font-size: 13px; }

.main-icon-area {
  float: left;
  width: 779px; }

.icon-preview-pane {
  padding: 20px;
  text-align: center;
  border: 1px solid #eee;
  margin: 0px 15px 15px 15px; }

.icon-preview-pane i, .vf-icon i {
  display: inline-block;
  font-size: 16px; }

.icon-preview-pane i.border-style, .vf-icon i.border-style {
  border: 2px solid #333;
  padding: 15px; }

.icon-preview-pane i.border-style-circ, .vf-icon i.border-style-circ {
  border: 2px solid #333;
  padding: 15px;
  border-radius: 100%; }

.icon-preview-pane i.background-style, .vf-icon i.background-style {
  background: #333;
  color: #fff;
  padding: 15px; }

.icon-preview-pane i.background-style-circ, .vf-icon i.background-style-circ {
  background: #333;
  color: #fff;
  padding: 15px;
  border-radius: 100%; }

.icon-preview-pane i.longshadow-style, .vf-icon i.longshadow-style {
  background: #888;
  color: #fff;
  padding: 15px;
  overflow: hidden;
  text-shadow: #555 1px 1px, #555 2px 2px, #555 3px 3px, #555 4px 4px, #555 5px 5px, #555 6px 6px, #555 7px 7px, #555 8px 8px, #555 9px 9px, #555 10px 10px, #555 11px 11px, #555 12px 12px, #555 13px 13px, #555 14px 14px, #555 15px 15px, #555 16px 16px, #555 17px 17px, #555 18px 18px, #555 19px 19px, #555 20px 20px, #555 21px 21px; }

.icon-preview-pane i.longshadow-style-circ, .vf-icon i.longshadow-style-circ {
  background: #888;
  color: #fff;
  padding: 15px;
  overflow: hidden;
  text-shadow: #555 1px 1px,#555 2px 2px,#555 3px 3px,#555 4px 4px,#555 5px 5px, #555 6px 6px,#555 7px 7px,#555 8px 8px,#555 9px 9px,#555 10px 10px,#555 11px 11px,#555 12px 12px,#555 13px 13px,#555 14px 14px,#555 15px 15px,#555 16px 16px,#555 17px 17px,#555 18px 18px,#555 19px 19px,#555 20px 20px,#555 21px 21px;
  border-radius: 100%; }

.main-icon-area h4 {
  margin: 0;
  padding: 15px; }

.sc-icon-listener {
  display: none; }

.icon-search-panel {
  border-bottom: 1px solid #e7e7e7;
  position: relative; }

.icon-search-panel i {
  position: absolute;
  top: 18px;
  left: 20px;
  color: #999; }

.icon-search-panel input {
  display: block;
  width: 80%;
  padding: 15px 15px 15px 45px;
  border: none;
  box-shadow: none; }

.icon-search-panel input:focus {
  border: none;
  box-shadow: none; }

/**
 * Main Panel
 */
div.ioa_admin_panel {
  width: 923px;
  margin: 0px 0 0 0px; }

/* ========================================================================================================= */
/* == Options Panels ======================================================================================= */
/* ========================================================================================================= */
/* ============================================================ */
/* == Side Menu =============================================== */
/* ============================================================ */
.ioa_sidenav_wrap {
  width: 200px;
  opacity: 0.95;
  min-height: 700px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #404b57;
  border-right: 1px solid #404b57; }

ul.ioa_sidenav {
  clear: left;
  position: relative;
  z-index: 99;
  padding: 0;
  margin: 0; }

.options-search-bar-wrap {
  padding: 0 0 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #3c444e; }

.options-search-bar {
  background: #3c444e;
  margin: 20px 20px 10px 20px;
  border-radius: 5px; }

.options-search-bar input {
  float: left;
  width: 137px;
  background: none;
  padding: 8px 5px;
  color: #91a5be;
  font-size: 11px;
  border: none;
  box-shadow: none; }

.options-search-bar i {
  float: left;
  color: #91a5be;
  padding: 10px 0 0 0; }

.button-default.close-options-search {
  float: none;
  display: block;
  margin: 0; }

.search-close-wrap {
  margin: 10px 20px 10px 20px;
  display: none; }

.ioa_sidenav li {
  display: block;
  padding: 0;
  margin: 0 0;
  padding: 0;
  position: relative; }

.ioa_sidenav li:last-child {
  background: none; }

.ioa_sidenav li a {
  margin-left: 30px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  padding: 15px 5px 15px 5px;
  font-size: 10px;
  margin: 0;
  font-weight: 700;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

.ioa_sidenav li.ui-state-active a, .ioa_sidenav li:hover a {
  color: #ffffff;
  background: #4bbce8;
  text-shadow: none; }

.ioa_sidenav li span {
  display: block;
  margin-left: 10px; }

/**
 * Sub Tabbed Menu
 */
div.subpanel > ul {
  margin: 0;
  padding: 0;
  background: #404b57; }

div.subpanel > ul li {
  float: left;
  text-align: center;
  color: #7d7d7d;
  padding: 0px;
  margin: 0;
  position: relative; }

div.subpanel > ul li a {
  padding: 13px 13px;
  margin: 0;
  font-size: 12px;
  display: block;
  text-shadow: none;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

div.subpanel > ul li a:hover, div.subpanel > ul li.ui-state-active a {
  background: #4bbce8;
  color: #fff; }

div.subpanel > ul li.ui-state-active span.tip {
  display: block; }

input.sticky-save.button-save {
  right: 0;
  padding: 14px 28px 15px 28px;
  top: 0px; }

@-moz-document url-prefix() {
  input.sticky-save.button-save {
    padding: 14px 28px 14px 28px; } }

/* ============================================================ */
/* == Main Tabbed Pane ======================================== */
/* ============================================================ */
#panel-wrapper {
  float: left;
  width: 690px;
  position: relative;
  z-index: 3;
  margin: 0px 0 0px 201px;
  background: #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

#panel-wrapper.normalize {
  float: none;
  width: auto;
  margin: 0; }

#panel-wrapper > h2 {
  padding: 13px 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  margin-top: 0;
  display: none; }

div.ioa_subpanel {
  padding-top: 30px;
  min-height: 500px; }

div.ioa_subpanel .ioa_input {
  padding-left: 50px; }

div.ioa_options div.ioa_input_holder.medium {
  width: 350px; }

/**
 * Custom Sidebars Options Panel
 */
#sidebar_manager div.ioa_input_holder.medium {
  width: 100%;
  clear: both;
  float: none; }

#sidebar_manager div.ioa_input_holder.medium input[type=text] {
  width: 471px; }

#sidebar_manager a.button-default {
  margin-top: 2px;
  padding: 10px 20px; }

div.custom-sidebar-area {
  margin: 10px;
  padding: 20px;
  border: 1px solid #f4f4f4; }

div.sidebar-tag {
  background: #555;
  float: left;
  width: 174px;
  padding: 12px;
  margin: 0px 10px 10px 0;
  position: relative;
  color: #fff;
  font-size: 12px;
  font-style: italic;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

div.sidebar-tag:hover {
  background: #4bbce8; }

div.sidebar-tag i.remove-c-sidebar {
  color: #fff;
  position: absolute;
  top: 1px;
  right: 1px;
  font-size: 15px;
  cursor: pointer; }

/* Panel Title Heading == */
.ioa-top-panel {
  position: relative;
  width: 100%; }

.ioa-top-panel input[type=submit] {
  margin-left: 20px;
  float: left; }

.ioa-top-panel span {
  float: left; }

.subtitle-heading:first-child {
  margin-top: 0px; }

.subtitle-heading {
  padding: 20px 20px 20px !important;
  margin: -1px 0 0 0;
  display: block;
  background: url(i/plus.png) 97% 20px no-repeat #f2f2f2;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }

h3.subtitle-heading.minus {
  background: url(i/panle-minus.png) 97% 20px no-repeat #f2f2f2; }

.subtitle-heading a {
  font-size: 15px;
  text-decoration: none;
  font-weight: 400;
  color: #443333;
  padding-left: 0px;
  display: block;
  text-shadow: 1px 1px 1px #fff;
  box-shadow: none !important; }

.subtitle-heading a:hover {
  color: #217CBE;
  text-decoration: none;
  text-shadow: 1px 1px 1px #fff;
  box-shadow: none !important; }

.subtitle-heading a:focus, .subtitle-heading a:active, .ui-state-active a, .ui-state-active {
  color: #217CBE;
  text-decoration: none;
  text-shadow: 1px 1px 1px #fff;
  box-shadow: none !important;
  outline: none !important; }

/* == Information ==== */
div.ioa_options .information {
  padding-bottom: 25px; }

div.ioa_options .information p {
  padding: 5px 15px;
  font-size: 12px;
  color: #777;
  line-height: 1.6; }

div.ioa_options .information h2 {
  padding: 5px 15px;
  font-size: 16px;
  color: #777; }

div.ioa_options .information ul {
  padding: 0 15px; }

div.ioa_options .information img {
  margin: 0 15px 15px; }

/* == ADMIN sidebar metabox UI ======================== */
.ioa-layout {
  margin: 10px; }

.ioa-layout li {
  float: left;
  margin: 4px; }

.ioa-layout li input[type=radio] {
  visibility: hidden; }

.ioa-layout li label {
  width: 61px;
  height: 61px;
  display: block; }

.ioa-layout li.active label {
  border: 1px solid #ddd; }

.ioa-layout li.full-width label {
  background: url(i/layout-sprites.jpg) -10px -10px no-repeat; }

.ioa-layout li.hasLeftSidebar label {
  background: url(i/layout-sprites.jpg) -110px -10px no-repeat; }

.ioa-layout li.hasRightSidebar label {
  background: url(i/layout-sprites.jpg) -210px -10px no-repeat; }

.ioa-layout li.hasDoubleLeftSidebar label {
  background: url(i/layout-sprites.jpg) -510px -10px no-repeat; }

.ioa-layout li.hasDoubleRightSidebar label {
  background: url(i/layout-sprites.jpg) -410px -10px no-repeat; }

.ioa-layout li.hasDoubleSidebar label {
  background: url(i/layout-sprites.jpg) -310px -10px no-repeat; }

/* ============================================================ */
/* == Iconable ================================================ */
/* ============================================================ */
.home-layout {
  margin: 10px; }

.home-layout li {
  float: left;
  margin: 4px; }

.home-layout li a {
  width: 61px;
  height: 61px;
  display: block; }

.home-layout li.active a {
  border: 1px solid #ddd; }

.home-layout li.full-width a {
  background: url(i/layout-sprites.jpg) -10px -10px no-repeat; }

.home-layout li.hasLeftSidebar a {
  background: url(i/layout-sprites.jpg) -110px -10px no-repeat; }

.home-layout li.hasRightSidebar a {
  background: url(i/layout-sprites.jpg) -210px -10px no-repeat; }

.post-layout, .page-layout {
  margin: 10px; }

.post-layout li, .page-layout li {
  cursor: pointer;
  border: 1px solid transparent;
  float: left;
  position: relative; }

.post-layout li:hover, .page-layout li:hover, .post-layout li.active, .page-layout li.active {
  border: 1px solid #ddd;
  box-shadow: 0px 0px 2px 1px #eee; }

.post-layout li.full, .page-layout li.full {
  width: 90px;
  height: 112px;
  background: url(i/page_layout_sprites.png) -3px 0px; }

.post-layout li.left-sidebar, .page-layout li.left-sidebar {
  width: 90px;
  height: 112px;
  background: url(i/page_layout_sprites.png) -106px 0px no-repeat; }

.post-layout li.right-sidebar, .page-layout li.right-sidebar {
  width: 90px;
  height: 112px;
  background: url(i/page_layout_sprites.png) -213px 0px no-repeat; }

.post-layout li span, .page-layout li span {
  display: none;
  position: absolute;
  bottom: -35px;
  left: 24px;
  background: #4bbce8;
  border-radius: 2px;
  padding: 4px 9px;
  color: #fff;
  font-size: 10px; }

.post-layout li.active span, .page-layout li.active span {
  display: block; }

.footer-layout {
  margin: 10px;
  display: block;
  width: 500px;
  float: left; }

.footer-layout li {
  float: left;
  margin: 4px;
  position: relative; }

.footer-layout li a {
  width: 61px;
  height: 61px;
  display: block;
  border: 1px solid transparent; }

.footer-layout li a:hover, .footer-layout li.active a {
  border: 1px solid #bbb;
  box-shadow: 0px 0px 2px 1px #eee; }

.footer-layout li.two-col a {
  background: url(i/layout-sprites.jpg) -610px -10px no-repeat; }

.footer-layout li.three-col a {
  background: url(i/layout-sprites.jpg) -710px -10px no-repeat; }

.footer-layout li.four-col a {
  background: url(i/layout-sprites.jpg) -10px -110px no-repeat; }

.footer-layout li.five-col a {
  background: url(i/layout-sprites.jpg) -110px -110px no-repeat; }

.footer-layout li.six-col a {
  background: url(i/layout-sprites.jpg) -210px -110px no-repeat; }

.footer-layout li.one-third a {
  background: url(i/layout-sprites.jpg) -310px -110px no-repeat; }

.footer-layout li.one-fourth a {
  background: url(i/layout-sprites.jpg) -410px -110px no-repeat; }

.footer-layout li.one-fifth a {
  background: url(i/layout-sprites.jpg) -510px -110px no-repeat; }

.footer-layout li span {
  display: none;
  position: absolute;
  bottom: -32px;
  left: 10px;
  background: #4bbce8;
  border-radius: 2px;
  padding: 4px 9px;
  color: #fff;
  font-size: 10px; }

.footer-layout li.active span {
  display: block; }

.custom-layout-area {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 5px 20px;
  background: #fff; }

.custom-layout-area .custom_canvas {
  width: 500px;
  margin: 60px auto;
  border: 1px solid #ddd;
  padding: 0; }

.custom-layout-area .custom_canvas h5 {
  display: block;
  color: #333;
  font-size: 13px;
  text-align: center; }

.custom-layout-area .custom_canvas span {
  display: block;
  color: #888;
  font-size: 12px;
  text-align: center; }

.custom-layout-area .custom_canvas .main-area {
  width: 300px;
  float: left;
  margin: 0;
  padding: 0;
  height: 200px;
  position: relative; }

.custom-layout-area .custom_canvas .sidebar {
  width: 200px;
  float: left;
  margin: 0;
  padding: 0;
  height: 200px; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  background: #cbe3ff;
  height: 200px;
  border-left: 1px dotted #738ba9;
  border-right: 1px dotted #738ba9;
  z-index: 99999;
  display: block; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.preview-font {
  margin: 20px;
  background: #fafafa;
  border: 1px solid #E6E6E6;
  padding: 30px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid; }

/**
 * Search code
 */
.ioa-search-mode div.subpanel > ul, .ioa-search-mode .ioa_sidenav, .ioa-search-mode .ioa-information-p, .ioa-search-mode .ioa_input, .ioa-search-mode .ioa-top-panel, .ioa-search-mode .custom-sidebar-area, .ioa-search-mode #misc .button-save {
  display: none; }

.ioa-search-mode div.ioa_subpanel {
  height: auto;
  overflow: visible;
  padding-top: 0;
  min-height: 0; }

.ioa-search-mode #GeneralSettings {
  padding-top: 0px; }

.ioa-search-mode .sticky-save {
  display: none; }

.ioa-search-mode #GeneralSettings .sticky-save {
  display: block; }

.ioa-search-mode #panel-wrapper > h2 {
  display: block; }

a.button-default.import-options-panel-settings {
  margin: 20px 0px 0px 0px; }

a.button-default.export-options-panel-settings {
  margin-left: 0; }

/**
 * Header Construction Stylings
 */
input.sticky-save.button-save::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

.ioa_wrap .hide {
  display: none; }

.ioa-query-box input {
  float: left;
  width: 120px; }

.ioa-query-box a.button-default {
  float: left;
  margin: 0px 0px 0px 14px;
  font-size: 11px; }

a.button-default:focus {
  color: #fff; }

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Open Sans","Helvetica Neue",Helvetica; }

.introjs-fixParent {
  z-index: auto !important; }

.introjs-showElement {
  z-index: 9999999 !important; }

.introjs-relativePosition {
  position: relative; }

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-tooltip {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  text-align: right; }

/* 
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ 
 Changed by Afshin Mehrabani
*/
.introjs-button {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px; }

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3; }

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4); }

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a; }

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none; }

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0; }

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }

.pad-20 {
  padding: 20px; }

a.save-header-data {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: url(i/button-gloss.png) #16b99c;
  padding: 10px 12px;
  outline: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-weight: 600;
  margin: 3px 20px 20px 10px;
  text-transform: uppercase;
  font-size: 11px;
  float: left;
  padding: 13px 24px;
  margin: 0px 20px 0px 10px; }

a.delete-header-data {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: url(i/button-gloss.png) #16b99c;
  padding: 10px 12px;
  outline: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-weight: 600;
  margin: 3px 20px 20px 10px;
  text-transform: uppercase;
  font-size: 11px;
  float: right;
  padding: 10px 16px;
  margin: 5px 0px 0px 10px;
  background: #d71023; }

#panel-wrapper.hcon-wrapper {
  margin-left: 0;
  width: 100%;
  float: none; }

.ioa_panel_wrap a.delete-header-data {
  float: right; }

a.save-header-data:hover, a.save-header-data:focus {
  color: #fff; }

a.delete-header-data:hover, a.delete-header-data:focus {
  color: #fff; }

div.hcon-toolbar {
  padding: 20px; }

div.hcon-toolbar ul {
  padding: 0;
  margin: 0;
  float: left;
  background: #fcfcfc;
  border: 1px solid #eee;
  box-shadow: 0px 0px 2px 2px #fafafa; }

div.hcon-toolbar ul li {
  float: left;
  margin: 0; }

div.hcon-toolbar ul li div.ioa_input {
  padding: 9px 10px; }

div.hcon-toolbar ul li div.ioa_input label {
  width: auto;
  padding-top: 9px; }

#header_constructor {
  border-top: 1px solid #e7e7e7; }

.hcon-head {
  height: 41px;
  background: #fcfcfc;
  border-bottom: 1px solid #e8e8e8; }

.hcon-head .sidebar-head {
  width: 217px;
  height: 41px;
  float: left;
  background: url(i/header-constructor-divider.jpg) 100% 10px no-repeat; }

.hcon-head .sidebar-head h6 {
  margin: 0;
  padding: 13px 0 0  0;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600; }

.hcon-head .main-head {
  height: 41px;
  float: left;
  position: relative; }

.hcon-head .main-head > a {
  float: left;
  text-shadow: 1px 1px 0px #fff;
  border-radius: 15px;
  margin: 20px 10px 10px 10px;
  background: url(i/button-bg.png) repeat-x;
  height: auto;
  line-height: 1;
  padding: 9px 25px;
  text-decoration: none;
  color: #444;
  border: 1px solid #000;
  font-size: 11px;
  font-weight: 700; }

.hcon-sidebar {
  width: 210px;
  float: left;
  border-right: 1px solid #e7e7e7;
  background: #fafafa;
  min-height: 600px;
  position: relative;
  z-index: 2; }

.hcon-sidebar div.info {
  background: #fff;
  text-align: center;
  border: 1px solid #a6906e;
  color: #575757;
  font-size: 11px;
  padding: 14px;
  font-style: italic;
  font-weight: 600;
  margin: 15px; }

.hcon-sidebar ul {
  padding: 12px;
  margin: 0;
  min-height: 300px; }

.hcon-sidebar ul li {
  padding: 25px 0;
  font-size: 11px;
  width: 87px;
  text-align: center;
  float: left;
  background: #fff;
  border: 1px solid #e7e7e7;
  margin: 2px; }

.hcon-sidebar ul li a {
  display: none; }

.hcon-sidebar ul#hcon-comps.adding {
  background: rgba(0, 0, 0, 0.1); }

.hcon-sidebar ul li.ui-draggable-dragging {
  opacity: 1; }

.hcon-main-body {
  width: 711px;
  float: left;
  background: #fff;
  min-height: 601px; }

div.hcon-widget {
  position: relative;
  margin: 10px; }

div.hcon-widget span.label {
  font-weight: 500;
  text-transform: uppercase;
  color: #40444d;
  font-size: 10px;
  float: left;
  margin-top: 5px; }

div.hcon-widget span.height {
  font-weight: 500;
  text-transform: uppercase;
  color: #40444d;
  font-size: 10px;
  float: right; }

div.hcon-widget span.height input {
  width: 35px;
  font-size: 11px;
  border-radius: 0;
  margin: 0px 2px 4px 0px; }

div.hcon-widget span.height input.error {
  border: 1px solid #f1081e;
  box-shadow: 0px 0px 9px #fdb7bd; }

div.hcon-widget div.hcon-widget-body {
  min-height: 70px;
  background: #fafafa;
  position: relative; }

div.hcon-widget.main-menu div.hcon-widget-body {
  min-height: 90px; }

div.hcon-widget.home-media div.hcon-widget-body {
  min-height: 250px; }

div.hcon-widget div.hcon-widget-body a.pin {
  color: #ddd;
  position: absolute;
  top: -15px;
  left: 52%;
  font-size: 28px;
  width: 16px;
  height: 15px; }

div.hcon-widget div.hcon-widget-body a.eye {
  color: #ddd;
  position: absolute;
  top: -15px;
  left: 44%;
  font-size: 16px;
  width: 16px;
  height: 15px; }

div.hcon-widget div.hcon-widget-body a.eye:hover, div.hcon-widget div.hcon-widget-body a.pin:hover {
  color: #aaa; }

div.hcon-widget div.hcon-widget-body a.pin.active {
  color: #4f545b; }

div.hcon-widget div.hcon-widget-body a.eye.active {
  color: #4f545b; }

div.hcon-widget div.one_third {
  width: 33.33%;
  float: left;
  min-height: 40px;
  position: relative; }

div.hcon-widget div.full-area {
  width: 100%;
  clear: both;
  min-height: 40px;
  position: relative; }

div.hcon-widget div.one_third > div.visual-ui, div.hcon-widget div.full-area > div.visual-ui {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 40px;
  background: #fafafa;
  text-align: center;
  color: #2a2d33;
  font-weight: 700;
  padding-top: 10px;
  opacity: 0;
  font-size: 9px; }

div.hcon-widget div.container {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 80px; }

div.hcon-block {
  font-family: "Open Sans";
  width: 100%;
  height: 10px;
  position: relative;
  background: #f3f3f3;
  padding: 10px 0px 20px 0px;
  text-align: center;
  font-weight: 700;
  color: #2a2d33;
  text-transform: uppercase;
  font-size: 10px; }

div.hcon-block a {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  height: 20px;
  width: 20px;
  display: block; }

div.social-links > div {
  display: none; }

div.ioahead-delete-message {
  max-width: 400px;
  margin: 10px auto;
  text-align: center;
  background: #eee;
  padding: 20px;
  display: none; }

div.ioahead-delete-message p {
  margin-top: 0; }

div.ioahead-delete-message > a.button-save {
  margin-bottom: 0; }

.component-opts .hide {
  display: none; }

div.create-slider-section {
  background: #49535f;
  padding: 20px;
  margin: 0px 0px 20px 0px; }

div.create-slider-section input[type=text] {
  border: none;
  outline: none;
  background: #fff;
  float: left;
  color: #666;
  font-size: 16px;
  border-radius: 0;
  padding: 10px 9px;
  width: 483px; }

div.create-slider-section a.button-default {
  margin: 1px 0px 0px 15px;
  float: left;
  padding: 13px 35px; }

div.create-slider-section a.button-default:focus {
  color: #fff; }

div.slider-title-area {
  margin: 0px 20px 20px 20px; }

div.slider-title-area h4 {
  float: left;
  border-bottom: 1px solid #eee;
  color: #7f8389;
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 7px; }

div.filter-media-list {
  float: right;
  padding-top: 20px; }

div.slider-list {
  margin: 20px; }

div.slider-list > div {
  background: #708093;
  position: relative;
  margin-bottom: 4px; }

div.slider-item a, div.slider-item h6 {
  float: left;
  margin: 0;
  padding: 0;
  color: #fff; }

div.slider-item a.edit-icon {
  padding: 19px;
  color: #fff;
  background: #67778a;
  font-size: 18px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

div.slider-item a.edit-icon:hover {
  background: #4bbce8; }

div.slider-item a.close {
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  font-size: 14px; }

div.slider-item span.shortcode {
  float: right;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  margin-top: 18px;
  margin-right: 20px; }

div.slider-item h6 {
  padding: 18px 0 0 20px;
  font-size: 13px;
  color: #fff;
  font-weight: 700; }

div.preview-pane-wrap {
  height: 300px;
  margin: 20px 15px 20px 15px;
  position: relative; }

div.preview-pane {
  height: 300px;
  background: url(i/ps_neutral.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 0px 10px #eee inset; }

div.preview-pane img {
  max-width: 100%; }

#slider_slides p.note {
  padding: 20px;
  margin: 15px;
  background: #2fa7bd;
  border-radius: 4px;
  color: #fff;
  text-align: center; }

#slider_slides .toolbox {
  background: #49535f;
  padding: 5px;
  margin: 0px 0px; }

#slider_slides .toolbox > a {
  margin: 0; }

#slider_slides .toolbox > a.button-default {
  padding: 10px 15px;
  float: right; }

#slider_slides .toolbox > a#add_media_slides {
  margin-left: 5px; }

#slider_options .toolbox {
  background: #49535f;
  padding: 5px;
  margin: 0px 0px; }

#slider_options .toolbox > a {
  margin: 0; }

#slider_options .toolbox > a.button-default {
  padding: 10px 15px;
  float: right; }

#slider_options .toolbox > a#add_media_slides {
  margin-left: 5px; }

.inner-slide-body-wrap {
  padding: 0px; }

/**
*   Tab
*/
.slider-component-tab {
  position: relative; }

.slider-component-tab div.inner-slide-body-wrap > ul {
  margin: 0px;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #ddd; }

.slider-component-tab div.inner-slide-body-wrap > ul li {
  float: left;
  text-align: center;
  color: #7d7d7d;
  padding: 0px;
  margin: 0px;
  position: relative;
  list-style: none; }

.slider-component-tab div.inner-slide-body-wrap > ul li a {
  border-top: 1px solid transparent;
  padding: 13px 25px;
  margin: 0;
  display: block;
  color: #a7a7a7;
  text-decoration: none;
  font-size: 11px;
  border-top: 1px solid transparent;
  text-shadow: none; }

.slider-component-tab div.inner-slide-body-wrap > ul li a:hover, .slider-component-tab div.inner-slide-body-wrap > ul li.ui-state-active a {
  background: #4bbce8;
  color: #fff; }

.slider-component-tab div.ui-tabs-panel {
  padding: 0px 15px 0px 15px; }

#panel-wrapper {
  position: relative;
  z-index: 999; }

div.media-slide.ui-sortable-placeholder {
  width: 150px; }

div.media-slide div.inner-body-wrap {
  padding: 20px; }

div.media-slide div.slider-component-tab {
  z-index: 100;
  display: none;
  background: #fff; }

div.media-slide {
  border: 1px solid #eee;
  margin-bottom: 4px;
  position: relative;
  background: #fff; }

div.media-slide-head {
  background: #fff;
  box-shadow: 0px -1px 0px #eee inset;
  position: relative;
  cursor: move;
  z-index: 2; }

div.media-slide-head > img {
  height: 75px;
  width: 75px;
  display: block;
  float: left; }

div.media-slide-head > span.mm-filler {
  height: 75px;
  width: 75px;
  display: block;
  float: left;
  background: #444; }

div.media-slide-head > a {
  position: absolute;
  text-decoration: none;
  display: none; }

div.media-slide-head > a {
  color: #fff; }

div.media-slide-head > a.mslide-edit {
  padding: 31px 0;
  height: 14px;
  width: 75px;
  text-align: center;
  opacity: 0.8;
  background: #708093;
  bottom: 0px;
  left: 0;
  right: 0; }

div.media-slide-head > a.mslide-delete {
  color: #dc1427;
  top: 0px;
  right: -20px;
  display: block; }

div.media-slide-head h6 {
  float: left;
  color: #333;
  font-size: 14px;
  margin: 27px 0px 0px 20px; }

div.media-slide div.ioa_input {
  padding: 7px; }

div.media-slide div.ioa_input_holder.medium {
  float: none;
  width: 90%; }

div.media-slide label {
  float: none;
  width: 90%; }

div.media-slide div.ioa_input_holder.medium div.image_upload_wrap input[type=text] {
  width: 263px; }

div.media-slide div.ioa_input_holder.medium div.ioa_select_wrap {
  width: 333px; }

div.media-slide div.ioa_input_holder.medium textarea {
  width: 352px; }

a.close-media-body {
  font-size: 21px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #4bbce8; }

div.title-stub, div.caption-stub {
  position: absolute;
  z-index: 10; }

div.title-stub {
  left: 15px;
  top: 30%; }

div.caption-stub {
  left: 15px;
  top: 40%; }

div.title-stub {
  color: #3b4048;
  background: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  padding: 7px 14px; }

div.caption-stub {
  color: #3b4048;
  background: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  padding: 7px 14px;
  max-width: 50%; }

.mm-bg-listener {
  display: none; }

.slides-area-wrap {
  padding: 20px; }

#slider_slides .toolbox > a#add_media_video {
  margin-left: 1px; }

.slide-pos-grid {
  width: 100%;
  border: 1px solid #eee; }

.slide-pos-grid div {
  float: left;
  cursor: pointer;
  width: 33.33%;
  box-shadow: 1px 1px 0px #eee;
  height: 20px;
  text-align: center;
  padding: 30px 0; }

.slide-pos-grid div.active {
  background: #eee; }

.so-opts {
  display: none; }

input.sticky-save.button-save::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

.ioa_wrap .hide {
  display: none; }

.ioa-query-box input {
  float: left;
  width: 120px; }

.ioa-query-box a.button-default {
  float: left;
  margin: 0px 0px 0px 14px;
  font-size: 11px; }

a.button-default:focus {
  color: #fff; }

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Open Sans","Helvetica Neue",Helvetica; }

.introjs-fixParent {
  z-index: auto !important; }

.introjs-showElement {
  z-index: 9999999 !important; }

.introjs-relativePosition {
  position: relative; }

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-tooltip {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  text-align: right; }

/* 
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ 
 Changed by Afshin Mehrabani
*/
.introjs-button {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px; }

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3; }

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4); }

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a; }

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none; }

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0; }

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }

.pad-20 {
  padding: 20px; }

div.create-cp-section {
  background: #49535f;
  padding: 20px;
  margin: 0px 0px 20px 0px; }

div.create-cp-section input[type=text] {
  border: none;
  outline: none;
  background: #fff;
  float: left;
  color: #666;
  font-size: 16px;
  border-radius: 0;
  padding: 10px 9px;
  width: 483px; }

div.create-cp-section a.button-default {
  margin: 1px 0px 0px 15px;
  float: left;
  padding: 13px 15px; }

div.create-cp-section a.button-default:focus {
  color: #fff; }

div.cp-title-area {
  margin: 0px 20px 20px 20px; }

div.cp-title-area h4 {
  float: left;
  border-bottom: 1px solid #eee;
  color: #7f8389;
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 7px; }

div.filter-media-list {
  float: right;
  padding-top: 20px; }

div.filter-media-list span {
  float: left;
  color: #58656b;
  padding-top: 5px;
  margin-right: 20px; }

div.filter-media-list ul {
  float: left;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #d3e1e7; }

div.filter-media-list ul li {
  float: left;
  margin: 0;
  padding: 0;
  background: url(i/button-gloss.png) #708093;
  color: #fff;
  font-size: 10px; }

div.filter-media-list ul li a {
  text-decoration: none;
  color: #fff;
  padding: 5px 18px;
  display: block; }

div.filter-media-list ul li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

div.filter-media-list ul li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

div.filter-media-list ul li.active {
  background: url(i/button-gloss.png) #4bbce8;
  box-shadow: none; }

div.cp-list {
  margin: 20px; }

div.cp-list > div {
  background: #708093;
  position: relative;
  margin-bottom: 4px; }

div.cp-item a, div.cp-item h6 {
  float: left;
  margin: 0;
  padding: 0;
  color: #fff; }

div.cp-item a.edit-icon {
  padding: 19px;
  color: #fff;
  background: #67778a;
  font-size: 18px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

div.cp-item a.edit-icon:hover {
  background: #4bbce8; }

div.cp-item a.close {
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  font-size: 14px; }

div.cp-item span.shortcode-helper {
  float: right;
  background: #6d8088;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 3px;
  color: #fff;
  margin-top: 18px;
  margin-right: 2px;
  display: none; }

div.cp-item span.shortcode {
  float: right;
  background: #ef901f;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 3px;
  color: #fff;
  margin-top: 18px;
  margin-right: 20px; }

div.cp-item h6 {
  padding: 18px 0 0 20px;
  font-size: 13px;
  color: #fff;
  font-weight: 700; }

#cp_slides .toolbox {
  background: #49535f;
  padding: 5px;
  margin: 0px 0px; }

#cp_slides .toolbox > a {
  margin: 0; }

#cp_slides .toolbox > a.button-default {
  padding: 10px 15px;
  float: right; }

#cp_options .toolbox {
  background: #49535f;
  padding: 5px;
  margin: 0px 0px; }

#cp_options .toolbox > a {
  margin: 0; }

#cp_options .toolbox > a.button-default {
  padding: 10px 15px;
  float: right; }

#cp_options .information {
  padding: 20px;
  background: #2fa7bd;
  border-radius: 4px;
  margin: 0;
  color: #fff;
  text-align: center; }

.metaboxes-list {
  margin: 15px; }

#cp_options .information p {
  color: #fff; }

#cp_options .toolbox > a.add-cp-slides {
  margin-left: 5px; }

div.preview-pane-wrap {
  height: 300px;
  margin: 20px 15px 20px 15px;
  position: relative; }

div.preview-pane {
  overflow: hidden;
  height: 300px;
  background: url(i/ps_neutral.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 0px 10px #eee inset; }

div.preview-pane img {
  max-width: 100%; }

/**
*   Tab
*/
.cp-component-tab {
  position: relative; }

.cp-component-tab div.inner-slide-body-wrap > ul {
  margin: 0px;
  padding: 0; }

.cp-component-tab div.inner-slide-body-wrap > ul li {
  float: left;
  text-align: center;
  color: #7d7d7d;
  padding: 0px;
  margin: 14px 0px 0 0px;
  position: relative;
  list-style: none; }

.cp-component-tab div.inner-slide-body-wrap > ul li a {
  border-top: 1px solid transparent;
  padding: 13px 25px;
  margin: 0;
  display: block;
  color: #a7a7a7;
  text-decoration: none;
  font-size: 11px;
  border-top: 1px solid transparent; }

.cp-component-tab div.inner-slide-body-wrap > ul li a:hover, .cp-component-tab div.inner-slide-body-wrap > ul li.ui-state-active a {
  border-top: 1px solid #18c0e4;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0px -4px 5px #eee;
  background: #fff;
  color: #444444; }

.cp-component-tab div.ui-tabs-panel {
  padding: 0px 15px 0px 15px; }

div.cp-slide div.CP-component-tab {
  display: none; }

div.cp-slide div.inner-slide-body-wrap {
  padding: 10px 0; }

div.custompostsmanager {
  background: #fff;
  margin: 15px; }

.CP-component-body {
  padding: 30px; }

.CP-component-body div.ioa_input_holder.medium {
  width: 350px; }

.CP-component-body div.ioa_input_holder.medium div.ioa_select_wrap {
  width: 333px; }

div.cp-slide {
  position: relative; }

div.cp-slide-head {
  background: #708093;
  position: relative;
  z-index: 2; }

div.cp-slide-head > a {
  text-decoration: none;
  float: left;
  padding: 18px; }

div.cp-slide-head > a i {
  color: #637d8e;
  color: #fff;
  font-size: 16px;
  display: block;
  line-height: 1; }

div.cp-slide-head > a.mcp-edit {
  background: #67778a;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

div.cp-slide-head > a.mcp-edit:hover {
  background: #4bbce8; }

div.cp-slide-head > a.mcp-delete {
  color: #fff;
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  font-size: 14px;
  padding: 0; }

div.cp-slide-head > span {
  float: left;
  margin-top: 14px;
  margin-left: 10px;
  font-weight: 700;
  color: #fff; }

div.cp-slide-head > span.use {
  float: right;
  margin-right: 20px;
  font-weight: 400;
  padding: 0px;
  font-size: 10px; }

div.cp-slide div.input-image-preview {
  display: none; }

div.cp-slide div.ioa_input {
  padding: 7px; }

div.ioac-delete-message {
  margin: 20px;
  text-align: center;
  background: #eee;
  padding: 20px;
  display: none;
  border-radius: 2px; }

div.ioac-delete-message p {
  margin-top: 0; }

div.ioac-delete-message > a.button-default {
  margin-bottom: 0; }

div.custom_post_input.ioa_input label {
  width: auto; }

div.custom_post_input {
  background: #fafafa;
  border-bottom: 1px solid #eee; }

div.custom_post_input div.ioa_input_holder.long, div.custom_post_input div.ioa_input_holder.long input[type=text] {
  width: 100%; }

/* =============================================================== */
/* == Backgend Mega Menu Styling ================================= */
/* =============================================================== */
.h-megamenu .admin-button {
  margin: 4px 0px 6px 0px;
  padding: 4px 8px; }

.h-megamenu p label {
  float: left;
  width: 120px; }

.h-megamenu p input[type=checkbox] {
  float: left; }

.ioa_megamenu_box input[type=checkbox] {
  margin: 10px;
  float: left;
  clear: right; }

.ioa_megamenu_box select {
  float: left;
  margin-top: 7px;
  margin-left: 10px; }

.ioa_megamenu_box label {
  float: left;
  margin-top: 8px; }

.ioa_megamenu_box textarea {
  display: none;
  clear: both; }

.item-type-h-column, .item-type-h-widget, .item-type-hmenu, .ioa_megamenu_row_box {
  display: none; }

.hmenu_info {
  font-size: 10px;
  font-style: inherit;
  color: #333333;
  display: block;
  margin: 2px;
  background: #eee; }

.menu-item-settings a.button-default {
  margin: 0; }

textarea.hyper-menu-top-text-holder, textarea.textbox {
  display: block;
  width: 97%;
  height: 100px; }

textarea.hyper-menu-top-text-holder {
  margin: 10px 0px 10px 5px; }

p.menu-colorpicker {
  position: relative; }

p.menu-colorpicker a.picker-delete {
  top: 20px;
  left: 87px; }

p.menu-colorpicker input[type=text] {
  float: left;
  clear: none;
  width: 70px;
  margin-top: 3px; }

p.menu-colorpicker .minicolors-swatch {
  position: relative;
  width: 27px;
  height: 27px;
  margin: 2px 10px 0 0;
  vertical-align: middle;
  display: inline-block; }

.icon-field {
  width: 70px; }

.menu-icon-area {
  position: relative;
  z-index: 10; }

.ioa-custom-menu-settings {
  clear: both;
  padding: 10px;
  border: 1px solid #eee;
  margin: 10px 10px 10px 0;
  display: none; }

.ioa-custom-menu-settings p.description {
  display: block;
  float: none;
  margin: 5px;
  width: 95%;
  height: auto; }

.ioa-test-deletion {
  color: #555;
  font-size: 11px;
  left: -21px;
  padding: 6px;
  top: 9px;
  opacity: 0.2; }

.ioa-test-deletion:hover {
  color: #d10f21; }

.menu-item-handle:hover .ioa-test-deletion {
  opacity: 1; }

#post-body-content {
  position: relative; }

.ioa-title-edit-wrap {
  position: absolute;
  top: 0px;
  right: 0; }

.ioa-title-settings-trigger {
  background: url(i/button-gloss.png) #708093;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #fff;
  padding: 12px 13px 13px; }

.ioa-title-settings-trigger:focus, .ioa-title-settings-trigger:hover {
  background: url(i/button-gloss.png) #4bbce8;
  color: #fff; }

/**
 * Title Lightbox Settings
 */
.ioa-title-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9990;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.7;
  display: none; }

.ioa-title-lightbox {
  overflow: hidden;
  display: none;
  position: fixed;
  top: 70px;
  left: 40px;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-title-lightbox-head {
  padding: 15px;
  background: #708093;
  border-bottom: 1px solid #3c444e; }

.ioa-title-lightbox-head h3 {
  padding: 0px;
  margin: 0;
  color: #fff; }

.ioa-title-lightbox-head .ioa-front-icon {
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff; }

.ioa-title-lightbox-body {
  overflow: auto;
  height: 92%; }

.ioa-title-lightbox-tabs ul {
  margin: 0;
  padding: 0;
  background: #49535f;
  display: block; }

.ioa-title-lightbox-tabs ul li {
  float: left;
  margin: 0;
  padding: 0; }

.ioa-title-lightbox-tabs ul li a {
  margin: 0;
  padding: 15px 20px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: all 1s ease-in-out;
  transition-property: background;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

.ioa-title-lightbox-tabs ul li.ui-state-active a, .ioa-title-lightbox-tabs ul li:hover a {
  background: #4bbce8;
  color: #fff;
  text-shadow: none; }

.ioa-title-lightbox-tabs ul li a:hover, .ioa-title-lightbox-tabs ul li a:focus {
  color: #fff; }

.ioa-title-mod-section {
  padding: 20px; }

.ioa-title-filter {
  display: none; }

/**
 * Custom Posts Lightbox Settings
 */
.ioa-custom_post-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9990;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.7;
  display: none; }

.ioa-custom_post-lightbox {
  overflow: hidden;
  display: none;
  position: fixed;
  top: 70px;
  left: 40px;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-custom_post-lightbox-head {
  padding: 15px;
  background: #708093;
  border-bottom: 1px solid #3c444e; }

.ioa-custom_post-lightbox-head h3 {
  padding: 0px;
  margin: 0;
  color: #fff; }

.ioa-custom_post-lightbox-head .ioa-front-icon {
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff; }

.ioa-custom_post-lightbox-body {
  overflow: auto;
  height: 92%; }

.ioa-custom_post-lightbox-tabs ul {
  margin: 0;
  padding: 0;
  background: #49535f;
  display: block; }

.ioa-custom_post-lightbox-tabs ul li {
  float: left;
  margin: 0;
  padding: 0; }

.ioa-custom_post-lightbox-tabs ul li a {
  margin: 0;
  padding: 15px 20px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: all 1s ease-in-out;
  transition-property: background;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

.ioa-custom_post-lightbox-tabs ul li.ui-state-disabled {
  opacity: 0;
  display: none; }

.ioa-custom_post-lightbox-tabs ul li.ui-state-active a, .ioa-custom_post-lightbox-tabs ul li:hover a {
  background: #4bbce8;
  color: #fff;
  text-shadow: none; }

.ioa-custom_post-lightbox-tabs ul li a:hover, .ioa-custom_post-lightbox-tabs ul li a:focus {
  color: #fff; }

.ioa-custom_post-mod-section {
  padding: 20px; }

/**
 * Page Lightbox Settings
 */
.ioa-page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9990;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.7;
  display: none; }

.ioa-page-lightbox {
  overflow: hidden;
  display: none;
  position: fixed;
  top: 70px;
  left: 40px;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-page-lightbox-head {
  padding: 15px;
  background: #708093;
  border-bottom: 1px solid #3c444e; }

.ioa-page-lightbox-head h3 {
  padding: 0px;
  margin: 0;
  color: #fff; }

.ioa-page-lightbox-head .ioa-front-icon {
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff; }

.ioa-page-lightbox-body {
  overflow: auto;
  height: 92%; }

.ioa-page-lightbox-tabs ul {
  margin: 0;
  padding: 0;
  background: #49535f;
  display: block; }

.ioa-page-lightbox-tabs ul li {
  float: left;
  margin: 0;
  padding: 0; }

.ioa-page-lightbox-tabs ul li a {
  margin: 0;
  padding: 15px 20px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: all 1s ease-in-out;
  transition-property: background;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

.ioa-page-lightbox-tabs ul li.ui-state-active a, .ioa-page-lightbox-tabs ul li:hover a {
  background: #4bbce8;
  color: #fff;
  text-shadow: none; }

.ioa-page-lightbox-tabs ul li a:hover, .ioa-page-lightbox-tabs ul li a:focus {
  color: #fff; }

.ioa-page-mod-section {
  padding: 20px; }

.rad-widget-settings #excerpt {
  height: 36px !important; }

.pt-filter {
  display: none; }

.bt-filter {
  display: none; }

/**
 * Context Bar Settings
 */
ul.ioa-context-bar {
  background: url(i/button-gloss.png) #708093;
  border-radius: 2px;
  float: left;
  margin: 0 20px 10px 0; }

ul.ioa-context-bar li {
  float: left;
  margin: 0; }

ul.ioa-context-bar li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 11px;
  padding: 7px 15px;
  margin: 0;
  border-left: 1px solid #606e7f;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: border;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

ul.ioa-context-bar li:first-child a {
  border-left: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

ul.ioa-context-bar li:hover a {
  background-color: #4bbce8; }

/**
 * Template Bar Settings
 */
.custom-template-wrap {
  width: 200px; }

ul.ioa-template-bar {
  background: url(i/button-gloss.png) #708093;
  border-radius: 2px;
  float: right;
  margin: 0 0px 10px 0; }

ul.ioa-template-bar li {
  float: left;
  margin: 0;
  color: #fff;
  font-size: 11px; }

ul.ioa-template-bar li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 11px;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
  padding: 7px 20px;
  margin: 0;
  border-left: 1px solid #606e7f;
  transition: all 1s ease-in-out;
  transition-property: border;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

ul.ioa-template-bar li:first-child a {
  border-left: none; }

ul.ioa-template-bar li p {
  margin: 0;
  padding: 7px 15px;
  font-size: 11px; }

ul.ioa-template-bar li:hover a {
  background-color: #4bbce8; }

ul.ioa-template-bar li a.set-template {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

ul.ioa-template-bar li a.set-template-settings {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.set-template-settings-wrap {
  display: none; }

div.custom-template-select-wrap {
  overflow: hidden;
  background: url(i/dropdown-custom.png) 96% 12px no-repeat;
  padding: 0px 17px 0px 0;
  outline: none;
  color: #fff;
  font-size: 12px; }

div.custom-template-select-wrap select {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  cursor: pointer;
  display: block;
  vertical-align: center;
  padding: 0px 0px 7px 5px;
  height: 30px;
  width: 120%;
  color: #fff;
  font-size: 12px; }

div.custom-template-select-wrap select option {
  background: #fff;
  color: #444;
  padding: 2px; }

@-moz-document url-prefix() {
  div.custom-template-select-wrap select {
    padding: 5px 0px 7px 5px; } }

/**
 * Page Builder
 */
#rad_backend_buider {
  display: none; }

/**
 * Featured Media
 */
#ioa_featured_media div.ioa_input {
  padding: 10px 0; }

#ioa_featured_media div.ioa_input_holder.medium {
  width: 100%; }

#ioa_featured_media div.ioa_input_holder div.ioa_select_wrap {
  width: 100%;
  padding: 0; }

#ioa_featured_media div.ioa_input_holder.medium div.ioa_select_wrap select {
  max-width: none;
  width: 120%; }

#ioa_featured_media div.ioa_input_holder.medium input[type=text] {
  width: 100%; }

#ioa_featured_media div.ioa_input_holder.medium div.image_upload_wrap input[type=text] {
  width: 58%; }

#ioa_featured_media .ioa_input .ui-slider {
  width: 135px;
  margin-right: 10px; }

#ioa_featured_media div.ioa_input_holder.medium input[type=text].slider-input {
  width: 18%;
  padding: 10px 6px; }

#ioa_images .ioa-information {
  background: #708093;
  font-size: 12px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  padding: 10px; }

#ioa_featured_media .ioa-gallery-item {
  float: left;
  width: 50px;
  height: 50px;
  position: relative;
  cursor: move; }

#ioa_featured_media .ioa-gallery-item a {
  position: absolute;
  text-align: center;
  color: #fff;
  background: #4bbce8;
  top: 0;
  left: 0;
  width: 15px;
  padding: 1px 0;
  display: none; }

#ioa_featured_media .ioa-gallery-item img {
  max-width: 100%;
  height: auto;
  display: block; }

/**
 * Single Portfolio Images
 */
#ioa_portfolio_images .ioa-image-area {
  padding: 10px; }

#ioa_portfolio_images .ioa-gallery-item {
  float: left;
  width: 75px;
  height: 75px;
  position: relative;
  cursor: move; }

#ioa_portfolio_images .ioa-gallery-item a {
  position: absolute;
  text-align: center;
  color: #fff;
  background: #4bbce8;
  top: 0;
  left: 0;
  width: 15px;
  padding: 1px 0;
  display: none; }

#ioa_portfolio_images .ioa-gallery-item img {
  max-width: 100%;
  height: auto;
  display: block; }

/**
 * 
 */
#subtitlewrap {
  border: 0;
  padding: 0; }

#subtitle {
  padding: 2px 8px;
  font-size: 1.3em;
  line-height: 100%;
  height: 1.7em;
  width: 90%;
  outline: 0;
  margin: 4px 0;
  color: #666; }

#subtitle-prompt-text, #wp-fullscreen-subtitle-prompt-text {
  color: #bbb;
  position: absolute;
  font-size: 1.7em;
  padding: 11px 10px; }

#ioa_title_area > div {
  background: #fff; }

#s-column-maker h6 {
  color: #fff; }

p.note {
  padding: 14px;
  background: #da4b1f;
  color: #fff;
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
  display: block; }

#ioa_custom_panel .inside {
  padding: 0;
  margin: 0; }

#ioa_custom_code > ul {
  margin: 0;
  padding: 0px;
  background: #708093; }

#ioa_custom_code > ul li {
  float: left;
  text-align: center;
  color: #fff;
  padding: 0px;
  margin: 0;
  position: relative; }

#ioa_custom_code > ul li a {
  padding: 14px 13px;
  margin: 0;
  text-shadow: none;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 12px; }

#ioa_custom_code > ul li a:hover {
  color: #fff; }

#ioa_custom_code > ul li.ui-state-active, #ioa_custom_code > ul li.ui-state-hover {
  border: none !important;
  background: none; }

#ioa_custom_code > ul li.ui-state-active a, #ioa_custom_code > ul li.ui-state-hover a {
  background: #4bbce8;
  border: none !important; }

#ioa_custom_code div.ui-tabs-panel {
  padding: 20px; }

#ioa_custom_code div.ui-tabs-panel hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

#ioa_custom_code h3.ioa_panel_heading {
  cursor: pointer;
  font-size: 12px;
  color: #555;
  padding: 15px 10px;
  border-bottom: 1px solid #e7e7e7; }

#ioa_custom_code h3.ioa_panel_heading.ui-state-active {
  background: #4bbce8;
  color: #fff;
  text-shadow: none; }

#ioa_title_area > div {
  background: #fff;
  border-bottom: 1px solid #e7e7e7; }

ul.layout-list {
  margin: 0;
  padding: 30px 0 5px 0; }

ul.layout-list li {
  float: left;
  list-style: none;
  margin: 10px;
  cursor: pointer; }

ul.layout-list li {
  border: 1px solid transparent;
  border-radius: 3px; }

ul.layout-list li:hover, ul.layout-list li.active {
  border: 1px solid #ddd;
  box-shadow: 0px 0px 2px 1px #eee; }

ul.layout-list li.full {
  width: 90px;
  height: 112px;
  background: url(i/page_layout_sprites.png) -3px 0px; }

ul.layout-list li.left-sidebar {
  width: 90px;
  height: 112px;
  background: url(i/page_layout_sprites.png) -106px 0px no-repeat; }

ul.layout-list li.right-sidebar {
  width: 90px;
  height: 112px;
  background: url(i/page_layout_sprites.png) -213px 0px no-repeat; }

ul.layout-list li.sticky-right-sidebar {
  width: 90px;
  height: 122px;
  background: url(i/page_layout_sprites.png) -313px 0px no-repeat; }

ul.layout-list li.sticky-left-sidebar {
  width: 90px;
  height: 122px;
  background: url(i/page_layout_sprites.png) -420px 0px no-repeat; }

ul.layout-list li.below-title {
  width: 90px;
  height: 122px;
  background: url(i/page_layout_sprites.png) -524px 0px no-repeat; }

ul.layout-list li.above-footer {
  width: 90px;
  height: 122px;
  background: url(i/page_layout_sprites.png) -624px 0px no-repeat; }

div.ioa-gallery-item {
  float: left;
  margin: 0px 1px 1px 0px;
  position: relative;
  cursor: move; }

div.ioa-gallery-item a {
  background: #ff0000;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0;
  display: block;
  padding: 14px;
  font-size: 12px; }

#ioa_header div.hcon-toolbar {
  margin-left: 0;
  margin-top: 0; }

#ioa_header div.hcon-toolbar a.save-header-data {
  margin-left: 0; }

#ioa_header #header_constructor {
  margin-left: 0;
  max-width: 700px; }

input.sticky-save.button-save::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

.ioa_wrap .hide {
  display: none; }

.ioa-query-box input {
  float: left;
  width: 120px; }

.ioa-query-box a.button-default {
  float: left;
  margin: 0px 0px 0px 14px;
  font-size: 11px; }

a.button-default:focus {
  color: #fff; }

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Open Sans","Helvetica Neue",Helvetica; }

.introjs-fixParent {
  z-index: auto !important; }

.introjs-showElement {
  z-index: 9999999 !important; }

.introjs-relativePosition {
  position: relative; }

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-tooltip {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  text-align: right; }

/* 
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ 
 Changed by Afshin Mehrabani
*/
.introjs-button {
  font-family: "Open Sans","Helvetica Neue",Helvetica;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px; }

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3; }

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4); }

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a; }

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none; }

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0; }

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }

.pad-20 {
  padding: 20px; }

.inbuilt-styles h4, .customize-settings h4, .predefined-schemes h4 {
  margin: 0;
  position: relative;
  padding: 15px 20px;
  font-weight: 100;
  font-size: 16px;
  border-bottom: 1px solid #e4e4e4; }

.customize-settings h4 a.button-error {
  margin: 0;
  position: absolute;
  top: 7px;
  right: 7px; }

.inbuilt-styles-body {
  padding: 5px;
  border-bottom: 1px solid #e4e4e4;
  height: 270px;
  overflow: auto; }

.inbuilt-styles-body .skin-item {
  float: left;
  margin: 15px;
  width: 135px;
  cursor: pointer; }

.inbuilt-styles-body .preview-skin {
  border: 1px solid #e4e4e4;
  padding: 5px;
  position: relative; }

.inbuilt-styles-body .preview-skin img {
  max-width: 100%;
  height: auto; }

.inbuilt-styles-body span.label {
  text-align: center;
  display: block;
  font-size: 11px;
  margin-top: 4px; }

.inbuilt-styles-body .skin-item .preview-skin .hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4bbce8;
  opacity: 0.9; }

.inbuilt-styles-body .skin-item .preview-skin .hover i {
  background: #fff;
  color: #4bbce8;
  display: inline-block;
  padding: 6px 12px;
  font-size: 12px;
  text-decoration: none;
  margin: 78px 0 0 32px;
  font-style: normal; }

.inbuilt-styles-body .skin-item .preview-skin .skin-tick {
  position: absolute;
  bottom: -15px;
  right: -15px;
  color: #fff;
  background: #4bbce8;
  border-radius: 100%;
  display: block;
  width: 30px;
  text-align: center;
  padding: 9px 0;
  z-index: 10;
  display: none; }

.inbuilt-styles-body .skin-item.active .preview-skin .ioa-front-icon {
  display: block; }

.default-skin {
  display: block;
  text-align: center;
  padding: 78px 0;
  font-size: 20px;
  width: 100%; }

.predefined-schemes {
  border-bottom: 1px solid #e4e4e4; }

.predefined-schemes ul {
  padding: 20px; }

.predefined-schemes ul li {
  float: left;
  position: relative;
  cursor: pointer;
  margin-right: 10px; }

.predefined-schemes ul li p {
  padding: 0;
  margin: 0; }

.predefined-schemes ul li span {
  float: left;
  width: 50px;
  height: 50px; }

.predefined-schemes ul li small {
  color: #444;
  display: block;
  clear: both;
  text-align: center; }

.customize-settings-body {
  padding: 0px; }

.customize-settings-body > ul {
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px solid #e4e4e4; }

.customize-settings-body > ul li {
  float: left;
  margin: 0; }

.customize-settings-body > ul li a {
  display: block;
  padding: 15px 12px;
  font-size: 11px;
  color: #888;
  text-decoration: none;
  text-shadow: none; }

.customize-settings-body > ul li a:hover, .customize-settings-body > ul li.ui-state-active a {
  background: #4bbce8;
  color: #fff; }

.customize-settings-body > div {
  padding: 0 20px 20px 20px; }

.customize-list {
  border: 1px solid #e4e4e4;
  border-bottom: none; }

.customize-list {
  margin: 0; }

.customize-list li {
  margin: 0;
  box-shadow: 0px 1px 0px #e4e4e4; }

.customize-list li:first-child {
  background: #eee; }

.customize-list li div.title-area {
  float: left; }

.customize-list li div.title-area span {
  display: block;
  margin: 15px 0 0 15px; }

.customize-list label {
  display: none; }

.customize-list div.ioa_input {
  padding: 0;
  float: right;
  border-left: 1px solid #e4e4e4; }

.customize-list div.ioa_input input[type=text], .customize-list div.ioa_input .picker-delete {
  display: none; }

.customize-list div.ioa_input div.colorpicker-wrap {
  width: auto;
  float: none; }

.customize-list .minicolors-swatch {
  border-radius: 0;
  border: none;
  margin: 0 0;
  width: 50px;
  height: 50px;
  cursor: pointer; }

.customize-list .minicolors-panel {
  left: 0; }

.help-icon {
  float: right;
  border: 1px solid #b9b9b9;
  color: #b9b9b9;
  font-size: 11px;
  border-radius: 100%;
  padding: 2px 8px;
  font-weight: 700;
  margin: 13px 13px 0 0;
  position: relative; }

.help-icon p {
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 300px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 10px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: opacity;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s;
  opacity: 0;
  display: none; }

.help-icon:hover p {
  display: block;
  opacity: 1; }

div.concave-wrap div.component-opts div.ioa_input {
  padding: 0; }

div.concave-wrap div.component-opts label {
  display: none; }

div.concave-wrap div.component-opts div.ioa_input_holder {
  width: 100%; }

div.concave-wrap div.component-opts div.ioa_input_holder.small textarea {
  width: 100%;
  height: 420px; }

div.visual_styler .toolbox {
  background: #333333;
  padding: 5px;
  margin: 0px 0px; }

div.visual_styler .toolbox > a {
  margin: 0; }

div.visual_styler .toolbox h4 {
  float: left;
  margin: 10px 0 10px 10px;
  color: #fff; }

div.visual_styler .toolbox > a.button-save {
  padding: 10px 15px;
  float: right; }

.ceditor {
  min-height: 600px; }

/**
 * Typography
 */
#eni_typo .button-save {
  position: absolute;
  top: -1px;
  right: -18px;
  z-index: 10; }

#eni_typo .button-error {
  position: absolute;
  top: 2px;
  right: 50px;
  z-index: 10; }

.enig-font-slab {
  margin: 15px; }

.enig-font-slab .enig-font-head {
  color: #fff;
  background: #67778a;
  padding: 15px;
  margin: 0; }

.enig-font-body {
  border: 1px solid #e4e4e4;
  border-top: none; }

.enig-typo-filter {
  display: none; }

.enig-font-body div.groud-check-wrap {
  width: 116px; }

.enig-font-body div.ioa_input_holder div.ioa_checkbox_wrap label {
  width: 83px;
  padding: 5px 0 0 0; }

.enig-font-body .adv-google-settings {
  display: none; }

.enig-font-body a.google-advance-settings {
  margin: 10px 0 20px 20px; }

.enig-font-body .ioa-information {
  padding: 15px;
  text-align: center;
  color: #fff;
  background: #67778a;
  margin: 15px; }

.custom-typo-item {
  background-color: #67778a;
  padding: 15px;
  position: relative; }

.custom-typo-item h4 {
  color: #fff;
  margin: 0;
  padding: 0; }

.custom-typo-item a {
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  font-size: 14px; }

.custom-typo-list {
  padding: 15px; }

.sub-styler-section {
  display: none; }

/**
 * Code Mirror
 */
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px; }

.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow: auto; }

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */ }

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999; }

/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
  z-index: 3; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
  z-index: 1; }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block; }

/* DEFAULT THEME */
.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable {
  color: black; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3 {
  color: #085; }

.cm-s-default .cm-property {
  color: black; }

.cm-s-default .cm-operator {
  color: black; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-invalidchar {
  color: #f00; }

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22; }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  line-height: 1;
  position: relative;
  overflow: hidden;
  background: white;
  color: black; }

.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  padding-right: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative; }

.CodeMirror-sizer {
  position: relative; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom: 30px;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  padding-bottom: 30px;
  margin-bottom: -32px;
  display: inline-block;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-lines {
  cursor: text; }

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-code pre {
  border-right: 30px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.CodeMirror-wrap .CodeMirror-code pre {
  border-right: none;
  width: auto; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto; }

.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0px;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-measure pre {
  position: static; }

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  visibility: hidden;
  border-right: none;
  width: 0; }

.CodeMirror-focused div.CodeMirror-cursor {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4); }

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursor {
    visibility: hidden; } }
/**
 * Font face
 */
#eni_font_face .ioa-information {
  padding: 15px;
  text-align: center;
  color: #fff;
  background: #67778a;
  margin: 15px;
  display: none; }

.fontface-item.hide {
  display: none; }

.fontface-list {
  padding: 15px; }

.fontface-item {
  padding: 30px 0;
  font-size: 10px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  position: relative;
  margin: 15px 0;
  background: #67778a;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-property: background-color;
  transition-duration: 200ms, 200ms;
  transition-delay: 0s; }

.fontface-item:hover {
  background-color: #4bbce8; }

.fontface-item span {
  margin: 0px 15px;
  font-size: 10px;
  text-align: center;
  display: block; }

.fontface-item .ioa-front-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff; }

.fontface-item .ioa-front-icon:focus {
  color: #fff; }