@font-face {
  font-family: 'Roboto';
  src: url("/themes/custom/ecs_stable9/fonts/Roboto/Roboto-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto';
  src: url("/themes/custom/ecs_stable9/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold; }
@font-face {
  font-family: 'Roboto';
  src: url("/themes/custom/ecs_stable9/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-style: italic; }
@font-face {
  font-family: 'Roboto';
  src: url("/themes/custom/ecs_stable9/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'FontAwesome';
  src: url("/themes/custom/ecs_stable9/fonts/fontawesome-free-6.4.0/webfonts/fa-solid-900.ttf") format("truetype"); }
/* Grid system
 * https://css-tricks.com/dont-overthink-it-grids/
 * https://evolvingweb.ca/blog/using-core-base-themes-drupal-8
 */
.grid {
  background: white;
  margin: 0 0 20px 0;
  display: inline-block;
  width: 100%; }
  .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }

[class*='col-'] {
  display: inline-block;
  float: left;
  padding-right: 20px;
  box-sizing: border-box; }
  .grid [class*='col-']:last-of-type {
    padding-right: 0; }

/* Opt-in outside padding */
.grid-pad {
  padding: 20px 0 20px 20px; }
  .grid-pad [class*='col-']:last-of-type {
    padding-right: 20px; }

@media (min-width: 0px), (max-width: 991px) {
  .col-1-1 {
    width: 100%;
    padding-right: 0; }

  .col-2-3 {
    width: 100%; }

  .col-1-3 {
    width: 100%; }

  .col-1-2 {
    width: 100%; }

  .col-1-4 {
    width: 100%; }

  .col-3-4 {
    width: 100%; }

  .col-1-8 {
    width: 100%; } }
@media (min-width: 992px), (min-width: 10000px) {
  .col-1-1 {
    width: 100%; }

  .col-1-3 {
    width: 33.33%; }

  .col-2-3 {
    width: 66.66%; }

  .col-1-2 {
    width: 50%; }

  .col-1-4 {
    width: 25%; }

  .col-3-4 {
    width: 75%; }

  .col-1-8 {
    width: 12.5%; } }
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  text-align: justify; }

.ecs-centered {
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0px) {
    .ecs-centered {
      width: 100%; } }
  @media (min-width: 992px) {
    .ecs-centered {
      width: 100%;
      max-width: 1199px; } }

.ecs-full-width {
  width: 100%;
  display: table; }

.ecs-breakout-full-width {
  max-width: none !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  /*
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  */ }

.layout-container header {
  width: 100%; }
  .layout-container header #ecs-menus {
    position: relative;
    display: inline-block;
    width: 100%; }
    .layout-container header #ecs-menus #ecs-primary-menu-bar {
      position: relative;
      display: inline-block;
      width: 100%; }
      .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop {
        float: left; }
        .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu {
          display: table;
          float: right; }
      .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile .region-primary-menu {
        display: table;
        float: left; }
      @media (min-width: 0px) {
        .layout-container header #ecs-menus #ecs-primary-menu-bar {
          max-width: 767px; }
          .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop {
            display: none; }
          .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile {
            display: inline-block; } }
      @media (min-width: 768px) {
        .layout-container header #ecs-menus #ecs-primary-menu-bar {
          max-width: 991px; }
          .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop {
            display: none; }
          .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile {
            display: inline-block; } }
      @media (min-width: 992px) {
        .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop {
          display: inline-block; }
        .layout-container header #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile {
          display: none; } }
    .layout-container header #ecs-menus #ecs-secondary-menu-bar {
      position: relative;
      display: inline-block;
      width: 100%; }
      .layout-container header #ecs-menus #ecs-secondary-menu-bar .region-secondary-menu {
        display: table;
        float: left; }
      @media (min-width: 0px) {
        .layout-container header #ecs-menus #ecs-secondary-menu-bar {
          max-width: 767px;
          display: none; } }
      @media (min-width: 768px) {
        .layout-container header #ecs-menus #ecs-secondary-menu-bar {
          max-width: 991px;
          display: none; } }
      @media (min-width: 992px) {
        .layout-container header #ecs-menus #ecs-secondary-menu-bar {
          display: inline-block; } }
