button.button:disabled {
  opacity: 0.7;
  cursor: initial;
}

.button.w-arrow {
  position: relative;
  border: unset !important;
  min-width: 220px !important;
  margin-right: 62px;
  font-family: "Cardo" !important;
  text-transform: initial !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  padding-top: 15px !important;
  padding-bottom: 21px !important;
  line-height: 1;
}
.button.w-arrow:before {
  content: " ";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAABHNCSVQICAgIfAhkiAAAAKRJREFUKJG106EKAkEQxvFv7wEU5dBgECw2X9d86ZqvYLEJinDhiiBosFqsf4NzMMXbUXDi8v3Y3dlZAVvgBIwVqELSU9JK0g6YZAVQAi3vaoFpFDWGzsAsgkYOXX5F8yg6GroBiwgaOHQHlhE0BPaGrt168QmklB6SDp2P7FCFj+TC+UsDtQv3t9WF82/gwvnRADbh4QPWFm6Asjds4KsP9P96AQv1/JuKCYb0AAAAAElFTkSuQmCC);
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  right: -38px;
  top: 17px;
  width: 10px;
  height: 18px;
  z-index: 9;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.button.w-arrow:after {
  content: " ";
  font-size: 20px;
  position: absolute;
  right: -62px;
  top: 0;
  width: 62px;
  height: 100%;
  color: inherit;
  background: inherit;
}
.button.w-arrow.clay:after {
  background: #926753;
  color: black;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.container-sm {
  width: 95%;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
}

.cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
.cols .col {
  padding: 0;
}
@media screen and (max-width: 650px) {
  .cols {
    grid-template-columns: unset;
    gap: 30px;
  }
}

.counter-cols {
  color: #FFFBF9;
}
.counter-cols .counter-col {
  text-align: center;
}
.counter-cols .counter-col .number {
  font-weight: 400;
  font-size: 80px;
  line-height: 1;
  margin-bottom: 10px;
}
.counter-cols .counter-col .info {
  font-weight: 400;
  font-size: 22px;
  font-style: italic;
}
@media screen and (max-width: 850px) {
  .counter-cols .counter-col .number {
    font-size: 60px;
  }
  .counter-cols .counter-col .info {
    font-size: 20px;
  }
}
@media screen and (max-width: 450px) {
  .counter-cols .counter-col .number {
    font-size: 45px;
  }
  .counter-cols .counter-col .info {
    font-size: 18px;
  }
}

.icons-cols {
  max-width: 1100px;
  gap: 60px;
}
.icons-cols .icon-col .icon-wrapper {
  height: 90px;
}
.icons-cols .icon-col .title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1;
  color: #000000;
  margin-bottom: 20px;
}
.icons-cols .icon-col .description {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  font-style: italic;
  color: #000000;
}
@media screen and (max-width: 650px) {
  .icons-cols .icon-col {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .icons-cols .icon-col .title {
    font-size: 45px;
  }
  .icons-cols .icon-col .description {
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (max-width: 850px) {
  .icons-cols {
    gap: 40px;
    max-width: 95%;
  }
  .icons-cols .icon-col .title {
    font-size: 50px;
  }
  .icons-cols .icon-col .description {
    font-size: 18px;
    line-height: 30px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 650px) {
  .icons-cols {
    flex-direction: column;
  }
}

section.title-with-content--section {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  padding-bottom: 90px;
  padding-top: 80px;
}
section.title-with-content--section h1 {
  text-align: center;
  font-weight: 300;
  font-size: 45px;
  line-height: 60px;
  font-style: italic;
  color: #000000;
  margin-bottom: 30px;
  font-family: "Cardo";
}
section.title-with-content--section p {
  font-size: 18px;
  line-height: 31px;
}
section.title-with-content--section p:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 650px) {
  section.title-with-content--section {
    padding-bottom: 60px;
    padding-top: 70px;
  }
  section.title-with-content--section h1 {
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 20px;
  }
  section.title-with-content--section h1 span {
    display: block;
  }
  section.title-with-content--section p {
    font-size: 16px;
    line-height: 27px;
  }
  section.title-with-content--section p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 450px) {
  section.title-with-content--section {
    padding: 40px 30px 50px;
  }
  section.title-with-content--section h1 {
    font-size: 30px;
    line-height: 40px;
  }
  section.title-with-content--section .container-sm {
    width: 100%;
  }
}

section.featured-image-with-captions--section {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  aspect-ratio: 2.8;
  width: 100%;
  min-height: 270px;
  background-size: cover;
  background-position: center;
}
section.featured-image-with-captions--section .caption {
  position: absolute;
  right: 42px;
  bottom: 30px;
  margin-bottom: 0;
  letter-spacing: 2.38px;
  font-weight: 400;
  color: #393939;
  font-family: "proxima-nova", sans-serif;
  display: inline-block !important;
}
@media screen and (max-width: 650px) {
  section.featured-image-with-captions--section label.caption {
    font-size: 12px;
    right: 20px;
    bottom: 10px;
  }
}
@media screen and (max-width: 450px) {
  section.featured-image-with-captions--section label.caption {
    font-size: 10px;
  }
}

section.title-with-cols--section {
  text-align: center;
  background: #2A2A2A;
  color: white;
  padding-top: 51px;
  padding-bottom: 90px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
section.title-with-cols--section h2 {
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 18px;
}
@media screen and (max-width: 650px) {
  section.title-with-cols--section {
    padding-top: 35px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 450px) {
  section.title-with-cols--section {
    padding-bottom: 40px;
  }
  section.title-with-cols--section h2 {
    font-size: 28px;
  }
}

section.disclaimer-with-button--section {
  background: #F9F8F6;
  text-align: center;
  padding-top: 73px;
  padding-bottom: 80px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
section.disclaimer-with-button--section h3 {
  font-size: 30px;
  font-style: italic;
  line-height: 48px;
  color: #000000;
  margin-bottom: 48px;
  font-weight: 400;
}
@media screen and (max-width: 650px) {
  section.disclaimer-with-button--section {
    padding-top: 51px;
    padding-bottom: 50px;
  }
  section.disclaimer-with-button--section h3 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 450px) {
  section.disclaimer-with-button--section {
    padding-top: 40px;
    padding-bottom: 39px;
    padding-left: 30px;
    padding-right: 30px;
  }
  section.disclaimer-with-button--section h3 {
    font-size: 22px;
    line-height: 37px;
  }
  section.disclaimer-with-button--section .container-sm {
    width: 100%;
  }
}

section.columns-sections {
  text-align: center;
  padding-top: 68px;
  padding-bottom: 60px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
@media screen and (max-width: 650px) {
  section.columns-sections {
    padding-top: 50px;
    padding-bottom: 42px;
  }
}
@media screen and (max-width: 450px) {
  section.columns-sections {
    padding-left: 20px;
    padding-right: 20px;
  }
}

section.featured--section {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  background: #F9F8F6;
  padding-top: 61px;
  padding-bottom: 70px;
}
section.featured--section .container {
  padding: 0;
  display: flex;
  width: 100%;
  gap: 59px;
  align-items: center;
}
section.featured--section .container h3 {
  font-weight: 400;
  font-size: 23px;
  font-style: italic;
  color: #282828;
  max-width: 192px;
  line-height: 28px;
}
section.featured--section .container .logos-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 43px;
}
@media screen and (max-width: 960px) {
  section.featured--section {
    padding-top: 40px;
    padding-bottom: 49px;
  }
  section.featured--section .container {
    gap: 30px;
    flex-direction: column;
  }
  section.featured--section .container h3 {
    max-width: 100%;
  }
  section.featured--section .container .logos-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px 40px;
  }
}

section.client-reviews--section {
  padding-top: 84px;
  padding-bottom: 100px;
  text-align: center;
  background: #F8F3F0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
section.client-reviews--section h2 {
  font-weight: 400;
  font-size: 40px;
  font-style: italic;
  color: #282828;
  line-height: 1.2;
  margin-bottom: 70px;
}
section.client-reviews--section .reviews-cols {
  display: flex;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  max-width: 1400px;
}
section.client-reviews--section .reviews-cols .review-col:first-child {
  padding-right: 35px;
  width: 43%;
  border-right: 2px solid;
}
section.client-reviews--section .reviews-cols .review-col:last-child {
  padding-left: 60px;
  width: 50.8%;
}
section.client-reviews--section .reviews-cols .review-col .review {
  font-size: 30px;
  color: #2A2A2A;
  font-weight: 400;
  line-height: 44px;
  margin-bottom: 20px;
}
section.client-reviews--section .reviews-cols .review-col .author {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 30px;
  color: #282828;
}
@media screen and (max-width: 850px) {
  section.client-reviews--section .reviews-cols .review-col:first-child {
    padding-right: 20px;
  }
  section.client-reviews--section .reviews-cols .review-col:last-child {
    padding-left: 40px;
  }
  section.client-reviews--section .reviews-cols .review-col .review {
    font-size: 25px;
    line-height: 35px;
  }
}
@media screen and (max-width: 850px) {
  section.client-reviews--section {
    padding-bottom: 60px;
    padding-top: 40px;
  }
  section.client-reviews--section h2 {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 650px) {
  section.client-reviews--section {
    padding-bottom: 40px;
  }
  section.client-reviews--section .reviews-cols {
    flex-direction: column;
    gap: 35px;
  }
  section.client-reviews--section .reviews-cols .review-col {
    width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  section.client-reviews--section .reviews-cols .review-col:first-child {
    border-bottom: 1px solid;
    padding-bottom: 25px !important;
  }
}
@media screen and (max-width: 450px) {
  section.client-reviews--section h2 {
    font-size: 32px;
  }
  section.client-reviews--section .reviews-cols .review-col .review {
    font-size: 22px;
    line-height: 32px;
  }
}

section.readership--section {
  text-align: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  padding-top: 66px;
  padding-bottom: 80px;
}
section.readership--section h2 {
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0;
  color: #2A2A2A;
  margin-bottom: 36px;
}
section.readership--section .counter-cols {
  color: #2A2A2A;
  margin-bottom: 50px;
}
section.readership--section .readership-info {
  text-align: left;
}
section.readership--section .readership-info:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 850px) {
  section.readership--section {
    padding: 30px 20px 40px;
  }
}

.modal--updated {
  z-index: 9999999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  overflow: auto;
}
.modal--updated.visible {
  display: flex;
}
.modal--updated .modal-wrapper {
  margin: auto;
  width: 95%;
  max-width: 660px;
  background-size: cover;
  background-position: center;
  background-color: #F8F4F1;
  text-align: center;
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 90px;
  padding-bottom: 90px;
  color: #2A2A2A;
  position: relative;
}
.modal--updated .modal-close {
  position: absolute;
  top: 10px;
  color: #2A2A2A;
  right: 20px;
  font-size: 32px;
  line-height: 1;
  font-weight: 300;
}
.modal--updated.modal--large .modal-wrapper {
  max-width: 1092px;
}

.forgot-password-modal {
  z-index: 9999999;
}
.forgot-password-modal form {
  max-width: 334px;
  margin-left: auto;
  margin-right: auto;
}
.forgot-password-modal h2 {
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 30px;
  font-family: "Cardo", serif;
}
.forgot-password-modal p {
  margin-bottom: 30px;
  font-family: "Cardo";
  font-size: 18px;
  line-height: 1.5;
  color: rgb(42, 42, 42);
  font-weight: 400;
}
.forgot-password-modal input[type=email] {
  width: 100%;
  background: white;
  font-size: 13px;
  letter-spacing: 2.59px;
  min-height: 43px;
  color: rgb(42, 42, 42);
}
.forgot-password-modal input[type=email]::placeholder {
  letter-spacing: 2.59px;
  color: rgb(42, 42, 42);
}
.forgot-password-modal [type=submit] {
  width: 100%;
  height: 50px;
  margin-top: 22px;
  letter-spacing: 1.6px;
}
.forgot-password-modal label.response-message {
  font-size: 10px;
  color: #007000;
}
.forgot-password-modal label.response-message.response-error {
  color: red;
}

.modal--updated.newsletter-modal .modal-wrapper {
  padding: 107.5px 40px 38.5px;
  color: white;
}
.modal--updated.newsletter-modal .modal-wrapper h1 {
  font-family: "Cardo";
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  text-align: center;
  line-height: 42px;
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter-form-wrapper {
  width: 100%;
  max-width: 344px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter-form-wrapper .newsletter-form--info {
  font-family: "Cardo";
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 6px;
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter-form-wrapper form {
  padding-bottom: 77px !important;
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter-form-wrapper form [name=email] {
  background: white;
  width: 100%;
  margin-bottom: 24px;
  color: rgb(42, 42, 42);
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.59px;
  padding: 13.5px;
  padding-left: 17px;
  padding-top: 14px;
  text-align: left;
  color: rgb(42, 42, 42);
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter-form-wrapper form [name=email]::placeholder {
  color: rgb(42, 42, 42);
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter-form-wrapper form input[type=submit] {
  background: #C5937C;
  color: white;
  width: 100%;
  border: unset;
  padding-top: 18.5px;
  padding-bottom: 18.5px;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-align: center;
  text-transform: uppercase;
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter--bottom-wrapper {
  text-align: center;
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter--bottom-wrapper > img {
  display: inline-block;
}
.modal--updated.newsletter-modal .modal-wrapper .newsletter--bottom-wrapper .newsletter-disclaimer {
  display: block;
  margin-top: 64px;
  font-size: 12px;
  color: rgb(198, 198, 198);
  margin-bottom: 0;
}
@media screen and (max-width: 650px) {
  .modal--updated.newsletter-modal .modal-wrapper {
    width: 100%;
    min-height: 100vh;
  }
}

.account #main.create-portfolio--new {
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media screen and (max-width: 1100px) {
  .account #main.create-portfolio--new {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}

/*# sourceMappingURL=style-modern.css.map */