.fontyourface { font-family: 'Inter'; font-style: normal; font-weight: 600; }
/**
 * @file
 * Throbber.
 */

 .ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
  }
  [dir="rtl"] .ajax-progress {
    float: right;
  }
  .ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 6px 2px;
    background: transparent url(../../../../misc/throbber-active.gif) no-repeat 0 center;
  }
  .ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
  }
  tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
  }
  .ajax-progress-bar {
    width: 16em;
  }

  /* Full screen throbber */
  .ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
    left: 49%; /* LTR */
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: 0.9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(../../../../misc/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center;
  }
  [dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto;
  }
  /**
 * @file
 * Alignment classes for text and block level elements.
 */

.text-align-left {
    text-align: left;
  }
  .text-align-right {
    text-align: right;
  }
  .text-align-center {
    text-align: center;
  }
  .text-align-justify {
    text-align: justify;
  }

  /**
   * Alignment classes for block level elements (images, videos, blockquotes, etc.)
   */
  .align-left {
    float: left;
  }
  .align-right {
    float: right;
  }
  .align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
/**
 * @file
 * Visual styles for animated throbber.
 *
 * @see autocomplete.js
 */

 .js input.form-autocomplete {
    background-image: url(../../../../misc/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center; /* LTR */
  }
  .js[dir="rtl"] input.form-autocomplete {
    background-position: 0% center;
  }
  .js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(../../../../misc/throbber-active.gif);
    background-position: 100% center; /* LTR */
  }
  .js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center;
  }
/**
 * @file
 * Fieldgroup border reset.
 */

 .fieldgroup {
    padding: 0;
    border-width: 0;
  }
  /**
 * @file
 * Inline items.
 */

.container-inline div,
.container-inline label {
  display: inline-block;
}
/* Details contents always need to be rendered as block. */
.container-inline .details-wrapper {
  display: block;
}
.container-inline .hidden {
  display: none;
}
/**
 * @file
 * Float clearing.
 *
 * Based on the micro clearfix hack by Nicolas Gallagher, with the :before
 * pseudo selector removed to allow normal top margin collapse.
 *
 * @see http://nicolasgallagher.com/micro-clearfix-hack
 */

 .clearfix:after {
    display: table;
    clear: both;
    content: "";
  }
/**
 * @file
 * Collapsible details.
 *
 * @see collapse.js
 */

 .js details:not([open]) .details-wrapper {
    display: none;
  }
/**
 * @file
 * Utility classes to hide elements in different ways.
 */

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
 .hidden {
    display: none;
  }

  /**
   * Hide elements visually, but keep them available for screen readers.
   *
   * Used for information required for screen reader users to understand and use
   * the site where visual display is undesirable. Information provided in this
   * manner should be kept concise, to avoid unnecessary burden on the user.
   * "!important" is used to prevent unintentional overrides.
   */
  .visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
  }

  /**
   * The .focusable class extends the .visually-hidden class to allow
   * the element to be focusable when navigated to via the keyboard.
   */
  .visually-hidden.focusable:active,
  .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
  }

  /**
   * Hide visually and from screen readers, but maintain layout.
   */
  .invisible {
    visibility: hidden;
  }
/**
 * @file
 * Styles for item list.
 */

 .item-list__comma-list,
 .item-list__comma-list li {
   display: inline;
 }
 .item-list__comma-list {
   margin: 0;
   padding: 0;
 }
 .item-list__comma-list li:after {
   content: ", ";
 }
 .item-list__comma-list li:last-child:after {
   content: "";
 }
/**
 * @file
 * Utility classes to assist with JavaScript functionality.
 */

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
 .js .js-hide {
    display: none;
  }

  /**
   * For anything you want to show on page load only when JS is enabled.
   */
  .js-show {
    display: none;
  }
  .js .js-show {
    display: block;
  }
/**
 * @file
 * Utility class to prevent text wrapping.
 */

 .nowrap {
    white-space: nowrap;
  }
/*
 * @file
 * Contain positioned elements.
 */

 .position-container {
    position: relative;
  }
/**
 * @file
 * Progress behavior.
 *
 * @see progress.js
 */

 .progress {
    position: relative;
  }
  .progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
  }
  .progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 16px;
    background-color: #000;
  }
  .progress__description,
  .progress__percentage {
    overflow: hidden;
    margin-top: 0.2em;
    color: #555;
    font-size: 0.875em;
  }
  .progress__description {
    float: left; /* LTR */
  }
  [dir="rtl"] .progress__description {
    float: right;
  }
  .progress__percentage {
    float: right; /* LTR */
  }
  [dir="rtl"] .progress__percentage {
    float: left;
  }
  .progress--small .progress__track {
    height: 7px;
  }
  .progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px;
  }
/*
 * @file
 * Utility class to remove browser styles, especially for button.
 */

 .reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
/**
 * @file
 * Resizable textareas.
 */

 .resize-none {
    resize: none;
  }
  .resize-vertical {
    min-height: 2em;
    resize: vertical;
  }
  .resize-horizontal {
    max-width: 100%;
    resize: horizontal;
  }
  .resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both;
  }
/**
 * @file
 * Table header behavior.
 *
 * @see tableheader.js
 */

 table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff;
  }
/**
 * @file
 * Styles for the system status counter component.
 */

 .system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
  }
  .system-status-counter__status-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px;
  }

  .system-status-counter__status-icon--error:before {
    background-image: url(../../../../misc/icons/e32700/error.svg);
  }
  .system-status-counter__status-icon--warning:before {
    background-image: url(../../../../misc/icons/e29700/warning.svg);
  }
  .system-status-counter__status-icon--checked:before {
    background-image: url(../../../../misc/icons/73b355/check.svg);
  }
/**
 * @file
 * Styles for the system status report counters.
 */

 .system-status-report-counters__item {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.063);
  }

  @media screen and (min-width: 60em) {
    .system-status-report-counters {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .system-status-report-counters__item--half-width {
      width: 49%;
    }
    .system-status-report-counters__item--third-width {
      width: 33%;
    }
  }
/**
 * @file
 * Default styles for the System Status general info.
 */

 .system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc;
  }

  .system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
  }
/**
 * @file
 * Table drag behavior.
 *
 * @see tabledrag.js
 */

 body.drag {
    cursor: move;
  }
  tr.region-title {
    font-weight: bold;
  }
  tr.region-message {
    color: #999;
  }
  tr.region-populated {
    display: none;
  }
  tr.add-new .tabledrag-changed {
    display: none;
  }
  .draggable a.tabledrag-handle {
    float: left; /* LTR */
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em; /* LTR */
    cursor: move;
    text-decoration: none;
  }
  [dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0;
  }
  a.tabledrag-handle:hover {
    text-decoration: none;
  }
  a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    background: #787878;
    -webkit-mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
    mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
  }
  a.tabledrag-handle:hover .handle,
  a.tabledrag-handle:focus .handle {
    background: #000;
  }

  @media (forced-colors: active) {
    a.tabledrag-handle .handle,
    a.tabledrag-handle:hover .handle,
    a.tabledrag-handle:focus .handle {
      background: canvastext;
    }
  }
  .touchevents .draggable td {
    padding: 0 10px;
  }
  .touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0;
  }
  .touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px;
  }
  .touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px; /* LTR */
  }
  [dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px;
  }
  .touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px;
  }
  .tabledrag-toggle-weight-wrapper {
    text-align: right; /* LTR */
  }
  [dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left;
  }
  .indentation {
    float: left; /* LTR */
    width: 20px;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
    padding: 0.42em 0 0.42em 0.6em; /* LTR */
  }
  [dir="rtl"] .indentation {
    float: right;
    margin: -0.4em -0.4em -0.4em 0.2em;
    padding: 0.42em 0.6em 0.42em 0;
  }
/**
 * @file
 * Table sort indicator.
 *
 * @see tablesort-indicator.html.twig
 */

 .tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
  }
  .tablesort--asc {
    background-image: url(../../../../misc/icons/787878/twistie-down.svg);
  }
  .tablesort--desc {
    background-image: url(../../../../misc/icons/787878/twistie-up.svg);
  }
