/**
 * Styles
 *
 * @author Lex Lexter <hi@leximo.cz>
 * @version 1.0.0
 * @website https://leximo.cz/
 */

 @font-face {
  font-family: 'Museo Sans Fallback';
  size-adjust: 100%;
  src: local('Arial');
}

/*
  Bodies
  ***
*/

html, body {
  background-color: #F6F3EF;
}
body {
  padding: 0 16px;
  font: 500 18px 'Museo Sans', 'Museo Sans Fallback', Arial, Helvetica, sans-serif;
  color: #6A6A6A;
}

/*
  Forms
  ***
*/

input, 
select, 
textarea, 
button {
  outline: none;
  font: 500 16px 'Museo Sans', 'Museo Sans Fallback', Arial, Helvetica, sans-serif;
}

/*
  Links
  ***
*/

a {
  text-decoration-thickness: 1px;
  color: #F05A23;
}
a:hover {
  text-decoration-thickness: 1px;
  color: #2A2A2C;
}

/*
  icon
  ***
*/

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

/*
  just
  ***
*/

.just {
  font-weight: 700;
  font-style: italic;
  color: #F05A23;
}

/*
  rating
  ***
*/

.rating {
  display: block;
  font-size: 14px;
  color: #9A9A9A;
}

/*
  stars
  ---
*/

.rating__stars {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  white-space: nowrap;
  font-size: 0;
}

/*
  IMG
  ...
*/

.rating__stars img {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 3px;
}

/*
  Caps
*/

.rating__stars img:last-child {
  margin-right: 0;
}

/*
  BOLD
  ---
*/

.rating b {
  color: #F05A23;
}

/*
  link
  ***
*/

.link {
  letter-spacing: -0.02em;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 300;
  font-size: 14px;
  color: #2A2A2C;
}

/*
  Adjust icon
  ---
*/

.link .icon {
  top: -1px;
  margin: 0 8px;
  fill: #F05A23;
}

/*
  button
  ***
*/

.button {
  display: inline-block;
  margin: 16px 16px 0 0;
  padding: 13px 21px;
  background-color: #2A2A2C;
  border: none;
  border-radius: 8px;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  transition: 150ms linear;
}

/* hover */

.button:hover {
  background-color: #3f3f42;
  color: #fff;
}

/*
  - color
  ---
*/

.button--color-primary {
  background-color: #F05A23;
}

/* hover */

.button--color-primary:hover {
  background-color: #D7440E;
}

/*
  - size
  ---
*/

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

  .button--size-large {
    padding: 13px 42px;
    font-weight: 700;
    font-size: 18px;
  }

}

/*
  SMALL
  ---
*/

.button small {
  display: block;
  margin-bottom: 5px;
  font-weight: 400; 
  font-size: 70%;
}

/*
  input
  ***
*/

.input {
  box-sizing: border-box;
  width: 100%;
  padding: 14px 22px;
  background: #fff right 20px center no-repeat;
  border: 1px solid #D6D4D0;
  border-radius: 8px;
  font-size: 18px;
  color: #2A2A2C;
  transition: 150ms linear;
}

/* focus */

.input:focus {
  box-shadow: 0 0 0 3px #ffeee8;
  border-color: #F05A23;
}

/*
  textarea
  ---
*/

textarea.input {
  min-height: 80px;
  line-height: 1.5;
}

/*
  select
  ---
*/

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

/*
  file
  ---
*/

.input[type="file"] {
  padding: 14px 22px;
  background-color: #fff;
  font-size: 14px;
}

/*
  checkbox
  ---
*/

.input[type="checkbox"] {
  width: 26px;
  height: 26px;
  position: relative;
  float: left;
  padding: 0;
  background-color: #fff;
}

/*
  Icon
  ...
*/

.input[type="checkbox"]:before, 
.input[type="checkbox"]:after {
  content: '';
  height: 3px;
  position: absolute;
  background-color: #F05A23;
  border-radius: 2px;
  opacity: 0;
  transition: 150ms linear;
}
.input[type="checkbox"]:before {
  width: 8px;
  left: 4px;
  top: 16px;
  transform-origin: right center;
  transform: rotate(34deg);
}
.input[type="checkbox"]:after {
  width: 14px;
  left: 10px;
  top: 16px;
  transform: rotate(-54deg);
  transform-origin: left center;
}

/* checked */

