@font-face {
  src: url('../fonts/Roslindale-DisplayBold.woff2') format("woff2"),
       url('../fonts/Roslindale-DisplayBold.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

@font-face {
	font-family: 'Aeternus';
	src: url('../fonts/aeternus-heavy-variable.eot');
	src: url('../fonts/aeternus-heavy-variable.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aeternus-heavy-variable.woff2') format('woff2'),
	     url('../fonts/aeternus-heavy-variable.woff') format('woff'),
	     url('../fonts/aeternus-heavy-variable.ttf') format('truetype'),
	     url('../fonts/aeternus-heavy-variable.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Neue';
	src: url('../fonts/NeueHaasDisplayRoman.ttf');
	src: url('../fonts/NeueHaasDisplayRoman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
    color: black;
    font-family: Neue !important;
}

.font-roslindale {
    font-family: Roslindale !important;
}

.font-aeternus {
    font-family: Aeternus !important;
}

.font-neue {
    font-family: Neue !important;
}

.font-bolder {
    font-weight: bolder;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 84% !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-14 {
        padding-left: 14%
    }

    .logo {
        height: 43px !important;
    }

    .servicos {
        height: calc(100vh - 250px);
        min-height: 700px;
    }

    .btn-para-marcas {
        margin-left: 5px !important;
        padding-right: 15px !important;
    }

    .btn-para-creators {
        margin-left: -10px !important;
        padding-left: 15px !important;
    }
}

.btn-para-marcas {
    margin-left: 2px;
    padding-right: 5px;
}

.btn-para-creators {
    margin-left: -4px;
    padding-left: 5px;
}

.logo {
    height: 63px;
    margin-left: -10px;
}

.servicos {
    min-height: 500px;
}

.navbar {
    --bs-navbar-color: black !important;
    --bs-navbar-hover-color: #10069F !important;
}

.menos-espaco-entre-letras {
    letter-spacing: -0.04em;
}

.form-control {
    padding: unset !important;
}

.form-control::placeholder {
    font-family: Aeternus !important;
    text-transform: uppercase !important;
    font-size: 25px;
    color: black;
}

.form-control.text-white::placeholder {
    color: white !important;
}

.btn, .btn:focus {
    font-family: Aeternus !important;
    font-weight: unset;
    border-radius: 0 !important;
    color: var(--bs-btn-color);
    border-color: var(--bs-btn-color);
}

.btn::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 1px);
    left: calc(0% - 2px);
    width: calc(100% + (2 * 2px));
    border-top: 4px solid var(--bs-btn-color);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    border-color: var(--bs-btn-hover-color);
}

.btn:hover::after {
    border-top: 4px solid var(--bs-btn-hover-color);
}

.btn-black {
    color: #000;
    border-color: #000;
    --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #10069f;
    --bs-btn-hover-bg: unset;
    --bs-btn-hover-border-color: #10069f;
    --bs-btn-focus-shadow-rgb: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: unset;
    --bs-btn-active-border-color: #fff;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}


.btn-white {
    color: #fff;
    border-color: #fff;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #10069f;
    --bs-btn-hover-bg: unset;
    --bs-btn-hover-border-color: #10069f;
    --bs-btn-focus-shadow-rgb: #000;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: unset;
    --bs-btn-active-border-color: #fff !important;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}

.titulo {
    font-family: Aeternus !important;
    font-weight: unset;
    color: black;
}

.medio {
    font-size: calc(200% + 1vw + 1vh);
    line-height: 30px;
    transform:scale(1,1.5); /* W3C */
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -moz-transform:scale(1,1.5); /* Firefox */
    -ms-transform:scale(1,1.5); /* IE 9 */
    -o-transform:scale(1,1.5); /* Opera */
}

.pequeno {
    font-size: calc(200% + 1vw + 1vh);
    line-height: 25px;
    transform:scale(1,1.3); /* W3C */
    -webkit-transform:scale(1,1.3); /* Safari and Chrome */
    -moz-transform:scale(1,1.3); /* Firefox */
    -ms-transform:scale(1,1.3); /* IE 9 */
    -o-transform:scale(1,1.3); /* Opera */
}

.muito-pequeno {
    font-size: 25px;
    line-height: 12px;
    transform:scale(1,1.3); /* W3C */
    -webkit-transform:scale(1,1.3); /* Safari and Chrome */
    -moz-transform:scale(1,1.3); /* Firefox */
    -ms-transform:scale(1,1.3); /* IE 9 */
    -o-transform:scale(1,1.3); /* Opera */
}

.w-86 {
    width: 86%
}

@keyframes moveToRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes moveToLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0px);
  }
}

[data-inviewport="leftToRight"] {
  transition: 3s;
  transform: translateX(0px);
}
[data-inviewport="leftToRight"].is-inViewport {
  animation: moveToRight 3s linear;
}

[data-inviewport="rightToLeft"] {
  transition: 3s;
  transform: translateX(0px);
}
[data-inviewport="rightToLeft"].is-inViewport {
  animation: moveToLeft 3s linear;
}