@charset "UTF-8";
/*
    Main configuration file
    Created by: Bold Interactive s.r.o.
*/
/***** NORMALIZE *****/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/***** //NORMALIZE *****/
/***** BASE LAYOUT *****/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 16px;
  background: #ffffff;
  height: 100%;
  width: 100%;
}
body {
  font-family: 'Poppins', sans-serif;
  color: #414157;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 700px) {
  body {
    font-size: 85%;
  }
}
body.no-overflow {
  overflow: hidden;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
a {
  color: #414157;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a.reverse {
  text-decoration: underline;
}
a.reverse:hover {
  text-decoration: none;
}
p {
  margin-bottom: 1.1em;
}
ol {
  margin: 15px;
}
ol li {
  padding: 0 0 10px 25px;
}
b,
strong {
  font-weight: 700;
}
h1,
h2,
h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
}
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: break-word;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 0.9em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
}
h1 {
  font-size: 3rem;
}
@media screen and (max-width: 980px) {
  h1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 720px) {
  h1 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 450px) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  font-size: 3rem;
}
@media screen and (max-width: 1200px) {
  h2 {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 800px) {
  h2 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 450px) {
  h2 {
    font-size: 1.6rem;
  }
}
h3 {
  font-size: 1.25em;
}
@media screen and (max-width: 1020px) {
  h3 {
    font-size: 1.1em;
  }
}
h5 {
  font-size: 1em;
}
/***** //BASE LAYOUT *****/
/***** HELPER *****/
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.separator:after,
.clearfix:before,
.container:before,
.container-fluid:before,
.row:before,
.separator:before {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.separator:after {
  clear: both;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.affix {
  position: fixed;
}
.clear {
  clear: both;
}
.w {
  float: left;
  width: 100%;
}
.w500 {
  font-weight: 500;
}
.w--800 {
  font-weight: 800;
}
.margin__horizontal--s {
  margin: 10px 0 !important;
}
.margin__horizontal--m {
  margin: 15px 0 !important;
}
.margin__horizontal--l {
  margin: 20px 0 !important;
}
.margin__horizontal--xl {
  margin: 40px 0 !important;
}
.margin__vertical--s {
  margin: 0 10px !important;
}
.margin__vertical--m {
  margin: 0 15px !important;
}
.margin__vertical--l {
  margin: 0 20px !important;
}
.margin__vertical--xl {
  margin: 0 40px !important;
}
.margin__top--s {
  margin-top: 10px !important;
}
.margin__top--m {
  margin-top: 15px !important;
}
.margin__top--l {
  margin-top: 20px !important;
}
.margin__top--xl {
  margin-top: 40px !important;
}
.margin__bottom--s {
  margin-bottom: 10px !important;
}
.margin__bottom--m {
  margin-bottom: 15px !important;
}
.margin__bottom--l {
  margin-bottom: 20px !important;
}
.margin__bottom--xl {
  margin-bottom: 40px !important;
}
.txt-uppercase {
  text-transform: uppercase;
}
.txt-lowercase {
  text-transform: lowercase;
}
.txt-strong {
  font-weight: 700;
}
.txt-semibold {
  font-weight: 600;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.tablet-hide {
  display: block;
}
.tablet-block {
  display: none;
}
@media screen and (max-width: 992px) {
  .tablet-hide {
    display: none;
  }
  .tablet-block {
    display: block;
  }
}
.mobile-hide {
  display: block;
}
.mobile-block {
  display: none;
}
@media screen and (max-width: 750px) {
  .mobile-hide {
    display: none;
  }
  .mobile-block {
    display: block;
  }
}
/* FLEX ROWS */
.flex {
  display: -webkit-box;
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.flex-middle {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.flex-middle2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.flex-end {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
}
.flex-start {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
}
.flex-end-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
          justify-content: center;
}
.flex-self-end {
  -webkit-align-self: flex-end;
  -ms-flex-self: flex-end;
  align-self: flex-end;
}
.flex-justify-self-end {
  -webkit-justify-self: flex-end;
  -ms-justify-self: flex-end;
  justify-self: flex-end;
}
.flex-start {
  -webkit-align-self: flex-start;
  -ms-flex-self: flex-start;
  align-self: flex-start;
}
/* COLORS */
.bg--white {
  background-color: #fff !important;
}
.bg--orange {
  background-color: #FDB510 !important;
}
.bg--blue {
  background-color: #006FC1 !important;
}
.bg--blue-middle {
  background-color: #007AD3 !important;
}
.bg--green {
  background-color: #0DCC56 !important;
}
.bg--red {
  background-color: #F74762 !important;
}
.bg--gray {
  background-color: #DEDEEA !important;
}
.bg--grayMid {
  background-color: #BABAC4 !important;
}
.bg--grayDark {
  background-color: #7D7D93 !important;
}
.c--white {
  color: #fff !important;
}
.c--orange {
  color: #FDB510 !important;
}
.c--blue {
  color: #006FC1 !important;
}
.c--blueMid {
  color: #007AD3 !important;
}
.c--green {
  color: #0DCC56 !important;
}
.c--red {
  color: #F74762 !important;
}
.c--gray {
  color: #DEDEEA !important;
}
.c--grayMid {
  color: #BABAC4 !important;
}
.c--grayDark {
  color: #7D7D93 !important;
}
/* GRADIENT COLORS */
.gradientColor01 {
  background: #29e688;
  background: -webkit-gradient(linear, left top, right top, from(#29e688), to(#04dbc2));
  background: linear-gradient(to right, #29e688 0%, #04dbc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29e688', endColorstr='#04dbc2', GradientType=1);
}
/* ANIMATIONS */
.anim1-150 {
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.anim1-300 {
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.anim1_bg-150 {
  -webkit-transition: background 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: background 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.anim1_after-150:after {
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.anim1_after-300:after {
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.anim1_before-150:before {
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.anim1_before-300:before {
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
/* global elements */
.box-shadow {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
}
.border-radius {
  border-radius: 6px;
}
.border-radius-m {
  border-radius: 4px;
}
.u-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.u-select--all * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* title font size */
.f--h3 {
  font-size: 1.25rem;
}
.f--h4 {
  font-size: 1rem;
}
.iconText img,
.iconText svg {
  position: relative;
  top: -2px;
  margin-right: 7px;
}
.iconText.reverse {
  margin-right: 0;
  margin-left: 7px;
}
/***** //HELPER *****/
/***** ANIMATIONS *****/
@-webkit-keyframes bounceScroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  5.55556% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  11.11111% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  22.22222% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  27.77778% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  33.33333% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  44.44444% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bounceScroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  5.55556% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  11.11111% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  22.22222% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  27.77778% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  33.33333% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  44.44444% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes hidePuzzle {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hidePuzzle {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes showPuzzle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showPuzzle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/***** //ANIMATIONS *****/
/***** LAYOUT *****/
/* Subpage header */
.pageHeader {
  width: 100%;
  float: left;
  background: #0C8AE5 url('../../img/header_bg.jpg') repeat-x bottom left;
  min-height: 260px;
  overflow: hidden;
}
.pageHeader.s {
  min-height: auto;
}
.pageHeader.sm {
  min-height: auto;
  padding-bottom: 10px;
}
.pageHeader.gray {
  background: #F2F4F5;
}
.pageHeader.white {
  background: #fff;
}
.pageHeader.overflow {
  overflow: visible;
}
.pageHeader .loginTitle {
  clear: both;
}
.pageHeader .loginTitle a {
  color: #fff;
  display: block;
  font-size: 1.563em;
  margin-bottom: 35px;
  font-weight: Bold;
}
.pageHeader .loginOverlay {
  width: 110px;
  height: 48px;
  position: relative;
  float: left;
  background: url('../../img/login_header_overlay.png') no-repeat center bottom;
}
.pageHeader .loginOverlay:before,
.pageHeader .loginOverlay:after {
  content: '';
  width: 100vw;
  height: 100%;
  position: Absolute;
  background: #fff;
}
.pageHeader .loginOverlay:before {
  left: calc(-100vw + 1px);
}
.pageHeader .loginOverlay:after {
  right: calc(-100vw + 1px);
}
/* Project header v1 */
.profileHeader {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 400px;
  padding-top: 200px;
}
.profileHeader.small {
  padding-top: 30px;
  padding-bottom: 20px;
  min-height: inherit;
  background-color: rgba(0, 111, 193, 0.67);
}
.profileHeader:not(.small) {
  position: relative;
}
.profileHeader:not(.small):before {
  content: '';
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 256px;
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  opacity: 0.48;
}
.profileHeader:not(.small) .container {
  position: relative;
}
.profileHeader .profileTitle {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 128px 25px auto;
  grid-template-columns: 128px auto;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 25px;
  padding-top: 17px;
  padding-bottom: 25px;
}
.profileHeader .profileTitle > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.profileHeader .profileTitle > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.profileHeader .profileTitle .logo {
  width: 128px;
  height: 128px;
  background: #fff;
  padding: 15px;
}
.profileHeader .profileTitle .logo img {
  max-width: 100px;
  max-height: 100px;
}
.profileHeader .profileTitle .hTitle {
  font-size: 1.563em;
  margin-top: 0;
  margin-bottom: 0.6em;
  color: #fff;
}
.js--fixedHeader.stack {
  position: fixed;
  left: 0;
  right: 0px;
  top: -100%;
  z-index: 10;
  background-image: none;
  background-color: #006FC1;
}
.js--fixedHeader.stack.show {
  top: 0;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.js--fixedHeader.stack .profileHeader:not(.small) {
  min-height: 370px;
}
.js--fixedHeader.stack .profileHeader .profileTitle {
  -ms-grid-columns: 70px auto;
  grid-template-columns: 70px auto;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  padding-bottom: 0px;
  padding-top: 25px;
}
.js--fixedHeader.stack .profileHeader .profileTitle > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.js--fixedHeader.stack .profileHeader .profileTitle > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.js--fixedHeader.stack .profileHeader .profileTitle .logo {
  width: 70px;
  height: 70px;
}
.js--fixedHeader.stack .profileHeader .profileTitle .logo img {
  max-width: 60px;
  max-height: 60px;
}
/* Filter header */
.filterHeader {
  float: left;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr 25px auto;
  grid-template-columns: 1fr 1fr auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-column-gap: 25px;
  padding: 40px 0;
  vertical-align: text-bottom;
  position: relative;
}
.filterHeader > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.filterHeader > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.filterHeader > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
@media screen and (max-width: 600px) {
  .filterHeader {
    padding: 20px 0;
  }
}
.filterHeader .inputCol,
.filterHeader .btnCol {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: end;
          align-items: flex-end;
}
.filterHeader .inputCol .inputTitle,
.filterHeader .btnCol .inputTitle {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}
.filterHeader .inputCol {
  position: relative;
}
.filterHeader .inputCol .inputTitle {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 15px;
  display: block;
  align-self: flex-start;
}
.filterHeader .inputCol .inputTitle .number {
  font-size: 1.563rem;
  color: #006FC1;
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  .filterHeader .inputCol .inputTitle {
    font-size: 1rem;
  }
  .filterHeader .inputCol .inputTitle .number {
    font-size: 1.25rem;
  }
}
.filterHeader .btnCol {
  -webkit-box-align: end;
          align-items: flex-end;
}
.filterHeader .btnCol .btn {
  margin-right: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 56px;
}
.filterHeader .btnCol .btn:last-of-type {
  margin-right: 0;
}
.filterHeader .mapDropdown {
  width: 100%;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 10;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 0;
  grid-row-end: 1;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: 4;
  position: absolute;
  padding: 40px;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  opacity: 0;
  visibility: hidden;
}
.filterHeader .mapDropdown.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.filterHeader .mapDropdown svg path {
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
}
.filterHeader .mapDropdown svg path.selected,
.filterHeader .mapDropdown svg path:hover {
  fill: #006FC1;
}
.filterHeader .moreOptions {
  float: left;
  padding: 25px 0 0px;
  color: #fff;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  vertical-align: middle;
}
.filterHeader .moreOptions .moreTitle {
  float: left;
  margin: 0 15px 0 0;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 2.2rem;
}
.filterHeader .moreOptions .tags {
  display: inline-block;
}
.filterHeader .moreOptions .tags li {
  line-height: 1.4rem;
}
.filterHeader--search {
  -ms-grid-columns: 1fr 25px 1fr 25px 1fr 25px auto;
  grid-template-columns: 1fr 1fr 1fr auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
}
.filterHeader--search > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.filterHeader--search > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.filterHeader--search > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.filterHeader--search > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media screen and (max-width: 900px) {
  .filterHeader--search {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .filterHeader--search > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .filterHeader--search > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .filterHeader--search > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .filterHeader--search > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 600px) {
  .filterHeader--search {
    display: block;
  }
  .filterHeader--search .inputCol {
    margin-bottom: 10px;
  }
  .filterHeader--search .btnCol .btn {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 1050px) {
  .filterHeader--realizations {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .filterHeader--realizations > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .filterHeader--realizations > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .filterHeader--realizations .btnCol {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 780px) {
  .filterHeader--realizations {
    display: block;
  }
  .filterHeader--realizations .inputCol {
    margin-bottom: 20px;
  }
  .filterHeader--realizations .inputTitle {
    width: 100%;
  }
}
@media screen and (max-width: 380px) {
  .filterHeader--realizations .btnCol {
    display: block;
  }
  .filterHeader--realizations .btnCol .btn {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.headerTitle {
  text-align: center;
  color: #fff;
  margin: 10px 0;
  width: 100%;
  float: left;
}
.headerTabs {
  width: 100%;
  float: left;
}
.headerTabs ul {
  list-style-type: none;
  margin: 0;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.headerTabs ul li {
  text-transform: uppercase;
  background: #fff;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  text-align: center;
  border: 1px solid #DEDEEA;
  font-weight: bold;
  color: #7D7D93;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.headerTabs ul li a {
  padding: 20px 15px;
  display: block;
}
.headerTabs ul li.disabled {
  cursor: default;
}
.headerTabs ul li.disabled a {
  color: #7D7D93;
  cursor: default;
}
.headerTabs ul li .number {
  margin-right: 5px;
}
.headerTabs ul li.active {
  color: #414157;
  border-bottom: 2px solid #FDB510;
}
.headerTabs ul li.active a {
  color: #414157;
}
.headerTabs ul li.active .number {
  color: #006FC1;
}
.topBar {
  background: #007AD3;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  padding: 48px 15px 49px;
  min-height: 73px;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1600px) {
  .topBar {
    padding: 30px 10px 25px;
  }
}
@media screen and (max-width: 1250px) {
  .topBar {
    font-size: 0.85rem;
  }
}
.topBar:before {
  content: '';
  background: #006FC1;
  width: calc(25% + 15px);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .topBar:before {
    display: none;
  }
}
.topBar .logo,
.topBar .menu,
.topBar .userPanel {
  position: relative;
}
.topBar .logo {
  position: Absolute;
  left: 30px;
  top: 39px;
  z-index: 4;
}
.topBar .logo svg,
.topBar .logo img {
  width: 190px;
}
@media screen and (max-width: 1600px) {
  .topBar .logo {
    left: 20px;
    top: 21px;
  }
}
@media screen and (max-width: 1250px) {
  .topBar .logo {
    top: 19px;
  }
}
@media screen and (max-width: 1800px) {
  .topBar .menu {
    padding-left: 200px;
  }
}
.topBar .menu .menu-mobileBtn {
  display: none;
  width: 40px;
  height: 30px;
  position: fixed;
  right: 20px;
  margin: -2px 0 0px;
  float: right;
  z-index: 5;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.topBar .menu .menu-mobileBtn span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.topBar .menu .menu-mobileBtn span:nth-child(1) {
  top: 0px;
}
.topBar .menu .menu-mobileBtn span:nth-child(2) {
  top: 10px;
}
.topBar .menu .menu-mobileBtn span:nth-child(3) {
  top: 10px;
}
.topBar .menu .menu-mobileBtn span:nth-child(4) {
  top: 20px;
}
.topBar .menu .menu-mobileBtn.open span {
  background: #fff;
}
.topBar .menu .menu-mobileBtn.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
.topBar .menu .menu-mobileBtn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.topBar .menu .menu-mobileBtn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.topBar .menu .menu-mobileBtn.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
@media screen and (max-width: 1024px) {
  .topBar .menu .menu-mobileBtn {
    display: block;
  }
}
.topBar .menu .menu-ul {
  list-style: none;
}
.topBar .menu .menu-ul li {
  display: inline-block;
  margin-right: 10px;
}
.topBar .menu .menu-ul li:not(.inquiryBtn) a {
  color: #fff;
  font-weight: bold;
  padding: 13px 18px;
  position: relative;
  overflow: hidden;
}
.topBar .menu .menu-ul li:not(.inquiryBtn) a:before {
  content: '';
  width: 0;
  height: 2px;
  border-radius: 3px;
  left: 10px;
  bottom: 5px;
  position: absolute;
  background: #FDB510;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.topBar .menu .menu-ul li:not(.inquiryBtn) a:hover:before {
  width: calc(100% - 20px);
}
.topBar .menu .menu-ul li:not(.inquiryBtn).active a {
  background: #006FC1;
}
.topBar .menu .menu-ul li:not(.inquiryBtn).active a:before {
  display: none;
}
@media screen and (max-width: 1024px) {
  .topBar .menu .menu-ul {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    max-width: 320px;
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
    -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
    top: 0px;
    background: #006FC1;
    position: fixed;
    right: 0;
    top: 0;
    padding: 70px 40px 20px 20px;
    text-align: right;
    z-index: 4;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    flex-wrap: wrap;
    border-left: 1px solid #2b90da;
  }
  .topBar .menu .menu-ul.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .topBar .menu .menu-ul li {
    width: 100%;
    font-size: 20px;
    margin: 13px 0;
  }
}
.topBar .userPanel {
  position: absolute;
  right: 0;
  top: 32px;
  line-height: 25px;
  padding-right: 30px;
}
.topBar .userPanel ul {
  list-style: none;
}
@media screen and (max-width: 1600px) {
  .topBar .userPanel {
    top: 15px;
  }
}
@media screen and (max-width: 1250px) {
  .topBar .userPanel {
    top: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .topBar .userPanel {
    right: 50px;
  }
}
.topBar.sticky {
  padding: 30px 15px 25px;
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
}
@media screen and (max-width: 1600px) {
  .topBar.sticky {
    padding: 30px 10px 25px;
  }
}
@media screen and (min-width: 1251px) {
  .topBar.sticky .logo {
    top: 21px;
  }
}
@media screen and (min-width: 1251px) {
  .topBar.sticky .userPanel {
    top: 15px;
  }
}
.topBar.profile {
  position: absolute;
}
.topBar.profile.stack {
  position: fixed;
  top: -100%;
}
.topBar.profile.stack.show {
  top: 0;
}
.topBar.profile .menu .menu-mobileBtn {
  position: absolute;
  right: -5px;
}
#app {
  height: 100%;
}
section {
  float: left;
  width: 100%;
}
.container {
  max-width: 1130px;
  margin: 0 auto;
}
@media screen and (max-width: 1450px) {
  .container {
    padding: 0px 15px;
  }
}
.container.small {
  max-width: 940px;
}
.container.large {
  max-width: 1408px;
}
.container.full {
  max-width: 100%;
}
.pageContent {
  background: #fff;
  float: left;
  width: 100%;
}
.pageContent.gray {
  background-color: #F2F4F5;
}
.newsletterFooter {
  background: #414157;
  padding: 30px 0;
  position: relative;
}
.newsletterFooter.topIndent {
  margin-top: 100px;
}
.newsletterFooter:before {
  content: '';
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background: rgba(222, 222, 234, 0.17);
}
.newsletterFooter .container {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.newsletterFooter .l-side {
  -webkit-box-flex: 0;
          flex: 0 0 66.6666%;
  width: 66.6666%;
  max-width: 66.6666%;
  padding: 20px 20px 0 0;
}
@media screen and (max-width: 1100px) {
  .newsletterFooter .l-side {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .newsletterFooter .l-side {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.newsletterFooter .l-side .title {
  font-size: 1.563rem;
  margin-bottom: 10px;
}
.newsletterFooter .r-side {
  -webkit-box-flex: 0;
          flex: 0 0 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}
@media screen and (max-width: 1100px) {
  .newsletterFooter .r-side {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .newsletterFooter .r-side {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.newsletterFooter .l-side {
  color: #fff;
}
.newsletterFooter .newsletterForm {
  background: #333345;
  padding: 25px;
}
@media screen and (max-width: 600px) {
  .newsletterFooter .newsletterForm {
    padding: 20px;
  }
}
.newsletterFooter .newsletterForm .customCheckbox {
  margin: 10px 0 10px;
}
.newsletterFooter .newsletterForm .customCheckbox .title {
  color: #fff;
  font-size: 0.813rem;
}
.newsletterFooter .newsletterForm .customCheckbox a {
  color: #fff;
}
.preFooter {
  float: left;
  width: 100%;
  background: #414157;
  color: #fff;
  position: relative;
}
.preFooter:before {
  content: '';
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background: rgba(222, 222, 234, 0.17);
}
.preFooter .container {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.preFooter .l-side {
  padding: 37px 50px 25px 0;
}
.preFooter .l-side img {
  margin-bottom: 1rem;
}
.preFooter .l-side > p {
  margin-bottom: 0;
}
.preFooter .l-side,
.preFooter .r-side {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}
@media screen and (max-width: 800px) {
  .preFooter .l-side,
  .preFooter .r-side {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.preFooter .signpost {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid rgba(222, 222, 234, 0.17);
  height: 100%;
}
.preFooter .signpost .card {
  border-left: 1px solid rgba(222, 222, 234, 0.17);
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: 33.333333%;
  padding: 30px 25px 25px;
  position: Relative;
}
@media screen and (max-width: 480px) {
  .preFooter .signpost .card {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
.preFooter .signpost .card .ico,
.preFooter .signpost .card .title,
.preFooter .signpost .card .arrow {
  position: relative;
}
.preFooter .signpost .card .ico {
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 480px) {
  .preFooter .signpost .card .ico {
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
  }
}
.preFooter .signpost .card .title {
  color: #fff;
  font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
  .preFooter .signpost .card .title {
    margin-bottom: 0;
  }
}
.preFooter .signpost .card .arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  margin-top: 2.5rem;
}
@media screen and (max-width: 480px) {
  .preFooter .signpost .card .arrow {
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
    margin: 0;
  }
}
.preFooter .signpost .card .arrow svg path {
  fill: #fff;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preFooter .signpost .card:before {
  content: '';
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
  position: Absolute;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preFooter .signpost .card.orange:before {
  background-color: #FDB510;
}
.preFooter .signpost .card.orange .arrow {
  background-color: #FDB510;
}
.preFooter .signpost .card.orange:hover .arrow {
  background-color: #fff;
}
.preFooter .signpost .card.orange:hover .arrow svg path {
  fill: #FDB510;
}
.preFooter .signpost .card.red:before {
  background-color: #F74762;
}
.preFooter .signpost .card.red .arrow {
  background-color: #F74762;
}
.preFooter .signpost .card.red:hover .arrow {
  background-color: #fff;
}
.preFooter .signpost .card.red:hover .arrow svg path {
  fill: #F74762;
}
.preFooter .signpost .card.green:before {
  background-color: #0DCC56;
}
.preFooter .signpost .card.green .arrow {
  background-color: #0DCC56;
}
.preFooter .signpost .card.green:hover .arrow {
  background-color: #fff;
}
.preFooter .signpost .card.green:hover .arrow svg path {
  fill: #0DCC56;
}
.preFooter .signpost .card:hover:Before {
  height: 100%;
}
.footer {
  background: #414157;
  padding: 50px 0 40px;
  float: left;
  width: 100%;
  color: #fff;
}
.footer .container {
  display: -webkit-box;
  display: flex;
  flex-wrap: Wrap;
}
.footer .container .col {
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}
@media screen and (max-width: 800px) {
  .footer .container .col {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 500px) {
  .footer .container .col {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    text-align: Center;
    margin-bottom: 25px;
  }
}
.footer .container .col .colTitle {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.footer .container .col .colTitle.xl {
  margin-bottom: 30px;
  font-size: 1.25rem;
}
@media screen and (max-width: 800px) {
  .footer .container .col .colTitle.xl {
    margin-bottom: 10px;
  }
}
.footer .container .col ul {
  list-style: none;
}
.footer .container .col ul li {
  margin-bottom: 7px;
}
.footer .container .col ul li a {
  color: #fff;
  font-weight: bold;
}
.footer .container .col ul li a:hover {
  text-decoration: underline;
}
.footer .container .col p {
  margin-bottom: 0.3rem;
}
.copywrite {
  float: left;
  width: 100%;
  background: #333345;
  padding: 20px 0;
  color: #fff;
  font-size: 0.813rem;
}
@media screen and (max-width: 800px) {
  .copywrite {
    text-align: center;
  }
}
.copywrite .menu {
  display: inline-block;
  list-style: none;
  border-left: 1px solid rgba(255, 255, 255, 0.17);
  margin-left: 15px;
  padding-left: 15px;
}
@media screen and (max-width: 800px) {
  .copywrite .menu {
    border-left: 0;
    padding-left: 0;
    margin-top: 10px;
    display: block;
  }
}
.copywrite .menu li {
  display: inline-block;
  margin: 0px 5px;
}
.copywrite .menu li a {
  color: #fff;
}
.copywrite .menu li a:hover {
  text-decoration: underline;
}
/***** //LAYOUT *****/
.btn {
  background: transparent;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  display: inline-block;
  -webkit-transition: 250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 250ms cubic-bezier(0.77, 0, 0.175, 1);
  text-decoration: none;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  position: relative;
  padding: 13px 19px;
  cursor: pointer;
  border: 1px solid #0C8AE5;
  background: #0C8AE5;
  text-transform: uppercase;
}
@media screen and (max-width: 890px) {
  .btn {
    font-size: 0.813em;
  }
}
.btn--blueBorder {
  background: transparent;
  color: #007AD3;
}
.btn--blueBorder:hover {
  background: #007AD3;
  color: #fff;
}
.btn--midBlue,
.btn--blueMid {
  background: #007AD3;
  color: #fff;
}
.btn--midBlue:hover,
.btn--blueMid:hover {
  background: #006FC1;
  border-color: #006FC1;
}
.btn--midBlue:hover svg path,
.btn--blueMid:hover svg path {
  fill: #fff;
}
.btn--green {
  background: #0DCC56;
  border-color: #0DCC56;
  color: #fff;
}
.btn--green:hover {
  background: #0AAF49;
  border-color: #0AAF49;
}
.btn--green:hover svg path {
  fill: #fff;
}
.btn--darkBlue {
  background: #006FC1;
  color: #fff;
}
.btn--darkBlue:hover {
  background: #007AD3;
  border-color: #007AD3;
}
.btn--darkBlue:hover svg path {
  fill: #006FC1;
}
.btn--orange {
  background: #FDB510;
  border-color: #FDB510;
}
.btn--orange:hover {
  background: #DE9C02;
  border-color: #DE9C02;
}
.btn--orange.reverseBg:hover {
  background: #fff;
  border-color: #fff;
  color: #FDB510;
}
.btn--orange.reverseBg:hover svg path {
  fill: #FDB510;
}
.btn--white {
  background: #fff;
  border-color: #fff;
  color: #007AD3;
}
.btn--white:hover {
  background: #E6F4FF;
  border-color: #E6F4FF;
}
.btn--gray {
  background: #ECEFF1;
  border-color: #ECEFF1;
  color: #333345;
}
.btn--gray:hover {
  background: #dddede;
  border-color: #dddede;
  color: #333345;
}
.btn--ico svg {
  margin: -2px 10px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.btn--ico svg path {
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.btn--ico__reverse svg {
  margin: -2px 0px 0px 10px;
}
.btn--transparent {
  background-color: transparent;
  border-color: transparent;
}
.btn--transparent:hover {
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.btn--backToSearch {
  background: Transparent;
  color: #fff;
  border: 0;
  padding: 5px 0;
}
.btn--backToSearch .ico {
  margin-right: 10px;
}
.btn--backToSearch span {
  position: relative;
  overflow: hidden;
}
.btn--backToSearch span:before {
  content: '';
  width: 0px;
  height: 2px;
  left: 0px;
  bottom: 0px;
  position: absolute;
  background: #fff;
}
.btn--backToSearch:hover {
  color: #fff;
}
.btn--backToSearch:hover span:before {
  width: 100%;
}
.btn--backToSearch.f--xl {
  font-size: 1.938em;
  text-transform: none;
}
.btn.full {
  width: 100%;
}
.btn.p--s {
  padding: 5px 10px;
}
.btn.p--m {
  padding: 15px 20px;
}
@media screen and (max-width: 890px) {
  .btn.p--m {
    padding: 13px 17px;
  }
}
.btn.p--xl {
  padding: 17px 36px;
}
@media screen and (max-width: 890px) {
  .btn.p--xl {
    padding: 15px 30px;
  }
}
.btn--disabled {
  background-color: #DEDEEA;
  border-color: #DEDEEA;
  color: #fff;
  cursor: default;
  outline: 0;
}
.btn--disabled:hover {
  background-color: #DEDEEA;
  border-color: #DEDEEA;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #e5e5e5 inset !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="file"],
input[type="time"],
input[type="date"],
select,
textarea {
  border: 0px;
  background-color: #fff;
  padding: 15px 20px;
  width: 100%;
  color: #4D5061;
  border-bottom: 2px solid #FDB510;
}
input[type="text"]:active,
input[type="email"]:active,
input[type="password"]:active,
input[type="tel"]:active,
input[type="file"]:active,
input[type="time"]:active,
input[type="date"]:active,
select:active,
textarea:active,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus,
input[type="time"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
  outline: 0;
}
input[type="text"]:-moz-read-only, input[type="email"]:-moz-read-only, input[type="password"]:-moz-read-only, input[type="tel"]:-moz-read-only, input[type="file"]:-moz-read-only, input[type="time"]:-moz-read-only, input[type="date"]:-moz-read-only, textarea:-moz-read-only {
  color: #9c9ca0;
}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="file"]:disabled,
input[type="time"]:disabled,
input[type="date"]:disabled,
textarea:disabled,
input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="password"]:read-only,
input[type="tel"]:read-only,
input[type="file"]:read-only,
input[type="time"]:read-only,
input[type="date"]:read-only,
textarea:read-only {
  color: #9c9ca0;
}
textarea {
  min-height: 120px;
}
select:selected {
  color: blue;
}
/* checkbox */
.customCheckbox {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 25px;
  line-height: 18px;
  padding-top: 1px;
  float: left;
  width: 100%;
  margin: 6px 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #4a4844;
}
.customCheckbox a {
  color: #4a4844;
}
.customCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.customCheckbox input:checked ~ .checkmark {
  background-color: #e9edfb;
}
.customCheckbox input:checked ~ .checkmark:after {
  display: block;
}
.customCheckbox .title {
  color: #4D5061;
  line-height: 1.3em;
}
.customCheckbox .title a {
  text-decoration: underline;
}
.customCheckbox .checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #BABAC4;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.customCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 1px;
  width: 3px;
  height: 10px;
  border: solid #4a4844;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.customCheckbox:hover input ~ .checkmark {
  background-color: #e9edfb;
}
.customCheckbox.dark:checked ~ .checkmark {
  background-color: #e9edfb;
}
.customCheckbox.dark .checkmark {
  background-color: #333345;
  border: 1px solid #e2e1da;
}
.customCheckbox.bluebg .title {
  color: #fff;
}
.customCheckbox.bluebg .title a {
  color: #fff;
}
/* SELECT */
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.customSelectContainer {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  width: 220px;
  height: 40px;
}
.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px 15px 8px 10px;
  -webkit-transition: 200ms linear;
  transition: 200ms linear;
  color: #fff;
  font-weight: 500;
}
.select-styled:after {
  content: "";
  width: 8px;
  height: 7px;
  position: absolute;
  top: 16px;
  right: 10px;
  background: url('../../img/icons/select_arrow_down.png') no-repeat center center;
}
.select-styled:hover {
  color: #006FC1;
}
.select-styled:active,
.select-styled.active {
  color: #006FC1;
}
.select-styled:active:after,
.select-styled.active:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: -3px;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  z-index: 500;
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid transparent;
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
  font-weight: 500;
}
.select-options li:hover {
  color: #006FC1;
}
.select-options li[rel="hide"] {
  display: none;
}
.defaultForm .input {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  padding: 2px 0 6px;
  border-bottom: 2px solid #006FC1;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.defaultForm .input .placeholder {
  position: absolute;
  top: -25px;
  left: 20px;
  font-size: 16px;
  color: #9D9FA8;
  opacity: 0;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.defaultForm .input input[type="text"],
.defaultForm .input input[type="email"],
.defaultForm .input input[type="password"],
.defaultForm .input input[type="tel"],
.defaultForm .input textarea {
  font-size: 20px;
  padding: 15px 20px 10px;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.defaultForm .input.focus:not(.error) {
  padding: 8px 0 0px;
}
.defaultForm .input.focus:not(.error) .placeholder {
  top: 5px;
  opacity: 1;
}
.defaultForm .input.block {
  display: block;
}
/* ALERTS */
.validationContainer {
  margin: 5px 0 15px;
  clear: both;
  width: 100%;
}
.validationContainer .alert {
  padding: 8px 30px;
  display: block;
  text-align: center;
  margin-bottom: 5px;
  font-size: 15px;
  position: relative;
}
.validationContainer .alert .close {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.313' height='11.312' viewBox='0 0 11.313 11.312'%3E %3Cpath id='bx-x' d='M16.192,6.344l-4.243,4.242L7.707,6.344,6.293,7.758,10.535,12,6.293,16.242l1.414,1.414,4.242-4.242,4.243,4.242,1.414-1.414L13.364,12l4.242-4.242Z' transform='translate(-6.293 -6.344)' fill='%23333345'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center center;
  position: Absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}
.validationContainer .alert .close:hover {
  opacity: 0.8;
}
.validationContainer .alert.danger {
  color: #F74762;
}
.validationContainer .alert.danger.border {
  border: 1px solid #F74762;
}
.validationContainer .alert.danger.reverse {
  background-color: #F74762;
}
.validationContainer .alert.success {
  color: #0DCC56;
}
.validationContainer .alert.success.border {
  border: 1px solid #0DCC56;
}
.validationContainer .alert.success.reverse {
  background-color: #0DCC56;
}
.validationContainer .alert.info {
  color: #FDB510;
}
.validationContainer .alert.info.border {
  border: 1px solid #FDB510;
}
.validationContainer .alert.info.reverse {
  background-color: #FDB510;
}
.validationContainer .alert.reverse {
  color: #fff;
}
.validationContainer .alert.reverse .close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.313' height='11.312' viewBox='0 0 11.313 11.312'%3E %3Cpath id='bx-x' d='M16.192,6.344l-4.243,4.242L7.707,6.344,6.293,7.758,10.535,12,6.293,16.242l1.414,1.414,4.242-4.242,4.243,4.242,1.414-1.414L13.364,12l4.242-4.242Z' transform='translate(-6.293 -6.344)' fill='%23ffffff'/%3E %3C/svg%3E ");
}
.validationContainer .alert.white {
  background-color: #fff;
}
.inputIco--date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 11H9V13H7zM7 15H9V17H7zM11 11H13V13H11zM11 15H13V17H11zM15 11H17V13H15zM15 15H17V17H15z' fill='%23414157'/%3E%3Cpath d='M5,22h14c1.103,0,2-0.897,2-2V8V6c0-1.103-0.897-2-2-2h-2V2h-2v2H9V2H7v2H5C3.897,4,3,4.897,3,6v2v12 C3,21.103,3.897,22,5,22z M19,8l0.001,12H5V8H19z' fill='%23414157' /%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
}
.inputIco--time {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10c5.514,0,10-4.486,10-10S17.514,2,12,2z M12,20c-4.411,0-8-3.589-8-8 s3.589-8,8-8s8,3.589,8,8S16.411,20,12,20z' fill='%23414157' /%3E%3Cpath d='M13 7L11 7 11 13 17 13 17 11 13 11z' fill='%23414157' /%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
}
.list--numbered {
  counter-reset: section;
  list-style: none;
  margin: 10px 0;
}
.list--numbered li {
  counter-increment: section;
}
.list--numbered li:before {
  content: "0" counter(section);
  font-size: 3em;
  color: #BABAC4;
  font-weight: bold;
}
.list--numbered li:nth-child(9) ~ li:before {
  content: counter(section);
}
.list--numbered li .desc {
  font-size: 0.813em;
}
.list--numbered.horizontal {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.list--numbered.horizontal.c4 {
  margin: 0px -15px;
}
.list--numbered.horizontal.c4 li {
  -webkit-box-flex: 0;
          flex: 0 0 calc(25% - 30px);
  max-width: calc(25% - 30px);
  width: calc(25% - 30px);
  padding: 5px 15px;
  margin: 5px 15px;
}
@media screen and (max-width: 900px) {
  .list--numbered.horizontal.c4 li {
    -webkit-box-flex: 0;
            flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 450px) {
  .list--numbered.horizontal.c4 li {
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
  }
}
.list--numbered.horizontal.c2 {
  margin: 0px -15px;
}
.list--numbered.horizontal.c2 li {
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
  width: calc(50% - 30px);
  padding: 15px;
  margin: 15px;
}
@media screen and (max-width: 550px) {
  .list--numbered.horizontal.c2 li {
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
  }
}
.list--icon {
  list-style: none;
}
.list--icon.c2 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.list--icon.c2 li {
  -webkit-box-flex: 1;
          flex: 1 1 50%;
}
.list--icon.c-auto {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.list--icon.c-auto li {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
}
.list--icon li {
  list-style: none;
}
.list--icon > li {
  display: -webkit-box;
  display: flex;
  margin-bottom: 20px;
}
.list--icon > li .ico {
  width: 56px;
  height: 56px;
  -webkit-box-flex: 0;
          flex: 0 0 56px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.17);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  overflow: hidden;
}
.list--icon > li .content {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-left: 15px;
  padding-top: 20px;
}
.list--icon > li .content .hTitle {
  margin-bottom: 5px;
  margin-top: 0;
}
.list--icon > li.sm .ico {
  width: 42px;
  height: 42px;
  -webkit-box-flex: 0;
          flex: 0 0 42px;
}
.list--icon > li.sm .content {
  padding-top: 10px;
  padding-left: 10px;
}
@media screen and (max-width: 700px) {
  .list--icon > li.sm .content {
    padding-top: 15px;
  }
}
.list--icon > li.sm .content .hTitle {
  font-size: 0.813em;
}
.list--icon.img li .ico {
  width: 64px;
  height: 64px;
  -webkit-box-flex: 0;
          flex: 0 0 64px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 0;
}
.list--icon.img li .ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.list--icon.square .ico {
  border-radius: 0;
}
.list--contact li {
  margin-bottom: 5px;
}
.list--contact li img {
  margin-right: 5px;
  margin-top: -2px;
}
.defaultTable {
  border-collapse: collapse;
  width: 100%;
}
.defaultTable.notFull {
  width: inherit;
}
.defaultTable tr th {
  background: #9B9A94;
  padding: 9px 14px;
  color: #fff;
  font-weight: 300;
}
.defaultTable tr td {
  padding: 9px 14px;
  background: #f4f3f2;
}
.defaultTable tr:nth-child(even) td {
  background: #ffffff;
}
.divider {
  clear: both;
  margin: 10px auto;
  width: 100%;
  float: left;
  height: 1px;
  background: #006FC1;
}
.divider.gray {
  background: #DEDEEA;
}
.divider.icon {
  text-align: Center;
  height: 56px;
  position: relative;
  background: transparent;
  margin: 0 auto 25px;
}
.divider.icon .ico {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.17);
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.divider.icon:before {
  content: '';
  width: calc(50% - 60px);
  height: 1px;
  background: rgba(255, 255, 255, 0.17);
  left: 0px;
  position: Absolute;
  top: 50%;
}
.divider.icon:after {
  content: '';
  width: calc(50% - 60px);
  height: 1px;
  background: rgba(255, 255, 255, 0.17);
  right: 0px;
  position: Absolute;
  top: 50%;
}
.flexRow {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 15px -15px 25px;
}
@media screen and (max-width: 980px) {
  .flexRow {
    margin: 15px -15px 15px;
  }
}
@media screen and (max-width: 600px) {
  .flexRow {
    margin: 5px 0;
  }
}
.flexRow.center {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.flexRow.middle {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 600px) {
  .flexRow.col1 {
    margin: 5px -15px 5px;
  }
}
.flexRow.col1 .col {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  padding: 0px 15px;
}
@media screen and (max-width: 1020px) {
  .flexRow.col2 {
    margin: 15px 0px 15px;
  }
}
.flexRow.col2 .col {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  padding: 0px 15px;
}
@media screen and (max-width: 1020px) {
  .flexRow.col2 .col {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding: 0;
  }
}
.flexRow.col3 .col {
  width: 33.3333%;
  max-width: 33.3333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.3333%;
  padding: 0px 15px;
}
@media screen and (max-width: 1020px) {
  .flexRow.col3 .col {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  .flexRow.col3 .col {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding: 0;
  }
}
.flexRow.col4 .col {
  width: 25%;
  max-width: 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  padding: 0px 15px;
}
@media screen and (max-width: 1020px) {
  .flexRow.col4 .col {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  .flexRow.col4 .col {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding: 0;
  }
}
.flexRow.col5 .col {
  width: 20%;
  max-width: 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  padding: 0px 15px;
}
@media screen and (max-width: 1020px) {
  .flexRow.col5 .col {
    width: 33.33333%;
    max-width: 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 800px) {
  .flexRow.col5 .col {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    padding: 0;
  }
}
@media screen and (max-width: 380px) {
  .flexRow.col5 .col {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding: 0;
  }
}
.spinner01 {
  width: 18px;
  height: 18px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  margin-left: 6px;
  margin-top: 2px;
  display: none;
  float: right;
}
.spinner01.gray {
  background: #c3c3c3;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.breadcrumb {
  width: 100%;
  float: left;
  margin: 30px 0 10px;
  font-size: 14px;
}
.breadcrumb.moved {
  margin-top: 48px;
}
@media screen and (max-width: 700px) {
  .breadcrumb.moved {
    margin-top: 25px;
  }
}
.breadcrumb a,
.breadcrumb span {
  padding: 2px 30px 2px 0px;
  position: relative;
  float: left;
  height: 22px;
  line-height: 18px;
}
.breadcrumb a:after,
.breadcrumb span:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.991' height='8' viewBox='0 0 4.991 8'%3E %3Cpath id='bx-chevron-right' d='M10.284,14.293l4-4-4-4-.991.991L12.3,10.293,9.293,13.3Z' transform='translate(-9.293 -6.293)' fill='%23fff'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: Center center;
  background-size: contain;
  width: 5px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  float: right;
  margin: 0 10px;
}
.breadcrumb a:last-child:after,
.breadcrumb span:last-child:after {
  display: none;
}
.breadcrumb a.home,
.breadcrumb span.home {
  font-size: 18px;
  line-height: 18px;
  position: relative;
  top: -2px;
}
.breadcrumb a.home:after,
.breadcrumb span.home:after {
  top: 1px;
}
.breadcrumb a.home:hover,
.breadcrumb span.home:hover {
  color: #006FC1;
}
.breadcrumb a {
  color: #fff;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb span {
  color: #fff;
  opacity: 0.67;
}
.breadcrumb.dark a,
.breadcrumb.dark span {
  color: #414157;
}
.breadcrumb.dark a:after,
.breadcrumb.dark span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.991' height='8' viewBox='0 0 4.991 8'%3E %3Cpath id='bx-chevron-right' d='M10.284,14.293l4-4-4-4-.991.991L12.3,10.293,9.293,13.3Z' transform='translate(-9.293 -6.293)' fill='%23414157'/%3E %3C/svg%3E ");
}
.pagination {
  margin: 30px 0;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
}
.pagination a,
.pagination span {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
          flex: 0 0 36px;
  border-radius: 50%;
  margin: 3px;
  font-size: 0.813em;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.pagination a:not(.dots),
.pagination span:not(.dots) {
  border: 1px solid #BABAC4;
  background: #fff;
}
.pagination a.arrow,
.pagination span.arrow {
  background: #BABAC4;
  border-color: #BABAC4;
}
.pagination a.arrow.disabled,
.pagination span.arrow.disabled {
  opacity: 0.27;
}
.pagination a.arrow.next,
.pagination span.arrow.next {
  padding: 2px 2px 2px 4px;
}
.pagination a.active,
.pagination span.active {
  background: #007AD3;
  color: #fff;
  font-weight: bold;
  border-color: #007AD3;
}
.pagination a.dots,
.pagination span.dots {
  cursor: default;
  margin: 3px 0;
}
.pagination a:hover,
.pagination a:focus {
  background: #007AD3;
  color: #fff;
  border-color: #007AD3;
}
.tags {
  list-style: none;
  display: block;
}
.tags li {
  float: left;
  background: #EDEDF7;
  padding: 2px 10px 2px 27px;
  margin: 0px 5px 2px 0;
  border-radius: 20px;
  font-size: 0.813em;
  position: relative;
}
.tags li:before {
  content: '';
  width: 12px;
  height: 10px;
  position: absolute;
  left: 9px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9.259' viewBox='0 0 12 9.259'%3E %3Cpath id='bx-check' d='M9.212,14.2,6.47,11.456,5.293,12.633l3.919,3.919L17.293,8.47,16.116,7.293Z' transform='translate(-5.293 -7.293)' fill='%231949ea'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center center;
}
.tags li a {
  border-radius: 20px;
}
.tags--blue li {
  background: #006FC1;
  color: #fff;
}
.tags--blue li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9.259' viewBox='0 0 12 9.259'%3E %3Cpath id='bx-check' d='M9.212,14.2,6.47,11.456,5.293,12.633l3.919,3.919L17.293,8.47,16.116,7.293Z' transform='translate(-5.293 -7.293)' fill='%23FDB510'/%3E %3C/svg%3E ");
}
.tags--big li {
  font-size: 1rem;
  margin-bottom: 10px;
}
.tags--big li a {
  line-height: 2rem;
}
.tags--noIco li {
  padding: 3px 15px 3px 15px;
}
.tags--noIco li:before {
  display: none;
}
.tags--links li {
  padding: 0;
}
.tags--links li a {
  padding: 3px 15px 3px 15px;
}
.tags--links li a:hover {
  background: #0C8AE5;
  color: #fff;
}
.tags.hover li:hover {
  background: #0C8AE5;
}
.tags.hover li:hover a {
  color: #fff;
}
.priceTable {
  padding: 15px;
  border: 1px solid #DEDEEA;
  background: #fff;
  max-width: 940px;
  margin: 20px auto;
}
.priceTable .tableRow {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1;
  grid-template-rows: 1;
  -ms-grid-columns: 2fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}
.priceTable .tableRow > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.priceTable .tableRow > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.priceTable .tableRow > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.priceTable .tableRow > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.priceTable .tableRow > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.priceTable .tableRow div {
  padding: 10px 18px;
}
.priceTable .tableRow div + div {
  border-left: 1px solid #DEDEEA;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.priceTable .tableRow:not(.tHead):nth-of-type(odd) {
  background: #F2F4F5;
}
.priceTable .tHead .name {
  border: 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.priceTable .tHead .price {
  display: block;
  padding: 20px 5px;
}
.priceTable .tHead .price > span {
  display: block;
}
.priceTable .tHead .price .text {
  font-size: 16px;
  font-weight: bold;
}
.priceTable .tHead .price .text .val {
  font-size: 20px;
}
.priceTable .tHead .price .text .val.free {
  font-size: 31px;
}
.priceTable .tHead .price .period {
  font-size: 13px;
  color: #7D7D93;
}
.mapInteractiveCR {
  padding: 20px 0;
}
.mapInteractiveCR #mapSVG path {
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
}
.mapInteractiveCR #mapSVG path:hover {
  fill: #006FC1;
  border: 0;
  outline: 0;
}
.mapInteractiveCR #mapSVG path:focus {
  border: 0;
  outline: 0;
}
.mapInteractiveCR__popup {
  padding: 10px 20px;
  font-size: 0.813rem;
}
.mapInteractiveCR__popup .popupTitle {
  margin-bottom: 8px;
  font-size: 0.813rem;
}
.mapInteractiveCR__popup .line {
  display: block;
  text-align: left;
}
.mapInteractiveCR__popup .line.playground .number {
  color: #FDB510;
}
.mapInteractiveCR__popup .line.sportGround .number {
  color: #0DCC56;
}
.mapInteractiveCR__popup .line.customRealization .number {
  color: #F74762;
}
.mapInteractiveCR__popup .line .number {
  width: 24px;
  display: inline-block;
  margin-right: 6px;
  text-align: right;
  font-weight: bold;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  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);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.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.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 */
/* TODO: There's no such file.
.slick-loading .slick-list {
  background: #fff url('img/assets/ajax-loader.gif') center center no-repeat;
}*/
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 48px;
  width: 48px;
  line-height: 0px;
  font-size: 0px;
  top: 50%;
  cursor: pointer;
  background: transparent;
  color: transparent;
  z-index: 3;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  background-color: rgba(0, 111, 193, 0.87);
  border-radius: 50%;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background-color: #006fc1;
  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 {
  content: '';
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.slick-prev {
  left: 20px;
}
.slick-prev:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.121' height='11.414' viewBox='0 0 7.121 11.414'%3E %3Cpath id='bx-chevron-left' d='M13.293,6.293,7.586,12l5.707,5.707,1.414-1.414L10.414,12l4.293-4.293Z' transform='translate(-7.586 -6.293)' fill='%23fff'/%3E %3C/svg%3E ");
}
.slick-next {
  right: 20px;
}
.slick-next:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.121' height='11.414' viewBox='0 0 7.121 11.414'%3E %3Cpath id='bx-chevron-right' d='M10.707,17.707,16.414,12,10.707,6.293,9.293,7.707,13.586,12,9.293,16.293Z' transform='translate(-9.293 -6.293)' fill='%23fff'/%3E %3C/svg%3E ");
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.customSlickArrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  float: left;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  cursor: pointer;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 980px) {
  .customSlickArrow {
    width: 40px;
    height: 40px;
    margin-top: -4px;
  }
  .customSlickArrow svg {
    width: 10px;
  }
}
@media screen and (max-width: 450px) {
  .customSlickArrow {
    width: 32px;
    height: 32px;
    margin: -4px 10px 0 0;
  }
}
.customSlickArrow svg path {
  fill: #414157;
}
.customSlickArrow.slick-disabled {
  background: rgba(255, 255, 255, 0.67);
}
.customSlickArrow.slick-disabled svg path {
  fill: #BABAC4;
}
.customSlickArrow.darkBg {
  border: 1px solid #DEDEEA;
}
.customSlickArrow.darkBg.slick-disabled {
  background: #ECEFF1;
  border: 1px solid #ECEFF1;
}
.ui-icon-loading {
  background: url(../img/ajax-loader.png);
  background-size: 46px 46px;
  width: 46px;
  height: 46px;
  -webkit-transform: rotate(360deg);
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.tippy-tooltip {
  font-size: 1rem;
}
.link-anchor {
  position: relative;
  width: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.anchor-wrapper {
  border: none;
}
.anchor-wrapper:hover .link-anchor {
  opacity: 1;
}
section h1[id]:focus,
section h2[id]:focus,
section h3[id]:focus,
section h4[id]:focus,
section h5[id]:focus {
  outline: 0;
}
p.thin {
  font-weight: 100;
  margin: 0;
  line-height: 1.2em;
}
p.bold {
  font-weight: 900;
  margin: 0;
  margin-top: -5px;
}
.rel {
  width: 30%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 20px;
  border-style: dotted;
  border-color: white;
  border-width: medium;
}
.popper,
.tooltip {
  position: absolute;
  background: #FFC107;
  color: black;
  width: 150px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  padding: 10px;
  text-align: center;
  z-index: 300;
}
.style5 .tooltip {
  background: #1E252B;
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  padding: 0.5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}
.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #FFC107;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.white-theme {
  background-color: #fff;
  color: #2e241b;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  padding: 0;
  border-radius: 0;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.white-theme .tippy-arrow {
  border-top-color: #fff;
}
.tippy-popper .tippy-tooltip.white-theme {
  text-align: left;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  font-size: 100%;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  float: left;
  width: 100%;
  border-bottom: 2px solid #FDB510;
  cursor: text;
  min-height: 57px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 14px 20px 9px;
  float: left;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ededf7;
  border: 1px solid #ededf7;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  width: 100%!important;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}
.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.drop-up {
  margin-top: -7px;
}
.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none;
}
.daterangepicker.single .drp-selected {
  display: none;
}
.daterangepicker.show-calendar .drp-calendar {
  display: block;
}
.daterangepicker.show-calendar .drp-buttons {
  display: block;
}
.daterangepicker.auto-apply .drp-buttons {
  display: none;
}
.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
  padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}
.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}
.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}
.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}
.daterangepicker .ranges li:hover {
  background-color: #eee;
}
.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.smap .cluster div {
  border: 3px solid #007AD3 !important;
  position: relative;
}
.smap .cluster div:before {
  content: '';
  position: absolute;
  left: -10%;
  top: -10%;
  width: 120%;
  height: 120%;
  border-radius: 0 50% 50% 50%;
  border: 0px solid #007AD3;
  background: #007AD3;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: 2px;
}
.smap .cluster div span {
  color: #fff;
  width: 90%;
  height: 90%;
  position: absolute;
  left: 5%;
  top: 5%;
  margin-top: 2px;
  border-radius: 50%;
  background: #fff;
  color: #007AD3;
  line-height: 1.5em !important;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.smap .card {
  font-size: 15px;
  -webkit-transform: translate(0px, -40px);
          transform: translate(0px, -40px);
}
.smap .card a:not(.btn) {
  color: #006FC1;
}
.smap .card .card-header {
  border-bottom: 1px solid #d1d1e0;
  padding-bottom: 5px;
}
.smap .card .card-header strong {
  margin-bottom: 4px;
}
.smap .card .card-body {
  padding: 7px 0;
  line-height: 1.45em;
}
.smap .card .card-footer {
  padding-top: 5px;
}
.newsList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 35px;
  padding: 15px 0 0;
}
.newsList .article {
  -webkit-box-flex: 0;
          flex: 0 0 calc(33.333% - 30px);
  max-width: calc(33.333% - 30px);
  width: calc(33.333% - 30px);
  margin: 15px 15px;
  background: #fff;
}
@media screen and (max-width: 850px) {
  .newsList .article {
    -webkit-box-flex: 0;
            flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 10px 10px;
  }
}
@media screen and (max-width: 550px) {
  .newsList .article {
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px);
    width: calc(100% - 32px);
  }
}
.newsList .article .img {
  position: relative;
  max-height: 160px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.newsList .article .img .labels {
  position: Absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 0.813rem;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background: #333345;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(51, 51, 69, 0.87)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(51, 51, 69, 0.87) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333345", endColorstr="#000000", GradientType=1);
}
.newsList .article .img .labels .category {
  padding: 10px 15px 10px 30px;
  float: left;
}
.newsList .article .img .labels .category.green {
  background-color: rgba(13, 204, 86, 0.87);
}
.newsList .article .img .labels .category.blue {
  background-color: rgba(0, 111, 193, 0.87);
}
.newsList .article .img .labels .category.orange {
  background-color: rgba(253, 181, 16, 0.87);
}
.newsList .article .img .labels .date {
  padding: 10px 15px 10px 15px;
  float: left;
}
.newsList .article .img .coverImg {
  opacity: 0;
}
.newsList .article .title {
  padding: 20px 32px 13px 35px;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.45em;
  min-height: 3em;
}
@media screen and (max-width: 980px) {
  .newsList .article .title {
    padding: 20px;
    font-size: 1.1rem;
  }
}
.newsList .article .title a {
  color: #007AD3;
}
.newsList .article .title a:hover {
  text-decoration: underline;
}
.newsList .article .desc {
  padding: 0px 32px 32px 32px;
}
@media screen and (max-width: 980px) {
  .newsList .article .desc {
    padding: 0 20px 20px 20px;
    font-size: 0.9rem;
  }
}
.newsList .article .desc .read-more {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
}
.newsList .article .desc .read-more:after {
  content: '';
  position: relative;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E %3Cpath id='bx-right-arrow-alt' d='M9.946,14.239,11,15.293l5-5-5-5L9.946,6.347l3.2,3.2H6v1.491h7.146Z' transform='translate(-6 -5.293)' fill='%23414157'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  margin-left: 10px;
}
.newsList .article .desc .read-more:hover {
  text-decoration: underline;
}
.suppliersList {
  margin: 0px -10px 31px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 13px 0 0;
}
.suppliersList .post {
  border: 1px solid #EDEDF7;
  width: calc(50% - 30px);
  min-width: calc(50% - 30px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% - 30px);
  margin: 15px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 850px) {
  .suppliersList .post {
    width: calc(100% - 30px);
    min-width: calc(100% - 30px);
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 30px);
  }
}
@media screen and (max-width: 420px) {
  .suppliersList .post {
    display: block;
    max-width: 100%;
  }
}
.suppliersList .post .logo {
  -webkit-box-flex: 0;
          flex: 0 0 111px;
  width: 111px;
  max-width: 111px;
  padding: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.suppliersList .post .title {
  -webkit-box-flex: 1;
          flex: 1 0 calc(100% - 111px);
  width: calc(100% - 111px);
  max-width: calc(100% - 111px);
  padding: 15px;
  border-left: 1px solid #EDEDF7;
}
@media screen and (max-width: 420px) {
  .suppliersList .post .title {
    width: 100%;
    float: left;
    border-left: 0;
  }
  .suppliersList .post .title .tags {
    float: left;
    width: 100%;
  }
}
.suppliersList .post .title h3 {
  font-size: 1.25em;
  margin-bottom: 0.45em;
}
.suppliersList .post .content {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  border-top: 1px solid #EDEDF7;
  padding: 30px;
}
@media screen and (max-width: 600px) {
  .suppliersList .post .content {
    padding: 15px;
  }
}
.suppliersList .post .content .h4 {
  font-size: 1.25em;
}
@media screen and (max-width: 420px) {
  .suppliersList .post .content .btn {
    margin-bottom: 10px;
  }
}
.suppliersList .post .realizationGallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  float: left;
}
.suppliersList .post .realizationGallery > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.suppliersList .post .realizationGallery > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.suppliersList .post .realizationGallery > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.suppliersList .post .realizationGallery > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.suppliersList .post .realizationGallery img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.suppliersList .post .allRealizations {
  float: left;
  line-height: 45px;
}
.suppliersList .post .allRealizations .smallGallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 10px 48px 10px 48px 10px 48px;
  grid-template-columns: 48px 48px 48px 48px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  overflow: hidden;
  margin-bottom: 15px;
}
.suppliersList .post .allRealizations .smallGallery > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.suppliersList .post .allRealizations .smallGallery > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.suppliersList .post .allRealizations .smallGallery > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.suppliersList .post .allRealizations .smallGallery > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.suppliersList .post .allRealizations .smallGallery img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.suppliersList .post:hover .title h3 {
  color: #006FC1;
}
.suppliersList .post:hover .btn--blueBorder {
  background: #006FC1;
  color: #fff;
}
.sectionTitle {
  font-size: 3rem;
  margin: 0px 0;
  clear: both;
}
@media screen and (max-width: 980px) {
  .sectionTitle {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 720px) {
  .sectionTitle {
    font-size: 2rem;
  }
}
@media screen and (max-width: 450px) {
  .sectionTitle {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 980px) {
  .sectionTitle h2,
  .sectionTitle h3,
  .sectionTitle h4 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 720px) {
  .sectionTitle h2,
  .sectionTitle h3,
  .sectionTitle h4 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 450px) {
  .sectionTitle h2,
  .sectionTitle h3,
  .sectionTitle h4 {
    font-size: 1.6rem;
  }
}
.sectionTitle.sm {
  font-size: 1.938rem;
}
@media screen and (max-width: 980px) {
  .sectionTitle.sm {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 720px) {
  .sectionTitle.sm {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 450px) {
  .sectionTitle.sm {
    font-size: 1.2rem;
  }
}
.sectionTitle.sm h2,
.sectionTitle.sm h3,
.sectionTitle.sm h4 {
  font-size: 1.938rem;
}
@media screen and (max-width: 980px) {
  .sectionTitle.sm h2,
  .sectionTitle.sm h3,
  .sectionTitle.sm h4 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 720px) {
  .sectionTitle.sm h2,
  .sectionTitle.sm h3,
  .sectionTitle.sm h4 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 450px) {
  .sectionTitle.sm h2,
  .sectionTitle.sm h3,
  .sectionTitle.sm h4 {
    font-size: 1.2rem;
  }
}
.sectionTitle.arrows h2,
.sectionTitle.arrows h3,
.sectionTitle.arrows h4 {
  float: left;
  margin-right: 25px;
}
.sectionTitle.bold {
  font-weight: Bold;
}
.sectionTitle.white {
  color: #fff;
}
.realizationsList {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr 35px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
  row-gap: 35px;
}
.realizationsList > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.realizationsList > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.realizationsList > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.realizationsList > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media screen and (max-width: 1920px) {
  .realizationsList {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    row-gap: 25px;
  }
}
@media screen and (max-width: 992px) {
  .realizationsList {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .realizationsList > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 700px) {
  .realizationsList {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 490px) {
  .realizationsList {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.realizationsList .post {
  position: relative;
  background: #fff;
}
.realizationsList .post:before {
  content: '';
  width: 100%;
  height: 0px;
  left: 0;
  top: 0;
  position: absolute;
  background: #FDB510;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 4;
}
.realizationsList .post:hover:before {
  height: 3px;
}
.realizationsList .post .img {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}
.realizationsList .post .img:before {
  content: '';
  background: #1d2426;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 36, 38, 0)), to(rgba(29, 36, 38, 0.67)));
  background: linear-gradient(180deg, rgba(29, 36, 38, 0) 0%, rgba(29, 36, 38, 0.67) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 3;
}
.realizationsList .post .img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  max-width: initial;
  z-index: 2;
}
.realizationsList .post .img .category {
  color: #fff;
  font-weight: 900;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.realizationsList .post .img .category .icon {
  background: #FDB510;
  height: 42px;
  width: 42px;
  max-width: 42px;
  -webkit-box-flex: 0;
          flex: 0 0 42px;
  margin-right: 10px;
  padding: 8px;
}
.realizationsList .post .img .category .title {
  margin: 0;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.1em;
}
.realizationsList .post .img .hoverContent {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0px, calc(100% - 70px));
          transform: translate(0px, calc(100% - 70px));
  z-index: 4;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.realizationsList .post .img .hoverContent .tagList {
  opacity: 0;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  visibility: hidden;
  margin-top: 15px;
}
.realizationsList .post .companyTitle {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.realizationsList .post .companyTitle .logo {
  height: 49px;
  width: 49px;
  max-width: 49px;
  -webkit-box-flex: 0;
          flex: 0 0 49px;
  margin-right: 10px;
  padding: 10px;
}
.realizationsList .post .companyTitle .title {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  font-size: 0.813rem;
  margin: 0;
}
.realizationsList .post .tags li {
  margin-bottom: 5px;
}
.realizationsList .promoted {
  border: 1px solid #EDEDF7;
  display: -webkit-box;
  display: flex;
  padding: 8px 5px 5px;
  flex-wrap: wrap;
}
.realizationsList .promoted:before {
  height: 3px;
}
.realizationsList .promoted.first {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
@media screen and (max-width: 490px) {
  .realizationsList .promoted.first {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }
}
.realizationsList .promoted.second {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
}
@media screen and (max-width: 992px) {
  .realizationsList .promoted.second {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
  }
}
@media screen and (max-width: 490px) {
  .realizationsList .promoted.second {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }
}
.realizationsList .promoted .content {
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% + 10px);
  max-width: calc(50% + 10px);
  width: calc(50% + 10px);
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.realizationsList .promoted .content .btn {
  align-self: flex-end;
  margin-bottom: 10px;
}
.realizationsList .promoted .img {
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% - 10px);
  width: calc(50% - 10px);
  max-width: calc(50% - 10px);
}
@media screen and (max-width: 490px) {
  .realizationsList .promoted .img {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.realizationsList .promoted .img:after {
  content: '';
  background: #007AD3;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0.67;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 3;
}
.realizationsList .promoted .category {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}
.realizationsList .promoted .content {
  padding-left: 20px;
}
@media screen and (max-width: 490px) {
  .realizationsList .promoted .content {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 0 0 15px;
  }
  .realizationsList .promoted .content .btn {
    margin-top: 15px;
  }
}
.realizationsList .promoted .content .companyTitle {
  margin: 0;
  width: 100%;
}
.realizationsList .promoted .content .companyTitle .logo {
  border: 1px solid #DEDEEA;
}
.realizationsList .promoted .content .tags {
  padding-top: 8px;
  width: 100%;
}
.realizationsList .promoted:hover .img:after {
  top: 0;
}
.realizationsList .promoted:hover .img:before {
  top: -100%;
}
.realizationsList .default .img:after {
  content: '';
  background: #007AD3;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0.67;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 3;
}
.realizationsList .default .companyTitle {
  border: 1px solid #DEDEEA;
  border-top: 0;
}
.realizationsList .default .companyTitle .logo {
  border-right: 1px solid #DEDEEA;
}
.realizationsList .default:hover .img:after {
  top: 0;
}
.realizationsList .default:hover .img:before {
  top: -100%;
}
.realizationsList .default:hover .img .hoverContent {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.realizationsList .default:hover .img .hoverContent .tagList {
  opacity: 1;
  visibility: visible;
}
.hpIntro {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  position: relative;
  background: #007AD3;
  margin-top: 122px;
}
.hpIntro .l-side {
  width: calc(50% - 30px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% - 30px);
  float: left;
  top: 0;
}
@media screen and (max-width: 900px) {
  .hpIntro .l-side {
    width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
}
.hpIntro .l-side .title {
  margin: -2px 0 0;
  color: #fff;
  font-weight: 300;
  line-height: 1.3em;
}
@media screen and (max-width: 1300px) {
  .hpIntro .l-side .title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1100px) {
  .hpIntro .l-side .title {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 950px) {
  .hpIntro .l-side .title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .hpIntro .l-side .title {
    text-align: Center;
  }
}
.hpIntro .l-side .title .underlineText {
  position: relative;
}
.hpIntro .l-side .title .underlineText:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #0DCC56;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .hpIntro .l-side .title .underlineText:after {
    height: 3px;
  }
}
.hpIntro .l-side .title .underlineText.orange:after {
  background: #FDB510;
}
.hpIntro .l-side .more {
  color: #fff;
  display: -webkit-box;
  display: flex;
  flex-wrap: Wrap;
  margin: 40px 0 0;
}
.hpIntro .l-side .more .arrow {
  -webkit-box-flex: 0;
          flex: 0 0 72px;
  max-width: 72px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.34);
  cursor: pointer;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 1700px) {
  .hpIntro .l-side .more .arrow {
    -webkit-box-flex: 0;
            flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 950px) {
  .hpIntro .l-side .more .arrow {
    -webkit-box-flex: 0;
            flex: 0 0 40px;
    max-width: 40px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 400px) {
  .hpIntro .l-side .more .arrow {
    -webkit-box-ordinal-group: 3;
            order: 2;
    margin: 15px auto 0;
  }
}
.hpIntro .l-side .more .arrow svg {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation: bounceScroll 3.6s ease infinite;
          animation: bounceScroll 3.6s ease infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.hpIntro .l-side .more .arrow svg path {
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.hpIntro .l-side .more .arrow:hover {
  background: #fff;
}
.hpIntro .l-side .more .arrow:hover svg path {
  fill: #414157;
  opacity: 1;
}
.hpIntro .l-side .more .text {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  padding-left: 20px;
  width: auto;
}
@media screen and (max-width: 950px) {
  .hpIntro .l-side .more .text {
    padding-left: 10px;
  }
}
@media screen and (max-width: 400px) {
  .hpIntro .l-side .more .text {
    -webkit-box-ordinal-group: 2;
            order: 1;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    text-align: center;
    padding-left: 0;
  }
}
.hpIntro .l-side .more .text p {
  margin: 0 0 5px;
}
.hpIntro .l-side .more .text strong {
  font-size: 1.938em;
  line-height: 1.1em;
}
@media screen and (max-width: 1100px) {
  .hpIntro .l-side .more .text strong {
    font-size: 1.3em;
  }
}
.hpIntro .l-side .more .text span {
  font-size: 1.25em;
}
.hpIntro .l-side .halfContainer {
  float: right;
  width: 100%;
  max-width: 680px;
}
@media screen and (max-width: 1450px) {
  .hpIntro .l-side .halfContainer {
    padding-left: 15px;
  }
}
@media screen and (max-width: 950px) {
  .hpIntro .l-side .halfContainer {
    padding: 0 20px;
  }
}
@media screen and (max-width: 900px) {
  .hpIntro .l-side .halfContainer {
    padding: 40px 20px;
    max-width: 100%;
  }
}
.hpIntro .r-side {
  float: right;
  width: calc(50% + 30px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% + 30px);
  right: 0;
  top: 0;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 900px) {
  .hpIntro .r-side {
    width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
}
.hpIntro .r-side .r-content {
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
.hpIntro .r-side .r-content > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.hpIntro .r-side .r-content > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.hpIntro .r-side .r-content > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.hpIntro .r-side .r-content > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.hpIntro .r-side .r-content > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.hpIntro .r-side .r-content > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.hpIntro .r-side .r-content > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.hpIntro .r-side .r-content > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.hpIntro .r-side .r-content > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.hpIntro .r-side .r-content > *:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.hpIntro .r-side .r-content > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.hpIntro .r-side .r-content > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
@media screen and (max-width: 950px) {
  .hpIntro .r-side .r-content {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .hpIntro .r-side .r-content > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hpIntro .r-side .r-content > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .hpIntro .r-side .r-content > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .hpIntro .r-side .r-content > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .hpIntro .r-side .r-content > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .hpIntro .r-side .r-content > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .hpIntro .r-side .r-content > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .hpIntro .r-side .r-content > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
}
@media screen and (max-width: 600px) {
  .hpIntro .r-side .r-content {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .hpIntro .r-side .r-content > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hpIntro .r-side .r-content > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .hpIntro .r-side .r-content > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
.hpIntro .r-side .blueLine {
  background: #007AD3;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 0;
  grid-row-end: 1;
}
.hpIntro .r-side .workout {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
  background: url('../../img/hpIntro_Workout.png') no-repeat center / cover;
}
.hpIntro .r-side .playground {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 2;
  grid-row-end: 4;
  background: url('../../img/hpIntro_PlayGround.png') no-repeat center / cover;
}
@media screen and (max-width: 950px) {
  .hpIntro .r-side .playground {
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
  }
}
.hpIntro .r-side .effect1 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
  background: rgba(255, 255, 255, 0.12);
}
.hpIntro .r-side .effect2 {
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-column-span: 0;
  grid-column-end: 4;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 0;
  grid-row-end: 1;
  background: rgba(255, 255, 255, 0.17);
}
.hpIntro .r-side .linkCard {
  padding: 18px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  z-index: 3;
}
@media screen and (max-width: 1300px) {
  .hpIntro .r-side .linkCard {
    padding: 15px;
  }
}
.hpIntro .r-side .linkCard .cardContent {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  width: 100%;
  flex-wrap: wrap;
}
.hpIntro .r-side .linkCard .cardContent .ico {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: 72px;
  margin: 36px 0 10px;
}
@media screen and (max-width: 850px) {
  .hpIntro .r-side .linkCard .cardContent .ico {
    margin: 15px 0 10px;
    width: 60px;
  }
}
@media screen and (max-width: 400px) {
  .hpIntro .r-side .linkCard .cardContent .ico {
    width: 45px;
  }
}
.hpIntro .r-side .linkCard .cardContent h2 {
  font-size: 1.563em;
  line-height: 1.35em;
  color: #fff;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  margin: 8px 0 0 0;
}
@media screen and (max-width: 1700px) {
  .hpIntro .r-side .linkCard .cardContent h2 {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 1200px) {
  .hpIntro .r-side .linkCard .cardContent h2 {
    font-size: 1em;
  }
}
.hpIntro .r-side .linkCard .cardContent .arrow {
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  position: absolute;
  right: 6px;
  bottom: 3px;
}
@media screen and (max-width: 1600px) {
  .hpIntro .r-side .linkCard .cardContent .arrow {
    width: 50px;
    height: 50px;
    right: -5px;
    bottom: -5px;
  }
}
@media screen and (max-width: 1400px) {
  .hpIntro .r-side .linkCard .cardContent .arrow {
    width: 40px;
    height: 40px;
    right: -10px;
    bottom: -10px;
  }
}
@media screen and (max-width: 400px) {
  .hpIntro .r-side .linkCard .cardContent .arrow {
    width: 30px;
    height: 30px;
    padding: 10px;
  }
}
.hpIntro .r-side .linkCard.orange {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 0;
  grid-row-end: 1;
  background: #FDB510;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 100ms;
          animation-duration: 100ms;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: showPuzzle;
          animation-name: showPuzzle;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .hpIntro .r-side .linkCard.orange {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 0;
    grid-row-end: 1;
  }
}
.hpIntro .r-side .linkCard.orange .arrow svg path {
  fill: #FDB510;
}
.hpIntro .r-side .linkCard.green {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  background: #0DCC56;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 100ms;
          animation-duration: 100ms;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: showPuzzle;
          animation-name: showPuzzle;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
  opacity: 0;
}
@media screen and (max-width: 600px) {
  .hpIntro .r-side .linkCard.green {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 0;
    grid-row-end: 1;
  }
}
.hpIntro .r-side .linkCard.green .arrow svg path {
  fill: #0DCC56;
}
.hpIntro .r-side .linkCard.red {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  background: #F74762;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 100ms;
          animation-duration: 100ms;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: showPuzzle;
          animation-name: showPuzzle;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  opacity: 0;
}
@media screen and (max-width: 950px) {
  .hpIntro .r-side .linkCard.red {
    -ms-grid-column: 4;
        grid-column-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}
@media screen and (max-width: 600px) {
  .hpIntro .r-side .linkCard.red {
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 0;
    grid-row-end: 1;
  }
}
.hpIntro .r-side .linkCard.red .arrow svg path {
  fill: #F74762;
}
.hpIntro .r-side .puzzle {
  background: #0C8AE5;
  position: relative;
  z-index: 2;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 100ms;
          animation-duration: 100ms;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: hidePuzzle;
          animation-name: hidePuzzle;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.hpIntro .r-side .puzzle.p1 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}
.hpIntro .r-side .puzzle.p2 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.hpIntro .r-side .puzzle.p3 {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}
.hpIntro .r-side .puzzle.p4 {
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.hpIntro .r-side .puzzle.p5 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.hpIntro .r-side .puzzle.p6 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}
.hpIntro .r-side .puzzle.p7 {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}
.hpIntro .r-side .puzzle.p8 {
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
.hpIntro .r-side .puzzle.p9 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}
.hpIntro .r-side .puzzle.p10 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.hpIntro .r-side .puzzle.p11 {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
}
.hpIntro .r-side .puzzle.p12 {
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
@media screen and (max-width: 950px) {
  .hpIntro .r-side .puzzle.p9,
  .hpIntro .r-side .puzzle.p10,
  .hpIntro .r-side .puzzle.p11,
  .hpIntro .r-side .puzzle.p12 {
    display: none;
  }
}
.hpIntroSlider {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  height: 225px;
  overflow: hidden;
}
.hpIntroSlider .r-side {
  width: calc(50% + 30px);
  max-width: calc(50% + 30px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% + 30px);
  height: 100%;
}
@media screen and (max-width: 980px) {
  .hpIntroSlider .r-side {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    border-bottom: 1px solid #DEDEEA;
  }
}
.hpIntroSlider .r-side .slick-track,
.hpIntroSlider .r-side .slick-list {
  height: 100%;
}
.hpIntroSlider .r-side .slick-slide .img {
  height: 225px;
  background-size: cover;
}
.hpIntroSlider .l-side {
  background: #006FC1;
  color: #fff;
  padding: 20px 0px;
  width: calc(50% - 30px);
  max-width: calc(50% - 30px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% - 30px);
  height: 100%;
}
@media screen and (max-width: 980px) {
  .hpIntroSlider .l-side {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
}
.hpIntroSlider .l-side .halfContainer {
  float: right;
  width: 100%;
  height: 100%;
  max-width: 680px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (max-width: 1400px) {
  .hpIntroSlider .l-side .halfContainer {
    padding-left: 15px;
  }
}
@media screen and (max-width: 980px) {
  .hpIntroSlider .l-side .halfContainer {
    max-width: 100%;
    padding: 0px 30px;
  }
  .hpIntroSlider .l-side .halfContainer p {
    margin-bottom: 0;
  }
}
.hpIntroSlider .l-side .halfContainer .staticState {
  position: relative;
  width: 100%;
  padding-right: 30px;
}
.hpIntroSlider .l-side .halfContainer .staticState .ico {
  position: absolute;
  right: 30px;
  top: 0;
  border-radius: 50%;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.34);
}
@media screen and (max-width: 700px) {
  .hpIntroSlider .l-side .halfContainer .staticState .ico {
    right: 15px;
    padding: 10px;
  }
  .hpIntroSlider .l-side .halfContainer .staticState .ico img {
    max-width: 25px;
  }
}
.hpIntroSlider .l-side .halfContainer .staticState .title {
  font-size: 3rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1400px) {
  .hpIntroSlider .l-side .halfContainer .staticState .title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1100px) {
  .hpIntroSlider .l-side .halfContainer .staticState .title {
    font-size: 2.35rem;
  }
}
@media screen and (max-width: 800px) {
  .hpIntroSlider .l-side .halfContainer .staticState .title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 500px) {
  .hpIntroSlider .l-side .halfContainer .staticState .title {
    font-size: 1.75rem;
  }
}
.hpIntroSlider .l-side .halfContainer .staticState .content {
  font-size: 1.25rem;
}
.hpIntroSlider .l-side .halfContainer .hoverState {
  display: none;
  -ms-grid-columns: 260px 30px 1fr;
  grid-template-columns: 260px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  padding-right: 80px;
}
.hpIntroSlider .l-side .halfContainer .hoverState > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.hpIntroSlider .l-side .halfContainer .hoverState > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 1300px) and (min-width: 981px) {
  .hpIntroSlider .l-side .halfContainer .hoverState {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    padding-right: 30px;
  }
  .hpIntroSlider .l-side .halfContainer .hoverState > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 720px) {
  .hpIntroSlider .l-side .halfContainer .hoverState {
    padding-right: 20px;
    -ms-grid-columns: 220px 1fr;
    grid-template-columns: 220px 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .hpIntroSlider .l-side .halfContainer .hoverState > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hpIntroSlider .l-side .halfContainer .hoverState > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 570px) {
  .hpIntroSlider .l-side .halfContainer .hoverState {
    padding-right: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .hpIntroSlider .l-side .halfContainer .hoverState > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.hpIntroSlider .l-side .halfContainer .hoverState .hoverTitle {
  font-size: 1.563em;
  font-weight: Bold;
}
@media screen and (max-width: 720px) {
  .hpIntroSlider .l-side .halfContainer .hoverState .hoverTitle {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 570px) {
  .hpIntroSlider .l-side .halfContainer .hoverState .hoverTitle {
    margin-bottom: 15px;
  }
}
.hpIntroSlider .l-side .halfContainer .hoverState .hoverContent {
  -webkit-box-flex: 0;
          flex: 0 1 auto;
}
.hpIntroSlider .l-side .halfContainer .hoverState .hoverContent input {
  padding: 10px 20px;
}
.hpIntroSlider .l-side .halfContainer .hoverState .hoverContent .customCheckbox {
  margin: 15px 0;
}
.hpIntroSlider .l-side .halfContainer .hoverState .hoverContent .customCheckbox .title {
  color: #fff;
  font-size: 0.813rem;
}
.hpIntroSlider .l-side .halfContainer .hoverState .hoverContent .customCheckbox .title a {
  color: #fff;
}
.hpIntroSlider .l-side .halfContainer:hover .staticState {
  display: none;
}
.hpIntroSlider .l-side .halfContainer:hover .hoverState {
  display: -ms-grid;
  display: grid;
}
.hpIntroSlider .r-side {
  position: relative;
}
.hpIntroSlider .sliderContainer .slide {
  position: Relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  height: 100%;
}
.hpIntroSlider .sliderContainer .slide > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.hpIntroSlider .sliderContainer .slide > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.hpIntroSlider .sliderContainer .slide > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.hpIntroSlider .sliderContainer .slide > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.hpIntroSlider .sliderContainer .slide .img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 0;
  grid-row-end: 1;
}
.hpIntroSlider .sliderContainer .slide .content {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 2;
  grid-column-end: 4;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 0;
  grid-row-end: 1;
  padding: 15px 0 0px 32px;
}
@media screen and (max-width: 1500px) {
  .hpIntroSlider .sliderContainer .slide .content {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 3;
    grid-column-end: 5;
    padding: 15px 20px 0px 20px;
  }
}
.hpIntroSlider .sliderContainer .slide .content .sliderNavigation {
  list-style: none;
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.hpIntroSlider .sliderContainer .slide .content .sliderNavigation li {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-position: Center center;
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
}
.hpIntroSlider .sliderContainer .slide .content .sliderNavigation li.slide-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E %3Cpath id='bx-left-arrow-alt' d='M11.851,16.028l-3.84-3.84h8.576V10.4H8.01l3.84-3.84L10.586,5.293l-6,6,6,6Z' transform='translate(-4.586 -5.293)' fill='%23414157'/%3E %3C/svg%3E ");
}
.hpIntroSlider .sliderContainer .slide .content .sliderNavigation li.slide-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E %3Cpath id='bx-right-arrow-alt' d='M10.735,16.028,12,17.293l6-6-6-6L10.735,6.558l3.84,3.84H6v1.789h8.576Z' transform='translate(-6 -5.293)' fill='%23414157' /%3E %3C/svg%3E");
}
.hpIntroSlider .sliderContainer .slide .content .date {
  font-size: 0.813rem;
}
.hpIntroSlider .sliderContainer .slide .content .title {
  font-size: 1.25rem;
  line-height: 1.8rem;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 400px) {
  .hpIntroSlider .sliderContainer .slide .content .title {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
.hpIntroSlider .sliderContainer .slide .content .title a {
  color: #0C8AE5;
}
.hpIntroSlider .sliderProgress {
  width: 25%;
  height: 4px;
  background: rgba(65, 65, 87, 0.67);
  position: absolute;
  left: 0px;
  top: 0;
}
.hpIntroSlider .sliderProgress .progress {
  height: 4px;
  width: 0%;
  background: #FDB510;
}
.topSuppliers {
  padding: 100px 0;
}
@media screen and (max-width: 1024px) {
  .topSuppliers {
    padding: 50px 0;
  }
}
.topSuppliers .sectionTitle {
  text-align: center;
}
.topSuppliers .suppliersList {
  margin-top: 40px;
}
.salesBenefits {
  background: #007AD3;
}
.salesBenefits .benefitList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.salesBenefits .benefitList .benefit {
  padding: 40px 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.17);
  max-width: 33.33333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.3333333%;
  text-align: center;
  color: #fff;
}
.salesBenefits .benefitList .benefit:first-of-type,
.salesBenefits .benefitList .benefit:nth-of-type(4) {
  border-left: 0;
}
.salesBenefits .benefitList .benefit:nth-of-type(1),
.salesBenefits .benefitList .benefit:nth-of-type(2),
.salesBenefits .benefitList .benefit:nth-of-type(3) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.salesBenefits .benefitList .benefit .ico {
  margin: 0 0 37px;
  height: 130px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.salesBenefits .benefitList .benefit h4 {
  font-size: 1.25em;
  line-height: 1.35em;
  margin-bottom: 1.2em;
}
@media screen and (max-width: 900px) {
  .salesBenefits .benefitList .benefit {
    padding: 30px 25px;
  }
  .salesBenefits .benefitList .benefit .ico {
    height: 110px;
    max-width: 60px;
    margin: 0 auto;
  }
  .salesBenefits .benefitList .benefit h4 {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 600px) {
  .salesBenefits .benefitList {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .salesBenefits .benefitList .benefit {
    padding: 20px;
    max-width: 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
  .salesBenefits .benefitList .benefit:nth-of-type(3) {
    border-left: 0;
  }
  .salesBenefits .benefitList .benefit:nth-of-type(4) {
    border-left: 1px solid rgba(255, 255, 255, 0.17);
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  }
  .salesBenefits .benefitList .benefit:nth-of-type(5) {
    border-left: 0;
  }
}
@media screen and (max-width: 500px) {
  .salesBenefits .benefitList {
    padding: 20px 0;
  }
  .salesBenefits .benefitList .benefit {
    padding: 10px 20px;
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    border-left: 0 !important;
  }
  .salesBenefits .benefitList .benefit:nth-of-type(5) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  }
  .salesBenefits .benefitList .benefit .ico {
    height: 90px;
  }
}
.projectCount {
  padding: 95px 0;
}
@media screen and (max-width: 1024px) {
  .projectCount {
    padding: 60px 0 40px;
  }
}
.projectCount .countList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 850px) {
  .projectCount .countList {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
.projectCount .countList .card {
  max-width: 33.33333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.3333333%;
  min-height: 600px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  padding: 30px;
  color: #fff;
  overflow: hidden;
  background-color: #414157;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .projectCount .countList .card {
    min-height: 450px;
  }
}
@media screen and (max-width: 850px) {
  .projectCount .countList .card {
    max-width: 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    min-height: 400px;
  }
}
@media screen and (max-width: 580px) {
  .projectCount .countList .card {
    max-width: 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    min-height: 300px;
  }
}
.projectCount .countList .card.customProjects {
  background: url('../../img/hp_projekt-na-klic.jpg') no-repeat center center / cover;
}
.projectCount .countList .card.customProjects .cardContent .link:before {
  background-color: #F74762;
}
.projectCount .countList .card.workout {
  background: url('../../img/hp_realizovanych-sportovnich-hrist.jpg') no-repeat top 30% center / cover;
}
.projectCount .countList .card.workout .cardContent .link:before {
  background-color: #0DCC56;
}
.projectCount .countList .card.playground {
  background: url('../../img/hp_realizovanych-detskych-hrist.jpg') no-repeat top center / cover;
}
.projectCount .countList .card.playground .cardContent .link:before {
  background-color: #FDB510;
}
.projectCount .countList .card:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #1d2426;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 36, 38, 0)), to(#1d2426));
  background: linear-gradient(180deg, rgba(29, 36, 38, 0) 0%, #1d2426 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d2426", endColorstr="#1d2426", GradientType=1);
  opacity: 0.67;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 600px) {
  .projectCount .countList .card:before {
    background: #1d2426;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 36, 38, 0.5)), to(#1d2426));
    background: linear-gradient(180deg, rgba(29, 36, 38, 0.5) 0%, #1d2426 100%);
  }
}
.projectCount .countList .card .cardContent {
  position: relative;
}
.projectCount .countList .card .cardContent .title {
  font-family: 1.563rem;
  font-weight: 400;
  font-size: 1.563em;
  line-height: 1.4em;
  margin-bottom: 1.5em;
}
.projectCount .countList .card .cardContent .title .counter {
  font-size: 4.75rem;
  line-height: 5rem;
  display: block;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .projectCount .countList .card .cardContent .title .counter {
    font-size: 3.2rem;
  }
}
.projectCount .countList .card .cardContent .title strong {
  display: block;
}
.projectCount .countList .card .cardContent .link {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  line-height: 56px;
  float: left;
  padding-right: 40px;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.projectCount .countList .card .cardContent .link > span {
  position: relative;
}
.projectCount .countList .card .cardContent .link:before {
  content: '';
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.414' height='13.414' viewBox='0 0 13.414 13.414'%3E %3Cpath id='bx-right-arrow-alt' d='M11.293,17.293l1.414,1.414L19.414,12,12.707,5.293,11.293,6.707,15.586,11H6v2h9.586Z' transform='translate(-6 -5.293)' fill='%23fff'/%3E %3C/svg%3E ");
  background-position: center center;
  background-repeat: no-repeat;
}
.projectCount .countList .card:hover:before {
  opacity: 0.87;
}
.projectCount .countList .card:hover .cardContent .link {
  padding-right: 70px;
}
.suppliers {
  padding: 40px 0 100px;
}
@media screen and (max-width: 980px) {
  .suppliers {
    padding: 25px 0;
  }
}
.suppliers .sectionTitle {
  text-align: center;
}
.suppliers .suppliersList {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  position: relative;
  -webkit-box-align: stretch;
          align-items: stretch;
  padding: 23px 0 0;
  margin: 55px 0 0;
}
.suppliers .suppliersList .supplier {
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
  width: 20%;
  border-right: 1px solid #EDEDF7;
  border-bottom: 1px solid #EDEDF7;
  text-align: center;
  position: Relative;
  padding: 33px 40px 23px;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.suppliers .suppliersList .supplier:after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 87, 0.05);
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 980px) {
  .suppliers .suppliersList .supplier {
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
    width: 25%;
    padding: 15px 20px;
  }
  .suppliers .suppliersList .supplier:last-of-type {
    border-right: 0;
  }
}
@media screen and (max-width: 780px) {
  .suppliers .suppliersList .supplier {
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
}
@media screen and (max-width: 580px) {
  .suppliers .suppliersList .supplier {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }
}
@media screen and (max-width: 430px) {
  .suppliers .suppliersList .supplier {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
.suppliers .suppliersList .supplier > div {
  height: 100%;
  display: block;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
}
.suppliers .suppliersList .supplier .logo {
  margin-bottom: 20px;
  height: 90px;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
@media screen and (max-width: 780px) {
  .suppliers .suppliersList .supplier .logo {
    height: 60px;
    margin-bottom: 15px;
  }
}
.suppliers .suppliersList .supplier .logo img {
  max-height: 100%;
}
.suppliers .suppliersList .supplier:hover:after {
  opacity: 1;
  visibility: visible;
}
.suppliers .suppliersList:before {
  content: '';
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  background: #fff;
  position: absolute;
}
.suppliers .suppliersList:after {
  content: '';
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  position: absolute;
}
.suppliers .findSupplier {
  background-color: #007AD3;
  background-image: url('../../img/hp_bg_callToAction.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 35px 25px;
  color: #fff;
  text-align: center;
  margin: 80px 0 0;
}
.suppliers .findSupplier .text {
  font-size: 1.563rem;
  margin-bottom: 1.7rem;
}
.suppliers .findSupplier .text .counter {
  font-size: 2.5rem;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .suppliers .findSupplier .text {
    font-size: 1.25rem;
  }
  .suppliers .findSupplier .text .counter {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 550px) {
  .suppliers .findSupplier .text .counter {
    display: block;
  }
}
.suppliers .findSupplier .or {
  font-size: 0.875rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.newsSection {
  padding: 70px 0 65px;
  background: #ECEFF1;
}
@media screen and (max-width: 720px) {
  .newsSection {
    padding: 35px 0 30px;
  }
}
.newsSection .sectionTitle {
  text-align: center;
}
.newsSection .newsList {
  margin-top: 45px;
}
@media screen and (max-width: 720px) {
  .newsSection .newsList {
    margin-top: 20px;
  }
}
.inquirySignpost {
  padding: 110px 0;
}
@media screen and (max-width: 1020px) {
  .inquirySignpost {
    padding: 60px 0;
  }
}
@media screen and (max-width: 600px) {
  .inquirySignpost {
    padding: 30px 0 15px;
  }
}
.inquirySignpost .flexRow.col2 .col img {
  margin-bottom: 30px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 150ms linear;
  transition: 150ms linear;
}
.inquirySignpost .flexRow.col2 .col h2 {
  font-size: 1.938rem;
  color: #007AD3;
}
@media screen and (max-width: 600px) {
  .inquirySignpost .flexRow.col2 .col h2 {
    font-size: 1.5rem;
  }
}
.inquirySignpost .flexRow.col2 .col p {
  padding: 0px 25px;
  margin-bottom: 25px;
}
@media screen and (min-width: 1021px) {
  .inquirySignpost .flexRow.col2 .col:first-of-type {
    border-right: 1px solid #DEDEEA;
  }
}
@media screen and (max-width: 1020px) {
  .inquirySignpost .flexRow.col2 .col {
    padding: 30px 0;
  }
}
.inquirySignpost .flexRow.col2 .col a {
  display: block;
}
.inquirySignpost .flexRow.col2 .col a:hover h2 {
  text-decoration: underline;
}
.inquirySignpost .flexRow.col2 .col a:hover img {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.inquirySignpost .flexRow.col2 .col a:hover .btn--orange {
  background: #DE9C02;
  background-color: #DE9C02;
}
.inquiryContactForm {
  padding: 70px 25px;
  margin: 40px 0;
  background: #007AD3;
  color: #fff;
}
@media screen and (max-width: 600px) {
  .inquiryContactForm {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 450px) {
  .inquiryContactForm {
    padding: 30px 20px 20px;
  }
}
.inquiryContactForm .sectionTitle {
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .inquiryContactForm .sectionTitle {
    margin-bottom: 20px;
  }
}
.inquiryContactForm .formTitle {
  font-size: 1.25rem;
  text-align: center;
}
.inquiryContactForm .flexRow .col {
  padding: 0px 58px;
}
@media screen and (max-width: 600px) {
  .inquiryContactForm .flexRow .col {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 450px) {
  .inquiryContactForm .flexRow .col {
    padding: 0px 0px;
  }
}
@media screen and (min-width: 1021px) {
  .inquiryContactForm .flexRow .col:first-of-type {
    border-right: 1px solid rgba(255, 255, 255, 0.17);
  }
}
.inquiryContactForm .phoneContact {
  text-align: center;
}
.inquiryContactForm .phoneContact .formTitle {
  margin-bottom: 10px;
}
.inquiryContactForm .phoneContact .contactForm {
  max-width: 300px;
  margin: 0 auto;
}
.inquiryContactForm .phoneContact .contactForm input {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.inquiryContactForm .phoneContact .contactForm .btn {
  margin-bottom: 40px;
}
@media screen and (max-width: 450px) {
  .inquiryContactForm .phoneContact .contactForm .btn {
    margin-bottom: 20px;
  }
}
.inquiryContactForm .formContanct .formTitle {
  margin-bottom: 30px;
}
.inquiryContactForm .formContanct .customCheckbox .title {
  color: #fff;
}
.inquiryContactForm .formContanct .contactRow .inputCol {
  margin-bottom: 15px;
}
@media screen and (min-width: 700px) {
  .inquiryContactForm .formContanct .contactRow:not(.full) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }
  .inquiryContactForm .formContanct .contactRow:not(.full) > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .inquiryContactForm .formContanct .contactRow:not(.full) > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
.inquiryContactForm .formContanct .customCheckbox {
  margin-bottom: 15px;
  margin-top: 0px;
}
.inquiryContactForm .formContanct .customCheckbox a {
  color: #fff;
}
.inquiryContactForm .formContanct input {
  padding: 10px 20px;
}
.inquiryWizard {
  padding: 40px;
  border: 1px solid #DEDEEA;
  border-top: 0;
  margin-bottom: 30px;
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  .inquiryWizard {
    padding: 25px 20px;
  }
}
.inquiryWizard input,
.inquiryWizard textarea {
  background: #F2F4F5;
}
.inquiryWizard .tabContent {
  max-width: 550px;
  margin: 0 auto;
}
.inquiryWizard .tabContent.full {
  max-width: 100%;
}
.inquiryWizard .realizationType {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-bottom: 30px;
}
.inquiryWizard .realizationType > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.inquiryWizard .realizationType > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.inquiryWizard .realizationType > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
@media screen and (max-width: 480px) {
  .inquiryWizard .realizationType {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 360px) {
  .inquiryWizard .realizationType {
    display: block;
  }
}
.inquiryWizard .realizationType > div {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-align: Center;
  color: #7D7D93;
}
.inquiryWizard .realizationType > div label {
  cursor: pointer;
  display: block;
}
@media screen and (max-width: 360px) {
  .inquiryWizard .realizationType > div {
    float: left;
    width: 100%;
    margin: 10px 0;
  }
}
.inquiryWizard .realizationType > div input {
  width: 1px;
  height: 1px;
  top: -50px;
  position: absolute;
}
.inquiryWizard .realizationType > div .content {
  border: 1px solid #DEDEEA;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 25px;
  margin-bottom: 10px;
  min-height: 150px;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 450px) {
  .inquiryWizard .realizationType > div .content {
    padding: 15px;
    min-height: 120px;
  }
}
.inquiryWizard .realizationType > div .content:before {
  content: '';
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.inquiryWizard .realizationType > div .content svg {
  width: 64px;
}
.inquiryWizard .realizationType > div input:checked ~ span {
  color: #414157;
}
.inquiryWizard .realizationType > div input:checked + .content:before {
  background-color: #FDB510 !important;
}
.inquiryWizard .realizationType > div.playground input:checked + .content {
  background: #006FC1;
}
.inquiryWizard .realizationType > div.playground input:checked + .content svg line,
.inquiryWizard .realizationType > div.playground input:checked + .content svg path,
.inquiryWizard .realizationType > div.playground input:checked + .content svg circle {
  stroke: #fff;
}
.inquiryWizard .realizationType > div.playground .content:before {
  background: #006FC1;
}
.inquiryWizard .realizationType > div.playground .content svg line,
.inquiryWizard .realizationType > div.playground .content svg path,
.inquiryWizard .realizationType > div.playground .content svg circle {
  stroke: #006FC1;
}
.inquiryWizard .realizationType > div.workout input:checked + .content {
  background: #0DCC56;
}
.inquiryWizard .realizationType > div.workout input:checked + .content svg line,
.inquiryWizard .realizationType > div.workout input:checked + .content svg path,
.inquiryWizard .realizationType > div.workout input:checked + .content svg circle {
  stroke: #fff;
}
.inquiryWizard .realizationType > div.workout .content:before {
  background: #0DCC56;
}
.inquiryWizard .realizationType > div.workout .content svg line,
.inquiryWizard .realizationType > div.workout .content svg path,
.inquiryWizard .realizationType > div.workout .content svg circle {
  stroke: #0DCC56;
}
.inquiryWizard .realizationType > div.custom input:checked + .content {
  background: #F74762;
}
.inquiryWizard .realizationType > div.custom input:checked + .content svg line,
.inquiryWizard .realizationType > div.custom input:checked + .content svg path,
.inquiryWizard .realizationType > div.custom input:checked + .content svg circle {
  stroke: #fff;
}
.inquiryWizard .realizationType > div.custom .content:before {
  background: #F74762;
}
.inquiryWizard .realizationType > div.custom .content svg line,
.inquiryWizard .realizationType > div.custom .content svg path,
.inquiryWizard .realizationType > div.custom .content svg circle {
  stroke: #F74762;
}
.inquiryWizard .realizationType > div:hover {
  color: #414157;
}
.inquiryWizard .realizationType > div:hover .content:before {
  background-color: #FDB510 !important;
}
.inquiryWizard .realizationScope {
  margin-bottom: 30px;
  width: 100%;
  float: left;
}
@media screen and (max-width: 480px) {
  .inquiryWizard .realizationScope {
    margin-bottom: 10px;
  }
}
.inquiryWizard .realizationScope label {
  width: 100%;
  float: left;
  cursor: pointer;
  position: Relative;
  overflow-x: hidden;
}
.inquiryWizard .realizationScope label input {
  width: 1px;
  height: 1px;
  top: -50px;
  position: absolute;
}
.inquiryWizard .realizationScope label .content {
  padding: 15px;
  border: 1px solid #DEDEEA;
  margin: 5px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.inquiryWizard .realizationScope label .text {
  color: #7D7D93;
  font-weight: 400;
  margin-left: 25px;
}
@media screen and (max-width: 360px) {
  .inquiryWizard .realizationScope label .text {
    margin-left: 15px;
  }
}
.inquiryWizard .realizationScope label input:checked + .content {
  background-color: #006FC1;
}
.inquiryWizard .realizationScope label input:checked + .content .ico img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.inquiryWizard .realizationScope label input:checked + .content .text {
  color: #fff;
  font-weight: bold;
}
.inquiryWizard .formRow {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .inquiryWizard .formRow {
    margin-bottom: 25px;
  }
}
.inquiryWizard .formRow.c2 .inputCol {
  width: 50%;
  float: left;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 1fr;
  grid-template-columns: 50px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  text-align: right;
}
.inquiryWizard .formRow.c2 .inputCol > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.inquiryWizard .formRow.c2 .inputCol > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.inquiryWizard .formRow.c2 .inputCol .label {
  -webkit-align-self: center;
  -ms-flex-self: center;
  -ms-grid-row-align: center;
      align-self: center;
  padding: 5px 10px 5px;
}
.inquiryWizard .formTitle {
  font-size: 1.25em;
}
.inquiryWizard .formTitle h3 {
  display: inline-block;
}
.inquiryWizard .formTitle span {
  color: #F74762;
  margin-left: 10px;
  font-weight: bold;
}
.inquiryWizard .resultTab {
  font-weight: normal;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-columns: 200px 40px 1fr;
  grid-template-columns: 200px 1fr;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  padding: 20px 40px;
}
.inquiryWizard .resultTab > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.inquiryWizard .resultTab > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 800px) {
  .inquiryWizard .resultTab {
    padding: 0;
  }
}
@media screen and (max-width: 650px) {
  .inquiryWizard .resultTab {
    display: block;
    text-align: center;
    padding: 15px;
  }
  .inquiryWizard .resultTab .ico {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  .inquiryWizard .resultTab {
    padding: 15px 0;
  }
}
.inquiryWizard .resultTab .contactBlock {
  font-size: 12px;
  padding-left: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E %3Cpath id='bxs-info-circle' d='M11,2a9,9,0,1,0,9,9A9.01,9.01,0,0,0,11,2Zm.9,13.5H10.1V10.1h1.8Zm0-7.2H10.1V6.5h1.8Z' transform='translate(-2 -2)' fill='%23007ad3'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: left top;
}
.inquiryWizard .resultTab .contactBlock a {
  color: #006FC1;
  text-decoration: underline;
}
@media screen and (max-width: 650px) {
  .inquiryWizard .resultTab .contactBlock {
    padding-left: 0;
    padding-top: 25px;
    background-position: center top;
  }
}
.pageContent.gray.profileContent > .container.large {
  background: #fff;
  margin-bottom: 60px;
}
@media screen and (max-width: 500px) {
  .pageContent.gray.profileContent > .container.large {
    margin-bottom: 30px;
  }
}
.pageContent.gray.profileContent > .container.large > section {
  padding: 40px 0;
}
.profileMenu {
  background: #006FC1;
  float: left;
  width: 100%;
  position: relative;
}
.profileMenu:before,
.profileMenu:after {
  content: '';
  width: 300%;
  height: 100%;
  position: Absolute;
  top: 0;
  background: #F2F4F5;
}
.profileMenu:before {
  right: 100%;
}
.profileMenu:after {
  left: 100%;
}
.profileMenu .menuUl {
  list-style: none;
}
.profileMenu .menuUl li {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.profileMenu .menuUl li a {
  color: #fff;
  padding: 18px 7px 16px;
  display: inline-block;
  margin-right: 16px;
  font-size: 0.875em;
  position: relative;
}
.profileMenu .menuUl li a:after {
  content: '';
  width: 0px;
  height: 2px;
  background: #FDB510;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
.profileMenu .menuUl li.active a:after,
.profileMenu .menuUl li:hover a:after {
  width: 100%;
}
.profileAbout .aboutTable {
  width: 60%;
  float: left;
}
.profileAbout .aboutTable table tr td:nth-of-type(odd) {
  font-weight: bold;
  padding: 2px 20px 2px 0;
  vertical-align: top;
}
.profileAbout .aboutTable table tr td.link-a a {
  line-height: 30px;
  color: #006FC1;
}
.profileAbout .aboutTable table tr td.link-a a img {
  vertical-align: sub;
  display: inline-block;
  margin-right: 5px;
}
.profileAbout .aboutExcerpt {
  float: left;
  width: 40%;
  background: #ECEFF1;
  padding: 25px;
}
.profileAbout .aboutExcerpt > p {
  font-size: 0.813rem;
  margin-bottom: 0;
}
@media screen and (max-width: 720px) {
  .profileAbout .aboutTable,
  .profileAbout .aboutExcerpt {
    width: 100%;
  }
  .profileAbout .aboutExcerpt {
    margin-top: 20px;
  }
}
.profileMap .supplierRegions ul {
  list-style: none;
  margin: 10px 0;
}
.profileMap .supplierRegions ul li {
  display: inline-block;
}
.profileMap .mapContainer {
  display: -webkit-box;
  display: flex;
  margin: 45px 0 20px;
}
.profileMap .mapContainer .locationsList {
  height: 420px;
  -webkit-box-flex: 0;
          flex: 0 0 390px;
  max-width: 390px;
  width: 390px;
  border: 1px solid #DEDEEA;
  overflow-x: auto;
}
.profileMap .mapContainer .locationsList .item {
  padding: 15px 25px;
  border-bottom: 1px solid #DEDEEA;
  font-size: 0.813rem;
  cursor: pointer;
  position: relative;
}
.profileMap .mapContainer .locationsList .item .title {
  color: #007AD3;
  margin-bottom: 10px;
  font-size: 1rem;
  padding-right: 35px;
}
.profileMap .mapContainer .locationsList .item .mapIcon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 12.8 16'%3E %3Cpath id='bxs-map' d='M10.4,2A6.407,6.407,0,0,0,4,8.4c-.023,5.156,6.157,9.431,6.4,9.6,0,0,6.423-4.448,6.4-9.6A6.407,6.407,0,0,0,10.4,2Zm0,9.6a3.2,3.2,0,1,1,3.2-3.2A3.2,3.2,0,0,1,10.4,11.6Z' transform='translate(-4 -2)' fill='%23FDB510'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
}
.profileMap .mapContainer .locationsList .item .address {
  margin-bottom: 5px;
}
.profileMap .mapContainer .locationsList .item .open svg {
  margin-right: 8px;
  margin-bottom: -1px;
}
.profileMap .mapContainer .locationsList .item .open svg use {
  fill: #414157;
}
.profileMap .mapContainer .locationsList .item.active {
  background: #006FC1;
  color: #fff;
}
.profileMap .mapContainer .locationsList .item.active .title {
  color: #fff;
}
.profileMap .mapContainer .locationsList .item.active .open svg use {
  fill: #fff;
}
.profileMap .mapContainer .locationsMap {
  height: 420px;
  -webkit-box-flex: 0;
          flex: 0 0 calc(100% - 390px);
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.profileMap .mapContainer .locationsMap img {
  max-width: inherit;
}
.profileMap .mapContainer .locationsMap .locationTitle {
  height: 48px;
  width: 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  padding: 12px 20px;
  background: #fff;
  font-weight: bold;
  border: 1px solid #DEDEEA;
  border-left: 0;
}
.profileMap .mapContainer .locationsMap .contactList,
.profileMap .mapContainer .locationsMap .locationMapContainer {
  width: 50%;
  height: calc(100% - 40px);
  -webkit-box-flex: 0;
          flex: 0 0 50%;
}
.profileMap .mapContainer .locationsMap .contactList {
  background: #F2F4F5;
  padding: 0px 20px 15px;
  overflow-x: auto;
  font-size: 13px;
}
.profileMap .mapContainer .locationsMap .contactList .line {
  padding: 15px 0;
}
.profileMap .mapContainer .locationsMap .contactList .line + .line {
  border-top: 1px solid #DEDEEA;
}
.profileMap .mapContainer .locationsMap .contactList svg {
  margin-right: 5px;
}
.profileMap .mapContainer .locationsMap .contactList .list--contact {
  list-style: none;
  margin: 6px 0 0;
}
.profileMap .mapContainer .locationsMap .contactList .list--contact li {
  margin-bottom: 0;
}
.profileMap .mapContainer .locationsMap .contactList .list--contact a {
  color: #006FC1;
  text-decoration: underline;
}
@media screen and (max-width: 800px) {
  .profileMap .mapContainer {
    display: Block;
  }
  .profileMap .mapContainer .locationsList,
  .profileMap .mapContainer .locationsMap,
  .profileMap .mapContainer .productContent {
    width: 100%;
    max-width: 100%;
    height: 420px;
  }
}
.profileMap.v2 .mapContainer .locationsList .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.profileMap.v2 .mapContainer .locationsList .item .img {
  width: 70px;
  height: 70px;
  border: 1px solid #DEDEEA;
  margin-right: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}
.profileMap.v2 .mapContainer .locationsList .item .img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.profileMap.v2 .mapContainer .locationsList .item .title {
  margin-top: 8px;
}
.profileMap.v2 .mapContainer .productContent {
  border: 1px solid #DEDEEA;
  padding: 10px 30px;
  height: 420px;
  overflow-x: auto;
  -webkit-box-flex: 0;
          flex: 0 0 calc(100% - 390px);
}
@media screen and (min-width: 801px) {
  .profileMap.v2 .mapContainer .productContent {
    border-left: 0px;
  }
}
@media screen and (max-width: 800px) {
  .profileMap.v2 .mapContainer .productContent {
    border-top: 0px;
  }
}
.profileMap.v2 .mapContainer .productContent article {
  padding: 20px 0;
}
.profileMap.v2 .mapContainer .productContent article + article {
  border-top: 1px solid #DEDEEA;
}
.profileMap.v2 .mapContainer .productContent article .btnMore {
  font-weight: bold;
  color: #006FC1;
}
.profileMap.v2 .mapContainer .productContent article .btnMore svg {
  margin-left: 6px;
}
.profileMap.v2 .mapContainer .productContent article .btnMore svg path {
  fill: #006FC1;
}
.profileSpecialOffer {
  background: #ECEFF1;
}
.profileSpecialOffer .specialOfferSlider {
  clear: Both;
}
.profileSpecialOffer .specialOfferSlider .slick-track {
  display: -webkit-box !important;
  display: flex !important;
}
.profileSpecialOffer .specialOfferSlider .slick-slide {
  background: #fff;
  margin: 0 20px;
  padding: 30px;
  height: inherit !important;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.profileSpecialOffer .specialOfferSlider .slick-list {
  margin: 0 -20px;
}
.profileSpecialOffer .specialOfferSlider .offerTitle {
  font-size: 1.25rem;
  color: #007AD3;
  font-weight: bold;
  width: 100%;
  float: left;
  margin-bottom: 0.5em;
  align-self: flex-start;
}
.profileSpecialOffer .specialOfferSlider .offerContent {
  align-self: flex-end;
}
.profileSpecialOffer .specialOfferSlider .offerValidity {
  margin-bottom: 10px;
}
.profileSpecialOffer .specialOfferSlider .offerValidity strong {
  margin-right: 10px;
}
.profileSpecialOffer .specialOfferSlider .offerText {
  font-size: 0.813rem;
  min-height: 3.75rem;
}
.profileSpecialOffer .specialOfferSlider .offerLink {
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: uppercase;
}
@media screen and (max-width: 1100px) {
  .profileSpecialOffer .specialOfferSlider .slick-slide {
    margin: 0 10px;
  }
  .profileSpecialOffer .specialOfferSlider .slick-list {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 800px) {
  .profileSpecialOffer .specialOfferSlider .slick-slide {
    padding: 20px;
  }
}
.profileRealizations .showAllRealizations {
  display: none;
}
.profileRealizations .realizationsSlider {
  clear: both;
}
.profileRealizations .realizationsSlider.realizationsList.slick-slider {
  display: block;
}
.profileRealizations .realizationsSlider.realizationsList.slick-slider .slick-slide {
  height: 600px;
}
.profileRealizations .realizationsSlider.realizationsList.slick-slider .slick-slide .img {
  height: 100%;
}
.profileRealizations .realizationsSlider.realizationsList.slick-slider .showAllRealizations {
  display: block;
  cursor: pointer;
}
.profileRealizations .realizationsSlider.realizationsList.slick-slider .showAllRealizations .img > img {
  -o-object-fit: none;
     object-fit: none;
}
.profileContact {
  background: #006FC1;
  color: #fff;
}
@media screen and (max-width: 500px) {
  .profileContact {
    padding: 40px 0 25px 0;
  }
}
.profileContact a {
  color: #fff;
}
.profileContact .profileContactGrid {
  float: left;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 320px auto;
  grid-template-columns: 320px auto;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.profileContact .profileContactGrid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.profileContact .profileContactGrid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.profileContact .profileContactGrid .left {
  border-right: 1px solid rgba(255, 255, 255, 0.17);
  padding-right: 30px;
}
.profileContact .profileContactGrid .right {
  padding-left: 30px;
}
@media screen and (max-width: 720px) {
  .profileContact .profileContactGrid {
    display: block;
  }
  .profileContact .profileContactGrid .left {
    border-right: 0;
    max-width: 320px;
    margin: 0 auto;
    padding: 15px 15px 0;
  }
  .profileContact .profileContactGrid .right {
    padding: 0 15px 15px 15px;
  }
}
.profileService .serviceContent {
  float: left;
  width: 60%;
  padding-right: 50px;
}
@media screen and (max-width: 1024px) {
  .profileService .serviceContent {
    width: 100%;
    padding-right: 0;
  }
}
.profileService .serviceGuarantee {
  float: left;
  width: 40%;
  padding-left: 30px;
}
.profileService .serviceGuarantee .label {
  background: #ECEFF1;
  padding: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 1fr;
  grid-template-columns: 100px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  margin-bottom: 25px;
}
.profileService .serviceGuarantee .label > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.profileService .serviceGuarantee .label > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.profileService .serviceGuarantee .label .text span {
  display: block;
  font-weight: bold;
}
.profileService .serviceGuarantee .label .text .preTitle {
  text-transform: uppercase;
  color: #414157;
}
.profileService .serviceGuarantee .label .text .title {
  font-size: 3rem;
  line-height: 3.5rem;
  color: #007AD3;
}
@media screen and (max-width: 1024px) {
  .profileService .serviceGuarantee .label .text .title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .profileService .serviceGuarantee {
    width: 100%;
    padding-left: 0;
    margin: 0 -15px;
  }
  .profileService .serviceGuarantee .label {
    max-width: 480px;
    float: left;
    margin: 10px 15px;
  }
}
@media screen and (max-width: 420px) {
  .profileService .serviceGuarantee .label {
    width: 100%;
  }
}
@media screen and (max-width: 420px) {
  .profileMission {
    padding-top: 30px;
  }
}
.profileMission .list--numbered li {
  background: #007AD3;
  color: #fff;
  padding: 15px 30px !important;
}
.profileMission .list--numbered li:before {
  color: #fff;
  opacity: 0.17;
}
.findSupplier {
  padding: 50px 0;
}
.findSupplier .sectionTitle {
  margin-bottom: 25px;
}
.topSearchTerms {
  padding: 50px 0 60px;
}
.topSearchTerms .sectionTitle {
  margin-bottom: 40px;
}
.topSearchTerms .divider {
  margin-top: 80px;
}
.filterSupplier {
  padding: 30px 0;
}
.filterSupplier .filterRow {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px auto;
  grid-template-columns: 280px auto;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  margin: 25px 0 0;
}
.filterSupplier .filterRow > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.filterSupplier .filterRow > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
@media screen and (max-width: 700px) {
  .filterSupplier .filterRow {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .filterSupplier .filterRow > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.filterSupplier .filterRow .rowContent {
  margin-top: 12px;
  border-top: 1px solid #DEDEEA;
  padding: 15px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 8px;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.filterSupplier .filterRow .rowContent > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.filterSupplier .filterRow .rowContent > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.filterSupplier .filterRow .rowContent > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
@media screen and (max-width: 992px) and (min-width: 701px), screen and (max-width: 500px) {
  .filterSupplier .filterRow .rowContent {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .filterSupplier .filterRow .rowContent > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .filterSupplier .filterRow .rowContent > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 400px) {
  .filterSupplier .filterRow .rowContent {
    display: block;
  }
}
.filterSupplier .filterRow .rowContent .fullLine {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
}
.filterSupplier .filterRow .rowContent.full {
  display: block;
  width: 100%;
  float: left;
}
.filterSupplier .filterRow .rowContent input {
  background: #F2F4F5;
  margin-bottom: 15px;
}
.filterSupplier .filterRow .rowContent input.half {
  width: 55%;
}
@media screen and (max-width: 600px) {
  .filterSupplier .filterRow .rowContent input.half {
    width: 100%;
  }
}
.suppliersContent {
  padding: 35px 0;
}
.realizationFilter {
  padding: 0 0 20px 0;
  background: #fff;
}
.realizationFilter .active {
  font-weight: bold;
}
.realizationFilter span {
  cursor: pointer;
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}
.realizationFilter span svg {
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -2px;
}
.realizationFilter span:first-of-type {
  border-right: 1px solid #DEDEEA;
  padding-right: 15px;
}
.realizationContent {
  padding: 50px 0;
}
.realizationRight {
  display: none;
}
.realizationRight img {
  max-width: inherit;
}
.js--realizationContainer.full {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.js--realizationContainer.full .realizationLeft {
  background: #F2F4F5;
  width: 55%;
  float: left;
  padding: 20px 30px;
  height: 800px;
  overflow-x: auto;
}
@media screen and (max-width: 800px) {
  .js--realizationContainer.full .realizationLeft {
    padding: 20px 15px;
    height: 500px;
  }
}
@media screen and (max-width: 750px) {
  .js--realizationContainer.full .realizationLeft {
    width: 100%;
  }
}
.js--realizationContainer.full .realizationLeft .realizationsList .validationContainer {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 4;
  grid-column-end: 5;
}
@media screen and (max-width: 1900px) {
  .js--realizationContainer.full .realizationLeft .realizationsList {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 1450px) {
  .js--realizationContainer.full .realizationLeft .realizationsList {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 1450px) {
  .js--realizationContainer.full .realizationLeft .realizationsList {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 1050px) {
  .js--realizationContainer.full .realizationLeft .realizationsList {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 1050px) {
  .js--realizationContainer.full .realizationLeft .realizationsList .post.promoted .img {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList .post.promoted .content {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 0 0 15px;
  }
  .js--realizationContainer.full .realizationLeft .realizationsList .post.promoted .content .btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1900px) {
  .js--realizationContainer.full .realizationLeft .realizationsList .post.promoted.first {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
  }
}
@media screen and (max-width: 1050px) {
  .js--realizationContainer.full .realizationLeft .realizationsList .post.promoted.first {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }
}
@media screen and (max-width: 1900px) {
  .js--realizationContainer.full .realizationLeft .realizationsList .post.promoted.second {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
  }
}
@media screen and (max-width: 1050px) {
  .js--realizationContainer.full .realizationLeft .realizationsList .post.promoted.second {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }
}
.js--realizationContainer.full .realizationRight {
  display: block;
  width: 45%;
  float: left;
}
@media screen and (max-width: 750px) {
  .js--realizationContainer.full .realizationRight {
    width: 100%;
    height: 500px;
  }
}
.pageContent--realizationDetail {
  padding-bottom: 95px;
}
@media screen and (max-width: 1024px) {
  .pageContent--realizationDetail {
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 700px) {
  .pageContent--realizationDetail {
    padding-bottom: 35px;
  }
}
.pageContent--realizationDetail section {
  padding-left: 65px;
  padding-right: 65px;
}
@media screen and (max-width: 1024px) {
  .pageContent--realizationDetail section {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 450px) {
  .pageContent--realizationDetail section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pageContent--realizationDetail section.suppliers {
  padding: 0;
}
.pageContent--realizationDetail section.suppliers .findSupplier {
  margin-top: 0;
}
section.realizationTitle {
  background: #006FC1;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  section.realizationTitle {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 800px) {
  section.realizationTitle {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
section.realizationTitle .btn {
  margin-right: 15px;
}
section.realizationTitle h1 {
  padding: 0;
  margin: 0;
  font-size: 2.5rem;
}
@media screen and (max-width: 1024px) {
  section.realizationTitle h1 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 800px) {
  section.realizationTitle h1 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 450px) {
  section.realizationTitle h1 {
    font-size: 1.2rem;
  }
}
section.realizationHeader {
  background: #007AD3;
  color: #fff;
  padding-top: 33px;
  padding-bottom: 10px;
}
@media screen and (max-width: 600px) {
  section.realizationHeader {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  section.realizationHeader.flex {
    display: block;
  }
}
section.realizationHeader .left {
  -webkit-box-flex: 0;
          flex: 0 0 420px;
  width: 100%;
  max-width: 420px;
}
@media screen and (max-width: 980px) {
  section.realizationHeader .left {
    -webkit-box-flex: 0;
            flex: 0 0 250px;
    max-width: 250px;
  }
}
section.realizationHeader .left .list li {
  margin-bottom: 25px;
}
section.realizationHeader .left .list .ico {
  padding: 12px;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
          flex: 0 0 50px;
}
section.realizationHeader .left .list .ico.orange {
  background: #FDB510;
}
section.realizationHeader .left .list .ico.red {
  background: #F74762;
}
section.realizationHeader .left .list .ico.green {
  background: #0DCC56;
}
section.realizationHeader .left .list .ico.blueDark {
  background: #006FC1;
}
section.realizationHeader .left .list .ico.company {
  background: #fff;
  padding: 6px;
}
section.realizationHeader .left .list .content {
  padding-top: 7px;
  padding-left: 10px;
}
section.realizationHeader .left .list .content .hTitle span {
  display: block;
  font-weight: normal;
  margin-top: 8px;
}
section.realizationHeader .left .list .content .hTitle span a {
  color: #fff;
}
section.realizationHeader .right {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  width: auto;
  max-width: auto;
}
section.realizationHeader .right .tags {
  margin-bottom: 1.3rem;
  float: left;
  width: 100%;
}
section.realizationHeader .right .tags li {
  margin-bottom: 4px;
}
section.realizationHeader h5 {
  font-size: 0.813em;
  display: block;
  clear: both;
}
section.realizationHeader .servicesIcon {
  margin-right: 10px;
}
section.realizationGallery {
  background: #fff;
  padding-bottom: 20px;
  padding-top: 40px;
}
@media screen and (max-width: 420px) {
  section.realizationGallery {
    padding-top: 20px;
  }
}
section.realizationGallery .galleryTitle {
  font-size: 1.938rem;
}
section.realizationGallery .galleryTitle .sectionTitle {
  font-size: 1em;
  display: inline-block;
  margin-bottom: 22px;
}
section.realizationGallery .galleryTitle .numberPagi {
  display: inline-block;
  color: #7D7D93;
}
section.realizationGallery .galleryTitle .numberPagi span {
  font-weight: Bold;
  margin-left: 10px;
  font-size: 1.563rem;
}
section.realizationGallery .galleryNavigation {
  width: 100%;
  float: left;
  overflow: hidden;
  height: 98px;
}
section.realizationGallery .galleryNavigation .slick-list,
section.realizationGallery .galleryNavigation .slick-track {
  height: 100%;
}
section.realizationGallery .galleryNavigation .slick-slide {
  position: relative;
  height: 100%;
}
section.realizationGallery .galleryNavigation .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.realizationGallery .galleryNavigation .slick-slide:after {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #414157;
  opacity: 0;
  -webkit-transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
section.realizationGallery .galleryNavigation .slick-slide:not(.slick-current):after {
  opacity: 0.67;
}
section.realizationGallery .galleryNavigation .slick-next,
section.realizationGallery .galleryNavigation .slick-prev {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  margin-top: 0;
  top: 0;
  width: 30px;
  height: 100%;
  bottom: initial;
  background: rgba(51, 51, 69, 0.87);
  border-radius: 0;
}
section.realizationGallery .galleryNavigation .slick-next:before,
section.realizationGallery .galleryNavigation .slick-prev:before {
  width: 30px;
}
section.realizationGallery .galleryNavigation .slick-next {
  right: 0;
}
section.realizationGallery .galleryNavigation .slick-prev {
  left: 0;
}
section.realizationGallery .gallerySlider {
  width: 100%;
  float: left;
  margin-top: 10px;
}
section.realizationGallery .gallerySlider .slick-slide {
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
section.realizationGallery .gallerySlider .slick-slide img {
  max-height: 100%;
}
section.realizationGallery .slick-list {
  margin: 0 -5px;
}
section.realizationGallery .slick-slide {
  margin: 0 5px;
}
section.realizationGallery .slick-slide:focus,
section.realizationGallery .slick-slide:active {
  outline: 2px 1px solid #006FC1;
}
section.realizationGallery .galleryDescription {
  padding: 15px 0 0;
  float: left;
  width: 100%;
  font-size: 0.813em;
}
section.realizationShare {
  background: #ECEFF1;
  padding-bottom: 30px;
  padding-top: 30px;
}
section.realizationShare .sectionTitle {
  margin-bottom: 22px;
}
section.realizationShare .shareForm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 60px 2fr;
  grid-template-columns: 3fr 2fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  row-gap: 10px;
}
section.realizationShare .shareForm > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
section.realizationShare .shareForm > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 980px) {
  section.realizationShare .shareForm {
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
  section.realizationShare .shareForm > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  section.realizationShare .shareForm > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media screen and (max-width: 580px) {
  section.realizationShare .shareForm {
    display: block;
  }
}
section.realizationShare .shareForm input {
  padding: 8px 20px;
}
@media screen and (max-width: 1020px) {
  section.realizationShare .shareForm input {
    margin-bottom: 10px;
  }
}
section.realizationShare .shareForm .flexRow {
  margin-bottom: 18px;
}
section.realizationShare .inputTitle {
  font-weight: bold;
}
section.realizationShare .submitSend {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 120px;
  grid-template-columns: auto 120px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-align-items: flex-end;
  -ms-flex-items: flex-end;
  -webkit-box-align: end;
          align-items: flex-end;
}
section.realizationShare .submitSend > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
section.realizationShare .submitSend > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 880px) {
  section.realizationShare .submitSend {
    display: block;
  }
}
section.realizationShare .submitSend .customCheckbox {
  padding-bottom: 6px;
}
section.realizationShare .submitSend .customCheckbox .title {
  font-size: 0.813rem;
}
section.realizationShare .copyLink {
  text-align: right;
}
@media screen and (max-width: 580px) {
  section.realizationShare .copyLink {
    text-align: left;
  }
}
@media screen and (max-width: 580px) {
  section.realizationShare .right {
    margin-top: 20px;
  }
}
section.realizationSupplier {
  background: #fff;
  padding-top: 40px;
}
@media screen and (max-width: 700px) {
  section.realizationSupplier {
    padding-top: 20px;
  }
}
section.realizationSupplier .sectionTitle {
  margin-bottom: 22px;
}
section.realizationSupplier .supplierInfo {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: flex;
  margin-top: -5px;
}
@media screen and (max-width: 580px) {
  section.realizationSupplier .supplierInfo {
    display: block;
  }
}
section.realizationSupplier .supplierInfo .logo {
  -webkit-box-flex: 0;
          flex: 0 0 128px;
  width: 128px;
  max-width: 128px;
  height: 128px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border: 1px solid #DEDEEA;
  padding: 5px;
}
section.realizationSupplier .supplierInfo > .content {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-left: 25px;
}
@media screen and (max-width: 580px) {
  section.realizationSupplier .supplierInfo > .content {
    padding-left: 0;
    padding-top: 35px;
  }
}
section.realizationSupplier .supplierInfo > .content .title {
  font-size: 1.25em;
  margin: 0px 0 5px;
}
section.realizationSupplier .supplierInfo > .content .tags {
  display: block;
  padding: 7px 0;
}
section.realizationSupplier .supplierInfo > .content .tags li {
  font-size: 0.813rem;
}
section.realizationSupplier .supplierInfo > .content .list {
  float: left;
  width: 100%;
  margin-top: 10px;
}
section.realizationSupplier .supplierInfo > .content .list li {
  margin: 5px 50px 5px 0;
}
@media screen and (max-width: 450px) {
  section.realizationSupplier .supplierInfo > .content .list li {
    margin: 5px 20px 5px 0;
  }
}
section.realizationSupplier .supplierInfo > .content .list .ico {
  border-color: #DEDEEA;
}
section.realizationSupplier .supplierInfo > .content .list .content a {
  color: #414157;
}
section.realizationSupplier .supplierReference {
  float: left;
  width: 100%;
  margin: 40px 0 55px;
}
section.realizationSupplier .supplierReference .realizationsList {
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 15px;
}
.newsDetailSection {
  padding: 30px 0 35px;
  background: #fff;
}
.newsDetailSection .article .title {
  border: 1px solid #DEDEEA;
  border-bottom: 0;
}
.newsDetailSection .article .desc {
  border: 1px solid #DEDEEA;
  border-top: 0;
}
.newsDetail {
  padding: 50px 0 60px 0;
}
@media screen and (max-width: 980px) {
  .newsDetail {
    padding: 20px 0 30px 0;
  }
}
.newsDetail .newsContainer {
  max-width: 750px;
  margin: 0 auto;
}
.newsDetail .postHeader .postTitle {
  font-size: 3rem;
  margin-bottom: 0;
}
@media screen and (max-width: 980px) {
  .newsDetail .postHeader .postTitle {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 500px) {
  .newsDetail .postHeader .postTitle {
    font-size: 2rem;
  }
}
.newsDetail .postHeader .metaTags {
  margin: 20px 0 60px 0;
  line-height: 2em;
}
@media screen and (max-width: 720px) {
  .newsDetail .postHeader .metaTags {
    margin: 15px 0 20px 0;
  }
}
.newsDetail .postHeader .metaTags .category {
  padding: 5px 15px;
  color: #fff;
  font-weight: bold;
}
.newsDetail .postHeader .metaTags .category.green {
  background-color: rgba(13, 204, 86, 0.87);
}
.newsDetail .postHeader .metaTags .category.blue {
  background-color: rgba(0, 111, 193, 0.87);
}
.newsDetail .postHeader .metaTags .category.orange {
  background-color: rgba(253, 181, 16, 0.87);
}
.newsDetail .postHeader .metaTags .date {
  margin-left: 18px;
  margin-right: 5px;
}
.newsDetail .postHeader .metaTags .date .ico {
  margin-right: 4px;
}
.newsDetail .postHeader .metaTags .share {
  padding: 0 5px;
  margin-left: 10px;
  padding-left: 17px;
  border-left: 1px solid #DEDEEA;
}
@media screen and (max-width: 430px) {
  .newsDetail .postHeader .metaTags .share {
    border-left: 0;
    display: block;
    margin-left: 0;
    padding-left: 0;
    margin-top: 8px;
  }
}
.newsDetail .postHeader .metaTags .share a {
  margin-left: 8px;
}
.newsDetail .perex {
  font-size: 1.375rem;
  line-height: 2.2rem;
  margin-top: 45px;
}
@media screen and (max-width: 600px) {
  .newsDetail .perex {
    font-size: 1.1rem;
    line-height: 1.8rem;
    margin-top: 20px;
  }
}
.newsDetail .content {
  font-size: 1.125em;
  line-height: 1.89em;
}
.newsDetail .postFooter .source {
  font-size: 0.813em;
  display: block;
}
.newsDetail .postFooter .source a {
  color: #006FC1;
}
.newsDetail .postFooter .tags {
  padding: 30px 0 22px;
  float: left;
  width: 100%;
}
.newsDetail .postFooter .share {
  float: left;
  width: 100%;
  font-weight: bold;
  margin: 15px 0;
  position: relative;
}
.newsDetail .postFooter .share:before {
  content: '';
  height: 1px;
  width: 100%;
  top: 50%;
  left: 0;
  position: absolute;
  background: #DEDEEA;
}
.newsDetail .postFooter .share span {
  background: #fff;
  padding-right: 20px;
  position: relative;
}
.newsDetail .postFooter .share a {
  margin-left: 11px;
}
.newsDetail .postFooter .authorBox {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: flex;
  margin: 25px 0;
}
@media screen and (max-width: 580px) {
  .newsDetail .postFooter .authorBox {
    display: block;
  }
}
.newsDetail .postFooter .authorBox .logo {
  -webkit-box-flex: 0;
          flex: 0 0 128px;
  width: 128px;
  max-width: 128px;
  height: 128px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border: 1px solid #DEDEEA;
}
.newsDetail .postFooter .authorBox > .content {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-left: 25px;
  margin-top: -15px;
}
@media screen and (max-width: 580px) {
  .newsDetail .postFooter .authorBox > .content {
    padding-left: 0;
    padding-top: 35px;
  }
}
.newsDetail .postFooter .authorBox > .content .author {
  font-size: 0.75em;
}
.newsDetail .postFooter .authorBox > .content .title {
  font-size: 1.25rem;
  margin: -5px 0 5px;
}
.newsDetail .postFooter .authorBox > .content .tags {
  display: block;
  padding: 2px 0;
}
.newsDetail .postFooter .authorBox > .content .tags li {
  font-size: 0.813rem;
  line-height: 1.9em;
}
.newsDetail .postFooter .authorBox > .content .list {
  float: left;
  width: 100%;
  margin-top: 9px;
}
.newsDetail .postFooter .authorBox > .content .list li {
  margin-right: 45px;
}
.newsDetail .postFooter .authorBox > .content .list .ico {
  border-color: #DEDEEA;
}
.newsDetail .postFooter .authorBox > .content .list .content a {
  color: #414157;
  font-size: 0.813rem;
}
.newsDetail .postFooter .supplierReference {
  float: left;
  width: 100%;
  margin: 10px 0 20px;
}
.newsDetail .postFooter .supplierReference .realizationsList {
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.newsDetail .postFooter .supplierReference .realizationsList > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.newsDetail .postFooter .supplierReference .realizationsList > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.newsDetail .postFooter .supplierReference .realizationsList > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
@media screen and (max-width: 750px) {
  .newsDetail .postFooter .supplierReference .realizationsList {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .newsDetail .postFooter .supplierReference .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .newsDetail .postFooter .supplierReference .realizationsList > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 480px) {
  .newsDetail .postFooter .supplierReference .realizationsList {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .newsDetail .postFooter .supplierReference .realizationsList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.registerContent {
  padding: 60px 0;
}
.registerContent .registerForm {
  float: right;
  background: #007AD3;
  color: #fff;
  width: 450px;
  padding: 40px;
}
@media screen and (max-width: 1100px) {
  .registerContent .registerForm {
    width: 350px;
  }
}
@media screen and (max-width: 750px) {
  .registerContent .registerForm {
    width: 100%;
    margin-bottom: 50px;
  }
}
.registerContent .registerForm h1 {
  font-size: 1.938rem;
  margin-top: 0;
}
.registerContent .registerForm .inputCol input {
  margin: 5px 0px 15px;
}
.registerContent .registerForm .customCheckbox {
  margin: 5px 0px 15px;
}
.registerContent .registerInfo {
  padding-right: 550px;
}
@media screen and (max-width: 1100px) {
  .registerContent .registerInfo {
    padding-right: 400px;
  }
}
@media screen and (max-width: 750px) {
  .registerContent .registerInfo {
    padding-right: 0;
  }
}
.registerContent .registerInfo h2 {
  font-size: 2em;
  color: #007AD3;
}
.loginIntro {
  margin-bottom: 30px;
}
.loginIntro .textWithIco {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-columns: 380px auto;
  grid-template-columns: 380px auto;
  padding: 30px 80px 40px;
}
.loginIntro .textWithIco > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.loginIntro .textWithIco > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
@media screen and (max-width: 900px) {
  .loginIntro .textWithIco {
    -ms-grid-columns: 300px auto;
    grid-template-columns: 300px auto;
    padding: 20px 30px 20px;
    text-align: center;
  }
}
@media screen and (max-width: 650px) {
  .loginIntro .textWithIco {
    display: block;
  }
}
.loginIntro .textWithIco .ico {
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.loginIntro .textWithIco .text {
  -webkit-box-ordinal-group: 3;
          order: 2;
}
@media screen and (min-width: 1100px) {
  .loginIntro .textWithIco .text {
    padding-top: 40px;
  }
}
.loginIntro .blueBlock {
  text-align: center;
  background: #006FC1;
  padding: 25px;
  margin: 40px 0 100px;
  color: #fff;
}
.loginIntro .blueBlock .iconList {
  display: inline-block;
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1;
  grid-template-rows: 1;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 600px;
  width: 100%;
  margin: 30px auto -115px;
  text-align: center;
}
.loginIntro .blueBlock .iconList > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.loginIntro .blueBlock .iconList > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.loginIntro .blueBlock .iconList > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 500px) {
  .loginIntro .blueBlock .iconList {
    display: block;
    margin: 30px auto;
  }
}
.loginIntro .blueBlock .iconList .icon {
  width: 88px;
  height: 88px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 auto 10px;
}
.loginIntro .blueBlock .iconList .title {
  color: #414157;
}
@media screen and (max-width: 500px) {
  .loginIntro .blueBlock .iconList .title {
    color: #fff;
  }
}
.loginPriceTable {
  background: #ECEFF1;
  padding: 60px 0 0 0;
}
.loginPriceTable .priceTable {
  position: relative;
}
.registerFullContent {
  background: #006FC1;
  color: #fff;
  padding: 160px 0 40px;
  margin-top: -100px;
}
.registerFullContent .defaultForm {
  max-width: 400px;
  margin: 0 auto;
}
.registerFullContent .inputCol input {
  margin: 5px 0px 15px;
}
.registerFullContent .customCheckbox {
  margin: 5px 0px 15px;
}
/***** SUBPAGE *****/
/***** //SUBPAGE *****/