/* !Fonts (Author: hi@leximo.cz) */

/* @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); */

/*
  Bodies
  ***
*/

html {
  background-color: #F0F6FC;
}
body {
  padding-top: 82px;
  background-color: #F5FAFF;
  font: 400 16px 'Lora', Georgia, 'Times new Roman', serif;
  color: #454545;
}

/* - menu */

.--menu body {
  overflow: hidden;
}

/*
  Links
  ***
*/

a {
  color: #537FAB;
}
a:hover {
  color: #3A4147;
}

/*
  icon
  ***
*/

.icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

/*
  SVG
  ---
*/

.icon-svg {
  max-width: 100%;
  height: auto;
}

/*
  label
  ***
*/

.label {
  display: inline-block;
  padding: 2px 8px 3px 8px;
  background-color: #537FAB;
  border-radius: 24px;
  line-height: 1.6;
  font-size: 11px;
  color: #fff;
}

/*
  - color
  ---
*/

.label--color-pdf {
  background-color: #C65B5B;
}
.label--color-doc {
  background-color: #5B93C6;
}

/*
  slick-arrow
  ***
*/

.slick-arrow {
  width: 44px;
  height: 44px;
  position: relative;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(83, 127, 171, 0.1);
  border: none;
  border-radius: 50%;
  font-size: 0;
  color: #fff;
  transition: background-color 150ms linear;
}

/* hover */

.slick-arrow:hover {
  background-color: #537FAB;
}

/*
  Arrow
  ---
*/

.slick-arrow:before, 
.slick-arrow:after {
  content: '';
  width: 8px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -5px;
  background-color: #537FAB;
}

/* hover */

.slick-arrow:hover:before, 
.slick-arrow:hover:after {
  background-color: #fff;
}

/*
  - prev
  ---
*/

.slick-arrow.slick-prev {
  left: 6%;
}
.slick-arrow.slick-prev:before, 
.slick-arrow.slick-prev:after {
  transform-origin: left center;
}
.slick-arrow.slick-prev:before {
  transform: rotate(-45deg);
}
.slick-arrow.slick-prev:after {
  transform: rotate(45deg);
}

/*
  - next
  ---
*/

.slick-arrow.slick-next {
  right: 6%;
}
.slick-arrow.slick-next:before, 
.slick-arrow.slick-next:after {
  transform-origin: right center;
}
.slick-arrow.slick-next:before {
  transform: rotate(45deg);
}
.slick-arrow.slick-next:after {
  transform: rotate(-45deg);
}

/*
  link
  ***
*/

.link {
  display: block;
  text-decoration: underline;
  color: #537FAB;
}

/*
  button
  ***
*/

.button {
  position: relative;
  display: inline-block;
  margin: 16px 24px 0 0;
  padding: 12px 20px 13px 20px;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(83, 127, 171, 0.1);
  border: none;
  border-radius: 6px;
  line-height: 1.7;
  text-decoration: underline;
  font-weight: 600;
  font: 600 14px 'Lora';
  color: #537FAB;
  transition: background-color 150ms linear, transform 100ms ease-in-out;
}

/* hover */

.button:hover {
  transform: translateY(-3px);
  text-decoration: none;
  color: #537FAB;
}

/* active */

.button:active {
  transform: translateY(0);
}

/*
  - color
  ---
*/

.button--color-primary {
  background-color: #537FAB;
  color: #fff;
}

/* hover */

.button--color-primary:hover {
  background-color: #5b8fc4;
  color: #fff;
}

/*
  - size
  ---
*/

.button--size-small {
  padding: 9px 16px 10px 16px;
  font-size: 13px;
}

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

  .button--size-large {
    padding: 15px 28px 17px 28px;
    font-size: 15px;
  }

}

/*
  - width
  ---
*/

.button--width-full {
  display: block;
}

/*
  input
  ***
*/

.input {
  box-sizing: border-box;
  max-width: 100%;
  display: block;
  padding: 11px 16px 12px 16px;
  background: #fff right 16px center no-repeat;
  border: 1px solid #BECFE2;
  border-radius: 6px;
  font: 600 15px 'Lora';
  color: #3A4147;
  transition: background-color 150ms linear;
}

/* focus */

.input:focus, .input--focus {
  background-color: #BECFE2;
  outline: none;
}

/*
  select
  ---
*/

select.input {
  padding-right: 42px;
  background-image: url('../img/select.svg');
}

/*
  textarea
  ---
*/

textarea.input {
  line-height: 1.7;
  font-weight: 400;
}

/*
  field
  ***
*/

.field {
  margin-bottom: 16px;
}

/*
  label
  ***
*/

.field__label {
  display: inline-block;
  margin-bottom: 6px;
  line-height: 1.6;
  font-weight: 700;
  font-size: 16px;
}
.field__label strong {
  color: #D51616;
}

/*
  error
  ***
*/

.field__error {
  display: inline-block;
  margin-top: 6px;
  line-height: 1.6;
  font-weight: 700;
  font-size: 13px;
  color: #D51616;
}

/*
  flash
  ***
*/

.flash {
  position: relative;
  margin: 32px 0;
  padding: 14px 20px 15px 50px;
  background: #fff 20px 16px no-repeat;
  background-size: 18px auto;
  border: 2px solid #222;
  border-radius: 6px;
  line-height: 1.5;
  text-align: left;
  font-size: 15px;
  color: #222;
}

/*
  Next flash
  ---
*/