.layout-container main {
  width: 100%; }
  .layout-container main #ecs-breadcrumbs {
    background-color: #f6f6f6; }
  .layout-container main #ecs-content {
    min-height: 400px; }
    .layout-container main #ecs-content .layout-content {
      padding-bottom: 20px; }
.layout-container footer {
  width: 100%; }

body {
  font-family: "Roboto", Helvetica, sans-serif; }

h1 {
  font-size: 40px;
  color: #2f4b87; }

h2 {
  font-size: 32px;
  color: #2f4b87; }

h3 {
  font-size: 24px;
  color: #2f4b87; }

h4 {
  font-size: 18px;
  color: #2f4b87; }

h5 {
  font-size: 24px;
  color: #2f4b87; }

h6 {
  font-size: 18px;
  color: #2f4b87; }

a {
  color: #6a84ba;
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

.rtecenter {
  text-align: center; }

.ecs-color-blue {
  color: #3b5998; }

.ecs-color-gray_dark {
  color: #999; }

.ecs-color-aqua {
  color: #1abc9c; }

.ecs-color-red {
  color: #983b59; }

.ecs-font-size-h3 {
  font-size: 24px; }

.ecs-font-size-h2 {
  font-size: 32px; }

.ecs-font-size-h1 {
  font-size: 40px; }

.button,
.btn,
.btn-primary,
.btn-large {
  display: inline-block;
  background-color: #3b5998;
  color: white;
  padding: 10px;
  border-radius: 10px;
  font-weight: bold; }

.btn-large {
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 18px; }

header #ecs-header-top {
  background-color: white; }
  header #ecs-header-top .button {
    color: white;
    background-color: #3b5998;
    border-color: #3b5998;
    border-radius: 10px;
    padding: 10px; }
  header #ecs-header-top .search-block-form {
    float: left; }
    header #ecs-header-top .search-block-form input#edit-keys {
      height: 36px;
      border-radius: 10px; }
  header #ecs-header-top .block.menu--account {
    float: right; }
    header #ecs-header-top .block.menu--account a {
      text-decoration: none; }
    header #ecs-header-top .block.menu--account ul.menu {
      padding-top: 5px; }
  header #ecs-header-top #ecs-cart {
    float: right;
    color: #3b5998;
    font-size: 40px;
    margin-top: 10px; }
    header #ecs-header-top #ecs-cart a {
      color: #3b5998; }
header #ecs-header {
  background-color: #3b5998;
  color: white;
  padding-top: 15px;
  /*
  .ecs-menus {
    // Handled in _menu.scss      
  }
  */ }
  header #ecs-header a {
    color: white; }
  header #ecs-header .block-system-branding-block {
    display: table; }
    header #ecs-header .block-system-branding-block .site-logo {
      display: table-cell; }
      header #ecs-header .block-system-branding-block .site-logo img {
        width: 110px;
        height: 125px; }
    header #ecs-header .block-system-branding-block .site-name {
      display: table-cell;
      vertical-align: middle;
      font-weight: bold;
      font-size: 18px;
      padding-left: 10px; }
      header #ecs-header .block-system-branding-block .site-name a {
        text-decoration: none; }

.block-menu.menu--account ul.menu {
  display: inline-block; }
  .block-menu.menu--account ul.menu li {
    float: left;
    padding-right: 10px; }

