@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,700");
.mt-small {
  margin-top: 25px;
}

.mr-med {
  margin-right: 50px;
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
* {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-decoration: none;
  line-height: 100%;
  border: none;
  box-sizing: border-box;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1000px) {
  .container {
    max-width: calc(100vw - 50px);
  }
}

.page-header {
  background: #fff;
  color: #0D5DA5;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.page-header::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
  display: block;
  z-index: 2;
}

#home {
  margin-top: 140px;
}
@media (max-width: 1000px) {
  #home {
    margin-top: 100px;
  }
}

.page-header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  display: inline-block;
  margin: 15px 0;
  width: 146px;
  height: 110px;
  background: url("/img/logo.png") no-repeat left center;
  background-size: contain;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
}
@media (max-width: 1000px) {
  .logo {
    height: 70px;
  }
}

.page-nav {
  list-style: none;
}
@media (max-width: 1000px) {
  .page-nav {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
  }
}

.page-header__menu-toggle {
  display: none;
}
@media (max-width: 1000px) {
  .page-header__menu-toggle {
    color: rgba(0, 0, 0, 0);
    height: 50px;
    width: 50px;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    display: block;
    position: absolute;
    background-image: url('data:image/svg+xml;utf8,	    <svg fill="rgba(13, 93, 165)" viewBox="0 0 92.833 92.833" xmlns="http://www.w3.org/2000/svg">	      <path d="M89.834,1.75H3c-1.654,0-3,1.346-3,3v13.334c0,1.654,1.346,3,3,3h86.833c1.653,0,3-1.346,3-3V4.75 C92.834,3.096,91.488,1.75,89.834,1.75z"/>	      <path d="M89.834,36.75H3c-1.654,0-3,1.346-3,3v13.334c0,1.654,1.346,3,3,3h86.833c1.653,0,3-1.346,3-3V39.75 C92.834,38.096,91.488,36.75,89.834,36.75z"/>	      <path d="M89.834,71.75H3c-1.654,0-3,1.346-3,3v13.334c0,1.654,1.346,3,3,3h86.833c1.653,0,3-1.346,3-3V74.75 C92.834,73.095,91.488,71.75,89.834,71.75z"/>	    </svg>	  ');
    background-size: 27px auto;
    background-position: right center;
    background-repeat: no-repeat;
  }
}

.page-nav__item {
  display: inline-block;
}
@media (max-width: 1000px) {
  .page-nav__item {
    display: block;
  }
}

.page-nav__link {
  display: block;
  padding: 15px 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.banner {
  background-size: cover;
  background-position: center;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url("/img/banner2.png") no-repeat center;
  background-size: cover;
  position: relative;
  color: #fff;
}
.banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.banner__title {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
}

.banner__subtitle {
  position: relative;
  font-size: 28px;
}

.triplets {
  max-width: 940px;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  .triplets {
    align-items: stretch;
  }
}

.triplets__item {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.8) 0 0 1px;
  flex: 1;
  margin: 0 15px;
  padding: 0 0 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  border-radius: 17px;
  transition: transform 0.3s;
}
.triplets__item:nth-child(2) {
  bottom: 14px;
}
.triplets__item:hover {
  transform: translateY(-20px);
}
@media (max-width: 750px) {
  .triplets__item {
    min-width: 220px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 50px;
    justify-content: start;
  }
  .triplets__item:nth-child(2) {
    bottom: 0;
  }
  .triplets__item:hover {
    transform: none;
  }
}
@media (max-width: 500px) {
  .triplets__item {
    min-width: calc(100vw - 30px);
  }
}

