* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}

html {
  scroll-behavior: smooth;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus::placeholder {
  color: transparent;
}

.lato-thin {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: italic;
}

.centr {
  width: 100%;
  padding-left: calc(50% - 555px);
  padding-right: calc(50% - 555px);
}

.header {
  width: 100%;
  height: 782px;
  background-image: url("../images/header_bg_img.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header__rectangle {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(213, 32, 71, 0.8), rgba(238, 61, 27, 0.8) 100%);
  padding-top: 17px;
}
.header__navbar {
  /* margin-top: 17px; */
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header__title {
  /* Coworking */
  margin-top: 140px;
  width: 100%;
  height: 86px;
  color: rgb(255, 255, 255);
  font-family: "Lato";
  font-size: 72px;
  font-weight: 700;
  line-height: 86px;
  letter-spacing: 5%;
  text-align: center;
  text-transform: uppercase;
}
.header__text {
  color: rgb(255, 255, 255);
  font-family: "Lato";
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  /* Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius voluptatibus aperiam maiores id, incidunt repellendus mollitia */
  width: 540px;
  height: 124px;
  margin: 39px auto 0px auto;
}
.header__button {
  /* Rectangle 6 */
  display: block;
  width: 160px;
  height: 50px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  color: rgb(237, 76, 92);
  font-family: "Lato";
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  margin: 39px auto 0px auto;
}
.header__button:hover {
  cursor: pointer;
  background: transparent;
  color: rgb(255, 255, 255);
}

.navbar__dashiconsCloud {
  /* margin-left: 165px; */
  width: 64px;
  height: 64px;
  padding: 12.8px 6.4px 12.8px 3.2px;
}
.navbar__logo {
  width: 54.4px;
  height: 38.4px;
}
.navbar__menuBox {
  margin-left: 172px;
  width: 268px;
  height: 17px;
  display: flex;
  justify-content: space-between;
}

.menuBox__link {
  color: rgb(255, 255, 255);
  font-family: "Lato";
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  text-decoration: none;
}
.menuBox__link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.main {
  width: 100%;
}
.main__briffing {
  height: 500px;
  display: flex;
  justify-content: flex-start;
}
.main__features {
  height: 660px;
  background: rgb(250, 250, 250);
  padding-top: 63px;
}
.main__caffe {
  /* Bg */
  width: 100%;
  height: 500px;
  background: rgb(237, 76, 92);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main__contacts {
  /* Bg */
  width: 1440px;
  height: 500px;
  padding-top: 117px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.briffing__textBox {
  /* Left Text */
  width: 445px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /* margin-left: 165px; */
  margin-top: 125px;
}
.briffing__title {
  /* Lorem ipsum dolor sit amet, consectetur */
  width: 445px;
  height: 107px;
  color: rgb(0, 0, 0);
  font-family: "Lato";
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
  letter-spacing: 0%;
  text-align: left;
}
.briffing__text {
  /* Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo maiores accusamus dolorum maxime, quasi quis ab cum voluptatibus quo eveniet qui reprehenderit nesciunt dolor sed porro molestias. A officia et laboriosam, tenetur adipisci ex fugit consequatur quo ab corrupti vel */
  width: 445px;
  height: 85px;
  color: rgb(0, 0, 0);
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 24px;
}
.briffing__link {
  /* Learn More */
  height: 20px;
  color: rgb(237, 76, 92);
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
.briffing__link:hover {
  text-decoration: underline;
}
.briffing__img {
  /* Video_bg */
  width: 445px;
  height: 311px;
  margin-left: 125px;
  margin-top: 95px;
}

.features__title {
  /* Features */
  width: 1110px;
  height: 55px;
  color: rgb(0, 0, 0);
  font-family: "Lato";
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
  text-align: center;
}
.features__articleBox {
  display: flex;
  width: 1110px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 63px;
}

.articleBox__article {
  width: 350px;
  height: 448px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgb(255, 255, 255);
}
.articleBox__content {
  width: 302.22px;
  height: 140px;
  margin-top: 33px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.articleBox__title {
  /* Supports All Currencies and Cards */
  width: 100%;
  height: 40px;
  color: rgb(16, 16, 16);
  font-family: "Lato";
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: center;
}
.articleBox__text {
  /* Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo maiores accusamus */
  width: 273.55px;
  height: 57px;
  color: rgb(16, 16, 16);
  font-family: "Lato";
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  margin-top: 20px;
}
.articleBox__link {
  /* Read More */
  width: 302.22px;
  height: 18px;
  color: rgb(237, 76, 92);
  font-family: "Lato";
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
}
.articleBox__link:hover {
  text-decoration: underline;
}

.caffe__textBox {
  /* Left Text */
  width: 445px;
  height: 214px;
}
.caffe__title {
  /* Stay focused on saving money */
  width: 445px;
  height: 86px;
  color: rgb(255, 255, 255);
  font-family: "Lato";
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
  text-align: left;
}
.caffe__text {
  /* Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis ullam quia cumque, ipsa beatae voluptates dolore accusantium iure consequuntur, rem deleniti repudiandae quae necessitatibus recusandae earum provident alias quo reprehenderit! Itaque qui exercitationem */
  width: 445px;
  height: 83px;
  color: rgb(255, 255, 255);
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-align: justify;
  margin-top: 45px;
}
.caffe__img {
  margin-left: 125px;
}

.contacts__contentBox {
  /* Left Text */
  width: 434px;
  height: 160px;
  display: flex;
  flex-direction: column;
  gap: 53px;
}
.contacts__title {
  /* Contact */
  width: 126px;
  height: 43px;
  color: rgb(0, 0, 0);
  font-family: "Lato";
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
  text-align: left;
}
.contacts__text {
  /* Questions or concerns? Just fill out the form below and our support team will get back to you within 24 hours */
  width: 434px;
  height: 64px;
  color: rgb(0, 0, 0);
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-align: justify;
}
.contacts__form {
  display: flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /* Right Field */
  width: 540px;
  height: 305px;
  margin-left: 125px;
}
.contacts__nameBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 540px;
}
.contacts__firstName {
  /* First Name */
  width: 255px;
  height: 60px;
  padding-left: 31px;
  border-radius: 6px;
  border: 0.5px solid rgba(19, 39, 67, 0.5);
  color: rgba(19, 39, 67, 0.5);
  font-family: "Lato";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.contacts__firstName:focus {
  outline: none;
}
.contacts__lastName {
  /* Last Name */
  width: 255px;
  height: 60px;
  padding-left: 31px;
  border-radius: 6px;
  border: 0.5px solid rgba(19, 39, 67, 0.5);
  color: rgba(19, 39, 67, 0.5);
  font-family: "Lato";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.contacts__lastName:focus {
  outline: none;
}
.contacts__phone {
  /* Phone Number */
  width: 540px;
  height: 60px;
  border-radius: 6px;
  border: 0.5px solid rgba(19, 39, 67, 0.5);
  margin: 24px 0px;
  padding-left: 31px;
  color: rgba(19, 39, 67, 0.5);
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.contacts__phone:focus {
  outline: none;
}
.contacts__select {
  /* Select Service */
  width: 540px;
  height: 60px;
  border-radius: 6px;
  border: 0.5px solid rgba(19, 39, 67, 0.5);
  padding-left: 31px;
  padding-right: 26px;
  color: rgba(19, 39, 67, 0.5);
  font-family: "Lato";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../images/select_elem.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 26px top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.contacts__select:hover {
  cursor: pointer;
}
.contacts__select:focus {
  outline: none;
}
.contacts__button {
  margin-top: 27px;
  /* Rectangle 2 */
  width: 160px;
  height: 50px;
  box-sizing: border-box;
  border: 1.5px solid rgb(237, 76, 92);
  border-radius: 6px;
  background: rgb(237, 76, 92);
  color: rgb(255, 255, 255);
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-transform: uppercase;
}
.contacts__button:hover {
  background: rgb(255, 255, 255);
  color: rgb(237, 76, 92);
  cursor: pointer;
}

.footer {
  /* Bg */
  width: 100%;
  height: 110px;
  padding-left: 163px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: rgb(250, 250, 250);
}
.footer__text {
  color: rgb(16, 16, 16);
  font-family: "Lato";
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}/*# sourceMappingURL=style.css.map */