@font-face {
font-family: "Gilroy";
src: url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-regular-webfont.woff2) format("woff2"), url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-medium-webfont.woff2) format("woff2"), url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-medium-webfont.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-semibold-webfont.woff2) format("woff2"), url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-semibold-webfont.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-bold-webfont.woff2) format("woff2"), url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-bold-webfont.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-extrabold-webfont.woff2) format("woff2"), url(//academiahage.com.br/wp-content/themes/hage/assets/fonts/gilroy-extrabold-webfont.woff) format("woff");
font-weight: 800;
font-style: normal;
}
body {
background-color: #fff;
color: #555555;
font-family: "Gilroy", sans-serif;
padding-top: 84px;
}
@media (min-width: 992px) {
body {
margin-bottom: 407px;
}
}
@media (min-width: 1200px) {
body {
padding-top: 120px;
}
}
a:focus {
outline: none;
}
.main {
background-color: #fff;
display: flex;
flex-direction: column;
}
@media (max-width: 575px) {
.container {
padding-left: 25px;
padding-right: 25px;
}
}
.h1, h1, .h2, h2, .h3, h3 {
color: #151515;
font-weight: 800;
}
.h4, h4, .h5, h5 {
color: #151515;
font-weight: 600;
}
.h1, h1 {
font-size: 44px;
font-weight: 700;
line-height: 1;
}
@media (min-width: 992px) {
.h1, h1 {
font-size: 64px;
line-height: 1.16667;
}
}
@media (min-width: 1200px) {
.h1, h1 {
font-size: 72px;
}
}
.h2, h2 {
font-size: 32px;
line-height: 1.15625;
}
@media (min-width: 992px) {
.h2, h2 {
font-size: 56px;
line-height: 1.17857;
}
}
.h3, h3 {
font-size: 32px;
line-height: 1.1875;
}
@media (min-width: 992px) {
.h3, h3 {
font-size: 44px;
line-height: 1.18181;
}
}
.h4, h4 {
font-size: 18px;
line-height: 1.16667;
}
.h5, h5 {
font-size: 18px;
line-height: 1.5556;
}
[data-label]:before {
content: attr(data-label);
color: #E0E0E0;
display: block;
font-size: 14px;
line-height: 1.14285;
margin-bottom: 20px;
text-transform: uppercase;
}
.collapsing {
transition: none;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
@media (min-width: 1200px) {
.container-fluid, .container-xl {
max-width: 1210px;
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1440px) {
.container-fluid, .container-xl {
max-width: 1438px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.container, .container-sm {
max-width: 560px;
}
}
.gutters-4 {
margin-right: -4px;
margin-left: -4px;
}
.gutters-4 > .col,
.gutters-4 > [class*=col-] {
padding-right: 4px;
padding-left: 4px;
}
.btn {
border-radius: 0;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.125;
padding: 22px 30px;
text-transform: uppercase;
}
.btn-lg {
padding: 28px 35px;
}
.btn .icon {
fill: currentColor;
position: relative;
top: -1px;
}
.btn .icon-right {
left: 0;
margin-left: 5px;
transition: left 0.3s ease;
}
.btn .icon-left {
margin-right: 5px;
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
box-shadow: none;
}
.btn:not(:disabled):not(.disabled):hover .icon-right {
left: 5px;
}
.btn.disabled, .btn:disabled {
cursor: no-drop;
opacity: 1;
}
.btn-primary {
background-color: #FFC700;
border-color: #FFC700;
color: #151515;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
background-color: #FFB800;
border-color: #FFB800;
color: #151515;
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-secondary {
background-color: transparent;
border-color: #FFC700;
color: #FFC700;
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):hover, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
background-color: #FFB800;
border-color: #FFB800;
color: #151515;
}
.btn-secondary.disabled, .btn-secondary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-link {
background-color: transparent;
border-color: transparent;
color: #FFC700;
padding-left: 0;
padding-right: 0;
}
.btn-link:after {
background-color: #FFC700;
content: "";
display: block;
height: 1px;
margin-top: 10px;
transition: width 0.3s ease, color 0.3s ease;
width: 55%;
}
.btn-link:hover:after {
background-color: #FFB800;
width: 100%;
}
.btn-link.focus, .btn-link:focus, .btn-link:not(:disabled):not(.disabled):hover, .btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active {
color: #FFB800;
}
.btn-link:focus, .btn-link:hover {
text-decoration: none;
}
.btn-link.disabled, .btn-link:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.link-cep {
color: #555;
display: block;
font-size: 13px;
line-height: 1.15384;
margin-bottom: 6px;
text-align: right;
text-decoration: underline;
}
.link-cep:hover {
color: #000;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//academiahage.com.br/wp-content/themes/hage/assets/images/sprite.svg#g-select) no-repeat right 26px center;
background-size: 13px 8px;
}
.form-group {
margin-bottom: 10px;
position: relative;
}
.form-control {
border: 4px solid #E0E0E0;
border-radius: 0;
font-size: 14px;
font-weight: 500;
height: 64px;
line-height: 20px;
padding: 18px 16px;
}
.form-control ~ label {
color: #555555;
font-size: 16px;
font-weight: 500;
left: 20px;
line-height: 26px;
pointer-events: none;
position: absolute;
top: 20px;
transition: all 0.15s ease;
}
.form-control:not(:-moz-placeholder-shown):not(select) {
padding-bottom: 12px;
padding-top: 24px;
}
.form-control.filled, .form-control:not(:placeholder-shown):not(select) {
padding-bottom: 12px;
padding-top: 24px;
}
.form-control:not(:-moz-placeholder-shown):not(select) ~ label {
color: #E0E0E0;
font-size: 14px;
top: 4px;
}
.form-control.filled ~ label, .form-control:not(:placeholder-shown):not(select) ~ label {
color: #E0E0E0;
font-size: 14px;
top: 4px;
}
.form-control, .form-control:focus {
background-color: #FEFEFE;
box-shadow: none;
}
.form-control:focus {
border-color: #FFC700;
}
.form .btn[type=submit] {
margin-top: 17px;
}
.form [required]:valid {
background-image: url(//academiahage.com.br/wp-content/themes/hage/assets/images/sprite.svg#g-check-circle);
background-position: right 20px center;
background-repeat: no-repeat;
background-size: 20px 20px;
border-color: #56CCF2;
}
.form.invalid [required]:invalid {
border-color: #f00;
}
.form.invalid [required]:invalid ~ label {
color: #f00;
}
@media (min-width: 992px) {
.form-group {
margin-bottom: 20px;
}
}
textarea.form-control {
height: 150px;
}
.g-recaptcha {
display: inline-block;
transform: scale(0.8);
transform-origin: left;
}
@media (min-width: 576px) {
.g-recaptcha {
transform: scale(1);
}
}
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important;
}
.wpcf7-response-output {
font-size: 16px;
margin-top: 10px;
text-align: center;
}
.close {
color: #555;
font-size: 0;
line-height: 1;
margin-left: auto;
opacity: 1;
text-shadow: none;
}
.close .icon {
fill: currentColor;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
opacity: 1;
}
.close:hover {
color: #000;
}
.close:focus {
outline: none;
}
.modal-open .modal-navbar {
overflow-y: hidden;
}
.modal-open .modal-navbar .modal-content {
overflow-y: auto;
}
.modal-content {
background-color: #F5F5F5;
border: none;
border-radius: 0;
}
.modal-body {
padding: 25px;
}
.modal-navbar .close {
color: #F5F5F5;
display: block;
float: none;
margin-bottom: 51px;
margin-right: -25px;
margin-left: auto;
padding: 8px 25px;
}
.modal-navbar .close:hover {
color: #fff;
}
@media (min-width: 1200px) {
.modal-navbar .close {
padding-bottom: 26px;
padding-top: 26px;
}
}
.modal-navbar .modal-dialog {
height: 100%;
margin: 0;
max-width: none;
}
.modal-navbar .modal-content {
background-color: #151515;
height: 100%;
}
.modal-navbar .modal-body {
padding: 25px 0 45px;
}
.modal-navbar .modal-aside {
margin-top: 144px;
}
.modal-navbar .modal-aside .h4 {
margin-bottom: 33px;
}
@media (min-width: 768px) {
.modal-navbar .modal-aside {
margin-top: 0;
}
}
.modal-navbar .navbar-nav {
align-content: flex-start;
margin-bottom: 46px;
}
.modal-navbar .navbar-nav .active .nav-link {
color: #FFC700;
}
.modal-navbar .nav-item {
flex: 0 0 100%;
}
.modal-navbar .nav-link {
color: #F5F5F5;
display: block;
font-size: 20px;
font-weight: bold;
line-height: 1.15;
padding: 15px 0;
text-transform: uppercase;
transition: color 0.15s ease;
}
.modal-navbar .nav-link:hover {
color: #FFC700;
}
@media (min-width: 992px) {
.modal-navbar .navbar-nav {
align-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
.modal-navbar .nav-item {
flex: 0 0 50%;
}
.modal-navbar .nav-link {
font-size: 30px;
line-height: 1.16667;
}
}
.modal-navbar .h4 {
color: #F5F5F5;
font-size: 26px;
font-weight: bold;
}
.modal-navbar .opening-hours {
color: #CECECE;
flex-wrap: wrap;
letter-spacing: 0.05em;
margin-bottom: 72px;
}
.modal-navbar .opening-hours > li {
background-size: 22px 22px;
flex: 0 0 100%;
font-size: 15px;
padding-left: 50px;
}
.modal-navbar .opening-hours > li + li {
margin-top: 30px;
}
.modal-navbar .opening-hours b {
color: #F5F5F5;
font-size: 18px;
line-height: 1.16667;
font-weight: 800;
margin-top: 4px;
}
.modal-navbar .our-social > a {
color: #CECECE;
}
.modal-schedule .close {
padding: 13px;
position: absolute;
right: 12px;
top: 12px;
}
.modal-schedule .modal-dialog {
max-width: 884px;
}
.modal-schedule .modal-body {
padding: 85px 16px 47px;
}
.modal-schedule .modal-body .h3 {
margin-bottom: 14px;
text-align: center;
text-transform: uppercase;
}
.modal-schedule .modal-opening {
font-size: 16px;
line-height: 1.625;
margin-bottom: 40px;
text-align: center;
}
@media (min-width: 992px) {
.modal-schedule .close {
right: 29px;
top: 41px;
}
.modal-schedule .modal-body {
padding: 85px 99px 55px;
}
.modal-schedule .modal-opening {
font-size: 18px;
line-height: 1.55556;
}
}
.modal-backdrop.show {
display: none;
}
@media (min-width: 992px) {
.modal-backdrop {
background-color: #151515;
}
.modal-backdrop.show {
display: block;
opacity: 0.8;
}
}
.modalities-list {
margin-bottom: -20px;
}
@media (min-width: 992px) {
.modalities-list {
margin-bottom: -30px;
}
}
.modality-item {
background-color: #FEFEFE;
box-shadow: inset 0 0 0 1px #E0E0E0;
color: #151515;
cursor: pointer;
font-size: 14px;
line-height: 1.14285;
font-weight: 500;
margin-bottom: 20px;
padding: 40px 20px;
position: relative;
}
.modality-item:before, .modality-item:after {
background-color: #151515;
content: "";
display: block;
transition: all 0.15s ease;
}
.modality-item:before {
position: absolute;
bottom: 48px;
left: 20px;
height: 4px;
width: 20px;
}
.modality-item:after {
height: 20px;
margin-left: 8px;
margin-top: 24px;
width: 4px;
}
.modality-item-header {
align-items: flex-end;
display: flex;
margin-bottom: 30px;
}
.modality-item-icon {
margin-right: 15px;
text-align: center;
width: 71px;
}
.modality-item-icon > svg {
fill: currentColor;
vertical-align: baseline;
}
.modality-item-title {
flex-grow: 1;
font-size: 34px;
font-weight: 900;
letter-spacing: 0.02em;
line-height: 1;
text-transform: uppercase;
}
.modality-item-title:before {
color: #CECECE;
margin-bottom: 9px;
}
.modality-item-details {
display: flex;
font-weight: bold;
}
.modality-item-details > div {
width: 33.3334%;
}
.modality-item-subtitle {
font-weight: normal;
margin-bottom: 8px;
}
.modality-item-content {
display: none;
font-size: 16px;
line-height: 1.625;
margin-top: 32px;
}
.modality-item-content:before {
background-color: #FEFEFE;
content: "";
display: block;
height: 4px;
margin-bottom: 30px;
width: 20px;
}
.modality-item.active {
background-color: #151515;
box-shadow: none;
color: #F5F5F5;
}
.modality-item.active:before, .modality-item.active:after {
display: none;
}
.modality-item.active .modality-item-content {
display: block;
}
@media (min-width: 992px) {
.modality-item {
font-size: 16px;
line-height: 1.1875;
margin-bottom: 30px;
padding: 42px 40px;
}
.modality-item:before {
bottom: 50px;
left: 40px;
}
}
.schedule {
margin-bottom: 56px;
}
.schedule-day-title {
background-color: #151515;
color: #FEFEFE;
font-size: 16px;
line-height: 1.88889;
margin-bottom: 20px;
padding: 10px 20px;
position: relative;
text-transform: uppercase;
}
.schedule-day-title .icon {
fill: currentColor;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(270deg);
}
.schedule-day.active .schedule-day-title .icon {
transform: translateY(-50%);
}
.schedule-day.active .schedule-items {
display: block;
}
.schedule-day + .schedule-day {
margin-top: 20px;
}
.schedule-items {
display: none;
}
.schedule-item {
background-color: #E0E0E0;
color: #151515;
display: flex;
flex-wrap: wrap;
font-weight: bold;
font-size: 14px;
line-height: 1.14285;
padding: 20px;
}
.schedule-item:empty:before {
content: "Nenhuma aula foi agendada para esse dia.";
}
.schedule-item:empty + .schedule-item:empty {
display: none;
}
.schedule-item-2 {
background-color: #FEFEFE;
box-shadow: inset 0 0 0 1px #F5F5F5;
}
.schedule-item-title {
display: block;
font-size: 18px;
font-weight: 600;
line-height: 1.10526;
margin-bottom: 10px;
width: 100%;
}
.schedule-item > div {
width: 50%;
}
.schedule-item .icon, .schedule-item-subtitle {
margin-right: 10px;
}
.schedule-item .icon {
fill: #000000;
position: relative;
top: -1px;
}
.schedule-item-subtitle {
font-weight: normal;
line-height: 16px;
}
.schedule-item + .schedule-item {
margin-top: 5px;
}
@media (min-width: 992px) {
.schedule {
display: flex;
margin: 0 -5px;
}
.schedule-day {
flex-grow: 1;
padding-left: 5px;
padding-right: 5px;
width: 16.66667%;
}
.schedule-day-title {
margin-bottom: 36px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.schedule-day-title .icon {
display: none;
}
.schedule-day + .schedule-day {
margin-top: 0;
}
.schedule-items {
display: block;
}
.schedule-item {
height: 140px;
padding: 25px;
}
.schedule-item-title {
font-size: 20px;
line-height: 1.15;
margin-bottom: 14px;
}
.schedule-item .icon, .schedule-item-subtitle {
display: block;
margin-bottom: 10px;
margin-right: 0;
}
.schedule-item .icon {
top: 0;
}
.schedule-item:empty:before {
display: none;
}
.schedule-item:empty + .schedule-item:empty {
display: block;
}
}
@media (min-width: 1200px) {
.schedule {
margin-left: -10px;
margin-right: -10px;
}
.schedule-day {
padding-left: 10px;
padding-right: 10px;
}
.schedule-day-title {
font-size: 18px;
margin-bottom: 72px;
}
}
@media (min-width: 1440px) {
.schedule {
margin-left: -16px;
margin-right: -16px;
}
.schedule-day {
padding-left: 16px;
padding-right: 16px;
}
}
.opening-hours {
font-size: 15px;
line-height: 1.2;
list-style: none;
padding-left: 0;
}
.opening-hours > li {
background: url(//academiahage.com.br/wp-content/themes/hage/assets/images/sprite.svg#g-clock) no-repeat left top;
background-size: 20px 20px;
padding-left: 30px;
padding-top: 1px;
}
.opening-hours > li + li {
margin-top: 20px;
}
.opening-hours b {
color: #151515;
display: block;
font-weight: 900;
margin-top: 7px;
}
@media (min-width: 768px) {
.opening-hours {
display: flex;
font-size: 14px;
margin-bottom: 72px;
max-width: 502px;
line-height: 1.21428;
justify-content: space-between;
text-align: left;
}
.opening-hours > li + li {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.home .opening-hours {
font-size: 18px;
}
.home .opening-hours b {
margin-top: 20px;
}
}
.slick-arrow {
background-color: transparent;
border: none;
color: #E0E0E0;
font-size: 0em;
margin-left: 12px;
margin-right: 12px;
padding: 0;
position: relative;
transition: color 0.25s ease, width 0.25s ease;
width: 30px;
}
.slick-arrow .icon {
fill: currentColor;
}
.slick-arrow:before {
background-color: #E0E0E0;
content: "";
display: block;
height: 2px;
position: absolute;
top: 50%;
transition: background-color 0.3s ease;
margin-top: -1px;
}
.slick-arrow:focus {
outline: none;
}
.slick-arrow.slick-next, .slick-arrow:not(.slick-disabled):hover {
color: #151515;
width: 68px;
}
.slick-arrow.slick-next:before, .slick-arrow:not(.slick-disabled):hover:before {
background-color: #151515;
}
.slick-next {
text-align: right;
}
.slick-next:before {
left: 0;
right: 2px;
}
.slick-prev {
text-align: left;
}
.slick-prev:before {
left: 2px;
right: 0;
}
.slick-disabled {
pointer-events: none;
}
.slick-dots {
margin-bottom: 0;
margin-top: 40px;
list-style: none;
padding-left: 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
}
.slick-dots button {
background-color: transparent;
border: none;
font-size: 0;
padding: 10px;
}
.slick-dots button:before {
background-color: #F5F5F5;
content: "";
display: block;
height: 15px;
width: 15px;
}
.slick-dots button:focus {
outline: none;
}
.slick-dots .slick-active button:before {
background-color: #FFC700;
}
.slick-controls {
text-align: center;
}
.slick-controls:not(:empty) {
margin-top: 40px;
}
@media (min-width: 992px) {
.slick-dots {
margin-top: 56px;
}
.slick-controls:not(:empty) {
margin-top: 56px;
}
}
.promotions-list.slick-initialized .promotion-item {
display: block !important;
}
.promotions-list:not(.slick-initialized) {
display: flex;
overflow-x: scroll;
}
.promotions-list:not(.slick-initialized) .promotion-item {
flex: 1 0 auto;
}
.promotion-item {
margin-left: auto;
margin-right: auto;
max-width: 290px;
padding-left: 5px;
padding-right: 5px;
}
.promotion-item a {
display: block;
height: 290px;
}
.promotion-item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (min-width: 992px) {
.promotion-item {
max-width: 830px;
padding-left: 15px;
padding-right: 15px;
}
.promotion-item a {
height: 800px;
}
}
.gallery-list.slick-initialized .gallery-item {
display: block !important;
}
.gallery-list:not(.slick-initialized) {
display: flex;
overflow-x: scroll;
padding-left: 10px;
}
.gallery-list:not(.slick-initialized) .gallery-item {
flex: 1 0 auto;
}
.gallery-list:not(.slick-initialized) .gallery-item:last-child {
padding-right: 15px;
}
.gallery-controls {
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
width: 105px;
}
.gallery-controls .slick-dots {
transition: transform 0.3s ease-in;
white-space: nowrap;
}
.gallery-item {
height: 288px;
padding-left: 5px;
padding-right: 5px;
width: 300px;
}
.gallery-item > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (min-width: 992px) {
.gallery-list {
flex-direction: column;
flex-wrap: wrap;
height: 956px;
margin-bottom: -8px;
position: relative;
}
.gallery-list:not(.slick-initialized) {
overflow-x: visible;
padding-left: 0;
}
.gallery-list:not(.slick-initialized) .gallery-item:last-child {
padding-right: 4px;
}
.gallery-item {
height: 25%;
padding: 0 4px 8px;
position: relative;
width: 20%;
}
.gallery-item:before {
background-color: #030303;
bottom: 8px;
opacity: 0.2;
content: "";
left: 4px;
position: absolute;
right: 4px;
top: 0;
}
.gallery-item-1x2 {
height: 50%;
}
.gallery-item-2 {
height: 25%;
width: 40%;
}
.gallery-item-2x2 {
height: 50%;
width: 40%;
}
.gallery-item-2x3 {
height: 75%;
width: 40%;
}
.gallery-item-bottom, .gallery-item-top {
position: absolute;
right: 20%;
}
.gallery-item-bottom {
bottom: 0;
}
.gallery-item-top {
top: 0;
}
}
@media (min-width: 1200px) {
.gallery-list {
margin-left: auto;
margin-right: auto;
max-width: 1112px;
}
}
@media (min-width: 1440px) {
.gallery-list {
max-width: 1340px;
}
}
.faq {
background-color: #F5F5F5;
padding-bottom: 72px;
padding-top: 72px;
text-align: center;
}
.faq-title {
color: #151515;
font-weight: 800;
margin-bottom: 10px;
text-transform: uppercase;
}
.faq-list {
margin-top: 42px;
}
.faq-item {
text-align: left;
}
.faq-item-title {
align-items: center;
cursor: pointer;
display: flex;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
padding: 20px 30px 20px 0;
position: relative;
}
.faq-item-title:before, .faq-item-title:after {
background-color: #151515;
content: "";
display: block;
position: absolute;
transition: all 0.15s ease;
}
.faq-item-title:before {
height: 20px;
right: 8px;
width: 4px;
}
.faq-item-title:after {
height: 4px;
right: 0;
width: 20px;
}
.faq-item-body {
display: none;
line-height: 1.5;
padding-bottom: 20px;
}
.faq-item-body :last-child {
margin-bottom: 0;
}
.faq-item.active .faq-item-title:before {
height: 4px;
}
.faq-item.active .faq-item-body {
display: block;
}
.faq-item + .faq-item {
border-top: 1px solid #E0E0E0;
}
@media (min-width: 992px) {
.faq {
padding-bottom: 77px;
padding-top: 123px;
}
.faq-list {
margin-top: 98px;
}
.faq-item-title {
font-size: 18px;
line-height: 1.77778;
padding-bottom: 30px;
padding-top: 30px;
}
.faq-item-body {
line-height: 1.5;
padding-bottom: 30px;
}
}
.our-space {
padding-bottom: 100px;
overflow: hidden;
}
.home .our-space {
background: url(//academiahage.com.br/wp-content/themes/hage/assets/images/bg-hage-structure.png) no-repeat top -39px center;
padding-top: 70px;
}
@media (min-width: 992px) {
.home .our-space {
padding-top: 140px;
}
}
.page-template-page-about .our-space-title {
margin-bottom: 10px;
}
.page-template-page-about .our-space-title:before {
display: none;
}
.our-space-header {
margin-bottom: 68px;
text-align: center;
}
.our-space-title {
margin-bottom: 20px;
text-transform: uppercase;
}
.our-space-opening {
font-size: 18px;
line-height: 1.77778;
}
.our-space-list:not(.slick-initialized) {
display: flex;
overflow-x: scroll;
}
.our-space-list.list-mode {
display: flex;
justify-content: space-between;
margin-left: -15px;
margin-right: -15px;
}
.our-space-item {
align-items: flex-end;
color: #E0E0E0;
display: flex !important;
height: 255px;
justify-content: center;
text-align: center;
padding: 17px;
position: relative;
width: 290px;
z-index: 0;
}
.our-space-item-title {
font-size: 18px;
line-height: 1.16667;
font-weight: bold;
text-transform: uppercase;
}
.our-space-item-bg {
background-color: #C4C4C4;
height: 100%;
left: 5px;
right: 5px;
position: absolute;
top: 0;
z-index: -1;
}
.our-space-item-bg:before {
background: linear-gradient(180deg, rgba(22, 22, 22, 0) 45.14%, #161616 100%);
content: "";
display: block;
height: 100%;
mix-blend-mode: multiply;
opacity: 0.7;
position: absolute;
width: 100%;
}
.our-space-item-bg > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (max-width: 991px) {
.our-space-list:not(.slick-initialized) .our-space-item {
flex: 1 0 auto;
}
.our-space-list .slick-slide {
width: 290px;
}
}
@media (max-width: 575px) {
.our-space-list .slick-list {
margin-left: -25px;
margin-right: -25px;
}
}
@media (min-width: 576px) {
.our-space-list.carousel-mode .slick-list {
overflow: visible !important;
}
}
@media (min-width: 992px) {
.our-space {
padding-bottom: 140px;
}
.our-space-list.list-mode {
flex-wrap: wrap;
}
.our-space-list .slick-list {
margin-left: -15px;
margin-right: -15px;
}
.our-space-list .slick-slide {
padding-left: 15px;
padding-right: 15px;
width: 540px;
}
.our-space-item {
padding: 36px 72px;
}
.list-mode .our-space-item {
flex: 0 0 33.33334%;
height: 390px;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.list-mode .our-space-item-bg {
left: 15px;
right: 15px;
}
.list-mode .our-space-item:nth-child(n+4) {
margin-bottom: 0;
}
.carousel-mode .our-space-item {
flex: 0 0 540px;
height: 370px;
width: 540px;
}
.carousel-mode .our-space-item-bg {
left: 0;
right: 0;
}
.carousel-mode .our-space-item + .our-space-item {
margin-left: 30px;
}
}
.our-structure {
padding-bottom: 100px;
}
.page-body .our-structure {
padding-top: 100px;
}
@media (min-width: 992px) {
.page-body .our-structure {
padding-top: 140px;
}
}
.home .our-structure .our-structure-opening {
margin-bottom: 35px;
}
.home .our-structure .our-structure-item {
width: 230px;
}
.home .our-structure .our-structure-item:nth-child(2), .home .our-structure .our-structure-item:nth-child(3) {
color: #151515;
}
.home .our-structure .our-structure-item:nth-child(2) .our-structure-item-body, .home .our-structure .our-structure-item:nth-child(3) .our-structure-item-body {
background-color: #FEFEFE;
}
.home .our-structure .btn {
width: 100%;
}
@media (min-width: 992px) {
.home .our-structure .our-structure-list {
flex-wrap: wrap;
justify-content: flex-end;
overflow-x: visible;
}
.home .our-structure .our-structure-item {
margin-bottom: 30px;
}
.home .our-structure .btn {
width: auto;
}
}
.page-template-page-about .our-structure .our-structure-item:nth-child(even) {
color: #151515;
}
.page-template-page-about .our-structure .our-structure-item:nth-child(even) .our-structure-item-body {
background-color: #FEFEFE;
}
.our-structure-header {
margin-bottom: 40px;
}
.our-structure-opening {
font-size: 18px;
line-height: 1.77778;
}
.our-structure-title {
margin-bottom: 10px;
text-transform: uppercase;
}
.our-structure-wrapper {
margin-bottom: 30px;
}
.our-structure-list {
display: flex;
justify-content: space-between;
margin: 0 -25px;
overflow-x: auto;
padding-bottom: 50px;
padding-left: 10px;
}
.our-structure-item {
color: #FEFEFE;
flex: 0 0 auto;
font-size: 16px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
text-align: center;
text-transform: uppercase;
width: 230px;
}
.our-structure-item-body {
background-color: #151515;
box-shadow: inset 0 0 0 1px #E0E0E0;
height: 235px;
padding: 52px 20px 0;
}
.our-structure-item-icon {
fill: currentColor;
display: block;
margin: 0 auto 24px;
text-align: center;
width: 60px;
}
.our-structure-item:last-child {
padding-right: 25px;
width: 240px;
}
@media (max-width: 991px) {
.our-structure-wrapper {
height: 235px;
margin-left: -25px;
margin-right: -25px;
padding-left: 25px;
padding-right: 25px;
overflow: hidden;
}
}
@media (min-width: 576px) {
.our-structure-list {
margin-left: -15px;
margin-right: -15px;
padding-left: 0;
}
.our-structure-item:last-child {
padding-right: 15px;
width: 230px;
}
}
@media (min-width: 992px) {
.our-structure-item-body {
box-shadow: 0px 100px 67px rgba(218, 218, 218, 0.17), 0px 38.6641px 29.4747px rgba(218, 218, 218, 0.107207), 0px 31.1847px 19.217px rgba(218, 218, 218, 0.0761124), 0px 26.5262px 13.3699px rgba(218, 218, 218, 0.0530831), 0px 20.2529px 8.69264px rgba(218, 218, 218, 0.0338805), 0px 11.4547px 4.33637px rgba(218, 218, 218, 0.0166099);
}
}
@media (min-width: 1200px) {
.our-structure {
padding-bottom: 140px;
}
.our-structure-header {
margin-bottom: 74px;
}
.our-structure-list {
margin-bottom: 0;
overflow-x: visible;
}
.our-structure-item {
width: 20%;
}
}
.our-structure .btn {
margin-top: 26px;
}
.our-classes {
padding-bottom: 100px;
}
.our-classes-wrapper {
position: relative;
}
.our-classes-title {
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
}
.our-classes-opening {
font-size: 18px;
line-height: 1.77778;
margin-bottom: 67px;
text-align: center;
}
.our-classes-list {
margin-left: -15px;
margin-right: -15px;
}
.our-classes-list:not(.slick-initialized) {
display: flex;
overflow-x: scroll;
}
.our-classes-list:not(.slick-initialized) .our-classes-item {
flex: 1 0 auto;
}
.our-classes-list:not(.slick-initialized) .our-classes-item-body {
width: 312px;
}
.our-classes-item {
padding-left: 5px;
padding-right: 5px;
}
.our-classes-item-title {
align-items: center;
color: #E0E0E0;
display: flex;
font-size: 20px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.05em;
margin-bottom: 16px;
position: relative;
text-transform: uppercase;
}
.our-classes-item-title:before, .our-classes-item-title:after {
background-color: #E0E0E0;
content: "";
display: block;
position: absolute;
transition: color 0.2s ease, height 0.15s ease;
}
.our-classes-item-title:before {
height: 20px;
right: 8px;
width: 4px;
}
.our-classes-item-title:after {
height: 4px;
right: 0;
width: 20px;
}
.our-classes-item-body {
background-color: #151515;
color: #fff;
cursor: pointer;
padding: 55px 30px 39px;
transition: background-color 0.1s ease, color 0.15s ease;
}
.our-classes-item-content {
display: none;
font-weight: 600;
margin-top: 50px;
}
.our-classes-item-content > a {
color: #151515;
display: block;
font-weight: 800;
line-height: 1;
margin-top: 32px;
padding: 16px 0;
text-transform: uppercase;
}
.our-classes-item-content > a .icon {
margin-left: 15px;
position: relative;
top: -1px;
}
.our-classes-item.active .our-classes-item-title {
color: #151515;
}
.our-classes-item.active .our-classes-item-title:before {
height: 4px;
}
.our-classes-item.active .our-classes-item-title:before, .our-classes-item.active .our-classes-item-title:after {
background-color: #151515;
}
.our-classes-item.active .our-classes-item-body {
background-color: #FFC700;
color: #151515;
}
.our-classes-item.active .our-classes-item-content {
display: block;
}
@media (min-width: 992px) {
.our-classes {
padding-bottom: 140px;
}
.our-classes-item {
padding-left: 15px;
padding-right: 15px;
}
.our-classes-controls {
position: absolute;
right: -12px;
top: -53px;
}
.our-classes-controls:not(:empty) {
margin-top: 0;
}
}
.our-hours {
padding-bottom: 100px;
}
.our-hours-title {
margin-bottom: 40px;
text-transform: uppercase;
}
.our-hours .opening-hours {
margin-bottom: 40px;
}
@media (min-width: 992px) {
.our-hours {
padding-bottom: 140px;
text-align: left;
}
.our-hours .opening-hours {
margin-bottom: 0;
margin-top: 21px;
}
}
.basic-care {
padding-bottom: 60px;
}
.basic-care-title {
margin-bottom: 10px;
text-transform: uppercase;
}
.basic-care-opening {
font-size: 18px;
line-height: 1.77778;
margin-bottom: 40px;
}
.basic-care-item {
margin-bottom: 40px;
}
.basic-care-item-icon {
align-items: center;
display: flex;
height: 55px;
margin-bottom: 20px;
width: 70px;
}
.basic-care-item-icon > svg {
fill: #151515;
}
.basic-care-item-title {
font-size: 22px;
font-weight: 600;
line-height: 1.18181;
margin-bottom: 23px;
}
@media (min-width: 992px) {
.basic-care {
padding-bottom: 100px;
}
.basic-care-opening {
margin-bottom: 79px;
}
}
.we-accept {
padding-bottom: 100px;
text-align: center;
}
.we-accept-title {
margin-bottom: 40px;
text-transform: uppercase;
}
.we-accept img {
height: auto;
}
.we-accept img + img {
margin-top: 21px;
}
@media (min-width: 992px) {
.we-accept {
padding-bottom: 140px;
text-align: left;
}
.we-accept-title {
margin-bottom: 0;
}
.we-accept img + img {
margin-top: 0;
}
.we-accept > .container {
align-items: center;
display: flex;
justify-content: space-between;
}
}
.our-ads {
background-color: #0E0E0E;
color: #FEFEFE;
display: flex;
flex-direction: column;
height: 400px;
justify-content: center;
margin-bottom: 140px;
position: relative;
text-align: center;
z-index: 0;
}
.page-body .our-ads {
margin-bottom: 0;
}
.our-ads-title {
color: #FEFEFE;
margin-bottom: 20px;
text-transform: uppercase;
}
.our-ads-body {
line-height: 1.625;
}
.our-ads-body p {
margin-bottom: 20px;
}
.our-ads-body span {
color: #FFC700;
}
.our-ads .attachment-full {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
@media (min-width: 992px) {
.our-ads {
margin-top: 0;
padding-left: 79px;
padding-right: 79px;
}
.our-ads-title {
margin-bottom: 10px;
}
.our-ads-body {
font-size: 18px;
line-height: 1.55556;
}
.our-ads-body p {
margin-bottom: 40px;
}
}
.home-hero {
background-color: #070505;
color: #FEFEFE;
font-size: 18px;
height: 455px;
position: relative;
z-index: 0;
}
.home-hero > .container {
align-items: flex-start;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding-bottom: 27px;
position: relative;
}
.home-hero .h1,
.home-hero .opening {
margin-left: auto;
margin-right: auto;
}
.home-hero .h1 {
color: #E0E0E0;
margin-bottom: 14px;
text-transform: uppercase;
}
.home-hero .opening {
font-weight: 600;
margin-bottom: 40px;
}
.home-hero .btn-link:after {
background-color: #FFC700;
content: "";
display: block;
height: 1px;
margin-top: 10px;
transition: width 0.3s ease, color 0.3s ease;
width: 85%;
}
.home-hero .btn-link:hover:after {
background-color: #fff;
width: 100%;
}
.home-hero-list {
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.home-hero-item {
align-items: center;
display: flex;
height: 100%;
padding-bottom: 46px;
text-align: center;
}
.home-hero-item:not(:first-child) {
display: none;
}
.home-hero-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
width: 100%;
}
.home-hero-bg .opacity {
opacity: 0;
}
.home-hero-bg img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 70%;
object-position: 70%;
width: 100%;
}
.home-hero-bg video {
display: block;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
opacity: 0;
position: absolute;
transition: opacity 0.5s ease;
top: 0;
width: 100%;
}
.home-hero-bg.bg-loaded {
left: 0;
max-width: none;
transform: none;
width: 100%;
}
.home-hero-bg.bg-loaded:before {
background: rgba(21, 21, 21, 0.9) linear-gradient(180deg, #151515 0%, rgba(21, 21, 21, 0) 35.71%, rgba(21, 21, 21, 0) 82.29%, #151515 100%);
content: "";
height: 100%;
left: 0;
mix-blend-mode: multiply;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.home-hero-bg.bg-loaded video {
opacity: 1;
}
.home-hero .our-social {
position: relative;
z-index: 1;
}
.home-hero .our-social > a {
color: #FEFEFE;
}
.home-hero .our-phones {
float: right;
font-size: 16px;
font-weight: 800;
line-height: 1.1875;
position: absolute;
right: 25px;
z-index: 1;
}
.home-hero .our-phones > a {
color: #fff;
}
@media (min-width: 576px) {
.home-hero .our-phones {
right: 15px;
}
}
@media (min-width: 576px) {
.home-hero-bg img {
-o-object-position: left;
object-position: left;
}
}
@media (min-width: 768px) {
.home-hero {
align-items: center;
display: flex;
}
.home-hero .h1,
.home-hero .opening {
max-width: 75%;
}
.home-hero-list,
.home-hero-list .slick-list,
.home-hero-list .slick-track {
height: 100%;
}
.home-hero-list .slick-slide {
align-items: center;
display: flex;
position: relative;
}
.home-hero-list .slick-slide > div {
flex-grow: 1;
}
.home-hero-item {
padding-bottom: 0;
}
.home-hero-item .home-hero-bg {
display: block;
}
.home-hero .slick-arrow {
border: 2px solid #FEFEFE;
border-radius: 50%;
color: #FEFEFE;
height: 40px;
position: absolute;
right: 32px;
text-align: center;
transition: background-color 0.3s ease, color 0.3s ease;
z-index: 1;
width: 40px;
}
.home-hero .slick-arrow:before {
display: none;
}
.home-hero .slick-arrow:hover {
background-color: #FEFEFE;
width: 40px;
}
.home-hero .slick-disabled {
border-color: #333333;
}
.home-hero .slick-disabled .icon {
fill: #333333;
}
.home-hero .slick-prev {
top: 265px;
}
.home-hero .slick-next {
top: 202px;
}
.home-hero .slick-dots {
font-size: 13px;
font-weight: 600;
left: 57px;
line-height: 1;
position: absolute;
top: 183px;
z-index: 997;
}
.home-hero .slick-dots .slick-active {
color: #FEFEFE;
}
.home-hero .slick-dots > li {
color: #333333;
display: block;
}
.home-hero .slick-dots > li:before, .home-hero .slick-dots > li:after {
content: "";
display: block;
margin: 4px auto;
width: 1px;
}
.home-hero .slick-dots > li:before {
background-color: #FFC700;
height: 0;
left: 0;
position: absolute;
right: 0;
top: 13px;
transition: none;
z-index: 1;
}
.home-hero .slick-dots > li:after {
background-color: #333333;
height: 80px;
}
.home-hero .slick-dots > li:not(.slick-active) {
display: none;
}
.home-hero .slick-dots > li:not(.slick-active):after {
display: none;
}
.home-hero .slick-dots > li.slick-active + li {
display: block;
}
.home-hero .slick-dots-progress .slick-active:before {
height: 80px;
transition: height 18s linear;
}
.home-hero .slick-dots-reverse {
display: flex;
flex-direction: column-reverse;
}
.home-hero .slick-dots-reverse :first-child {
display: block !important;
}
}
@media (min-width: 992px) {
.home-hero {
font-size: 22px;
height: 596px;
line-height: 1.45454;
}
.home-hero > .container {
padding-bottom: 40px;
}
.home-hero-controls {
bottom: 156px;
}
.home-hero-bg {
left: 50%;
max-width: 100%;
overflow: hidden;
transform: translateX(-50%);
width: auto;
}
.home-hero-bg img {
-o-object-position: center;
object-position: center;
width: auto;
}
.home-hero-bg-shadow {
box-shadow: inset 45px 0 25px -25px #070505, inset -45px 0 25px -25px #070505;
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
}
.page-header {
background-color: #070505;
color: #FEFEFE;
height: 455px;
padding-bottom: 26px;
position: relative;
text-align: center;
z-index: 0;
}
.page-header > .container {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding-bottom: 40px;
position: relative;
}
@media (max-width: 575px) {
.page-header > .container {
padding-left: 8px;
padding-right: 8px;
}
}
.page-header-title {
color: #E0E0E0;
margin-bottom: 10px;
text-transform: uppercase;
}
.page-header-opening {
font-size: 18px;
line-height: 1.77778;
padding-left: 17px;
padding-right: 17px;
}
.page-header-opening > p {
margin-bottom: 0;
}
.page-header-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
width: 100%;
}
.page-header .wp-post-image {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
width: 100%;
}
.page-header .our-social {
bottom: 0;
left: 25px;
position: absolute;
}
.page-header .our-social > a {
color: #FEFEFE;
}
.page-header .our-social > a + a {
margin-left: 19px;
}
.page-header .our-social .icon {
height: 16px;
width: 16px;
}
@-webkit-keyframes mouse {
25% {
transform: translateY(-5px);
}
75% {
transform: translateY(5px);
}
}
@keyframes mouse {
25% {
transform: translateY(-5px);
}
75% {
transform: translateY(5px);
}
}
.page-header:after {
bottom: 73px;
background: url(//academiahage.com.br/wp-content/themes/hage/assets/images/sprite.svg#g-mouse) no-repeat center;
background-size: cover;
content: "";
left: 50%;
display: block;
height: 38px;
position: absolute;
margin-left: -11.5px;
-webkit-animation: mouse 2.5s linear infinite;
animation: mouse 2.5s linear infinite;
width: 23px;
}
.page-body {
font-size: 18px;
line-height: 1.625;
padding-bottom: 100px;
padding-top: 100px;
position: relative;
}
.page-body p {
margin-bottom: 26px;
}
.page-body .embed-responsive {
margin-bottom: 100px;
}
.page-title {
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.page-opening {
margin-bottom: 39px;
text-align: center;
}
.page-bg {
bottom: 0;
position: absolute;
z-index: -1;
width: 100%;
}
@media (min-width: 576px) {
.page-header .wp-post-image {
-o-object-position: center;
object-position: center;
}
}
@media (min-width: 992px) {
.page-header {
overflow: hidden;
padding-bottom: 48px;
height: 455px;
}
.page-header-opening {
font-size: 22px;
line-height: 1.45454;
margin-bottom: 74px;
padding-left: 0;
padding-right: 0;
}
.page-header-bg {
left: 50%;
transform: translateX(-50%);
max-width: 100%;
overflow: hidden;
top: 0;
width: auto;
}
.page-header-bg-shadow {
box-shadow: inset 45px 0 25px -25px #070505, inset -45px 0 25px -25px #070505;
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.page-header .wp-post-image {
width: auto;
}
.page-header:after {
bottom: 92px;
}
.page-body {
line-height: 1.77778;
}
.page-body p {
margin-bottom: 30px;
}
.page-body .embed-responsive {
margin-bottom: 140px;
}
}
@media (min-width: 1200px) {
.page-body {
padding-bottom: 140px;
padding-top: 140px;
}
}
.page-template-page-contact .h4 {
margin-bottom: 20px;
}
.page-template-page-contact .opening-hours {
margin-bottom: 40px;
}
.page-template-page-contact .form {
margin-bottom: 56px;
}
@media (min-width: 992px) {
.page-template-page-contact .page-title, .page-template-page-contact .page-opening {
text-align: left;
}
.page-template-page-contact .page-opening {
margin-bottom: 34px;
}
.page-template-page-contact .form {
margin-bottom: 0;
}
}
.page-template-page-about {
background-color: #f5f5f5;
}
.page-template-page-about .page-title {
margin-bottom: 20px;
text-align: left;
}
.page-template-page-about .page-title:before {
position: absolute;
top: -35px;
}
.page-template-page-about .page-body p:last-child {
margin-bottom: 0;
}
.page-template-page-about .page-bg {
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right top;
object-position: right top;
top: 330px;
}
@media (min-width: 992px) {
.page-template-page-about .page-title {
margin-bottom: 40px;
}
}
.page-template-page-schedule .opening-hours {
text-align: center;
}
.page-template-page-schedule .opening-hours > li {
background-position: center top;
padding-left: 0;
padding-top: 30px;
}
@media (min-width: 768px) {
.page-template-page-schedule .opening-hours {
margin-left: auto;
margin-right: auto;
text-align: left;
}
.page-template-page-schedule .opening-hours > li {
background-position: left top;
padding-left: 30px;
padding-top: 1px;
}
}
@media (min-width: 992px) {
.error404 {
margin-bottom: 0;
}
.error404 .footer {
position: relative;
}
}
@media (min-width: 1200px) {
.error404 {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.error404 .main {
align-items: center;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
}
.error404 .page-body {
padding-bottom: 0;
padding-top: 0;
text-align: center;
}
}
.contacts-list {
line-height: 1.16667;
list-style: none;
margin-bottom: 40px;
padding-left: 0;
text-align: center;
}
.contacts-list a {
color: #151515;
font-weight: 500;
text-decoration: none;
}
.contacts-list > li + li {
margin-top: 14px;
}
.contacts-list-phone {
color: #FFC700;
}
.contacts-list-phone > a {
color: #FFC700;
font-weight: 600;
}
.contact-location {
display: flex;
font-size: 16px;
font-weight: 500;
line-height: 1.1875;
margin-bottom: 40px;
}
.contact-location .icon {
flex: 0 0 20px;
fill: #FFC700;
margin-right: 12px;
}
@media (min-width: 992px) {
.contacts-list {
text-align: left;
}
}
.our-social {
line-height: 1;
}
.our-social > a {
color: #151515;
display: inline-block;
}
.our-social > a + a {
margin-left: 9px;
}
.our-social .icon {
fill: currentColor;
}
.header {
background-color: #fff;
height: 84px;
transition: height 0.1s ease;
}
.header .nav-link {
border-radius: 4px;
color: #0E0E0E;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.14285;
text-transform: uppercase;
transition: border-color 0.15s ease, color 0.15s ease;
}
.header .nav-link .icon {
fill: currentColor;
}
.header-scroll .header {
box-shadow: 0px 18px 112px rgba(128, 160, 183, 0.07), 0px 8.4115px 52.1092px rgba(128, 160, 183, 0.0491494), 0px 5.2679px 31.0724px rgba(128, 160, 183, 0.0399575), 0px 3.50432px 19.4344px rgba(128, 160, 183, 0.033366), 0px 2.20995px 11.5577px rgba(128, 160, 183, 0.0271675), 0px 1.08385px 5.39337px rgba(128, 160, 183, 0.0192769);
}
@media (min-width: 1200px) {
.header {
height: 120px;
}
.header-scroll .header {
height: 80px;
}
.header-scroll .navbar-brand > img {
height: 60px;
}
}
#navbar {
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 1;
height: 100%;
justify-content: flex-end;
}
@media (min-width: 992px) {
#navbar {
justify-content: space-between;
}
}
@media (min-width: 1626px) {
#navbar > .navbar-nav:not(.navbar-right) {
padding-left: 220px;
}
#navbar .navbar-nav:not(.navbar-right) {
flex-grow: 1;
justify-content: center;
}
}
.navbar {
flex-flow: row nowrap;
height: 100%;
justify-content: flex-start;
padding: 0 25px;
}
.navbar-brand {
background-size: cover;
margin-right: 42px;
padding-bottom: 0;
padding-top: 0;
}
.navbar-brand > img {
transition: height 0.1s ease;
}
.navbar-toggler {
border: none;
font-size: 0;
padding: 19px 12px;
position: relative;
text-align: left;
width: 50px;
}
.navbar-toggler > span {
background-color: #0E0E0E;
display: inline-block;
height: 3px;
position: relative;
top: 0;
width: 100%;
}
.navbar-toggler > span + span {
margin-top: 4px;
}
.navbar-toggler > span:not(:nth-child(2)) {
width: 17px;
}
.navbar-toggler:focus {
outline: none;
}
.header .navbar-nav {
align-items: center;
height: 100%;
}
.navbar-nav .has-subnav .nav-link {
cursor: pointer;
}
.navbar-nav .has-subnav .icon {
margin-left: 8px;
}
.navbar-nav .has-subnav:not(:hover) .navbar-subnav {
display: none;
}
@media (min-width: 992px) {
.header .navbar-nav:not(.navbar-right) .nav-item {
height: 100%;
}
.header .navbar-nav:not(.navbar-right) .nav-link {
align-items: center;
display: flex;
height: 100%;
padding: 25px 18px;
}
.header .navbar-nav:not(.navbar-right) .nav-link:before {
left: 24px;
right: 24px;
}
.header .navbar-nav:not(.navbar-right) .nav-link:hover {
color: #FFC700 !important;
}
.header .navbar-nav:not(.navbar-right) .active > .nav-link {
color: #FFC700 !important;
position: relative;
}
.header .navbar-nav:not(.navbar-right) .active > .nav-link:before {
background-color: #151515;
content: "";
display: block;
height: 5px;
position: absolute;
top: 0;
}
}
@media (min-width: 1434px) {
.header .navbar-nav:not(.navbar-right) .nav-link {
padding-right: 36px;
padding-left: 36px;
}
.header .navbar-nav:not(.navbar-right) .nav-link:before {
left: 36px;
right: 36px;
}
}
.navbar-right {
margin-right: -12px;
}
.navbar-right .navbar-toggler {
display: block;
}
.navbar-right .nav-item + .nav-item {
margin-left: 20px;
}
.navbar-subnav {
background-color: #0E0E0E;
left: 0;
padding-left: 205px;
padding-right: 205px;
position: absolute;
right: 0;
}
.navbar-subnav .nav-link {
color: #FEFEFE;
}
@media (min-width: 992px) {
.navbar-brand {
text-align: center;
}
.navbar-brand > img {
height: 72px;
}
}
@media (min-width: 1200px) {
.navbar-right {
margin-left: 15px;
margin-right: 0;
}
}
@media (min-width: 1434px) {
.navbar {
padding: 0 50px;
}
.navbar-brand > img {
height: 100px;
}
}
.footer {
background-color: #161616;
color: #E0E0E0;
font-size: 15px;
font-weight: 500;
line-height: 1.46667;
padding-bottom: 27px;
padding-top: 66px;
}
.footer > .container {
position: relative;
}
.footer .nav-link {
color: #E0E0E0;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 16px;
padding: 10px 15px;
text-transform: uppercase;
}
.footer .nav-link:hover {
color: #FFC700;
}
.footer .nav-link:hover .icon {
fill: #FFC700;
}
.footer .active .nav-link {
color: #FFC700;
}
.footer .btn {
width: 100%;
}
.footer .our-social {
margin-bottom: 43px;
text-align: center;
}
.footer .our-social > span {
margin-right: 18px;
vertical-align: middle;
}
.footer .our-social > a {
color: #fff;
}
.footer-logo {
display: block;
margin-bottom: 40px;
text-align: center;
}
.footer-links {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-bottom: 71px;
padding-left: 0;
}
.footer-links .nav-item {
flex: 0 0 50%;
}
.footer-social {
flex-direction: column;
}
.footer-social .icon {
margin-right: 12px;
fill: #56CCF2;
}
.footer-contacts {
flex-direction: column;
margin-bottom: 0;
margin-top: 46px;
}
.footer-contacts .nav-item {
justify-content: center;
}
.footer-contacts .nav-item a {
color: #FFC700;
display: inline-block;
line-height: 20px;
padding-bottom: 2px;
padding-top: 2px;
}
.footer-contacts .nav-item,
.footer-contacts .nav-item > a {
align-items: center;
display: flex;
}
.footer-contacts .nav-item-phones {
color: #FFC700;
margin-top: 20px;
}
.footer-contacts .nav-item-phones a:hover {
text-decoration: none;
}
.footer-contacts .icon {
fill: #485A68;
margin-right: 14px;
}
.footer-copyright {
border-top: 1px solid #1A1A1A;
color: #333333;
font-size: 15px;
line-height: 1.46667;
margin-top: 40px;
padding-top: 40px;
text-align: center;
}
@media (min-width: 768px) {
.footer .our-social, .footer-logo {
text-align: left;
}
.footer .btn {
width: auto;
}
}
@media (min-width: 992px) {
.footer {
background-image: url(//academiahage.com.br/wp-content/themes/hage/assets/images/bg-footer.png);
background-repeat: no-repeat;
background-position: center top;
bottom: 0;
height: 407px;
left: 0;
padding-bottom: 47px;
padding-top: 63px;
position: fixed;
width: 100%;
z-index: -1;
}
.footer .nav-link {
padding-left: 0;
padding-right: 0;
}
.footer .our-social {
margin-bottom: 0;
}
.footer-logo {
margin-bottom: 91px;
}
.footer-location {
margin-bottom: 47px;
}
.footer-links {
margin-bottom: 0;
}
.footer-contacts {
justify-content: flex-end;
margin-bottom: 0;
margin-top: 29px;
}
.footer-contacts .nav-item {
justify-content: flex-start;
}
.footer-contacts .nav-item,
.footer-contacts .nav-item > a {
flex-direction: row-reverse;
}
.footer-contacts .icon {
fill: #485A68;
margin-right: 0;
margin-left: 14px;
}
.footer-copyright {
margin-top: 64px;
max-width: none;
padding-top: 25px;
text-align: left;
}
}
.developed-by {
display: block;
margin-top: 10px;
text-align: center;
}
@media (min-width: 992px) {
.developed-by {
bottom: 0;
position: absolute;
right: 15px;
}
}