.triplets__title {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  background: #1AAD8B;
  color: #fff;
  position: relative;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  padding: 40px 20px 10px;
}
.triplets__title::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-color: inherit;
  border-top: 1px solid #fff;
  background-image: url('data:image/svg+xml;utf8,      <svg fill="rgb(255,255,255)" viewBox="0 0 489.183 489.183" xmlns="http://www.w3.org/2000/svg">        <path d="M425.054,220.813l-23.9-32.7c-1.5-2.1-1.6-5-0.1-7.1l23.4-33c2.1-3,1.1-7.2-2.1-8.9l-35.7-19.1c-2.3-1.2-3.6-3.8-3.1-6.4l6.7-39.9c0.6-3.6-2.1-7-5.8-7.1l-40.4-1.7c-2.6-0.1-4.9-1.9-5.6-4.4l-11.2-39c-1-3.5-4.9-5.4-8.3-3.9l-37.2,16c-2.4,1-5.2,0.4-7-1.5l-27-30.1c-2.5-2.7-6.7-2.7-9.2,0.1l-26.6,30.5c-1.7,2-4.5,2.6-6.9,1.6l-37.4-15.4c-3.4-1.4-7.2,0.5-8.2,4l-10.7,39c-0.7,2.5-2.9,4.3-5.5,4.5l-40.4,2.3c-3.7,0.2-6.3,3.6-5.7,7.2l7.3,39.8c0.5,2.6-0.8,5.2-3,6.4l-35.4,19.6c-3.2,1.8-4.1,6-2,8.9l23.9,32.7c1.5,2.1,1.6,5,0.1,7.1l-23.4,33c-2.1,3-1.1,7.2,2.1,8.9l35.7,19.1c2.3,1.2,3.6,3.8,3.1,6.4l-6.7,39.9c-0.6,3.6,2.1,7,5.8,7.1l40.4,1.7c2.6,0.1,4.9,1.9,5.6,4.4l11.3,38.9c1,3.5,4.9,5.4,8.3,3.9l37.2-16c2.4-1,5.2-0.4,7,1.5l27,30.1c2.5,2.7,6.7,2.7,9.2-0.1l26.6-30.5c1.7-2,4.5-2.6,6.9-1.6l37.4,15.4c3.4,1.4,7.2-0.5,8.2-4l10.7-39c0.7-2.5,2.9-4.3,5.5-4.5l40.4-2.3c3.7-0.2,6.3-3.6,5.7-7.2l-7.3-39.8c-0.5-2.6,0.8-5.2,3-6.4l35.4-19.6C426.354,228.013,427.254,223.813,425.054,220.813z M244.654,295.513c-60.5,0-109.8-49.3-109.8-109.8s49.3-109.8,109.8-109.8s109.8,49.3,109.8,109.8C354.454,246.313,305.154,295.513,244.654,295.513z"/>        <path d="M343.554,366.513c-5.8,5.9-13.9,9.4-22.6,9.4c-3.1,0-6.2-0.5-9.1-1.3l-25.8-7.8l-19.9,18.2c-0.7,0.6-1.3,1.2-2,1.7l32,99.2c1.1,3.5,5.6,4.3,7.9,1.4l23.3-29.9c1.1-1.5,3.1-2.1,4.8-1.6l36.3,10.6c3.5,1,6.7-2.3,5.6-5.7L343.554,366.513z"/>        <path d="M203.354,366.813l-25.8,7.8c-3,0.9-6,1.3-9.1,1.3c-8.7,0-16.7-3.5-22.6-9.4l-30.5,94.3c-1.1,3.5,2.1,6.7,5.6,5.7l36.3-10.6c1.8-0.5,3.7,0.1,4.8,1.6l23.3,29.9c2.2,2.9,6.8,2.1,7.9-1.4l32-99.2c-0.7-0.5-1.4-1.1-2-1.7L203.354,366.813z"/>        <path d="M309.754,158.413l-41.4-3l-15.6-38.4c-2.9-7.2-13.2-7.2-16.1,0l-15.6,38.4l-41.4,3c-7.8,0.6-10.9,10.3-5,15.3l31.7,26.8l-9.9,40.3c-1.9,7.6,6.4,13.6,13,9.5l35.2-21.9l35.2,21.9c6.6,4.1,14.9-1.9,13-9.5l-9.9-40.3l31.7-26.8C320.654,168.713,317.554,159.013,309.754,158.413z"/>      </svg>    ');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-20px);
}

.triplets__text {
  margin: 20px;
  line-height: 1.4em;
}

.triplets__btn {
  background: #0D5DA5;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  font-weight: 700;
  color: #fff;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.home__boxes {
  position: relative;
  margin-top: -80px;
}

.products {
  padding-top: 70px;
}
@media (max-width: 750px) {
  .products {
    padding-top: 30px;
  }
}