.input[type="checkbox"]:checked:before, 
.input[type="checkbox"]:checked:after {
  opacity: 1;
}

/*
  field
  ***
*/

.field {
  margin-bottom: 21px;
}

/*
  - contain-checkbox
  ...
*/

.field--contain-checkbox + .field--contain-checkbox {
  margin-top: -8px;
}

/*
  label
  ---
*/

.field__label {
  display: block;
  margin-bottom: 7px;
  line-height: 1.6;
  font-size: 14px;
}

/*
  - contain-checkbox
  ...
*/

.field--contain-checkbox .field__label {
  margin: 0 0 0 44px;
  padding-top: 6px;
}

/*
  STRONG
  ...
*/

.field__label strong {
  font-weight: 500;
}

/*
  excerpt
  ---
*/

.field__excerpt {
  display: block;
  margin-top: 7px;
  line-height: 1.6;
  font-style: italic;
  font-size: 14px;
}

/*
  error
  ---
*/

.field__error {
  display: block;
  margin-top: 7px;
  line-height: 1.6;
  font-size: 14px;
  color: #D2422F;
}

/*
  - contain-checkbox
  ...
*/

.field--contain-checkbox .field__error {
  margin: 4px 0 0 44px;
}

/*
  flash
  ***
*/

.flash {
  margin-bottom: 32px;
  padding: 16px 24px;
  background-color: #3986C5;
  border-radius: 8px;
  line-height: 1.6;
  font-size: 16px;
  color: #fff;
}

/*
  - type
  ---
*/

.flash--type-error {
  background-color: #D2422F;
}
.flash--type-success {
  background-color: #A9BE4D;
}
.flash--type-warning {
  background-color: #E9931A;
}

/*
  form
  ***
*/

.form {
  display: block;
}

/*
  Adjust button
  ---
*/

.form .button {
  margin: 6px 0 0 0;
}

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

  .form .button {
    min-width: 180px;
    float: left;
  }

}

/*
  gdpr
  ---
*/

.form__gdpr {
  width: calc(100% - 200px);
  float: right;
  margin: 18px 0 0 0;
  white-space: nowrap;
  text-align: right;
  font-size: 14px;
}

/*
  form__sent
  ---
*/

.form__sent {
  text-align: center;
  font-size: 18px;
}

/*
  Adjust icon
  ...
*/

.form__sent .icon {
  width: 80px;
  height: 80px;
}

/*
  title
  ...
*/

.form__sent__title {
  margin: 24px 0 0 0;
}

/*
  excerpt
  ...
*/

.form__sent__excerpt {
  margin: 16px 0 0 0;
  line-height: 1.7;
}

/*
  link
  ...
*/

.form__sent__link {
  display: block;
  margin: 24px 0 0 0;
  font-size: 14px;
}

/*
  form-inquiry
  ***
*/

.form-inquiry {
  padding: 38px 40px 40px 40px;
  background-color: #fff;
  border-radius: 24px;
  color: #656B66;
}

/*
  Adjust button
  ---
*/

.form-inquiry .button {
  width: 100%;
}

/*
  Adjust form__sent
  ---
*/

.form-inquiry .form__sent {
  margin: 68px 0;
}

/*
  list-check
  ***
*/

.list-check > li {
  padding-left: 12px;
}
.list-check > li:after {
  width: 22px;
  height: 22px;
  left: -20px;
  top: 2px;
  background: url('../img/icons/green/check.svg') center center no-repeat;
  background-size: contain;
}

/*
  list
  ***
*/

.list__inset {
  position: relative;
  margin: 0 -12px -24px -12px;
  list-style: none;
  font-size: 0;
}

/*
  item
  ---
*/

.list__item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 24px;
  padding: 0;
  line-height: 1;
}
.list__item__inset {
  margin: 0 12px;
}

/*
  foot
  ---
*/

.list__foot {
  margin-top: 60px;
  text-align: center;
}

/*
  site-section
  ***
*/

.site-section {
  position: relative;
  border-radius: 32px 0 32px 32px;
}
.site-section__inset {
  max-width: 1224px;
  margin: 0 auto;
}

/*
  - layout
  ---
*/