/**
 * @file
 * Visual styles for a nested tree child.
 */

 div.tree-child {
    background: url(../../../../misc/tree.png) no-repeat 11px center; /* LTR */
  }
  div.tree-child-last {
    background: url(../../../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
  }
  [dir="rtl"] div.tree-child,
  [dir="rtl"] div.tree-child-last {
    background-position: -65px center;
  }
  div.tree-child-horizontal {
    background: url(../../../../misc/tree.png) no-repeat -11px center;
  }
  #sliding-popup {
    background: url('../images/gradient.png') center center scroll repeat-y transparent;
  }

  .sliding-popup-bottom,
  .sliding-popup-top {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 99999;
    left: 0;
    text-align: center;
  }

  .sliding-popup-bottom {
    position: fixed;
  }

  .sliding-popup-top {
    position: relative;
  }

  .eu-cookie-compliance-content {
    margin: 0 auto;
    max-width: 80%;
    display: inline-block;
    text-align: left;
    width: 100%;
    position: relative;
  }

  .eu-cookie-compliance-buttons {
    float: right; /* LTR */
    margin: 0 0 1em 0;
    max-width: 40%;
  }

  .eu-cookie-compliance-categories-buttons {
    margin: 0 0 1em 0;
    max-width: 60%;
    float: left;
  }

  [dir="rtl"] .eu-cookie-compliance-buttons {
    float: left;
  }
  [dir="rtl"] .eu-cookie-compliance-categories-buttons {
    float: right;
  }

  .eu-cookie-compliance-more-button {
    cursor: pointer;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: underline;
    background: none;
  }

  .eu-cookie-compliance-secondary-button {
    cursor: pointer;
    border: none;
    background: none;
    margin-top: 1em;
    padding: 0 8px;
    vertical-align: middle;
  }

  .disagree-button.eu-cookie-compliance-more-button,
  .eu-cookie-compliance-agree-button,
  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-hide-button,
  .eu-cookie-compliance-more-button-thank-you,
  .eu-cookie-withdraw-button,
  .eu-cookie-compliance-save-preferences-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
    box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
    background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #000;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
  }

  [dir="rtl"] .eu-cookie-compliance-buttons button {
    -moz-box-shadow: inset 0 0 0 1px #ffffff;
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
    box-shadow: inset 0 0 0 1px #ffffff;
  }

  .disagree-button.eu-cookie-compliance-more-button:hover,
  .eu-cookie-compliance-agree-button:hover,
  .eu-cookie-compliance-default-button:hover,
  .eu-cookie-compliance-hide-button:hover,
  .eu-cookie-compliance-more-button-thank-you:hover,
  .eu-cookie-withdraw-button:hover {
    background-color: #dfdfdf;
    background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
    background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  }

  .disagree-button.eu-cookie-compliance-more-button:active,
  .eu-cookie-compliance-agree-button:active,
  .eu-cookie-compliance-default-button:active,
  .eu-cookie-compliance-hide-button:active,
  .eu-cookie-compliance-more-button-thank-you:active,
  .eu-cookie-withdraw-button:active {
    position: relative;
    top: 1px;
  }

  .eu-cookie-compliance-message {
    float: left; /* LTR */
    margin: 5px 0 0;
    max-width: 60%;
  }

  .eu-cookie-compliance-banner--categories .eu-cookie-compliance-message {
    max-width: 100%;
  }

  .eu-cookie-compliance-categories {
    clear: both;
    padding-top: 1em;
  }

  .eu-cookie-compliance-categories label {
    display: inline;
  }

  [dir="rtl"] .eu-cookie-compliance-message {
    float: right;
    text-align: right;
  }

  .eu-cookie-compliance-message h1,
  .eu-cookie-compliance-message h2,
  .eu-cookie-compliance-message h3,
  .eu-cookie-compliance-message p {
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px 0;
  }

  .eu-cookie-compliance-message h1,
  .eu-cookie-compliance-message h2,
  .eu-cookie-compliance-message h3,
  .eu-cookie-compliance-message p,
  .eu-cookie-compliance-message button,
  .eu-cookie-compliance-category label {
    color: #fff;
  }

  .eu-cookie-compliance-message h1 {
    font-size: 24px;
  }

  .eu-cookie-compliance-message h2 {
    font-size: 16px;
  }

  .eu-cookie-compliance-message h3 {
    font-size: 12px;
  }

  .eu-cookie-compliance-message p {
    font-size: 12px;
    display: inline;
  }

  .eu-cookie-withdraw-tab {
    padding: 4px 7px;
    cursor: pointer;
  }

  .sliding-popup-bottom .eu-cookie-withdraw-tab {
    border-width: 2px 2px 0;
    border-radius: 5px 5px 0 0;
  }

  .sliding-popup-top .eu-cookie-withdraw-tab {
    border-width: 0 2px 2px;
    border-radius: 0 0 5px 5px;
  }

  .eu-cookie-withdraw-wrapper.sliding-popup-top,
  .eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
    transform: scaleY(-1);
  }

  .eu-cookie-withdraw-tab {
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%);
    left: 50%;
  }

  .eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
    transform: translate(-50%, -100%) scaleY(-1);
  }

  .eu-cookie-compliance-close-button {
    background: url('../images/close.png');
    width: 24px;
    height: 24px;
    border-width: 0;
    font-size: 0px;
    position: absolute;
    right: 2px;
    top: -12px;
    cursor: pointer;
  }

  body:not(.eu-cookie-compliance-popup-open) .eu-cookie-compliance-close-button {
    display: none;
  }

  @media screen and (max-width: 600px) {
    .eu-cookie-compliance-content {
      max-width: 95%;
    }

    .eu-cookie-compliance-categories,
    .eu-cookie-compliance-message {
      max-width: 100%;
    }

    .eu-cookie-compliance-buttons {
      clear: both;
      float: none;
      max-width: 100%;
      margin: 5px 0 1em;
    }

    .eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
      float: right;
      margin-top: -56px;
    }

    .eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons {
      position: initial;
      bottom: unset;
      right: unset;
    }
  }