.flash + .flash {
  margin-top: -16px;
}

/*
  type-*
  ---
*/

.flash--type-info {
  background-image: url('../img/icons/forms/info.svg');
  border-color: #3699C1;
  color: #3699C1;
}
.flash--type-error {
  background-image: url('../img/icons/forms/error.svg');
  border-color: #E91D35;
  color: #E91D35;
}
.flash--type-warning {
  background-image: url('../img/icons/forms/warning.svg');
  border-color: #E49050;
  color: #E49050;
}
.flash--type-success {
  background-image: url('../img/icons/forms/success.svg');
  border-color: #73B585;
  color: #73B585;
}

/*
  form
  ***
*/

.form {
  display: block;
}

/*
  - search
  ---
*/

.form-search {
  position: relative;
  display: block;
}

/*
  Adjust input
  ...
*/

.form-search .input {
  width: calc(100% - 100px);
}

/*
  Adjust button
  ...
*/

.form-search .button {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

/*
  - newsletter
  ---
*/

.form--news {
  display: block;
}

/*
  Adjust button
  ...
*/

.form--news .button {
  margin: 0 !important;
}

/*
  adjust field__label
  ...
*/

.form--news .field__label {
  display: none;
}

/*
  - comment
  ---
*/

.form--comment {
  display: block;
}

/*
  button
  ...
*/

.form--comment .button {
  margin: 8px 0 0 0;
}

/*
  input
  ...
*/

.form--comment .input {
  width: 100%;
}

/*
  Adjust field
  ---
*/

.form--comment .field--contain-text,
.form--comment .field--contain-email {
  width: 45%;
  width: calc(50% - 16px);
}
.form--comment .field--contain-text {
  float: left;
}
.form--comment .field--contain-email {
  float: right;
}
.form--comment .field--contain-textarea {
  clear: both;
}


/*
  list-stats
  ***
*/

.list-stats {
  display: block;
}

/*
  list
  ---
*/

.list-stats__list {
  margin: 0 -16px -32px -16px;
  text-align: center;
  font-size: 0;
}
.list-stats__list li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 32px;
  font-size: 16px;
}

/*
  - cols
  ...
*/

.list-stats__list--cols-1 li {
  width: 100%;
}
.list-stats__list--cols-2 li {
  width: 50%;
}
.list-stats__list--cols-3 li {
  width: 33.33%;
}
.list-stats__list--cols-4 li {
  width: 25%;
}
.list-stats__list--cols-5 li {
  width: 20%;
}

/*
  Inset
  ...
*/

.list-stats__list span {
  display: block;
  margin: 0 16px;
  line-height: 1.85;
}

/*
  Title
  ...
*/

.list-stats__list b {
  display: block;
  margin-bottom: 16px;
  font-size: 52px;
}

/*
  Decoration
  ...
*/

.list-stats__list b:after {
  content: '';
  width: 42px;
  height: 3px;
  display: block;
  margin: 16px auto 0 auto;
  background-color: #537FAB;
}

/*
  nav-sort
  ***
*/

.nav-sort {
  position: relative;
  display: block;
}
.nav-sort:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #DEE5EC;
}

/*
  adjust icon
  ---
*/

.nav-sort .icon {
  position: relative;
  float: right;
  margin: 4px 0 0 10px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #DEE5EC;
  border-radius: 4px;
}
.nav-sort .icon svg {
  fill: #537FAB;
}

/* - active */

.nav-sort .icon.--active {
  background-color: #537FAB;
  border-color: #537FAB;
}
.nav-sort .icon.--active svg {
  fill: #fff;
}

/*
  adjust input
  ---
*/

.nav-sort .input {
  position: relative;
  float: left;
}

/*
  nav-dir
  ***
*/

.nav-dir {
  margin: 0 -16px -32px -16px;
  font-size: 0;
}

/*
  item
  ---
*/

.nav-dir__item {
  display: inline-block;
  margin-bottom: 32px;
  vertical-align: top;
  text-decoration: none;
  font-size: 14px;
  color: #4C5966;
}
.nav-dir__item__inset {
  position: relative;
  display: block;
  margin: 0 16px;
  padding-left: 110px;
  line-height: 1.7;
}

/*
  - cols
  ...
*/

.nav-dir--cols-1 .nav-dir__item {
  width: 100%;
}
.nav-dir--cols-2 .nav-dir__item {
  width: 50%;
}
.nav-dir--cols-3 .nav-dir__item {
  width: 33.33%;
}
.nav-dir--cols-4 .nav-dir__item {
  width: 25%;
}
.nav-dir--cols-5 .nav-dir__item {
  width: 20%;
}

/*
  image
  ---
*/

.nav-dir__item__image {
  width: 80px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: center center no-repeat;
  background-size: cover;
  border-radius: 6px;
}

/*
  [png]
  ...
*/

.nav-dir__item__image[style*="png"] {
  background-size: contain;
}

/*
  title
  ---
*/

.nav-dir__item__title {
  display: block;
  margin-bottom: 2px;
  line-height: inherit;
  text-decoration: underline;
  font-size: 18px;
  color: #477099;
}

/* hover */

.nav-dir__item:hover .nav-dir__item__title {
  color: #3A4147;
}

/*
  nav-sub
  ***
*/

.nav-sub {
  display: block;
  font-size: 15px;
}

/*
  title
  ---
*/

.nav-sub__title {
  margin: 0 0 14px 0;
}

/*
  excerpt
  ---
*/

