@import url('bootstrap-grid.min.css');
@import url('slick.css');
@import url('slick-theme.css');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,700,900&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700&display=swap');

$orange: #F69740;
$red-orange: #f5863f;
$crimson: #A706A0;
$blue: #0078A8;
$blue-transparent: rgba(0, 120, 168, 0.9);
$deep-blue: #001F4E;
$noise-blue: #384150;
$deep-blue-transparent: rgba(0, 31, 78, 0.8);
$violet-blue: #201A39;
$black: #000000;
$black-transparent: rgba(0, 0, 0, 0.4);
$dark-gray: #333333;
$dark-smoke-gray: #C0BFC8;
$smoke-gray: #f5f5f5;
$light-gray: #F8F8F8;
$light-gray-transparent: rgba(248, 248, 248, 0.95);
$white: #FFFFFF;
$white-transparent: rgba(255, 255, 255, 0.95);
$white-ultra-transparent: rgba(255, 255, 255, 0.1);
$noise-violet: #77728F;

@mixin transition-standard {
  //-webkit-transition: all 0.15s ease-in-out;
  //-moz-transition: all 0.15s ease-in-out;
  //-ms-transition: all 0.15s ease-in-out;
  //-o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

@mixin transition-beizer {
  //-webkit-transition: all 0.15s ease-in-out;
  //-moz-transition: all 0.15s ease-in-out;
  //-ms-transition: all 0.15s ease-in-out;
  //-o-transition: all 0.15s ease-in-out;
  transition: all .3s ease-out;
}

/*** Reset ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

body {
  background: $white;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  width: 100%;
}

/*** Project text color styles ***/

.ejf-c-orange {
  color: $orange;
}
.ejf-c-crimson {
  color: $crimson;
}
.ejf-c-noise-violet {
  color: $noise-violet;
}
.ejf-c-light-blue {
  color: $blue;
}
.ejf-c-white {
  color: $white;
}
.ejf-c-smoke {
  color: $smoke-gray;
}
.ejf-c-dark-smoke {
  color: $dark-smoke-gray;
}
.ejf-c-gray {
  color: $dark-gray;
}
.ejf-c-violet-blue {
  color: $violet-blue;
}
.ejf-c-blue {
  color: $deep-blue;
}

/*** Project background color styles ***/

.ejf-bg-orange {
  background: $orange;
}
.ejf-bg-crimson {
  background: $crimson;
}
.ejf-bg-orange {
  background: $blue;
}
.ejf-bg-white {
  background: $white;
}
.ejf-bg-gray {
  background: $dark-gray;
}
.ejf-bg-violet-blue {
  background: $violet-blue;
}
.ejf-bg-blue {
  background: $deep-blue;
}

/*** Project typographic ***/

/* Headings styles */

h1 {
  font-family: Merriweather;
}

h1, h2, h3, h4, h5 {
  font-weight: 900;
  -webkit-font-smoothing: initial;
}
a {
  color: $blue;
  text-decoration: underline;
  @include transition-standard;
  &:hover {
    color: $blue;
    text-decoration: none;
  }
}

.ejf-item-link,
.ejf-item-heading,
.ejf-latest-news-item-heading,
.ejf-latest-news-item-url {
  text-decoration: none;
}

.slider-navi {
  & a {
    text-decoration: none;
  }
}

.ejf-ol, .ejf-ul {
  padding-top: 20px;
  padding-bottom: 20px;
  >li {
    margin-left: 50px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 200%;
  }
}
.ejf-ul-dash {
  list-style-type: none;
  padding-top: 20px;
  padding-bottom: 20px;
  >li {
    margin-left: 30px;
    font-size: 18px;
    line-height: 130%;
    &:before {
      content: "—";
      margin-right: 10px;
    }
  }
}

@media screen and (max-width: 599px) {
  body {
    font-size: 16px;
  }
  .ejf-ol, .ejf-ul {
    padding-top: 10px;
    padding-bottom: 10px;
    >li {
      margin-left: 30px;
      font-size: 16px;
      line-height: 130%;
    }
  }
  .ejf-ul-dash {
    padding-top: 10px;
    padding-bottom: 10px;
    >li {
      margin-left: 20px;
      font-size: 16px;
      line-height: 130%;
      &:before {
        content: "—";
        margin-right: 10px;
      }
    }
  }
}

.ejf-bold {
  font-weight: 700;
}
.ejf-extra-bold {
  font-weight: 900;
}

/*** Project buttons ***/

@mixin btn {
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 13px;
  text-align: center;
}

@mixin btn-white {
  background-color: $white;
  border: 1px solid $white;
  color: $blue;
  &:hover {
    background-color: transparent;
    color: $white !important;
  }
}

@mixin btn-white-transparent {
  background-color: transparent;
  border: 1px solid $white;
  color: $white;
  &:hover {
    background-color: $white;
    color: $deep-blue-transparent !important;
  }
}

@mixin btn-gray {
  background-color: $light-gray;
  border: 1px solid $smoke-gray;
  color: $blue;
  &:hover {
    background-color: $smoke-gray;
    //color: $white !important;
  }
}

@mixin btn-black {
  background-color: $violet-blue;
  border: 1px solid $violet-blue;
  color: $white;
  &:hover {
    background-color: transparent;
    color: $violet-blue !important;
  }
}

@mixin btn-black-transparent {
  background-color: transparent;
  border: 1px solid $violet-blue;
  color: $violet-blue;
  &:hover {
    background-color: $violet-blue;
    color: $white !important;
  }
}

.ejf-btn {
  @include btn;
}
.ejf-btn-black {
  @include btn;
  @include btn-black;
}
.ejf-btn-black-t {
  @include btn;
  @include btn-black-transparent;
}
.ejf-btn-gray {
  @include btn;
  @include btn-gray;
}
.ejf-btn-white {
  @include btn;
  @include btn-white;
}
.ejf-btn-white-t {
  @include btn;
  @include btn-white-transparent;
}
.ejf-btn-subscribe {
  position: relative;
  top: -2px;
  color: $dark-smoke-gray;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 20px;
  font-weight: normal;
  font-size: 10px;
  &::before {
    position: relative;
    top: 3px;
    content: '';
    display: inline-block;
    background: url(../images/mail.svg) no-repeat;
    margin-right: 8px;
    height: 14px;
    width: 14px;
  }
}
.ejf-btn-orange-big {
  color: $white;
  background: $orange;
  border-radius: 2px;
  padding: 22px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  /* identical to box height */
  text-align: center;
  text-decoration: none;
  &:hover {
    color: $white;
    background: $red-orange;
  }
}
.ejf-btn-orange-big-transparent {
  color: $orange;
  background: transparent;
  border: 2px solid $orange;
  border-radius: 2px;
  padding: 22px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  /* identical to box height */
  text-align: center;
  text-decoration: none;
  &:hover {
    color: $white;
    background: $red-orange;
    border: 2px solid $red-orange;
  }
}
.ejf-btn-send {
  position: relative;
  top: 0;
  display: inline-block;
  color: $white;
  background: $orange;
  border: 1px solid $orange;
  border-radius: 0px 2px 2px 0px;
  padding: 20px 32px;
  /* identical to box height */
  box-sizing: border-box;
  text-decoration: none;
  min-height: 65px;
  &::after {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/arrow-send.svg) no-repeat center center;
    content: '';
    height: 100%;
    width: 100%;
  }
  &:hover {
    color: $white;
    background: $red-orange;
    border: 1px solid $red-orange;
  }
}
.ejf-btn-load-more {
  position: relative;
  top: 0;
  display: inline-block;
  color: $blue;
  background: $smoke-gray;
  border-radius: 2px;
  padding: 30px 35px 35px 35px;
  margin-top: 25px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  min-height: 70px;
  min-width: 100%;
  &::before {
    position: relative;
    top: 5px;
    left: 0;
    content: '';
    display: inline-block;
    margin-right: 15px;
    background: url(../images/load-more.svg) no-repeat;
    height: 24px;
    width: 24px;
  }
  &:hover {
    color: $blue;
    background: #edebf7;
  }
}

.ejf-img-title {
  color: $dark-smoke-gray;
  font-family: Merriweather;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  margin-top: 10px;
}

