html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
caption,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
strong,
b {
  font-weight: bold;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
*:focus {
  outline: none;
}
body {
  line-height: 1;
}
.clear {
  clear: both;
}
/*#c10a2b*/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  overflow: hidden;
}
.glightbox-container.inactive {
  display: none;
}
.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}
.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}
.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}
.glightbox-container .gslide-inner-content {
  width: 100%;
}
.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}
.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}
.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}
.gslide-image img.zoomable {
  position: relative;
}
.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}
.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}
.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}
.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}
.gslide-video.playing::before {
  display: none;
}
.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}
.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}
.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
}
.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}
.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}
.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}
.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}
.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}
.gslide-description p {
  margin-bottom: 12px;
}
.gslide-description p:last-child {
  margin-bottom: 0;
}
.zoomed .gslide-description {
  display: none;
}
.glightbox-button-hidden {
  display: none;
}
/*
   * Description for mobiles
   * something like facebook does the description
   * for the photos
  */
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}
.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}
.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gabsolute {
  position: absolute;
}
.grelative {
  position: relative;
}
.glightbox-desc {
  display: none !important;
}
.glightbox-open {
  overflow: hidden;
}
.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}
.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}
.glightbox-mobile .goverlay {
  background: #000;
}
.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}
.gbtn.focused {
  outline: 2px solid #0f3d81;
}
iframe.wait-autoplay {
  opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}