.tabs-app-nav {
  position: relative;
  z-index: 1;
  position: relative;
  user-select: none;
}
.tabs-app-nav::before, .tabs-app-nav::after {
  content: "<";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 45px;
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  width: 50px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
  z-index: 1;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
  cursor: pointer;
}
.tabs-app-nav::after {
  content: ">";
  left: auto;
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
.tabs-app-nav.no-left-btn::before {
  display: none;
}
.tabs-app-nav.no-right-btn::after {
  display: none;
}

.tabs-app-nav__list {
  list-style: none;
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  flex-wrap: nowrap;
  scroll-snap-type: x mandatory;
  padding: 0 2px;
}

.tabs-app-nav__item {
  flex: 1;
  flex-shrink: 0;
  position: relative;
  margin-right: 3px;
  scroll-snap-align: start;
}

.tabs-app-nav__item--active {
  font-weight: 700;
}
.tabs-app-nav__item--active::after {
  background-image: url('data:image/svg+xml;utf8,      <svg preserveAspectRatio="none" fill="rgba(26, 173, 139)" viewBox="0 0 200 10" xmlns="http://www.w3.org/2000/svg">        <path d="M0 0 L200 0 L100 10 Z" />      </svg>    ');
  height: 10px;
  width: 100%;
  display: block;
  content: "";
  top: 100%;
  left: 0;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 10px;
}

.tabs-app-nav__link {
  display: block;
  min-width: 200px;
  padding: 0 10px;
  line-height: 1.4em;
  height: 45px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  background: #46BDAA;
  color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.tabs-app-nav__item--active .tabs-app-nav__link {
  background: #1AAD8B;
}

.tabs-app-tab {
  margin-top: -10px;
  background: #eee;
}

.tabs-app-tab__header {
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  padding: 80px 50px;
  position: relative;
  color: #fff;
}
.tabs-app-tab__header::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 650px) {
  .tabs-app-tab__header {
    display: block;
  }
}

.tabs-app-tab__logo {
  flex-shrink: 0;
  width: 250px;
  margin-top: 10px;
  position: relative;
}

.tabs-app-tab__desc {
  margin-left: 40px;
  position: relative;
}
@media (max-width: 650px) {
  .tabs-app-tab__desc {
    margin-left: 0;
    margin-top: 30px;
  }
}

.tabs-app-tab__title {
  font-size: 46px;
  font-weight: 700;
  margin-bottom: 15px;
}

.tabs-app-tab__desc-text {
  line-height: 1.5em;
}

.tabs-app-tab__content {
  padding: 20px;
}

.items-grid {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}

.items-grid--8 .items-grid__item {
  width: calc((100% - 140px) / 8);
  margin: 0 20px 20px 0;
}
.items-grid--8 .items-grid__item:nth-child(8n) {
  margin: 0;
}
@media (max-width: 1000px) {
  .items-grid--8 .items-grid__item {
    min-width: 120px;
  }
  .items-grid--8 .items-grid__item:nth-child(n) {
    margin: 10px;
  }
}

@media (max-width: 1000px) {
  .items-grid--8 {
    justify-content: center;
  }
}

.items-grid--6 .items-grid__item {
  width: calc((100% - 100px) / 6);
  margin: 0 20px 20px 0;
}
.items-grid--6 .items-grid__item:nth-child(6n) {
  margin: 0;
}
@media (max-width: 800px) and (min-width: 581px) {
  .items-grid--6 .items-grid__item {
    width: calc((100% - 60px) / 4);
    margin: 0 20px 20px 0;
  }
  .items-grid--6 .items-grid__item:nth-child(6n) {
    margin: 0 20px 20px 0;
  }
  .items-grid--6 .items-grid__item:nth-child(4n) {
    margin: 0;
  }
}
@media (max-width: 580px) {
  .items-grid--6 .items-grid__item {
    width: calc((100% - 20px) / 2);
    margin: 0 20px 20px 0;
  }
  .items-grid--6 .items-grid__item:nth-child(6n) {
    margin: 0 20px 20px 0;
  }
  .items-grid--6 .items-grid__item:nth-child(2n) {
    margin: 0;
  }
}

.items-grid--4 .items-grid__item {
  width: calc((100% - 65px) / 4);
  margin: 0 20px 20px 0;
}
.items-grid--4 .items-grid__item:nth-child(4n) {
  margin: 0;
}

.items-grid__item-link {
  display: block;
  height: 0;
  padding: 125% 0 0;
  background: #ccc;
  overflow: hidden;
  position: relative;
}

.items-grid__item-img, .items-grid__item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.items-grid__item-content {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 8px;
  height: auto;
  overflow: hidden;
  top: auto;
  bottom: 0;
  text-align: center;
  font-size: 14px;
}
.items-grid__item-content strong {
  display: block;
  font-weight: 700;
  margin-bottom: 3px;
  line-height: 1.2;
}

.title {
  display: block;
  font-weight: 700;
  font-size: 20px;
  margin: 10px 0 15px;
}

.title--2 {
  font-size: 44px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000e6;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: appear 0.4s ease-in-out;
  display: none;
}

.modal__container {
  width: 800px;
  max-width: calc(100vw - 30px);
  max-height: 85vh;
  background: #fff;
  border-radius: 7px;
  overflow-y: auto;
  padding: 20px;
  position: relative;
}

.modal__close-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  color: rgba(0, 0, 0, 0);
}
.modal__close-btn::after {
  content: "×";
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-align: center;
  color: #000;
  width: 100%;
  line-height: 50px;
}