.nav-sub__excerpt {
  margin: -6px 0 14px 0;
  font-size: 14px;
}

/*
  LINK
  ---
*/

.nav-sub a {
  display: block;
  padding: 3px 0;
  line-height: 1.7;
  text-decoration: none;
  font-weight: 500;
}

/*
  Adjust icon
  ...
*/

.nav-sub a .icon {
  top: -2px;
  margin-right: 6px;
}

/*
  span
  ...
*/

.nav-sub a span {
  text-decoration: underline;
}

/*
  nav-switch
  ***
*/

.nav-switch {
  overflow: hidden;
  border-top: 1px solid #C9D4DF;
  border-bottom: 1px solid #C9D4DF;
  font-size: 0;
}

/*
  link
  ---
*/

.nav-switch__link {
  box-sizing: border-box;
  width: 50%;
  position: relative;
  display: inline-block;
  padding: 12px 72px;
  line-height: 1.6;
  text-decoration: none;
  font-size: 13px;
  color: #4C5966;
}

/*
  - align
  ...
*/

.nav-switch__link--align-prev {
  padding-right: 26px;
}
.nav-switch__link--align-next {
  padding-left: 26px;
}

/*
  Adjust icon
  ...
*/

.nav-switch__link .icon {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #fff;
  transition: background-color 150ms linear;
}

/* hover */

.nav-switch__link:hover .icon {
  background-color: #537FAB;
}

/*
  - align
*/

.nav-switch__link--align-prev .icon {
  left: 0;
}
.nav-switch__link--align-next .icon {
  right: 0;
}

/*
  Adjust SVG
*/

.nav-switch__link .icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #537FAB;
  transition: fill 150ms linear;
}

/* hover */

.nav-switch__link:hover .icon svg {
  fill: #fff;
}


/*
  BOLD, SPAN
*/

.nav-switch__link b, 
.nav-switch__link span {
  overflow: hidden;
  display: block;
  padding-bottom: 2px;
  line-height: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-switch__link b {
  text-decoration: underline;
  font-size: 15px;
  color: #537FAB;
}

/*
  nav-links
  ***
*/

.nav-links {
  display: block;
  font-size: 12px;
}

/*
  title
  ---
*/

.nav-links__title {
  margin: 0 0 16px 0;
}

/*
  LINK
  ---
*/

.nav-links a {
  position: relative;
  display: inline-block;
  margin: 0 0 2px 0;
  padding: 3px 10px 3px 0;
  line-height: 1.7;
  font-weight: 500;
}

/*
  Icon
  ...
*/

.nav-links a[target="_blank"]:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
  background: url('../img/icons/grey/out.svg') center center no-repeat;
}

/*
  nav-pagination
  ***
*/

.nav-pagination {
  overflow: hidden;
  padding-top: 38px;
  border-top: 1px dashed #E3EAF1;
  font-size: 15px;
  color: #4C5966;
}

/*
  LINK
  ---
*/

.nav-pagination a {
  float: left;
  margin-right: 16px;
  line-height: 1.6;
}

/* - active */

.nav-pagination a.--active {
  text-decoration: none;
  font-weight: 600;
  color: #4C5966;
}

/*
  SPAN
  ---
*/

.nav-pagination span {
  float: right;
  line-height: 1.6;
  font-style: italic;
}

/*
  widget-text
  ***
*/

.widget-text {
  display: block;
}

/*
  adjust button
  ---
*/

.widget-text .button {
  margin: 0;
}

/*
  Adjust form--news
  ---
*/

.widget-text .form--news {
  margin-top: 12px;
}

/*
  image
  ---
*/

.widget-text__image {
  display: inline-block;
  margin: -6px 0 12px 0;
}

/*
  IMG
  ...
*/

.widget-text__image img {
  display: block;
  border: 5px solid #fff;
  border-radius: 50%;
}

/*
  title
  ---
*/

.widget-text__title {
  margin: 0 0 18px 0;
}

/*
  excerpt
  ---
*/

.widget-text__excerpt {
  margin: -10px 0 16px 0;
  font-size: 14px;
}

/*
  gallery
  ***
*/

.gallery {
  margin: 32px -12px 8px -12px;
  font-size: 0;
}

/*
  IN mce-content-body
  ---
*/

.mce-content-body .gallery {
  margin-top: 0;
  margin-bottom: 0;
}

/*
  structure
  ---
*/

.gallery > dl {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 24px;
  padding: 0 12px;
  text-align: center;
}

/*
  - cols *
  ...
*/

.gallery--cols-1 > dl {
  width: 100%;
}
.gallery--cols-2 > dl {
  width: 50%;
}
.gallery--cols-3 > dl {
  width: 33.33%;
}
.gallery--cols-4 > dl {
  width: 25%;
}
.gallery--cols-5 > dl {
  width: 20%;
}
.gallery--cols-6 > dl {
  width: 16.66%;
}
.gallery--cols-7 > dl {
  width: 14.28%;
}
.gallery--cols-8 > dl {
  width: 12.5%;
}
.gallery--cols-9 > dl {
  width: 11.11%;
}

/*
  images
  ---
*/