.ejf-input {
  position: relative;
  top: -27px;
  display: inline-block;
  border: 1px solid $white;
  border-right: none;
  border-radius: 2px 0 0 2px;
  color: $white;
  padding: 21px 35px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  background: transparent;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  width: calc(100% - 67px);
}
.ejf-input::placeholder {
  color: $dark-smoke-gray;
  opacity: 1;
  @include transition-standard;
}
.ejf-input::-webkit-input-placeholder {
  color: $dark-smoke-gray;
  opacity: 1;
  @include transition-standard;
}
.ejf-input::-moz-placeholder {
  color: $dark-smoke-gray;
  opacity: 1;
  @include transition-standard;
}
.ejf-input:-moz-placeholder {
  color: $dark-smoke-gray;
  opacity: 1;
  @include transition-standard;
}
.ejf-input:-ms-input-placeholder {
  color: $dark-smoke-gray;
  opacity: 1;
  @include transition-standard;
}
.ejf-input:focus::placeholder {
  color: $dark-smoke-gray;
  opacity: 0;
}
.ejf-input:focus::-webkit-input-placeholder {
  color: $dark-smoke-gray;
  opacity: 0;
}
.ejf-input:focus::-moz-placeholder {
  color: $dark-smoke-gray;
  opacity: 0;
}
.ejf-input:focus:-moz-placeholder {
  color: $dark-smoke-gray;
  opacity: 0;
}
.ejf-input:focus:-ms-input-placeholder {
  color: $dark-smoke-gray;
  opacity: 0;
}

.ejf-projects-name {
  color: $violet-blue;
  font-family: Merriweather;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  text-decoration: none;
  line-height: 140%;
}

/*** Header styles ***/

.ejf-header {
  & .ejf-logo,
  & .ejf-navbar,
  & .ejf-navi,
  & .ejf-mobile-menu-btn,
  & .ejf-lang {
    height: 120px;
  }
  & .ejf-logo {
    float: left;
    & a {
      display: flex;
      align-items: center;
      -webkit-font-smoothing: subpixel-antialiased;
      color: $white;
      font-weight: 900;
      text-decoration: none;
      text-transform: uppercase;
      height: 100%;
      & img {
        display: inline;
        max-height: 54px;
      }
      & span {
        display: inline;
        font-size: 14px;
        margin: 15px 10px;
        max-width: 140px;
      }
      &:hover {
        text-decoration: none;
      }
    }
  }
  & .ejf-navbar {
    list-style: none;
    border-bottom: 1px solid $white-ultra-transparent;
    & .ejf-navi {
      position: relative;
      flex-flow: row nowrap;
      list-style: none;
      left: 100px;
      >li {
        display: inline-flex;
        height: 100%;
        & .ejf-menu-btn {
          position: relative;
          display: inline-flex;
          align-items: center;
          border-bottom: 2px solid transparent;
          color: $white;
          font-size: 14px;
          font-weight: normal;
          padding-left: 25px;
          padding-right: 25px;
          text-decoration: none;
          height: 100%;
          @include transition-standard;
          &:hover {
            border-bottom: 2px solid $light-gray-transparent;
            color: $white;
          }
        }
        &.opened {
          & .ejf-menu-btn {
            border-bottom: 2px solid $light-gray-transparent;
            color: $white;
          }
        }
      }
      & li {
        > ul {
          transform: scale(1.0, 0.0);
          z-index: 5;
        }
        .ejf-dropdown-menu {
          position: absolute;
          top: 0;
          background: $white-transparent;
          list-style: none;
          padding-left: 0;
          margin-left: 0;
          opacity: 0;
          min-width: 400px;
          z-index: 999;
          li {
            float: none;
            position: relative;
            line-height: normal !important;
            a {
              display: block;
              color: $deep-blue;
              font-size: 14px;
              font-style: normal;
              font-weight: normal;
              text-decoration: none;
              padding: 15px 25px;
              &:hover {
                background-color: $light-gray-transparent;
              }
            }
            &:first-child {
              //& a {
              //  padding-top: 30px !important;
              //}
              //.ejf-dropdown {
              //  &::after {
              //    top: 35px;
              //  }
              //}
            }
            &:last-child {
              //& a {
              //  padding-bottom: 30px;
              //}
            }
            .ejf-dropdown {
              position: relative;
              padding-right: 65px;
              background: $white-transparent;
              &::after {
                position: absolute;
                top: 21px;
                right: 0;
                content: '►';
                font-size: 9px;
                margin-right: 40px;
                width: auto;
                height: 100%;
              }
            }
            ul {
              position: absolute;
              left: 100%;
              top: -15px;
              width: auto;
            }
          }
        }
        &:hover {
          >ul {
            top: 100%;
            transform: scale(1.0,1.0);
            opacity: 1;
            @include transition-standard;
            z-index: 5;
            ul {
              top: 0;
            }
          }
        }
      }
    }

    /* Language button */

    & .ejf-lang-btn {
      float: right;
      display: flex;
      flex-flow: row nowrap;
      list-style: none;
      >li {
        display: inline-flex;
        height: 100%;
      }
      & a {
        position: relative;
        display: inline-flex;
        align-items: center;
        color: $white-transparent;
        font-size: 14px;
        font-weight: 400;
        padding-left: 10px;
        padding-right: 0;
        text-decoration: none;
        text-transform: uppercase;
        height: 100%;
        @include transition-standard;
        &:hover {
          color: $blue;
        }
        &::after {
          position: relative;
          top: -1px;
          content: '';
          display: inline-block;
          background: url(../images/chevron-dn-white.svg) no-repeat;
          font-size: 24px;
          margin-left: 10px;
          transition: inherit;
          height: 5px;
          width: 10px;
        }
        &:hover {
          color: $white;
        }
        &.active {
          color: $white;
          &::after {
            transform: rotateX(180deg);
          }
        }
      }
      & span {
        display: inline-flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        margin-top: -3px;
      }
      &:first-child {
        & a {
          margin-left: 30px;
        }
      }
    }

    /* Language dropdown menu */

    & .ejf-lang-menu {
      position: absolute;
      top: -80px;
      right: 0;
      background-color: $white;
      border-radius: 2px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
      padding: 1px 15px;
      margin: 100px auto auto auto;
      min-height: 30px;
      min-width: 30px;
      transform: scale(0.0, 0.0);
      z-index: 9999;
      @include transition-standard;
      &.opened {
        top: -12px;
        transform: scale(1.0, 1.0);
      }
      & .ejf-dd-arrow {
        position: absolute;
        top: -1px;
        right: calc(50% - 10px);
        background: transparent;
        border: 1px solid #fff;
        &:after, &:before {
          bottom: 100%;
          right: 0;
          border: solid transparent;
          content: '';
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
        }
        &:after {
          border-color: rgba(136, 183, 213, 0);
          border-bottom-color: transparent;
          border-width: 7px;
          margin-right: 0;
        }
        &:before {
          border-color: rgba(194, 225, 245, 0);
          border-bottom-color: #fff;
          border-width: 9px;
          margin-right: 0;
        }
      }
      > a {
        position: relative;
        display: block;
        line-height: 30px;
        border-bottom: 1px solid $smoke-gray;
        color: $black;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        @include transition-standard;
        &:hover {
          color: $blue;
        }
        &:last-child {
          border-bottom: none;
        }
      }
    }
    & .ejf-mobile-menu-btn {
      float: right;
      flex-flow: row nowrap;
      list-style: none;
      overflow: hidden;
      >a {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: row;
        color: $white;
        font-size: 17px;
        font-weight: 400;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 30px;
        text-decoration: none;
        height: 100%;
        width: 60px;
        & span:not(.to-close) {
          position: absolute;
          right: 0;
          color: $white;
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 18px;
          text-align: right;
          width: 100%;
          height: 100%;
          @include transition-standard;
          &.open {
            opacity: 1;
          }
          &.close {
            opacity: 0;
          }
        }
      }
      &.to-close {
        > a {
          & span {
            @include transition-standard;
            &.open {
              opacity: 0;
            }
            &.close {
              opacity: 1;
            }
          }
        }
      }
    }
  }
}

/*** Event page styles ***/

