/* compiled by scssphp v0.7.5 on Mon, 02 Sep 2019 17:39:40 +0000 (0.3231s) */

@charset 'UTF-8';
/* `XHTML, HTML4, HTML5 Reset
 ----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, .article-wrapper .content .article-content-text .wf_file .wf_file_text, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }
/*
 html,
 body {
 height: 100%;
 }
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  /*
   Override the default (display: inline) for
   browsers that do not recognize HTML5 tags.
   IE8 (and lower) requires a shiv:
   http://ejohn.org/blog/html5-shiv
   */
  display: block; }

b, strong {
  /*
   Makes browsers agree.
   IE + Opera = font-weight: bold.
   Gecko + WebKit = font-weight: bolder.
   */
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  /*
   For IE.
   http://css-tricks.com/ie-fix-bicubic-scaling-for-images
   */
  -ms-interpolation-mode: bicubic; }

ol, ul {
  list-style: none; }

li {
  /*
   For IE6 + IE7:
   "display: list-item" keeps bullets from
   disappearing if hasLayout is triggered.
   */
  display: list-item; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th, td, caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

sub, sup, small {
  font-size: 75%; }

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  /*
   For IE9. Without, occasionally draws shapes
   outside the boundaries of <svg> rectangle.
   */
  overflow: hidden; }

*:focus {
  outline: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset; }
/* Buttons
 -----------------------------------------------*/
button, input[type="reset"], input[type="button"], input[type="submit"] {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer; }

button::-moz-focus-inner {
  border: 0; }

.blank {
  display: none; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }
/* Slider */
.slick-list {
  /* background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;*/ }
  /* Icons */

@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1; }
  .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 20px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: 20px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }
  @media screen and (max-width: 1279px) {
  .slick-dotted.slick-slider {
    margin-bottom: 0; } }

.slick-dots {
  position: absolute;
  bottom: 20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex; }
  .slick-dots li:only-child {
    display: none; }
  .slick-dots li {
    height: 10px;
    width: 10px;
    background-color: #c4c8d0;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      display: none; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        border-color: #85bbe9;
        background-color: transparent;
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
    .slick-dots li.slick-active {
      box-sizing: border-box;
      height: 16px;
      width: 16px;
      background-color: transparent;
      border-width: 3px;
      border-style: solid;
      border-color: #a3c034;
      border-image: initial; }
/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box; }
/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit; }
/**
 * Basic styles for links
 */
a {
  color: #3b3c3f;
  text-decoration: none;
  transition: color 0.5s ease; }
  a:hover, a:active, a:focus {
    color: #84bce9;
    text-decoration: none; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-Light.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-LightItalic.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-Regular.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-Italic.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-Semibold.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-SemiboldItalic.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-SemiboldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-Bold.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-BoldItalic.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-ExtraBold.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Open Sans/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('fonts/Open Sans/OpenSans-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-black-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-blackitalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-blackitalic-webfont.woff') format('woff');
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-bold-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-bolditalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-bolditalic-webfont.woff') format('woff');
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-extrabold-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-extrabold-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-extrabolditalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-extrabolditalic-webfont.woff') format('woff');
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-extralight-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-extralight-webfont.woff') format('woff');
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-extralightitalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-extralightitalic-webfont.woff') format('woff');
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-light-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-lightitalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-lightitalic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-medium-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-mediumitalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-mediumitalic-webfont.woff') format('woff');
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-regular-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-italic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-italic-webfont.woff') format('woff');
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-semibold-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-semibolditalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-semibolditalic-webfont.woff') format('woff');
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-thin-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-thin-webfont.woff') format('woff');
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins/poppins-thinitalic-webfont.woff2') format('woff2'), url('fonts/Poppins/poppins-thinitalic-webfont.woff') format('woff');
  font-weight: 100;
  font-style: italic; }
/**
 * Basic typography style for copy text
 */
body {
  color: #3b3c3f;
  font: normal 125% / 1.4 'Open Sans', 'sans-serif'; }

h1 {
  color: #212224;
  font-family: 'Poppins', 'sans-serif';
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.8px;
  position: relative; }

h2 {
  color: #212224;
  font-family: 'Poppins', 'sans-serif';
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.5px; }

h3, .article-wrapper .content .article-content-text .wf_file .wf_file_text {
  color: #212224;
  font-family: 'Poppins', 'sans-serif';
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.5px; }

.article-wrapper .content .article-content-text table {
  margin: 30px 0; }
  .article-wrapper .content .article-content-text table thead {
    color: #a0a5af;
    font-family: 'Poppins', 'sans-serif';
    font-size: 12px;
    font-weight: 500;
    line-height: 14px; }
    .article-wrapper .content .article-content-text table thead td {
      vertical-align: bottom; }
  .article-wrapper .content .article-content-text table tbody {
    border: 1px solid #c4c8d0;
    border-radius: 6px;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Open Sans', 'sans-serif';
    color: #3b3c3f; }
  .article-wrapper .content .article-content-text table td {
    padding: 20px; }
  .article-wrapper .content .article-content-text table tr {
    border-bottom: 1px solid #c4c8d0; }

.article-wrapper .content .article-content-text a {
  color: #84bce9;
  font-family: 'Open Sans', 'sans-serif'; }
/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: '';
  display: table; }
/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1170px;
  /* 1 */
  margin-left: auto;
  /* 2 */
  margin-right: auto;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  padding-right: 20px;
  /* 3 */
  width: 100%;
  /* 1 */ }
  @media screen and (max-width: 767px) {
  .container {
    padding-left: 10px;
    padding-right: 10px; } }
/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap; }
/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.hidden {
  display: none; }