.gallery a, .gallery a img {
  display: block;
  position: relative;
}
.gallery a img {
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

/*
  accordion
  ***
*/

.accordion {
  display: block;
  margin: 32px 0;
}
.accordion + .accordion {
  margin-top: -16px;
}

/*
  Gaps
  ---
*/

.accordion:first-child {
  margin-top: 0;
}

/*
  title
  ---
*/

.accordion__title {
  position: relative;
  overflow: hidden;
  padding: 11px 64px 12px 24px;
  background-color: #BECFE2;
  border-radius: 6px;
  line-height: 1.8;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3A4147;
  cursor: pointer;
  transition: 150ms linear;
}

/* - active */

.accordion.--active .accordion__title {
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(83, 127, 171, 0.1);
  border-radius: 4px 4px 0 0;
  text-decoration: underline;
}

/*
  Icon
  ...
*/

.accordion__title:before, 
.accordion__title:after {
  content: '';
  width: 12px;
  height: 2px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -2px;
  background-color: #36312B;
}
.accordion__title:after {
  transform: rotate(90deg);
}

/* - active */

.accordion.--active .accordion__title:before {
  background-color: #DD4242;
}
.accordion.--active .accordion__title:after {
  opacity: 0;
}

/*
  content
  ---
*/

.accordion__content {
  padding: 16px 24px 8px 24px;
  border: 1px dashed #C1CCD7;
  border-top: none;
  border-radius: 0 0 6px 6px;
}

/*
  item-comment
  ***
*/

.item-comment {
  margin: 0;
  line-height: 1;
}
.item-comment__inset {
  position: relative;
  padding: 8px 0 12px 56px;
  font-size: 14px;
}

/*
  - children 
  ---
*/

.item-comment--children > .item-comment__inset:before {
  content: '';
  width: 1px;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  background-color: #c9d3dd;
}

/*
  Next level
  ...
*/

.item-comment--children .item-comment .item-comment__inset:after {
  content: '';
  width: 34px;
  height: 52px;
  position: absolute;
  left: -36px;
  top: -33px;
  border-left: 1px solid #c9d3dd;
  border-bottom: 1px solid #c9d3dd;
  border-bottom-left-radius: 22px;
}


/*
  image
  ---
*/

.item-comment__image {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #8ba3ba;
  background-clip: content-box;
  border-radius: 50%;
  color: #fff;
}

/*
  SPAN
  ...
*/

.item-comment__image span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*
  IMG
  ...
*/

.item-comment__image img {
  max-width: none;
  position: relative;
  display: block;
  margin: -1px 0 0 -1px;
  border-radius: 50%;
}

/*
  title
  ---
*/

.item-comment__title {
  display: inline-block;
  margin: 0;
  font-size: 17px;
}

/*
  meta
  ---
*/

.item-comment__meta {
  display: inline-block;
  margin-left: 8px;
}

/*
  Decoration
  ...
*/

.item-comment__meta:before {
  content: '';
  width: 5px;
  height: 5px;
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 6px;
  background-color: #537fab;
  border-radius: 50%;
}

/*
  excerpt
  ---
*/

.item-comment__excerpt {
  margin: 8px 0 0 0;
}

/*
  - hightlight
  ...
*/

.item-comment--highlight .item-comment__excerpt {
  padding: 14px 18px;
  background-color: #ffebb0;
  border-left: 2px solid #dabf71;
  border-radius: 6px;
}

/*
  actions
  ---
*/

.item-comment__actions {
  margin: 8px 0 0 0;
  font-size: 13px;
}

/*
  LINK
  ...
*/

.item-comment__actions a {
  margin-right: 12px;
  color: #D51616;
}

/*
  item-comment---list
  ---
*/

.item-comment---list {
  position: relative;
  margin: 0;
  list-style: none;
}
.item-comment---list .item-comment---list {
  margin: 10px 0 8px 56px;
}

/*
  item-post
  ***
*/

.item-post__inset {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #4C5966;
}

/*
  adjust link
  ---
*/

.item-post .link {
  margin-top: 12px;
}

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

  /*
    - style-list
    ---
  */

  .item-post--style-list .item-post__inset {
    padding: 16px 0 24px 292px;
    font-size: 15px;
  }

}

/*
  image
  ---
*/

.item-post__image {
  height: 180px;
  overflow: hidden;
  display: block;
  margin-bottom: 16px;
  background: #fff center center no-repeat;
  background-size: cover;
  border-radius: 6px;
}
.item-post__image img {
  display: block;
  opacity: 0;
}

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

  /*
    - style-list
    ---
  */

  .item-post--style-list .item-post__image {
    width: 260px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

}

/*
  title
  ---
*/

.item-post__title {
  margin: 0;
  text-decoration: underline;
  color: #3A4147;
  transition: color 150ms linear;
}

/* hover */

.item-post__inset:hover .item-post__title {
  color: #537FAB;
}

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

  /*
    - style-list
    ---
  */

  .item-post--style-list .item-post__title {
    font-size: 24px;
  }

}

/*
  excerpt
  ---
*/

.item-post__excerpt {
  margin: 8px 0 0 0;
}

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

  /*
    - style-list
    ---
  */

  .item-post--style-list .item-post__excerpt {
    line-height: 1.9;
  }

}

/*
  date
  ---
*/

.item-post__date {
  position: absolute;
  left: -10px;
  top: 16px;
  color: #fff;
}
.item-post__date:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 85%;
  transform: skewY(45deg);
  background-color: #476A8E;
}

/*
  SPAN
  ...
*/

.item-post__date span {
  position: relative;
  display: block;
  padding: 5px 12px 6px 12px;
  background-color: #537FAB;
  border-radius: 6px 6px 6px 0;
  line-height: 1.6;
}


/*
  item---list
  ***
*/

