* {
  padding: 0px;
  margin: 0px;
}

@font-face {
  font-family: "lato-light";
  src: url("../fonts/lato/Lato-Light.ttf");
}

@font-face {
  font-family: "lato-regular";
  src: url("../fonts/lato/Lato-Regular.ttf");
}

.header {
  background: url("../img/fone_header.png") center center/cover no-repeat;
  min-height: 962px;
}

.hat {
  padding: 0 191px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 143px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hat > .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 490px;
}

.hat > .menu li {
  list-style-type: none;
}

.hat > .menu li > a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  font-weight: normal;
  font-family: "lato-light";
}

.header_content {
  max-width: 1136px;
  display: block;
  margin: 0 auto;
  margin-top: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.header_title {
  width: 619px;
}

.header_title > h1 {
  font-family: "lato-regular";
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  color: #FFFFFF;
}

.header_text {
  width: 546px;
  font-family: "lato-light";
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 22px;
}

.search_button > button {
  width: 171px;
  height: 58px;
  background: #1B7DFF;
  border: none;
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
}

.search_button > button:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 100px darkblue;
          box-shadow: 0 0 100px darkblue;
  width: 181px;
  height: 68px;
  background: blue;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.header_search {
  margin-top: 54px;
}

.header_search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 886px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header_point {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
}

.header_input {
  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: 22px;
  border-bottom: 2px solid #BFC0C5;
}

.header_input .input {
  margin-left: 23px;
}

.header_input .input > input {
  width: 226px;
  background: none;
  border: none;
  font-family: "lato-light";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}

.header_input .input > input::-webkit-input-placeholder {
  color: #FFFFFF;
}

.header_input .input > input:-ms-input-placeholder {
  color: #FFFFFF;
}

.header_input .input > input::-ms-input-placeholder {
  color: #FFFFFF;
}

.header_input .input > input::placeholder {
  color: #FFFFFF;
}

.header_input .input > input:focus {
  outline: 0;
}

.benefits {
  position: relative;
  top: -228px;
  max-width: 1262px;
  min-height: 655px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);
          box-shadow: 0px 2px 20px rgba(21, 24, 36, 0.15993);
  display: block;
  margin: 0 auto;
  padding-top: 93px;
}

.benefits_logo {
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
  color: #102746;
  margin-left: 99px;
}