/**
 * @file
 * Visual styles for nodes.
 */

 .node--unpublished {
    background-color: #fff4f4;
  }
  @charset "utf-8";
  /*------------------------------------------------------------------
  [Responsive Stylesheet]

  Project:    Rhythm
  Version:    2.2
  Last change:    30.07.2015
  Primary use:    MultiPurpose Template
  -------------------------------------------------------------------*/


  /*------------------------------------------------------------------
  [Table of contents]

  1. Small desktop
  2. Tablet landskape
  3. Tablet Portrait
  4. Phone
  5. Small Phone
  6. Max Height 768
  -------------------------------------------------------------------*/


  /* ==============================
     Small desktop
     ============================== */

  @media only screen and (max-width: 1366px) {


      .inner-nav ul li {
          margin-left: 25px;
      }

  }

  @media only screen and (max-width: 1200px) {

      .hs-wrap {
          max-width: 540px;
      }
      .hs-line-1 {
          letter-spacing: 40px;
      }
      .hs-line-2{
          font-size: 68px;
      }
      .hs-line-12{
          font-size: 70px;
          letter-spacing: 0.3em;
      }
      .hs-line-13 {
          font-size: 78px;
          letter-spacing: 0.195em;
      }

      .alt-service-grid {
          margin-top: -40px;
      }
      .alt-service-item {
          margin-top: 40px;
          padding-left: 48px;
      }
      .alt-services-title{
          font-size: 14px;
          margin-bottom: 5px;
      }
      .alt-services-image{
          margin-top: 10px;
      }

      .work-grid-5 .work-item{
          width: 25%;
      }

      .mod-breadcrumbs-mini{
          text-align: right;
      }

  }
  @media only screen and (max-width: 1199px) {

      .tpl-alt-tabs{
          font-size: 13px;
          letter-spacing: 0.2em;
      }
      .tpl-alt-tabs > li{
          width: 170px;
      }

  }

  /* ==============================
     Tablet landskape
     ============================== */

  @media only screen and (max-width: 1024px) {

      .hs-wrap {
          max-width: 480px;
          padding-top: 37px;
          padding-bottom: 43px;
      }

      .hs-line-1 {
          letter-spacing: 30px;
      }
      .hs-line-2{
          font-size: 60px;
      }

      .hs-line-9 {
          font-size: 71px;
      }
      .hs-line-10 {
          padding: 10px 14px;
          letter-spacing: 1px;
      }
      .hs-line-10 > span {
          margin: 0 1px;
      }

      .benefit-item {
          width: 300px;
          padding: 15px 32px;
      }
      .split-section-headings {
          width: 30%;
      }
      .split-section-content {
          width: 70%;
      }

      .split-section-headings .section-title{
          font-size: 26px;
          letter-spacing: 2px;
      }

      .page-section{
          padding: 120px 0;

      }
      .page-section, .home-section, .small-section{
          background-attachment: scroll;
      }

      .owl-pagination {
          bottom: 25px;
      }
      .section-bot-image {
          margin: 120px 0 -120px;
      }


      .lp-item {
          width: 50%;
      }
      .lp-item:nth-child(4n + 5){
          clear: none;
      }
      .lp-item:nth-child(2n + 3) {
          clear:left;
      }
      .lp-title, .lp-author{
          font-size: 13px;
      }

  }

  @media only screen and (max-width: 992px) {

      .hs-line-1 {
          letter-spacing: 23px;
      }
      .hs-line-13 {
          letter-spacing: 0.17em;
      }

      .mod-breadcrumbs:not(.align-center):not(.mod-breadcrumbs-mini){
          text-align: left !important;
      }

      .tpl-alt-tabs > li{
          width: 200px;
      }

      .split-section-headings,
      .split-section-headings.left,
      .split-section-headings.right,
      .split-section-content,
      .split-section-content.left,
      .split-section-content.right{
          float: none !important;
          width: auto;
      }

      .split-section-headings .section-title{
          font-size: 35px;
          letter-spacing: 5px;
      }

      .banner-text {
          text-align: center;
      }

      .banner-image {
          margin: 40px 0;
      }

      .team-item-name{
          font-size: 13px;
      }

      .features-icon {
          font-size: 64px;
      }
      .features-title {
          font-size: 20px;
      }
      .features-descr{
          font-size: 14px;
      }

      .work-item,
      .work-grid-3 .work-item,
      .container .work-grid-3 .work-item,
      .work-grid-5 .work-item{
          width: 50%;
      }


      .blog-item-date {
          border:none;
      }


      .countdown > li{
          margin: 0 20px;
      }
      .countdown-number{
          width: 74px;
          height: 74px;
          font-size: 24px;
          line-height: 64px;
      }
      .countdown-number > b{
          bottom: 18px;
      }

  }


  /* ==============================
     Tablet Portrait
     ============================== */

  @media only screen and (max-width: 768px) {

      .hs-wrap {
          max-width: 400px;
      }
      .hs-line-2{
          font-size: 50px;
      }

      .hs-line-7 {
          font-size: 50px;
      }

      .page-section {
          padding: 80px 0;
      }
      .small-section {
          padding: 50px 0;
      }
      .small-title{
          font-size: 18px;
      }

      .owl-pagination {
          bottom: 17px;
      }

      .section-bot-image {
          margin: 70px 0 -70px;
      }


      .tpl-minimal-tabs > li {
          padding: 0 5px;
      }


      .benefit-item{
          width: 264px;
      }

      .count-descr{
          margin-bottom: 30px;
      }

      .alt-service-grid{
      margin-top: -30px;
      }
      .alt-service-item {
          margin-top: 30px;
      }

      .works-filter a{
          padding-left: 10px;
          padding-right: 10px;
          margin: 4px;
      }

      .blog-item {
          margin-bottom: 50px;
      }
      .blog-item-date{
          top: 0;
          left: -100px;
      }
      .blog-item-title{
          font-size: 20px;
      }
      .blog-item-title .small{
          font-size: 15px;
      }
      .blog-item-body{
          font-size: 14px;
      }
      .blog-media{
          margin-bottom: 15px;
      }
      .blog-item-body .small{
          font-size: 13px;
      }


      #map-canvas{
          height: 300px;
      }

      .fm-logo-wrap{
          top: 17px;
          left: 17px;
      }
      .fm-button{
          top: 17px;
          right: 17px;
      }

  }

  @media only screen and (max-width: 767px) {

      .hs-wrap {
          max-width: 320px;
          padding-top: 27px;
          padding-bottom: 33px;
      }
      .hs-line-1 {
          font-size: 24px;
      }
      .hs-line-2{
          font-size: 36px;
      }
      .hs-line-3 {
          font-size: 13px;
      }
      .hs-image{
          display: none;
      }

      .hs-wrap-1{
          max-width: 240px;
      }
      .hs-line-5{
          font-size: 44px;
          letter-spacing: 0.28em;
      }
      .hs-line-6{
          font-size: 16px;
      }
      .hs-line-7{
          font-size: 32px;
      }

      .hs-line-9{
          font-size: 48px;
      }
      .hs-line-10 {
          padding: 5px 8px;
          font-size: 11px;
          letter-spacing: 1px;
      }
      .hs-line-10 > span {
          margin: 0;
      }

      .hs-line-11{
          font-size: 24px;
      }

      .hs-line-12{
          font-size: 44px;
      }
      .hs-line-13{
          font-size: 60px;
          letter-spacing: 0.1em;
      }
      .hs-line-15{
          font-size: 32px;
      }

      .team-item{
          max-width: 370px;
          margin-left: auto;
          margin-right: auto;
      }

      .alt-features-grid {
          margin-top: -30px;
      }
      .alt-features-item {
          margin-top: 30px;
      }

      .benefit-item{
          width: 230px;
          padding: 0;
      }

      .benefit-item:hover:after{
          display: none;
      }

      .wide-heading {
          font-size: 32px;
          letter-spacing: 2px;
      }

      .works-filter a{
          padding-left: 10px;
          padding-right: 10px;
          margin: 4px;
          width: 46%;
          font-size: 11px;
      }

      .blog-item-date{
          width: auto;
          position: relative;
          top: auto;
          left: auto;
          padding: 0;
          text-align: left;
      }
      .date-num{
          display: inline !important;
          margin: 0 5px 10px 0;
      }
      .sidebar {
          margin-top: 50px;
      }

      blockquote p {
          font-size: 20px;
      }

      blockquote footer {
          margin-top: 0;
          font-size: 12px;
      }

      .banner-content {
          text-align: center;
      }
      .banner-image {
          text-align: center;
      }


      .cf-left-col,
      .cf-right-col{
          width: auto;
          margin-right: 0;
          float: none;
      }

      .section-more,
      .section-more.left,
      .section-more.right{
          float: none !important;
          display: block;
      }

      .big-icon{
          width: 60px;
          height: 60px;
          line-height: 56px;
          font-size: 24px;
          margin-bottom: 0;
      }

      .blog-slide-info{
          padding: 10px;
      }
      .blog-slide-title{
          font-size: 12px;
      }
      .blog-slide-data{
          display: none;
      }

      .top-bar{
          min-height: 0;
      }
      .top-links{
          float: none !important;
          padding: 5px 0;
          text-align: center;
      }
      .top-links li,
      .top-links li:last-child{
          float: none;
          border:none;
          display: inline-block;
      }
      .top-links li a{
          display: inline-block;
          min-width: 0;
          height: auto;
          line-height: 1;
          padding: 0 5px;
      }
      .top-links li a:hover,
      .top-bar.dark .top-links li a:hover{
          background: none;
      }

      .side-panel{
          padding-bottom: 20px;
      }
      .sp-logo-wrap{
          max-width: 100px;
          margin: 0 auto;
      }
      .sp-logo-wrap .logo{
          padding: 20px 0 0 0;
      }
      .sp-menu-links a{
          padding-top: 10px;
          padding-bottom: 10px;
      }
      .sp-social-links{
          width: auto;
          position: static;
          padding-bottom: 10px;
      }

      .countdown > li{
          margin: 0 10px 20px;
      }
      .countdown-number{
          width: 44px;
          height: 44px;
          font-size: 20px;
          line-height: 44px;
      }
      .countdown-number > b{
          bottom: -20px;
          font-size: 9px;
          color: rgba(255,255,255, .85);
      }
      .text-mobile {
          font-size: 110%;
          line-height: 1.2;
      }
  }


  /* ==============================
     Phone
     ============================== */

  @media only screen and (max-width: 480px) {

      .btn-mod.btn-large {
          padding: 8px 15px;
          font-size: 13px;
      }
      .form input[type="text"].input-lg,
      .form input[type="email"].input-lg,
      .form input[type="number"].input-lg,
      .form input[type="url"].input-lg,
      .form input[type="search"].input-lg,
      .form input[type="tel"].input-lg,
      .form input[type="password"].input-lg,
      .form input[type="date"].input-lg,
      .form input[type="color"].input-lg,
      .form select.input-lg{
          height: 38px;
      }
      .hs-line-1 {
          font-size: 20px;
          letter-spacing: 18px;
      }
      .hs-line-2{
          font-size: 28px;
      }
      .hs-line-6 {
          font-size: 15px;
      }
      .hs-line-7 {
          font-size: 28px;
      }
      .hs-line-8 {
          font-size: 12px;
      }
      .hs-line-9 {
          font-size: 42px;
      }
      .hs-line-11 {
          font-size: 20px;
          letter-spacing: 0.2em;
      }
      .hs-line-12 {
          font-size: 32px;
      }
      .hs-line-13 {
          font-size: 30px;
          letter-spacing: 0.1em;
      }
      .hs-line-14{
          font-size: 24px;
          letter-spacing: 0.3em;
      }
      .hs-line-15{
          font-size: 24px;
      }

     .scroll-down {
          bottom: 10px;
          height: 34px;
          line-height: 34px;
      }
      .scroll-down-icon {
          width: 22px;
          margin-left: -11px;
      }
      .scroll-down span{
          display: none;
      }

      .nav-bar-compact{
          top: 0;
          left: 0;
      }


      .page-section {
          padding: 60px 0;
      }
      .small-section {
          padding: 30px 0;
      }

      .owl-pagination {
          bottom: 10px;
      }

      .owl-prev, .owl-next {
          display: none;
      }
      .owl-page {
          padding-left: 8px;
          padding-right: 8px;
      }

      .section-bot-image {
          margin: 50px 0 -50px;
      }

      .section-title,
      .split-section-headings .section-title,
      .wide-heading {
          font-size: 24px;
          letter-spacing: 2px;
      }
      .section-heading,
      .sub-heading{
          font-size: 15px;
      }
      .section-text {
          font-size: 15px;
          line-height: 1.7;
      }

      .tpl-minimal-tabs > li {
          padding: 0;
      }
      .tpl-minimal-tabs > li > a {
          padding: 6px 10px 5px;
      }
      .tpl-alt-tabs{
          font-size: 12px;
          letter-spacing: 0.1em;
      }
      .tpl-alt-tabs > li{
          width: 120px;
      }
      .alt-tabs-icon{
          font-size: 32px;
      }

      .work-container {
          padding: 30px 0;
      }
      .margin-bot{
          margin-bottom: 30px;
      }

      .section-text,
      .text{
          line-height: 1.7;
      }

      .count-number{
          font-size: 32px;
      }
      .count-title{
          font-size: 12px;
      }


      .works-filter a{
          width: 100%;
          margin-left: 0;
          margin-right: 0;
      }

      .work-item,
      .work-grid-2 .work-item,
      .work-grid-3 .work-item,
      .container .work-grid-3 .work-item,
      .work-grid-5 .work-item {
          width: 100%;
      }

      .work-full-text{
          margin-top: 30px;
      }
      .work-full-title{
          font-size: 20px;
      }

      .blog-container {
          margin-top: 30px;
          margin-bottom: 30px;
      }

      .blog-item-title{
          font-size: 16px;
      }

      .blog-item-q p{
          font-size: 16px;
      }
      .comment-avatar{
          width: 30px;
          margin-top: 7px;
      }

      .comment-item{
          font-size: 13px;
      }

      .separ-space{
          display: block;
          height: 10px;
      }


      .bot-menu-item{
          font-size: 16px;
      }

      #map-canvas {
          height: 300px;
      }

     .fixed-height-small{
          min-height: 300px;
      }
      .fixed-height-medium{
          min-height: 350px;
      }
      .fixed-height-large{
          min-height: 400px;
      }

      .tpl-tabs > li{
          display: block;
          float: none;
          width: 100%;
      }
      .tpl-tabs > li.active a{
          background: #f5f5f5 !important;
      }

      .fm-menu-links a{
          font-size: 14px;
      }
  }


  /* ==============================
     Small Phone
     ============================== */

  @media only screen and (max-width: 319px) {

        .nav-social-links{
            display: none;
        }
  }


  /* ==============================
     Max Height 768
     ============================== */

  @media only screen and (max-height: 767px) {

      .sp-social-links {
          padding-bottom: 10px;
          position: static;
          width: auto;
      }
  }