.item---list__inset {
  margin: 0 -16px -32px -16px;
  font-size: 0;
}

/*
  adjust nav-pagination
  ---
*/

.item---list .nav-pagination {
  margin-top: 52px;
}

/*
  item
  ---
*/

.item---list__item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 32px;
}
.item---list__item__inset {
  margin: 0 16px;
}

/*
  - cols
  ...
*/

.item---list--cols-1 .item---list__item {
  width: 100%;
}
.item---list--cols-2 .item---list__item {
  width: 50%;
}
.item---list--cols-3 .item---list__item {
  width: 33.33%;
}
.item---list--cols-4 .item---list__item {
  width: 25%;
}
.item---list--cols-5 .item---list__item {
  width: 20%;
}

/* extra */

.item---list--cols-3.item---list--contain-posts.item---list--style-list .item---list__item {
  width: 100%;
}

/*
  item---slider
  ***
*/

.item---slider {
  position: relative;
}

/*
  Adjust slick
  ---
*/

.item---slider .slick-slide {
  margin: 0 16px;
}
.item---slider .slick-list {
  margin: 0 -16px;
}

/*
  Adjust slick-arrow
  ---
*/

.item---slider .slick-arrow {
  position: absolute;
  top: 67px;
}
.item---slider .slick-arrow.slick-prev {
  left: -86px;
}
.item---slider .slick-arrow.slick-next {
  right: -86px;
}

/*
  banner-news
  ***
*/

.banner-news, .banner-news__inset {
  position: relative;
}
.banner-news {
  max-width: 1136px;
  margin: 0 auto;
}
.banner-news__inset {
  padding: 42px 40% 42px 52px;
  background-color: #fff;
  border: 1px dashed #C1CCD7;
  border-radius: 6px;
}

/*
  Line
  ---
*/

.banner-news:before {
  content: '';
  height: 0;
  position: absolute;
  left: -10000px;
  top: 50%;
  right: -10000px;
  border-top: 1px dashed #C1CCD7;
}

/*
  Image
  ---
*/