ul.menu li.menu-item a.is-active {
  color: #1abc9c; }

#ecs-menus {
  background-color: #3b5998;
  color: white; }
  #ecs-menus a {
    text-decoration: none;
    font-weight: bold; }
  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile,
  #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile {
    width: 100%; }
    #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger,
    #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger {
      width: 24px;
      height: 24px;
      position: relative;
      margin: 0 10px 10px 10px;
      z-index: 150;
      float: right; }
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span {
        display: block;
        width: 24px;
        height: 3px;
        background-color: white;
        position: absolute;
        left: 0;
        right: 15px;
        margin: auto;
        transition: all 0.35s; }
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span.one,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span.one {
        top: 0px; }
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span.two,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span.two {
        top: 12px;
        bottom: 12px; }
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span.three,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-hamburger span.three {
        bottom: 0px; }
    #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus,
    #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus {
      width: 100%;
      z-index: 110;
      display: inline-block;
      background-color: white;
      position: relative;
      top: 15px;
      left: -15px;
      padding-right: 25px;
      background-color: #3b5998;
      display: none; }
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu,
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu {
        width: 100%;
        display: inline-block; }
        #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block,
        #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block,
        #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block,
        #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block {
          display: inline-block;
          width: 100%; }
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper.menu-closed,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper.menu-closed,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper.menu-closed,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper.menu-closed {
            display: none; }
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper.menu-opened,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper.menu-opened,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper.menu-opened,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper.menu-opened {
            display: block; }
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--active-trail > a {
            color: #4ecfbb !important; }
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul {
            display: inline-block; }
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item {
              clear: both; }
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded {
              list-style-type: none;
              list-style-image: none; }
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded a,
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded a,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded a,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded a {
                clear: both;
                float: left;
                text-decoration: none;
                padding-top: 5px;
                padding-bottom: 5px;
                width: 200px;
                color: white;
                font-weight: bold; }
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler,
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler {
                float: left;
                color: white;
                padding-left: 10px;
                padding-right: 10px;
                font-weight: bold;
                font-size: 20px;
                vertical-align: middle;
                display: inline-block;
                position: relative;
                top: 3px; }
                #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler:hover,
                #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler:hover,
                #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler:hover,
                #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul li.menu-item--expanded .ecs-submenu-toggler:hover {
                  cursor: pointer; }
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul ul,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul ul,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-secondary-menu .block .menu-wrapper ul ul,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-mobile #ecs-menu-mobile-menus .region-primary-menu .block .menu-wrapper ul ul {
              margin-left: 2em; }
  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu,
  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu,
  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu,
  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu,
  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu,
  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu,
  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu,
  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu {
    margin-top: 8px; }
    #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block,
    #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block,
    #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block,
    #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block,
    #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block,
    #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block,
    #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block,
    #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block {
      display: inline-block;
      float: left; }
      #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper,
      #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper,
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper,
      #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper,
      #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper,
      #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper,
      #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper {
        background-color: transparent; }
        #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
        #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
        #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
        #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
        #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
        #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
        #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul li.menu-item--active-trail > a,
        #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul li.menu-item--active-trail > a {
          color: #4ecfbb !important; }
        #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type,
        #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type,
        #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type,
        #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type,
        #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type,
        #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type,
        #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type,
        #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type {
          border: none;
          list-style: none;
          text-align: left;
          margin-top: 8px;
          margin-bottom: 10px;
          margin-left: 0;
          display: inline-block; }
          #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li,
          #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li,
          #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li,
          #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li {
            float: left; }
          #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded,
          #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded,
          #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded,
          #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded,
          #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded,
          #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded {
            list-style: none;
            position: relative; }
            #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a,
            #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a,
            #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a,
            #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded a {
              text-align: left; }
            #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a,
            #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a,
            #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a,
            #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a {
              color: white;
              padding-top: 5px;
              padding-bottom: 5px;
              padding-right: 12px;
              padding-left: 12px;
              margin-top: 2px;
              margin-bottom: 2px;
              margin-right: 2px;
              line-height: 14px;
              border-radius: 5px;
              text-decoration: none; }
              #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after,
              #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after,
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after,
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after,
              #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after,
              #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded > a:after {
                display: inline-block;
                width: 0;
                height: 0;
                vertical-align: top;
                border-top: 8px solid #fff;
                border-top-color: #fff;
                border-bottom-color: #fff;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                content: "";
                margin-left: 4px;
                margin-top: 7px; }
            #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper,
            #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper,
            #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper,
            #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper,
            #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper,
            #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper {
              display: none;
              padding-top: 0;
              padding-left: 10px; }
              #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu,
              #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu,
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu,
              #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu,
              #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu,
              #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu,
              #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu {
                position: absolute;
                top: 35px;
                z-index: 1000;
                float: left;
                min-width: 160px;
                padding: 5px 0;
                margin: 2px 0 0;
                list-style: none;
                background-color: #fff;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                background-clip: padding-box;
                margin-top: 0px;
                right: auto;
                left: 0; }
                #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li,
                #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li,
                #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li,
                #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li,
                #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li,
                #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li,
                #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li,
                #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li {
                  width: auto;
                  clear: both;
                  width: 100%;
                  margin-right: 20px; }
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a,
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li a {
                    display: block;
                    padding: 3px 20px;
                    clear: both;
                    font-weight: normal;
                    line-height: 20px;
                    color: #333;
                    white-space: nowrap;
                    text-decoration: none;
                    background-color: transparent; }
                #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded,
                #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded,
                #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded,
                #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded,
                #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded,
                #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded,
                #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded,
                #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded {
                  position: submenu;
                  /* arrow on left
                  &>a:before{
                    display: inline-block;
                    float: left;
                    width: 0;
                    height: 0;
                    vertical-align: top;
                    
                    border-right: 8px solid $ecs_color_blue;
                    border-right-color: $ecs_color_blue;
                    border-left-color: $ecs_color_blue;
                    border-top:  8px solid transparent;
                    border-bottom: 8px solid transparent;
                    
                    content: "";
                    margin-right: 10px;
                    // margin-top: 6px;
                    margin-top: 0px;
                  }
                  &>a:after{
                    border: none;
                  }
                  */ }
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after,
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:after {
                    display: inline-block;
                    float: right;
                    width: 0;
                    height: 0;
                    vertical-align: top;
                    border-left: 8px solid #3b5998;
                    border-right: none;
                    border-right-color: #3b5998;
                    border-left-color: #3b5998;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    content: "";
                    margin-left: 10px;
                    margin-top: 0px; }
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before,
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded > a:before {
                    border: none; }
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper,
                  #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper,
                  #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper,
                  #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper,
                  #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper {
                    display: none;
                    padding: 0; }
                    #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu,
                    #ecs-menus #ecs-secondary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu,
                    #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu,
                    #ecs-menus #ecs-secondary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu,
                    #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu,
                    #ecs-menus #ecs-primary-menu-bar .ecs-menu-style-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu,
                    #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-secondary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu,
                    #ecs-menus #ecs-primary-menu-bar #ecs-menu-desktop .region-primary-menu .block .menu-wrapper ul.menu:first-of-type > li.menu-item--expanded .menu-wrapper ul.menu li.menu-item--expanded .menu-wrapper ul.menu {
                      margin-top: -40px;
                      left: 100%; }
  #ecs-menus #ecs-secondary-menu-bar {
    background-color: #2f4b87; }
    #ecs-menus #ecs-secondary-menu-bar .region-secondary-menu {
      margin-top: 0 !important; }
    #ecs-menus #ecs-secondary-menu-bar .block-ecs-block-conference-navigation > .menu-wrapper > .menu:first-of-type > .menu-item:first-of-type > a:first-of-type {
      padding-left: 0 !important; }