/*
 * CSS Vertical Rhythm
 * Author - Roman Kirichik
 * www.kirichik.com
 */

 .mt-0{margin-top:0!important}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}.mt-100{margin-top:100px}.mt-110{margin-top:110px}.mt-120{margin-top:120px}.mt-130{margin-top:130px}.mt-140{margin-top:140px}.mb-0{margin-bottom:0!important}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.mb-110{margin-bottom:110px}.mb-120{margin-bottom:120px}.mb-130{margin-bottom:130px}.mb-140{margin-bottom:140px}.pt-0{padding-top:0!important}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pt-110{padding-top:110px}.pt-120{padding-top:120px}.pt-130{padding-top:130px}.pt-140{padding-top:140px}.pb-0{padding-bottom:0!important}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-110{padding-bottom:110px}.pb-120{padding-bottom:120px}.pb-130{padding-bottom:130px}.pb-140{padding-bottom:140px}@media only screen and (max-width:1200px){.mt-lg-0{margin-top:0!important}.mt-lg-10{margin-top:10px}.mt-lg-20{margin-top:20px}.mt-lg-30{margin-top:30px}.mt-lg-40{margin-top:40px}.mt-lg-50{margin-top:50px}.mt-lg-60{margin-top:60px}.mt-lg-70{margin-top:70px}.mt-lg-80{margin-top:80px}.mt-lg-90{margin-top:90px}.mt-lg-100{margin-top:100px}.mt-lg-110{margin-top:110px}.mt-lg-120{margin-top:120px}.mt-lg-130{margin-top:130px}.mt-lg-140{margin-top:140px}.mb-lg-0{margin-bottom:0!important}.mb-lg-10{margin-bottom:10px}.mb-lg-20{margin-bottom:20px}.mb-lg-30{margin-bottom:30px}.mb-lg-40{margin-bottom:40px}.mb-lg-50{margin-bottom:50px}.mb-lg-60{margin-bottom:60px}.mb-lg-70{margin-bottom:70px}.mb-lg-80{margin-bottom:80px}.mb-lg-90{margin-bottom:90px}.mb-lg-100{margin-bottom:100px}.mb-lg-110{margin-bottom:110px}.mb-lg-120{margin-bottom:120px}.mb-lg-130{margin-bottom:130px}.mb-lg-140{margin-bottom:140px}.pt-lg-0{padding-top:0!important}.pt-lg-10{padding-top:10px}.pt-lg-20{padding-top:20px}.pt-lg-30{padding-top:30px}.pt-lg-40{padding-top:40px}.pt-lg-50{padding-top:50px}.pt-lg-60{padding-top:60px}.pt-lg-70{padding-top:70px}.pt-lg-80{padding-top:80px}.pt-lg-90{padding-top:90px}.pt-lg-100{padding-top:100px}.pt-lg-110{padding-top:110px}.pt-lg-120{padding-top:120px}.pt-lg-130{padding-top:130px}.pt-lg-140{padding-top:140px}.pb-lg-0{padding-bottom:0!important}.pb-lg-10{padding-bottom:10px}.pb-lg-20{padding-bottom:20px}.pb-lg-30{padding-bottom:30px}.pb-lg-40{padding-bottom:40px}.pb-lg-50{padding-bottom:50px}.pb-lg-60{padding-bottom:60px}.pb-lg-70{padding-bottom:70px}.pb-lg-80{padding-bottom:80px}.pb-lg-90{padding-bottom:90px}.pb-lg-100{padding-bottom:100px}.pb-lg-110{padding-bottom:110px}.pb-lg-120{padding-bottom:120px}.pb-lg-130{padding-bottom:130px}.pb-lg-140{padding-bottom:140px}}@media only screen and (max-width:1024px){.mt-md-0{margin-top:0!important}.mt-md-10{margin-top:10px}.mt-md-20{margin-top:20px}.mt-md-30{margin-top:30px}.mt-md-40{margin-top:40px}.mt-md-50{margin-top:50px}.mt-md-60{margin-top:60px}.mt-md-70{margin-top:70px}.mt-md-80{margin-top:80px}.mt-md-90{margin-top:90px}.mt-md-100{margin-top:100px}.mt-md-110{margin-top:110px}.mt-md-120{margin-top:120px}.mt-md-130{margin-top:130px}.mt-md-140{margin-top:140px}.mb-md-0{margin-bottom:0!important}.mb-md-10{margin-bottom:10px}.mb-md-20{margin-bottom:20px}.mb-md-30{margin-bottom:30px}.mb-md-40{margin-bottom:40px}.mb-md-50{margin-bottom:50px}.mb-md-60{margin-bottom:60px}.mb-md-70{margin-bottom:70px}.mb-md-80{margin-bottom:80px}.mb-md-90{margin-bottom:90px}.mb-md-100{margin-bottom:100px}.mb-md-110{margin-bottom:110px}.mb-md-120{margin-bottom:120px}.mb-md-130{margin-bottom:130px}.mb-md-140{margin-bottom:140px}.pt-md-0{padding-top:0!important}.pt-md-10{padding-top:10px}.pt-md-20{padding-top:20px}.pt-md-30{padding-top:30px}.pt-md-40{padding-top:40px}.pt-md-50{padding-top:50px}.pt-md-60{padding-top:60px}.pt-md-70{padding-top:70px}.pt-md-80{padding-top:80px}.pt-md-90{padding-top:90px}.pt-md-100{padding-top:100px}.pt-md-110{padding-top:110px}.pt-md-120{padding-top:120px}.pt-md-130{padding-top:130px}.pt-md-140{padding-top:140px}.pb-md-0{padding-bottom:0!important}.pb-md-10{padding-bottom:10px}.pb-md-20{padding-bottom:20px}.pb-md-30{padding-bottom:30px}.pb-md-40{padding-bottom:40px}.pb-md-50{padding-bottom:50px}.pb-md-60{padding-bottom:60px}.pb-md-70{padding-bottom:70px}.pb-md-80{padding-bottom:80px}.pb-md-90{padding-bottom:90px}.pb-md-100{padding-bottom:100px}.pb-md-110{padding-bottom:110px}.pb-md-120{padding-bottom:120px}.pb-md-130{padding-bottom:130px}.pb-md-140{padding-bottom:140px}}@media only screen and (max-width:768px){.mt-sm-0{margin-top:0!important}.mt-sm-10{margin-top:10px}.mt-sm-20{margin-top:20px}.mt-sm-30{margin-top:30px}.mt-sm-40{margin-top:40px}.mt-sm-50{margin-top:50px}.mt-sm-60{margin-top:60px}.mt-sm-70{margin-top:70px}.mt-sm-80{margin-top:80px}.mt-sm-90{margin-top:90px}.mt-sm-100{margin-top:100px}.mt-sm-110{margin-top:110px}.mt-sm-120{margin-top:120px}.mt-sm-130{margin-top:130px}.mt-sm-140{margin-top:140px}.mb-sm-0{margin-bottom:0!important}.mb-sm-10{margin-bottom:10px}.mb-sm-20{margin-bottom:20px}.mb-sm-30{margin-bottom:30px}.mb-sm-40{margin-bottom:40px}.mb-sm-50{margin-bottom:50px}.mb-sm-60{margin-bottom:60px}.mb-sm-70{margin-bottom:70px}.mb-sm-80{margin-bottom:80px}.mb-sm-90{margin-bottom:90px}.mb-sm-100{margin-bottom:100px}.mb-sm-110{margin-bottom:110px}.mb-sm-120{margin-bottom:120px}.mb-sm-130{margin-bottom:130px}.mb-sm-140{margin-bottom:140px}.pt-sm-0{padding-top:0!important}.pt-sm-10{padding-top:10px}.pt-sm-20{padding-top:20px}.pt-sm-30{padding-top:30px}.pt-sm-40{padding-top:40px}.pt-sm-50{padding-top:50px}.pt-sm-60{padding-top:60px}.pt-sm-70{padding-top:70px}.pt-sm-80{padding-top:80px}.pt-sm-90{padding-top:90px}.pt-sm-100{padding-top:100px}.pt-sm-110{padding-top:110px}.pt-sm-120{padding-top:120px}.pt-sm-130{padding-top:130px}.pt-sm-140{padding-top:140px}.pb-sm-0{padding-bottom:0!important}.pb-sm-10{padding-bottom:10px}.pb-sm-20{padding-bottom:20px}.pb-sm-30{padding-bottom:30px}.pb-sm-40{padding-bottom:40px}.pb-sm-50{padding-bottom:50px}.pb-sm-60{padding-bottom:60px}.pb-sm-70{padding-bottom:70px}.pb-sm-80{padding-bottom:80px}.pb-sm-90{padding-bottom:90px}.pb-sm-100{padding-bottom:100px}.pb-sm-110{padding-bottom:110px}.pb-sm-120{padding-bottom:120px}.pb-sm-130{padding-bottom:130px}.pb-sm-140{padding-bottom:140px}}@media only screen and (max-width:767px){.mt-xs-0{margin-top:0!important}.mt-xs-10{margin-top:10px}.mt-xs-20{margin-top:20px}.mt-xs-30{margin-top:30px}.mt-xs-40{margin-top:40px}.mt-xs-50{margin-top:50px}.mt-xs-60{margin-top:60px}.mt-xs-70{margin-top:70px}.mt-xs-80{margin-top:80px}.mt-xs-90{margin-top:90px}.mt-xs-100{margin-top:100px}.mt-xs-110{margin-top:110px}.mt-xs-120{margin-top:120px}.mt-xs-130{margin-top:130px}.mt-xs-140{margin-top:140px}.mb-xs-0{margin-bottom:0!important}.mb-xs-10{margin-bottom:10px}.mb-xs-20{margin-bottom:20px}.mb-xs-30{margin-bottom:30px}.mb-xs-40{margin-bottom:40px}.mb-xs-50{margin-bottom:50px}.mb-xs-60{margin-bottom:60px}.mb-xs-70{margin-bottom:70px}.mb-xs-80{margin-bottom:80px}.mb-xs-90{margin-bottom:90px}.mb-xs-100{margin-bottom:100px}.mb-xs-110{margin-bottom:110px}.mb-xs-120{margin-bottom:120px}.mb-xs-130{margin-bottom:130px}.mb-xs-140{margin-bottom:140px}.pt-xs-0{padding-top:0!important}.pt-xs-10{padding-top:10px}.pt-xs-20{padding-top:20px}.pt-xs-30{padding-top:30px}.pt-xs-40{padding-top:40px}.pt-xs-50{padding-top:50px}.pt-xs-60{padding-top:60px}.pt-xs-70{padding-top:70px}.pt-xs-80{padding-top:80px}.pt-xs-90{padding-top:90px}.pt-xs-100{padding-top:100px}.pt-xs-110{padding-top:110px}.pt-xs-120{padding-top:120px}.pt-xs-130{padding-top:130px}.pt-xs-140{padding-top:140px}.pb-xs-0{padding-bottom:0!important}.pb-xs-10{padding-bottom:10px}.pb-xs-20{padding-bottom:20px}.pb-xs-30{padding-bottom:30px}.pb-xs-40{padding-bottom:40px}.pb-xs-50{padding-bottom:50px}.pb-xs-60{padding-bottom:60px}.pb-xs-70{padding-bottom:70px}.pb-xs-80{padding-bottom:80px}.pb-xs-90{padding-bottom:90px}.pb-xs-100{padding-bottom:100px}.pb-xs-110{padding-bottom:110px}.pb-xs-120{padding-bottom:120px}.pb-xs-130{padding-bottom:130px}.pb-xs-140{padding-bottom:140px}}@media only screen and (max-width:480px){.mt-xxs-0{margin-top:0!important}.mt-xxs-10{margin-top:10px}.mt-xxs-20{margin-top:20px}.mt-xxs-30{margin-top:30px}.mt-xxs-40{margin-top:40px}.mt-xxs-50{margin-top:50px}.mt-xxs-60{margin-top:60px}.mt-xxs-70{margin-top:70px}.mt-xxs-80{margin-top:80px}.mt-xxs-90{margin-top:90px}.mt-xxs-100{margin-top:100px}.mt-xxs-110{margin-top:110px}.mt-xxs-120{margin-top:120px}.mt-xxs-130{margin-top:130px}.mt-xxs-140{margin-top:140px}.mb-xxs-0{margin-bottom:0!important}.mb-xxs-10{margin-bottom:10px}.mb-xxs-20{margin-bottom:20px}.mb-xxs-30{margin-bottom:30px}.mb-xxs-40{margin-bottom:40px}.mb-xxs-50{margin-bottom:50px}.mb-xxs-60{margin-bottom:60px}.mb-xxs-70{margin-bottom:70px}.mb-xxs-80{margin-bottom:80px}.mb-xxs-90{margin-bottom:90px}.mb-xxs-100{margin-bottom:100px}.mb-xxs-110{margin-bottom:110px}.mb-xxs-120{margin-bottom:120px}.mb-xxs-130{margin-bottom:130px}.mb-xxs-140{margin-bottom:140px}.pt-xxs-0{padding-top:0!important}.pt-xxs-10{padding-top:10px}.pt-xxs-20{padding-top:20px}.pt-xxs-30{padding-top:30px}.pt-xxs-40{padding-top:40px}.pt-xxs-50{padding-top:50px}.pt-xxs-60{padding-top:60px}.pt-xxs-70{padding-top:70px}.pt-xxs-80{padding-top:80px}.pt-xxs-90{padding-top:90px}.pt-xxs-100{padding-top:100px}.pt-xxs-110{padding-top:110px}.pt-xxs-120{padding-top:120px}.pt-xxs-130{padding-top:130px}.pt-xxs-140{padding-top:140px}.pb-xxs-0{padding-bottom:0!important}.pb-xxs-10{padding-bottom:10px}.pb-xxs-20{padding-bottom:20px}.pb-xxs-30{padding-bottom:30px}.pb-xxs-40{padding-bottom:40px}.pb-xxs-50{padding-bottom:50px}.pb-xxs-60{padding-bottom:60px}.pb-xxs-70{padding-bottom:70px}.pb-xxs-80{padding-bottom:80px}.pb-xxs-90{padding-bottom:90px}.pb-xxs-100{padding-bottom:100px}.pb-xxs-110{padding-bottom:110px}.pb-xxs-120{padding-bottom:120px}.pb-xxs-130{padding-bottom:130px}.pb-xxs-140{padding-bottom:140px}}
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
    z-index: 5;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