.--layout-category .site-section--contain-posts {
  margin-top: 160px;
}
.--layout-home .site-section--contain-packages {
  margin-top: 160px;
}
.--layout-home .site-section--contain-how {
  margin-top: 130px;
}
.--layout-home .site-section--contain-posts {
  margin-top: 213px;
}
.--layout-home .site-section--contain-why {
  margin-top: 163px;
}
.--layout-home .site-section--contain-faq {
  margin-top: 160px;
}
.--layout-post .site-section--contain-posts {
  margin-top: 100px;
}
.--layout-registration .site-section--contain-form {
  margin-top: 120px;
}

/*
  inset
  ...
*/

/* .--layout-home .site-section--contain-packages .site-section__inset {
  max-width: 940px;
} */
.--layout-registration .site-section--contain-form .site-section__inset {
  max-width: 940px;
}

/*
  - brd
  ---
*/

.site-section--brd {
  padding-top: 112px;
}

/*
  Line
  ...
*/

.site-section--brd:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to right, rgba(238,233,226,0) 0%,rgba(238,233,226,1) 15%,rgba(238,233,226,1) 50%,rgba(238,233,226,1) 85%,rgba(238,233,226,0) 100%);
}

/*
  - bcg
  ---
*/

.site-section--bcg {
  position: relative;
  padding-top: 135px;
  padding-bottom: 135px;
  background-color: #fff;
}

/*
  Adjust item-post
  ---
*/

.site-section--bcg .item-post__date {
  background-image: url('../img/titles/04.svg');
}

/*
  title
  ...
*/

.site-section--bcg__title {
  width: 346px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -63px;
  padding-top: 27px;
  background: url('../img/titles/05.svg') no-repeat;
  text-align: center;
  font-size: 0;
}

/*
  - width
  ---
*/

.site-section--width-small .site-section__inset {
  max-width: 1016px;
}

/*
  title
  ---
*/

.site-section__title {
  margin: 0;
  text-align: center;
}

/*
  content
  ---
*/

.site-section__content {
  margin-top: 64px;
}

/*
  gallery
  ***
*/

.gallery {
  margin: 42px -4px 24px -12px;
  font-size: 0;
}

/*
  + same
  ---
*/

.gallery + .gallery {
  margin-top: -26px;
}

/*
  Hide
  ---
*/

.gallery p, 
.gallery br {
  display: none;
}

/*
  structure
  ---
*/

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

/*
  - cols
  ...
*/

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

/*
  images
  ---
*/

.gallery-item a, 
.gallery-item a img {
  display: block;
  border-radius: 32px;
}
.gallery-item a {
  position: relative;
  overflow: hidden;
}
.gallery-item a img {
  width: 100%;
  transition: 150ms ease-in-out;
}

/* hover */

.gallery-item a:hover img {
  transform: scale(1.1);
  filter: blur(6px);
}

/*
  accordion
  ***
*/

.accordion {
  position: relative;
  margin: 42px 0;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  transition: 150ms linear;
}

/* - active */

.accordion.--active {
  background-color: #fff;
}

/*
  + same
  ---
*/

.accordion + .accordion {
  margin-top: -26px;
}

/*
  title
  ---
*/

.accordion__title {
  position: relative;
  padding: 22px 94px 22px 32px;
  line-height: 1.3;
  font-size: 20px;
  color: #2A2A2C;
  cursor: pointer;
}

/*
  Icon
  ...
*/

.accordion__title:before, 
.accordion__title:after {
  content: '';
  width: 20px;
  height: 2px;
  position: absolute;
  right: 32px;
  top: 50%;
  transform-origin: center center;
  background-color: #2A2A2C;
  border-radius: 10px;
} 
.accordion__title:after {
  transform: rotate(90deg);
  transition: 150ms linear;
}

/* - active */

.accordio.--active .accordion__title:after {
  opacity: 0;
}

/*
  content
  ---
*/

.accordion__content {
  overflow: hidden;
  padding: 0 84px 16px 32px;
  font-size: 18px;
}

/*
  nav-pagination
  ***
*/

.nav-pagination {
  text-align: center;
  font-size: 0;
}

/*
  LINK
  ---
*/

.nav-pagination a {
  display: inline-block;
  margin: 0 6px;
  padding: 10px 12px 10px 12px;
  border: 1px solid #B3B7B4;
  border-radius: 12px;
  text-decoration: none;
  font-size: 14px;
  color: #B3B7B4;
  transition: 150ms linear;
}

/* hover */

.nav-pagination a:hover {
  background-color: #F05A23;
  border-color: #F05A23;
  color: #fff;
}

/* - active */