.modal__title {
  font-size: 20px;
  font-weight: 700;
}

.modal__subtitle {
  margin: 5px 0;
}

.product-details {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .product-details {
    display: block;
  }
}

.product-details__image {
  width: 30%;
}
@media (max-width: 600px) {
  .product-details__image {
    width: 100%;
    height: 220px;
    display: block;
    object-fit: cover;
  }
}

.product-details__container {
  width: 70%;
  margin-left: 20px;
}
@media (max-width: 600px) {
  .product-details__container {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }
}

.product-details__description {
  line-height: 1.4em;
}

.property-list {
  margin-top: 20px;
  column-count: 2;
}
.property-list strong {
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 6px;
  background: gold;
  display: inline-block;
}
.property-list p, .property-list ul {
  margin: 10px 0;
  display: block;
  line-height: 1.4em;
}
.property-list ul {
  list-style-position: inside;
}
.property-list ul li {
  line-height: 1.4em;
}

@media (max-width: 600px) {
  .product-details__container .property-list {
    column-count: 1;
  }
}
.sr-only {
  position: fixed;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}

.certifications__header {
  padding-top: 200px;
  padding-left: 440px;
  position: relative;
  padding-bottom: 40px;
  padding-right: 20px;
}
.certifications__header::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 400px;
  height: 400px;
  display: block;
  background-image: url("/img/img-1.png");
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}
@media (max-width: 800px) {
  .certifications__header {
    padding: 70px 30px 30px;
  }
  .certifications__header::before {
    background: none;
    display: none;
  }
}

.paragraph {
  line-height: 1.4em;
}

.certifications .items-grid {
  border-top: 1px solid #e9e9e9;
  background: #eee;
  padding: 50px 30px;
}
@media (max-width: 600px) {
  .certifications .items-grid {
    padding: 30px 0;
  }
}

.contact {
  display: flex;
  overflow: hidden;
  background: #555;
}
@media (max-width: 900px) {
  .contact {
    display: block;
  }
}

.contact__frame {
  flex: 1;
  height: 667px;
  overflow: hidden;
  border: none;
  position: relative;
  box-shadow: #000 0 0 20px;
}
@media (max-width: 1200px) {
  .contact__frame {
    height: 661px;
  }
}
@media (max-width: 1110px) {
  .contact__frame {
    height: 686px;
  }
}
@media (max-width: 1100px) {
  .contact__frame {
    height: 713px;
  }
}
@media (max-width: 950px) {
  .contact__frame {
    height: 733px;
  }
}
@media (max-width: 900px) {
  .contact__frame {
    width: 100%;
    height: 630px;
  }
}
@media (max-width: 804px) {
  .contact__frame {
    height: 661px;
  }
}
@media (max-width: 710px) {
  .contact__frame {
    height: 686px;
  }
}
@media (max-width: 700px) {
  .contact__frame {
    height: 710px;
  }
}
@media (max-width: 555px) {
  .contact__frame {
    height: 734px;
  }
}
@media (max-width: 460px) {
  .contact__frame {
    height: 762px;
  }
}
@media (max-width: 385px) {
  .contact__frame {
    height: 787px;
  }
}
@media (max-height: 340px) {
  .contact__frame {
    height: 812px;
  }
}

