/*
  @include grid-setup((
    count: 12,
    gutter: 40px,
    column: 70px,
    width: 98%
  ));
*/
.section-collapsible .right .icon:before {
  content: "\e924"; }

.section-collapsible .header {
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
.section-collapsible .field-custom-label {
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 4px; }
  @media (max-width: 600px) {
    .section-collapsible .field-custom-label {
      font-size: 9px;
      line-height: 11px; } }
  .hub-greece .section-collapsible .field-custom-label, .section-collapsible .field-custom-label.hub-greece {
    font-size: 12px;
    line-height: 13px; }
  .hub-greece .section-collapsible .field-custom-label, .section-collapsible .field-custom-label.hub-greece {
    font-family: Arial;
    text-transform: none; }
.section-collapsible h2 {
  color: #ffffff; }
  .hub-greece .section-collapsible h2, .section-collapsible h2.hub-greece {
    font-family: Arial;
    text-transform: none; }
.section-collapsible .left {
  width: calc(100% - 60px);
  padding: 30px 20px;
  box-sizing: border-box; }
  @media (max-width: 600px) {
    .section-collapsible .left {
      padding: 15px; } }
.section-collapsible .right-background {
  -webkit-transition: -webkit-transform 300ms 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: -moz-transform 300ms 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%;
  background-color: #ffffff; }
.section-collapsible .right {
  -webkit-transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%; }
  .section-collapsible .right .icon {
    position: relative;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: -moz-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .section-collapsible .right .icon:before {
      -webkit-transition: color 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -moz-transition: color 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      transition: color 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      font-family: 'icomoon';
      font-size: 40px;
      color: #414042;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 40px;
      width: 40px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .section-collapsible .right .icon:hover:before {
      -webkit-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      color: #9e9978; }
      .hub-progressinmind .section-collapsible .right .icon:hover:before {
        color: #9e9978; }
      .lic .section-collapsible .right .icon:hover:before {
        color: #b51412; }
      .hub-linf .section-collapsible .right .icon:hover:before {
        color: #b51412; }
      .hub-thinc .section-collapsible .right .icon:hover:before {
        color: #D14330; }
      .hub-rethink .section-collapsible .right .icon:hover:before {
        color: #942621; }
      .hub-focus .section-collapsible .right .icon:hover:before {
        color: #6d6e71; }
    .section-collapsible .right .icon:before {
      color: #6d6e71; }
      .hub-progressinmind .section-collapsible .right .icon:before {
        color: #6d6e71; }
      .lic .section-collapsible .right .icon:before {
        color: #6d6e71; }
      .hub-linf .section-collapsible .right .icon:before {
        color: #6d6e71; }
      .hub-thinc .section-collapsible .right .icon:before {
        color: #182b49; }
      .hub-rethink .section-collapsible .right .icon:before {
        color: #202d56; }
      .hub-focus .section-collapsible .right .icon:before {
        color: #9e9978; }
.section-collapsible.expanded .right .icon, .section-collapsible.open .right .icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }
.section-collapsible .field-body {
  padding: 20px 0; }
.section-collapsible:not(.expanded) .field-body {
  display: none; }
.section-collapsible:hover .right-background {
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: -moz-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0); }
.section-collapsible:hover .right {
  -webkit-transition: background-color 300ms 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: background-color 300ms 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background-color 300ms 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-color: #847f5f; }
  .hub-progressinmind .section-collapsible:hover .right {
    background-color: #847f5f; }
  .lic .section-collapsible:hover .right {
    background-color: #870f0d; }
  .hub-linf .section-collapsible:hover .right {
    background-color: #870f0d; }
  .hub-thinc .section-collapsible:hover .right {
    background-color: #a93525; }
  .hub-rethink .section-collapsible:hover .right {
    background-color: #6a1b18; }
  .hub-focus .section-collapsible:hover .right {
    background-color: #545557; }
  .section-collapsible:hover .right .icon:before {
    color: #ffffff; }

/*# sourceMappingURL=collapsible.css.map */