html {
  box-sizing: border-box;
}

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

@font-face {
  font-family: "Muller";
  src: local("Muller-Regular"),
      url(../fonts/MullerRegular.woff2) format("woff2"),
      url(../fonts/MullerRegular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: local("Muller-Bold"),
      url(../fonts/MullerBold.woff2) format("woff2"),
      url(../fonts/MullerBold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Muller";
  src: local("Muller-Medium"),
      url(../fonts/MullerMedium.woff2) format("woff2"),
      url(../fonts/MullerMedium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

img {
  max-width: 100%;
}

body {
  min-width: 1200px;
  font-family: 'Muller', sans-serif;
  background: #f1f1f1;
  /* В случае необходимости убрать данный бэкграунд */
}

button {
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 0;
  cursor: pointer;
}

.container {
  width: 1170px;
  margin: 0 auto;
}

.flex {
  display: flex;
}

/* header */
.header-block {
  align-items: center;
}

.header-logo {
  margin-right: 40px;
  padding-top: 37px;
  padding-bottom: 30px;
}

.header-phone {
  margin: 0;
  margin-right: auto;
  color: #666;
}

.img-vector {
  background-image: url("../img/vector.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  color: #CC9933;
}

.personal-aria {
  padding-left: 30px;
  min-width: 126px;
  height: 16px;
}

.header-border {
  align-items: center;
  width: 1170px;
  height: 70px;
  border: 1px solid grey;
  border-radius: 15px;
  padding: 14px 0px 14px 0;
  margin-bottom: 70px;
  background-color: #ffffff;
}

.header-nav {
  margin-right: 114px;
}

.header-list {
  margin: 0;
  list-style: none;
}

.nav-list {
  margin: 0;
  padding-right: 45px;
  font-size: 16px;
  line-height: 16px;
  color: #666;
}

.nav-list-last {
  margin: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 16px;
  color: #666;
}

.header-btn {
  align-items: center;
}

.btn-tour {
  min-width: 110px;
  font-size: 16px;
  line-height: 16px;
  margin-right: 40px;
  padding: 13px 20px;
  border: 1px solid #CC9933;
  border-radius: 10px;
  background-color: #ffffff;
  color: #CC9933;
}

.btn-call {
  min-width: 177px;
  font-size: 16px;
  line-height: 16px;
  margin-right: 45px;
  padding: 13px 20px;
  border: 1px solid #CC9933;
  border-radius: 10px;
  background-color: #ffffff;
  color: #CC9933;
}

/* Спецпредложения */
.spec-h2 {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 40px;
  font-size: 40px;
  line-height: 40px;
  color: #333;
}

.spec-block {
  flex-wrap: wrap;
}

.spec-block-1 {
  flex-direction: column;
  margin-bottom: 70px;
}

.spec-h3 {
  max-width: 420px;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  margin-bottom: 15px;
  color: #ffffff;
}

.spec-h3-big {
  max-width: 299px;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  margin: 212px 229px 15px 45px;
  color: #ffffff;
}

.spec-price {
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 47px;
  color: #ffffff;
}

.spec-price-big {
  display: block;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  margin: 0 386px 47px 45px;
  color: #ffffff;
}

.spec-price-vector {
  background-image: url("../img/rectangle.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.spec-price-more {
  margin: 0 441px 40px 0;
  padding-right: 20px;
  font-size: 16px;
  line-height: 16px;
  color: #f0bf5f;;
}

.spec-price-more-big {
  margin: 0 441px 40px 45px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 16px;
  color: #f0bf5f;;
}

.spec-border1 {
  background-image: url("../img/specfoto-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 573px;
  min-height: 258px;
  border: 1px solid grey;
  border-radius: 15px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding: 40px 108px 40px 45px;
}

.spec-border2 {
  background-image: url("../img/specfoto-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 573px;
  min-height: 258px;
  border: 1px solid grey;
  border-radius: 15px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding: 40px 108px 40px 45px;
}

.spec-border-big {
  background-image: url("../img/specfoto-3.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 573px;
  min-height: 540px;
  border: 1px solid grey;
  border-radius: 15px;
  margin: 0;
  margin-bottom: 94px;
}

/* О нас */
.about-us-h1 {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 40px;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  color: #333;
}

.about-us {
  width: 888px;
  height: 192px;
  margin-bottom: 70px;
}

.about-us-p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: #000;
}

/* Услуги */
.services {
  list-style: none;
  padding: 0;
  margin-bottom: 70px;
}

.services-block1 {
  background-image: url("../img/serv1.png");
  background: cover;
  background-repeat: no-repeat;
  width: 573px;
  min-height: 165px;
}

.services-block1-text {
  padding: 191px 126px 35px 45px;
}

.services-block2 {
  background-image: url("../img/serv2.png");
  background: cover;
  background-repeat: no-repeat;
  width: 573px;
  min-height: 165px;
}

.services-block2-text {
  padding: 191px 126px 35px 45px;
}

.services-block3 {
  background-image: url("../img/serv3.png");
  background: cover;
  background-repeat: no-repeat;
  width: 573px;
  min-height: 165px;
}

.services-block3-text {
  padding: 191px 126px 35px 45px;
}

.services-block4 {
  background-image: url("../img/serv4.png");
  background: cover;
  background-repeat: no-repeat;
  width: 573px;
  min-height: 165px;
}

.services-block4-text {
  padding: 191px 126px 35px 45px;
}

.services-h2 {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 40px;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
}

.services-h3 {
  margin: 0;
}

.services-p {
  margin: 0;
  min-width: 402px;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: #000;
}

.services-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.services-border {
  border: 1px solid grey;
  border-radius: 15px;
  width: 573px;
  min-height: 330px;
  margin-right: 24px;
  margin-bottom: 24px;
}

.services-border:nth-child(2n) {
  margin-right: 0;
}

.services-link {
  background-image: url("../img/rectangle.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 200%;
  color: #CC9933;
}

/* преимущества */
.advantage-h2 {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 40px;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  color: #333;
}

.advantage-block {
  margin-bottom: 70px;
}

.advantage-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.advantage-border {
  border: 1px solid grey;
  border-radius: 15px;
  width: 276px;
  min-height: 276px;
  margin-right: 22px;
  margin-bottom: 22px;
}

.advantage-border:nth-child(4n) {
  margin-right: 0;
}

.advantage-list-1 {
  background-image: url("../img/benefits-1.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

.advantage-list-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  padding: 116px 42px 32px 45px;
  color: #000;
}

.advantage-list-2 {
  background-image: url("../img/benefits-2.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

.advantage-list-3 {
  background-image: url("../img/benefits-3.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

.advantage-list-4 {
  background-image: url("../img/benefits-4.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

.advantage-list-5 {
  background-image: url("../img/benefits-5.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

.advantage-list-6 {
  background-image: url("../img/benefits-6.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

.advantage-list-7 {
  background-image: url("../img/benefits-7.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

.advantage-list-8 {
  background-image: url("../img/benefits-8.svg");
  background-repeat: no-repeat;
  background-position: 40px 45px;
}

/* Размещение */
.hotels-h2 {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 40px;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  color: #333;
}

.hotels-h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  margin: 0;
  margin-bottom: 16px;
}

.hotels-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  margin-bottom: 70px;
  padding: 0;
}

.hotels-border {
  border: 1px solid grey;
  border-radius: 15px;
  width: 374px;
  min-height: 440px;
  margin-right: 24px;
  margin-bottom: 24px;
}

.hotels-border:nth-child(3n) {
  margin-right: 0;
}

.hotels-img {
  margin-bottom: 32px;
}

.hotels-text-card {
  padding: 0 46px 46px 45px;
}

.hotels-list-card {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
  justify-content: space-between;
}

.hotels-night {
  max-width: 170px;
}

.hotels-row-price {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #999999;
}

.hotels-price {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #000;
}

.hotels-price-night {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #000;
}

.hotels-spain {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 16px;
  color: #999999;
}

.rooms {
  border: 1px solid #CC9933;
  border-radius: 10px;
  background-color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #CC9933;
  padding: 13px 20px
}

.last-boarder {
  Display: flex;
  Align-items: flex-end;
  Justify-content: center;
  background-image: url("../img/lagoona-more.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 374px;
  min-height: 440px;
  padding-bottom: 27px;
}

.all-rooms {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #ffffff;
  padding-right: 20px;
}

.rooms-vector {
  align-items: center;
}

/* Хочу тур */
.tour {
  border: 1px solid #e9e9e9;
  border-radius: 15px;
  width: 1170px;
  height: 256px;
  background: #e5e5e5;
  margin-bottom: 70px;
}

.h2-tour {
  margin: 0;
  margin-top: 45px;
  margin-bottom: 20px;
  margin-left: 40px;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
}

.form {
  display: flex;
  border-radius: 15px;
  margin-right: 45px;
  margin-bottom: 45px;
  margin-left: 45px;
  padding-top: 31px;
  padding-bottom: 28px;
  padding-left: 32px;
  background: #ffffff;
}

.tour-span-1 {
  display: flex;
  flex-direction: column;
  width: 169px;
  height: 43px;
  font-size: 12px;
  line-height: 12px;
  margin-right: 41px;
  color: #000;
}

.tour-city {
  padding-bottom: 15px;
}

.tour-span-2 {
  display: flex;
  flex-direction: column;
  width: 169px;
  height: 43px;
  font-size: 12px;
  line-height: 12px;
  margin-right: 41px;
  color: #000;
}

.tour-country {
  padding-bottom: 15px;
}

.tour-span-3 {
  display: flex;
  flex-direction: column;
  width: 121px;
  height: 43px;
  font-size: 12px;
  line-height: 12px;
  margin-right: 41px;
  color: #000;
}

.tour-arrival {
  padding-bottom: 15px;
}

.tour-span-4 {
  display: flex;
  flex-direction: column;
  width: 121px;
  height: 43px;
  font-size: 12px;
  line-height: 12px;
  margin-right: 41px;
  color: #000;
}

.tour-night {
  padding-bottom: 15px;
}

.tour-span-5 {
  display: flex;
  flex-direction: column;
  width: 121px;
  height: 43px;
  font-size: 12px;
  line-height: 12px;
  margin-right: 41px;
  color: #000;
}

.tour-tourist {
  padding-bottom: 15px;
}

.tour-btn {
  align-items: center;
  border: 1px solid #cc9933;
  border-radius: 10px;
  font-size: 16px;
  line-height: 16px;
  padding: 13px 30px;
  color: #cc9933;
}

/* Контакты */
.contacts-h2 {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 40px;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  color: #333;
}

.contacts-block {
  border: 1px solid #ffffff;
  border-radius: 15px;
  width: 1170px;
  min-height: 618px;
  margin: 0;
  padding: 45px;
  margin-bottom: 40px;
  background: #ffffff;
}

.contacts-block-left {
  width: 375px;
  margin-right: 52px;
}

.contacts-list-border-1 {
  flex-wrap: nowrap;
  min-height: 72px;
  margin: 0;
  margin-bottom: 23px;
  border-bottom: 1px solid #e9e9e9;
}

.contacts-list-border-2 {
  flex-wrap: nowrap;
  min-height: 72px;
  margin: 0;
  margin-bottom: 23px;
  border-bottom: 1px solid #e9e9e9;
}

.contacts-list-border-3 {
  flex-wrap: nowrap;
  min-height: 122px;
  margin: 0;
  margin-bottom: 23px;
  border-bottom: 1px solid #e9e9e9;
}

.contacts-list-border-4 {
  flex-wrap: nowrap;
  min-height: 72px;
  margin: 0;
  margin-bottom: 23px;
  border-bottom: 1px solid #e9e9e9;
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

.contacts-list {
  margin: 0;
  margin-bottom: 45px;
}

.contacts-h3-address {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding-right: 83px;
  padding-bottom: 51px;
  color: #000;
}

.contacts-h3-tel {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding-right: 45px;
  padding-bottom: 51px;
  color: #000;
}

.contacts-h3-email {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding-right: 93px;
  padding-bottom: 51px;
  color: #000;
}

.contacts-h3-schedule {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding-right: 74px;
  padding-bottom: 51px;
  color: #000;
}

.contacts-address {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  padding-bottom: 23px;
  color: #000;
}

.contacts-tel {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  padding-bottom: 23px;
  color: #cc9933;
}

.paragraph-reset {
  margin: 0;
}

.contacts-email {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  padding-bottom: 23px;
  color: #cc9933;
}

.contacts-bookin {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  padding-bottom: 23px;
  color: #999999;
}

.contacts-schedule {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  padding-bottom: 23px;
  color: #000;
}

.contacts-btn {
  border: 1px solid #cc9933;
  border-radius: 10px;
  font-size: 16px;
  line-height: 16px;
  padding: 27px 29px;
  color: #cc9933;
}

.contacts-img {
  align-items: center;
  border-radius: 10px;
  min-width: 653px;
  min-height: 528px;
  background-image: url("../img/Layer.png");
  background-size: cover;
  margin-left: auto;
}

/* footer */
.footer-container {
  display: flex;
  padding: 45px;
  background: #333333;
  border-radius: 15px;
  background-image: url(../img/footer.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-position-x: 739px;
}

.footer-left {
  width: 375px;
  margin: 0 52px 0 0;
}

.footer-center {
  width: 375px;
  margin: 0 auto 0 0;
}

.footer-white-text {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 190%;
  color: #FFFFFF;
}

.footer-orange-text {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #CC9933;
}

.footer-left-space {
  margin: 0 0 40px;
}

.footer-center-space {
  margin: 0 0 15px;
}

.footer-right-space {
  margin: 0 0 20px;
}

.footer-right {
  display: flex;
  flex-direction: column;
}