/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}
.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}
.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}
.glightbox-clean .gslide-video {
  background: #000;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}
.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}
.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}
.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}
.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}
.glightbox-clean .gclose:hover {
  opacity: 1;
}
/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}
.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}
.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}
.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}
.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}
.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}
.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}
.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}
@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
.inner {
  margin: 0 auto;
  position: relative;
  z-index: 98;
  width: 90%;
  /*border: 1px solid red;*/
  /*@media (min-width: @normalView){
        max-width: 95%;
    }

    @media (min-width: @bigView){
        max-width: 1850px;
    }*/
}
@media (min-width: 1460px) {
  .inner {
    width: 85%;
  }
}
.innerLow {
  margin: 0 auto;
  position: relative;
  z-index: 98;
  width: 88%;
}
@media (min-width: 1378px) {
  .innerLow {
    width: 1203px;
  }
}
.inner800 {
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 890px) {
  .inner800 {
    width: 800px;
  }
}
html {
  font-size: 10px;
}
.clear {
  clear: both;
}
body {
  font-family: 'Inter', 'Open Sans', sans-serif, Tahoma, Verdana, Arial;
  font-size: 13px;
  font-size: 1.3rem;
  z-index: 85;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.openedMobileMenu {
  overflow-y: hidden;
}
.icoCircleTitle {
  text-align: center;
  font-weight: 300;
  font-size: 23px;
  font-size: 2.3rem;
  color: #2c2e35;
  padding: 97px 0 0 0;
}
.icoCircleTitle span {
  position: relative;
  display: inline-block;
}
.icoCircleTitle span:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0%, -50%);
  left: -60px;
  width: 40px;
  height: 42px;
  background: url('../img/ico-title.jpg') no-repeat left center;
}
.homeColTitle {
  text-align: left;
  font-weight: 300;
  font-size: 23px;
  font-size: 2.3rem;
  color: #2c2e35;
  padding: 73px 0 67px 94px;
  border-bottom: 2px solid #ececed;
}
main {
  padding: 58px 0 0px;
  position: relative;
  z-index: 98;
}
@media (min-width: 1060px) {
  main {
    padding: 98px 0;
  }
}
.swiper-button-prev,
.swiper-button-next {
  position: relative;
  width: 65px;
  height: 65px;
  background: #ececed;
  display: inline-block;
  cursor: pointer;
  margin: 0px;
}
@media (min-width: 455px) {
  .swiper-button-prev,
  .swiper-button-next {
    margin: 0 0 0 14px;
  }
}
.swiper-button-next:after {
  content: "\2192";
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0px;
  line-height: 60px;
  left: 0px;
  font-family: 'Lato', sans-serif;
  color: #c20019;
  font-size: 18px;
  font-size: 1.8rem;
}
.swiper-button-prev:after {
  content: "\2190";
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0px;
  line-height: 60px;
  left: 0px;
  font-family: 'Lato', sans-serif;
  color: #c20019;
  font-size: 18px;
  font-size: 1.8rem;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #c20019;
}
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  color: #fff;
}
h3 {
  font-weight: 600;
}
.articleColumnSection {
  display: flex;
  flex-wrap: wrap;
}
.infoColumBox {
  width: 100%;
  border-top: 2px solid #ececed;
}
@media (min-width: 1456px) {
  .infoColumBox {
    width: 50%;
    border-top: none;
  }
}
.socialArticleBox {
  border-top: 2px solid #ececed;
  display: flex;
  flex-wrap: wrap;
}
.socialArticleBox .homeColTitle {
  padding: 48px 0 48px 34px;
}
.socialArticleBox .socialArticleBox__footer {
  padding: 34px 34px 34px;
}
.socialArticleBox .socialArticleBox__footer a {
  display: inline-block;
  border: 1px solid #2c2e35;
  padding: 21px 38px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c2e35;
  text-decoration: none;
}
.socialArticleBox .socialArticleBox__footer a:hover {
  background: #eceded;
  border: 1px solid #eceded;
  color: #c20019;
}
.formated {
  color: #2c2e35;
  font-weight: 300;
}
.formated h1 {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 20px 0;
  font-weight: 300;
}
.formated h2 {
  font-size: 20px;
  font-size: 2rem;
  padding: 0 0 12px 0;
  font-weight: 300;
}
.formated h3 {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 0 7px 0;
}
.formated h4 {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 7px 0;
  font-weight: 600;
}
.formated h5 {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 7px 0;
}
.formated p {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 34px 0;
  line-height: 1.45em;
}
.formated em {
  font-style: italic;
}
.formated .smallP {
  font-size: 14px;
  font-size: 1.4rem;
}
.formated a {
  color: #c20019;
}
.formated a:hover {
  text-decoration: none;
}
.formated ul {
  padding: 0 0 18px 0;
  margin: 0px;
}
.formated ul li {
  position: relative;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  padding: 0 0 10px 18px;
}
.formated ul li ul {
  padding: 10px 0 0 0;
}
.formated ul li ul li:after {
  content: "\25CF";
}
.formated ul li:after {
  position: absolute;
  top: 1px;
  left: 0px;
  content: "\25EF";
  color: #c20019;
  font-size: 7px;
  font-size: 0.7rem;
}
.formated .downloadBox {
  width: 100%;
  padding-bottom: 18px;
}
.formated .downloadBox .downloadBox__title {
  padding-top: 25px;
}
.formated .downloadBox ul {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
}
.formated .downloadBox ul li:after {
  display: none;
}
.formated .downloadBox ul li a {
  margin-top: 35px;
}
.formated .downloadBox .downloadBox__column {
  flex-wrap: wrap;
}
.formated .downloadBox .downloadBox__column ul {
  width: 100%;
  padding-right: 0px;
  padding-top: 0px;
}
@media (min-width: 822px) {
  .formated .downloadBox .downloadBox__column ul {
    width: calc(50% - 80px);
    padding-right: 80px;
  }
}
.formated ol {
  padding: 0 0 0 18px;
  margin: 0px;
}
.formated ol li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  padding: 0 0 10px 0px;
  margin: 0px;
}
.formated img {
  max-width: 100%;
  height: auto !important;
  width: auto !important;
}
.formated--science {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1075px) {
  .formated--science {
    width: 998px;
  }
}
.formated--science h1 {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 58px 0;
}
.formated--science p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  padding: 0 0 18px 0;
}
.formated--science a {
  color: #c20019;
}
.formated--science ul {
  padding: 0px;
  margin: 0px;
  width: 100%;
  /*@media (min-width: 928px){
            width: 72%;
        }*/
}
.formated--science ul li {
  position: relative;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  padding: 0 0 10px 18px;
}
.formated--science ul li:after {
  position: absolute;
  top: 1px;
  left: 0px;
  content: "\25EF";
  color: #c20019;
  font-size: 7px;
  font-size: 0.7rem;
}
.formated__padd {
  padding: 0px;
}
@media (min-width: 1065px) {
  .formated__padd {
    padding: 0 50px 0 99px;
  }
}
.promoBox.detailServicePage {
  background: url('../img/serviceDetailPage-bg.jpg') no-repeat top center;
}
.promoBox.detailServicePage .promoBox__title {
  width: auto;
  padding: 0 0 70px 0;
  text-align: left;
}
.promoBox.detailServicePage .promoBox__button {
  padding: 52px 0 0 0;
}
.formated--science h2 {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 58px 0;
}
.detailPublic {
  padding: 98px 0;
}
.detailPublic .formated--science {
  padding: 0 0px 0 0;
}
@media (min-width: 1075px) {
  .detailPublic .formated--science {
    padding: 0 200px 0 0;
  }
}
.detailPublic .formated--science h2 {
  padding: 0 0 23px 0;
}
.detailPublic .formated--science h3 {
  font-weight: 600;
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 14px 0;
}
.detailPublic .formated--science .detailPublic__projectInfo {
  padding: 3px 0;
  font-weight: 600;
}
.detailPublic .formated--science .detailPublic__projectInfo span {
  font-weight: 300;
}
.detailPublic .formated--science .detailPublic__projectPerex {
  padding: 20px 0 0 0;
}
.detailPublic:nth-child(2n) {
  padding: 8px 0 98px;
}
.innerService {
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 928px) {
  .innerService {
    width: 798px;
  }
}
/*.inner800{
    margin: 0 auto;
    wi
}*/
.innerPeople {
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 944px) {
  .innerPeople {
    width: 798px;
  }
}
@media (min-width: 1246px) {
  .innerPeople {
    width: 1198px;
  }
}
.detailText {
  padding: 49px 0;
}
@media (min-width: 1066px) {
  .detailText {
    padding: 98px 0;
  }
}
.detailPeople .detailPeople__wrap {
  position: relative;
  color: #2c2e35;
  padding: 46px 0;
  background: #ececed;
}
@media (min-width: 1082px) {
  .detailPeople .detailPeople__wrap {
    padding: 46px 0;
  }
}
@media (min-width: 1246px) {
  .detailPeople .detailPeople__wrap {
    padding: 96px 0;
  }
}
.detailPeople .innerService {
  position: relative;
  z-index: 100;
}
.detailPeople .detailPeople__title {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 30px 0;
  font-weight: 300;
}
.detailPeople .detailPeople__title a {
  color: #c20019;
}
.detailPeople .detailPeople__title a:hover {
  text-decoration: none;
}
@media (min-width: 800px) {
  .detailPeople .detailPeople__title {
    padding: 0 0 58px 0;
  }
}
.detailPeople .detailPeople__image {
  width: 100%;
  padding: 0 0 50px 0;
  text-align: center;
}
@media (min-width: 444px) {
  .detailPeople .detailPeople__image {
    float: left;
    width: 32%;
    text-align: left;
  }
}
@media (min-width: 600px) {
  .detailPeople .detailPeople__image {
    width: 200px;
    /*margin: 0 0 0 86px;*/
    padding: 2px 0 0 0;
  }
}
@media (min-width: 1178px) {
  .detailPeople .detailPeople__image {
    width: 32%;
    text-align: right;
    margin: 0px;
  }
}
@media (min-width: 1248px) {
  .detailPeople .detailPeople__image {
    width: 400px;
  }
}
.detailPeople .detailPeople__image img {
  max-width: 100%;
}
.detailPeople .detailPeople__info {
  width: 100%;
}
@media (min-width: 444px) {
  .detailPeople .detailPeople__info {
    width: 60%;
    float: right;
  }
}
@media (min-width: 600px) {
  .detailPeople .detailPeople__info {
    width: calc(100% - 250px);
  }
}
@media (min-width: 1246px) {
  .detailPeople .detailPeople__info {
    width: 600px;
    margin: 0 98px 0 0;
  }
}
.detailPeople .detailPeople__info a {
  color: #c20019;
}
.detailPeople .detailPeople__info a:hover {
  text-decoration: none;
}
.detailPeople .detailPeople__info .detailPeople__info__fce {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
}
.detailPeople .detailPeople__info .detailPeople__info__name {
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 8px 0 48px 0;
}
.detailPeople .detailPeople__info .detailPeople__info__text {
  color: #2c2e35;
  font-weight: 300;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.3em;
}
.detailPeople .detailPeople__info .detailPeople__info__contact {
  padding: 12px 0 0 0;
  color: #2c2e35;
  font-weight: 300;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.3em;
}
.detailPeople .detailPeople__info .detailPeople__info__contact a {
  color: #c20019;
}
.detailPeople .detailPeople__info .detailPeople__info__contact a:hover {
  text-decoration: none;
}
.detailPeople .swiper-button {
  padding: 40px 0 0 0;
  text-align: right;
  /*@media (min-width: 1082px){
            position: absolute;
            z-index: 100;
            bottom: 0px;
            right: 0px;
            padding: 0px;
        }*/
}
/*.detailPeople:after{
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0px;
    background: #fff;
    width: 100%;
    height: 50%;
    content: "";
       

    @media (min-width: 800px){
        height: 20%;
    }
   
}*/
.detailContact {
  color: #2c2e35;
}
.detailContact h2 {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 24px 0;
  font-weight: 300;
}
.detailContact h3 {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 17px 0;
  font-weight: 600;
}
.detailContact p {
  font-weight: 300;
  padding: 0 0 5px 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.detailContact .detailContact__phone {
  padding-top: 20px;
}
.detailContact .detailContact__column {
  width: 100%;
}
@media (min-width: 830px) {
  .detailContact .detailContact__column {
    width: 60%;
    float: left;
  }
}
.detailContact .detailContact__column img {
  max-width: 100%;
}
.detailContact .detailContact__column--right {
  width: 100%;
  padding: 30px 0 0 0;
}
@media (min-width: 830px) {
  .detailContact .detailContact__column--right {
    width: 37%;
    float: right;
    padding: 0px;
  }
}
.contactPage {
  color: #2c2e35;
  font-weight: 300;
}
.contactPage h1 {
  text-align: center;
  font-size: 23px;
  font-size: 2.3rem;
}
.contactPage a {
  color: #c20019;
  text-decoration: underline;
}
.contactPage a:hover {
  text-decoration: none;
}
.contactPage .contactPage__content {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0 0 0;
}
@media (min-width: 1060px) {
  .contactPage .contactPage__content {
    padding: 100px 0 0 0;
  }
}
.contactPage .contactPage__column {
  width: 100%;
}
@media (min-width: 895px) {
  .contactPage .contactPage__column {
    width: 50%;
  }
}
.contactPage .contactPage__column img {
  max-width: 100%;
}
.contactPage .contactPage__column:first-child {
  background: #ececed;
  padding: 28px 66px 28px 36px;
}
.contactPage .contactPage__column:last-child {
  font-size: 0px;
  border-left: 2px solid #fff;
}
.contactPage h2 {
  font-weight: 600;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.4em;
  padding: 0 0 8px 0;
}
.contactPage h2 span {
  display: block;
}
.contactPage p {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 0 0 0;
}
.contactPage .contactPage__odd {
  padding: 20px 0 0 0;
}
.newsPage .icoCircleTitle {
  padding: 0px;
}
.newsPage .newsBox {
  padding: 50px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
main .newsDetailPage {
  /*padding: 70px 0 0 0;*/
}
main .newsDetailPage .newsDetailTitle {
  font-size: 28px;
  font-size: 2.8rem;
  padding: 0 0 20px 0;
  font-weight: 300;
}
main .newsDetailPage .formated {
  padding: 90px 0 0 0;
}
@media (min-width: 1066px) {
  main .newsDetailPage .formated {
    width: 66%;
    margin: 0 auto;
  }
}
.newsDetailDate {
  font-weight: 300;
  font-size: 14px;
  font-size: 1.4rem;
}
.calendarPage {
  color: #2c2e35;
}
.calendarPage h1 {
  font-weight: 300;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0 0 46px 0;
}
.calendarPage .calendarPage__filterTitle {
  font-weight: 300;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0 0 46px 0;
}
.calendarPage .calendarPage__filter {
  width: 100%;
  padding: 0 0 50px 0;
}
@media (min-width: 820px) {
  .calendarPage .calendarPage__filter {
    width: 198px;
    float: left;
    padding: 0px;
  }
}
.calendarPage .calendarPage__filter form {
  border-top: 2px solid #ececed;
}
.calendarPage .calendarPage__filter form fieldset {
  padding: 35px 0 0 0;
}
.calendarPage .calendarPage__filter .calendarPage__filterName {
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
  padding: 0 0 6px 0;
}
.calendarPage .calendarPage__filter .calendarPage__filterItem {
  display: block;
  padding: 6px 0 6px;
}
.calendarPage .calendarPage__filter .calendarPage__filterItem span {
  font-weight: 300;
  font-size: 15px;
  font-size: 1.5rem;
  color: #525252;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.calendarPage .calendarPage__filter .calendarPage__filterItem span i {
  font-style: normal;
  display: inline-block;
  width: calc(100% - 26px);
  vertical-align: top;
}
.calendarPage .calendarPage__filter .calendarPage__filterItem > input[type="checkbox"] {
  display: none;
}
.calendarPage .calendarPage__filter .calendarPage__filterItem > input[type="checkbox"] + *::before {
  content: "";
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border: 1px solid #e6e6e6;
  margin: 0 10px 0 0;
}
.calendarPage .calendarPage__filter .calendarPage__filterItem > input[type="checkbox"]:checked + *::after {
  color: #fff;
  text-align: center;
  background: #c20019;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 10px;
  height: 10px;
  content: "";
  display: block;
}
.calendarPage .calendarPage__content {
  width: 100%;
}
@media (min-width: 820px) {
  .calendarPage .calendarPage__content {
    width: calc(100% - 230px);
    float: right;
  }
}
.calendarPage .calendarBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.calendarPage .calendarBox .blogCalendarBox__item {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  height: 181px;
  border-bottom: 2px solid #ececed;
}
@media (min-width: 1066px) {
  .calendarPage .calendarBox .blogCalendarBox__item {
    width: 49%;
  }
}
.calendarPage .calendarBox .blogCalendarBox__item:nth-child(1) {
  border-top: 2px solid #ececed;
}
@media (min-width: 1066px) {
  .calendarPage .calendarBox .blogCalendarBox__item:nth-child(2) {
    border-top: 2px solid #ececed;
  }
}
.calendarPage .calendarBox a {
  color: #2c2e35;
  text-decoration: none;
}
.calendarPage .calendarBox .caledarBox__item__date {
  position: relative;
  background: #c20019;
  text-align: center;
  color: #fff;
  width: 100px;
  height: 99px;
  font-weight: 600;
  font-size: 40px;
  font-size: 4rem;
}
.calendarPage .calendarBox .caledarBox__item__date p {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0px;
  width: 100%;
  margin: -3px 0 0 0;
}
.calendarPage .calendarBox .caledarBox__item__date span {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  padding: 2px 0 0 0;
  font-size: 25px;
  font-size: 2.5rem;
}
.calendarPage .calendarBox .caledarBox__item__perex {
  width: calc(100% - 110px);
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 0 5%;
}
@media (min-width: 598px) {
  .calendarPage .calendarBox .caledarBox__item__perex {
    width: 50%;
  }
}
@media (min-width: 1060px) {
  .calendarPage .calendarBox .caledarBox__item__perex {
    width: 30%;
  }
}
@media (min-width: 1150px) {
  .calendarPage .calendarBox .caledarBox__item__perex {
    width: 40%;
  }
}
@media (min-width: 1272px) {
  .calendarPage .calendarBox .caledarBox__item__perex {
    padding: 0 0 0 40px;
  }
}
@media (min-width: 1328px) {
  .calendarPage .calendarBox .caledarBox__item__perex {
    width: 220px;
  }
}
.calendarPage .calendarBox .caledarBox__item__link {
  /*margin: 0 0 0 40px;*/
  display: none;
}
@media (min-width: 598px) {
  .calendarPage .calendarBox .caledarBox__item__link {
    display: block;
    margin-left: auto;
  }
}
.calendarPage .calendarBox .caledarBox__item__link a {
  position: relative;
  display: inline-block;
  border: 1px solid #000;
  padding: 15px 12px 15px 41px;
  font-size: 13px;
  font-size: 1.3rem;
}
.calendarPage .calendarBox .caledarBox__item__link a:after {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 15px;
  content: "\2192";
  margin-top: -2px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'Lato', sans-serif;
}
.calendarPage .calendarBox .caledarBox__item__link a:hover {
  background: #c20019;
  border: 1px solid #c20019;
  color: #fff;
}
.actionBox .actionBox__item {
  clear: both;
  border-bottom: 2px solid #ececed;
  color: #2c2e35;
  padding: 40px 0;
}
.actionBox .actionBox__item a {
  color: #2c2e35;
  text-decoration: none;
}
.actionBox .actionBox__item .actionBox__item__date {
  position: relative;
  background: #c20019;
  text-align: center;
  color: #fff;
  width: 100px;
  height: 99px;
  font-weight: 600;
  font-size: 40px;
  font-size: 4rem;
}
@media (min-width: 410px) {
  .actionBox .actionBox__item .actionBox__item__date {
    float: left;
  }
}
.actionBox .actionBox__item .actionBox__item__date p {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0px;
  width: 100%;
  margin: -3px 0 0 0;
}
.actionBox .actionBox__item .actionBox__item__date span {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  padding: 2px 0 0 0;
  font-size: 25px;
  font-size: 2.5rem;
}
.actionBox .actionBox__item .actionBox__content {
  float: right;
  width: 100%;
  padding: 20px 0px 0 0;
  line-height: 1.45em;
}
@media (min-width: 410px) {
  .actionBox .actionBox__item .actionBox__content {
    width: calc(100% - 135px);
    padding: 0 20px 0 0;
  }
}
@media (min-width: 688px) {
  .actionBox .actionBox__item .actionBox__content {
    width: calc(100% - 200px);
  }
}
.actionBox .actionBox__item .actionBox__item__title {
  font-weight: 300;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.1em;
}
.actionBox .actionBox__item .actionBox__item__perex {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  padding: 20px 0 0 0;
}
.actionBox .actionBox__item .actionBox__item__description {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 20px 0 0 0;
}
.actionBox .actionBox__item .actionBox__item__description a {
  color: #c20019;
  text-decoration: underline;
}
.actionBox .actionBox__item .actionBox__item__description a:hover {
  text-decoration: none;
}
.actionBox .actionBox__item__basicInfo {
  padding: 15px 0;
}
.actionBox .actionBox__item__info {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 0;
}
@media (min-width: 550px) {
  .actionBox .actionBox__item__info {
    padding: 3px 0;
  }
}
.actionBox .actionBox__item__info a {
  color: #c20019;
  text-decoration: underline;
}
.actionBox .actionBox__item__info a:hover {
  text-decoration: none;
}
.actionBox .actionBox__item__info span {
  display: inline-block;
  width: 100%;
  padding: 0 0 5px 0;
}
@media (min-width: 550px) {
  .actionBox .actionBox__item__info span {
    width: 75px;
    padding: 0px;
  }
}
.actionBox .actionBox__item__motto {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 40px 0 0 0;
  text-transform: uppercase;
}
.actionBox .actionBox__item__name {
  font-weight: 300;
  font-size: 22px;
  font-size: 2.2rem;
  padding: 0 0 5px 0;
}
.actionBox .actionBox__item--seminary {
  border-bottom: none;
}
.actionBox .actionBox__item--seminary .actionBox__item__perex {
  padding-top: 60px;
}
.actionBox .actionBox__item__button {
  padding: 80px 0 0 0;
}
.actionBox .actionBox__item__button a {
  position: relative;
  display: inline-block;
  border: 2px solid #000;
  padding: 15px 12px 15px 41px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
}
.actionBox .actionBox__item__button a:after {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 15px;
  content: "\2190";
  margin-top: -2px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'Lato', sans-serif;
}
.actionBox .actionBox__item__button a:hover {
  background: #c20019;
  color: #fff;
  border: 2px solid #c20019;
}
.actionBox .actionBox__item__button a.actionBox__item__buttonAdd {
  background: #c20019;
  color: #fff;
  border: 2px solid #c20019;
  padding: 15px 12px 15px 12px;
  font-weight: 600;
}
.actionBox .actionBox__item__button a.actionBox__item__buttonAdd:after {
  display: none;
}
.actionBox .actionBox__item__button a.actionBox__item__buttonAdd:hover {
  background: #fff;
  color: #c20019;
}
.actionBox .actionBox__item__button--twice {
  text-align: center;
}
@media (min-width: 1000px) {
  .actionBox .actionBox__item__button--twice {
    display: flex;
    flex-wrap: wrap;
  }
}
.actionBox .actionBox__item__button--twice a {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 778px) {
  .actionBox .actionBox__item__button--twice a {
    width: 50%;
  }
}
@media (min-width: 1000px) {
  .actionBox .actionBox__item__button--twice a {
    width: auto;
    margin-bottom: 0px;
  }
}
.actionBox .actionBox__item__button--twice a:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1000px) {
  .actionBox .actionBox__item__button--twice a:last-child {
    margin-left: auto;
  }
}
.projectPage {
  color: #2c2e35;
}
@media (min-width: 1066px) {
  .projectPage {
    width: 798px;
    margin: 0 auto;
  }
}
.projectPage .project__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
}
.projectPage .project__name {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 300;
  padding: 10px 0 40px;
}
.projectPage .project__info {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 10px 0 10px 0px;
}
@media (min-width: 1066px) {
  .projectPage .project__info {
    padding: 10px 0 10px 134px;
  }
}
.projectPage .project__info span {
  display: inline-block;
  width: 100%;
  font-weight: 300;
  padding: 0 0 8px 0;
}
@media (min-width: 578px) {
  .projectPage .project__info span {
    width: 45%;
    padding: 0px;
  }
}
@media (min-width: 768px) {
  .projectPage .project__info span {
    width: 30%;
  }
}
@media (min-width: 1066px) {
  .projectPage .project__info span {
    width: 200px;
  }
}
.projectPage .project__text {
  padding: 40px 0px 0px 0px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.4em;
}
@media (min-width: 1066px) {
  .projectPage .project__text {
    padding: 40px 0px 0px 134px;
  }
}
.peoplePage {
  width: 95%;
  margin: 0 auto;
  color: #2c2e35;
}
@media (min-width: 1170px) {
  .peoplePage {
    width: 998px;
  }
}
.peoplePage a {
  color: #c20019;
  text-decoration: none;
}
.peoplePage h1 {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 300;
  padding: 0 0 56px;
}
.peoplePage .peopleItem {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 47px 0;
  padding: 0 0 43px 0;
  border-bottom: 2px solid #eceded;
}
.peoplePage .peopleItem .peopleItem__image {
  padding: 0px 0 40px 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 518px) {
  .peoplePage .peopleItem .peopleItem__image {
    width: 20%;
    text-align: left;
    padding: 3px 0 0 0;
  }
}
@media (min-width: 735px) {
  .peoplePage .peopleItem .peopleItem__image {
    width: 150px;
  }
}
.peoplePage .peopleItem .peopleItem__image img {
  max-width: 100%;
}
.peoplePage .peopleItem .peopleItem__image--device {
  width: 100%;
}
@media (min-width: 518px) {
  .peoplePage .peopleItem .peopleItem__image--device {
    width: 20%;
  }
}
@media (min-width: 735px) {
  .peoplePage .peopleItem .peopleItem__image--device {
    width: 250px;
  }
}
.peoplePage .peopleItem .peopleItem__content {
  width: calc(100% - 40px);
  padding: 0 20px;
}
@media (min-width: 518px) {
  .peoplePage .peopleItem .peopleItem__content {
    width: calc(80% - 50px);
    padding: 0 20px 0 30px;
  }
}
@media (min-width: 735px) {
  .peoplePage .peopleItem .peopleItem__content {
    width: calc(100% - 250px);
    padding: 0 50px;
  }
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__name {
  font-weight: 600;
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 14px 0;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__subName {
  font-size: 22px;
  font-size: 2.2rem;
  padding: 4px 0 6px;
  font-weight: 300;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__subName a {
  color: #2c2e35;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__subName a:hover {
  text-decoration: none;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__contact {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 4px 0 0;
  font-weight: 300;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__contact--mail a {
  text-decoration: underline;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__contact--mail a:hover {
  text-decoration: none;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info {
  padding: 15px 0 0 0;
  line-height: 1.35em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 82px;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info a {
  color: #c20019;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info a:hover {
  text-decoration: none;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info h2 {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 0 0 0;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info ul {
  padding: 10px 0px;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info .peopleItem__info__public {
  display: none;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info.open {
  max-height: none;
}
.peoplePage .peopleItem .peopleItem__content .peopleItem__info.open .peopleItem__info__public {
  display: block;
}
.peoplePage .peopleItem__more {
  position: absolute;
  bottom: 47px;
  right: 0px;
  display: block;
  background: url('../img/people-open.png') no-repeat top left;
  width: 22px;
  height: 11px;
}
.peoplePage .peopleItem__more.opened {
  transform: rotate(180deg);
}
.peoplePage ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.peoplePage ul li {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  padding: 0 0 10px 18px;
  font-weight: 300;
}
.peoplePage ul li a {
  color: #000;
  text-decoration: underline;
}
.peoplePage ul li a:hover {
  text-decoration: none;
}
.peoplePage ul li:after {
  position: absolute;
  top: 1px;
  left: 0px;
  content: "\25EF";
  color: #c20019;
  font-size: 7px;
  font-size: 0.7rem;
}
@media (min-width: 848px) {
  .peoplePage .peoplePage__listColumn {
    column-count: 2;
    column-gap: 80px;
  }
}
@media (min-width: 1130px) {
  .peoplePage .peoplePage__listColumn {
    column-count: 3;
  }
}
.peoplePage .peopleItem__fce {
  padding: 15px 0 0 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.peoplePage .peopleItem__fce ul {
  padding: 5px 0 0 0;
}
.peoplePage .peopleItem__fce ul li {
  padding: 0 0 0px 18px;
  font-weight: 300;
}
.peoplePage .peopleItem__fce dl {
  /*dd:after{
                position: absolute;
                .centerAbsolute();
                left: 0px;
                content: "\25EF";
                color: @redColor;
                .font-size(0.7);
                
            }*/
}
.peoplePage .peopleItem__fce dl dt {
  padding: 0 0 5px 0;
}
.peoplePage .peopleItem__fce dl dd {
  position: relative;
  margin: 0px;
  padding: 0 0 0px 18px;
  line-height: 1.5em;
  font-weight: 300;
}
.publications-wrapper {
  width: 95%;
  margin: 0 auto;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  color: #000;
}
@media (min-width: 1170px) {
  .publications-wrapper {
    width: 998px;
  }
}
.publications-wrapper h2 {
  text-align: left !important;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
}
.publications-wrapper a {
  color: #c20019;
}
.publications-wrapper a:hover {
  text-decoration: none;
}
.publications-wrapper ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  padding: 10px 0 20px 0;
}
.publications-wrapper ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  position: relative;
  padding: 0 0 15px 18px;
  color: #2c2e35;
  font-weight: 300;
}
.publications-wrapper ul li:after {
  position: absolute;
  top: 1px;
  left: 0px;
  content: "\25EF";
  color: #c20019;
  font-size: 7px;
  font-size: 0.7rem;
}
.flowChartPage {
  text-align: center;
}
.flowChartPage .flowChartPage__wrap {
  padding: 40px 0 0 0;
}
.flowChartPage h1 {
  font-size: 28px;
  font-size: 2.8rem;
  padding: 0 0 20px 0;
  font-weight: 300;
}
.flowChartPage .flowChart__item {
  position: relative;
  width: 100%;
  display: inline-block;
  text-transform: uppercase;
  padding: 6px 0;
  min-height: 90px;
  z-index: 100;
}
.flowChartPage .flowChart__item a {
  position: relative;
  background: #c20019;
  width: 80%;
  min-height: 90px;
  font-size: 15px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  z-index: 90;
  padding: 25px 0px;
  line-height: 1.3em;
}
@media (min-width: 580px) {
  .flowChartPage .flowChart__item a {
    width: 300px;
  }
}
.flowChartPage .flowChart__item a span {
  display: inline-block;
  padding: 0 15px;
}
.flowChartPage .flowChart__itemSub {
  background: #c20019;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  min-height: 90px;
  padding: 0 0 25px 0;
}
@media (min-width: 580px) {
  .flowChartPage .flowChart__itemSub {
    width: 260px;
  }
}
.flowChartPage .flowChart__itemSub a {
  display: block;
  min-height: auto;
  padding: 25px 0 0 0;
}
@media (min-width: 1146px) {
  .flowChartPage .flowChart__item--mobile {
    display: none;
  }
}
.flowChartPage .flowChart__item--mobile a {
  font-weight: 600;
  width: 80%;
}
@media (min-width: 580px) {
  .flowChartPage .flowChart__item--mobile a {
    width: 200px;
  }
}
.flowChartPage .flowChart__item:after {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0px;
  width: 50%;
  height: 1px;
  background: #000;
  content: "";
  z-index: 49;
}
.flowChartPage .flowChart__item--level0 {
  display: none;
}
@media (min-width: 1146px) {
  .flowChartPage .flowChart__item--level0 {
    display: flex;
  }
}
.flowChartPage .flowChart__item--level0 a {
  width: 200px;
  font-weight: 600;
}
.flowChartPage .flowChart__item--level0:before {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 50%;
  width: 16.67%;
  height: 1px;
  background: #000;
  content: "";
  z-index: 49;
}
.flowChartPage .flowChart__column {
  position: relative;
  margin: 0 auto 80px auto;
  width: 90%;
}
@media (min-width: 776px) {
  .flowChartPage .flowChart__column {
    width: 60%;
  }
}
@media (min-width: 1146px) {
  .flowChartPage .flowChart__column {
    width: 33.33%;
    float: left;
  }
}
.flowChartPage .flowChart__column:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 1px;
  height: 100%;
  background: #000;
  /*@media (min-width: 1146px){
            top: -7.9%;
        }*/
}
@media (min-width: 1146px) {
  .flowChartPage .flowChart__column--group:after {
    /*height: calc(~'100% - 40px');*/
    /*top: -1.95%;*/
    /*background: red;*/
  }
}
.flowChartPage .flowChart__title {
  background: #cecfd1;
  display: inline-block;
  width: 80%;
  height: 64px;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  margin: 40px 0 30px 0;
}
@media (min-width: 580px) {
  .flowChartPage .flowChart__title {
    width: 300px;
  }
}
.flowChartPage .flowChart__title span {
  padding: 20px 0 0px 0;
  display: block;
  width: 100%;
}
.flowChartPage .flowChart__title em {
  display: block;
  width: 22px;
  height: 11px;
  margin: 0 auto;
  margin-top: 5px;
  background: url('../img/people-open.png') no-repeat top left;
}
.flowChartPage .flowChart__title--empty {
  display: none;
}
@media (min-width: 1146px) {
  .flowChartPage .flowChart__title--empty {
    display: block;
    background: none;
    font-weight: 600;
  }
}
.flowChartPage .flowChart__group {
  position: relative;
  margin-bottom: 20px;
  padding: 0 0 20px 0;
  /*.flowChart__item:after{
            left: calc(~'33.33% - 150px');
        }*/
}
.flowChartPage .flowChart__group .flowChart__item a {
  width: 80%;
}
@media (min-width: 580px) {
  .flowChartPage .flowChart__group .flowChart__item a {
    width: 260px;
  }
}
.flowChartPage .flowChart__group .flowChart__item::after {
  display: none;
}
.flowChartPage .flowChart__group .flowChart__item .flowChart__itemNote {
  display: block;
  width: 88%;
  margin: 0 auto;
  background: #cecfd1;
  text-transform: none;
  color: #000;
  padding: 15px 0;
  margin-top: 15px;
}
.flowChartPage .flowChart__group .flowChart__groupTitle {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  padding: 20px 36px;
  position: relative;
  z-index: 105;
}
@media (min-width: 420px) {
  .flowChartPage .flowChart__group .flowChart__groupTitle {
    padding: 20px 0;
  }
}
.flowChartPage .flowChart__group i {
  display: block;
  padding: 5px 0 0 0;
  background: #CECFD1;
  width: 100%;
  padding: 10px 0px;
  margin: 0 auto;
  margin-top: 5px;
}
@media (min-width: 420px) {
  .flowChartPage .flowChart__group i {
    width: 80%;
  }
}
@media (min-width: 580px) {
  .flowChartPage .flowChart__group i {
    width: 260px;
  }
}
.flowChartPage .flowChart__group:before {
  position: absolute;
  top: 27px;
  left: 0px;
  width: 50%;
  height: 1px;
  background: #000;
  content: "";
  z-index: 10;
}
.flowChartPage .flowChart__group:last-child {
  margin-bottom: 0px;
}
.flowChartPage .flowChart__group:last-child .flowChart__groupTitle:after {
  width: 1px;
  height: 27px;
  background: #000;
  top: 0px;
  left: 0px;
  content: "";
  position: absolute;
  z-index: 1000;
}
.flowChartPage .flowChart__group:last-child .flowChart__item:after {
  top: 0px;
  left: 0px;
  width: 1px;
  background: #fff;
  display: block;
  height: 100%;
}
.flowChartPage .flowChart__group:after {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  content: "";
  height: 100%;
  width: 80%;
  background: #ececed;
  z-index: 90;
}
@media (min-width: 580px) {
  .flowChartPage .flowChart__group:after {
    width: 300px;
  }
}
.flowChartPage .flowChart__column .flowChart__item--mobile:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 1px;
  height: 49.9%;
  background: #fff;
  z-index: 50;
}
.flowChartPage .flowChart__column .flowChart__item:last-child::before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 49%;
  background: #fff;
  z-index: 50;
}
.flowChartPage .flowChart__column--group .flowChart__item:last-child::before {
  display: none;
}
.flowChartPage .flowChart__group:last-child .flowChart__item:last-child::before {
  position: absolute;
  content: "";
  display: block;
  bottom: -20px;
  left: 0px;
  width: 1px;
  height: calc(49% + 20px);
  background: #fff;
  z-index: 50;
}
.flowChartPage .flowChart__header {
  display: none;
}
@media (min-width: 1146px) {
  .flowChartPage .flowChart__header {
    display: flex;
    flex-wrap: wrap;
  }
}
.flowChartPage .flowChart__headerColumn {
  width: 33.33%;
  float: left;
  position: relative;
}
.flowChartPage .flowChart__headerColumn:after {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0px;
  content: "";
  background: #000;
  width: 100%;
  height: 1px;
}
.flowChartPage .flowChart__headerColumn::before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  content: "";
  background: #000;
  width: 1px;
  height: 50%;
}
.flowChartPage .flowChart__headerColumn:last-child::after {
  display: none;
}
.flowChartPage .flowChart__content {
  clear: both;
}
.deviceList__content {
  width: 100%;
}
@media (min-width: 820px) {
  .deviceList__content {
    width: calc(100% - 230px);
    float: right;
  }
}
.deviceList__content h1 {
  border-bottom: 2px solid #ececed;
  margin: 0 0 35px;
}
.deviceList__content a {
  color: #c20019;
  text-decoration: none;
}
.deviceList__content .deviceItem {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 47px 0;
  padding: 0 0 43px 0;
  border-bottom: 2px solid #eceded;
}
.deviceList__content .deviceItem .deviceItem__image {
  padding: 0px 0 40px 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 518px) {
  .deviceList__content .deviceItem .deviceItem__image {
    width: 20%;
    text-align: left;
    padding: 3px 0 0 0;
  }
}
@media (min-width: 735px) {
  .deviceList__content .deviceItem .deviceItem__image {
    width: 250px;
  }
}
.deviceList__content .deviceItem .deviceItem__image img {
  max-width: 100%;
}
.deviceList__content .deviceItem .deviceItem__content {
  width: calc(100% - 40px);
  padding: 0 20px;
}
@media (min-width: 518px) {
  .deviceList__content .deviceItem .deviceItem__content {
    width: calc(80% - 50px);
    padding: 0 20px 0 30px;
  }
}
@media (min-width: 735px) {
  .deviceList__content .deviceItem .deviceItem__content {
    width: calc(100% - 250px);
    padding: 0 50px;
  }
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__name {
  font-weight: 600;
  font-size: 23px;
  font-size: 2.3rem;
  padding: 0 0 14px 0;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__person {
  font-size: 22px;
  font-size: 2.2rem;
  padding: 4px 0 6px;
  font-weight: 300;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__person a {
  color: #2c2e35;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__person a:hover {
  text-decoration: none;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__contact {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 4px 0 0;
  font-weight: 300;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__contact--mail a {
  text-decoration: underline;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__contact--mail a:hover {
  text-decoration: none;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info {
  padding: 15px 0 0 0;
  line-height: 1.35em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 82px;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info a {
  color: #c20019;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info a:hover {
  text-decoration: none;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info h2 {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 0 0 0;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info ul {
  padding: 10px 0px;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info .deviceItem__info__public {
  display: none;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info.open {
  max-height: none;
}
.deviceList__content .deviceItem .deviceItem__content .deviceItem__info.open .deviceItem__info__public {
  display: block;
}
.deviceList__content .deviceItem__more {
  position: absolute;
  bottom: 47px;
  right: 0px;
  display: block;
  background: url('../img/people-open.png') no-repeat top left;
  width: 22px;
  height: 11px;
}
.deviceList__content .deviceItem__more.opened {
  transform: rotate(180deg);
}
header {
  background: #c20019;
  position: static;
  padding: 23px 0 63px 0;
  color: #fff;
  width: 100%;
}
header .inner {
  width: 88%;
  z-index: 100;
}
@media (min-width: 1480px) {
  header .inner {
    width: 1398px;
  }
}
header a {
  color: #fff;
  text-decoration: none;
}
header .headerSwitchLang {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  float: left;
  width: 180px;
  padding: 0 0 0 4px;
}
header .headerSwitchLang li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: inline-block;
  vertical-align: middle;
}
header .headerSwitchLang li a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 16px 0 0;
}
header .headerSwitchLang li .headerSwitchLang--active {
  font-weight: 600;
}
header .headerContact {
  float: left;
  /*padding: 0 0 0 128px;*/
}
header .headerContact .headerContact__item {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 0 14px;
}
header .headerContact .headerContact__item .headerContact__item__sep {
  display: inline;
  padding: 0 0 0 12px;
  font-size: 15px;
  font-size: 1.5rem;
}
header .headerSearch {
  float: right;
}
header .headerSearch .headerSearch__wrap {
  width: 200px;
  border: 1px solid #fff;
}
header .headerSearch .headerSearch__wrap .headerSearch__input {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background: none;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  width: calc(100% - 52px);
  color: #fff;
}
header .headerSearch .headerSearch__wrap .headerSearch__input::placeholder {
  color: #fff;
  opacity: 1;
}
header .headerSearch .headerSearch__wrap .headerSearch__input:-ms-input-placeholder {
  color: #fff;
}
header .headerSearch .headerSearch__wrap .headerSearch__input::-ms-input-placeholder {
  color: #fff;
}
header .headerSearch .headerSearch__wrap .headerSearch__input:focus {
  outline: none;
}
header .headerSearch .headerSearch__wrap button {
  width: 30px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
  border: none;
  background: none;
}
header .headerSearch .headerSearch__wrap button img {
  vertical-align: middle;
  max-width: 100%;
  margin-top: -3px;
}
header .headerLogo {
  float: left;
  width: 10%;
}
@media (min-width: 1054px) {
  header .headerLogo {
    width: 150px;
  }
}
@media (min-width: 1300px) {
  header .headerLogo {
    width: 182px;
  }
}
header .headerLogo a {
  display: inline-block;
  width: 182px;
}
header .headerLogo a img {
  max-width: 100%;
}
header .headerLine__first {
  display: none;
}
@media (min-width: 1066px) {
  header .headerLine__first {
    display: block;
  }
}
header .headerLine__second {
  padding: 15px 0 0 0;
}
header .headerMenu {
  display: none;
}
@media (min-width: 1066px) {
  header .headerMenu {
    float: left;
    display: block;
  }
}
header .headerMenu ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  padding: 4px 0 0px 0;
}
header .headerMenu ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
}
@media (min-width: 1168px) {
  header .headerMenu ul li {
    padding: 0 16px;
  }
}
header .headerMenu ul li a {
  position: relative;
  display: inline-block;
  font-weight: 300;
  padding: 0 0 4px 0;
  font-size: 16px;
  font-size: 1.6rem;
}
header .headerMenu ul li a:hover:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  content: "";
  background: #fff;
}
header .headerMenu ul .headerMenu__back {
  display: none;
}
header .headerMenu ul ul.headerMenu__depth2 {
  /*position: absolute;
                top: 0px;
                background: @redColor;
                width: 100%;*/
  display: none;
}
header .headerMenuDomain {
  display: none;
}
@media (min-width: 1066px) {
  header .headerMenuDomain {
    float: right;
    display: block;
  }
}
header .headerMenuDomain ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  padding: 5px 0 0 0;
}
header .headerMenuDomain ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: inline-block;
  padding: 0 0 0 16px;
}
@media (min-width: 1168px) {
  header .headerMenuDomain ul li {
    padding: 0 0 0 32px;
  }
}
header .headerMenuDomain ul li a {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
}
header .headerMenuDomain ul li a span {
  display: block;
  position: absolute;
  top: -1px;
  left: 0px;
  content: "";
  width: 15px;
  height: 15px;
}
header .headerMenuDomain ul li a:hover:after {
  position: absolute;
  bottom: -4px;
  left: 0px;
  width: 100%;
  height: 2px;
  content: "";
  background: #fff;
}
header .headerMenuDomain ul .headerMenuDomain__zkumavka a {
  padding: 0 0 0 16px;
}
header .headerMenuDomain ul .headerMenuDomain__zkumavka a span {
  background: url('../img/headerMenuDomain__zkumavka.svg') no-repeat top left;
}
header .headerMenuDomain ul .headerMenuDomain__kolo a {
  padding: 0 0 0 17px;
}
header .headerMenuDomain ul .headerMenuDomain__kolo a span {
  background: url('../img/headerMenuDomain__kolo.svg') no-repeat top left;
}
header .headerMenuDomain ul .headerMenuDomain__pi a {
  padding: 0 0 0 18px;
}
header .headerMenuDomain ul .headerMenuDomain__pi a span {
  background: url('../img/headerMenuDomain__pi.svg') no-repeat top left;
}
header .header__menuOpener {
  display: block;
  float: right;
  line-height: normal;
  cursor: pointer;
  margin: 0px;
  position: relative;
}
@media (min-width: 1066px) {
  header .header__menuOpener {
    display: none;
  }
}
header .header__menuOpener p {
  display: inline-block;
  vertical-align: middle;
}
header .header__menuOpener .mobileMenuBox__search {
  padding: 0 20px 0 0;
  display: none;
}
header .header__menuOpener .header__menuOpener--hide {
  display: none;
}
.promoHeaderPage header {
  padding: 23px 0 0 0;
  background: none;
  position: absolute;
  top: 0px;
  left: 0px;
}
.promoBox {
  position: relative;
  background-size: cover;
  padding: 150px 0;
  display: flex;
  align-items: center;
  color: #fff;
  z-index: 98;
}
@media (min-width: 1110px) {
  .promoBox {
    min-height: 100vh;
    padding: 0px;
  }
}
@media (max-height: 800px) {
  .promoBox {
    padding: 150px 0;
  }
}
.promoBox .inner {
  position: static;
}
.promoBox .promoBox__title {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 600;
  width: 100%;
  line-height: 1.2em;
  text-align: center;
}
@media (min-width: 1110px) {
  .promoBox .promoBox__title {
    /*width: 374px;*/
    text-align: left;
    font-size: 40px;
    font-size: 4rem;
  }
}
.promoBox .promoBox__button {
  /*width: 79%;*/
  padding: 50px 0 0 0;
}
@media (min-width: 1110px) {
  .promoBox .promoBox__button {
    padding: 230px 0 0 0;
  }
}
.promoBox .promoBox__button .promoBox__button__left {
  width: 100%;
}
@media (min-width: 1266px) {
  .promoBox .promoBox__button .promoBox__button__left {
    float: left;
    width: 50%;
  }
}
.promoBox .promoBox__button .promoBox__button__link {
  display: block;
  width: 75%;
  text-align: center;
  border: 2px solid #fff;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  /*font-weight: @font-bold;*/
  text-decoration: none;
  padding: 23px 0px;
  margin: 0 auto;
  margin-top: 35px;
}
@media (min-width: 60px) {
  .promoBox .promoBox__button .promoBox__button__link {
    width: 50%;
  }
}
@media (min-width: 1266px) {
  .promoBox .promoBox__button .promoBox__button__link {
    float: left;
    width: 240px;
    margin: 0 37px 0 0;
  }
}
@media (min-width: 1110px) {
  .promoBox .promoBox__button .promoBox__button__link--right {
    width: 180px;
    float: right;
    margin: 0px;
  }
}
.promoBox .promoBox__button .promoBox__button__link--red {
  background: #c20019;
  border: 2px solid #c20019;
}
.promoBox .promoBox__button .promoBox__button__link:hover {
  background: #fff;
  color: #c20019;
}
.promoBox .promoBox__button .promoBox__button__right {
  width: 100%;
}
@media (min-width: 1266px) {
  .promoBox .promoBox__button .promoBox__button__right {
    float: right;
    width: 50%;
    display: flex;
    flex-wrap: wrap ;
    justify-content: right;
  }
}
@media (min-width: 1266px) {
  .promoBox .promoBox__button .promoBox__button__right .promoBox__button__link {
    margin: 0 0 0 37px;
    float: none;
  }
}
.promoBox .promoBox__arrow {
  position: absolute;
  bottom: 36px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300;
}
.promoBox .promoBox__arrow img {
  width: 17px;
}
.promoBox .promoBox__perex {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.45em;
  width: 100%;
}
@media (min-width: 1110px) {
  .promoBox .promoBox__perex {
    width: 53%;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.promoBox .promoBox__perex p {
  padding: 12px 0 0;
}
.promoBox #myVideo {
  position: absolute;
  right: 0px;
  bottom: 0px;
  min-width: 100%;
  display: none;
  /*min-height: 100%;*/
}
@media (min-width: 1051px) {
  .promoBox #myVideo {
    display: block;
  }
}
.newsBox .swiper-container {
  padding: 50px 0 0 0;
  position: relative;
}
@media (min-width: 455px) {
  .newsBox .swiper-wrapper {
    margin: 0 0 31px 0;
  }
}
.newsBox .newsBox__item {
  position: relative;
  width: 100%;
}
@media (min-width: 900px) {
  .newsBox .newsBox__item {
    width: 50%;
  }
}
@media (min-width: 1342px) {
  .newsBox .newsBox__item {
    width: 33.33%;
  }
}
.newsBox .newsBox__item,
.newsBox .swiper-slide {
  min-height: 320px;
  font-weight: 300;
  margin: 0 0px;
  /*background: linear-gradient(to right, @redColor 50%, #ececed 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all .5s ease-out;*/
  position: relative;
  /*color: #fff;*/
  font-size: 0px;
  background: #ececed;
}
@media (min-width: 455px) {
  .newsBox .newsBox__item,
  .newsBox .swiper-slide {
    min-height: 270px;
    color: #fff;
  }
}
.newsBox .newsBox__item img,
.newsBox .swiper-slide img {
  display: none;
  max-width: 100%;
  font-size: 0px;
  position: relative;
  z-index: 1;
}
@media (min-width: 455px) {
  .newsBox .newsBox__item img,
  .newsBox .swiper-slide img {
    display: block;
  }
}
.newsBox .newsBox__item a,
.newsBox .swiper-slide a {
  color: #000;
  text-decoration: none;
}
@media (min-width: 455px) {
  .newsBox .newsBox__item a,
  .newsBox .swiper-slide a {
    color: #fff;
  }
}
.newsBox .newsBox__item .newsBox__inner,
.newsBox .swiper-slide .newsBox__inner {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  height: 100%;
  background: linear-gradient(to right, #c20019 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}
.newsBox .newsBox__item .newsBox__info,
.newsBox .swiper-slide .newsBox__info {
  padding: 33px 36px;
  /*height: 320px;*/
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  /*@media (min-width: 455px){
                height: 270px;  
            }*/
}
.newsBox .newsBox__item .newsBox__date,
.newsBox .swiper-slide .newsBox__date {
  width: 100%;
  position: absolute;
  top: 33px;
  left: 36px;
}
.newsBox .newsBox__item .newsBox__title,
.newsBox .swiper-slide .newsBox__title {
  width: 100%;
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3em;
}
.newsBox .newsBox__item .newsBox__perex,
.newsBox .swiper-slide .newsBox__perex {
  line-height: 1.3em;
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  /*display: none;*/
  height: 0px;
  transition: all 0.1s linear;
  opacity: 0;
}
.newsBox .newsBox__item .newsBox__more,
.newsBox .swiper-slide .newsBox__more {
  padding: 9px 0 0 0;
}
.newsBox .newsBox__item .newsBox__more a,
.newsBox .swiper-slide .newsBox__more a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 0 22px;
}
.newsBox .newsBox__item .newsBox__more a:after,
.newsBox .swiper-slide .newsBox__more a:after {
  position: absolute;
  content: "\2192";
  top: -1px;
  left: 0px;
  font-family: 'Lato', sans-serif;
  /*background: url('../img/arrow-right.png') no-repeat center left;
                width: 12px;
                height: 8px;*/
}
.newsBox .newsBox__item:hover,
.newsBox .swiper-slide:hover {
  /*background: @redColor;*/
  /*background-position: left bottom;*/
  /*background-position: left;*/
  color: #fff;
}
.newsBox .newsBox__item:hover a,
.newsBox .swiper-slide:hover a {
  color: #fff;
}
.newsBox .newsBox__item:hover .newsBox__inner,
.newsBox .swiper-slide:hover .newsBox__inner {
  background-position: left bottom;
  z-index: 98;
  transition: all 0.5s ease-out;
}
.newsBox .newsBox__item:hover .newsBox__info .newsBox__perex,
.newsBox .swiper-slide:hover .newsBox__info .newsBox__perex {
  /*display: block;*/
  height: auto;
  /*transition: height 0.5s linear;*/
  padding: 12px 0 8px 0;
  opacity: 1;
}
.newsBox .newsBox__item:before,
.newsBox .swiper-slide:before {
  background: rgba(255, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0px;
  left: 0px;
  z-index: 95;
}
.newsBox .newsBox__item:after,
.newsBox .swiper-slide:after {
  position: absolute;
  right: 0px;
  top: 0px;
  content: "";
  background: #fff;
  width: 2px;
  height: 100%;
}
.newsBox .newsBox__item:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  background: #fff;
  width: 100%;
  height: 2px;
}
.newsBox .newBox__allNews {
  clear: both;
  text-align: center;
  padding: 30px 0 0 0;
}
@media (min-width: 455px) {
  .newsBox .newBox__allNews {
    clear: none;
    float: left;
    padding: 0px;
  }
}
.newsBox .newBox__allNews a {
  display: inline-block;
  color: #c20019;
  background: #ececed;
  height: 65px;
  line-height: 65px;
  text-decoration: none;
  padding: 0 56px;
  font-size: 16px;
  font-size: 1.6rem;
}
.newsBox .newBox__allNews a:hover {
  background: #c20019;
  color: #fff;
}
.newsBox .swiper-button {
  float: right;
}
.newsBox--noneColor .newsBox__item:before,
.newsBox--noneColor .swiper-slide:before {
  display: none;
}
.articleBox {
  /*.articleBox__item:nth-child(3n+1){
        clear: both;
    }*/
  /*.articleBox__link:before{
        background: rgba(255, 0, 0, 0.4);
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        top: 0px;
        left: 0px;
    }*/
}
.articleBox .inner {
  width: 100%;
}
@media (min-width: 740px) {
  .articleBox .inner {
    width: 90%;
  }
}
@media (min-width: 1460px) {
  .articleBox .inner {
    width: 85%;
  }
}
.articleBox .articleBox__content {
  padding: 80px 0 0 0;
}
.articleBox .articleBox__item {
  position: relative;
  float: left;
  width: 100%;
  color: #fff;
  font-size: 0px;
  /*a{
            color: #fff;
            text-decoration: none;
        }*/
}
@media (min-width: 615px) {
  .articleBox .articleBox__item {
    width: 50%;
  }
}
@media (min-width: 740px) {
  .articleBox .articleBox__item {
    width: 33.33%;
  }
}
@media (min-width: 1180px) {
  .articleBox .articleBox__item {
    width: 20%;
  }
}
.articleBox .articleBox__item img {
  max-width: 100%;
}
.articleBox .articleBox__item .articleBox__content {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 56px 31px;
  z-index: 99;
}
@media (min-width: 615px) {
  .articleBox .articleBox__item .articleBox__content {
    padding: 26px 31px;
  }
}
@media (min-width: 1824px) {
  .articleBox .articleBox__item .articleBox__content {
    padding: 0 61px 56px;
  }
}
.articleBox .articleBox__item .articleBox__title {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 0 14px 0;
}
.articleBox .articleBox__item .articleBox__perex {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4em;
  overflow: hidden;
  height: 0px;
  transition: all 0.1s linear;
  opacity: 0;
}
@media (min-width: 615px) {
  .articleBox .articleBox__item .articleBox__perex {
    display: flex;
    align-items: flex-end;
  }
}
.articleBox .articleBox__link {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
}
.articleBox .articleBox__link:after {
  position: absolute;
  /*width: 100%;*/
  height: 100%;
  content: "";
  top: 0px;
  left: 0px;
  background: linear-gradient(to right, #c20019 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}
.articleBox .articleBox__link:hover:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0px;
  left: 0px;
  background-position: left bottom;
  z-index: 98;
  transition: all 0.5s ease-out;
}
.articleBox .articleBox__link:hover .articleBox__perex {
  height: 90px;
  opacity: 1;
}
@media (min-width: 615px) {
  .articleBox .articleBox__link:hover .articleBox__perex {
    display: flex;
    align-items: flex-end;
    height: 130px;
  }
}
@media (min-width: 1824px) {
  .articleBox .articleBox__link:hover .articleBox__perex {
    height: 90px;
  }
}
.articleBox--noneColor .articleBox__link:before {
  display: none;
}
.blogCalendarBox {
  padding: 90px 0 0px 0;
  color: #2c2e35;
}
.blogCalendarBox a {
  color: #2c2e35;
  text-decoration: none;
}
.blogCalendarBox .blogCalendarBox__title {
  border-bottom: 2px solid #ececed;
  font-weight: 300;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0 0 46px 0;
}
.blogCalendarBox .blogCalendarBox__list {
  padding: 39px 0 0 0;
}
.blogCalendarBox .blogCalendarBox__list a {
  display: inline-block;
  border: 2px solid #2c2e35;
  padding: 21px 38px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
}
.blogCalendarBox .blogCalendarBox__list a:hover {
  background: #c20019;
  border: 2px solid #c20019;
  color: #fff;
}
.blogCalendarBox .blogCalendarBox__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 181px;
  border-bottom: 2px solid #ececed;
}
.blogCalendarBox .calendarBox {
  width: 100%;
}
@media (min-width: 1085px) {
  .blogCalendarBox .calendarBox {
    float: left;
    width: 49%;
  }
}
.blogCalendarBox .caledarBox__item__date {
  position: relative;
  background: #c20019;
  text-align: center;
  color: #fff;
  width: 100px;
  height: 99px;
  font-weight: 600;
  font-size: 40px;
  font-size: 4rem;
}
.blogCalendarBox .caledarBox__item__date p {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0px;
  width: 100%;
  margin: -3px 0 0 0;
}
.blogCalendarBox .caledarBox__item__date span {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  padding: 2px 0 0 0;
  font-size: 25px;
  font-size: 2.5rem;
}
.blogCalendarBox .caledarBox__item__perex {
  width: calc(100% - 110px);
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 0 5%;
}
@media (min-width: 598px) {
  .blogCalendarBox .caledarBox__item__perex {
    width: 50%;
  }
}
@media (min-width: 1272px) {
  .blogCalendarBox .caledarBox__item__perex {
    width: 328px;
    padding: 0 0 0 40px;
  }
}
.blogCalendarBox .caledarBox__item__link {
  /*margin: 0 0 0 40px;*/
  display: none;
}
@media (min-width: 598px) {
  .blogCalendarBox .caledarBox__item__link {
    display: block;
    margin-left: auto;
  }
}
.blogCalendarBox .caledarBox__item__link a {
  position: relative;
  display: inline-block;
  border: 1px solid #000;
  padding: 15px 12px 15px 41px;
  font-size: 13px;
  font-size: 1.3rem;
}
.blogCalendarBox .caledarBox__item__link a:after {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 15px;
  content: "\2192";
  margin-top: -2px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'Lato', sans-serif;
}
.blogCalendarBox .caledarBox__item__link a:hover {
  background: #c20019;
  border: 1px solid #c20019;
  color: #fff;
}
.blogCalendarBox .blogBox {
  width: 100%;
  padding: 40px 0 0 0;
}
@media (min-width: 1085px) {
  .blogCalendarBox .blogBox {
    width: 49%;
    float: right;
    padding: 0px;
  }
}
.blogCalendarBox .blogBox .blogBox__item__images {
  width: 120px;
}
@media (min-width: 540px) {
  .blogCalendarBox .blogBox .blogBox__item__images {
    width: 160px;
  }
}
.blogCalendarBox .blogBox .blogBox__item__images img {
  max-width: 100%;
}
.blogCalendarBox .blogBox .blogBox__item__perex {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 0 40px;
  width: calc(100% - 170px);
}
@media (min-width: 1085px) {
  .blogCalendarBox .blogBox .blogBox__item__perex {
    width: calc(100% - 160px);
  }
}
.partnerBox {
  position: relative;
  background: #eceded;
  text-align: center;
  color: #2c2e35;
  margin: 30px 0 0 0;
  padding: 94px 0;
  /*ul{
        .resetItem();
        padding: 39px 0 0 0;

        li{
            .resetItemLi();
            display: inline-block;
            width: 10%;
            vertical-align: middle;
            text-align: center;
            padding: 20px 0 0 0;
            font-size: 0px;

            img{
                max-width: 60%;
            }
        }
    }*/
}
@media (min-width: 1060px) {
  .partnerBox {
    margin: 130px 0 0 0;
  }
}
.partnerBox .inner {
  width: 75%;
}
@media (min-width: 1350px) {
  .partnerBox .inner {
    width: 90%;
  }
}
@media (min-width: 1460px) {
  .partnerBox .inner {
    width: 85%;
  }
}
.partnerBox .partnerBox__title {
  font-weight: 300;
  font-size: 24px;
  font-size: 2.4rem;
}
.partnerBox .swiper-container {
  padding: 39px 0 0 0;
}
.partnerBox .swiper-wrapper {
  align-items: center;
}
.partnerBox .swiper-slide {
  width: 50%;
  font-size: 0px;
  padding: 20px 0 0 0;
}
@media (min-width: 690px) {
  .partnerBox .swiper-slide {
    width: 25%;
  }
}
@media (min-width: 855px) {
  .partnerBox .swiper-slide {
    width: 16.67%;
  }
}
@media (min-width: 1095px) {
  .partnerBox .swiper-slide {
    width: 12.5%;
  }
}
@media (min-width: 1350px) {
  .partnerBox .swiper-slide {
    width: 10%;
  }
}
.partnerBox .swiper-slide a {
  display: inline-block;
}
.partnerBox .swiper-slide a img {
  /*max-width: 68%;*/
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.partnerBox .swiper-slide a:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.partnerBox .swiper-button-prev,
.partnerBox .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  margin: 39px 0 0 0;
}
@media (min-width: 1350px) {
  .partnerBox .swiper-button-prev,
  .partnerBox .swiper-button-next {
    display: none;
  }
}
.partnerBox .swiper-button-prev {
  left: 0px;
}
.partnerBox .swiper-button-next {
  right: 0px;
}
.partnerBox .swiper-button-next:hover,
.partnerBox .swiper-button-prev:hover {
  background: none;
}
.partnerBox .swiper-button-next:after,
.partnerBox .swiper-button-prev:after {
  color: #2c2e35;
}
/*.textPageNano .partnerBox{
    margin: 0px;

    @media (min-width: 1060px){
        margin: 130px 0 0 0;
    }
}*/
.galleryPage .partnerBox {
  margin: 0px 0 0 0;
}
@media (min-width: 1060px) {
  .galleryPage .partnerBox {
    margin: 0px 0 0 0;
  }
}
.homePage .partnerBox {
  margin: 0px 0 0 0;
  padding: 124px 0 94px;
}
@media (min-width: 1060px) {
  .homePage .partnerBox {
    margin: 0px 0 0 0;
    padding: 254px 0 94px 0;
  }
}
.newsBlogBox {
  width: 100%;
}
@media (min-width: 934px) {
  .newsBlogBox {
    width: 50%;
    border-right: 2px solid #ececed;
  }
}
@media (min-width: 1456px) {
  .newsBlogBox {
    width: 25%;
  }
}
.newsBlogBox .newsBlogBox__item {
  padding: 34px 34px 31px;
  border-bottom: 2px solid #ececed;
}
@media (min-width: 934px) {
  .newsBlogBox .newsBlogBox__item {
    height: 471px;
  }
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__image {
  text-align: center;
}
@media (min-width: 480px) {
  .newsBlogBox .newsBlogBox__item .newsBlogBox__image {
    height: 275px;
  }
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__image img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__date {
  padding: 15px 0 0 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 300;
  color: #818181;
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__title {
  padding: 16px 0 0 0;
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__title a {
  text-decoration: none;
  color: #2c2e35;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.4em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__more {
  padding: 9px 0 0 0;
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__more a {
  position: relative;
  display: inline-block;
  color: #818181;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 300;
  text-decoration: none;
  padding: 0 0 0 24px;
}
.newsBlogBox .newsBlogBox__item .newsBlogBox__more a:after {
  position: absolute;
  content: "\2192";
  top: -1px;
  left: 0px;
  font-family: 'Lato', sans-serif;
}
.newsBlogBox .newsBlogBox__item:hover {
  background: #eceded;
}
.newsBlogBox .newsBlogBox__footer {
  padding: 34px 34px 31px;
}
.newsBlogBox .newsBlogBox__footer a {
  display: inline-block;
  border: 1px solid #2c2e35;
  padding: 21px 38px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c2e35;
  text-decoration: none;
}
.newsBlogBox .newsBlogBox__footer a:hover {
  background: #eceded;
  border: 1px solid #eceded;
  color: #c20019;
}
.articlePageBox {
  padding: 70px 0 0 0;
  /*.articleBox__link:hover{
        img{
            z-index: 95;
        }
    }*/
}
.articlePageBox .articleBox__item {
  position: relative;
  width: 100%;
  float: left;
  font-size: 0px;
  color: #fff;
}
@media (min-width: 680px) {
  .articlePageBox .articleBox__item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .articlePageBox .articleBox__item {
    width: 33.33%;
  }
}
@media (min-width: 1224px) {
  .articlePageBox .articleBox__item {
    width: 25%;
  }
}
.articlePageBox .articleBox__item a {
  color: #fff;
  text-decoration: none;
}
.articlePageBox .articleBox__item img {
  max-width: 100%;
  /*position: relative;
            z-index: 95;*/
}
.articlePageBox .articleBox__item .articleBox__content {
  position: absolute;
  width: 80%;
  left: 0px;
  top: 0px;
  padding: 0 0 26px 61px;
  z-index: 99;
}
@media (min-width: 870px) {
  .articlePageBox .articleBox__item .articleBox__content {
    padding: 0 0px 56px 61px;
  }
}
@media (min-width: 1195px) {
  .articlePageBox .articleBox__item .articleBox__content {
    width: 48%;
  }
}
.articlePageBox .articleBox__item .articleBox__title {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0 0 14px 0;
}
.articlePageBox .articleBox__item .articleBox__perex {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4em;
  display: flex;
  align-items: flex-end;
  height: 90px;
}
.articlePageBox .articleBox__link:after {
  position: absolute;
  /*width: 100%;*/
  height: 100%;
  content: "";
  top: 0px;
  left: 0px;
  background: linear-gradient(to right, #c20019 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
  z-index: 0;
}
.articlePageBox .articleBox__link:hover:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0px;
  left: 0px;
  background-position: left bottom;
  z-index: 98;
  transition: all 0.5s ease-out;
}
.articlePageBox--dark {
  display: flex;
  flex-wrap: wrap;
}
.articlePageBox--dark .articleBox__item {
  float: none;
  width: 100%;
}
@media (min-width: 582px) {
  .articlePageBox--dark .articleBox__item {
    width: 50%;
  }
}
@media (min-width: 1045px) {
  .articlePageBox--dark .articleBox__item {
    width: 33.33%;
  }
}
@media (min-width: 1368px) {
  .articlePageBox--dark .articleBox__item {
    width: 25%;
  }
}
.articlePageBox--dark .articleBox__item .articleBox__content {
  width: 100%;
  padding-left: 0px;
  padding-bottom: 10px;
  padding-top: 20px;
  top: auto;
  bottom: 0px;
  min-height: 140px;
}
@media (min-width: 1224px) {
  .articlePageBox--dark .articleBox__item .articleBox__content {
    padding-top: 0px;
  }
}
.articlePageBox--dark .articleBox__item .articleBox__content .articleBox__title {
  position: relative;
  padding: 0 25px;
  margin: 0 0 14px 0;
  min-height: auto;
  /*span{
                    display: block;
                    position: absolute;
                    .centerAbsolute();
                    left: 0px;
                    padding: 0 0 0 61px;
                }*/
}
@media (min-width: 1368px) {
  .articlePageBox--dark .articleBox__item .articleBox__content .articleBox__title {
    padding: 0 30px 0 61px;
  }
}
.articlePageBox--dark .articleBox__item .articleBox__perex {
  padding: 0 0 0 61px;
  align-items: flex-start;
  /*height: 60px;*/
  height: auto;
}
.articlePageBox--dark .articleBox__link:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.25);
  content: "";
}
.articlePageBox--dark .articleBox__link:hover .articleBox__content {
  width: 100%;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  top: 50%;
  transform: translate(0%, -50%);
  min-height: auto;
  background: none;
  transition: all 0.5s ease-out;
}
.articlePageBox--dark .articleBox__link:hover .articleBox__content .articleBox__title:after {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 30px;
  display: block;
  content: "\2192";
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 25px;
  font-size: 2.5rem;
}
.innerLow--articlePage {
  width: 100%;
}
@media (min-width: 870px) {
  .innerLow--articlePage {
    width: 88%;
  }
}
@media (min-width: 1378px) {
  .innerLow--articlePage {
    width: 1203px;
  }
}
.articlePageBox--noneColor .articleBox__link:before {
  display: none;
}
.subMenuBox {
  z-index: 99;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #c20019;
  width: 100%;
  padding: 158px 0 20px 0;
  display: none;
  /*transition: height 5s ease-in-out;*/
}
.subMenuBox .inner {
  width: 90%;
}
@media (min-width: 1460px) {
  .subMenuBox .inner {
    width: 1398px;
  }
}
.subMenuBox ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  align-items: flex-start;
}
.subMenuBox ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.subMenuBox ul li a {
  text-decoration: none;
  color: #fff;
}
.subMenuBox ul li ul {
  display: block;
}
.subMenuBox .headerMenu__depth2 {
  /*li:nth-child(2){
            padding-left: 0px;
        }*/
}
.subMenuBox .headerMenu__depth2 li {
  /*width: 12.5%;*/
  width: calc(20% - 30px);
  padding: 0 0px 40px 30px;
}
.subMenuBox .headerMenu__depth2 li a {
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
}
.subMenuBox .headerMenu__depth2 li a:hover {
  text-decoration: underline;
}
.subMenuBox .headerMenu__depth2 .headerMenu__back {
  display: none;
}
.subMenuBox .headerMenu__depth3 li {
  display: block;
  text-align: left;
  padding: 11px 0 0 0;
  width: 100%;
}
.subMenuBox .headerMenu__depth3 li a {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
}
.subMenuBox .headerMenu__depth3 li a:hover {
  text-decoration: underline;
}
.subMenuBox .headerMenu__depth3 .headerMenu__back {
  display: none;
}
.mobileMenuBox {
  display: none;
  position: absolute;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  background: #c20019;
  z-index: 99;
  padding: 0px 0 150px 0;
  color: #fff;
  overflow-y: scroll;
  /*.mobileMenuBox__search{
        position: absolute;
        top: -64px;
        right: 40px;
        z-index: 100;

        a{
            display: block;
            background: url('../img/cxi_ikona_lupa_mobil.svg') no-repeat top left;
            width: 21px;
            height: 21px;
        }
    }*/
}
.mobileMenuBox .inner {
  width: 88%;
}
.mobileMenuBox a {
  color: #fff;
  text-decoration: none;
}
.mobileMenuBox ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.mobileMenuBox ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.mobileMenuBox ul ul {
  /*display: none;*/
  padding: 0 0 0 25px;
}
.mobileMenuBox .mobileMenuBox__menu li {
  display: block;
}
.mobileMenuBox .mobileMenuBox__menu li a {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 25px 0;
  border-bottom: 1px solid #ed8a7e;
  display: block;
  font-weight: 600;
}
.mobileMenuBox .mobileMenuBox__menu li a:after {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 0px;
  content: "";
  background: url('../img/menu-arrow.png') no-repeat top left;
  background-size: contain;
  width: 6px;
  height: 10px;
}
.mobileMenuBox .headerMenu__depth2 li a,
.mobileMenuBox .headerMenu__depth3 li a {
  font-weight: 300;
}
.mobileMenuBox .headerMenu__depth2 .headerMenu__back a,
.mobileMenuBox .headerMenu__depth3 .headerMenu__back a {
  font-weight: 600;
  padding-left: 20px;
}
.mobileMenuBox .headerMenu__depth2 .headerMenu__back a:after,
.mobileMenuBox .headerMenu__depth3 .headerMenu__back a:after {
  left: 0px;
  right: auto;
  background: url('../img/menu-arrow-back.png') no-repeat top left;
  background-size: contain;
}
.mobileMenuBox .headerMenu__depth3 li a:after {
  display: none;
}
.mobileMenuBox .headerMenu__depth3 .headerMenu__back a:after {
  display: block;
}
.mobileMenuBox .mobileMenuBox__domain {
  padding: 45px 0;
}
.mobileMenuBox .mobileMenuBox__domain li {
  display: block;
  padding: 10px 0;
}
.mobileMenuBox .mobileMenuBox__domain li a {
  position: relative;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 0 25px;
  font-weight: 600;
}
.mobileMenuBox .mobileMenuBox__domain li a span {
  display: block;
  position: absolute;
  top: -1px;
  left: 0px;
  content: "";
  width: 15px;
  height: 15px;
}
.mobileMenuBox .mobileMenuBox__domain .headerMenuDomain__nano a span {
  background: url('../img/cxi_ikona_nonomaterialy.svg') no-repeat top left;
}
.mobileMenuBox .mobileMenuBox__domain .headerMenuDomain__stroj a span {
  background: url('../img/cxi_ikona_strojirenstvi.svg') no-repeat top left;
}
.mobileMenuBox .mobileMenuBox__domain .headerMenuDomain__int a span {
  background: url('../img/cxi_ikona_systemova_integrace.svg') no-repeat top left;
}
.mobileMenuBox .mobileMenuBox__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mobileMenuBox .mobileMenuBox__contact {
  width: 100%;
  text-align: center;
}
@media (min-width: 360px) {
  .mobileMenuBox .mobileMenuBox__contact {
    text-align: left;
    width: auto;
  }
}
.mobileMenuBox .mobileMenuBox__contact .headerContact__item {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}
.mobileMenuBox .mobileMenuBox__contact .headerContact__item .headerContact__item__sep {
  padding: 0 10px;
}
.mobileMenuBox .mobileMenuBox__lang {
  width: 100%;
  text-align: center;
  padding: 15px 0 0 0;
}
@media (min-width: 360px) {
  .mobileMenuBox .mobileMenuBox__lang {
    width: auto;
    text-align: left;
    margin-left: auto;
    padding: 0px;
  }
}
.mobileMenuBox .mobileMenuBox__lang li {
  display: inline-block;
  vertical-align: middle;
}
.mobileMenuBox .mobileMenuBox__lang li a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}
@media (min-width: 360px) {
  .mobileMenuBox .mobileMenuBox__lang li a {
    padding: 0 0 0 20px;
  }
}
.mobileMenuBox .mobileMenuBox__lang li .headerSwitchLang--active {
  font-weight: 600;
}
.promoHeaderPage .mobileMenuBox {
  padding: 0px 0 150px 0;
}
.openedMobileMenu.promoHeaderPage header {
  position: static;
  background: #c20019;
  padding-bottom: 20px;
}
.openedMobileMenu header {
  padding-bottom: 20px;
}
.paginatorBox {
  clear: both;
  padding: 50px 0 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
}
.paginatorBox ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  width: 100%;
}
@media (min-width: 526px) {
  .paginatorBox ul {
    width: auto;
  }
}
.paginatorBox ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: inline-block;
  padding: 0 6px;
}
@media (min-width: 526px) {
  .paginatorBox ul li {
    padding: 0 12px 0 0;
  }
}
.paginatorBox ul li a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
}
.paginatorBox ul li a:hover,
.paginatorBox ul li .active {
  color: #c20019;
  text-decoration: underline;
}
.paginatorBox .paginatorBox__arrow {
  width: 100%;
  padding: 20px 0 0 0;
}
@media (min-width: 526px) {
  .paginatorBox .paginatorBox__arrow {
    padding: 0px;
    width: auto;
    margin-left: auto;
  }
}
.breadCrumbsBox {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  padding: 0 0 20px 0;
}
.breadCrumbsBox li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: inline-block;
  vertical-align: middle;
  color: #9c9e9f;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
}
.breadCrumbsBox li span {
  display: inline-block;
  padding: 0 5px;
}
.breadCrumbsBox li a {
  color: #9c9e9f;
  text-decoration: none;
}
.breadCrumbsBox li a:hover {
  text-decoration: underline;
}
.calendarBox .calendarBox__inner {
  display: flex;
  flex-wrap: wrap;
}
.calendarBox .calendarBox__item {
  width: 100%;
  border-bottom: 2px solid #ececed;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 34px 34px 36px;
}
@media (min-width: 836px) {
  .calendarBox .calendarBox__item {
    width: 50%;
    border-right: 2px solid #ececed;
  }
}
@media (min-width: 934px) {
  .calendarBox .calendarBox__item {
    height: 171px;
  }
}
.calendarBox .calendarBox__item .calendarBox__date {
  position: relative;
  background: #c20019;
  text-align: center;
  color: #fff;
  width: 100px;
  height: 99px;
  font-weight: 600;
  font-size: 40px;
  font-size: 4rem;
}
.calendarBox .calendarBox__item .calendarBox__date p {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0px;
  width: 100%;
  margin: -3px 0 0 0;
}
.calendarBox .calendarBox__item .calendarBox__date p span {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  padding: 2px 0 0 0;
  font-size: 25px;
  font-size: 2.5rem;
}
.calendarBox .calendarBox__item .calendarBox__perex {
  width: calc(100% - 100px);
  padding: 0 0 0 40px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.calendarBox .calendarBox__item .calendarBox__perex strong {
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  padding: 0 0 5px 0;
}
.calendarBox .calendarBox__item .calendarBox__perex a {
  color: #2c2e35;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.4em;
}
@media (min-width: 836px) {
  .calendarBox .calendarBox__item:nth-child(2n) {
    border-right: none;
  }
}
.calendarBox .calendarBox__footer {
  padding: 34px 34px;
  /*59*/
}
.calendarBox .calendarBox__footer a {
  display: inline-block;
  border: 1px solid #2c2e35;
  padding: 21px 38px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c2e35;
  text-decoration: none;
}
.calendarBox .calendarBox__footer a:hover {
  background: #eceded;
  border: 1px solid #eceded;
  color: #c20019;
}
.calendarBox .calendarBox__footer--big {
  padding: 59px 34px;
}
.awardsBox {
  width: 100%;
  color: #2c2e35;
}
@media (min-width: 836px) {
  .awardsBox {
    width: 50%;
  }
}
.awardsBox .awardsBox__item {
  padding: 34px 34px 0px;
  border-bottom: 2px solid #ececed;
}
.awardsBox .awardsBox__item .awardsBox__img {
  height: 142px;
}
.awardsBox .awardsBox__item .awardsBox__img img {
  max-width: 100%;
  max-height: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.awardsBox .awardsBox__item .awardsBox__title {
  padding: 32px 0 0 0;
}
.awardsBox .awardsBox__item .awardsBox__title a {
  color: #2c2e35;
  text-decoration: none;
  font-size: 24px;
  font-size: 2.4rem;
}
.awardsBox .awardsBox__item .awardsBox__perex {
  padding: 17px 0 35px 0;
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3em;
}
@media (min-width: 836px) {
  .awardsBox .awardsBox__item .awardsBox__perex {
    height: 116px;
    padding: 17px 0 0px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.awardsBox .awardsBox__item:hover .awardsBox__img img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.linkedinBox {
  width: 100%;
}
@media (min-width: 836px) {
  .linkedinBox {
    width: 50%;
    border-right: 2px solid #ececed;
  }
}
.linkedinBox .linkedinBox__content {
  border-bottom: 2px solid #ececed;
  height: 350px;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 34px 34px 0px;
  /* padding-top: 100%;*/
}
.linkedinBox .linkedinBox__content iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.linkedinBox .linkedinBox__content .linkedinBox__item {
  display: flex;
  /*flex-wrap: wrap;*/
  align-items: center;
  padding: 10px 0 20px 0;
}
.linkedinBox .linkedinBox__content .linkedinBox__text {
  padding: 0 0 0 8px;
}
.linkedinBox .linkedinBox__content .linkedinBox__text .linkedinBox__title a {
  color: #2c2e35;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
}
.linkedinBox .linkedinBox__content .linkedinBox__text .linkedinBox__perex {
  padding: 5px 0 5px 0;
  font-size: 15px;
  font-size: 1.5rem;
  color: #2c2e35;
  line-height: 1.2em;
}
.linkedinBox .linkedinBox__content .linkedinBox__text .linkedinBox__more {
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none;
  color: #0A66C2;
}
.reasonBox {
  background: url('../img/reason-bg.jpg') no-repeat top center;
  background-size: cover;
  padding: 20px 0;
  color: #fff;
}
@media (min-width: 688px) {
  .reasonBox {
    padding: 0px;
    min-height: 595px;
  }
}
.reasonBox .reasonBox__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 688px) {
  .reasonBox .reasonBox__content {
    height: 595px;
  }
}
.reasonBox .reasonBox__content .reasonBox__item {
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
@media (min-width: 688px) {
  .reasonBox .reasonBox__content .reasonBox__item {
    width: 50%;
    padding: 0px;
  }
}
@media (min-width: 1248px) {
  .reasonBox .reasonBox__content .reasonBox__item {
    width: 25%;
  }
}
.reasonBox .reasonBox__content .reasonBox__item .reasonBox__count {
  font-weight: 600;
  font-size: 49px;
  font-size: 4.9rem;
  padding: 28px 0 15px 0;
}
.reasonBox .reasonBox__content .reasonBox__item .reasonBox__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
}
.videoBox {
  color: #2c2e35;
  background: #eceded;
  padding: 100px 0;
}
.videoBox .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.videoBox .videoBox__media {
  width: 100%;
}
@media (min-width: 924px) {
  .videoBox .videoBox__media {
    width: 50%;
  }
}
@media (min-width: 1146px) {
  .videoBox .videoBox__media {
    width: 60%;
  }
}
@media (min-width: 1468px) {
  .videoBox .videoBox__media {
    width: 840px;
  }
}
.videoBox .videoBox__media img {
  max-width: 100%;
}
.videoBox .videoBox__text {
  width: 100%;
  padding: 40px 0 0 0px;
}
@media (min-width: 924px) {
  .videoBox .videoBox__text {
    width: 50%;
    padding: 0 0 0 60px;
  }
}
@media (min-width: 1146px) {
  .videoBox .videoBox__text {
    width: 40%;
    padding: 0 0 0 120px;
  }
}
@media (min-width: 1468px) {
  .videoBox .videoBox__text {
    width: calc(100% - 840px);
  }
}
.videoBox .videoBox__text .videoBox__title {
  font-weight: 300;
  font-size: 22px;
  font-size: 2.2rem;
}
.videoBox .videoBox__text .videoBox__perex {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.3em;
  padding: 20px 0 25px 0;
}
.videoBox .videoBox__text .videoBox__btn {
  margin: 45px 0 0 0;
  display: inline-block;
  border: 1px solid #2c2e35;
  padding: 21px 38px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c2e35;
  text-decoration: none;
}
.videoBox .videoBox__text .videoBox__btn:hover {
  /*background: #eceeed;
            border: 1px solid #eceeed;*/
  color: #c20019;
}
.downloadBox {
  padding: 0 0 130px 0;
  color: #2c2e35;
}
@media (min-width: 1066px) {
  .downloadBox {
    width: 798px;
    margin: 0 auto;
  }
}
.downloadBox h3 {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 25px 0 7px 0;
}
.downloadBox .downloadBox__title {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 300;
  padding: 0px;
}
.downloadBox .downloadBox__list {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  padding: 20px 0 0 0;
}
@media (min-width: 692px) {
  .downloadBox .downloadBox__list {
    padding: 20px 0 0 96px;
  }
}
.downloadBox .downloadBox__list li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.downloadBox .downloadBox__list li a {
  display: inline-block;
  position: relative;
  color: #2c2e35;
  text-decoration: none;
  font-weight: 300;
  padding: 0px 0 0 30px;
  margin: 25px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.downloadBox .downloadBox__list li a span {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  font-weight: 600;
  padding: 0 0 6px 0;
}
.downloadBox .downloadBox__list li a:after {
  display: block;
  position: absolute;
  width: 22px;
  height: 31px;
  content: "";
  top: 0px;
  left: 0px;
  background: url('../img/ico-file.png') no-repeat top left;
}
.downloadBox .downloadBox__list li a:hover span {
  text-decoration: underline;
}
.downloadBox .downloadBox__column {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 692px) {
  .downloadBox .downloadBox__column {
    flex-wrap: nowrap;
  }
}
.downloadBox .downloadBox__column .downloadBox__list {
  width: 100%;
}
@media (min-width: 692px) {
  .downloadBox .downloadBox__column .downloadBox__list {
    width: auto;
    padding: 20px 80px 0 0px;
  }
}
.downloadBox .downloadBox__column .downloadBox__list:last-child {
  padding-right: 0px;
}
.downloadBox--odd {
  padding-bottom: 40px;
  margin-bottom: 90px;
  border-bottom: 2px solid #ececed;
}
.galleryBox {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 98px 0;
}
.galleryBox li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  width: 100%;
  font-size: 0px;
}
@media (min-width: 392px) {
  .galleryBox li {
    width: 50%;
  }
}
@media (min-width: 708px) {
  .galleryBox li {
    width: 33.33%;
  }
}
@media (min-width: 1058px) {
  .galleryBox li {
    width: 25%;
  }
}
.galleryBox li a img {
  max-width: 100%;
}
.gallery {
  background: #eceded;
}
.sloupe3 {
  display: flex;
  flex-wrap: wrap;
}
.sloupe3 .column {
  width: 100%;
}
@media (min-width: 788px) {
  .sloupe3 .column {
    padding: 0 0 0 24px;
    width: 50%;
  }
}
@media (min-width: 1150px) {
  .sloupe3 .column {
    width: 33.33%;
  }
}
.sloupe3 .column:first-child {
  width: 100%;
  padding: 0px;
}
@media (min-width: 788px) {
  .sloupe3 .column:first-child {
    width: calc(50% - 24px);
  }
}
@media (min-width: 1150px) {
  .sloupe3 .column:first-child {
    width: calc(33.33% - 24px);
  }
}
@media (min-width: 788px) {
  .sloupe3 .column:last-child {
    padding: 0px;
    width: calc(50% - 24px);
  }
}
@media (min-width: 1150px) {
  .sloupe3 .column:last-child {
    width: 33.33%;
    padding: 0 0 0 24px;
  }
}
.celbartionBox {
  display: none;
}
@media (min-width: 590px) {
  .celbartionBox {
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
  }
}
footer {
  background: #c20019;
  color: #fff;
  font-weight: 300;
  padding: 0px 0 24px;
}
@media (min-width: 970px) {
  footer {
    padding: 94px 0;
  }
}
footer .innerLow {
  /*display: flex;
        flex-wrap: wrap;*/
  width: 90%;
}
@media (min-width: 970px) {
  footer .innerLow {
    width: 60%;
  }
}
@media (min-width: 1195px) {
  footer .innerLow {
    width: 88%;
  }
}
@media (min-width: 1378px) {
  footer .innerLow {
    width: 1203px;
  }
}
footer a {
  color: #fff;
  text-decoration: none;
  font-weight: 300;
}
footer a img {
  max-width: 100%;
}
footer .footer__column {
  width: 220px;
  margin: 0 auto;
  padding: 50px 0 0px 0;
}
@media (min-width: 970px) {
  footer .footer__column {
    width: 50%;
    float: left;
    padding: 5px 0 20px 0;
    margin: 0px;
  }
}
@media (min-width: 1195px) {
  footer .footer__column {
    width: 25%;
    padding: 5px 0 0 0;
  }
}
@media (min-width: 1365px) {
  footer .footer__column {
    width: 300px;
  }
}
footer .footer__column ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
footer .footer__column ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  padding: 0 16px 0 0;
}
footer .footer__column ul li img {
  max-width: 100%;
}
@media (min-width: 970px) {
  footer .footer__column--logo {
    padding: 0px 0 0 0;
  }
}
footer .footerColumn__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3em;
  padding: 0 0 7px 0;
}
footer .footerColumn__title--contact {
  padding: 0 0 17px 0;
}
footer .footerContact__addr {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 2px 0;
}