.banner-news__inset:before, .banner-news__inset:after {
  content: '';
  top: 0;
  position: absolute;
  bottom: 0;
}
.banner-news__inset:before {
  width: 50%;
  right: 0;
  background: url('../img/banner-news.webp') center center no-repeat;
  background-size: cover;
  border-radius: 0 6px 6px 0;
}
.banner-news__inset:after {
  width: 35%;
  right: 15%;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

/*
  content
  ---
*/

.banner-news__content {
  position: relative;
  z-index: 1;
}

/*
  Adjust form-newsletter
  ---
*/

.banner-news .form--news {
  margin: 20px 0 0 0;
  font-size: 0;
}

/*
  Adjust button
  ...
*/

.banner-news .form--news .button {
  margin: 0 0 16px 0 !important;
}

/*
  Adjust field
  ...
*/

.banner-news .form--news .field {
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
}

/*
  title
  ---
*/

.banner-news__title {
  margin: 0;
}

/*
  Decoration
  ...
*/

.banner-news__title:after {
  content: '';
  width: 42px;
  height: 3px;
  display: block;
  margin-top: 16px;
  background-color: #537FAB;
}

/*
  excerpt
  ---
*/

.banner-news__excerpt {
  margin: 20px 0 0 0;
}

/*
  note
  ---
*/

.banner-news__note {
  max-width: 580px;
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
}

/*
  detail-error
  ***
*/

.detail-error {
  max-width: 1136px;
  margin: 0 auto;
  padding: 120px 4%;
  text-align: center;
}

/*
  adjust button
  ---
*/

.detail-error .button {
  margin: 26px 0 0 0;
}

/*
  title
  ---
*/

.detail-error__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.detail-error__excerpt {
  margin: 16px 0 0 0;
}

/*
  detail-page
  ***
*/

.detail-page {
  padding: 0 4%;
}
.detail-page__inset {
  max-width: 1136px;
  margin: 0 auto;
}

/*
  main
  ---
*/

.detail-page__main {
  width: calc(100% - 240px);
  float: left;
}
.detail-page__main__inset {
  padding: 60px 48px 70px 0;
  border-right: 1px solid #E3EAF1;
}

/*
  - wide
  ---
*/

.detail-page--wide .detail-page__main {
  max-width: 840px;
  width: auto;
  float: none;
  margin: 0 auto;
}
.detail-page--wide .detail-page__main__inset {
  padding-right: 0;
  border-right: 0;
}

/*
  Adjust RULE
  ...
*/

.detail-page__main hr {
  margin-right: -48px;
}


/*
  - wide
*/

.detail-page--wide .detail-page__main hr {
  margin-right: 0;
}

/*
  Adjust nav-switch
  ...
*/

.detail-page__main .nav-switch {
  display: none;
  margin-top: 48px;
}

/*
  Adjust nav-sort
  ...
*/

.detail-page__main .nav-sort {
  margin-bottom: 42px;
}

/*
  Adjust nav-pagination
  ---
*/

.detail-page__main .nav-pagination {
  margin-right: -48px;
  padding-right: 48px;
}

/*
  adjust site-comments
  ...
*/

.detail-page__main .site-comments {
  margin-right: -48px;
  padding-right: 48px;
  padding-top: 48px;
  border-top: 1px solid #E3EAF1;
}

/*
  side
  ---
*/

.detail-page__side {
  width: calc(240px);
  position: relative;
  left: -1px;
  float: right;
}
.detail-page__side__inset {
  padding: 70px 0 70px 48px;
  border-left: 1px solid #E3EAF1;
}

/*
  Adjust nav-sub, widget-text
  ...
*/

.detail-page__side .nav-sub, 
.detail-page__side .widget-text {
  margin-top: 36px;
}
.detail-page__side .nav-sub:first-child, 
.detail-page__side .widget-text:first-child {
  margin-top: 0;
}

/*
  head
  ***
*/

.detail-page__head {
  margin-bottom: 36px;
}

/*
  Adjust form-search
  ---
*/

.detail-page__head .form-search {
  margin-top: 24px;
}

/*
  title
  ---
*/

.detail-page__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.detail-page__excerpt {
  margin: 16px 0 0 0;
  line-height: 1.8;
  font-size: 17px;
}

/*
  meta
  ---
*/

.detail-page__meta {
  margin: 20px 0;
  font-size: 17px;
}

/*
  TIME
  ...
*/

.detail-page__meta time {
  padding: 1px 0 1px 32px;
  background: url('../img/icons/blue/calendar.svg') left center no-repeat;
  font-weight: 700;
}
.detail-page__meta time:after {
  content: ',';
  margin-left: -5px;
}

/*
  SPAN
  ...
*/

.detail-page__meta span:after {
  content: ',';
  margin-left: -5px;
}
.detail-page__meta span:last-child:after {
  display: none;
}

/*
  avatar
  ---
*/

.detail-page__avatar {
  float: right;
  margin: 0 0 0 32px;
  border-radius: 50%;
  border: 8px solid #fff;
}

/*
  image
  ---
*/

.detail-page__image {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 -49px 42px -32px;
}

/*
  IMG
  ...
*/

.detail-page__image img {
  width: 100%;
  border-radius: 6px 0 0 6px;
}

/*
  - wide
  ...
*/

.detail-page--wide .detail-page__image {
  margin-right: -32px;
}
.detail-page--wide .detail-page__image img {
  border-radius: 6px;
}

/*
  site-wrap
  ***
*/

.site-wrap {
  overflow-x: hidden;
}

/*
  site-head
  ***
*/

.site-head {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  padding: 0 4%;
  background-color: #fff;
  box-shadow: 0 0 32px rgba(83, 127, 171, 0.2)
}
.site-head__inset {
  max-width: 1136px;
  position: relative;
  margin: 0 auto;
}

/* - bar */

.--bar .site-head {
  top: 32px;
}

/*
  adjust burger
  ---
*/

.site-head .burger {
  position: absolute;
  top: 13px;
  right: 4%;
  display: none;
  margin-right: 42px;
}

/*
  title
  ---
*/

.site-head__title {
  float: left;
  transform: rotate(0.03deg);
  margin: 21px 0 0 0;
  text-decoration: none;
  font-size: 12px;
  color: #4C5966;
}

/*
  BOLD
  ...
*/

.site-head__title b {
  display: block;
  margin-bottom: 6px;
  font-size: 18px;
  color: #537FAB;
}

/*
  search
  ---
*/

.site-head__search {
  width: 32px;
  position: absolute;
  right: 4%;
  top: 29px;
  background-color: #fff;
  transition: width 250ms ease-in-out;
}

/* - search */

.--search .site-head__search {
  width: calc(100% - 8%);
}

/*
  Adjust icon
  ...
*/

.site-head__search .icon {
  float: right;
}
.site-head__search .icon svg {
  fill: #537FAB;
}

/*
  Adjust form-search
  ...
*/

.site-head__search .form-search {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: -10px;
  right: 0;
  margin-right: 42px;
  opacity: 0;
  transition: opacity 250ms linear;
}

/* - search */

.--search .site-head__search .form-search {
  pointer-events: all;
  opacity: 1;
}

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

  /*
    nav
    ---
  */

  .site-head__nav {
    float: right;
  }

  /*
    list
    ---
  */

  .site-head__nav__list {
    margin: 0;
    list-style: none;
    font-size: 0;
  }
  .site-head__nav__list > li {
    display: inline-block;
    margin: 0;
    line-height: 1;
  }
  .site-head__nav__list > li > a {
    display: block;
    padding: 28px 8px;
    line-height: 1.6;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    color: #4C5966;
  }
  .site-head__nav__list > li:last-child > a {
    margin-right: -20px;
  }

  /* hover */

  .site-head__nav__list > li:hover > a {
    color: #537FAB;
  }

  /* - active */

  .site-head__nav__list > li.--active > a {
    font-weight: 700;
    color: #537FAB;
  }

  /*
    Adjust icon
    ...
  */

  .site-head__nav__list .icon {
    top: -1px;
    margin-left: 4px;
  }
  .site-head__nav__list .icon svg {
    fill: #537FAB;
  }

  /*
    sub
    ---
  */

  .site-head__nav__sub {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    transform: translateY(-10px);
    margin: 0;
    list-style: none;
    background-color: #537FAB;
    text-align: center;
    opacity: 0;
    transition: opacity 150ms linear, transform 150ms ease-in-out;
  }
  .site-head__nav__sub > li {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 1;
  }
  .site-head__nav__sub > li > a {
    display: block;
    padding: 19px 18px;
    line-height: 1.6;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
  }

  /* hover */

  li:hover > .site-head__nav__sub {
    pointer-events: all;
    transform: translateY(0);
    opacity: 1;
  }

  /* hover */

  .site-head__nav__sub > li:hover > a {
    color: #c6e3ff;
  }

  /* - active */

  .site-head__nav__sub > li.--active > a {
    font-weight: 700;
    color: #c6e3ff;
  }

  /*
    Adjust icon
    ...
  */

  .site-head__nav__sub .icon {
    top: -1px;
    margin-left: 4px;
  }
  .site-head__nav__sub .icon svg {
    fill: #fff;
  }

  /*
    Decorations
    ...
  */

  .site-head__nav__sub:before, 
  .site-head__nav__sub:after {
    content: '';
    width: 47px;
    height: 100%;
    position: absolute;
    top: 0;
    background: url('../img/site-head__nav__sub.svg') no-repeat;
    background-size: 200% 100%;
  }
  .site-head__nav__sub:before {
    left: -47px;
    background-position: left top;
  }
  .site-head__nav__sub:after {
    right: -47px;
    background-position: right top;
  }

  /*
    drop
    ---
  */

  .site-head__nav__drop {
    pointer-events: none;
    width: 260px;
    position: absolute;
    left: 50%;
    transform: translateY(-10px);
    margin: -8px 0 0 -130px;
    padding: 14px 0;
    background-color: #fff;
    box-shadow: 0 0 24px rgba(83, 127, 171, 0.15);
    border-radius: 6px;
    list-style: none;
    text-align: left;
    font-size: 0;
    opacity: 0;
    transition: opacity 150ms linear, transform 150ms ease-in-out;
  }
  .site-head__nav__drop:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: -4px;
    transform: rotate(45deg);
    margin-left: -6px;
    background-color: #fff;
    border-radius: 2px;
  }
  .site-head__nav__drop > li {
    margin: 0;
    line-height: 1;
  }
  .site-head__nav__drop > li > a {
    position: relative;
    display: block;
    padding: 3px 24px;
    line-height: 1.6;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    color: #4C5966;
  }
  .site-head__nav__drop > li > a > span {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    line-height: inherit;
    text-overflow: ellipsis;
  }

  /* hover */

  li:hover > .site-head__nav__drop {
    pointer-events: all;
    transform: translateY(0);
    opacity: 1;
  }

  /* hover */

  .site-head__nav__drop > li:hover > a {
    color: #537FAB;
  }

  /* - active */

  .site-head__nav__drop > li.--active > a {
    font-weight: 700;
    color: #537FAB;
  }

  /*
    Adjust label
    ...
  */

  .site-head__nav__drop .label {
    position: absolute;
    left: 100%;
    top: 4px;
    margin-left: -16px;
  }

}