table {
  width: 100%;
  table-layout: auto; }
  table thead {
    background-color: #999; }
    table thead th {
      white-space: -o-pre-wrap;
      word-wrap: break-word;
      white-space: pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -pre-wrap;
      padding: 10px 5px 10px 5px;
      color: white; }
  table tbody td {
    padding: 5px; }
  table tbody tr.even {
    background-color: #f6f6f6; }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: white; }
footer #ecs-footer {
  background-color: #2f4b87;
  color: white; }
  footer #ecs-footer .menu a {
    color: white; }
  footer #ecs-footer .block {
    display: inline-block; }
  footer #ecs-footer #block-ecs-stable9-footer ul {
    margin-left: 0; }
  footer #ecs-footer #block-socialmedialinks {
    float: right; }
    footer #ecs-footer #block-socialmedialinks ul.platforms {
      display: inline-block;
      padding: 16px; }
      footer #ecs-footer #block-socialmedialinks ul.platforms a {
        color: white; }
footer #ecs-footer-bottom {
  background-color: #3b5998;
  color: white; }
  footer #ecs-footer-bottom .menu a {
    color: white; }

.block-system-breadcrumb-block nav {
  padding: 10px 0 10px 0; }

#block-ecsfrontpageslider {
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  #block-ecsfrontpageslider #flexslider-1 {
    border: 0; }
    #block-ecsfrontpageslider #flexslider-1 .flex-caption {
      width: 100%;
      white-space: normal !important;
      margin-left: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.6);
      color: #666;
      padding: 10px;
      display: block;
      font-size: 18px;
      line-height: 1.15;
      text-align: center; }
  #block-ecsfrontpageslider .flex-direction-nav a::before {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8); }

