/* SM-THEME COLORS */
:root {
  --hint-text: #d4d4d4;
  --hint-text-dark: #939393;
  --hint-text-light: #ededed;
  --text: #313131;
  --text-dark: #000;
  --separator: --hint-text-light;
  --green: rgba(118, 227, 185, 1);
  --yellow: rgba(255, 226, 94, 1);
  --blue: rgba(152, 222, 235, 1);
  --red: rgba(255, 185, 150, 1);
  --black: var(--black);
  --page-1: --green;
  --page-2: --blue;
  --page-3: --red;
  --page-4: --green;
  --footer: --page-1;

  /* Colors */
  --core-accent: #428bca;
  --secondary-accent: #62488a;
  --footer-bg: #f5f5f5;
  --border-color: #f0f0f0;
  --header-bg: --secondary-accent;
  --header-text: lighten(--header-bg, 55%);
  --header-title: #f0f0f0;
  --text-bg: #f0f0f0;
  --text-text: #666666;

  /* Spacing */
  --header-height: 50px;
  --padding-vert: 30px;
  --padding-horiz: 30px;
  --content-padding: 15px;
  --core-font-size: 14px;

  --border-radius: 3px;
}

.bg-green {
  background-color: var(--green);
  margin-top: -6rem;
  padding-top: 6rem;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .bg-green {
    margin-right: 0;
    margin-left: 0;
  }
}
.bg-blue {
  background-color: var(--blue);
  height: 100%;
}
h1 {
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 40px;
  color: var(--text);
  line-height: 44px;
}
@media only all and (max-width: 47.938rem) {
  h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
h2 {
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 32px;
  color: var(--text);
  line-height: 36px;
}
@media only all and (max-width: 47.938rem) {
  h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
h3 {
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 24px;
  color: var(--text);
  line-height: 32px;
}
.sm-h3 {
  margin-top: 24px;
  margin-bottom: 15px;
}
.sm-h4 {
  font-family: Roboto;
  font-size: 18px;
  line-height: 21px;
  margin-top: 0;
}
.flex-center {
  display: flex;
  justify-content: center;
  width: 100%;
}
h4 {
  font-family: Roboto;
  font-size: 18px;
  line-height: 21px;
}
.subtitle {
  font-family: 'Roboto';
  font-size: 18px;
  color: var(--text);
  letter-spacing: 0.3px;
}
@media only all and (max-width: 47.938rem) {
  .subtitle {
    font-size: 16px;
    letter-spacing: 0;
  }
}
.position-relative {
  position: relative;
}
p {
  font-family: 'Roboto';
  font-size: 16px;
  color: var(--text);
}

a.link {
  display: block;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 20px;
  color: var(--text);
  line-height: 24px;
  text-decoration: none;
}
a.link .link-hand {
  font-weight: initial;
}
a.link:hover {
  text-decoration: underline;
  color: var(--black);
}
.no-padding {
  padding: 0;
}

@media (max-width: 767px) {
  .no-padding-sm-down {
    padding: 0;
  }
}
.w-100 {
  width: 100%;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: inherit;
}

.highlight {
  top: -10px;
  position: relative;
  z-index: -1;
}

.highlight-thick {
  border-bottom: 16px solid;
}

.highlight-thin {
  border-bottom: 8px solid;
}

.highlight-yellow {
  border-color: var(--yellow);
}

.highlight-red {
  border-color: var(--red);
}

.highlight-blue {
  border-color: var(--blue);
}

.highlight-green {
  border-color: var(--green);
}

.cursor {
  animation: blinkFX 1s 0s infinite;
}

@keyframes blinkFX {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#masthead .container {
  padding: 0;
}
#masthead .container a {
  z-index: 1;
  position: relative;
}

.navbar * {
  color: var(--text);
}

.navbar-brand {
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 26px;
  line-height: 20px;
  padding-left: 15px;
}

nav.navbar a:hover {
  color: var(--text);
}

nav.navbar li a {
  z-index: 10;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}

@media only all and (max-width: 47.938rem) {
  nav.navbar li a {
    z-index: 1;
    display: inline-block;
  }
}
nav.navbar li {
  padding: 10px 15px;
  display: inline-flex;
}
nav.navbar li.active a:hover {
  text-decoration: none;
}
nav.navbar li.active .page {
  top: -9px;
  position: relative;
  z-index: -1;
}
nav.navbar li.active .page.page-1 {
  border-bottom: 8px solid var(--green);
}
nav.navbar li.active .page.page-2 {
  border-bottom: 8px solid var(--blue);
}
nav.navbar li.active .page.page-3 {
  border-bottom: 8px solid var(--red);
}
nav.navbar li.active .page.page-4 {
  border-bottom: 8px solid var(--yellow);
}

nav.navbar > .active > a,
nav.navbar > .open > a,
nav.navbar > .active > a,
nav.navbar > .active > a:focus,
nav.navbar > .active > a:hover {
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

@media only all and (max-width: 47.938rem) {
  .navbar-collapse {
    background-color: white;
    border-bottom: 1px solid var(--text);
  }
}

.navbar-toggler {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba(0, 0, 0, 0.5)');
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-top-color: rgb(216, 216, 216);
  border-right-color: rgb(209, 209, 209);
  border-bottom-color: rgb(186, 186, 186);
  border-left-color: rgb(209, 209, 209);
  border-style: solid;
  border-width: 1px;
  padding: 1px 7px 2px;
  z-index: 1;
}

.navbar-toggler-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-toggler-icon i {
  color: var(--hint-text-dark);
}

.langswitcher {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  width: 100%;
  border-bottom: 1px solid var(--hint-text-light);
  padding: 10px 15px 10px 15px;
}
.right {
  float: right;
}
.langswitcher .right {
  float: right;
}
@media (max-width: 575px) {
  .langswitcher .right a:first-of-type {
    display: none;
  }
}
.langswitcher .right a:first-of-type {
  margin-right: 40px;
}
.langswitcher .right ul {
  display: inline-block;
}
.langswitcher .right li {
  display: inline-block;
  margin-left: 0.5rem;
  line-height: 1rem;
  color: var(--hint-text) !important;
}
.langswitcher .right .active {
  color: var(--text) !important;
  text-decoration: underline;
}

footer {
  margin-bottom: 2rem;
  font-size: 12px;
}

footer .right {
  float: right;
  padding: 0;
}

@media (min-width: 576px) {
  footer .right {
    text-align: right;
  }
}

@media (max-width: 575px) {
  footer {
    text-align: center;
  }
  footer .right {
    margin-bottom: 10px;
  }
}

footer .site-info {
  padding: 0;
}

.langswitcher a:hover,
footer a:hover {
  text-decoration: underline;
  color: black !important;
}

.hero-text-center {
  text-align: center;
}
.hero-text {
  overflow: hidden;
  width: 100%;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 130px;
  opacity: 0.1;
  float: left;
  line-height: 1;
  z-index: -1;
  margin-bottom: 2rem;
}
@media only all and (max-width: 47.938rem) {
  .contacts {
    margin-top: 50px;
  }
}
.contacts .container {
  position: relative;
}
.contacts #newsletter {
  margin-top: 50px;
}
.contacts .socials i:not(.fa-circle).fa-green {
  color: var(--green);
}
.contacts .socials i {
  transform: scale(0.8);
}
.contacts .socials i:not(.fa-circle):not(.fa-green) {
  color: white;
}
.contacts .socials .social {
  margin: 20px 0 0 0;
  display: flex;
}
.contacts .socials .social .social-text {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.contacts .socials .social .social-text h4 {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contacts .socials .social .social-text a {
  text-decoration: underline;
  font-size: 16px;
}
.contacts .long-line-v {
  transform: rotate(90deg);
}
.contacts .long-line-v:before {
  content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0';
  text-decoration: line-through;
}
@media only all and (max-width: 47.938rem) {
  .contacts .email-form-container {
    background-color: var(--green);
    padding-bottom: 20px;
  }
}
.email-form-container {
  margin-bottom: 50px;
}

.contacts form .input-fields {
  display: flex;
  flex-direction: column;
}
.contacts form textarea {
  margin: 10px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-bottom: 1px solid black;
  resize: none;
  padding: 5px 10px;
}
.contacts form textarea::placeholder {
  font-size: 12px;
  color: var(--text);
  vertical-align: text-top;
}
.contacts form button {
  margin: 0;
}
.contacts .contacts-bg {
  position: absolute;
  background-color: var(--green);
  height: 650px;
  z-index: -1;
  top: 150px;
}
@media (max-width: 767px) {
  .email-form-response message {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .contacts-left-col {
    margin-bottom: 100px;
  }
}

.btn {
  border-radius: 0px;
}

.btn-dark {
  background-color: var(--text);
  color: white !important;
  transition: all 0.2s;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.btn-dark:hover {
  background-color: #000000;
  color: white !important;
  box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  margin-top: -3px;
  margin-bottom: 3px;
}

.btn-lg {
  line-height: 32px;
  font-size: 24px;
  font-family: 'Playfair Display', serif;
  padding: 10px 50px;
  white-space: normal;
}

@media (max-width: 767px) {
  .btn-lg {
    font-size: 18px;
  }
}

@media only all and (max-width: 47.938rem) {
  .btn-lg {
    margin: 0 30px;
  }
}

.button-progress {
  display: inline-block;
}
.button-progress .progress {
  margin: 0;
  border-radius: 0px;
  display: none;
  height: 6px;
  width: 100%;
}
.button-progress .progress-inner {
  height: 100%;
  background-color: green;
}
.button-progress.loading .progress {
  display: block;
}
.button-progress.loading .progress-inner {
  animation: buttonLoading 3s;
}
.button-progress:hover .progress {
  margin-top: -3px;
  margin-bottom: 3px;
}

@keyframes buttonLoading {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .border-left {
    border-left: 1px solid black;
    padding-left: 50px;
  }
}

.pt-50 {
  padding-top: 50px;
}

.mb-100 {
  margin-bottom: 100px;
}

.message {
  display: none;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-family: 'Roboto';
  font-size: 18px;
  color: var(--text);
  align-items: center;
}
.message-success {
  background: white;
}
.message-error {
  background: var(--red);
}
.message-icon {
  font-size: 50px;
}
.message-content {
  margin-left: 20px;
}

@media only all and (min-width: 48rem) {
  .solutions-page {
    margin-bottom: 20vh;
  }
}
section.solutions {
  margin-top: 100px;
  margin-bottom: 100px;
}
section.solutions .solution a,
.blog .solution a {
  text-decoration: underline;
}
section.solutions .solution h3 a,
.blog .solution h3 a {
  text-decoration: none;
}
section.solutions .solution {
  margin-bottom: 50px;
}

.solutions-page .solutions {
  margin-bottom: 0;
  position: relative;
  margin-top: 5vh;
}
.solutions-page .solutions select {
  font-size: 15px;
  border-color: var(--text);
  border-radius: 5px;
  margin-bottom: 50px;
}
.solutions-page .solutions .solution-select {
  cursor: pointer;
  font-size: 20px;
  font-family: 'Playfair Display';
  font-weight: bold;
  margin-bottom: 40px;
  color: var(--hint-text);
}
.solutions-page .solutions .solution-select.active {
  color: var(--text);
  border-bottom: 1px solid black;
}
.solutions-page .solutions .solution-select {
  padding-left: 20px;
  padding-right: 50px;
}
.solutions-page .solutions .solutions-body-container {
  background-color: var(--blue);
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1);
  z-index: -1;
  height: 100%;
}
@media (min-width: 768px) {
  .solutions-page .solutions .solutions-body-container {
    margin-left: -50px;
  }
}
.solutions-page .solutions .solution-body:first-of-type {
  display: block;
}
.solutions-page .solutions .solution-body .solution-quote {
  font-family: 'Playfair Display';
  font-size: 40px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 576px) {
  .solutions-page .solutions .solution-body .solution-quote {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .solutions-page .solutions .solution-body {
    margin: 0 2rem;
  }
}
.solutions-page .solutions .solution-body .solution-links-title {
  font-size: 20px;
  font-weight: bold;
  font-family: 'Playfair Display';
}
.solutions-page .solutions .solution-body .solution-links-list li {
  list-style-type: none;
}

.work {
  text-align: center;
  position: relative;
}
.work h3 {
  font-family: 'Playfair Display';
  font-weight: bold;
  display: inline-block;
}
.work .hint {
  z-index: 1;
}
.work .hint a {
  text-decoration: underline;
}

.displayer {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.displayer .job {
  margin: 15px;
  width: 130px;
}
.displayer .job a {
  color: black !important;
  text-decoration: none;
}
.displayer .job .job-image {
  width: 130px;
  height: 130px;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
}
.displayer .job .job-image img {
  padding: 20px;
  width: 100%;
  filter: grayscale(100%);
}
.displayer .job .job-image:hover {
  transform: scale(1.05);
  transition: all 0.2s;
}
.displayer .job .job-image:hover img {
  filter: none;
}
.displayer .job .job-name {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: var(--hint-text-dark);
  font-family: 'Raleway';
}
.sm-header-home {
  text-align: center;
  min-height: 400px;
}
.sm-header img {
  margin-top: -8rem;
  z-index: -1;
}

.sm-header.sm-header-solutions img,
.sm-header.sm-header-blog img {
  position: absolute;
  right: 0;
  top: 0;
}

.sm-header:not(.sm-header-solutions):not(.sm-header-blog):not(.sm-header-criacao-de-sites-personalizados)
  .sm-header-text {
  position: absolute;
  text-align: left;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 1.4;
}

.sm-header-text a {
  text-decoration: underline;
}

.blog-post-tags .blog-post-tag,
.blog-popular-tags .blog-popular-tag,
.feeds .feed {
  display: inline-block;
  border: 1px solid #313131;
  padding: 10px;
  margin: 0 10px 10px 0;
  background-color: rgba(255, 255, 255, 0.8);
  color: #313131;
}
.blog-post-tags .blog-post-tag:hover,
.blog-popular-tags .blog-popular-tag:hover,
.feeds .feed:hover {
  transform: scale(1.05);
  background-color: white;
}
.blog-page .blog-posts,
.digital-nomad-page .blog-posts {
  margin-top: 50px;
}
.blog-page .tags a,
.digital-nomad-page .tags a {
  font-weight: normal;
}
.blog-post .blog-post-body a,
#ready-go a {
  color: var(--green);
}
.blog-sidebar .archives {
  font-size: 16px;
}
.blog-sidebar .archives li {
  margin: 20px 0;
  list-style-type: none;
}
.blog-page .list-blog-header,
.digital-nomad-page .list-blog-header {
  display: flex;
  justify-content: space-between;
}
.blog-page .list-blog-header .blog-preview-date,
.digital-nomad-page .list-blog-header .blog-preview-date {
  margin-bottom: 20px;
  text-align: center;
}
.blog-page .list-blog-header .blog-preview-date .blog-post-info-date,
.digital-nomad-page .list-blog-header .blog-preview-date .blog-post-info-date {
  font-family: 'Abril Fatface', cursive;
  font-size: 40px;
}
.blog-page .list-blog-header .blog-preview-date .blog-post-info-month,
.digital-nomad-page .list-blog-header .blog-preview-date .blog-post-info-month {
  font-family: 'Playfair Display';
  font-size: 24px;
}
.blog-page .blog-post-preview a.link,
.digital-nomad-page .blog-post-preview a.link {
  display: inline-block;
}
.blog-page .blog-post-preview h1,
.digital-nomad-page .blog-post-preview h1 {
  font-family: 'Playfair Display';
  font-size: 32px;
  font-weight: bold;
}
.blog-page .blog-post-preview:not(.blog-secondary-posts) a,
.digital-nomad-page .blog-post-preview:not(.blog-secondary-posts) a {
  margin-top: 20px;
}
.blog-page .blog-post-preview img,
.digital-nomad-page .blog-post-preview img {
  max-height: 300px;
  width: auto;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.blog-sidebar {
  margin-top: 10rem;
}
.blog-sidebar #mc_embed_signup_scroll input[type='email'] {
  margin: 10px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-bottom: 1px solid black;
  resize: none;
  padding: 10px;
  width: 100%;
}

@media only all and (min-width: 48rem) {
  .container.blog-page,
  .container.digital-nomad-page,
  .container.blog-post {
    margin-bottom: 20vh;
  }
}

.pagination-wrapper {
  text-align: center;
}
@media (max-width: 767px) {
  .list-item .blog-secondary-posts > div:first-of-type {
    justify-content: center;
  }
  .list-item .blog-secondary-posts > div:nth-of-type(2) {
    text-align: center;
  }
}

.list-item .blog-secondary-posts {
  display: flex;
}
.list-item .blog-secondary-posts h2 {
  margin: 0;
}
.about {
  margin-top: 10rem;
}
.about .socials i {
  transform: scale(0.8);
}
.about .socials i:not(.fa-circle) {
  color: white;
}
.about .socials .social {
  margin: 20px 0 0 0;
  display: flex;
}
.about .socials .social .social-text {
  display: flex;
  flex-direction: column;
}
.about .socials .social .social-text h4 {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
}
.about .socials .social .social-text a {
  text-decoration: underline;
  font-size: 16px;
}
.about .line {
  border-top: 1px solid black;
  position: absolute;
  margin-top: 10px;
  z-index: 1;
}
@media (min-width: 768px) {
  .about .line {
    margin-top: 75px;
    left: 60px;
  }
}
.about img {
  position: absolute;
  bottom: 0;
}
@media (min-width: 768px) {
  .about .row .pt {
    padding-top: 4rem;
  }
}

section.solutions .line,
section.blog .line {
  border-top: 1px solid black;
  margin-top: 10px;
  position: absolute;
  left: 60px;
  z-index: 1;
}
section.solutions img {
  position: absolute;
  bottom: 0;
  right: 0;
}
section.blog {
  margin-bottom: 50px;
}
.blog .blog-entries {
  margin-top: 50px;
}
@media (min-width: 768px) {
  section.blog {
    margin-bottom: 100px;
  }
  .blog .blog-entries {
    margin-top: 200px;
  }
}
.blog .blog-entries .blog-entry-main {
  margin-bottom: 50px;
}
@media only all and (max-width: 47.938rem) {
  .blog .blog-entries .blog-entry-main {
    margin-bottom: 0;
  }
}
.blog .blog-entries .blog-entry-main-img {
  z-index: -1;
  clear: both;
}
.blog .blog-entries .blog-entry-main img {
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.blog .blog-entries .blog-entry {
  margin-bottom: 50px;
}
.blog .blog-entries .blog-entry img {
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.blog .blog-entries .blog-entry-label {
  font-size: 16px;
  display: inline-block;
}
.blog .blog-entries .blog-entry-title {
  width: 100%;
  color: #000;
  font-weight: initial;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.blog .blog-entries .blog-entry-readMore {
  font-family: 'Playfair Display';
  font-size: 20px;
}
.blog .blog-entries .blog-entry-readMore:hover {
  text-decoration: underline;
}
section.blog .blog-section-img {
  width: 100%;
  position: absolute;
}
.blog-post .blog-post-content {
  padding: 0 15px;
}
.blog-post .blog-post-content img,
.blog-post .blog-post-content iframe {
  max-width: 100%;
  max-height: 100%;
}
.blog-post .blog-post-info-date {
  font-family: 'Abril Fatface', cursive;
  font-size: 40px;
}
.blog-post .blog-post-info-month {
  font-family: 'Playfair Display';
  font-size: 24px;
}
.blog-post .blog-post-info-number {
  font-family: 'Abril Fatface', cursive;
  font-size: 24px;
}
.blog-post .blog-post-info-small {
  width: 100%;
}
.blog-post .blog-post-info-small-flex {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.blog-post .blog-post-info {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.blog-post .blog-post-info hr {
  width: 100%;
}
.blog-post .blog-post-info i {
  font-size: 40px;
}
.blog-post .blog-post-info .divider {
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog-post .blog-post-body {
  padding-bottom: 50px;
  border-bottom: 1px solid var(--hint-text);
}
.blog-post .blog-post-body a {
  text-decoration: underline;
}
.blog-post .blog-post-body .blog-post-quote {
  margin-top: 30px;
  margin-bottom: 30px;
}
.blog-post .blog-post-body .blog-post-quote p {
  font-style: italic;
  color: var(--hint-text-dark);
}
.blog-post h3 {
  font-family: 'Playfair Display';
  font-size: 20px;
  font-weight: bold;
}
.blog-post-sidebar .blog-post-tag {
  display: inline-block;
  border: 1px solid var(--text);
  padding: 10px;
  margin: 0 10px 10px 0;
}
.blog-post-sidebar .blog-post-archive .archives {
  font-size: 16px;
}
.blog-post-sidebar .blog-post-archive .archives li {
  margin: 20px 0;
  list-style-type: none;
}
.blog-post-sidebar .blog-post-others li {
  list-style-type: none;
}
.blog-post-sidebar .blog-post-others .blog-post-other {
  margin: 20px 0;
}
.blog-post-sidebar .blog-post-others .blog-post-other-title {
  font-size: 16px;
}
.blog-post-sidebar .blog-post-others .blog-post-other-date {
  font-size: 12px;
  font-style: italic;
}
.blog-post-sidebar .blog-post-solutions li {
  list-style-type: none;
}
.blog-post-sidebar .blog-post-solutions .blog-post-solution {
  margin: 20px 0;
  font-size: 16px;
}
.blog-post .blog-post-comments h3 {
  font-family: 'Playfair Display';
  font-size: 20px;
  font-weight: bold;
}
.sb-buttons {
  padding: 0;
  width: 100%;
}
@media only all and (max-width: 47.938rem) {
  .sb-buttons {
    display: flex;
    justify-content: space-between;
  }
}
.sb-buttons li {
  margin-top: 10px;
  margin-bottom: 10px;
  list-style: none;
}
.sb-buttons li:hover {
  transform: scale(1.1);
}
.sb-buttons .sb-email path {
  fill: #131418;
}
.sb-buttons .sb-facebook path {
  fill: #3b5999;
}
.sb-buttons .sb-googleplus path {
  fill: #dd4b39;
}
.sb-buttons .sb-twitter path {
  fill: #55acee;
}
.sb-buttons .sb-pocket path {
  fill: #ef4056;
}
.sb-buttons .sb-linkedin path {
  fill: #0077b5;
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 767px) {
  .sm-header.sm-header-home .sm-header-text {
    font-size: 30px !important;
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 768px) {
  .bg-yellow {
    height: 100%;
    background-color: var(--yellow);
    box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1);
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.container {
  width: auto;
  max-width: 960px;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

.products h2,
.who h2,
.other-services h2 {
  display: inline-block;
}

.products-display {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.products-display .product {
  position: relative;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  width: 300px;
  padding: 15px;
  background: white;
  margin-top: 50px;
}

.products-display .product .border {
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: none !important;
  box-shadow: 0px 4px 13px 0px lightgrey;
}

.products-display .product.product-1 .border {
  background-color: var(--red);
}
.products-display .product.product-2 .border {
  background-color: var(--blue);
}
.products-display .product.product-3 .border {
  background-color: var(--yellow);
}

.products-display .header-highlight h3 {
  z-index: 1;
  position: inherit;
}

.products-display .header-highlight .highlight-secondary {
  z-index: 0;
}

.products-display .product-title {
  padding-left: 8px;
}

.products-display .product .product-price .price {
  font-family: 'Roboto';
  font-size: 30px;
}
.products-display .product .product-price .from {
  font-size: 13px;
}

.products-display .product .product-price .currency {
  font-size: 20px;
}

.products-display .product .product-features {
  margin-top: 20px;
}

.products-display .product .product-top {
  min-height: 500px;
}

@media (max-width: 767px) {
  .products-display .product .product-top {
    min-height: 400px;
  }
}

.products-display .product .product-features ul {
  padding-left: 0px;
}
.products-display .product .product-features li {
  list-style: none;
  position: relative;
  padding-left: 23px;
  margin-top: 7px;
}

li .list-positive:before {
  opacity: 1;
  height: 0.5em;
  transform-origin: left top;
  border-right: 2px solid var(--green);
  border-top: 2px solid var(--green);
  content: '';
  left: 18px;
  top: 6px;
  position: absolute;
  width: 1em;
  transform: rotate(130deg) scale(1, 1);
}

li .list-negative {
  color: lightgray;
}

li .list-negative:before,
li .list-negative::after {
  position: absolute;
  left: 0px;
  top: 11px;
  content: ' ';
  height: 0.1em;
  width: 1.2em;
  background-color: lightgray;
}
.list-negative:before {
  transform: rotate(45deg);
}
.list-negative:after {
  transform: rotate(-45deg);
}

.products-display .product .product-action a.btn-lg {
  margin-top: 10px;
  width: 100%;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.profiles {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.profiles .profile:not(:first-of-type) {
  margin-top: 50px;
}

.profiles .profile {
  display: flex;
}

@media (max-width: 767px) {
  .profiles .profile {
    flex-direction: column;
  }
}

.profiles .profile img {
  border-radius: 50%;
  height: 126px;
  width: 126px;
  max-width: unset;
  margin-right: 30px;
}

.profiles .profile h3 {
  margin-top: 10px;
}

.other-services {
  margin-bottom: 50px;
}

.other-services h2 {
  width: 100%;
}
.other-services .header-highlight {
  margin-left: 18px;
}

@media (min-width: 767px) {
  .other-services h2 {
    width: 50%;
  }

  .who {
    margin-bottom: 150px;
  }
}

.other-services .highlight-secondary {
  bottom: 10px;
}
/* 
.product-title .highlight-secondary {
  bottom: 26px;
} */

.header-highlight {
  display: inline-block;
  position: relative;
}

.highlight-secondary {
  position: absolute;
  width: 116%;
  bottom: 18px;
  z-index: -1;
  left: -8%;
}

.sm-header-criacao-de-sites-personalizados img {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}

.sm-header-criacao-de-sites-personalizados h1 {
  margin-top: 100px;
}

.sm-header-criacao-de-sites-personalizados p:last-of-type {
  margin-bottom: 50px;
}

.sm-header-criacao-de-sites-personalizados h1,
.sm-header-criacao-de-sites-personalizados p {
  width: 50%;
}

@media (max-width: 767px) {
  .sm-header-criacao-de-sites-personalizados img {
    display: none;
  }

  .sm-header-criacao-de-sites-personalizados h1 {
    margin-top: 0;
  }
  .sm-header-criacao-de-sites-personalizados p:last-of-type {
    margin-bottom: 50px;
  }

  .sm-header-criacao-de-sites-personalizados h1,
  .sm-header-criacao-de-sites-personalizados p {
    position: relative !important;
    width: 100%;
  }
}

#ready-go a.btn.btn-dark:hover {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

#acceptCheckboxWrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}