.nav-pagination a.--active {
  background-color: #2A2A2C;
  border-color: #2A2A2C;
  color: #fff;
}

/*
  item-package
  ***
*/

.item-package__inset {
  position: relative;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  color: #6A6A6A;
}

/*
  Adjust button
  ---
*/

.item-package .button {
  margin: 16px 0 0 0;
}

/*
  title
  ---
*/

.item-package__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.item-package__excerpt {
  max-width: 380px;
  margin: 16px auto 0 auto;
}

/*
  note
  ---
*/

.item-package__note {
  display: inline-block;
  margin: 12px 0 0 0;
  padding: 5px 12px;
  background-color: #fff;
  box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: 12px 2px;
  font-size: 13px;
}

/*
  price
  ---
*/

.item-package__price {
  margin: 12px 0 0 0;
  font-weight: 700;
  font-size: 28px;
  color: #2A2A2C;
}

/*
  INS
  ...
*/

.item-package__price ins {
  background-color: transparent;
}

/*
  DEL
  ...
*/

.item-package__price del {
  display: inline-block;
  margin-right: -32px;
  vertical-align: super;
  font-weight: 400;
  font-size: 13px;
  opacity: 0.5;
}

/*
  item-post
  ***
*/

.item-post__inset {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #6A6A6A;
}

/*
  date
  ---
*/

.item-post__date {
  box-sizing: border-box;
  width: 134px;
  height: 56px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 26px 0 0;
  background: url('../img/titles/01.svg') no-repeat;
  text-align: right;
  font-weight: 300;
  font-size: 14px;
  color: #B3B7B4;
}

/*
  image
  ---
*/

.item-post__image {
  width: 100%;
  max-height: 280px;
  overflow: hidden;
  height: inherit;
  display: block;
  background: center center no-repeat;
  background-size: cover;
  border-radius: 20px;
}

/*
  IMG
  ...
*/

.item-post__image img {
  display: block;
  opacity: 0;
}

/*
  content
  ---
*/

.item-post__content {
  margin: 16px 16px 0 16px;
}

/*
  title
  ---
*/

.item-post__title {
  max-height: 64px;
  overflow: hidden;
  margin: 0;
}

/*
  excerpt
  ---
*/

.item-post__excerpt {
  max-height: 48px;
  overflow: hidden;
  margin: 14px 0 0 0;
}

/*
  head-01
  ***
*/

.head-01 {
  position: relative;
}

/*
  button
  ---
*/

.head-01 .button {
  margin: 32px 0 0 0;
}

/*
  title
  ---
*/

.head-01__title {
  margin: 0;
}

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

  .head-01__title {
    font-size: 52px;
  }

}

/*
  excerpt
  ---
*/

.head-01__excerpt {
  margin: 24px 0 0 0;
}


/*
  carousel
  ***
*/

.carousel {
  position: relative;
}

/*
  Adjust slick
  ---
*/

.carousel .slick-slide {
  margin: 0 4px;
}
.carousel .slick-list {
  margin: 0 -4px;
}

/*
  site-reviews
  ***
*/

.site-reviews {
  max-width: 1224px;
  position: relative;
  margin: 0 auto;
}

/*
  - layout
  ---
*/

.--layout-category .site-reviews {
  margin-top: 140px;
}
.--layout-home .site-reviews {
  margin-top: 164px;
}

/*
  Adjust head-01
  ---
*/

.site-reviews .head-01 {
  max-width: 804px;
  margin: 0 auto;
}

/*
  Adjust carousel
  ---
*/

.site-reviews .carousel {
  margin: 120px -250px 0 0;
}

/*
  Mask
  ---
*/

.site-reviews .carousel:after {
  content: '';
  pointer-events: none;
  width: 250px;
  height: 100%;
  position: absolute;
  right: 120px;
  top: 0;
  background: linear-gradient(to right, rgba(246,243,239,0) 0%,rgba(246,243,239,1) 100%);
}

/*
  item-review
  ***
*/

.item-review__inset {
  display: block;
  padding: 27px 24px 24px 24px;
  background-color: #fff;
  border-radius: 24px;
  font-size: 14px;
}

/*
  Adjust rating
  ---
*/

.item-review .rating {
  margin-bottom: 5px;
}

/*
  title
  ---
*/

.item-review__title {
  margin: 0;
  font-size: inherit;
  color: #9A9A9A;
}

/*
  excerpt
  ---
*/