.block-masquerade input {
  color: black; }

/****************************/
/********** Panels **********/
/****************************/
.panels {
  margin-top: 30px;
  margin-bottom: 30px; }

.panel {
  margin-bottom: 0px;
  color: white;
  margin-bottom: 0px; }
  .panel:hover {
    color: #3b5998; }
    .panel:hover .panel-icon .icon::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      visibility: hidden; }
  .panel .panel-icon {
    text-align: center;
    margin: 0 auto; }
    .panel .panel-icon .icon {
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s;
      display: inline-block !important;
      font-size: 0px;
      margin: 3px 30px 15px;
      width: 90px !important;
      height: 90px !important;
      border-radius: 50%;
      text-align: center;
      position: relative;
      z-index: 1;
      box-shadow: 0 0 0 2px #3b5998;
      line-height: normal;
      vertical-align: baseline;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      font-weight: normal;
      font-style: normal;
      text-decoration: inherit; }
    .panel .panel-icon .icon::before {
      font-family: 'FontAwesome';
      font-size: 35px;
      line-height: 90px;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      content: '';
      content: "\f128";
      display: inline-block !important;
      -webkit-font-smoothing: antialiased; }
    .panel .panel-icon .icon::after {
      -webkit-transition: -webkit-transform 0.2s, visibility 0.2s;
      -moz-transition: -moz-transform 0.2s, visibility 0.2s;
      transition: transform 0.2s, visibility 0.2s;
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      content: '';
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      top: -2px;
      left: -2px;
      padding: 2px;
      z-index: -1;
      background: #3b5998; }
  .panel .panel-info {
    text-align: center;
    color: #3b5998; }
    .panel .panel-info h3 {
      -webkit-transition: color 0.25s linear;
      -moz-transition: color 0.25s linear;
      -o-transition: color 0.25s linear;
      transition: color 0.25s linear;
      margin: 10px 0px 20px; }

#user-register-form label {
  width: 120px;
  display: inline-block; }
#user-register-form .description {
  color: #888;
  padding-top: 10px; }
#user-register-form .form-item {
  margin-top: 2em;
  margin-bottom: 2em; }

#node-abstract-form .vertical-tabs__panes {
  display: inline-block; }
#node-abstract-form #edit-field-primauth-title-wrapper label,
#node-abstract-form #edit-field-primauth-first-name-wrapper label,
#node-abstract-form #edit-field-primauth-last-name-wrapper label {
  display: inline-block;
  width: 200px; }
@media (min-width: 0px) {
  #node-abstract-form #edit-field-primauth-title-wrapper input,
  #node-abstract-form #edit-field-primauth-first-name-wrapper input,
  #node-abstract-form #edit-field-primauth-last-name-wrapper input {
    width: 100%; } }
@media (min-width: 992px) {
  #node-abstract-form #edit-field-primauth-title-wrapper input,
  #node-abstract-form #edit-field-primauth-first-name-wrapper input,
  #node-abstract-form #edit-field-primauth-last-name-wrapper input {
    width: calc(100% - 220px); } }
#node-abstract-form #edit-field-additional-authors-wrapper table thead .paragraphs-actions {
  display: none; }
#node-abstract-form #edit-field-additional-authors-wrapper table tbody .ajax-new-content {
  display: inline-block; }
  #node-abstract-form #edit-field-additional-authors-wrapper table tbody .ajax-new-content .field--type-string {
    padding-bottom: 20px; }
    #node-abstract-form #edit-field-additional-authors-wrapper table tbody .ajax-new-content .field--type-string label {
      display: inline-block;
      width: 160px; }
    @media (min-width: 0px) {
      #node-abstract-form #edit-field-additional-authors-wrapper table tbody .ajax-new-content .field--type-string input {
        width: 100%; } }
    @media (min-width: 992px) {
      #node-abstract-form #edit-field-additional-authors-wrapper table tbody .ajax-new-content .field--type-string input {
        width: calc(100% - 180px); } }
#node-abstract-form #edit-field-additional-authors-wrapper .tabledrag-toggle-weight-wrapper {
  display: none; }

form.commerce-checkout-flow label {
  display: inline-block; }
form.commerce-checkout-flow #edit-ecs-checkout-pane-student-info .js-form-type-textfield label {
  width: 100%; }
