@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*::after,
*::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

a {
  text-decoration: none;
  color: inherit; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  line-height: 32px;
  font-weight: 500; }

.container-sm {
  max-width: 1245px;
  padding: 0 10px;
  margin: 0 auto; }

.container-lg {
  max-width: 1420px;
  margin: 0 auto; }

.header {
  background-image: url(../img/header-bg.jpg);
  background-repeat: no-repeat;
  height: auto;
  padding: 30px 0 45px;
  background-size: cover; }
  .header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff; }
  .header__menu {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header__menu-item + .header__menu-item {
    margin-left: 35px; }
  .header__menu-item {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s; }
  .header__menu-item:hover {
    background-color: #fff;
    color: #000;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: -10px; }
  .header__menu-link {
    letter-spacing: 2.4px;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 400; }
  .header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff; }
  .header__info {
    max-width: 414px; }
  .header__title {
    font-weight: 900;
    font-size: 53px;
    line-height: 84px;
    letter-spacing: 7.64px;
    color: #D7B9E4; }
  .header__text {
    font-weight: 500;
    font-size: 21px;
    line-height: 37px; }
  .header__btn {
    background: transparent;
    border: 0;
    cursor: pointer;
    -webkit-transition: -webkit-transform .4s ease 0s;
    transition: -webkit-transform .4s ease 0s;
    transition: transform .4s ease 0s;
    transition: transform .4s ease 0s, -webkit-transform .4s ease 0s; }
    .header__btn:hover {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.title {
  font-weight: 900;
  font-size: 53px;
  line-height: 84px;
  letter-spacing: 7.64px;
  text-transform: uppercase; }

.news {
  background-color: #F4C3CC;
  padding: 92px 0 102px;
  color: #000; }
  .news__slider {
    position: relative; }
  .news__slider-slide {
    max-width: 390px;
    margin: 0 10px; }
  .news__slider-image {
    margin-bottom: 30px; }
  .news__slider-mark {
    background-color: #fff;
    color: #EF3340;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 2.08px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 7px 15px 8px;
    display: inline-block;
    margin-bottom: 22px; }
  .news__slider-title {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 4.16px;
    text-transform: uppercase;
    margin-bottom: 18px; }
  .news__slider-link {
    position: relative;
    -webkit-transition: color,font-size .3s ease 0s;
    transition: color,font-size .3s ease 0s; }
    .news__slider-link::after {
      content: '';
      position: absolute;
      background-image: url(../img/border-bottom.svg);
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      top: 100%;
      left: 0; }
    .news__slider-link:hover {
      color: #ff0000;
      font-size: 16px; }
  .news .slick-list {
    overflow: hidden;
    margin: 0 95px; }

/*--------------------------------------------------СТИЛИЗАЦИЯ SLICK SLIDER`A--------------------------------------------------*/
.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.slick-arrow {
  position: absolute;
  top: 25%;
  z-index: 10;
  font-size: 0; }

.prev, .next {
  background-color: #fff;
  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;
  cursor: pointer; }

.prev {
  left: 0;
  border-top-right-radius: 54px;
  border-bottom-right-radius: 54px;
  padding: 26px 17px 26px 3px; }

.next {
  right: 0;
  border-top-left-radius: 54px;
  border-bottom-left-radius: 54px;
  padding: 26px 3px 26px 17px; }

/*-----------------------------------------------------------------------------------------------------------------------------*/
.work {
  padding: 100px 0 88px 0; }
  .work__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .work__title {
    margin: 0 0 144px 40px;
    text-transform: uppercase; }
  .work__image {
    margin: 0 0 69px 40px; }
  .work__subtitle {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 4.8px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 115px; }

.link {
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 2.4px;
  text-transform: uppercase; }

.retreat {
  color: #000;
  background-color: #D7B9E4;
  padding: 99px 0; }
  .retreat__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .retreat__info {
    padding-left: 90px; }
  .retreat__title {
    font-size: 44px;
    line-height: 70px;
    font-size: 700;
    letter-spacing: 5.12px;
    text-transform: uppercase;
    margin-bottom: 9px; }
  .retreat__text {
    font-weight: 500;
    font-size: 21px;
    line-height: 33px;
    font-weight: 500;
    letter-spacing: 0.21px;
    margin-bottom: 25px; }
  .retreat__link {
    color: #fff;
    padding: 15px 40px;
    background-color: #E16BA9;
    border-radius: 50px; }
    .retreat__link:hover {
      background-color: #fff;
      color: #000;
      padding: 15px 40px; }

.line {
  vertical-align: middle;
  background-color: #7BA4DB;
  min-height: 69px; }
  .line span {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 2.24px;
    text-transform: uppercase;
    font-weight: 400;
    color: #171C8F;
    margin: 0 40px; }

.around {
  text-align: center;
  color: #000;
  padding: 95px 0 47px; }
  .around__text {
    font-size: 18px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 0.21px; }
  .around__slider {
    position: relative;
    padding: 0 -10px; }
  .around__slide {
    margin: 0 10px; }
  .around .slick-arrow {
    top: 35%; }
  .around .slick-list {
    overflow: hidden; }

.footer {
  background-color: #477A7B;
  padding: 45px 120px 25px;
  color: #fff; }
  .footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 46px; }
  .footer__top-title {
    font-size: 27px;
    line-height: 35px;
    letter-spacing: 4.32px;
    text-transform: uppercase;
    margin-bottom: 13px; }
  .footer__top-text {
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0.21px;
    font-weight: 400; }
  .footer__top-btn {
    color: #477A7B;
    padding: 17px 20px;
    background-color: #fff;
    border-radius: 45px;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 2.4px;
    text-transform: uppercase; }
    .footer__top-btn:hover {
      color: #fff;
      background-color: #E16BA9; }
  .footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 68px 0 38px;
    border-top: 1px solid #91AFB0;
    border-bottom: 1px solid #91AFB0; }
  .footer__content-logo {
    -ms-flex-item-align: center;
        align-self: center; }
  .footer__content-menu {
    list-style: none; }
  .footer__content-item + .footer__content-item {
    margin-top: 24px; }
  .footer__content-link {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 2.4px;
    text-transform: uppercase; }
  .footer__content-rights {
    max-width: 278px;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.19px;
    font-weight: 400;
    -ms-flex-item-align: center;
        align-self: center; }
  .footer__bottom-link:not(:last-child) {
    border-right: 1px solid #91AFB0;
    padding: 0 15px; }
  .footer__bottom-link, .footer__bottom span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.98px;
    text-transform: uppercase; }
    .footer__bottom-link:nth-child(1), .footer__bottom span:nth-child(1) {
      font-weight: 700; }
    .footer__bottom-link:last-child, .footer__bottom span:last-child {
      margin-left: 15px; }
  .footer__bottom-text {
    display: block; }