.item-review__excerpt {
  margin: 16px 0 0 0;
  line-height: 1.6;
}

/*
  section-split
  ***
*/

.section-split__inset {
  position: relative;
  overflow: hidden;
  padding: 64px 59% 48px 0;
}

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

  /*
    - decoration
    ---
  */

  .section-split--decoration .section-split__inset {
    padding-top: 36px;
    padding-right: 51%;
    padding-bottom: 36px;
  }

  /*
    - align
    ---
  */

  .section-split--align-right .section-split__inset {
    padding-right: 0 !important;
    padding-left: 59%;
  }

  /*
    - decoration
    ...
  */

  .section-split--align-right.section-split--decoration .section-split__inset {
    padding-left: 51%;
  }

}

/*
  image
  ---
*/

.section-split__image {
  width: 49%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #333 center center no-repeat;
  background-size: cover;
  border-radius: 32px;
}

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

  /*
    - decoration
    ...
  */

  .section-split--decoration .section-split__image {
    width: 40.5%;
  }

  /*
    - align
    ...
  */

  .section-split--align-right .section-split__image {
    right: auto;
    left: 0;
  }

  /*
    - decoration
    ...
  */

  .section-split--decoration .section-split__image:before {
    content: '';
    width: 36px;
    height: 148px;
    position: absolute;
    left: -36px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/shapes/04.svg') left center no-repeat;
    background-size: auto 100%;
  }

  /*
    - align
    ...
  */

  .section-split--align-right.section-split--decoration .section-split__image:before {
    left: auto;
    right: -36px;
    background-position: right center;
  }

}

/*
  subtitle
  ---
*/

.section-split__subtitle {
  text-transform: uppercase;
  letter-spacing: 0.5em;
  font-weight: 700;
  font-size: 14px;
  color: #F05A23;
}

/*
  title
  ---
*/

.section-split__title {
  margin: 0;
}

/*
  format
  ---
*/

.section-split__format {
  margin: 42px 0 0 0; 
}

/*
  - decoration
  ...
*/

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

  .section-split--decoration .section-split__format {
    margin-top: 62px;
  }

}

/*
  list-progress
  ***
*/

.list-progress {
  counter-reset: counter-progress;
  margin: 0;
}

/*
  item
  ---
*/

.list-progress__item {
  counter-increment: counter-progress;
  margin: 0 0 44px 0;
  font-size: 18px;
}
.list-progress__item:after {
  display: none;
}

/*
  Caps
  ...
*/


.list-progress__item:last-child {
  margin-bottom: 0;
}

/*
  number
  ...
*/

.list-progress__item:before {
   content: "0" counter(counter-progress);
   display: block;
   margin-bottom: 1px;
   font-size: 14px;
   color: #9A9A9A;
}

/*
  title
  ...
*/

.list-progress__item__title {
  display: block;
  margin-bottom: 22px;
  font-weight: 500;
  color: #2A2A2C;
}


/*
  item-info
  ***
*/

.item-info__inset {
  display: block;
  text-align: center;
  font-size: 16px;
}

/*
  Adjust icon
  ---
*/

.item-info .icon {
  width: 28px;
  height: 28px;
  margin-bottom: 17px;
}

/*
  title
  ---
*/

.item-info__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.item-info__excerpt {
  margin: 16px 0 0 0;
}

/*
  detail-page
  ***
*/

.detail-page {
  max-width: 1224px;
  margin: 0 auto;
  padding: 120px 24px 0 24px;
}
/*
  head
  ---
*/

.detail-page__head {
  max-width: 900px;
  margin-bottom: 64px;
}

/*
  title
  ---
*/

.detail-page__title {
  margin: 0;
}

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

  .detail-page__title {
    font-size: 56px;
  }

}

/*
  excerpt
  ---
*/

.detail-page__excerpt {
  margin: 24px 0 0 0;
}

/*
  detail-post
  ***
*/

.detail-post {
  max-width: 1224px;
  margin: 0 auto;
  padding: 96px 24px 0 24px;
}

/*
  image
  ---
*/

.detail-post__image {
  display: block;
  margin-top: 64px;
}

/*
  IMG
  ...
*/

.detail-post__image img {
  display: block;
  border-radius: 24px;
}

/*
  head
  ---
*/

.detail-post__head {
  margin: 0 10%;
  text-align: center;
}

/*
  title
  ---
*/