body > .header {
  height: 70px;
  text-transform: uppercase;
  font-size: 16px; }
  body > .header > .container {
    height: 100%;
    display: flex;
    align-items: center; }
    body > .header > .container .moduletable:nth-child(2) {
      margin-right: 40px; }
    body > .header > .container .logo {
      height: 50px; }
      body > .header > .container .logo * {
        height: 100%;
        display: flex;
        align-items: center; }
      body > .header > .container .logo img {
        width: auto; }
        @media screen and (max-width: 479px) {
  body > .header > .container .logo img {
    max-width: 170px;
    height: auto; } }

body {
  overflow-x: hidden;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column; }

body > .main {
  position: relative;
  padding-top: 40px;
  margin-bottom: 80px; }

body > .page-title {
  min-height: 70px;
  background-color: #5186b6;
  display: flex;
  align-items: center;
  padding: 17px 0; }

.main-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  grid-gap: 30px; }
  @media screen and (max-width: 479px) {
  .main-grid {
    grid-gap: 10px; } }

.col-2 {
  grid-column: span 8 !important; }

.col-12 {
  grid-column: span 12 !important; }

body > footer {
  background-color: #5186b6;
  width: 100%;
  font-size: 16px;
  padding: 15px 0;
  margin-top: auto; }
  @media screen and (max-width: 479px) {
  body > footer {
    padding-bottom: 30px; } }
  body > footer .container {
    align-items: center; }
    @media screen and (max-width: 479px) {
  body > footer .container {
    justify-items: center; } }
    body > footer .container .logo {
      grid-column: span 7;
      height: 70px; }
      @media screen and (max-width: 479px) {
  body > footer .container .logo {
    grid-column: span 12; } }
      body > footer .container .logo * {
        height: 100%;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 479px) {
  body > footer .container .logo * {
    justify-content: center; } }
      body > footer .container .logo img {
        width: auto; }
        @media screen and (max-width: 479px) {
  body > footer .container .logo img {
    max-width: 170px;
    height: auto; } }
    body > footer .container .contacts {
      grid-column: span 5;
      margin-left: auto;
      text-align: right; }
      @media screen and (max-width: 479px) {
  body > footer .container .contacts {
    grid-column: span 12;
    text-align: center;
    margin-left: 0; } }

.main-menu {
  margin-left: auto; }
  @media screen and (max-width: 979px) {
  .main-menu {
    order: 2;
    margin-right: 0 !important;
    margin-left: 30px; } }
  .main-menu .header {
    display: none; }
    @media screen and (max-width: 979px) {
  .main-menu .header {
    display: flex; } }
  .main-menu .toggle {
    height: 25px;
    width: 25px;
    margin-left: auto;
    background: transparent url('/templates/gis/images/menu-burger.svg') no-repeat center center; }
    .main-menu .toggle.close {
      background-image: url('/templates/gis/images/menu-close.svg'); }
  .main-menu ul {
    display: flex; }
    @media screen and (max-width: 979px) {
  .main-menu ul {
    display: none; } }
    .main-menu ul li {
      position: relative;
      margin: 0 10px; }
      .main-menu ul li.active::after {
        content: '';
        position: absolute;
        background-color: #84bce9;
        border-radius: 2px;
        height: 3px;
        bottom: -3px;
        left: 0;
        width: 100%; }

.main-menu-mobile {
  background-color: #f0f0f5;
  text-transform: uppercase;
  display: none; }
  @media screen and (max-width: 979px) {
  .main-menu-mobile {
    display: block; } }
  .main-menu-mobile .container .header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 5px;
    justify-items: center;
    height: 50px;
    align-items: center; }
    .main-menu-mobile .container .header span {
      grid-column-start: 2; }
    .main-menu-mobile .container .menu {
      padding-bottom: 15px;
      display: none; }
    .main-menu-mobile .container .menu li {
      padding: 10px 0;
      font-size: 16px; }
      .main-menu-mobile .container .menu li:first-child {
        display: none; }

.images-slider img {
  max-height: 450px;
  height: auto;
  width: 100%; }

@media screen and (max-width: 979px) {
    .language-switch {
      margin-left: auto; } }
  .language-switch ul {
    display: flex; }
  .language-switch li {
    margin: 0 10px;
    position: relative; }
    .language-switch li:first-child {
      margin-left: 0; }
    .language-switch li:last-child {
      margin-right: 0; }
    .language-switch li.lang-active::after {
      content: '';
      position: absolute;
      background-color: #84bce9;
      border-radius: 2px;
      height: 3px;
      bottom: -3px;
      left: 0;
      width: 100%; }

.highlights {
  grid-column: span 12;
  position: relative; }
  .highlights h1 {
    margin-bottom: 30px; }
  .highlights .news-article-wrap {
    grid-column: span 12;
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 80px; }
    @media screen and (max-width: 767px) {
  .highlights .news-article-wrap {
    grid-row-gap: 20px;
    grid-column-gap: 10px; } }
    .highlights .news-article-wrap .news-button-wrapper {
      grid-column: span 12; }
    .highlights .news-article-wrap .link-btn {
      margin-top: -15px; }
    .highlights .news-article-wrap .news-article {
      grid-column: span 6;
      grid-template-columns: repeat(6, minmax(auto, 1fr));
      grid-column-gap: 20px;
      display: grid; }
    @media screen and (max-width: 767px) {
    .highlights .news-article-wrap .news-article {
      grid-column: span 12;
      margin-bottom: 20px; } }
    .highlights .news-article-wrap .news-article .news-article-img {
      width: 100%;
      grid-column: span 3; }
      @media screen and (max-width: 979px) {
    .highlights .news-article-wrap .news-article .news-article-img {
      grid-column: span 6; } }
      .highlights .news-article-wrap .news-article .news-article-img .image-wrap {
        border-radius: 3px; }
        .highlights .news-article-wrap .news-article .news-article-img .image-wrap img {
          width: 100%;
          height: auto;
          max-height: 190px;
          border-radius: 3px; }
    .highlights .news-article-wrap .news-article .news-article-content {
      grid-column: span 3; }
      @media screen and (max-width: 979px) {
    .highlights .news-article-wrap .news-article .news-article-content {
      grid-column: span 6; } }
      .highlights .news-article-wrap .news-article .news-article-content .description {
        font-size: 16px;
        margin-top: 10px; }
    .highlights .news-article-wrap .news-article .news-article-footer {
      grid-column: span 4;
      display: grid;
      grid-template-columns: repeat(4, minmax(auto, 1fr));
      grid-gap: 0; }
      .highlights .news-article-wrap .news-article .news-article-footer .news-article-footer-date {
        display: inline-block;
        padding-top: 14px;
        grid-column: span 2; }
      .highlights .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper {
        grid-column: span 2;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto; }
        .highlights .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper .comments-summary {
          display: inline-block;
          margin-top: 7px; }
          .highlights .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper .comments-summary .comment-summary {
            font-size: 12px; }
      .highlights .news-article-wrap .news-article .news-article-footer .reactions-wrapper {
        display: inline-block;
        margin-top: 5px; }
        .highlights .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction {
          padding-left: 20px;
          display: inline-block; }
          .highlights .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction button {
            vertical-align: middle; }
          .highlights .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction:first-child {
            padding-left: 24px; }
          .highlights .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction:last-child {
            padding-left: 15px; }
  .highlights .pagination {
    margin-top: 58px; }