.benefits_menu {
  margin: 120px auto;
  width: 1061px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benefits_title {
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  margin-top: 37px;
}

.benefits_descr {
  font-family: "lato-light";
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-top: 26px;
}

.benefits_link a {
  width: 161px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "lato-regular";
  font-size: 16px;
  line-height: 24px;
  color: #006DFE;
  text-decoration: none;
}

.benefits_link a:hover {
  color: blue;
  text-decoration: underline;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.benefits_link {
  margin-top: 39px;
}

.portfolio {
  width: 1262px;
  display: block;
  margin: -100px auto;
  min-height: 735px;
}

.portfolio_hat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.portfolio_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.view_all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.view_all .view_img {
  margin-left: 26px;
}

.view_text a {
  text-decoration: none;
  font-family: "lato-regular";
  font-size: 16px;
  line-height: 24px;
  color: #006DFE;
}

.view_text a:hover {
  color: blue;
  text-decoration: underline;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.portfolio_title h2 {
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
  color: #102746;
}

.portfolio_title hr {
  width: 253px;
  height: 2px;
  border: none;
  background: #006DFE;
  margin-top: 7px;
}

.galw {
  width: 594.5px;
  height: 327px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 32px;
  padding-bottom: 27px;
}

.galley_wrapper1 {
  width: 100%;
  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;
  margin-top: 36px;
}

.gallery_wrapper2 {
  width: 100%;
  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;
  margin-top: 10px;
}

.portfolio_gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery__item1 {
  background: url("../img/mount.png") center center/cover no-repeat;
}

.gallery__item2 {
  background: url("../img/kyoto.png") center center/cover no-repeat;
}

.gallery__item3 {
  width: 383px;
  height: 256px;
  background: url("../img/tokyo.png") center center/cover no-repeat;
}

.gallery__item4 {
  width: 383px;
  height: 256px;
  background: url("../img/niigata.png") center center/cover no-repeat;
}

.gallery__item5 {
  width: 383px;
  height: 256px;
  background: url("../img/sapporo.png") center center/cover no-repeat;
}

.gallery_title {
  font-family: "lato-regular";
  font-weight: bold;
  font-size: 50px;
  line-height: 60px;
  color: #FFFFFF;
}

.content {
  max-width: 1262px;
  display: block;
  margin: 192px auto;
}

.content_wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 55px;
}

.two .content_img {
  margin-left: 97px;
}

.one .content_img {
  margin-right: 97px;
}

.content_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.content_title {
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  color: #102746;
}

.content_descr {
  font-family: "lato-light";
  font-size: 16px;
  line-height: 24px;
  color: #102746;
  width: 519px;
  margin-top: 85px;
}

.content_view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 58px;
}

.content_arrow {
  margin-left: 26px;
}

.content_link a {
  font-family: "lato-light";
  font-size: 16px;
  line-height: 24px;
  color: #006DFE;
  text-decoration: none;
  cursor: none;
}

.content_link a:hover {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.offers {
  max-width: 1280px;
  display: block;
  margin: 0 auto;
}

.offers_menu {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.offers_header h2 {
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
  color: #102746;
}

.offers_header .offers_line > hr {
  background: #006DFE;
  border: none;
  height: 2px;
  width: 253px;
  margin-top: 7px;
}

.offers__item {
  margin-top: 54px;
}

.offers_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 386px;
  height: 377px;
}

.offers_social {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 25px;
  background: url("../img/social_bg.png") center center/cover no-repeat;
  height: 55px;
}

.social_title h2 {
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}

.social_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 14px;
}

.comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.count {
  font-family: "lato-regular";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.like_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
}

.comment_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment_img {
  margin-left: 9px;
}

.offers_descr {
  width: 391px;
  font-family: "lato-light";
  font-size: 16px;
  line-height: 24px;
  color: #102746;
  margin-top: 45px;
}

.offers_btn button {
  background: #006DFE;
  border: none;
  width: 118px;
  height: 42px;
  font-family: "lato-light";
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  margin-top: 31px;
}

.offers_btn button:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 100px darkblue;
          box-shadow: 0 0 100px darkblue;
  width: 128px;
  height: 52px;
  background: blue;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.offers_wrapper1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.offers_wrapper2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mod1 {
  background: url("../img/menuItem1.png") center center/cover no-repeat;
}

.mod2 {
  background: url("../img/menuItem2.png") center center/cover no-repeat;
}

.mod3 {
  background: url("../img/menuItem3.png") center center/cover no-repeat;
}

.mod4 {
  background: url("../img/menuItem4.png") center center/cover no-repeat;
}

.mod5 {
  background: url("../img/menuItem5.png") center center/cover no-repeat;
}

.mod6 {
  background: url("../img/menuItem6.png") center center/cover no-repeat;
}

.video {
  margin-top: 144px;
  min-height: 609px;
  background: url("../img/playFone.png") center center/cover no-repeat;
  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;
}

footer {
  max-width: 100%;
  min-height: 370px;
  background: #0E1D28;
  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: 0 194px;
}

.link_block {
  width: 552px;
  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;
}

.link__item {
  line-height: 25px;
}

.link__item .link > a {
  font-family: "lato-light";
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  text-decoration: none;
}

.link__item .link > a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: wheat;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.playBtn:hover {
  cursor: pointer;
}

@media screen and (max-width: 1400px) {
  .benefits {
    width: 992px;
  }
  .benefits_logo {
    text-align: center;
    margin: 0px;
  }
  .benefits_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 93px;
  }
  .benefits_descr {
    text-align: center;
  }
  .benefits_menu {
    width: 100%;
  }
  .benefits__item {
    display: block;
    margin: 0;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gallwr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gallery_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .galw {
    margin-top: 30px;
    width: 768px;
    height: 450px;
  }
  .portfolio {
    width: 992px;
  }
  .content {
    width: 992px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .one .content_img {
    margin: 0px;
  }
  .two .content_img {
    margin: 0px;
  }
  .content_text {
    margin-top: 50px;
  }
  .content_title h2 {
    text-align: center;
    line-height: 68px;
  }
  .content_descr {
    text-align: center;
  }
  .content_view {
    margin: 58px auto;
  }
  .content_img img {
    width: 800px;
    height: 450px;
  }
  .offers_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers {
    margin-top: -100px;
  }
  .offers_img {
    width: 800px;
    height: 450px;
  }
  .offers_descr {
    display: block;
    margin: 45px auto;
    text-align: center;
    font-size: 25px;
    line-height: 48px;
  }
  .offers_btn button {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 70px;
  }
  .offers_btn button:hover {
    width: 100%;
    height: 70px;
  }
  footer {
    padding: 0px 50px;
  }
  .content_descr {
    font-size: 25px;
    line-height: 40px;
  }
  .content_link a {
    font-size: 25px;
  }
  .content_arrow img {
    width: 53px;
  }
  .content_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_content {
    max-width: 992px;
  }
}

@media screen and (max-width: 992px) {
  .benefits {
    width: 768px;
  }
  .benefits_logo {
    text-align: center;
    margin: 0px;
  }
  .benefits_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 93px;
  }
  .benefits_descr {
    text-align: center;
  }
  .benefits_menu {
    width: 100%;
  }
  .benefits__item {
    display: block;
    margin: 0;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gallwr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gallery_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .galw {
    margin-top: 30px;
    width: 768px;
    height: 450px;
  }
  .portfolio {
    width: 768px;
  }
  .content {
    width: 768px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .one .content_img {
    margin: 0px;
  }
  .two .content_img {
    margin: 0px;
  }
  .content_text {
    margin-top: 50px;
  }
  .content_title h2 {
    text-align: center;
    line-height: 68px;
  }
  .content_descr {
    text-align: center;
  }
  .content_view {
    margin: 58px auto;
  }
  .content_img img {
    width: 768px;
    height: 450px;
  }
  .offers_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers {
    margin-top: -100px;
  }
  .offers_img {
    width: 768px;
    height: 450px;
  }
  .offers_descr {
    display: block;
    margin: 45px auto;
    text-align: center;
    font-size: 25px;
    line-height: 48px;
  }
  .offers_btn button {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 70px;
  }
  .offers_btn button:hover {
    width: 100%;
    height: 70px;
  }
  footer {
    padding: 0px 50px;
  }
  .content_descr {
    font-size: 25px;
    line-height: 40px;
  }
  .content_link a {
    font-size: 25px;
  }
  .content_arrow img {
    width: 53px;
  }
  .content_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_content {
    max-width: 768px;
  }
  .header_search form {
    width: 273px;
    display: block;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_search {
    width: 100%;
  }
  .header_input {
    margin-top: 15px;
  }
  .search_button {
    margin-top: 15px;
  }
  .benefits {
    top: -150px;
  }
  .header_title {
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .header_text {
    text-align: center;
    margin: 22px auto;
    font-size: 20px;
  }
  .hat {
    padding: 0 10px;
  }
}

@media screen and (max-width: 800px) {
  .benefits {
    width: 576px;
  }
  .benefits_logo {
    text-align: center;
    margin: 0px;
  }
  .benefits_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 93px;
  }
  .benefits_descr {
    text-align: center;
  }
  .benefits_menu {
    width: 100%;
  }
  .benefits__item {
    display: block;
    margin: 0;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gallwr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gallery_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .portfolio {
    width: 576px;
  }
  .content_wrapper {
    width: 100%;
  }
  .content_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .one .content_img {
    margin: 0px;
  }
  .two .content_img {
    margin: 0px;
  }
  .content_text {
    margin-top: 50px;
  }
  .content_title h2 {
    text-align: center;
    line-height: 68px;
  }
  .content_descr {
    text-align: center;
  }
  .content_view {
    margin: 58px auto;
  }
  .content_img img {
    width: 100%;
    height: 450px;
  }
  .offers_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers {
    margin-top: -100px;
  }
  .offers_img {
    width: 576px;
    height: 450px;
  }
  .offers_descr {
    display: block;
    margin: 45px auto;
    text-align: center;
    font-size: 25px;
    line-height: 48px;
  }
  .offers_btn button {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 70px;
  }
  .offers_btn button:hover {
    width: 100%;
    height: 70px;
  }
  footer {
    padding: 0px 50px;
  }
  .content_descr {
    font-size: 25px;
    line-height: 40px;
  }
  .content_link a {
    font-size: 25px;
  }
  .content_arrow img {
    width: 53px;
  }
  .content_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_content {
    max-width: 576px;
  }
  .header_search form {
    width: 273px;
    display: block;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_search {
    width: 100%;
  }
  .header_input {
    margin-top: 15px;
  }
  .search_button {
    margin-top: 15px;
  }
  .benefits {
    top: -150px;
  }
  .header_title {
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .header_text {
    text-align: center;
    margin: 22px auto;
    font-size: 20px;
  }
  .hat {
    padding: 0 10px;
  }
  .galw {
    max-width: 576px;
    padding: 0px;
    padding-bottom: 27px;
  }
  .content_img img {
    width: 576px;
  }
  .portfolio_hat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .portfolio_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .view_all {
    margin-top: 10px;
  }
  .content_wrapper {
    width: 576px;
    margin: 0 auto;
  }
  footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 260px;
    padding: 20px 0px;
  }
  .content {
    width: 576px;
  }
  .header_title {
    width: 576px;
  }
}

@media screen and (max-width: 576px) {
  .benefits {
    width: 100%;
  }
  .benefits_logo {
    text-align: center;
    margin: 0px;
  }
  .benefits_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 93px;
  }
  .benefits_descr {
    text-align: center;
  }
  .benefits_menu {
    width: 100%;
  }
  .benefits__item {
    display: block;
    margin: 0;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gallwr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gallery_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .portfolio {
    width: 100%;
  }
  .content_wrapper {
    width: 100%;
  }
  .content_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .one .content_img {
    margin: 0px;
  }
  .two .content_img {
    margin: 0px;
  }
  .content_text {
    margin-top: 50px;
  }
  .content_title h2 {
    text-align: center;
    line-height: 68px;
  }
  .content_descr {
    text-align: center;
  }
  .content_view {
    margin: 58px auto;
  }
  .content_img img {
    width: 100%;
    height: 450px;
  }
  .offers_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers_wrapper2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offers {
    margin-top: -100px;
  }
  .offers_img {
    width: 100%;
    height: 450px;
  }
  .offers_descr {
    display: block;
    margin: 45px auto;
    text-align: center;
    font-size: 25px;
    line-height: 48px;
  }
  .offers_btn button {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 70px;
  }
  .offers_btn button:hover {
    width: 100%;
    height: 70px;
  }
  footer {
    padding: 0px 50px;
  }
  .content_descr {
    font-size: 25px;
    line-height: 40px;
  }
  .content_link a {
    font-size: 25px;
  }
  .content_arrow img {
    width: 53px;
  }
  .content_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_content {
    max-width: 100%;
  }
  .header_search form {
    width: 273px;
    display: block;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_search {
    width: 100%;
  }
  .header_input {
    margin-top: 15px;
  }
  .search_button {
    margin-top: 15px;
  }
  .benefits {
    top: 0px;
  }
  .header_title {
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .header_text {
    text-align: center;
    margin: 22px auto;
    font-size: 20px;
  }
  .hat {
    padding: 0 10px;
  }
  .galw {
    max-width: 100%;
    padding: 0px;
    padding-bottom: 27px;
  }
  .content_img img {
    width: 100%;
  }
  .portfolio_hat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .portfolio_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .view_all {
    margin-top: 10px;
  }
  .content_wrapper {
    width: 100%;
    margin: 0 auto;
  }
  footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 260px;
    padding: 20px 0px;
  }
  .content {
    width: 100%;
  }
  .header_title {
    width: 320px;
  }
  .link_block {
    width: 100%;
  }
  .hat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 100px;
  }
  .logo {
    margin-top: 75px;
  }
  .header_title > h1 {
    font-size: 35px;
  }
  .header_text {
    width: 100%;
  }
  .menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu li {
    margin-top: 10px;
  }
  .portfolio_title h2 {
    font-size: 25px;
  }
  .content_img {
    width: 100%;
  }
  .content_descr {
    width: 100%;
  }
  .offers__item {
    width: 100%;
  }
  .gallery_title h2 {
    font-size: 40px;
  }
  .content_link a {
    font-size: 23px;
  }
  .offers_header h2 {
    font-size: 23px;
  }
  .offers_descr {
    width: 100%;
  }
  .hat > .menu ul {
    width: 100%;
    margin-top: 20px;
  }
  h1 {
    margin-top: -50px;
  }
  .hat > .menu ul a {
    font-size: 25px;
  }
  .benefits_logo {
    margin-bottom: -150px;
  }
  .benefits_logo h2 {
    line-height: 68px;
  }
  .content_title h2 {
    font-size: 30px;
    line-height: 48px;
  }
  .content_title {
    display: block;
    margin: 0 auto;
  }
  .content_link a {
    font-size: 20px;
  }
  .video {
    min-height: 400px;
  }
}
/*# sourceMappingURL=style.css.map */