.contact-form__result {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 75, 32, 0.95);
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: 20px;
  text-align: center;
}
.contact-form__result b {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  display: block;
}
.contact-form__result button {
  padding: 15px 10px;
  color: #014b20;
  background: #fff;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  display: block;
  width: 100%;
  border-radius: 62px;
  font-weight: bold;
}
.contact-form__result p {
  padding: 6px 0;
  font-size: 16px;
}
.contact-form__result p::before {
  content: "* ";
}

.contact__map {
  width: 400px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .contact__map {
    width: 100%;
    height: 300px;
  }
}

.contact-form {
  background: #555;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  color: #fff;
}

.contact-form__header {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .contact-form__header {
    display: block;
  }
  .contact-form__header .mr-med {
    margin-right: 0 !important;
  }
}

.contact-form__form {
  display: flex;
  flex-direction: column;
}

.contact-form__field {
  color: #4d4d4d;
  display: block;
  width: 100%;
  font: inherit;
  padding: 0 20px;
  height: 47px;
  line-height: 47px;
  background: #ddd;
  margin-top: 20px;
  outline: none;
  border-radius: 25px;
  border: 2px solid #ccc;
}

.contact-form__textarea {
  height: 150px;
  resize: none;
}

.contact-form__btn {
  background: #0E8CCC;
  color: #fff;
  font-weight: 700;
  font-size: 19px;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
}

.contact-form__footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
}

.contact-link {
  display: block;
  text-align: right;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 700;
}
.contact-link > small {
  font-size: 14px;
}

.page-footer {
  background: #333;
  color: #fff;
  font-size: 16px;
}
.page-footer .container {
  padding: 40px 20px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
@media (max-width: 740px) {
  .page-footer .container {
    display: block;
    text-align: center;
  }
  .page-footer .container .logo {
    background-position: center;
  }
}
.page-footer strong {
  font-weight: 700;
}
.page-footer .logo {
  filter: brightness(10) saturate(0);
}

.page-footer__products {
  column-count: 2;
  list-style: none;
  margin-top: 5px;
}

@media (max-width: 740px) {
  .page-footer__products-wrapper {
    display: none;
  }
}

.page-footer__product {
  line-height: 1.4em;
}

.page-footer__contact-info {
  text-align: right;
  line-height: 1.4em;
  max-width: 300px;
}
@media (max-width: 740px) {
  .page-footer__contact-info {
    margin: 0 auto;
    text-align: center;
  }
}

.page-footer__copyright {
  text-align: center;
  padding: 20px 0;
  background-color: #222;
}

.vcard {
  margin-top: 140px;
  padding: 60px 0;
  background: url("/img/banner2.png") no-repeat center;
  background-size: cover;
}
@media (max-width: 1000px) {
  .vcard {
    margin-top: 100px;
  }
}

.vcard__container {
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 40px;
  width: 650px;
  max-width: calc(100vw - 28px);
  margin: 0 auto;
  background: #fcfdfd;
  display: flex;
  position: relative;
}

.vcard__picture {
  width: 187.5px;
  height: 250px;
  object-fit: cover;
}

.vcard__infos {
  padding: 20px 15px;
  line-height: 1.5em;
  flex: 1;
}
.vcard__infos h1 {
  font-weight: bold;
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid;
  font-size: 22px;
}
.vcard__infos dt {
  position: fixed;
  top: -9999px;
  left: -9999px;
}
.vcard__infos dd {
  line-height: 1.3;
}

.vcard__button {
  position: absolute;
  bottom: 0;
  right: 0;
  border-top-left-radius: 40px;
  background: #0D5DA5;
  color: #fff;
  padding: 15px 15px 15px 20px;
}

.button {
  background: #0D5DA5;
  color: #fff;
  padding: 15px 20px;
  cursor: pointer;
  border-radius: 40px;
  display: inline-block;
}

/*# sourceMappingURL=layout.css.map */