.news {
  grid-column: span 12;
  position: relative; }
  .news h1 {
    margin-bottom: 30px; }
  .news .news-article-wrap {
    grid-column: span 12;
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 80px; }
    @media screen and (max-width: 767px) {
  .news .news-article-wrap {
    grid-row-gap: 20px;
    grid-column-gap: 10px; } }
    .news .news-article-wrap .link-btn {
      margin-top: 5px; }
    .news .news-article-wrap .news-article {
      grid-column: span 4; }
    @media screen and (max-width: 767px) {
    .news .news-article-wrap .news-article {
      grid-column: span 12; } }
    .news .news-article-wrap .news-article .news-article-img {
      width: 100%;
      max-height: 190px; }
      .news .news-article-wrap .news-article .news-article-img .image-wrap {
        border-radius: 3px; }
        .news .news-article-wrap .news-article .news-article-img .image-wrap img {
          width: 100%;
          height: auto;
          max-height: 190px;
          border-radius: 3px; }
    .news .news-article-wrap .news-article .news-article-content h2 {
      margin-top: 7px; }
    .news .news-article-wrap .news-article .news-article-footer {
      grid-column: span 4;
      display: grid;
      grid-template-columns: repeat(4, minmax(auto, 1fr));
      grid-gap: 0; }
      .news .news-article-wrap .news-article .news-article-footer .news-article-footer-date {
        display: inline-block;
        padding-top: 14px;
        grid-column: span 2; }
      .news .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper {
        grid-column: span 2;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto; }
        .news .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper .comments-summary {
          display: inline-block;
          margin-top: 7px; }
          .news .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper .comments-summary .comment-summary {
            font-size: 12px; }
      .news .news-article-wrap .news-article .news-article-footer .reactions-wrapper {
        display: inline-block;
        margin-top: 5px; }
        .news .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction {
          padding-left: 20px;
          display: inline-block; }
          .news .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction button {
            vertical-align: middle; }
          .news .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction:first-child {
            padding-left: 24px; }
          .news .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction:last-child {
            padding-left: 15px; }
  .news .pagination {
    margin-top: 58px; }

.members {
  grid-column: span 12;
  position: relative; }
  .members h1 {
    margin-bottom: 30px; }
  .members.small {
    grid-column: span 8; }
    .members.small .archive-dropdown {
      display: none; }
    .members.small .news-article-wrap {
      grid-column: span 8;
      grid-template-columns: repeat(8, minmax(auto, 1fr));
      grid-row-gap: 50px; }
    .members.small .news-button-wrapper {
      grid-column: span 2; }
  .members .news-article-wrap {
    grid-column: span 12;
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 80px; }
    @media screen and (max-width: 767px) {
  .members .news-article-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 40px; } }
    .members .news-article-wrap .link-btn {
      margin-top: 5px; }
    .members .news-article-wrap .news-article {
      grid-column: span 4; }
    @media screen and (max-width: 767px) {
    .members .news-article-wrap .news-article {
      grid-column: span 12; } }
    .members .news-article-wrap .news-article .news-article-img {
      width: 100%;
      max-height: 190px; }
      .members .news-article-wrap .news-article .news-article-img .image-wrap {
        border-radius: 3px; }
        .members .news-article-wrap .news-article .news-article-img .image-wrap img {
          width: 100%;
          height: auto;
          max-height: 190px;
          border-radius: 3px; }
    .members .news-article-wrap .news-article .news-article-content h2 {
      margin-top: 7px; }
      .members .news-article-wrap .news-article .news-article-content .content {
        font-size: 14px;
        text-align: justify; }
    .members .news-article-wrap .news-article .news-article-footer {
      grid-column: span 4;
      display: grid;
      grid-template-columns: repeat(4, minmax(auto, 1fr));
      grid-gap: 0; }
      .members .news-article-wrap .news-article .news-article-footer .news-article-footer-date {
        display: inline-block;
        padding-top: 14px;
        grid-column: span 2; }
      .members .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper {
        grid-column: span 2;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto; }
        .members .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper .comments-summary {
          display: inline-block;
          margin-top: 7px; }
          .members .news-article-wrap .news-article .news-article-footer .comments-reactions-wrapper .comments-summary .comment-summary {
            font-size: 12px; }
      .members .news-article-wrap .news-article .news-article-footer .reactions-wrapper {
        display: inline-block;
        margin-top: 5px; }
        .members .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction {
          padding-left: 20px;
          display: inline-block; }
          .members .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction button {
            vertical-align: middle; }
          .members .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction:first-child {
            padding-left: 24px; }
          .members .news-article-wrap .news-article .news-article-footer .reactions-wrapper .reactions .reaction:last-child {
            padding-left: 15px; }
  .members .pagination {
    margin-top: 58px; }