.ejf-event-page {
  &-header {
    position: relative;
    padding-bottom: 65px;
    >figure {
      position: relative;
      top: 0;
      left: 0;
      background-blend-mode: multiply;
      width: 100%;
      height: 689px;
      z-index: -1;
      outline: none !important;
      &::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        background: -moz-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 0deg, color-stop(0, transparent), color-stop(100%, $blue-transparent)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* IE10+ */
        background: linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* W3C */
        width: 100%;
        height: 100%;
        z-index: 1;
      }
    }
    > .slick-text-container {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      color: $white;
    }
  }
  & .ejf-latest-news {
    border: 1px solid $smoke-gray;
    border-radius: 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
    & .ejf-latest-news-item-outer:not(:first-child) {
      margin-top: 18px;
    }
    & .ejf-latest-news-item-outer {
      & .ejf-latest-news-item-date {
        margin-top: 2px;
        margin-bottom: 12px;
      }
    }
  }
  & .ejf-aside-navi-first {
    background: $smoke-gray;
    border-radius: 2px 2px 0 0;
    padding: 35px 25px 15px 25px;
    & .ejf-input {
      border-color: #E6E6E6;
      background: $white;
      color: $dark-smoke-gray;
    }
  }
  & .ejf-aside-navi-second {
    background: $smoke-gray;
    border-top: 1px solid #E6E6E6;
    border-radius: 0 0 2px 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
  }
}

/*** Initiative page styles ***/

.ejf-initiative-page {
  &-header {
    position: relative;
    padding-bottom: 65px;
    >figure {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 689px;
      z-index: -1;
      outline: none !important;
    }
    > .slick-text-container {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      color: $white;
    }
  }
  & .ejf-latest-news {
    border: 1px solid $smoke-gray;
    border-radius: 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
    & .ejf-latest-news-item-outer:not(:first-child) {
      margin-top: 18px;
    }
    & .ejf-latest-news-item-outer {
      & .ejf-latest-news-item-date {
        margin-top: 2px;
        margin-bottom: 12px;
      }
    }
  }
  & .ejf-aside-navi-first {
    background: $smoke-gray;
    border-radius: 2px 2px 0 0;
    padding: 35px 25px 15px 25px;
    & .ejf-input {
      border-color: #E6E6E6;
      background: $white;
      color: $dark-smoke-gray;
    }
  }
  & .ejf-aside-navi-second {
    background: $smoke-gray;
    border-top: 1px solid #E6E6E6;
    border-radius: 0 0 2px 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
  }
  & .ejf-coordinator-name {
    margin-bottom: 5px !important;
  }
  & .ejf-coordinator-name,
  & .ejf-coordinator-position {
    margin-left: -150px;
  }
}

/*** Initiatives category styles ***/

.ejf-initiatives-cat {
  &-header {
    position: relative;
    padding-bottom: 65px;
    >figure {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 348px;
      z-index: -1;
      outline: none !important;
    }
    > .slick-text-container {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      color: $white;
    }
  }
  & .ejf-latest-news {
    border: 1px solid $smoke-gray;
    border-radius: 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
    & .ejf-latest-news-item-outer:not(:first-child) {
      margin-top: 18px;
    }
    & .ejf-latest-news-item-outer {
      & .ejf-latest-news-item-date {
        margin-top: 2px;
        margin-bottom: 12px;
      }
    }
  }
  & .ejf-aside-navi-first {
    background: $smoke-gray;
    border-radius: 2px 2px 0 0;
    padding: 35px 25px 15px 25px;
    & .ejf-input {
      border-color: #E6E6E6;
      background: $white;
      color: $dark-smoke-gray;
    }
  }
  & .ejf-aside-navi-second {
    background: $smoke-gray;
    border-top: 1px solid #E6E6E6;
    border-radius: 0 0 2px 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
  }
  & .ejf-coordinator-name {
    margin-bottom: 5px !important;
  }
  & .ejf-coordinator-name,
  & .ejf-coordinator-position {
    margin-left: -150px;
  }
  & .ejf-initiatives {
    & .ejf-item-p {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      &:nth-child(1),
      &:nth-child(2),
      &:nth-child(3) {
        margin-top: -20px !important;
      }
    }
  }
}

/*** News page styles ***/

.ejf-news-page {
  &-header {
    position: relative;
    padding-bottom: 65px;
    >figure {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 120px;
      z-index: -1;
      outline: none !important;
    }
    > .slick-text-container {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      color: $white;
    }
  }
  & .ejf-latest-news {
    border: 1px solid $smoke-gray;
    border-radius: 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
    & .ejf-latest-news-item-outer:not(:first-child) {
      margin-top: 18px;
    }
    & .ejf-latest-news-item-outer {
      & .ejf-latest-news-item-date {
        margin-top: 2px;
        margin-bottom: 12px;
      }
    }
  }
  & .ejf-aside-navi-first {
    background: $smoke-gray;
    border-radius: 2px 2px 0 0;
    padding: 35px 25px 15px 25px;
    & .ejf-input {
      border-color: #E6E6E6;
      background: $white;
      color: $dark-smoke-gray;
    }
  }
  & .ejf-aside-navi-second {
    background: $smoke-gray;
    border-top: 1px solid #E6E6E6;
    border-radius: 0 0 2px 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
  }
  & .ejf-aside-navi {
    background: $smoke-gray;
    border: 2px solid $orange;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 35px 25px;
    margin-bottom: 30px;
    &-cat {
      color: $dark-smoke-gray;
      font-style: normal;
      font-weight: 300;
      font-size: 10px;
      line-height: 100%;
      margin-bottom: 10px;
    }
    &-heading {
      font-family: Merriweather;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 150%;
    }
  }
  &-heading {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 130%;
  }
}

.ejf-small-header {
  z-index: 0;
  position: relative;
  top: -120px;
  margin-bottom: -60px;
  background-color: #3177a4;
  & .ejf-small-header-figure {
    position: relative;
    top: 0;
    left: 0;
    background-blend-mode: multiply;
    width: 100%;
    height: 450px;
    z-index: 1;
    outline: none !important;
    background-image: url(../images/header-deco-bg.png);
    background-position: center 155px;
    background-repeat: no-repeat;
  }
  & .ejf-small-header--text-container {
    position: absolute;
    top: 155px;
    text-align: center;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    & form {
      position: relative;
      margin: 0 auto;
      width: 630px;
      & .styledInput {
        display: inline-block;
        width: 100%;
        height: 45px;
        border-radius: 100px;
        border: 0 solid;
        padding-left: 20px;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 21px;
        color: #C0BFC8;
        background-color: rgba(0, 0, 0, 0.15);
        margin-top: 35px;
        outline: none;
        &::placeholder{
          color: $dark-smoke-gray;
          @include transition-standard;
        }
        &:focus {
          &::placeholder {
            color: transparent;
          }
        }
      }
      & .ejf-btn-input {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background-color: transparent;
        background-image: url(../images/search.svg);
        background-repeat: no-repeat;
        background-position: 595px center;
        margin-top: 35px;
        padding: 12px 18px;
        outline: none;
        opacity: 0.5;
        @include transition-standard;
        &:hover {
          opacity: 1;
        }
      }
    }
    & .ejf-btn-subscribe {
      &:hover {
        color: inherit !important;
      }
    }
  }
}

.ejf-news-cat {
  & .ejf-item-p {
    margin-top: 0 !important;
    margin-bottom: 20px;
  }
  & .ejf-news-item {
    background: $smoke-gray;
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
    height: 230px;
    & .ejf-item-image {
      display: inline-block;
      float: left;
      padding: 10px;
      width: 305px;
      height: 230px;
      & span {
        background-color: $black-transparent;
        border-radius: 2px;
        color: $white;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 100%;
        padding: 5px 18px;
      }
    }
    & .ejf-item-text {
      display: inline-block;
      float: left;
      padding: 30px;
      box-sizing: border-box;
      max-width: calc(100% - 305px);
      & .date, & .url {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
      }
      & .date {
        margin-bottom: 10px;
      }
      & .url {
        display: table;
        margin-bottom: 15px;
        text-decoration: none;
      }
      & .ejf-item-heading {
        display: block;
        color: $violet-blue;
        font-family: Merriweather;
        font-style: normal;
        font-weight: 300;
        font-size: 26px;
        line-height: 36px;
        text-decoration: none;
        padding-bottom: 20px;
        &:hover {
          text-decoration: underline;
        }
      }
      & .more {
        color: $dark-smoke-gray;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        text-decoration: underline;
        &:hover {
          color: $blue;
        }
      }
    }
  }
}

/*** Slider section styles ***/

