body {
background-color: #fff;
color: #222936;
font-family: 'Inter', sans-serif;
padding-top: 80px;
}
@media (min-width: 992px) {
body {
font-size: 18px;
line-height: 1.66667;
padding-top: 100px;
}
}
a {
color: #005EFF;
}
a:hover {
color: #3D85FF;
}
a:focus {
outline: none;
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1212px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
}
.h1, h1 {
font-size: 36px;
font-weight: 700;
letter-spacing: -0.02em;
margin-bottom: 14px;
}
@media (min-width: 992px) {
.h1, h1 {
font-size: 52px;
line-height: 1.21154;
}
}
.h2, h2 {
font-size: 24px;
font-weight: 700;
line-height: 1.17647;
margin-bottom: 8px;
}
@media (min-width: 992px) {
.h2, h2 {
font-size: 36px;
line-height: 1.22223;
}
}
.h3, h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.66667;
margin-bottom: 0;
}
.h4, h4 {
font-size: 18px;
font-weight: 600;
line-height: 1.66667;
margin-bottom: 0;
}
.h5, h5 {
font-size: 16px;
}
.h6, h6 {
font-size: 16px;
}
[data-label]:before {
content: attr(data-label);
color: #C7CCD1;
display: block;
font-size: 14px;
line-height: 1.28571;
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;
}
.btn {
border-radius: 2px;
font-size: 16px;
font-weight: 500;
line-height: 1.375;
padding: 13px 20px;
}
.btn .icon {
position: relative;
top: -1px;
}
.btn .icon-right {
margin-left: 6px;
}
.btn .icon-left {
margin-right: 6px;
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
box-shadow: none;
}
.btn.disabled, .btn:disabled {
cursor: no-drop;
opacity: 1;
}
.btn-primary {
background-color: #00A56B;
border-color: #00A56B;
color: #fff;
}
.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: #00D58A;
border-color: #00D58A;
color: #fff;
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-link {
background-color: transparent;
border-color: transparent;
color: #00A56B;
padding-left: 0;
padding-right: 0;
}
.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 {
background-color: transparent;
border-color: transparent;
color: #00A56B;
}
.btn-link.disabled, .btn-link:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-whatsapp {
border: none;
bottom: 25px;
padding: 0;
position: fixed;
right: 25px;
z-index: 998;
}
@media (min-width: 992px) {
.btn-whatsapp {
bottom: 270px;
right: 50px;
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//albahotel.com.br/wp-content/themes/alba/assets/images/sprite.svg#g-select);
background-repeat: no-repeat;
background-position: right 23px center;
background-size: 13px 8px;
}
.form-group {
margin-bottom: 14px;
position: relative;
}
.form-control {
border-color: rgba(147, 159, 168, 0.3);
font-size: 14px;
font-weight: 500;
height: 60px;
letter-spacing: -0.02em;
line-height: 20px;
padding: 19px 20px;
}
.form-control ~ label {
color: #222936;
font-size: 14px;
font-weight: 500;
left: 20px;
line-height: 20px;
margin-bottom: 0;
pointer-events: none;
position: absolute;
top: 20px;
transition: all 0.15s ease;
}
.form-control:not(:-moz-placeholder-shown):not(select) {
padding-bottom: 15px;
padding-top: 23px;
}
.form-control:not(:-ms-input-placeholder):not(select) {
padding-bottom: 15px;
padding-top: 23px;
}
.form-control.filled, .form-control:not(:placeholder-shown):not(select) {
padding-bottom: 15px;
padding-top: 23px;
}
.form-control:not(:-moz-placeholder-shown):not(select) ~ label {
color: #B0C3D0;
font-size: 12px;
top: 4px;
}
.form-control:not(:-ms-input-placeholder):not(select) ~ label {
color: #B0C3D0;
font-size: 12px;
top: 4px;
}
.form-control.filled ~ label, .form-control:not(:placeholder-shown):not(select) ~ label {
color: #B0C3D0;
font-size: 12px;
top: 4px;
}
.form-control, .form-control:focus {
background-color: #F9F9FA;
}
.form-control:focus {
border-color: #00A56B;
box-shadow: 0 0 0 0.2rem rgba(0, 165, 107, 0.35);
}
.form .btn[type=submit] {
margin-top: 20px;
}
.form [required]:valid {
border-color: #00A56B;
}
.form.invalid [required]:invalid {
border-color: #f00;
}
.form.invalid [required]:invalid ~ label {
color: #f00;
}
textarea.form-control {
height: 150px;
}
.control-date {
background-image: url(//albahotel.com.br/wp-content/themes/alba/assets/images/sprite.svg#g-date);
background-repeat: no-repeat;
background-position: left 20px center;
background-size: 16px 16px;
padding-left: 43px;
}
.control-date ~ label {
left: 43px;
}
.g-recaptcha {
transform: scale(0.8);
transform-origin: left;
}
@media (min-width: 576px) {
.g-recaptcha {
transform: scale(1);
}
}
.form-search {
margin-bottom: 103px;
}
.form-search .form-control {
background-color: transparent;
border: none;
box-shadow: none;
font-size: 16px;
margin-bottom: 38px;
padding: 0;
height: 74px;
}
.form-search .form-control::-moz-placeholder {
color: #627D98;
}
.form-search .form-control:-ms-input-placeholder {
color: #627D98;
}
.form-search .form-control::placeholder {
color: #627D98;
}
.is-mobile .form-search-tips {
display: none;
}
body:not(.is-mobile) .form-search .btn {
display: none;
}
body:not(.is-mobile) .form-search-tips {
color: #627D98;
display: block;
flex-grow: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.5555;
white-space: nowrap;
}
body:not(.is-mobile) .form-search-tips > span {
color: #0575E6;
}
@media (min-width: 576px) {
.form-search {
height: 110px;
justify-content: space-between;
padding-right: 36px;
}
.form-search .form-control {
font-size: 18px;
height: 100%;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.form-search {
align-items: center;
display: flex;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.form-search {
padding-right: 0;
}
}
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important;
}
.wpcf7-response-output {
font-size: 16px;
margin-top: 10px;
text-align: center;
}
.breadcrumb {
background-color: transparent;
font-size: 14px;
font-weight: 500;
justify-content: center;
margin-bottom: 0;
padding: 0;
}
.breadcrumb a {
color: #fff;
}
.breadcrumb-item.active {
color: #4A555C;
}
.breadcrumb-item + .breadcrumb-item:before {
content: "|";
}
.slick-dots {
margin-bottom: 0;
margin-top: 29px;
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: 7px;
}
.slick-dots button:before {
background-color: #F8F8F8;
border-radius: 50%;
content: "";
display: block;
height: 10px;
width: 10px;
}
.slick-dots button:focus {
outline: none;
}
.slick-dots .slick-active button:before {
background-color: #00A56B;
}
.slick-arrow {
background-color: #00A56B;
border: none;
color: #fff;
height: 60px;
margin-top: -30px;
padding: 0;
position: absolute;
top: 50%;
width: 48px;
z-index: 1;
}
.slick-prev {
left: 15px;
}
.slick-next {
right: 15px;
}
.slick-disabled {
border-color: #636971;
}
.slick-disabled .icon {
color: #636971;
}
@media (min-width: 992px) {
.slick-dots {
margin-top: 45px;
}
}
.datepicker-dropdown {
padding: 10px;
}
.datepicker td, .datepicker th {
border-radius: 2px;
padding: 3px;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.active {
background: #00A56B;
}
.room a {
color: #00A56B;
text-decoration: none;
}
.room-title > a {
color: #222936;
}
.room-beds {
background: #C9E6D0 url(//albahotel.com.br/wp-content/themes/alba/assets/images/sprite.svg#g-star) no-repeat left 20px center;
background-size: 15px 15px;
border-radius: 19px;
display: inline-block;
font-size: 14px;
line-height: 1.2143;
margin-bottom: 20px;
padding: 10px 20px 10px 42px;
}
.room-excerpt {
color: #4A555C;
margin-bottom: 20px;
}
.room-info {
flex-grow: 1;
}
.room-image {
display: block;
height: 250px;
margin-bottom: 20px;
}
.room-image > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.room-bg {
color: #222936;
display: block;
margin-bottom: 30px;
text-align: center;
}
.room-bg .room-image {
border-radius: 2px;
flex: 1 0 auto;
height: 200px;
overflow: hidden;
margin-bottom: 20px;
position: relative;
width: 100%;
}
.room-bg .room-image:after, .room-bg .room-image:before {
background-color: #222936;
content: "";
position: absolute;
}
.room-bg .room-image:after {
border-radius: 2px;
bottom: 10px;
left: 14px;
mix-blend-mode: screen;
opacity: 0;
right: 14px;
top: 10px;
transition: opacity 0.15s ease;
}
.room-bg .room-image:before {
height: 100%;
opacity: 0.4;
width: 100%;
}
.room-bg .room-title .icon {
margin-left: 5px;
position: relative;
top: -1px;
}
.room-bg-hover {
color: #fff;
font-size: 18px;
font-weight: 600;
left: 50%;
line-height: 1.22223;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.15s ease;
width: 200px;
}
.room-bg-hover .icon {
background-color: #00A56B;
border-radius: 50%;
height: 50px;
margin: 0 auto 14px;
position: relative;
width: 50px;
}
.room-bg-hover .icon:after, .room-bg-hover .icon:before {
background-color: #fff;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.room-bg-hover .icon:after {
height: 2px;
width: 25px;
}
.room-bg-hover .icon:before {
height: 25px;
width: 2px;
}
.room-bg:hover {
color: #222936;
text-decoration: none;
}
.room-bg:hover .room-bg-hover {
opacity: 1;
}
.room-bg:hover .room-image:after {
opacity: 1;
}
.room-xs {
background: #F8F8F8 url(//albahotel.com.br/wp-content/themes/alba/assets/images/sprite.svg#g-star) no-repeat left 20px top 35px;
background-size: 20px 20px;
border-radius: 2px;
border-left: 7px solid #00A56B;
margin-bottom: 15px;
padding: 32px 32px 16px 52px;
}
.room-xs .h2 {
margin-bottom: 0;
}
.room-xs .room-beds {
background: transparent;
color: #4A555C;
display: block;
padding: 0;
margin-bottom: 9px;
}
@media (min-width: 992px) {
.room-xs {
background-position: left 36px top 43px;
margin-bottom: 0;
padding: 32px 32px 16px 72px;
}
}
.room-gallery {
margin-bottom: 53px;
}
.room-gallery:not(.slick-initialized) .room-gallery-item:not(:first-child) {
display: none;
}
.room-gallery-item {
height: 200px;
}
.room-gallery-item > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.room-gallery .slick-next {
right: 0;
}
.room-gallery .slick-prev {
left: 0;
}
@media (min-width: 992px) {
.room-gallery-item {
height: 485px;
}
}
.room + .room {
margin-top: 60px;
}
@media (min-width: 992px) {
.room {
display: flex;
}
.room-image {
flex: 0 0 48%;
height: 376px;
margin-bottom: 0;
margin-right: 100px;
width: 48%;
}
.room-beds {
margin-bottom: 40px;
}
.room:nth-child(odd) {
flex-direction: row-reverse;
}
.room:nth-child(odd) .room-image {
margin-right: 0;
margin-left: 100px;
}
.room-bg .room-image {
height: 300px;
}
.room-bg .room-title {
font-size: 20px;
line-height: 1.2;
}
.room + .room {
margin-top: 100px;
}
}
.our-facilities {
padding-bottom: 60px;
}
.our-facilities .facility-list {
margin-bottom: 0;
}
.our-facilities .facility-list li {
flex: 0 0 50%;
padding: 15px;
width: 50%;
}
@media (min-width: 768px) {
.our-facilities .facility-list li {
flex: 0 0 33.33334%;
width: 33.33334%;
}
}
@media (min-width: 992px) {
.our-facilities {
padding-bottom: 107px;
}
.our-facilities .facility-list li {
flex: 0 0 16.66667%;
padding: 43px 0 46px;
width: 16.66667%;
}
}
.facility-list {
color: #4A555C;
display: flex;
flex-wrap: wrap;
font-weight: 500;
font-size: 16px;
line-height: 1.1875;
list-style: none;
padding-left: 0;
text-align: center;
}
.facility-list .icon-wrapper {
align-items: center;
display: flex;
height: 48px;
justify-content: center;
margin: 0 auto 27px;
width: 48px;
}
.facility-list .icon-wrapper > svg {
height: 100%;
width: 100%;
}
.facility-list li {
border-bottom: 1px solid #E9E9E9;
}
.facility-list li + li {
border-left: 1px solid #E9E9E9;
position: relative;
}
.facility-list li + li:after {
background-color: #fff;
border-radius: 50%;
bottom: -7px;
content: "";
height: 14px;
left: -7px;
position: absolute;
width: 14px;
z-index: 1;
}
@media (max-width: 991px) and (min-width: 768px) {
.facility-list li:nth-child(3n + 1) {
border-left: none;
}
}
@media (max-width: 767px) {
.facility-list li:nth-child(2n + 1) {
border-left: none;
}
.facility-list li:nth-child(2n + 1):after {
display: none;
}
}
@media (min-width: 992px) {
.facility-list .icon-wrapper {
height: 73px;
width: 74px;
}
}
.rooms-more {
border-top: 1px solid #E9E9E9;
padding-bottom: 45px;
padding-top: 60px;
}
.rooms-more .section-header {
text-align: center;
}
@media (min-width: 992px) {
.rooms-more {
padding-bottom: 100px;
padding-top: 100px;
}
}
.our-breakfast {
padding-bottom: 60px;
text-align: center;
}
@media (min-width: 992px) {
.our-breakfast {
padding-bottom: 100px;
}
}
.breakfast-list {
margin-left: -15px;
margin-right: -15px;
}
.breakfast-item {
border-radius: 2px;
height: 200px;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
}
.breakfast-item > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.breakfast-item:nth-child(1n + 2) {
display: none;
}
@media (min-width: 992px) {
.breakfast-list:not(.slick-initialized) {
display: flex;
}
.breakfast-list:not(.slick-initialized) .breakfast-item {
flex: 33.33334%;
width: 33.33334%;
}
.breakfast-list:not(.slick-initialized) .breakfast-item:nth-child(1n + 2) {
display: block;
}
.breakfast-list:not(.slick-initialized) .breakfast-item:nth-child(1n + 4) {
display: none;
}
.breakfast-item {
height: 300px;
}
}
.our-testimonials {
padding-bottom: 60px;
text-align: center;
}
@media (min-width: 992px) {
.our-testimonials {
padding-bottom: 93px;
}
.our-testimonials > .container-fluid {
padding-left: 0;
padding-right: 0;
}
}
.testimonial-list {
margin-left: -15px;
margin-right: -15px;
}
.testimonial-list .slick-slide {
opacity: 0.3;
padding-left: 15px;
padding-right: 15px;
transition: opacity 0.3s ease;
}
.testimonial-list .slick-current {
opacity: 1;
}
.testimonial-item {
background-color: #F8F8F8;
border-radius: 2px;
font-weight: 500;
font-size: 15px;
line-height: 1.46667;
margin: 0 auto;
max-width: 686px;
padding: 33px 25px;
text-align: center;
}
.testimonial-item p {
margin-bottom: 13px;
}
.testimonial-item-review .icon {
color: #FFC107;
}
.testimonial-item-review .icon + .icon {
margin-left: 4px;
}
.testimonial-item-author {
color: #00A56B;
line-height: 1.2;
margin-top: 8px;
}
@media (min-width: 992px) {
.testimonial-list:not(.slick-initialized) .testimonial-item:not(:first-child) {
display: none;
}
.testimonial-item {
padding: 33px 95px;
}
}
.our-social {
display: flex;
margin-left: -9px;
margin-right: -9px;
}
.our-social a {
display: inline-block;
padding: 9px;
}
.our-social a:hover {
color: #939FA8;
}
.page-header {
align-items: center;
background-color: #222936;
color: #F8F8F8;
display: flex;
font-weight: bold;
height: 180px;
justify-content: center;
text-align: center;
}
.page-header-title {
font-weight: 700;
text-transform: uppercase;
}
.page-opening {
color: #4A555C;
letter-spacing: -0.02em;
margin-bottom: 20px;
}
.page-body {
padding-bottom: 60px;
padding-top: 65px;
}
.page-body .h2, .page-body h2 {
margin-bottom: 14px;
}
.page-body .page-contacts {
list-style: none;
margin-bottom: 40px;
padding-left: 0;
}
.page-body .page-contacts a[href^=tel] {
color: #00A56B;
font-weight: 600;
font-size: 18px;
line-height: 1.22223;
}
.page-body .page-contacts a[href^=mailto] {
color: #222936;
font-weight: 600;
font-size: 16px;
line-height: 1.375;
text-decoration: underline;
}
.page-address {
color: #4A555C;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.page-header {
background-image: url(//albahotel.com.br/wp-content/themes/alba/assets/images/bg-page-header.png);
background-repeat: no-repeat;
background-position: right center;
}
.page-opening {
font-size: 18px;
line-height: 1.66667;
margin-bottom: 44px;
}
.page-body {
padding-bottom: 100px;
padding-top: 110px;
}
.page-body p, .page-body ul, .page-body ol {
margin-bottom: 30px;
}
}
.page-template-page-about .h1 {
max-width: 680px;
}
@media (min-width: 992px) {
.page-template-page-about .page-opening {
font-size: 20px;
}
}
.page-template-page-reservation .page-body {
text-align: center;
}
.page-template-page-reservation .page-body .h2, .page-template-page-reservation .page-body h2 {
text-transform: uppercase;
}
.error404 {
text-align: center;
}
.error404 .page-body .btn {
margin-top: 30px;
}
@media (min-height: 812px) {
.error404 {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.error404 .page-body {
flex-grow: 1;
}
}
.single-room .single-content {
color: #4A555C;
}
.single-room .single-content .btn {
margin-top: 10px;
}
.single-room .facility-list {
margin-top: 60px;
}
.single-room .facility-list li {
flex: 0 0 50%;
padding: 19px 15px;
width: 50%;
}
@media (min-width: 768px) {
.single-room .facility-list li {
flex: 0 0 33.33334%;
width: 33.33334%;
}
}
@media (min-width: 992px) {
.single-room .facility-list {
text-align: left;
}
.single-room .facility-list .icon-wrapper {
display: inline-block;
height: 48px;
margin: 0 11px 0 0;
width: 48px;
}
.single-room .facility-list .icon-wrapper > svg {
height: 100%;
width: 100%;
}
.single-room .facility-list li {
flex: 0 0 50%;
padding-left: 0;
padding-right: 0;
width: 50%;
}
.single-room .facility-list li:nth-child(odd) {
padding-right: 35px;
}
.single-room .facility-list li:nth-child(even) {
padding-left: 35px;
}
.single-room .facility-list li:nth-child(2n + 1) {
border-left: none;
}
}
@media (min-width: 1200px) {
.single-room .facility-list {
justify-content: flex-end;
margin-top: 0;
}
.single-room .facility-list li {
flex: 0 0 45%;
width: 45%;
}
}
.section-header {
margin-bottom: 30px;
}
.section-opening {
color: #4A555C;
}
@media (min-width: 992px) {
.section-header {
margin-bottom: 54px;
}
.section-opening {
font-size: 20px;
line-height: 1.2;
}
}
.home-hero {
background-color: #121519;
color: #FEFEFE;
font-size: 18px;
height: 300px;
line-height: 1.77778;
margin-bottom: 60px;
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 {
color: #E0E0E0;
margin-bottom: 32px;
}
.home-hero-list {
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.home-hero-item {
align-items: center;
display: flex;
height: 100%;
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 img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.home-hero .slick-arrow {
background-color: transparent;
border: 2px solid #8A8B91;
border-radius: 50%;
color: #8A8B91;
height: 40px;
width: 40px;
}
.home-hero .slick-arrow:not(.slick-disabled):hover {
border-color: #222936;
color: #222936;
}
.home-hero .slick-disabled {
border-color: #636971;
}
@media (min-width: 768px) {
.home-hero {
align-items: center;
display: flex;
height: 455px;
}
.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;
}
}
@media (min-width: 992px) {
.home-hero {
height: 500px;
margin-bottom: 100px;
}
.home .slick-next {
right: 164px;
}
.home .slick-prev {
left: 164px;
}
}
.our-structure {
padding-bottom: 30px;
}
.our-structure .section-header {
text-align: center;
}
@media (min-width: 992px) {
.our-structure {
padding-bottom: 100px;
}
}
.who-we-are {
padding-bottom: 60px;
}
.who-we-are .section-header {
margin-bottom: 40px;
}
.who-we-are .section-opening {
line-height: 1.5;
}
.who-we-are .d-lg-flex {
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.who-we-are .h2 > strong {
color: #00A56B;
}
.who-we-are .facility-list {
margin-top: 60px;
}
.who-we-are .facility-list li {
flex: 0 0 50%;
padding: 15px;
width: 50%;
}
@media (min-width: 768px) {
.who-we-are .facility-list li {
flex: 0 0 33.33334%;
padding-bottom: 20px;
padding-top: 45px;
}
}
@media (min-width: 992px) {
.who-we-are {
padding-bottom: 100px;
}
.who-we-are .facility-list {
margin-top: 0;
}
.who-we-are .facility-list li:nth-child(3n + 1) {
border-left: none;
}
}
.header-scroll .header {
box-shadow: 0 0 5px 1px #F2F5F6;
}
.navbar {
align-items: center;
background-color: #fff;
display: flex;
font-weight: 500;
font-size: 16px;
height: 80px;
justify-content: space-between;
line-height: 1.1875;
}
.navbar a {
color: #222936;
}
.navbar .btn {
margin-left: 15px;
}
.navbar .btn-primary {
color: #fff;
}
.navbar .nav-item.active .nav-link {
color: #00A56B;
}
.navbar .nav-link {
display: block;
font-size: 32px;
font-weight: 600;
}
.navbar .nav-link:hover {
color: #939FA8;
}
.navbar-toggler {
border: none;
margin-right: -11px;
padding: 17px 11px;
width: 48px;
}
.navbar-toggler > span {
background-color: #00A56B;
display: block;
height: 3px;
width: 100%;
}
.navbar-toggler > span + span {
margin-top: 3px;
}
.navbar-right {
margin-left: 15px;
}
@media (max-width: 991px) {
.navbar .nav-link {
padding-bottom: 12px;
padding-top: 12px;
}
}
@media (min-width: 992px) {
.navbar {
height: 100px;
}
.navbar-brand > img {
height: 58px;
}
.navbar .nav-link {
font-size: 16px;
font-weight: 500;
}
.navbar .nav-item {
align-items: center;
display: flex;
}
.navbar-main {
flex-grow: 1;
justify-content: center;
}
}
@media (min-width: 1200px) {
.navbar {
padding-left: 50px;
padding-right: 50px;
}
.navbar .btn, .navbar-right {
margin-left: 50px;
}
}
@media (min-width: 1366px) {
.navbar .btn {
margin-left: 62px;
}
.navbar-right {
margin-left: 83px;
}
}
@media (max-width: 991px) {
#navbar.show {
background-color: #fff;
bottom: 0;
display: flex;
flex-direction: column;
left: 0;
overflow-y: auto;
padding: 20px 15px;
position: fixed;
right: 0;
top: 80px;
}
#navbar.show .btn {
width: 100%;
}
#navbar.show .navbar-main {
flex-grow: 1;
}
#navbar.show .our-social {
margin: 0 auto;
}
#navbar.show .btn,
#navbar.show .navbar-right {
margin-left: 0;
margin-top: 30px;
}
#navbar .our-social .icon {
height: 22px;
width: 22px;
}
}
@media (min-width: 992px) {
#navbar {
align-items: center;
display: flex;
justify-content: flex-end;
width: 100%;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 18px;
padding-right: 18px;
}
.navbar-expand-lg .navbar-main {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
@media (min-width: 1366px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 36px;
padding-right: 36px;
}
}
.footer {
background-color: #222936;
color: #F8F8F8;
font-size: 16px;
line-height: 1.1875;
padding-bottom: 31px;
padding-top: 63px;
text-align: center;
}
.footer a {
color: #F8F8F8;
}
.footer > .container {
position: relative;
}
.footer .h6 {
color: #00A56B;
}
.footer .nav-link {
padding: 12px 0;
}
.footer .nav-link-email {
color: #00A56B;
}
.footer .nav-link-phone {
display: inline-block;
}
.footer .nav-link:hover {
color: #939FA8;
}
.footer .our-social {
justify-content: center;
margin-bottom: 30px;
}
.footer .our-social a {
color: #fff;
}
.footer .our-social a:hover {
color: #939FA8;
}
.footer-logo {
display: block;
margin-bottom: 40px;
}
.footer-address {
margin-bottom: 30px;
}
.footer-links {
list-style: none;
margin-bottom: 30px;
padding-left: 0;
}
.footer-contacts {
justify-content: center;
margin-top: 35px;
}
.footer-contacts .nav-item {
white-space: nowrap;
}
.footer-contacts .nav-link {
padding-bottom: 5px;
padding-top: 5px;
}
.footer-copyright {
border-top: 1px solid #2D3544;
color: #4A555C;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.66667;
margin-top: 46px;
opacity: 0.3;
padding-top: 25px;
}
@media (min-width: 992px) {
.footer {
text-align: left;
}
.footer .our-social {
justify-content: flex-start;
margin-bottom: 0;
}
.footer-address {
margin-bottom: 0;
}
.footer-links {
margin-bottom: 0;
}
.footer-contacts {
justify-content: flex-end;
}
}
.developed-by {
display: block;
margin-top: 10px;
text-align: center;
}
@media (min-width: 992px) {
.developed-by {
bottom: 0;
position: absolute;
right: 15px;
}
}