@media only screen and (max-width: 1370px) and (min-width: 1101px) {

  .site-head__nav {
    margin-right: 50px;
  }

}

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

  .site-head__nav__list > li > a, 
  .site-head__nav__sub > li > a {
    padding-left: 12px;
    padding-right: 12px;
  }

}

@media only screen and (max-width: 1100px) {

  /*
    nav
    ---
  */

  .site-head__nav {
    position: fixed;
    left: 0;
    top: 72px;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    display: none;
    background: #f0f6fc;
    font-size: 15px;
  }

  /* - bar */

  .--bar .site-head__nav {
    top: 102px;
  }

  /* - active */

  .site-head__nav.--active {
    display: block;
  }

  /*
    adjust button
    ---
  */

  .site-head__nav .button {
    margin: 0;
    padding: 10px 4%;
    border-radius: 0;
    color: #36312b;
  }

  /*
    LIST
    ---
  */

  .site-head__nav ul {
    margin: 0;
    list-style: none;
  }

  /*
    ITEM
    ---
  */

  .site-head__nav li {
    margin: 0;
    line-height: 1;
  }

  /*
    LINKS
    ---
  */

  .site-head__nav a {
    position: relative;
    display: block;
    padding: 13px 4%;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
    line-height: 1.6;
    text-decoration: none;
    font-weight: 500;
    font-size: 100%;
    color: #454545;
  }

  /*
    Adjust icon
    ---
  */

  .site-head__nav i {
    width: 46px;
    position: absolute;
    right: 0;
    top: -1px;
    bottom: -1px;
  }
  .site-head__nav i:before, 
  .site-head__nav i:after {
    content: '';
    width: 16px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -8px;
    background-color: #537fab;
  }
  .site-head__nav i:after {
    transform: rotate(90deg);
  }

  /* - active */

  .site-head__nav i.--active:after {
    display: none;
  }

  /*
    Adjust SVG
    ...
  */
  
  .site-head__nav i svg {
    display: none;
  }

  /*
    Adjust label
    ---
  */

  .site-head__nav .label {
    top: -1px;
    margin-left: 6px;
  }

  /*
    Next level
    ...
  */

  .site-head__nav ul ul {
    display: none;
    background-color: rgba(0, 0, 0, 0.02);
    font-size: 95%;
  }

  /* - active */

  .site-head__nav ul.--active {
    display: block;
  }

}

/*
  site-breads
  ***
*/

.site-breads {
  background-color: #F0F6FC;
  border-bottom: 1px dashed #E3EAF1;
}
.site-breads__inset {
  max-width: 1136px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto;
  padding: 0 4%;
  white-space: nowrap;
  font-size: 0;
}

/*
  SPAN, LINK
  ---
*/

.site-breads span, 
.site-breads a {
  display: inline-block;
  margin-right: 12px;
  padding: 18px 20px 20px 0;
  font-size: 13px;
}
.site-breads a {
  background: url('../img/icons/blue/next.svg') right 20px no-repeat;  
}