.detail-post__title {
  margin: 0;
}

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

  .detail-post__title {
    font-size: 56px;
  }

}

/*
  excerpt
  ---
*/

.detail-post__excerpt {
  font-weight: 700;
  font-size: 22px;
  color: #2A2A2C;
}

/*
  date
  ---
*/

.detail-post__date {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  color: #B3B7B4;
}

/*
  content
  ---
*/

.detail-post__content {
  max-width: 808px;
  margin: 64px auto 0 auto;
}

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

  /*
    Adjust pull
    ...
  */

  .detail-post__content .pull {
    margin-left: -84px;
    margin-right: -84px;
  }

}

/*
  box
  ***
*/

.box {
  margin: 42px 0;
  padding: 32px 40px 16px 40px;
  background-color: #fff;
  border-radius: 32px;
}

/*
  + same
  ---
*/

.box + .box {
  margin-top: -26px;
}

/*
  info
  ***
*/

.info {
  display: block;
  font-size: 17px;
}

/*
  Adjust icon
  ---
*/

.info .icon {
  width: 28px;
  height: 28px;
  margin-bottom: 17px;
}

/*
  number
  ---
*/

.info__number {
  margin: 0 0 6px 0;
  font-size: 14px;
  color: #9A9A9A;
}

/*
  title
  ---
*/

.info__title {
  margin: 0;
  font-weight: 500;
}

/*
  excerpt
  ---
*/

.info__excerpt {
  margin: 12px 0 0 0;
}

/*
  tip
  ***
*/

.tip {
  margin: 42px 0;
  padding: 32px 40px 16px 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 32px;
}

/*
  + same
  ---
*/

.tip + .tip {
  margin-top: -26px;
}

/*
  title
  ---
*/

.tip__title {
  margin: 0;
  padding: 6px 0 5px 32px;
  background: url('../img/icons/orange/tip.svg') left top no-repeat;
  font-weight: 700;
  font-size: 14px;
  color: #F05A23;
}

/*
  content
  ---
*/

.tip__content {
  margin-top: 16px;
}

/*
  site-wrap
  ***
*/

.site-wrap {
  max-width: 1480px;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/*
  site-head
  ***
*/

.site-head {
  position: relative;
  z-index: 100;
  padding: 0 24px;
  background-color: #fff;
  border-bottom: 1px solid #E8E8E8;
  text-align: center;
}
.site-head__inset {
  max-width: 1224px;
  margin: 0 auto;
}

/*
  - dark
  ---
*/

.site-head--dark {
  background-color: #2A2A2C;
  border-bottom-color: #48484B;
  color: #fff;
}

/*
  - layout
  ---
*/

.--layout-post .site-head {
  border-radius: 0 0 16px 16px;
}

/*
  Adjust burger
  ---
*/

.site-head .burger {
  float: right;
  display: none;
  margin: 12px 0 0 24px;
}

/*
  - dark
  ...
*/

.site-head--dark .burger__lines, 
.site-head--dark .burger__lines:before, 
.site-head--dark .burger__lines:after {
  background-color: #fff;
}

/*
  Adjust button
  ---
*/

.site-head .button {
  float: right;
  margin: 24px 0 0 0;
}

/*
  logo
  ---
*/

.site-head__logo {
  float: left;
  margin-top: 30px;
  text-decoration: none;
}

/*
  IMG
  ...
*/

.site-head__logo img {
  display: block;
  border-radius: 0;
}

/*
  nav
  ---
*/

.site-head__nav {
  display: block;
}

/*
  list
  ...
*/

.site-head__nav__list {
  margin: 0;
}
.site-head__nav__list > li {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  line-height: 1;
}
.site-head__nav__list > li:after {
  display: none;
}
.site-head__nav__list > li > a {
  display: block;
  padding: 0 24px;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  color: #2A2A2C;
  transition: 150ms linear;
}
.site-head__nav__list > li > a > span {
  position: relative;
  display: block;
  padding: 40px 0 38px 0;
}

/* hover */

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

/* - active */

.site-head__nav__list > li.--active > a {
  color: #2A2A2C;
}

/*
  Line
*/

.site-head__nav__list > li > a > span:after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: transparent;
  transition: 150ms linear;
}

/* hover */

.site-head__nav__list > li:hover > a > span:after {
  background-color: #F05A23;
}

/* - active */