.ejf-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  & .slick-dots {
    position: relative;
    top: -70px;
    width: auto;
    z-index: 99999999;
    > li {
      min-width: 25px;
      margin-left: 3px;
      margin-right: 3px;
      @include transition-beizer;
      transition-duration: .5s;
      &:first-child {
        & button {
          margin-left: 0;
          &::before {
          }
        }
        &.slick-active {
          & button {
            //margin-right: -2.5px;
            &::before {
            }
          }
        }
      }
      &:last-child {
        &.slick-active {
          & button {
            margin-left: 0;
          }
        }
      }
      &.slick-active {
        width: 40px;
        @include transition-beizer;
        transition-duration: .5s;
        & button {
          margin-left: 0;
          &::before {
            position: absolute;
            width: 40px;
            border-bottom: 2px solid $white !important;
            opacity: 1;
          }
        }
      }
      & button {
        position: relative;
        padding: 0!important;
        //margin-left: -5px;
        @include transition-beizer;
        transition-duration: .5s;
        &::before {
          position: absolute;
          bottom: 0;
          content: '';
          display: block;
          border-bottom: 2px solid $dark-smoke-gray !important;
          @include transition-beizer;
          transition-duration: .5s;
          opacity: .75;
          min-width: 25px;
        }
      }
      &:not(.slick-active) {
        & button {
          &::before {
            left: 0;
          }
        }
      }
    }
  }
  & .slick-track {
    position: relative;
    height: 100%;
  }
  & .slick-slide {
    position: relative;
    >figure {
      position: relative;
      top: 0;
      left: 0;
      background-blend-mode: multiply;
      width: 100%;
      height: 689px;
      z-index: 1;
      outline: none !important;
      &::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        background: -moz-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 0deg, color-stop(0, transparent), color-stop(100%, $blue-transparent)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* IE10+ */
        background: linear-gradient(180deg, $blue 0%, $blue-transparent 0.01%, rgba(0, 0, 0, 0.45) 100%); /* W3C */
        width: 100%;
        height: 100%;
        z-index: 1;
      }
    }
    > .slick-text-container {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      color: $white;
    }
  }
}
.slider-navi {
  position: relative;
  top: -90px;
  margin-bottom: -70px;
  & .slide-h-prev,
  & .slide-h-next {
    font-size: 12px;
    opacity: .7;
    &:hover {
      color: $white;
      opacity: 1;
    }
  }
  & .slide-h-prev,
  & .slide-h-next {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
  }
  & .slide-h-prev {
    margin-left: -20px;
    &::before {
      position: relative;
      top: 3px;
      content: '';
      display: inline-block;
      margin-right: 10px;
      background: url(../images/arrow-left-white.svg) no-repeat;
      height: 16px;
      width: 16px;
    }
  }
  & .slide-h-next {
    margin-right: -20px;
    &::after {
      position: relative;
      top: 3px;
      content: '';
      display: inline-block;
      margin-left: 10px;
      background: url(../images/arrow-left-white.svg) no-repeat;
      transform: rotateY(180deg);
      height: 16px;
      width: 16px;
    }
  }
}

.ejf-partners-menu {
  &-inner {
    display: flex;
    justify-content: center;
    text-align: center;
    & a {
      border-bottom: 1px solid transparent;
      color: $black;
      padding: 10px 0;
      margin: 0 25px;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      text-decoration: none;
      line-height: 18px;
      &:hover, &.current {
        border-bottom: 1px solid $black;
      }
    }
  }
}

.ejf-partners-details {
  & .item-logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 100%;
    max-width: 186px;
  }
  & .ejf-item-text {
    position: relative;
    border: 2px solid $smoke-gray;
    border-radius: 2px;
    background: $white;
    box-sizing: border-box;
    padding: 35px 50px;
  }
}

@media screen and (min-width: 1200px) {
  .ejf-partners-details {
    & .ejf-item-text {
      &::before {
        position: absolute;
        left: -26px;
        top: calc(50% - 25px);
        border-bottom: 3px solid $smoke-gray;
        border-left: 3px solid $smoke-gray;
        background: $white;
        content: '';
        height: 50px;
        width: 50px;
        pointer-events: none;
        transform: rotate(45deg) skew(25deg, 25deg);
        z-index: 2;
      }
    }
  }
}

@media screen and (max-width: 1199px) {
  .ejf-partners-menu {
    &-inner {
      display: block;
      & a {
        display: inline-block;
        box-sizing: border-box;
        margin: 0 8px;
      }
    }
  }
}

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

.ejf-td-none {
  text-decoration: none !important;
}

.hr-blue {
  border: 0;
  border-bottom: 1px solid $blue;
  margin: 20px 0;
}

/*** Globals section styles ***/


.ejf-l-h-h {
  line-height: 35px;
}
.ejf-gutter {
  padding: 0 30px 0 0;
}
.ejf-row-no-gutter {
  margin: 0;
}
.ejf-public-date {
  margin: 0;
}
.ejf-public-location {
  margin: 8px 0 15px 0;
}
.ejf-public-url {
  font-size: 14px;
}

section {
  &.ejf-section-space {
    padding: 60px 0;
    & h3 {
      margin-bottom: 30px;
    }
  }
  & .ejf-item-p {
    margin-top: 40px;
    &:nth-child(1),
    &:nth-child(2),
    &:nth-child(3) {
      margin-top: 0;
    }
  }
  & .ejf-section-heading {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 50px;
  }
}

footer {
  background: url(../images/footer-deco-bg.png)  bottom center / auto no-repeat, $noise-blue;
  color: $white;
  margin-top: 100px;
  &.ejf-section-space {
    padding: 55px 0 35px 0;
  }
  & h3 {
    margin-bottom: 30px;
  }
  & p, & a {
    color: #848F9A;
    font-weight: 500;
    font-size: 14px;
    line-height: 170%;
  }
  & .ejf-footer-link {
    display: table;
    text-decoration: underline;
    margin-bottom: 15px;
    &:hover {
      color: #848F9A;
      text-decoration: none;
    }
  }
  & .ejf-hr {
    border-bottom: 1px solid #54606C;
    margin: 45px 0 25px 0;
  }
  & .ejf-copy-rules {
    color: #848F9A;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    margin: 0 auto;
    line-height: 170%;
  }
}

/*** Events section styles ***/

.ejf-events {
  & .ejf-events-item {
    margin-bottom: 30px;
    &::before {
      position: relative;
      top: 0;
      content: '';
      border-top: 4px solid $deep-blue;
      display: block;
      padding-bottom: 30px;
      width: 64px;
      height: auto;
    }
    &:nth-child(1),
    &:nth-child(2),
    &:nth-child(3) {
      &::before {
        display: none;
      }
    }
  }
  & .ejf-item-image {
    padding: 10px;
    width: 100%;
    height: 235px;
    & span {
      background-color: $black-transparent;
      border-radius: 2px;
      color: $white;
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      line-height: 100%;
      padding: 5px 18px;
    }
  }
  & .ejf-events-item-outer {
    padding: 20px;
  }
  & .ejf-text-outer {
    max-height: 96px;
    overflow: hidden;
    & .ejf-item-link {
      font-family: 'Merriweather', serif;
      font-style: normal;
      font-weight: normal;
      font-size: 17px;
      line-height: 140%;
    }
  }
}

/*** Initiatives section styles ***/

.ejf-initiatives {
  position: relative;
  & .ejf-init-txt-outer {
    border: 1px solid $smoke-gray;
    margin: 20px 0;
  }
  & .ejf-item-wrapper {
    border-bottom: 1px solid $smoke-gray;
    padding: 25px 35px;
    min-height: 140px;
    max-height: 140px;
    overflow: hidden;
  }
  & .ejf-text-outer {
    color: $noise-violet;
    padding: 15px 35px 40px 35px;
    & .ejf-description-outer {
      min-height: 57px;
      max-height: 57px;
      overflow: hidden;
      & .ejf-text-s {
        line-height: 170%;
      }
    }
  }
  & .ejf-item-heading {
    color: $deep-blue;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 140%;
    &:hover {
      color: $blue;
    }
  }
  & .ejf-item-image {
    width: 100%;
    height: 235px;
  }
}

/*** Sponsors section styles ***/

.ejf-sponsors {
  //background-color: $light-gray;
  & .ejf-sponsors-slider {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: $light-gray;
    max-width: calc(100% - 176px);
    min-height: 283px;
    box-sizing: border-box;
    float: left;
  }
  & .slide-prev,
  & .slide-next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: url(../images/arrow-left-gray.svg) no-repeat center center, $light-gray;
    width: 88px;
    min-height: 283px;
    float: left;
    &:hover {
      background-color: #F2F3F3;
    }
  }
  & .slide-prev {
  }
  & .slide-next {
    transform: rotateY(180deg);
  }
  & .slick-slide {
    mix-blend-mode: hard-light;
    background-blend-mode: hard-light;
  }
}