@font-face {
    /*font-family: 'Pacifico';*/
    font-family: "Inter rev=1";
    font-style: normal;
    font-weight: 400;
    /*src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');*/
    font-display: swap;
}
body {
    color: #222222 ;
    font-size: 16px;
}
.main-nav.dark, .main-nav-dark{
    background-color: #222222 ;
}
.font-alt {
    font-family: "Open Sans", arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.join::after {
    border-width: 2px;
    border-style: solid;
    border-color: #f6891f;
    border-radius: 10px;
    /* width: 120px; */
    /* height: 40px; */
    content: "";
    left: -43px;
    /* top: 20px; */
    position: relative;
    z-index: -500;
    /* display: block; */
    /* float: right; */
    /* content: 'JOIN'; */
    /* line-height: 50px; */
    color: red;
    /* font-size: 2em; */
    padding: 7px 23px 10px 23px;
}
input#edit-actions-submit {
    background-color: #f6891f;
    padding: 15px 60px 15px 60px ;
}
input#edit-actions-submit:hover{
    background-color: #fff;
    border-color: #f6891f;
    border-style: solid;
    border-width: 3px;
    color: #f6891f;
    padding: 15px 60px 15px 60px ;
}
blockquote {
    margin: 2em 0 2em 0;
    padding: 0;
    border: none;
    background: none;
    font-style: normal;
    line-height: 1.7;
    color: inherit;
}
blockquote p {
    margin-bottom: 2em;
    font-size: .8em;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
}
blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: .8em;
    line-height: 1.42857143;
    color: inherit;
}
blockquote footer {
    text-transform: initial;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
}
.black {
    color: #222222  !important;
}
input#edit-phone-phone.webform-webform-telephone-international {
    margin-left: 50px;
    height: 37px;
    padding-left: 15px;
}
.logo-svg {
    width: 300px;
}
/*.logo-svg{*/
/*    margin-left: 20px;*/
/*}*/
/*.logo-svg:after {*/
/*    display: block;*/
/*    content: ' ';*/
/*    background-image: url(/Everyone.svg);*/
/*    !*background-size: cover;*!*/
/*    !*height: 30px;*!*/
/*    !*width: 250px;*!*/
/*    background-size: cover;*/
/*    height: 40px;*/
/*    width: 300px;*/
/*    !*top: -20px;*!*/
/*    position: absolute;*/
/*}*/
/*@media only screen and (max-width: 600px) {*/
/*    .logo-svg:after {*/
/*        height: 20px;*/
/*        width: 150px;*/
/*    }*/
/*}*/