.site-head__nav__list > li.--active > a > span:after {
  background-color: #2A2A2C;
}

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

  /*
    - dark
    ...
  */

  .site-head--dark .site-head__nav__list > li > a {
    color: #fff;
  }

  /* hover */

  .site-head--dark .site-head__nav__list > li:hover > a {
    color: #F05A23;
  }

  /* - active */

  .site-head--dark .site-head__nav__list > li.--active > a > span:after {
    background-color: #F05A23;
  }

}

/*
  site-promo
  ***
*/

.site-promo {
  position: relative;
  padding: 72px 8.6% 72px 8.6%;
  background: #fff url('../img/shapes/05.svg') center bottom -1px no-repeat;
  background-size: calc(100% + 2px) auto;
  border-radius: 0 0 32px 32px;
}
.site-promo__inset {
  width: 100%;
  display: table;
}

/*
  - dark
  ---
*/

.site-promo--dark {
  background-image: url('../img/shapes/03.svg');
  background-color: #2A2A2C;
  color: #fff;
}

/*
  Adjust rating
  ---
*/

.site-promo .rating {
  margin-bottom: 18px;
}

/*
  Adjust form-inquiry
  ---
*/

.site-promo .form-inquiry {
  box-shadow: 0 8px 64px rgba(0, 0, 0, 0.32);
}

/*
  content
  ---
*/

.site-promo__content {
  width: 520px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 74px;
  padding-bottom: 64px;
}

/*
  - layout
  ...
*/

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

  .--layout-category .site-promo__content {
    vertical-align: top;
    padding-top: 34px;
  }

}

/*
  Adjust button
  ...
*/

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

/*
  media
  ---
*/

.site-promo__media {
  display: table-cell;
  vertical-align: middle;
  border-radius: 26px;
  text-decoration: none;
}

/*
  image
  ---
*/

.site-promo__image {
  display: block;
  margin: 0 auto;
  border-radius: 26px;
}

/*
  date
  ---
*/

.site-promo__date {
  display: block;
  margin-bottom: 17px;
  font-size: 14px;
  color: #B3B7B4;
}

/*
  title
  ---
*/

.site-promo__title {
  margin: 0;
}

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

  .site-promo__title {
    letter-spacing: -0.035em;
    font-size: 56px;
  }

}

/*
  - dark
  ...
*/

.site-promo--dark .site-promo__title {
  color: inherit;
}


/*
  excerpt
  ---
*/

.site-promo__excerpt {
  margin: 30px 0 0 0;
  line-height: 1.75;
  font-weight: 300;
  font-size: 16px;
}

/*
  note
  ---
*/

.site-promo__note {
  position: relative;
  margin: 66px -24px 0 0;
  padding-left: 50px;
  line-height: 1.7;
  font-weight: 300;
  font-size: 16px;
}

/*
  - dark
  ...
*/

.site-promo--dark .site-promo__note {
  color: #D6D4D0;
}

/*
  Adjust icon
  ...
*/

.site-promo__note .icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  fill: #F05A23;
}

/*
  link
  ---
*/

.site-promo__link {
  width: 345px;
  height: 95px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  margin: 0;
  background: url('../img/titles/02.svg') no-repeat;
  text-decoration: none;
  text-align: center;
  line-height: 1;
}

/*
  Adjust link
  ...
*/

.site-promo__link .link {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
}

/*
  site-message
  ***
*/

.site-message {
  max-width: 740px;
  margin: 0 auto;
  padding: 120px 24px 0 24px;
  text-align: center;
}

/*
  Adjust button
  ---
*/

.site-message .button {
  margin: 32px 8px 0 8px;
}

/*
  title
  ---
*/

.site-message__title {
  margin: 0;
}

/*
  excerpt
  ---
*/

.site-message__excerpt {
  margin: 24px 0 0 0;
  font-size: 17px;
}

/*
  site-foot
  ***
*/

.site-foot {
  margin: 160px 0 16px 0;
}
.site-foot__inset {
  padding: 102px 128px 100px 128px;
  clear: both;
  background: url('../img/shapes/01.svg') 104px top no-repeat, 
              url('../img/shapes/02.svg') 1169px 239px no-repeat;
  background-color: #2A2A2C;
  border-radius: 32px 0 32px 32px;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
}

/* links */

.site-foot a:hover {
  color: #fff;
}

/*
  title
  ---
*/

