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

html {
height: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}

body {
min-height: 100%;
margin: 0;
overflow-x: hidden;
background: #303932;
color: #586066;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

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

img {
display: block;
max-width: 100%;
height: auto;
border: 0;
}

main {
display: block;
}

.conta-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
}

/* Header */

.navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  height: 61px;
  margin: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.97);
}

.logo-desktop {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
height: 100%;
}

.site-logo {
width: auto;
height: 28px;
margin-left: 13px;
}

@media (min-width: 820px) {
.site-logo {
height: 23px;
}
}

@media (min-width: 992px) {

.navbar {
height: 71px;
}

.site-logo {
height: 30px;
}
}

/* Hero */

.fulscrwr.frver2 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: calc(100vh - 61px);
  min-height: calc(100svh - 61px);
  max-height: none;
  overflow: hidden;
  background-color: #303932;
  background-image: url("../img/online_therapy_ver2.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
    height: 100vh
}

.fulscrwr.frver2 .fulscr {
position: relative;
width: 100%;
margin-top: -60px;
padding-left: 7%;
color: #fff;
}

.fulscrwr.frver2 h1 {
margin: 0;
padding: 0;
color: #fff;
font-size: 75px;
font-weight: 700;
line-height: 83px;
text-align: left;
}

.fulscrwr.frver2 p {
max-width: 540px;
margin: 60px 0 0;
padding-right: 20px;
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 1.7;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.fulscrwr.frver2 {
background-image: url("../img/online_therapy_ver2@2x.jpg");
}
}

@media (max-width: 1100px) {
.fulscrwr.frver2 h1 {
font-size: 7vw;
line-height: 7.5vw;
}
}

@media (max-width: 768px) {
.fulscrwr.frver2 {
justify-content: center;
min-height: calc(100vh - 61px);
min-height: calc(100svh - 61px);
background-image: url("../img/online_therapy_ver2_768.jpg");
background-position: left center;
}

.fulscrwr.frver2 .fulscr {
margin-top: 0;
padding-left: 0;
}

.fulscrwr.frver2 h1,
.fulscrwr.frver2 p {
max-width: 100%;
padding-right: 20px;
padding-left: 20px;
text-align: center;
}

.fulscrwr.frver2 h1 {
width: 100%;
max-width: 420px;
margin-right: auto;
margin-left: auto;
font-size: 52px;
line-height: 58px;
}

.fulscrwr.frver2 p {
margin: 60px auto 0;
font-size: 26px;
line-height: 1.4;
}
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
(min-resolution: 192dpi) and (max-width: 768px) {
.fulscrwr.frver2 {
background-image: url("../img/online_therapy_ver2_768@2x.jpg");
}
}

@media (max-width: 450px) {
.fulscrwr.frver2 h1 {
font-size: 11.5vw;
line-height: 12vw;
}

.fulscrwr.frver2 p {
font-size: 6.5vw;
line-height: 1.15;
}
}

/* Above-fold text animation */

@keyframes slideInAboveFold1 {
0% {
transform: translateY(50px);
opacity: 0;
}

33% {
transform: translateY(50px);
opacity: 0;
}

100% {
transform: translateY(0);
opacity: 1;
}
}

@keyframes slideInAboveFold2 {
0% {
transform: translateY(50px);
opacity: 0;
}

50% {
transform: translateY(50px);
opacity: 0;
}

100% {
transform: translateY(0);
opacity: 1;
}
}

.ab_fol_anim_1 {
animation: 1s ease-out 0s 1 slideInAboveFold1;
}

.ab_fol_anim_2 {
animation: 1.25s ease-out 0s 1 slideInAboveFold2;
}

@media (prefers-reduced-motion: reduce) {
.ab_fol_anim_1,
.ab_fol_anim_2 {
animation: none;
}
}