.footer-menu a{
    color: #ffffff;
}
.w-100{
    width:100%;
}
.mn-sub {
    background: #222222;
}
.bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before {
    background: none;
}
.page-section{
    padding: 0;
}
.page-section .home-content{
    padding-bottom: 100px;
}
a {
    color: #222222 ;
    text-decoration: none;
}
.vcenter-inrow{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#block-tabs .nav-tabs a.is-active, #block-tabs .nav-tabs a.is-active:hover, #block-tabs .nav-tabs a.is-active:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
#block-tabs .nav-tabs a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.tb-megamenu-item .dropdown-toggle::after {
    all: unset;
}
li.tb-megamenu-item.level-1 {
    font-weight: bold;
}
.company-header span.field-content.co-name {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 4em;
    padding-bottom: 30px;
    color: #ffffff;
    display: block;
}
#block-menumobile .nav-logo-wrap {
    background: #222222 ;
    width: 100%;
}
.white a, .white a:hover{
    color: #FFFFFF;
    text-decoration: none;
}
.btn-mod.btn-border:hover, .btn-mod.btn-border:focus {
    background: #222222 ;
}
.btn-mod.btn-border {
    color: #fff ;
    /*border: 2px solid #222222 ;*/
}
.page-section .home-content {
    padding-bottom: 30px;
}
#block-herobanner .form-item, #block-herobanner .form-actions {
    margin-top: 0;
    margin-bottom: 0px !important;
}
.banner-paragraph p{
    margin-bottom: 0px;
}
#block-herobanner #edit-email{
    text-align: center;
}
#block-herobanner #edit-actions-submit{
font-weight: 700;
}
#edit-country, #edit-first-name, #edit-email, #edit-last-name, #edit-title, #edit-company, #edit-message{
    border: 2px solid #222222 ;
    padding: 25px;
    font-weight: 700;
    font-size: 1em;
}
.webform-submission-subscribe-form .form-item-email {
    float: left;
    margin-right: 2px;
    width: 100%;
    margin-left: 0;
}

/*.webform-submission-subscribe-form .form-item-email {*/
/*    margin-right: 0 !important;*/
/*    width: 0 !important;*/
/*    margin-left: 0 !important;*/
/*}*/
.pr-list {
    color: #222222 ;
}
.pr-per {
    color: #222222 ;
}
.pr-list li {
    border-bottom: 1px solid #222222 ;
}
.pr-list li:first-child {
    border-top: 1px solid #222222 ;
}
.article-category{
    height:50px;
}
.widget-title{
    font-weight: bold;
    color:#222222 ;
    border-bottom: none;
    /*border-top: 2px solid #222222 ;*/
    padding-top: 20px;
}
.node--type-article a{
    color:#f6891f
}
.row {
    margin-left: initial;
}
.section-text, .tpl-tabs-cont {
    color: #222222 ;
}
.alt-features-descr {
    color: #222222 ;
}
.container-fluid{
    padding: 0;
}
input#edit-login-returning-customer-submit {
    margin-top: 15px;
}
input#edit-submit.button--add-to-cart.btn-mod, a button.button--add-to-cart.btn-mod{
    background: #0096d0 ;
}
div.form-item-payment-information-billing-information-field-phone-0-value input[type="tel"],
div.form-item-payment-information-add-payment-method-billing-information-field-phone-0-value input[type="tel"]
{
    width: 100%;
    height: 37px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 12px;
}
td.views-field-title a {
    font-weight: bold;
    font-size: 1.25em;
}
.stripe-form .form-text {
    height: 37px;
    border: 1px solid #ccc;
    color: #3b3b3b;
    font-size: 12px;
    box-sizing: border-box;
    margin: 2px 0;
    padding: 9px 13px 9px 13px;
    line-height: 1.5;
    letter-spacing: 1px;
    width: 200px !important;
}
#edit-actions input.button--primary, #edit-actions input.button--primary:hover{
    background: #222222 ;
    color:white;
}
.btn-mod, a.btn-mod {
    background: #0096d0 ;
}
a {
    /*text-decoration: underline !important;*/
    font-weight: bold !important;
}
article div.field--name-body {
    margin-bottom: 20px;
}
div.event-items img{
    width:100%;
    max-height: 178px;
}