form.commerce-checkout-flow #edit-ecs-checkout-pane-student-info .js-form-type-textfield input {
  display: inline-block;
  width: 98%; }
form.commerce-checkout-flow #edit-coupon-redemption .js-form-type-textfield label {
  width: 100%; }
form.commerce-checkout-flow #edit-coupon-redemption .js-form-type-textfield input {
  display: inline-block;
  width: 97%; }
form.commerce-checkout-flow #edit-payment-information .form-item {
  width: 100%; }
  form.commerce-checkout-flow #edit-payment-information .form-item select,
  form.commerce-checkout-flow #edit-payment-information .form-item input {
    width: 99%; }
form.commerce-checkout-flow #edit-payment-information .form-item-payment-information-billing-information-copy-to-address-book input,
form.commerce-checkout-flow #edit-payment-information #edit-payment-information-payment-method input {
  width: auto; }

article.node--type-conference .field--name-field-slogan {
  color: #2f4b87;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  background-color: #f6f6f6;
     /* If you show the label, these two would be present        
	   .field__label{
	   }
	   .field__item {
	   }
	   */ }
article.node--type-conference .field--name-field-organisations,
article.node--type-conference .field--name-field-main-sponsors,
article.node--type-conference .field--name-field-sponsors {
  clear: both;
  text-align: center;
  margin-top: 20px; }
  article.node--type-conference .field--name-field-organisations:before, article.node--type-conference .field--name-field-organisations:after,
  article.node--type-conference .field--name-field-main-sponsors:before,
  article.node--type-conference .field--name-field-main-sponsors:after,
  article.node--type-conference .field--name-field-sponsors:before,
  article.node--type-conference .field--name-field-sponsors:after {
    content: " ";
    display: table; }
  article.node--type-conference .field--name-field-organisations:after,
  article.node--type-conference .field--name-field-main-sponsors:after,
  article.node--type-conference .field--name-field-sponsors:after {
    clear: both; }
  article.node--type-conference .field--name-field-organisations .field__label,
  article.node--type-conference .field--name-field-main-sponsors .field__label,
  article.node--type-conference .field--name-field-sponsors .field__label {
    font-size: 24px;
    color: #2f4b87; }
  article.node--type-conference .field--name-field-organisations .field__items .field__item,
  article.node--type-conference .field--name-field-main-sponsors .field__items .field__item,
  article.node--type-conference .field--name-field-sponsors .field__items .field__item {
    display: inline-block;
    padding: 10px 10px 10px 0; }
article.node--type-conference #ecs-conference-important-dates {
  text-align: center;
  display: table;
  margin-bottom: 40px; }
  article.node--type-conference #ecs-conference-important-dates #ecs-conference-important-dates-text {
    font-size: 14px; }
article.node--type-conference #ecs-conference-primary-info-links {
  margin-top: 20px;
  text-align: center; }
  article.node--type-conference #ecs-conference-primary-info-links .panel {
    color: #fff; }
    article.node--type-conference #ecs-conference-primary-info-links .panel:hover {
      color: #6a84ba; }
    article.node--type-conference #ecs-conference-primary-info-links .panel .panel-icon .icon {
      box-shadow: 0 0 0 2px #6a84ba; }
    article.node--type-conference #ecs-conference-primary-info-links .panel .panel-icon .icon::after {
      background: #6a84ba; }
    article.node--type-conference #ecs-conference-primary-info-links .panel .panel-icon .icon.icon-question::before {
      content: "\f128"; }
    article.node--type-conference #ecs-conference-primary-info-links .panel .panel-icon .icon.icon-pencil::before {
      content: "\f303"; }
    article.node--type-conference #ecs-conference-primary-info-links .panel .panel-icon .icon.icon-signin::before {
      content: "\f090"; }
    article.node--type-conference #ecs-conference-primary-info-links .panel .panel-info {
      color: #6a84ba; }
article.node--type-conference #ecs-conference-info-boxes {
  text-align: center; }
  article.node--type-conference #ecs-conference-info-boxes .ecs-conference-info-box {
    padding: 20px; }

article.node--type-conference-info-page .juicebox-parent .jb-caption-desc {
  text-shadow: none;
  font-family: Roboto, Helvetica, sans-serif;
  font-size: 16px; }