@media (min-width: 320px) {
  .ejf-slider-heading {
    font-weight: 900;
    font-size: 24px;
    line-height: 130%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .ejf-slider-text {
    font-size: 24px;
    line-height: 130%;
  }
}

@media (min-width: 320px) and (max-width: 599px) {
  .ejf-events {
    margin-top: 30px;
    .ejf-section-heading {
      position: relative;
      top: 0;
      padding-bottom: 30px !important;
      z-index: 2;
    }
  }
  .ejf-not-visible-sm {
    display: none;
  }
  .ejf-visible-sm {
    display: block;
  }
  .ejf-latest-news {
    margin-top: 20px;
    & .ejf-btn {
      display: inline;
      float: right;
      @include btn-gray;
      &.transparent {
        display: none !important;
      }
    }
    &-heading {
      color: $violet-blue;

      font-weight: 900;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: -.04em;
    }
    &-item-outer {
      margin-top: 25px;
      & .ejf-btn {
        @include btn-black-transparent;
        display: block;
        width: 100%;
      }
    }
    &-text-outer {
      display: inline-block;
      padding-left: 20px;
      width: calc(100% - 70px);
      float: left;
    }
    &-item-image {
      display: inline-block;
      float: left;
      height: 70px;
      width: 70px;
    }
    &-item-heading {
      color: $violet-blue;
      display: block;
      font-family: 'Merriweather', serif;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 8px;
    }
    &-item-date,
    &-item-url {
      color: $dark-smoke-gray;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px;
    }
  }
}

/*** Page banner style ***/

.ejf-banner {
  position: relative;
  padding: 120px 0;
  width: 100%;
  height: auto;
  &-overlay-blue {
    &::before {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      background-color: rgba(0, 31, 78, 0.7);
      width: 100%;
      height: 100%;
    }
  }
  &-overlay-black {
    &::before {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      background-color: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
    }
  }
  & h1 {
    color: $white;
    font-weight: 900;
    font-size: 72px;
    line-height: 90px;
  }
}

.ejf-img-fluid {
  min-width: 100%;
  max-width: 100%;
}

.ejf-header-info-block {
  margin-top: 170px;
  padding: 15px 30px;
  color: $white;
  & .ejf-text-info-h {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    opacity: .7;
  }
  & .ejf-text-info {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  & a {
    color: $white;
    text-decoration: none;
  }
}

.ejf-people {
  &-item {
    margin-bottom: 15px;
  }
  &-img {
    display: inline;
    width: 86px;
    //height: 100%;
    padding: 0;
    & img {
      vertical-align: top;
    }
  }
  &-text {
    display: inline-block;
    text-align: left;
    margin-top: -3px;
    padding: 0 20px;
    width: calc(100% - 134px);
    & .ejf-text-m {
      margin-bottom: 8px;
    }
  }
}

.ejf-urls-list {
  & a {
    position: relative;
    display: block;
    color: $violet-blue;
    font-family: Merriweather;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 140%;
    &::before {
      position: relative;
      bottom: -5px;
      content: '';
      display: inline-block;
      background: url(../images/link.svg) no-repeat;
      margin-right: 15px;
      height: 24px;
      width: 24px;
    }
  }
}

.ejf-files-list {
  & .item {
    & a {
      position: relative;
      display: inline-block;
      color: $violet-blue;
      font-family: Merriweather;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      margin-bottom: 10px;
      margin-right: 5px;
      line-height: 140%;
      &::before {
        position: relative;
        bottom: -5px;
        content: '';
        display: inline-block;
        background: url(../images/doc.svg) no-repeat;
        margin-right: 15px;
        height: 24px;
        width: 24px;
      }
    }
    & span {
      display: inline-block;
      color: $dark-smoke-gray;
      font-family: Merriweather;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
    }
  }
}

.ejf-file-types-list {
  & .item {
    & a {
      position: relative;
      display: inline-block;
      color: $violet-blue;
      font-family: Merriweather;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      margin-bottom: 0;
      margin-right: 5px;
      line-height: 140%;
    }
    &.doc-type {
      & a {
        &::before {
          position: relative;
          bottom: -15px;
          content: '';
          display: inline-block;
          margin-right: 10px;
          height: 46px;
          width: 46px;
        }
      }
    }
    &.pdf {
      & a {
        &::before {
          background: url(../images/doc-pdf.svg) no-repeat;
        }
      }
    }
    &.xls {
      & a {
        &::before {
          background: url(../images/doc-xls.svg) no-repeat;
        }
      }
    }
    &.ppt {
      & a {
        &::before {
          background: url(../images/doc-ppt.svg) no-repeat;
        }
      }
    }
    &.docx {
      & a {
        &::before {
          background: url(../images/doc-docx.svg) no-repeat;
        }
      }
    }
    & span {
      display: inline-block;
      color: $dark-smoke-gray;
      font-family: Merriweather;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
    }
  }
}

.ejf-url-types-list {
  & .item {
    & a {
      position: relative;
      display: inline-block;
      color: $violet-blue;
      font-family: Merriweather;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      margin-bottom: 10px;
      margin-right: 5px;
      line-height: 140%;
    }
    &.url-type {
      & a {
        &::before {
          position: relative;
          bottom: -7px;
          content: '';
          display: inline-block;
          margin-right: 15px;
          height: 24px;
          width: 24px;
        }
      }
    }
    &.cellphone {
      & a {
        &::before {
          background: url(../images/call.svg) no-repeat;
        }
      }
    }
    &.email {
      & a {
        &::before {
          background: url(../images/email.svg) no-repeat;
        }
      }
    }
    & span {
      display: inline-block;
      color: $dark-smoke-gray;
      font-family: Merriweather;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
    }
  }
}

/*** Single/Default page style ***/

.ejf-single-page {
  & p, & h5 {
    margin-bottom: 20px;
  }
  & .ejf-section-space {
    padding-top: 120px;
    padding-bottom: 120px;
    &.ejf-events,
    &.ejf-gallery {
      position: relative;
      top: -30px;
      padding-top: 0 !important;
      padding-bottom: 70px !important;
    }
  }
  &.ejf-events-title {
    & .ejf-section-space {
      padding-top: 30px;
      padding-bottom: 30px;
      &.ejf-events {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      & .ejf-section-heading {
        margin-bottom: 50px;
      }
    }
  }
  & aside {
    & img {
      margin-bottom: 30px;
    }
  }
  & .ejf-content {
    a {
      color: #0066ff;
      font-weight: 700;
      &:hover {
        color: $blue;
      }
    }
  }
}

@media (min-width: 320px) and (max-width: 1199px) {
  .ejf-events {
    & .ejf-section-heading {
      color: $violet-blue;
    }
  }
}

@media (min-width: 600px) and (max-width: 1023px) {
  footer {
    & .ejf-logo {
      & a {
        & span {
          padding-left: 20px;
          min-width: 140px !important;
          max-width: 140px !important;
        }
      }
    }
  }
  .ejf-social-items {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .ejf-slick-arrows {
    &.ejf-initiatives {
      &::before {
        position: absolute;
        top: -530px;
        right: -300px;
        content: '';
        background: url(../images/deco-linear-circle.png) no-repeat center center / 71%;
        height: 100%;
        width: 100%;
        z-index: -1;
      }
      & .slick-next {
        top: calc(50% - 35px);
        right: -15px;
        background-color: $crimson;
        height: 70px;
        width: 70px;
        z-index: 2;
        &::before {
          position: absolute;
          top: 13px;
          left: 10px;
          background: url(../images/arrow-right-white.svg) no-repeat;
          content: '';
          display: block;
          transform: scale(.6,.6);
          opacity: 1 !important;
          height: 50px;
          width: 50px;
        }
      }
    }
    & .slick-prev{
      display: none;
    }
    & .slick-next {
      top: calc(50% - 70px);
      right: -15px;
      background-color: $crimson;
      height: 70px;
      width: 70px;
      z-index: 2;
      &::before {
        position: absolute;
        top: 13px;
        left: 10px;
        background: url(../images/arrow-right-white.svg) no-repeat;
        content: '';
        display: block;
        transform: scale(.6,.6);
        opacity: 1 !important;
        height: 50px;
        width: 50px;
      }
    }
  }
  .ejf-sponsors {
    & .logo {
      display: inline-block;
      background-blend-mode: multiply;
      margin-right: 50px;
      min-height: 195px;
      max-height: 195px;
      width: 200px;
      &:nth-child(3n+3) {
        margin-right: 0;
        clear: both;
      }
    }
    & .ejf-btn-more {
      position: relative;
      display: block;
      transform: rotate(-90deg);
      margin: 0 auto 80px auto;
      width: 60px;
      height: 50px;
      &::before {
        position: absolute;
        top: 0;
        left: -20px;
        content: '';
        display: block;
        background: url(../images/arrow-left-black.svg) no-repeat center center / cover;
        height: 100%;
        width: 100%;
      }
    }
    & .ejf-btn-more-smart {
      display: none;
    }
  }
  footer {
    & .ejf-logo {
      & a {
        & span {
          padding-left: 0;
        }
      }
    }
  }

  .ejf-events {
    & .ejf-events-item {
      &:nth-child(1),
      &:nth-child(2) {
        &::before {
          display: none;
        }
      }
      &:nth-child(3) {
        &::before {
          display: block;
        }
      }
    }
    & .ejf-item-image {
      margin: 0 0 30px 0;
      width: 100%;
      height: 194px;
    }
  }
}

@media (max-width: 1023px) {
  .ejf-section-space {
    padding: 40px 0 !important;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .ejf-not-visible-md {
    display: none !important;
  }
  .ejf-visible-md {
    display: block;
  }
  .ejf-events {
    //margin-top: 30px;
    .ejf-section-heading {
      position: relative;
      top: 48px;
      margin-top: -40px !important;
      z-index: 2;
    }
  }
  .ejf-item-p {
    margin-top: 40px !important;
    &:nth-child(1),
    &:nth-child(2),
    &:nth-child(3) {
      margin-top: 0;
    }
    & .ejf-item-wrapper {
      height: 60px;
      overflow: hidden;
      & .ejf-item-heading {
      }
    }
  }
  .ejf-latest-news {
    margin-top: 45px;
    & .ejf-btn {
      display: inline;
      float: right;
      @include btn-black;
      &.transparent {
        margin-right: 10px;
        @include btn-black-transparent;
      }
    }
    &-heading {
      color: $violet-blue;

      font-weight: 900;
      font-size: 24px;
      line-height: 30px;
      letter-spacing: -.04em;
    }
    &-item-outer {
      margin-top: 25px;
      & .ejf-btn {
        @include btn-black-transparent;
      }
    }
    &-text-outer {
      display: inline-block;
      padding-left: 30px;
      width: calc(100% - 92px);
      float: left;
    }
    &-item-image {
      display: inline-block;
      float: left;
      height: 92px;
      width: 92px;
    }
    &-item-heading {
      color: $violet-blue;
      font-family: 'Merriweather', serif;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 8px;
    }
    &-item-date,
    &-item-url {
      color: $smoke-gray;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px;
    }
  }

  .ejf-single-page {
    & .ejf-section-space {
      &.ejf-events {
        //top: -60px !important;
        padding-bottom: 0 !important;
        //margin-bottom: -30px !important;
      }
      &.ejf-gallery {
        padding-bottom: 0 !important;
      }
    }
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .ejf-events {
    .ejf-section-heading {
      //top: 20px;
    }
  }
  .ejf-item-p {
    padding: 0;
  }
  .ejf-latest-news {
    margin-top: 45px;
    & .col-lg-12 {
      max-width: 50% !important;
    }
    & .ejf-btn {
      display: inline;
      float: right;
      @include btn-black;
      &.transparent {
        margin-right: 10px;
        @include btn-black-transparent;
      }
    }
    &-text-outer {
      margin-left: 0px;
    }
  }
  footer {
    & .ejf-logo {
      & a {
        & span {
          padding-left: 20px;
          min-width: 140px !important;
          max-width: 140px !important;
        }
      }
    }
  }
  .ejf-social-items {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .ejf-btn-more {
    position: relative;
    display: block;
    transform: rotate(-90deg);
    margin: 0 auto 80px auto;
    width: 60px;
    height: 50px;
    &::before {
      position: absolute;
      top: 0;
      left: -20px;
      content: '';
      display: block;
      background: url(../images/arrow-left-black.svg) no-repeat center center / cover;
      height: 100%;
      width: 100%;
    }
  }
}

@media (min-width: 600px) {
  .mb-md-7 {
    margin-bottom: 70px !important;
  }

  /*** Project typographic ***/

  /* Headings styles */

  h1 {
    font-size: 72px;
    line-height: 110%;
  }
  h2 {
    font-size: 64px;
    line-height: 80px;
  }
  h3 {
    font-size: 48px;
    line-height: 60px;
  }
  h4 {
    font-size: 36px;
    line-height: 45px;
  }
  h5 {
    font-size: 24px;
    line-height: 30px;
  }

  /* Paragraph style  */

  p {
    font-weight: normal;
    line-height: 100%;
  }

  p.ejf-text {
    &-l {
      font-size: 24px;
    }
    &-m {
      font-size: 18px;
    }
    &-s {
      font-size: 14px;
    }
  }

  .ejf-slider-heading {
    font-weight: 900;
    font-size: 36px !important;
    line-height: 130%;
    margin-top: 60px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .ejf-slider-text {
    margin-left: 10px;
  }
  .ejf-section-heading {
    font-size: 72px;
    line-height: 90px;
  }
  .ejf-sponsors {
    &-heading {
      color: $dark-gray;
      font-weight: 900;
      font-size: 48px;
      line-height: 60px;
      letter-spacing: -0.04em;
      padding-bottom: 60px;
      text-align: center;
    }
  }
}

@media screen and (min-width: 1024px) {
  .ejf-events {
    & h3 {
      //position: absolute;
      //top: -46px;
      //z-index: 2;
    }
  }
  .ejf-latest-news {
    //position: relative;
    //margin-top: -588px;
    //left: 48.46vw;
    //width: 432px;
    //height: 588px;
    //background: $deep-blue-transparent;
    //z-index: 2;
  }
  //.ejf-sponsors {
  //  background-color: $light-gray;
  //  & .logo {
  //    display: inline-block;
  //    background-blend-mode: multiply;
  //    min-height: 150px;
  //    max-height: 150px;
  //    width: 150px;
  //  }
  //}
  .ejf-sponsors {
    &-heading {
      color: $dark-gray;
      font-weight: 900;
      font-size: 48px;
      line-height: 60px;
      letter-spacing: -0.04em;
      padding-bottom: 60px;
      text-align: center;
    }
    & .logo {
      display: inline-block;
      background-blend-mode: multiply;
      min-height: 180px;
      max-height: 180px;
      width: 180px;
      &:nth-child(3n+3) {
        margin-right: auto !important;
      }
    }
  }
  .ejf-btn-more-smart {
    display: none;
  }
  footer {
    & p, & a {
    }
    & .ejf-logo {
      & a {
        display: inline-flex;
        align-items: center;
        -webkit-font-smoothing: subpixel-antialiased;
        color: $white;
        font-weight: 900;
        text-decoration: none;
        text-transform: uppercase;
        height: 100%;
        min-width: 100%;
        max-width: 100%;
        & img {
          display: inline;
          max-height: 54px;
        }
        & span {
          display: inline;
          font-size: 14px;
          margin: 15px 10px;
          max-width: 140px;
        }
        &:hover {
          text-decoration: none;
        }
      }
    }
  }
  .ejf-social-items {
    margin-top: 35px;
    & a {
      margin-right: 10px;
      &:last-child {
        margin-right: 0;
      }
      & img {
      }
    }
    & p {
      margin-bottom: 10px;
    }
  }

  .text-lg-right {
    text-align: right;
  }
}

@media screen and (min-width: 1340px) {
  .container {
    min-width: 1280px;
    max-width: 1280px;
  }
}

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

  .ejf-not-visible-lg {
    display: none;
  }
  .ejf-visible-lg {
    display: block;
  }

  /*** Project typographic ***/

  /* Headings styles */

  h1 {
    font-style: normal;
    font-weight: 300;
    font-size: 70px;
    line-height: 120%;
  }
  h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 120%;
  }
  h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
  }
  h4 {
    font-size: 64px;
    line-height: 80px;
  }
  h5 {
    font-size: 36px;
    line-height: 45px;
  }

  /* Paragraph style  */

  p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
  }
  p.ejf-text {
    &-l {
      font-size: 24px;
    }
    &-m {
      font-size: 18px;
    }
    &-s {
      font-size: 12px;
    }
  }

  .ejf-navi {
    display: flex;
  }
  .ejf-navi-mobile,
  .ejf-mobile-menu-btn {
    display: none !important;
  }
  .ejf-latest-news {
    padding: 30px;
    //background: $deep-blue-transparent;
    //z-index: 2;
    & .ejf-btn {
      @include btn-gray;
    }
    &-heading {
      color: $violet-blue;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 120%;
    }
    &-item-outer {
      margin-top: 40px;
      & .ejf-btn {
        @include btn-white-transparent;
      }
    }
    &-text-outer {
      display: inline-block;
      padding-left: 15px;
      width: calc(100% - 80px);
      float: left;
    }
    &-item-image {
      display: inline-block;
      float: left;
      height: 80px;
      width: 80px;
    }
    &-item-heading {
      display: block;
      color: $violet-blue;
      font-family: 'Merriweather', serif;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 21px;
    }
    &-item-date,
    &-item-url {
      color: $dark-smoke-gray;
      font-style: normal;
      font-weight: 300;
      font-size: 10px;
      line-height: 30%;
      margin-top: 15px;
      display: block;
    }
  }
  .ejf-events {
    & h3 {
      //top: -70px;
    }
  }
  .ejf-item-p {
    padding: 0;
  }
  .ejf-slider-text-outer {
    margin-top: 120px;
    margin-bottom: 10px;
    display: grid;
    max-width: none;
    & .ejf-slider-date {
      background-color: $white;
      border-radius: 2px;
      color: $blue;
      padding: 10px 20px;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 100%;
      margin-top: 60px;
      text-align: center;
      width: 156px;
    }
    & .ejf-slider-location {
      color: $smoke-gray;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      margin-top: 15px;
      line-height: 100%;
    }
    & .ejf-slider-heading {
      font-family: 'Merriweather', serif;
      font-style: normal;
      font-weight: 300;
      font-size: 70px !important;
      line-height: 120%;
      margin-top: 20px;
    }
  }
  .ejf-initiative-page,
  .ejf-event-page,
  .ejf-news-page {
    & .ejf-slider-heading {
      font-family: 'Merriweather', serif;
      font-style: normal;
      font-weight: 300;
      font-size: 70px !important;
      line-height: 120%;
      margin: 60px 0 45px 0;
    }
  }
  .ejf-btn-more-smart {
    display: none;
  }
  .ejf-sponsors {
    & .slick-prev{
      //left: -80px;
      z-index: 2;
      &::before {
        background: url(../images/arrow-left-black.svg) no-repeat;
        content: '';
        display: block;
        height: 16px;
        width: 16px;
      }
    }
    & .slick-next {
      //right: -50px;
      z-index: 2;
      &::before {
        background: url(../images/arrow-right-black.svg) no-repeat;
        content: '';
        display: block;
        height: 50px;
        width: 50px;
      }
    }
  }
  .ejf-single-page {
    & .ejf-gallery {
      & figure {
        min-height: 600px;
        max-height: 600px;
      }
    }
  }
}

//@media screen and (min-width: 1024px) and (max-width: 1325px) {
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      display: none !important;
//    }
//    & .slick-next {
//      left: 580px;
//    }
//  }
//
//}
//
//@media screen and (min-width: 1326px) and (max-width: 1399px) {
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      left: 40px;
//    }
//    & .slick-next {
//      left: 640px;
//    }
//  }
//
//}
//
@media screen and (min-width: 1400px) and (max-width: 1599px) {

  /*** Slider section styles ***/

  .ejf-slider {
    & .slick-prev {
      top: auto;
      bottom: 40px;
      left: 93px;
    }
    & .slick-next {
      top: auto;
      bottom: 40px;
      left: auto;
      right: 123px;
    }
  }

}
//
//@media screen and (min-width: 1600px) and (max-width: 1799px){
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      left: 160px;
//    }
//    & .slick-next {
//      left: 740px;
//    }
//  }
//
//}
//
//@media screen and (min-width: 1800px) and (max-width: 1919px){
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      left: 260px;
//    }
//    & .slick-next {
//      left: 840px;
//    }
//  }
//
//}
//
//@media screen and (min-width: 1920px) and (max-width: 2099px) {
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      left: 320px;
//    }
//    & .slick-next {
//      left: 900px;
//    }
//  }
//
//}
//
//@media screen and (min-width: 2100px) and (max-width: 2199px) {
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      left: 440px;
//    }
//    & .slick-next {
//      left: 1040px;
//    }
//  }
//
//
//}
//
//@media screen and (min-width: 2200px) and (max-width: 2559px) {
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      left: 560px;
//    }
//    & .slick-next {
//      //left: 1180px;
//    }
//  }
//
//}
//
//@media screen and (min-width: 2560px) {
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      left: 800px;
//    }
//    & .slick-next {
//      left: 1400px;
//    }
//  }
//
//}
//
//@media screen and (min-width: 3200px) {
//
//  /*** Slider section styles ***/
//
//  .ejf-slider {
//    & .slick-prev {
//      display: none !important;
//    }
//    & .slick-next {
//      display: none !important;
//    }
//  }
//
//}

@media screen and (max-width: 1199px) {
  .ejf-navi-mobile {
    position: absolute;
    top: 0;
    left: 0;
    background-color: $blue !important;
    display: block;
    width: 100vw;
    overflow: hidden;
    @include transition-standard;
    height: 0;
    z-index: 10;
    &.opened {
      margin-top: 0;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
      height: 100vh;
      z-index: 10;
    }
    & .ejf-navi {
      position: relative;
      display: block;
      margin-top: 70px;
      margin-bottom: 30px;
      width: 100%;
      >li {
        >a {
          font-style: normal;
          font-weight: bold;
          font-size: 18px !important;
          line-height: 120%;
        }
        &:last-child {
          margin-bottom: 60px;
        }
        & .ejf-menu-btn {
          font-size: 26px;
          font-weight: 900;
        }
      }
      & li {
        display: block;
        width: 100%;
        overflow: hidden;
        & a {
          color: $white;
          display: inline-block;
          padding: 15px 0;
          text-decoration: none;
        }
        & .ejf-dd-arrow {
          position: relative;
          bottom: 2px;
          display: inline-table;
          font-size: 20px !important;
          background: url(../images/chevron-up-white.svg) no-repeat;
          transform: rotateX(180deg);
          margin-left: 10px;
          width: 10px;
          height: 10px;
          padding: 0;
          @include transition-standard;
          &.opened {
            bottom: -2px;
            transform: rotateX(0deg);
          }
        }
        & .ejf-dropdown-menu {
          display: none;
          &.opened {
            display: block;
          }
          & li {
            >a {
              display: inline-table;
              font-style: normal;
              font-weight: normal;
              font-size: 14px;
              line-height: 18px;
              width: auto;
            }
            & .ejf-dd-arrow {
              display: inline-table;
              width: 20px;
            }
          }
          & .ejf-dropdown-menu {
            & li {
              >a {
                display: inline-table;
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 18px;
                width: calc(100% - 40px);
              }
            }
          }
        }
      }
    }
    & .ejf-lang-list {
      position: fixed;
      bottom: 0;
      display: block;
      opacity: 0;
      list-style-type: none;
      margin-bottom: 30px;
      margin-left: 15px;
      width: 100%;
      @include transition-standard;
      & li {
        & a, & span {
          color: $white;
          font-style: normal;
          font-weight: bold;
          font-size: 18px;
          line-height: 120%;
          text-decoration: none;
        }
        > a {
          &::before {
            position: absolute;
            top: 10px;
            left: 12px;
            content: '';
            background: url(../images/chevron-up-white.svg) no-repeat;
            display: block;
            margin-left: 20px;
            height: 10px;
            width: 10px;
            @include transition-standard;
          }
          &.opened {
            &::before {
              top: 6px;
              transform: rotateX(180deg);
              @include transition-standard;
            }
          }
        }
        & .ejf-lang-items {
          position: absolute;
          bottom: 20px;
          list-style-type: none;
          display: none;
          &.opened {
            display: block;
          }
          & li {
            margin-bottom: 10px;
            & a {
              &::before {
                display: none;
              }
            }
          }
        }
      }
    }
    &.opened {
      & .ejf-lang-list {
        transition-delay: .1s;
        opacity: 1;
      }
    }
  }
  .ejf-logo, .ejf-mobile-menu-btn {
    position: relative;
    z-index: 111;
  }
  .ejf-mobile-menu-btn {
    display: flex;
    >a {
      padding-top: 60px;
    }
  }

  /*** Slider styles ***/

  .ejf-slider {
    position: relative;
    & .slick-list {
      &::before {
        display: none;
      }
    }
    & .slick-prev{
      display: none !important;
    }
    & .slick-next {
      left: auto !important;
      right: 60px !important;
      &::before {
      }
    }
  }
  footer {
    text-align: center;
    & p {
      line-height: 170% !important;
    }
    & a {
      line-height: 18px !important;
    }
    & p, & a {
      font-weight: normal;
      font-size: 14px !important;
    }
    & .ejf-logo {
      text-align: left !important;
      margin: 10px auto 0 auto;
      max-width: 194px;
      & a {
        -webkit-font-smoothing: subpixel-antialiased;
        color: $white;
        font-weight: 900;
        text-decoration: none;
        text-transform: uppercase;
        height: 100%;
        min-width: 100%;
        max-width: 100%;
        & img {
          display: inline;
          margin-right: 10px;
          max-height: 50px;
          float: left;
        }
        & span {
          position: relative;
          top: 3px;
          display: inline;
          font-weight: 300;
          margin: 15px 0;
          width: auto;
          line-height: 20px;
          font-size: 14px;
        }
        &:hover {
          text-decoration: none;
        }
      }
    }
    & .ejf-footer-link {
      margin: 0 auto 30px auto;
    }
    & .ejf-copy-rules {
      text-align: left;
      margin: 10px 15px;
    }
  }
  .ejf-social-items {
    margin: 50px 0 40px 0;
    & a {
      margin-left: 10px;
      & img {
        max-width: 35px;
        height: auto;
      }
    }
    & p {
      margin-bottom: 10px;
    }
  }
}

@media (max-width: 599px) {

  /*** Header styles ***/

  .ejf-header {
    & .ejf-logo,
    & .ejf-navbar,
    & .ejf-navi,
    & .ejf-mobile-menu-btn,
    & .ejf-lang {
      height: 70px;
      border: none;
    }
    & .ejf-logo {
      & a {
        display: inline-flex;
        align-items: center;
        -webkit-font-smoothing: subpixel-antialiased;
        color: $violet-blue;
        font-weight: 900;
        text-decoration: none;
        height: 100%;
        max-width: 150px;
        & img {
          display: inline;
          max-height: 36px;
        }
        & span {
          color: $white;
          display: inline;
          font-weight: 300;
          margin: 15px 0 15px 10px;
          max-width: 120px;
          line-height: 15px;
          font-size: 10px;
        }
        &:hover {
          text-decoration: none;
        }
      }
    }
  }
  .ejf-navi-mobile {
    & .ejf-navi {
      > li {
        &:last-child {
          margin-bottom: 30px;
        }
      }
    }
  }

  /*** Project typographic ***/

  /* Headings styles */

  h1 {
    font-size: 64px;
    line-height: 110%;
  }
  h2 {
    font-size: 48px;
    line-height: 60px;
  }
  h3 {
    font-size: 36px;
    line-height: 45px;
  }
  h4 {
    font-size: 24px;
    line-height: 30px;
  }
  h5 {
    font-size: 18px;
    line-height: 23px;
  }

  /* Paragraph style  */

  p {
    font-weight: normal;
    line-height: 130%;
  }

  p.ins-text {
    &-l {
      font-size: 24px;
    }
    &-m {
      font-size: 18px;
    }
    &-s {
      font-size: 14px;
    }
  }
  .ejf-item-p {
    padding: 0;
  }

  /*** Slider styles ***/

  .ejf-slider {
    position: relative;
    & .slick-slide {
      position: relative;
      > figure {
        height: 420px;
      }
      & .ejf-slider-text-outer {
        margin-top: 160px;
        & .ejf-slider-date {
          display: table;
          background-color: $white;
          border-radius: 2px;
          color: $blue;
          padding: 10px 20px;
          margin-bottom: 15px;
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 100%;
        }
        & .ejf-slider-location {
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 100%;
        }
        & .ejf-slider-heading {
          font-style: normal;
          font-weight: 300;
          font-size: 30px;
          line-height: 120%;
        }
      }
    }
    & .slick-dots {
      position: relative;
      top: -50px !important;
      z-index: 1;
    }
    & .slick-next {
      right: 35px !important;
      //margin-top: -15px;
      &::before {
        transform: scale(0.6,0.6);
      }
    }
  }
  .slide-h-prev, .slide-h-next {
    //position: absolute !important;
    bottom: -18px !important;
    z-index: 1;
  }

  /*** Initiatives section styles ***/

  .ejf-home-page {

    & .ejf-events {
      & .ejf-item-p {
        & .ejf-text-outer {
          margin-bottom: 40px;
        }
        &:nth-child(2) {
          & .ejf-text-outer {
            margin-bottom: 10px !important;
          }
        }
      }
    }
    & .ejf-initiatives {
      &::before {
        display: none;
      }
      & .ejf-item-p {
        margin-bottom: 40px;
        &:nth-child(2) {
          margin-bottom: 20px;
        }
      }
    }
  }

  .ejf-banner {
    position: relative;
    padding: 40px 0;
    & h1 {
      font-size: 28px;
      line-height: 36px;
    }
  }

  .ejf-section-space {
    margin: auto !important;
  }
  .ejf-sponsors {
    //background-color: $light-gray;
    &-heading {
      color: $dark-gray;
      font-weight: 900;
      font-size: 24px;
      line-height: 30px;
      letter-spacing: -0.04em;
      text-align: center;
    }
    & .logo {
      display: inline-block;
      background-blend-mode: multiply;
      margin-right: 30px;
      min-height: 92px;
      max-height: 92px;
      width: 92px;
      &:nth-child(3n+3) {
        margin-right: 0;
        clear: both;
      }
    }
  }
  .ejf-btn-more {
    display: none !important;
  }
  .ejf-btn-more-smart {
    display: table;
    @include btn;
    @include btn-black;
    margin: 0 auto;
    padding-left: 45px;
    padding-right: 45px;
  }

  .ejf-single-page {
    & p {
      margin-bottom: 20px;
    }
    & .ejf-section-space {
      &.ejf-events,
      &.ejf-gallery {
        top: auto;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
      }
      &.ejf-gallery {
        & figure {
          min-height: 189px;
          max-height: 189px;
        }
      }
    }
    &.ejf-events-title {
      & .ejf-section-space {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        &.ejf-events {
          padding-top: 30px !important;
          padding-bottom: 0 !important;
        }
        & .ejf-section-heading {
          margin-bottom: 15px;
        }
      }
    }
    & aside {
      & img {
        margin-bottom: 30px;
      }
    }
    & .ejf-content {
      a {
        color: #0066ff;
        font-weight: 700;
      }
    }
  }
}

@media only screen and (min-width : 992px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
    &.modify {
    }
    & .col, [class*=col-] {
      padding-right: 10px;
      padding-left: 10px;
    }
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .ejf-single-page {
    & .ejf-gallery {
      & figure {
        min-height: 500px; max-height: 500px;
      }
    }
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .container {
    min-width: 97% !important;
  }
  .ejf-row-no-gutter {
    margin: -12px !important;
  }
  .ejf-single-page {
    & .ejf-gallery {
      & figure {
        min-height: 400px; max-height: 400px;
      }
    }
  }
}

@media (min-width: 320px) and (max-width: 374px) {

  /*** Header styles ***/

  .ejf-header {
    & .ejf-mobile-menu-btn {
      >a {
        margin-left: 20px !important;
      }
    }
    & .ejf-lang {
      float: right;
      display: inline-flex;
      flex-flow: row nowrap;
      list-style: none;
      >li {
        display: inline-flex;
        height: 100%;
        & a {
          display: inline-flex;
          align-items: center;
          color: $violet-blue;
          font-size: 17px;
          font-weight: 400;
          padding-left: 10px;
          padding-right: 10px;
          text-decoration: none;
          height: 100%;
          @include transition-standard;
          &:hover {
            color: $blue;
          }
        }
        & span {
          display: inline-flex;
          align-items: center;
          font-size: 12px;
          font-weight: 400;
          margin-top: -3px;
        }
        &:first-child {
          & a {
            margin-left: 0 !important;
          }
        }
        &:last-child {
          & a {
            margin-left: 0 !important;
          }
        }
      }
    }
  }
}