.site-foot__title {
  width: 346px;
  height: 36px;
  float: right;
  margin: 0;
  padding-top: 27px;
  background: url('../img/titles/03.svg') no-repeat;
  line-height: 1;
  text-align: center;
  font-size: 0;
}

/*
  Adjust link
  ...
*/

.site-foot__title .link {
  margin-left: 34px;
  color: #fff;
}

/*
  socials
  ---
*/

.site-foot__socials {
  margin: 0 65px 48px 0;
  text-align: center;
  font-size: 0;
}

/*
  Adjust icon
  ...
*/

.site-foot__socials .icon {
  margin: 0 8px;
}
.site-foot__socials .icon svg {
  fill: #858588;
  transition: 150ms linear;
}

/* hover */

.site-foot__socials .icon:hover svg {
  fill: #fff;
}

/*
  contacts
  ---
*/

.site-foot__contacts {
  position: relative;
  margin-right: 65px;
  padding-bottom: 109px;
  text-align: center;
}

/*
  Line
  ...
*/

.site-foot__contacts:after {
  content: '';
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 100px;
  background-color: #4C4C4E;
}

/*
  Adjust icon
  ...
*/

.site-foot__contacts .icon {
  width: 44px;
  height: 44px;
  margin: 0 50px;
  background-image: url('../img/icons/color/contacts.svg');
}

/*
  title
  ...
*/

.site-foot__contacts__title {
  margin: 0 0 27px 0;
}

/*
  LINK
  ...
*/

.site-foot__contacts a {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.03em;
  text-decoration: none;
  font-weight: 500;
  font-size: 48px;
  transition: 150ms linear;
}

/*
  about
  ---
*/

.site-foot__about {
  box-sizing: border-box;
  width: calc(100% - 630px);
  min-height: 88px;
  margin-top: 104px;
  padding: 4px 0 0 184px;
  background: url('../img/logotype/light-s.svg') no-repeat;
}

/*
  BOLD
  ...
*/

.site-foot__about b {
  display: block;
  margin: 6px 0 3px 0;
  line-height: inherit;
}

/*
  SMALL
  ...
*/

.site-foot__about small {
  font-weight: 300;
  font-size: 100%;
}

/*
  nav
  ---
*/

.site-foot__nav {
  box-sizing: border-box;
  width: 288px;
  float: right;
  margin: 113px 210px 0 0;
  font-size: 0;
}

/*
  - type-2
  ...
*/

.site-foot__nav--type-2 {
  margin-top: 74px;
  margin-bottom: 64px;
}

/*
  LINK
  ...
*/

.site-foot__nav a {
  box-sizing: border-box;
  width: 50%;
  display: inline-block;
  margin-bottom: 17px;
  line-height: 1.6;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  color: #fff;
  transition: 150ms linear;
}

/* hover */


.site-foot__nav a:hover {
  color: #F05A23;
}
.site-foot__nav a.--active {
  text-decoration: underline;
}

/*
  - type-2
  ...
*/

.site-foot__nav--type-2 a {
  width: auto;
  display: block;
  margin-bottom: 12px;
  font-weight: 300;
  font-size: 15px;
}
.site-foot__nav--type-2 a small {
  display: block;
  margin-top: 4px;
  opacity: 0.75;
}

/*
  separator
  ---
*/

.site-foot__separator {
  height: 1px;
  clear: both;
  margin: 78px 150px 0 0;
  background-color: #4C4C4E;
}

/*
  copy
  ---
*/

.site-foot__copy {
  float: left;
  margin: 42px 0 0 0;
  font-size: 14px;
  color: #929292;
}

/*
  LINK
  ---
*/

.site-foot__copy a {
  text-decoration: none;
  font-weight: 500;
  color: #fff;
}

/*
  IMG
  ...
*/

.site-foot__copy img {
  position: relative;
  bottom: -4px;
  margin-left: 4px;
  border-radius: 0;
}

/*
  cards
  ---

*/
.site-foot__cards {
  float: right;
  display: block;
  margin: 43px 245px 0 0;
  border-radius: 0;
  filter: grayscale(1);
}

/*
  links
  ---
*/

.site-foot__links {
  float: right;
  margin: 43px 260px 0 0;
  font-size: 0;
}

/*
  LINK
  ...
*/

.site-foot__links a {
  margin-left: 26px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  color: #929292;
}

/*
  Recaptcha
  ***
*/

.grecaptcha-badge { 
  visibility: hidden !important;
}