div.event-items{
    height: 350px;
}
div.event-items a.read-more{
    color: #fff ;
}
div.views-field-view-node{
    width:100%;
}
.views-field.views-field-views-conditional-field {
    width: 100%;
}
#views-exposed-form-events-page-1{
    text-align: center ;
}
.clearboth {
    clear: both;
}
#edit-sidebar-coupon-redemption-form .btn{
    margin-left: 30px
}
span.bottom-right>a{
    position: absolute;
    bottom: 0;
    right: 30px;
}
.members h3{
    color: white;
    font-weight: bold;
    text-align: center;
}
.mb-10:has(.btn-center) {
    text-align: center;
}
.bg-cover p{
    margin-bottom: 0;
}
.grid-striped .row:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);

}
@media screen and (min-width: 601px) {
    .event.title {
        font-size: 80px;
        color: white;
        line-height: 1.1;
    }
    .event.subtitle {
        font-size: 36px;
        color: white;
    }
    .event.text {
        font-size: 24px;
        color: white;
    }
    .event.other {
        font-size: 80px;
        color: white;
    }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    .event.title {
        font-size: 40px;
        color: white;
        line-height: 1.1;
    }
    .event.subtitle {
        font-size: 18px;
        color: white;
    }
    .event.text {
        font-size: 14px;
        color: white;
    }
    .event.other {
        font-size: 80px;
        color: white;
    }
}
.text-shadow{
    text-shadow: 2px 2px 5px black;
}
.fp-article-teaser img{
    height: 160px;
}
.fp-article-teaser .views-field-body{
    text-align: justify;
    font-size: .8em;
}
.schedule .row {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 1px 2px 30px rgb(0 0 0 / 10%);
    box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);
    padding: 20px;
    margin: 20px;
}
.schedule .speaker .btn, .schedule .sponsor .btn {
    padding: 0;
    white-space: normal;
    border-width: 0;
    text-align: left;
}
.schedule .speaker .btn:hover, .schedule .sponsor .btn:hover {
    background: initial;
    color: initial;
}
.speaker p, .sponsor p{
    padding: 0;
    margin: 0;
}
.schedule ul.nav.nav-tabs li {
    width: 350px;
}
.tpl-tabs {
    display: inline-flex;
}
.program-title{
    display: flex;
}
.row.time-slot{
    color: #FFFFFF;
    font-weight: bold;
}
.toggle > dt {
    background-color: #ffffff;
}
[data-pie-id] > *:nth-child(7n+1), [data-bar-id] > *:nth-child(7n+1), [data-line-id] > *:nth-child(7n+1) {
    color: #f23d3d; }
  [data-pie-id] > *:nth-child(7n+2), [data-bar-id] > *:nth-child(7n+2), [data-line-id] > *:nth-child(7n+2) {
    color: #f02121; }
  [data-pie-id] > *:nth-child(7n+3), [data-bar-id] > *:nth-child(7n+3), [data-line-id] > *:nth-child(7n+3) {
    color: #e61010; }
  [data-pie-id] > *:nth-child(7n+4), [data-bar-id] > *:nth-child(7n+4), [data-line-id] > *:nth-child(7n+4) {
    color: #cf0e0e; }
  [data-pie-id] > *:nth-child(7n+5), [data-bar-id] > *:nth-child(7n+5), [data-line-id] > *:nth-child(7n+5) {
    color: #ba0d0d; }
  [data-pie-id] > *:nth-child(7n+6), [data-bar-id] > *:nth-child(7n+6), [data-line-id] > *:nth-child(7n+6) {
    color: #a70c0c; }
  [data-pie-id] > *:nth-child(7n+7), [data-bar-id] > *:nth-child(7n+7), [data-line-id] > *:nth-child(7n+7) {
    color: #960b0b; }

  #pie, #donut, #bar {
    max-height: 450px; }


  svg {
    width: 100%;
    height: auto; }

  .tooltip {
    margin-left: -5px;
    border-radius: 3px;
    padding: 5px; }

  ul[data-pie-id] {
    list-style: none;
    padding: 10px; }
    .container-fluid > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
      }
      body{
        max-width: 100%;
        /*overflow-x: hidden;*/
      }
      .toolbar-oriented .toolbar-bar {
        z-index: 999999;
      }
      .container .container {
        width: 100%;
      }
      .container-fluid {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
      }
      div.contextual-links-wrapper {
        z-index: 99999;
      }
      ul li.leaf {
       list-style-image: none;
       list-style-type: none;
      }
      .commerce-product-field-field-old-price,
      .commerce-product-field-field-old-price div,
      .commerce-product-field-commerce-price,
      .commerce-product-field-commerce-price div,
      .form-item-quantity,
      .form-item-quantity .form-group,
      .form-item-quantity .form-group input,
      .commerce-product-sku-label {
        display: inline;
      }
      .commerce-product-sku-label,
      .commerce-product-field-commerce-price{
        font-weight: bold;
      }
      .attribute-widgets .form-item {
        display: inline-block;
        width: 48%;
      }
      .attribute-widgets .form-item:first-child {
        margin-right: 3%;
      }
      .ajax-progress-throbber {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        position: fixed;
        top: 50%;
      }
      .commerce-order-item-add-to-cart-form .form-actions .btn {
        width: 100%;
      }
      .auto-width{
        width: auto !important;
      }
      .bold{
        font-weight: bold;
      }
      .grippie{
        display: none;
      }
      a{
        text-decoration: none;
      }
      .white,
      .f-white,
      .f-white *{
        color: #fff;
      }
      blockquote{
        margin-top: -8px;
      }
      .gray{
        color: #777;
      }

      /* TB Mega Menu */
      .mn-sub{
        z-index: 9;
      }
      .mn-sub-multi {
       overflow: visible;
      }
      .inner-nav {
        max-width: 90%;
      }
      .align-menu-right > ul,
      .mega-align-right > ul{
        left: auto;
        right: 0;
      }
      .align-menu-center > ul,
      .mega-align-center > ul{
        left: auto;
        right: -200px;
      }

      .tb-megamenu-row{
        display: block;
      }

      /* Add to Cart Form */
      .commerce-add-to-cart .btn{
        vertical-align: top;
      }

      /* Comements*/
      .comments-edit-links{
        float: right;
      }
      .comments-edit-links a{
        text-decoration: none;
      }
      .local-scroll{
        position: relative;
      }
      .fm-logo-wrap.local-scroll{
        position: absolute;
      }
      .comment-item-data a{
        padding-right: 10px;
      }
      .comment-item > ul > .comment-item{
        padding-top: 0 !important;
      }
      .media-body {
        margin-bottom: 2em;
      }

      /* Forms */
      .form-item, .form-actions {
        margin-top: 0;
        margin-bottom: 20px !important;
      }
      .form-item .form-item{
        margin-bottom: 0px !important;
      }
      .form-item label{
        font-weight: normal;
      }
      .form select[multiple] {
        height: auto !important;
      }
      .webform-datepicker .form-item{
        width: 30%;
        display: inline-block !important;
      }
      .webform-datepicker input.webform-calendar{
        margin-top: 8px;
      }
      .webform-component-file .form-managed-file .form-submit{
        display: none;
      }
      .form-managed-file{
        margin-bottom: 5px;
      }
      .checkbox-inline .form-type-checkbox,
      .radio-inline .form-type-radio{
        display: inline-block;
        padding-right: 25px;
      }
      .checkbox-inline label,
      .radio-inline label{
        margin-bottom: 0px;
      }
      .form input[type="text"],
      .form input[type="email"],
      .form input[type="number"],
      .form input[type="url"],
      .form input[type="search"],
      .form input[type="tel"],
      .form input[type="password"],
      .form input[type="date"],
      .form input[type="color"],
      .form select {
        max-width: 100%;
      }

      /* Five Star */
      .pointer-events-none {
        pointer-events: none;
      }
      .form-type-fivestar .form-type-select {
        display: inline-block;
        vertical-align: middle;
        /*margin-left: 20px;*/
      }
      .fivestar-user-stars {
        display: inline-block;
        /*margin-bottom: 20px;*/
      }
      .reviews-wrapper .comment-form .fivestar-user-stars {
        vertical-align: middle;
        margin-left: 10px;
      }
      .section-text .fivestar-user-stars,
      .section-text .fivestar-user-stars .form-item {
         margin-bottom: 0 !important;
      }
      .form-actions .btn + .btn{
        margin-left: 10px;
      }
      .fivestar-basic div.fivestar-widget .star a {
        text-align: start;
      }
      /* Icons */
      .box1 > i {
        display: inline-block;
        margin-right: 5px;
        min-width: 70px;
        min-height: 70px;
        border-right: 1px solid #f1f1f1;
        line-height: 70px;
        text-align: center;
        font-size: 32px;
      }

      /* Cart block */
      .cart-block .form-actions {
        display: none;
      }
      .block-commerce-cart footer {
        margin: 5px 0;
        width: 55%;
      }
      .block-commerce-cart .order-total-line {
        text-align: left;
      }
      .block-commerce-cart .order-total-line .order-total-line-label,
      .block-commerce-cart .order-total-line .order-total-line-value {
        width: 50%;
      }
      a.view-cart {
        display: block;
      }
      .order-total-line{
        text-align: right;
        font-size: 13px;
        color: #777;
      }
      .line-item-total{
        float: left;
      }
      .order-total-line .links{
        margin: 0;
      }
      .order-total-line .order-total-line-label {
        font-weight: normal;
        width: 55px;
      }
      .order-total-line .order-total-line-value {
        font-weight: bold;
        width: 60px;
      }
      .order-total-line li{
        list-style: none;
      }
      .line-item-summary-view-cart{
        float: right;
        margin-top: -28px;
      }

      /* Tags */
      .tags {
        display: inline-block;
      }

      /* Views List */
      .item-list ul{
        margin: 0;
        padding: 0;
      }
      .item-list ul li{
        padding: 5px 0;
        list-style: none;
      }
      .view-header{
        margin-bottom: 40px;
        float: left;
      }
      .view-filters{
        float: right;
        margin-top: -20px;
      }

      /* Views Ajax submit */
      .ctools-auto-submit-full-form .views-submit-button{
        display: none;
      }
      .ctools-auto-submit-full-form .views-widget-sort-order{
        padding-right: 0;
      }

      /* Cart Page */
      #views-form-commerce-cart-form-default-1 .table-striped > thead > tr,
      #views-form-commerce-cart-form-default-1 .table-striped > tbody > tr:nth-child(2n) {
        background-color: #f9f9f9;
      }
      #views-form-commerce-cart-form-default-1 .table-striped > tbody > tr:nth-child(2n+1) {
        background: none;
      }
      #views-form-commerce-cart-form-default-1 .line-item-summary:before,
      #views-form-commerce-cart-form-default-1 .form-actions:after{
        display: block;
        content: ' ';
        clear: both;
        border-bottom: 1px solid #eee;
        background-color: rgba(255,255,255, .08);
        padding: 20px 0;
        margin-top: -57px;
        margin-bottom: 15px;
      }
      #views-form-commerce-cart-form-default-1 .form-actions:after{
        margin-top: -3px;
        padding-top: 0;
      }
      #views-form-commerce-cart-form-default-1 table td,
      #views-form-commerce-cart-form-default-1 table th{
        vertical-align: middle;
        padding: 8px;
        line-height: 1.42857143;
        border-top: 1px solid #ddd;
      }
      #views-form-commerce-cart-form-default-1 .views-field-edit-quantity input{
        height: 31px;
        width: 60px;
      }
      #views-form-commerce-cart-form-default-1 .views-field-edit-quantity .form-item,
      #views-form-commerce-cart-form-default-1 .views-field-edit-quantity .form-group{
        margin-bottom: 0;
      }
      #views-form-commerce-cart-form-default-1 .form-actions {
        margin-top: 15px;
        text-align: right;
      }
      .cart-empty-page {
        margin-bottom: 125px;
        margin-left: 15%;
      }

      /* Payment Page */
      #edit-payment-information-billing-information-address-wrapper .form-item,
      #edit-payment-information-billing-information-address-wrapper .form-wrapper {
        margin-bottom: 10px !important;
      }

      /* Review Page */
      #commerce-checkout-flow-multistep-default .form-actions a {
        color: #777;
        background: #e5e5e5;
        border-radius: 2px;
        margin-left: 20px;
        padding: 9px 25px;
        vertical-align: middle;
      }

      #commerce-checkout-flow-multistep-default .form-actions a:hover,
      #commerce-checkout-flow-multistep-default .form-actions a:active,
      #commerce-checkout-flow-multistep-default .form-actions a:focus {
        text-decoration: none;
      }

      #commerce-checkout-flow-multistep-default .form-actions a:hover {
        color: #444;
        background: #d5d5d5;
      }

      /* Background overlay */
      .main-wrap{
        position: relative;
        z-index: 100;
      }

      /* Owl Slider */
      .owl-item img{
        width: 100%; /* Required in case if image width less then owl container - example on the project node page */
      }
      .small-item-carousel img{
        width: auto;
      }

      /* Blog Date fix */
      .blog-item-date{
        display: none;
      }
      .fullwidth-date .blog-item-date{
        display: block;
      }
      .blog-item-data > div{
        display: inline;
      }

      /* Portfolio Promo */
      .views-row-1 .page-section{
        padding-top: 0;
      }

      /* Contact */
      .height-84{
        height: 84px;
      }

      /* Accordion */
      .accordion > dd {
        padding-bottom: 0;
      }

      /* Features */
      .tpl-alt-tabs-cont {
        padding: 30px 0;
        color: #777;
        line-height: 1.8;
      }
      .alt-features-item,
      .alt-features-grid {
        margin-top: 0;
      }

      /* Background */
      .bg-dark-alfa-70 blockquote,
      .bg-dark-alfa-90 blockquote{
        color: #fff;
      }

      /* Title */
      .ls-01{
        letter-spacing: 0.1em;
      }
      .ls-02{
        letter-spacing: 0.2em;
      }
      .ls-03{
        letter-spacing: 0.3em;
      }
      .ls-04{
        letter-spacing: 0.4em;
      }
      .ls-05{
        letter-spacing: 0.5em;
      }
      .ls-06{
        letter-spacing: 0.6em;
      }
      .ls-07{
        letter-spacing: 0.7em;
      }
      .ls-08{
        letter-spacing: 0.8em;
      }
      .ls-09{
        letter-spacing: 0.9em;
      }
      .ls-10{
        letter-spacing: 1em;
      }
      .fw-300{
        font-weight: 300;
      }
      .fw-400{
        font-weight: 400;
      }
      .fw-600{
        font-weight: 600;
      }

      /* Newsletter */
      .newsletter-293{
        float: left;
        margin-right: 2px;
        width: 293px;
        margin-left: 50px;
      }

      /* Featured Benefits */
      .benefit-item:nth-child(4){
        margin-right: -40px;
      }
      .benefit-item{
        text-align: center;
      }

      /* Search */
      .search-advanced{
        margin: 30px 0 60px 0;
        min-height: 30px;
      }
      .search-wrap .form-group{
        margin-bottom: 0 !important;
      }

      /* Product teaser - default styles if it's not under VIEW */
      .views-element-container .col-default{
        width: 100%;
        margin-bottom: 0;
        padding: 0;
        float: none;
      }

      .views-exposed-form {
        text-align: right;
      }

      .view-teaser .post-prev-img .row{
        display: none;
      }

      .views-exposed-form .form-actions {
        display: inline-block;
      }

      .views-exposed-form .form-group {
        display: inline-block;
        margin-left: 10px;
        text-align: left;
      }

      .views-exposed-form .form-group select {
        text-transform: uppercase;
      }

      .view-teaser .attribute-widgets .form-item {
        width: 40%;
      }

      /* Header */
      .header-align-left h1,
      .header-align-left div{
        text-align: left;
      }

      /* Login Fix */
      .form-item-name input{
        text-transform: none;
      }

      /* Fix for default menu */
      .default-menu .mn-sub {
        display: block !important;
        position: relative;
        left: auto;
        background: none;
        margin-left: 30px;
      }
      .default-menu .mn-sub a:hover{
        color: #000;
      }
      nav .default-menu .mn-sub {
        display: none;
        width: 200px;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        background: rgba(30,30,30, .97);
      }
      .white .mobile-nav .fa{
        color: #777;
      }

      .small-logo .logo img{
        width: 152px;
      }

      .pager li{
        display: inline;
        padding: 0;
      }
      .pager{
        text-align: center;
      }
      .pager .item-list{
        display: inline-block;
      }

      @media only screen and (max-width: 1024px) {
        .page-section, .home-section, .small-section{
          background-attachment: scroll;
        }
      }
      .mobile .page-section,
      .mobile .home-section,
      .mobile .small-section{
        background-attachment: scroll;
      }

      /**

       D8

      **/
      .blog-category-inline > span:last-child .comma{
        display: none;
      }
      .blog-category-inline div{
        display: inline-block;
      }

      /* Comments */
      .inline{
        display: inline-block;
      }
      .separator {
        position: relative;
        top: -2px;
      }
      .comment-item-data .links.inline{
        padding-left: 10px;
        margin-bottom: 0;
      }
      .comment-item-data .links.inline li{
        display: inline-block;
      }
      .comment-avatar img{
        width: 50px;
        margin-right: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
      }
      .indented{
        padding-left: 40px;
      }
      .comment-list > a:first-child + .comment {
        border-top: none;
      }

      /* Breadcrumbs */
      .mod-breadcrumbs i:last-child{
        display: none;
      }
      .text-align-left{
        text-align: left;
      }

      /* Primary tabs */
      .tpl-minimal-tabs li a.is-active, .tpl-minimal-tabs li a.is-active:hover {
        border: 1px solid #222 !important;
        background: none !important;
        color: #000;
        cursor: default;
      }
      .pr-0{
        padding-right: 0
      }
      .pl-0{
        padding-left: 0;
      }

      /* Language */
      .mn-sub li a.is-active {
        background: rgba(255,255,255, .09);
        color: #f5f5f5 !important;
      }

      /* Portfolio Promo */
      .promo-view:first-child > hr{
        display: none;
      }
      @media (min-width: 992px) {
        .promo-view:nth-child(even) .col-md-5{
          left: 66.66666667%;
        }
        .promo-view:nth-child(even) .col-md-7{
          right: 41.66666667%;
        }
      }

      /* Pager */
      .pagination .is-active a{
        border-color: #bbb;
        color: #444;
        cursor: default;
      }

      /* Contact 1 */
      .webform-submission-contact-1-form .form-actions{
        float: right;
        margin-top: -25px;
      }
      .bg-image{
        background-repeat: no-repeat;
        background-position: center top;
        -webkit-background-size: cover;
        background-size: cover;
      }
      /* Webform */
      input[value="<none>"]{
        display: none;
      }
      /* Webform subscribe */
      .webform-submission-subscribe-form .form-item-email{
        float: left;
        margin-right: 2px;
        width: 293px;
        margin-left: 50px;
      }

      /* Blog TimeLine */
      .timeline{
        padding-bottom: 40px;
      }
      .timeline > ul > li {
        list-style-type: none;
        position: relative;
        width: 4px;
        margin: 0 auto;
        padding-top: 50px;
        background: #ccc;
      }

      .timeline > ul > li::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 65px;
        height: 65px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #ccc;
      }

      .timeline > ul > li article {
        position: relative;
        bottom: 0;
        width: 400px;
        padding: 15px;
        background: #f7f7f7;
      }

      .timeline > ul > li article::before {
        content: '';
        position: absolute;
        bottom: 25px;
        width: 0;
        height: 0;
        border-style: solid;
      }

      .timeline > ul > li:nth-child(odd) article {
        left: 60px;
      }

      .timeline > ul > li:nth-child(odd) article::before {
        left: -15px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #f7f7f7 transparent transparent;
      }

      .timeline > ul > li:nth-child(even) article {
        left: -451px;
      }

      .timeline > ul > li:nth-child(even) article::before {
        right: -15px;
        border-width: 8px 0 8px 16px;
        border-color: transparent transparent transparent #f7f7f7;
      }

      .timeline .blog-item{
        margin-bottom: 25px;
      }
      .blog-item-body .video{
        margin-bottom: 10px;
      }
      .timeline .blog-item-date{
        border-right: 0;
        bottom: -37px;
        top: auto;
        left: -121px;
        z-index: 9999;
        color: #000;
      }
      .timeline > ul > li:nth-child(even) article .blog-item-date{
        left: auto;
        right: -121px;
      }
      .timeline:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 60px;
        width: 100%;
        background: rgba(255, 255, 255, 0);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(81%, white), color-stop(94%, white));
        background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 81%, white 98%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
        z-index: 9999;
      }


      /* Char Pie Shortcode */
      .pie-chart{
        width: 140%;
      }
      .pie-svg svg{
        overflow: visible;
      }


      /* Subscribe Inline Block */
      .pi-text-center .form-tip{
        width: 100%;
        display: inline-block;
      }
      @media(max-width: 540px) {
        .webform-submission-subscribe-form .form-item-email{
          float: none;
          margin-right: auto;
          width: auto;
          margin-left: auto;
        }
        .webform-submission-subscribe-form .button-js.btn-mod{
          width: 100%;
        }
      }

      .image-align{
        width: 100%;
        display: inline-block;
      }
      .text-align-center{
        text-align: center;
      }
      .text-align-right{
        text-align: right;
      }
      .text-align-justify{
        text-align: justify;
      }

      .field--label-inline > .field__label{
        float: left;
      }
      .field__label{
        font-weight: 600;
        padding-right: 10px;
      }
      .bg-cover {
        background-size: cover;
      }

      #toolbar-administration{
        margin-top: -20px;
      }
      #toolbar-bar{
        top: -20px;
      }
      #toolbar-administration:hover{
        margin-top: 0;
      }
      #toolbar-bar:hover{
        top: 0px;
      }