.pagination {
  margin-right: -30px;
  grid-column: span 12;
  display: flex;
  align-content: center;
  justify-content: center; }
  .pagination ul {
    display: flex; }
    .pagination ul li button {
      border: none;
      background-color: transparent;
      height: 32px;
      color: #191a1b;
      font-family: 'Poppins', 'sans-serif';
      font-size: 18px;
      font-weight: 500;
      line-height: 37px;
      text-align: center;
      width: 60px;
      margin-left: 5px;
      margin-right: 5px; }
    .pagination ul li button.active {
      border-radius: 3px;
      background-color: #a1bf35;
      color: #fff;
      width: 60px; }
      .pagination ul li button.active:hover {
        color: #fff; }
    .pagination ul li button.prev, .pagination ul li button.next {
      position: relative; }
      .pagination ul li button.prev .span.arrow, .pagination ul li button.next .span.arrow {
        bottom: 16px; }
    .pagination ul li button.prev {
      margin-right: 17px; }
    .pagination ul li button.next {
      margin-left: 17px; }
    .pagination ul li button:hover {
      cursor: pointer;
      color: #84bce9; }
    .pagination ul li button.separator {
      cursor: default; }
      .pagination ul li button.separator:hover {
        color: #191a1b; }
    .pagination ul li button.hide {
      pointer-events: none; }
      .pagination ul li button.hide span {
        display: none; }

.arrow-wrap .arrow, .pagination ul li button.prev .arrow, .pagination ul li button.next .arrow {
  position: absolute;
  background: #a1bf35;
  width: 23px;
  height: 2px;
  transition: 0.25s;
  border-radius: 1px; }
  .arrow-wrap .arrow:before, .pagination ul li button.prev .arrow:before, .pagination ul li button.next .arrow:before, .arrow-wrap .arrow:after, .pagination ul li button.prev .arrow:after, .pagination ul li button.next .arrow:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    background: #a1bf35;
    width: 9px;
    height: 2px;
    transform-origin: 1px center;
    transition: 0.25s;
    border-radius: 1px; }
  .arrow-wrap .arrow.prev, .pagination ul li button.prev .arrow.prev, .pagination ul li button.next .arrow.prev {
    transform-origin: right center;
    margin-left: 10px;
    right: 10px; }
  .arrow-wrap .arrow.prev:before, .pagination ul li button.prev .arrow.prev:before, .pagination ul li button.next .arrow.prev:before {
    transform: rotate(-35deg); }
  .arrow-wrap .arrow.prev:after, .pagination ul li button.prev .arrow.prev:after, .pagination ul li button.next .arrow.prev:after {
    transform: rotate(35deg); }
  .arrow-wrap .arrow.next, .pagination ul li button.prev .arrow.next, .pagination ul li button.next .arrow.next {
    transform-origin: left center;
    left: 10px; }
  .arrow-wrap .arrow.next:before, .pagination ul li button.prev .arrow.next:before, .pagination ul li button.next .arrow.next:before {
    transform: rotate(140deg); }
  .arrow-wrap .arrow.next:after, .pagination ul li button.prev .arrow.next:after, .pagination ul li button.next .arrow.next:after {
    transform: rotate(-140deg); }
  .arrow-wrap .arrow.next:before, .pagination ul li button.prev .arrow.next:before, .pagination ul li button.next .arrow.next:before, .arrow-wrap .arrow.next:after, .pagination ul li button.prev .arrow.next:after, .pagination ul li button.next .arrow.next:after {
    left: 23px; }
  .arrow-wrap:hover span.prev, .pagination ul li button.prev:hover span.prev, .pagination ul li button.next:hover span.prev {
    width: 33px;
    margin-left: 0; }
  .arrow-wrap:hover span.next, .pagination ul li button.prev:hover span.next, .pagination ul li button.next:hover span.next {
    width: 33px; }
  .arrow-wrap:hover span.next:before, .pagination ul li button.prev:hover span.next:before, .pagination ul li button.next:hover span.next:before, .arrow-wrap:hover span.next:after, .pagination ul li button.prev:hover span.next:after, .pagination ul li button.next:hover span.next:after {
    left: 33px; }

.social-feeds {
  grid-column: span 12; }
  @media screen and (max-width: 767px) {
  .social-feeds {
    grid-column: span 12; } }
  .social-feeds .postslist {
    grid-column: span 12;
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
    grid-column-gap: 30px; }
  @media screen and (max-width: 767px) {
    .social-feeds .postslist {
      grid-column-gap: 10px; } }
  .social-feeds .postslist .tweet-container, .social-feeds .postslist .fb-post-container {
    grid-column: span 4;
    display: flex;
    margin-top: 30px; }
  @media screen and (max-width: 979px) {
      .social-feeds .postslist .tweet-container, .social-feeds .postslist .fb-post-container {
        flex-wrap: wrap-reverse; } }
  @media screen and (max-width: 767px) {
      .social-feeds .postslist .tweet-container, .social-feeds .postslist .fb-post-container {
        grid-column: span 12;
        flex-wrap: wrap;
        margin-bottom: 20px; } }
  .social-feeds .postslist .tweet-container .image-wrap, .social-feeds .postslist .fb-post-container .image-wrap {
    width: 100%;
    margin-right: 20px; }
    @media screen and (max-width: 767px) {
      .social-feeds .postslist .tweet-container .image-wrap, .social-feeds .postslist .fb-post-container .image-wrap {
        margin-right: 0; } }
  @media screen and (max-width: 979px) {
        .social-feeds .postslist .tweet-container .tweet-msg-container, .social-feeds .postslist .fb-post-container .tweet-msg-container, .social-feeds .postslist .tweet-container .fb-msg-container, .social-feeds .postslist .fb-post-container .fb-msg-container {
          margin-right: 0; } }
    .social-feeds .postslist .tweet-container .tweet-msg-container p, .social-feeds .postslist .fb-post-container .tweet-msg-container p, .social-feeds .postslist .tweet-container .fb-msg-container p, .social-feeds .postslist .fb-post-container .fb-msg-container p {
      font-family: 'Open Sans', 'sans-serif';
      color: #3b3c3f;
      font-size: 15px;
      line-height: 24px;
      overflow: hidden; }
    .social-feeds .postslist .tweet-container .tweet-msg-container label, .social-feeds .postslist .fb-post-container .tweet-msg-container label, .social-feeds .postslist .tweet-container .fb-msg-container label, .social-feeds .postslist .fb-post-container .fb-msg-container label {
      font-family: 'Poppins', 'sans-serif';
      font-weight: 500;
      font-size: 12px;
      color: #a0a5af;
      line-height: 14px;
      vertical-align: top;
      margin-top: 5px;
      display: block;
      transition: 0.5s; }
    .social-feeds .postslist .tweet-container .tweet-msg-container label:hover, .social-feeds .postslist .fb-post-container .tweet-msg-container label:hover, .social-feeds .postslist .tweet-container .fb-msg-container label:hover, .social-feeds .postslist .fb-post-container .fb-msg-container label:hover {
      text-decoration: none;
      cursor: pointer; }
  .social-feeds .postslist .tweet-container .tweet-img-container, .social-feeds .postslist .fb-post-container .tweet-img-container, .social-feeds .postslist .tweet-container .fb-img-container, .social-feeds .postslist .fb-post-container .fb-img-container {
    vertical-align: top;
    width: 130px; }
    @media screen and (max-width: 979px) {
      .social-feeds .postslist .tweet-container .tweet-img-container, .social-feeds .postslist .fb-post-container .tweet-img-container, .social-feeds .postslist .tweet-container .fb-img-container, .social-feeds .postslist .fb-post-container .fb-img-container {
        width: 100%; } }
    .social-feeds .postslist .tweet-container .tweet-img-container.video, .social-feeds .postslist .fb-post-container .tweet-img-container.video, .social-feeds .postslist .tweet-container .fb-img-container.video, .social-feeds .postslist .fb-post-container .fb-img-container.video {
      position: relative;
      height: auto; }
      .social-feeds .postslist .tweet-container .tweet-img-container.video::after, .social-feeds .postslist .fb-post-container .tweet-img-container.video::after, .social-feeds .postslist .tweet-container .fb-img-container.video::after, .social-feeds .postslist .fb-post-container .fb-img-container.video::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #84bce9;
        background-image: url('/templates/gis/images/external-video-icon.svg');
        background-size: 18px 18px;
        background-repeat: no-repeat;
        background-position: center;
        content: ' '; }
    .social-feeds .postslist .tweet-container .tweet-img-container > img, .social-feeds .postslist .fb-post-container .tweet-img-container > img, .social-feeds .postslist .tweet-container .fb-img-container > img, .social-feeds .postslist .fb-post-container .fb-img-container > img {
      height: auto;
      width: 100%; }
    .social-feeds .postslist .tweet-container .tweet-img-container.no-img, .social-feeds .postslist .fb-post-container .tweet-img-container.no-img, .social-feeds .postslist .tweet-container .fb-img-container.no-img, .social-feeds .postslist .fb-post-container .fb-img-container.no-img {
      background: #f0f0f5 url('/templates/gis/images/no-image-small.svg') no-repeat center center;
      height: 100%; }
  .social-feeds .postslist .tweet-container .tweet-msg-container.no-img, .social-feeds .postslist .fb-post-container .tweet-msg-container.no-img, .social-feeds .postslist .tweet-container .fb-msg-container.no-img, .social-feeds .postslist .fb-post-container .fb-msg-container.no-img {
    width: 370px;
    height: 100%; }
  .social-feeds .postslist .tweet-container:hover, .social-feeds .postslist .fb-post-container:hover {
    cursor: pointer; }
  .social-feeds .postslist .tweet-container:hover label, .social-feeds .postslist .fb-post-container:hover label {
    transition: 0.5s;
    color: #7a8557; }

.social-feeds.loading {
  background-image: url('/templates/gis/images/pageloader.gif');
  background-position: center center;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  min-height: 200px; }

.link-btn {
  color: #84bce9;
  font-family: 'Open Sans', 'sans-serif';
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.2px;
  line-height: 18px;
  text-transform: uppercase;
  display: flex;
  align-items: center; }
  .link-btn:hover {
    text-decoration: none;
    color: #84bce9; }
  .link-btn:hover:before {
    width: 30px;
    transition: 0.1s; }
  .link-btn:before {
    content: '';
    display: inline-block;
    height: 2px;
    border-radius: 2px;
    width: 20px;
    margin-right: 19px;
    z-index: 1;
    background-color: #84bce9;
    transition: 0.1s; }

.in-page-bar {
  position: fixed;
  display: flex;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #336a7f;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 10px 0;
  height: 86px; }
  @media (min-width: 980px) {
  .in-page-bar {
    top: 40%;
    right: 20px;
    width: auto;
    height: auto;
    justify-content: normal;
    background-color: transparent;
    transform: translateY(-50%);
    flex-direction: column;
    align-items: flex-end; } }
  @media (min-width: 768px) {
  .in-page-bar {
    padding: 15px 0; } }
  .in-page-bar .item {
    color: #a1bf35;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: 8px;
    font-weight: bold; }
  @media (min-width: 980px) {
    .in-page-bar .item span {
      display: inline-block;
      visibility: hidden; }
      .in-page-bar .item:hover {
        margin-right: -7px; }
        .in-page-bar .item:hover::after {
          height: 14px;
          width: 14px;
          background-color: #a1bf35;
          margin: 7px 0 7px 15px; }
        .in-page-bar .item:hover span {
          visibility: visible; } }
  @media (min-width: 375px) {
    .in-page-bar .item::before {
      content: '';
      display: inline-block;
      height: 8px;
      width: 8px;
      background-color: #bdd2dc;
      border-radius: 50%;
      margin-right: 5px; } }
  @media (min-width: 980px) {
    .in-page-bar .item::before {
      display: none; }
      .in-page-bar .item::after {
        content: '';
        display: inline-block;
        height: 8px;
        width: 8px;
        background-color: #bdd2dc;
        border-radius: 50%;
        margin: 10px 0 10px 15px; } }

.article-wrapper {
  grid-column: span 12;
  display: grid;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  grid-gap: 30px; }
  @media screen and (max-width: 767px) {
  .article-wrapper {
    grid-column-gap: 10px; } }
  .article-wrapper .article-header-block {
    grid-column: span 12;
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
    position: relative; }
  .article-wrapper .article-header-block h1 {
    grid-column: span 8;
    height: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  @media screen and (max-width: 979px) {
      .article-wrapper .article-header-block h1 {
        grid-column: span 12; } }
  .article-wrapper .article-side-bar {
    grid-column: span 4; }
  @media screen and (max-width: 767px) {
    .article-wrapper .article-side-bar {
      grid-column: span 12; } }
  .article-wrapper .article-side-bar:empty {
    grid-column: span 2; }
  @media screen and (max-width: 767px) {
      .article-wrapper .article-side-bar:empty {
        display: none; } }
  .article-wrapper .article-side-bar .custom-field {
    border-bottom: 1px solid #dcdce5; }
  .article-wrapper .article-side-bar .custom-field .detail {
    margin-bottom: 8px; }
    .article-wrapper .article-side-bar .custom-field .detail.custom:after {
      display: none; }
  .article-wrapper .article-side-bar .custom-field .detail:after {
    content: ":"; }
  .article-wrapper .article-side-bar .custom-field h3 > .badge, .article-wrapper .article-side-bar .custom-field .content .article-content-text .wf_file .wf_file_text > .badge, .article-wrapper .content .article-content-text .wf_file .article-side-bar .custom-field .wf_file_text > .badge {
    margin-bottom: 20px; }
    .article-wrapper .article-side-bar .custom-field h3 > .badge:last-child, .article-wrapper .article-side-bar .custom-field .content .article-content-text .wf_file .wf_file_text > .badge:last-child, .article-wrapper .content .article-content-text .wf_file .article-side-bar .custom-field .wf_file_text > .badge:last-child {
      margin-bottom: 0; }
  .article-wrapper .article-side-bar .custom-field:last-child {
    border-bottom: none; }
  .article-wrapper.fields-right {
    position: relative; }
  .article-wrapper.fields-right .article-header-block > .fields-container {
    display: none; }
  .article-wrapper.fields-right .full-text-img {
    grid-column: span 12;
    border-radius: 3px;
    margin-bottom: 20px;
    display: block;
    margin-top: -70px; }
  .article-wrapper.fields-right .full-text-img > img {
    max-height: 420px;
    width: 100%; }
  .article-wrapper.fields-right .content > .intro-image-wrap {
    display: none; }
  .article-wrapper.fields-right .article-side-bar {
    order: 2;
    grid-column: span 4;
    margin-left: 70px;
    background-color: #f0f0f5;
    border-radius: 3px;
    margin-bottom: auto; }
  .article-wrapper.fields-right .article-side-bar .custom-field {
    padding-left: 20px;
    padding-top: 27px;
    border-top: solid 1px #e5e5ec;
    padding-bottom: 24px;
    border-bottom: none;
    margin-bottom: 0; }
    .article-wrapper.fields-right .article-side-bar .custom-field:first-child {
      border-top: none; }
    .article-wrapper.fields-right .article-side-bar .custom-field > p {
      padding-bottom: 7px; }
  .article-wrapper.fields-right .article-side-bar .custom-field-gallery {
    background-color: white; }
    .article-wrapper.fields-right .article-side-bar .custom-field-gallery .gallery .count {
      top: 20px; }
      .article-wrapper.fields-right .article-side-bar .custom-field-gallery .gallery h2 {
        display: none; }
      .article-wrapper.fields-right .article-side-bar .custom-field-gallery .gallery .image-wrap {
        height: 300px; }
        .article-wrapper.fields-right .article-side-bar .custom-field-gallery .gallery .image-wrap .photo {
          height: 300px; }
    .article-wrapper.fields-right .article-side-bar .custom-field-gallery .link-btn {
      margin-top: 16px; }
  .article-wrapper.fields-right .content {
    order: 1; }
  .article-wrapper .full-text-img {
    display: none; }
  .article-wrapper .content {
    grid-column: span 8; }
  @media screen and (max-width: 767px) {
    .article-wrapper .content {
      grid-column: span 12; } }
  .article-wrapper .content .intro-image-wrap {
    margin-bottom: 22px; }
  .article-wrapper .content .intro-image-wrap > .intro-image {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 14px; }
  .article-wrapper .content .intro-image-wrap > .intro-caption {
    color: #a0a5af;
    font-family: 'Poppins', 'sans-serif';
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: block; }
  .article-wrapper .content .article-content-text {
    text-align: justify;
    @import 'file'; }
  .article-wrapper .content .article-content-text p {
    font-size: 15px;
    line-height: 24px;
    font-family: 'Open Sans', 'sans-serif';
    color: #3b3c3f;
    margin-bottom: 20px; }
    .article-wrapper .content .article-content-text p:last-child {
      margin-bottom: 0; }
    .article-wrapper .content .article-content-text p img, .article-wrapper .content .article-content-text p iframe {
      margin: 40px 0; }
    .article-wrapper .content .article-content-text p img {
      height: auto;
      max-width: 100%; }
      .article-wrapper .content .article-content-text p img:first-child {
        margin-top: 0; }
    .article-wrapper .content .article-content-text p .wf_caption {
      color: #a0a5af;
      font-family: 'Poppins', 'sans-serif';
      font-size: 12px;
      font-weight: 500;
      line-height: 14px;
      margin-bottom: 60px; }
      .article-wrapper .content .article-content-text p .wf_caption img, .article-wrapper .content .article-content-text p .wf_caption iframe {
        margin-bottom: 14px; }
  .article-wrapper .content .article-content-text h1, .article-wrapper .content .article-content-text h2, .article-wrapper .content .article-content-text h3, .article-wrapper .content .article-content-text .wf_file .wf_file_text {
    margin: 70px 0 30px 0; }
    .article-wrapper .content .article-content-text h1:first-child, .article-wrapper .content .article-content-text h2:first-child, .article-wrapper .content .article-content-text h3:first-child, .article-wrapper .content .article-content-text .wf_file .wf_file_text:first-child {
      margin-top: 0; }
  .article-wrapper .content .article-content-text li {
    font-size: 15px;
    line-height: 24px;
    font-family: 'Open Sans', 'sans-serif';
    color: #3b3c3f;
    margin-bottom: 7px; }
  .article-wrapper .content .article-content-text ol, .article-wrapper .content .article-content-text ul {
    margin: 30px 0; }
  .article-wrapper .content .article-content-text ol {
    list-style-type: decimal;
    margin-left: 16px; }
    .article-wrapper .content .article-content-text ol li {
      padding-left: 5px; }
  .article-wrapper .content .article-content-text ul li {
    margin-left: 19px;
    position: relative; }
    .article-wrapper .content .article-content-text ul li::before {
      content: ' ';
      width: 9px;
      height: 4px;
      margin-right: 10px;
      border-radius: 3px;
      top: 12px;
      left: -19px;
      background: #c4c8d0;
      position: absolute; }
  .article-wrapper .content .article-content-text hr {
    margin: 30px 0; }
  .article-wrapper .content .article-content-text .badge + h2, .article-wrapper .content .article-content-text .badge + p + h2 {
    margin-top: 0; }
  .article-wrapper .content .article-content-text .badge {
    margin-bottom: 13px; }
    .article-wrapper .content .article-content-text .badge h3, .article-wrapper .content .article-content-text .badge .wf_file .wf_file_text, .article-wrapper .content .article-content-text .wf_file .badge .wf_file_text {
      margin: 0; }
  .article-wrapper .content .article-content-text .wf_file {
    display: block;
    background-color: #f0f0f5;
    padding: 20px; }
    .article-wrapper .content .footer .links {
      margin-top: 60px; }
    .article-wrapper .content .footer .links .link-btn {
      margin-bottom: 15px; }
    .article-wrapper .content .footer .links .link-btn:last-child {
      margin-bottom: 0; }

#system-message-container {
  display: none; }

.comments-wrapper {
  grid-column: span 12;
  position: relative;
  margin-top: 150px; }
  .comments-wrapper:after {
    width: 100vw;
    content: '';
    position: absolute;
    top: -60px;
    bottom: -196px;
    left: calc(50% - 50vw);
    background-color: #f0f0f5;
    z-index: -2; }

.conference {
  grid-column-start: 3;
  grid-column-end: 11; }
  @media screen and (max-width: 979px) {
  .conference {
    grid-column-start: 1;
    grid-column-end: 13; } }
  .conference > .agenda {
    padding: 30px 0;
    margin-bottom: 60px;
    position: relative;
    text-align: center; }
  .conference > .agenda h1 {
    color: #fff; }
  .conference > .agenda .agenda-file a {
    color: #fff; }
  .conference > .agenda .agenda-file a:hover {
    text-decoration: underline; }
  .conference > .agenda .timeframe {
    margin: 20px 0; }
  .conference > .agenda .timeframe > h2 {
    color: #fff; }
  .conference > .agenda .timeframe .events {
    display: flex;
    justify-content: space-between;
    margin: 5px 2px; }
    @media screen and (max-width: 479px) {
      .conference > .agenda .timeframe .events {
        flex-wrap: wrap; } }
    .conference > .agenda .timeframe .events .event {
      flex: 1 auto;
      margin: 0 2px;
      width: 50%;
      background-color: #2b596b;
      color: #fff;
      padding: 10px;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 479px) {
        .conference > .agenda .timeframe .events .event {
          margin: 5px 2px; } }
    .conference > .agenda .timeframe .events .event h2 {
      color: #fff; }
    .conference > .agenda .timeframe .events .event a {
      color: #fff; }
      .conference > .agenda .timeframe .events .event a:hover {
        color: #a1bf35; }
    .conference > .agenda .timeframe .events .event .details {
      font-size: 14px; }
      .conference > .agenda .timeframe .events .event .details .speaker {
        font-size: 0; }
      .conference > .agenda .timeframe .events .event .details .speaker .name {
        font-weight: bold;
        font-size: 14px; }
      .conference > .agenda .timeframe .events .event .details .speaker .company {
        font-size: 14px; }
      .conference > .agenda .timeframe .events .event .details .stage.zero > .name {
        color: #a1bf35; }
      .conference > .agenda .timeframe .events .event .details .stage.one > .name {
        color: #5186b6; }
      .conference > .agenda .timeframe .events .event .details .stage.two > .name {
        color: #84bce9; }
      .conference > .agenda .timeframe .events .event .details .stage .name {
        font-weight: bold;
        text-transform: uppercase; }
  .conference > .agenda::after {
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    background-color: #134758;
    z-index: -1; }
  .conference > .events section > h1 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 48px; }
  .conference > .events section:last-child {
    margin-top: 72px; }
  .conference > .events section.workshops .event {
    background-color: #84bce9; }
  .conference > .events section.moderators .event {
    background-color: #a1bf35; }
    .conference > .events section.moderators .event .speaker {
      justify-content: start; }
      .conference > .events section.moderators .event .speaker .name {
        margin-bottom: 0; }
      .conference > .events section.moderators .event .speaker h2 {
        margin-bottom: 15px; }
  .conference > .events section .event {
    display: grid;
    grid-template-columns: repeat(8, minmax(auto, 1fr));
    grid-column-gap: 30px;
    margin: 20px 0;
    background-color: #2e4a58;
    padding: 30px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); }
    .conference > .events section .event h1, .conference > .events section .event h2 {
      color: #fff; }
    .conference > .events section .event h1 {
      margin-bottom: 20px; }
    .conference > .events section .event .picture {
      grid-column: span 2; }
    @media screen and (max-width: 479px) {
        .conference > .events section .event .picture {
          grid-column: span 4; } }
    .conference > .events section .event .picture img {
      width: 100%;
      border-radius: 50%;
      filter: grayscale(180%) sepia(50%) hue-rotate(187deg); }
    .conference > .events section .event .content {
      grid-column: span 8;
      font-size: 16px;
      margin-bottom: 30px; }
    .conference > .events section .event .content .about-speech {
      margin-bottom: 20px; }
    .conference > .events section .event .speaker {
      grid-column: span 6;
      display: block;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    @media screen and (max-width: 479px) {
        .conference > .events section .event .speaker {
          grid-column: span 8; } }
    .conference > .events section .event .speaker .name {
      font-weight: bold; }
    .conference > .events section .event .speaker .company {
      font-size: 16px;
      font-style: italic; }
  .conference > .registration {
    display: grid;
    grid-template-columns: repeat(8, minmax(auto, 1fr));
    grid-gap: 30px; }
  .conference > .registration form {
    grid-column-start: 2;
    grid-column-end: 8;
    position: relative; }
    @media screen and (max-width: 767px) {
      .conference > .registration form {
        grid-column: span 8; } }
    .conference > .registration form > * {
      display: block;
      margin: 10px 0;
      width: 100%; }
    .conference > .registration form input {
      border: 0;
      padding: 8px;
      color: #4b4d51;
      font-size: 14px;
      vertical-align: top;
      outline: 0;
      line-height: 16px;
      background: #f0f0f5; }
    .conference > .registration form input::placeholder {
      color: #7b808c; }
    .conference > .registration form input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 30px #faffbd inset; }
    .conference > .registration form button {
      color: #fff;
      background-color: #729000;
      padding: 10px 20px;
      text-align: center;
      transition: background-color 0.5s ease;
      text-transform: uppercase; }
    .conference > .registration form button:hover {
      background-color: #5186b6; }
    .conference > .registration form .error-container {
      background-color: #ffb9bc;
      padding: 5px 20px;
      text-align: center;
      font-size: 14px;
      display: none; }
    .conference > .registration form .error-label {
      font-size: 14px;
      color: #f44336;
      margin-top: -8px; }
    .conference > .registration form .mf-error {
      background-color: #ffb9bc; }
    .conference > .registration form .mf-captcha {
      margin-top: 30px; }
  .conference > .registration .thank-you {
    display: none;
    grid-column: span 8;
    color: #fff;
    background-color: #729000;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase; }
  .conference > .registration .loader {
    background-image: url('/templates/gis/images/pageloader.gif');
    background-position: center center;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    min-height: 200px;
    position: absolute;
    top: 0;
    display: none; }

body.page-home .main:after {
  display: none; }

body.page-conference {
  font-family: 'Exo 2', 'sans-serif' !important; }
  body.page-conference > footer > .container .logo {
    width: 286px; }
  body.page-conference > .main {
    margin-bottom: 0; }
  body.page-conference > .main::after {
    display: none; }
  body.page-conference > .page-title {
    background-color: #134758; }
  body.page-conference > .page-title h1 {
    color: #fff; }
  body.page-conference .moduletable {
    grid-column-start: 3;
    grid-column-end: 11;
    font-size: 16px; }
  @media screen and (max-width: 1279px) {
    body.page-conference .moduletable {
      grid-column-start: 1;
      grid-column-end: 13; } }
  body.page-conference .promo {
    height: 28.85vw; }
  body.page-conference .promo .custom {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
    grid-gap: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  @media screen and (max-width: 767px) {
      body.page-conference .promo .custom {
        grid-gap: 10px; } }
  body.page-conference .about h1 {
    text-transform: uppercase; }
  body.page-conference .about a {
    color: #a1bf35;
    text-decoration: underline; }
  body.page-conference .about a:hover {
    color: #84bce9; }
  body.page-conference .banners {
    position: relative;
    grid-column: span 12;
    margin-bottom: -32px; }
  body.page-conference .banners p {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
  body.page-conference .banners p img {
    margin: 20px 20px; }
    @media screen and (max-width: 767px) {
      body.page-conference .banners p img {
        width: 100%;
        height: auto;
        margin: 20px 0; } }
  body.page-conference .banners::after {
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    background-color: #dde7ec;
    z-index: -1; }
  body.page-conference h1, body.page-conference h2, body.page-conference h3, body.page-conference .article-wrapper .content .article-content-text .wf_file .wf_file_text, .article-wrapper .content .article-content-text .wf_file body.page-conference .wf_file_text {
    font-family: 'Exo 2', 'sans-serif' !important; }
  body.page-conference footer {
    color: #fff;
    background-color: #2e4a58; }
  @media screen and (max-width: 979px) {
    body.page-conference footer {
      margin-bottom: 86px; } }

body.page-registration .moduletable {
  grid-column-start: 3;
  grid-column-end: 11;
  font-size: 16px; }
  @media screen and (max-width: 1279px) {
      body.page-registration .moduletable {
        grid-column-start: 1;
        grid-column-end: 13; } }
  body.page-registration > footer {
    margin-top: 40px;
    margin-bottom: 0; }

html {
  height: 100%; }

body {
  min-height: 100%; }