/*
  site-promo
  ***
*/

.site-promo, 
.site-promo__inset, 
.site-promo__inset__inset {
  position: relative;
}
.site-promo {
  padding: 0 4%;
  background-color: #E8F1FB;
  border-bottom: 1px dashed #C1CCD7;
}
.site-promo__inset {
  max-width: 1136px;
  margin: 0 auto;
  padding: 130px 0 140px 0;
  text-align: center;
}
.site-promo__inset__inset {
  z-index: 3;
}

/*
  Decorations
  ---
*/

.site-promo__inset:before, 
.site-promo__inset:after {
  content: '';
  width: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}
.site-promo__inset:before {
  left: 0;
  background: linear-gradient(to right, rgba(232,241,251,1) 0%,rgba(232,241,251,0) 100%);
}
.site-promo__inset:after {
  right: 0;
  background: linear-gradient(to right, rgba(232,241,251,0) 0%,rgba(232,241,251,1) 100%);
}

/*
  adjust icon
  ---
*/

.site-promo .icon {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 -13px -12px;
  padding: 10px 9px;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(83, 127, 171, 0.25);
  border-radius: 4px;
}


/*
  adjust button
  ---
*/

.site-promo .button {
  margin: 32px 12px 0 12px;
}

/*
  image
  ---
*/

.site-promo__image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: center center no-repeat;
  background-size: 100% auto;
  filter: grayscale(1);
  mix-blend-mode: overlay;
}

/*
  title
  ---
*/

.site-promo__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.site-promo__excerpt {
  margin: 20px 0 0 0;
  font-size: 18px;
}

/*
  site-section
  ***
*/

.site-section {
  padding: 0 4%;
}
.site-section__inset {
  max-width: 1136px;
  margin: 0 auto;
  padding: 90px 0;
}

/*
  Next site-section
  ---
*/

.site-section + .site-section {
  border-top: 1px dashed #ced6df;
}

/*
  - join
  ...
*/

.site-section + .site-section--join {
  border-top: none !important;
}
.site-section + .site-section--join .site-section__inset {
  padding-top: 10px;
}

/*
  - color
  ...
*/

.site-section--color-light {
  background-color: #fdfeff;
}
.site-section--color-dark {
  background-color: #F0F6FC;
}


/*
  head
  ---
*/

.site-section__head {
  margin-bottom: 48px;
  text-align: center;
}

/*
  adjust icon
  ---
*/

.site-section__head .icon {
  margin-bottom: 16px;
}
.site-section__head .icon svg {
  fill: #537FAB;
}

/*
  title
  ---
*/

.site-section__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.site-section__excerpt {
  margin: 12px 0 0 0;
  font-size: 18px;
}

/*
  more
  ---
*/

.site-section__more {
  display: table;
  margin-top: 48px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
  site-comments
  ***
*/

.site-comments {
  margin-top: 72px;
}

/*
  Adjust flash
  ---
*/

.site-comments .flash {
  margin: 32px 0 0 0;
}

/*
  Adjust item-comment---list
  ---
*/

.site-comments > .item-comment---list {
  margin-top: 32px;
}

/*
  title
  ---
*/

.site-comments__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.site-comments__excerpt {
  margin: 6px 0 0 0;
  font-style: italic;
}

/*
  form
  ---
*/

.site-comments__form {
  margin-top: 42px;
}

/*
  Adjust form--comment
  ...
*/

.site-comments__form .form--comment {
  max-width: 640px;
  margin-top: 24px;
}

/*
  site-foot
  ***
*/

.site-foot {
  padding: 0 4%;
  background: #F0F6FC url('../img/site-foot.svg') center top repeat-x;
}
.site-foot__inset {
  max-width: 1136px;
  margin: 0 auto;
  padding: 68px 0;
}

/*
  adjust nav-links
  ---
*/

.site-foot .nav-links {
  margin-bottom: 6px;
}

/*
  col
  ---
*/

.site-foot__col--align-left {
  margin-right: 454px;
  padding-right: 32px;
  font-size: 11px;
}
.site-foot__col--align-middle {
  width: 206px;
  float: right;
  padding-right: 32px;
}
.site-foot__col--align-right {
  width: 216px;
  float: right;
}

/*
  title
  ---
*/

.site-foot__title {
  margin: 0;
}

/*
  contacts
  ---
*/

.site-foot__contacts {
  margin: 16px 0 0 0;
  font-size: 15px;
}

/*
  note
  ---
*/

.site-foot__note {
  margin: 0;
  line-height: 1.9;
}

/*
  copy
  ---
*/

.site-foot__copy {
  margin: 12px 0 0;
  font-size: 95%;
}

/*
  site-flash
  ***
*/

.site-flash {
  position: fixed;
  left: 0;
  top: 50%;
  right: 0;
  z-index: 1000;
  margin-top: -22px;
  border-radius: 6px;
  text-align: center;
}

/*
  Adjust flash
  ---
*/

.site-flash .flash {
  position: relative;
  display: inline-block;
  margin: 0;
  box-shadow: 0 4px 48px rgba(83, 127, 171, 0.25);
}

/*
  close
  ---
*/

.site-flash .flash:after {
  content: '';
  width: 26px;
  height: 26px;
  position: absolute;
  right: -12px;
  top: -12px;
  background: #E91D35 url('../img/icons/white/close.svg') center center no-repeat;
  border-radius: 100%;
  cursor: pointer;
}