*,
*:before,
*:after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
box-sizing: border-box !important;
}
body {
margin: 0;
}
.buttons-parent {
display: flex;
flex-flow: row wrap;
padding: 15px 10px;
position: sticky;
bottom: 0;
order: 1;
background-color: var(--background-color);
}
.buttons-parent .wp-block-buttons {
flex: 1 0 auto;
margin-bottom: 0;
} @media screen and (min-width: 1024px) {
.container-property .right .actions-row {
flex: 0 0 auto;
width: min-content;
margin-top: 8px;
transform: none;
}
.container-property .right .actions-row .user-actions-list {
transform: none;
}
.container-property .right .actions-row ul li a,
.container-property .right .actions-row ul li button {
min-width: 30px;
min-height: 30px;
}
.container-property .right .buttons-parent .wp-block-button__link {
margin-bottom: 0;
}
} @media screen and (max-width: 1024px) {
.container-property .right .actions-row {
width: min-content;
margin-top: 18px;
margin-bottom: 18px;
padding-left: 15px;
}
.container-property .right .actions-row ul {
transform: none;
}
.container-property .right .actions-row ul li a,
.container-property .right .actions-row ul li button {
min-width: 30px;
min-height: 30px;
}
} @media screen and (max-width: 768px) {
.buttons-parent {
flex-direction: column-reverse;
}
.buttons-parent .wp-block-buttons {
display: flex;
justify-content: space-evenly;
}
.container-property .right .buttons-parent .wp-block-button__link {
padding: 12px;
}
.container-property .right .actions-row {
width: auto;
margin: 0;
margin-bottom: 10px;
padding: 0;
}
.container-property .right .actions-row ul {
transform: none;
justify-content: center;
}
}
.main-navigation_nnav {
font-family: "Figtree", sans-serif;
background-color: #2B2B2B;
display: block; width: 100%;
position: sticky;
top: 0px;
z-index: 36;
}
.main-navigation_nnav>img {
display: inline;
}
@media (max-width: 768px) {
.main-navigation_nnav {
height: 60px !important;
}
}
.main-navigation_nnav section#top {
display: flex;
background-color: #2B2B2B;
}
.main-navigation_nnav section#top div {
text-align: center;
-webkit-flex: 2 0 0;
-ms-flex: 2 0 0;
flex: 2 0 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
padding: 0px;
white-space: nowrap;
}
.mxlf_logo {
display: inline-block !important;
vertical-align: top;
}
.main-navigation_nnav section#top div .mxlf_logo {
width: 240px;
height: auto;
}
@media (max-width: 2800px) {
.main-navigation_nnav section#top div {
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
}
}
@media (max-width: 1600px) {
.main-navigation_nnav section#top div {
-webkit-flex: 3 0 0;
-ms-flex: 3 0 0;
flex: 3 0 0;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0;
}
.main-navigation_nnav section#top div .mxlf_logo {
width: 140px;
}
}
@media (max-width: 500px) {
.main-navigation_nnav section#top div .mxlf_logo {
width: 130px;
}
}
.main-navigation_nnav section#top div:first-child {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.main-navigation_nnav section#top div:first-child button {
cursor: pointer;
background-color: transparent;
border: none;
color: #ffffff;
}
.main-navigation_nnav section#top div:first-child button div {
background-color: transparent;
padding: 0;
padding: 6px 0;
border: none;
float: left;
}
.main-navigation_nnav section#top div:first-child button div span {
border-radius: 2px;
background-color: #ffffff;
display: block;
height: 2px;
width: 35px;
margin-right: 10px;
margin-bottom: 8px;
}
.main-navigation_nnav section#top div:first-child button div span:last-child {
margin-bottom: 0px;
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:first-child button div {
padding: 18px;
}
.main-navigation_nnav section#top div:first-child button div span {
margin-right: 0px;
margin-bottom: 6px;
width: 25px;
}
}
.main-navigation_nnav section#top div:first-child button label {
display: block;
font-size: 17px;
font-weight: bold;
float: right;
margin-top: 3px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:first-child button label {
display: none;
}
}
.main-navigation_nnav section#top div:nth-child(2) {
position: relative;
overflow: hidden;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
}
.main-navigation_nnav section#top div:nth-child(2) button {
cursor: pointer;
border-width: 0px;
background-color: transparent;
color: #46ad67;
font-size: 25px;
padding: 20px;
align-self: stretch;
}
.main-navigation_nnav section#top div:nth-child(2) a.login {
color: #ffffff;
font-size: 25px;
padding: 20px;
flex: 0 0 auto;
align-self: stretch;
}
.padding-top-50 {
padding-top: 50px !important;
}
.prop-panel {
padding: 1em 0;
}
@media screen and (min-width: 768px) {
.buttons-parent {
top: 0;
bottom: auto;
}
}
html.dark .prop-panel {
color: white;
padding-left: 15px;
padding-right: 15px;
background-color: #404040;
}
html.light .prop-panel {
color: black;
padding-left: 15px;
padding-right: 15px;
background-color: #efefed;
}
html.light .mx-black {
color: #000000;
background-color: transparent;
border: 2px solid #31bb67;
border-radius: 4px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
word-break: break-word;
}
html.dark .mx-black {
color: #ffffff;
background-color: transparent;
border: 2px solid #31bb67;
border-radius: 4px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
word-break: break-word;
}
html.dark .main-navigation_nnav section#top div:nth-child(2) .search-box {
background-color: #333;
}
html.dark .main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons {
background-color: #333;
}
html.light .main-navigation_nnav section#top div:nth-child(2) .search-box {
background-color: #333;
}
html.light .main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons {
background-color: #333;
}
html.light #top {
background-color: #333;
}
.main-navigation_nnav section#top div:nth-child(2) .search-box { position: absolute;
top: 0;
bottom: 0;
left: 100%;
right: 0;
padding: 0;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.main-navigation_nnav section#top div:nth-child(2) .search-box input {
border-width: 0px;
width: 70%;
float: left;
height: 33px;
padding: 0px 15px;
background-color: transparent;
color: #ffffff;
font-size: 15px;
text-transform: uppercase;
}
@media (max-width: 1600px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box input {
width: 50%;
}
}
@media (max-width: 1049px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box input {
width: 40%;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box input {
height: 27px;
width: 60%;
}
}
.main-navigation_nnav section#top div:nth-child(2) .search-box input:focus {
border: 0px;
outline: #2b2b2b;
}
.main-navigation_nnav section#top div:nth-child(2) .search-box input::placeholder {
opacity: 1;
color: #ffffff;
text-transform: uppercase;
}
.main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons {
width: 30%;
height: 33px;
float: right;
padding: 0;
background-color: #2b2b2b;
text-align: right;
padding-right: 10px;
}
@media (max-width: 1600px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons {
width: 50%;
}
}
@media (max-width: 1049px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons {
width: 60%;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons {
padding: 0px 10px 0px 0px !important;
width: 30%;
}
}
.main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons a {
float: left;
text-decoration: underline;
color: #46ad67;
font-weight: normal;
font-size: 14px;
padding: 8px 0px;
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons a {
display: none;
}
}
.main-navigation_nnav section#top div:nth-child(2) .search-box .search-buttons button {
cursor: pointer;
position: relative;
display: inline-block;
padding: 0px 10px;
}
.main-navigation_nnav section#top div:nth-child(2) .search-box.toggle-search {
left: 0;
opacity: 1;
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:nth-child(2) .search-box.desktop {
display: none;
padding: 0px !important;
}
}
@media (max-width: 2800px) {
.main-navigation_nnav section#top div:nth-child(2) {
-webkit-flex: 10 0 0;
-ms-flex: 10 0 0;
flex: 10 0 0;
}
}
@media (max-width: 1600px) {
.main-navigation_nnav section#top div:nth-child(2) {
-webkit-flex: 12 0 0;
-ms-flex: 12 0 0;
flex: 12 0 0;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:nth-child(2) {
-webkit-flex: 5 0 0;
-ms-flex: 5 0 0;
flex: 5 0 0;
}
.main-navigation_nnav section#top div:nth-child(2) button,
.main-navigation_nnav section#top div:nth-child(2) a.login {
font-size: 17px;
padding: 20px 10px;
flex: 0 0 auto;
}
}
@media (max-width: 500px) {
.main-navigation_nnav section#top div:nth-child(2) {
-webkit-flex: 4 0 0;
-ms-flex: 4 0 0;
flex: 4 0 0;
}
}
.main-navigation_nnav section#top div:last-child {
padding: 28px;
background-color: #46ad67;
}
.main-navigation_nnav section#top div:last-child a {
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
font-weight: 800;
}
@media (max-width: 768px) {
.main-navigation_nnav section#top div:last-child {
padding: 23px 10px !important;
}
.main-navigation_nnav section#top div:last-child a {
font-size: 12px !important;
}
}
@media (max-width: 2800px) {
.main-navigation_nnav .search-box-mobile {
display: none;
}
.main-navigation_nnav .search-box-mobile.toggle-search {
display: none !important;
}
}
@media (max-width: 1600px) {
.main-navigation_nnav .search-box-mobile {
display: none;
}
.main-navigation_nnav .search-box-mobile.toggle-search {
display: none !important;
}
}
@media (max-width: 1049px) {
.main-navigation_nnav .search-box-mobile {
display: none;
}
.main-navigation_nnav .search-box-mobile.toggle-search {
display: none !important;
}
}
@media (max-width: 768px) {
.main-navigation_nnav .search-box-mobile {
background-color: #111111;
display: none;
padding: 0px !important;
}
.main-navigation_nnav .search-box-mobile input {
height: 30px;
padding: 0 5%;
width: 60%;
margin: 5%;
}
.main-navigation_nnav .search-box-mobile.toggle-search {
display: block !important;
}
.main-navigation_nnav .search-box-mobile .search-buttons {
width: 40%;
height: 33px;
float: right;
padding: 0;
background-color: transparent;
text-align: right;
padding-right: 10px;
}
}
@media (max-width: 768px) and (max-width: 1600px) {
.main-navigation_nnav .search-box-mobile .search-buttons {
width: 50%;
}
}
@media (max-width: 768px) and (max-width: 1049px) {
.main-navigation_nnav .search-box-mobile .search-buttons {
width: 60%;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.main-navigation_nnav .search-box-mobile .search-buttons {
padding: 0px 10px 0px 0px !important;
width: 30%;
}
}
@media (max-width: 768px) {
.main-navigation_nnav .search-box-mobile .search-buttons a {
float: left;
text-decoration: underline;
color: #46ad67;
font-weight: normal;
font-size: 14px;
padding: 8px 0px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.main-navigation_nnav .search-box-mobile .search-buttons a {
display: none;
}
}
@media (max-width: 768px) {
.main-navigation_nnav .search-box-mobile .search-buttons button {
cursor: pointer;
position: relative;
display: inline-block;
padding: 0px 10px;
font-size: 20px;
background-color: transparent;
color: #ffffff;
padding: 21% 12%;
border: none;
}
}
.main-navigation_nnav section#overlapped {
position: fixed;
top: 0;
left: -75vw;
z-index: 100;
min-height: 100vh;
width: 75vw;
background-color: #000000;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped {
left: -100vw;
width: 100vw;
}
}
.main-navigation_nnav section#overlapped div.over-top {
display: flex;
padding: 15px 0px;
align-items: center;
}
.main-navigation_nnav section#overlapped div.over-top div {
text-align: center;
-webkit-flex: 2 0 0;
-ms-flex: 2 0 0;
flex: 2 0 0;
}
@media (max-width: 2800px) {
.main-navigation_nnav section#overlapped div.over-top div {
-webkit-flex: 2 0 0;
-ms-flex: 2 0 0;
flex: 2 0 0;
}
}
@media (max-width: 1600px) {
.main-navigation_nnav section#overlapped div.over-top div {
-webkit-flex: 5 0 0;
-ms-flex: 5 0 0;
flex: 5 0 0;
}
}
@media (max-width: 1049px) {
.main-navigation_nnav section#overlapped div.over-top div {
-webkit-flex: 5 0 0;
-ms-flex: 5 0 0;
flex: 5 0 0;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div.over-top div .mxlf_logo {
width: 140px;
height: auto;
}
}
@media (max-width: 500px) {
.main-navigation_nnav section#overlapped div.over-top div .mxlf_logo {
width: 130px;
height: auto;
}
}
.main-navigation_nnav section#overlapped div.over-top div:first-child {
padding-left: 20px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch {
position: relative;
display: block;
width: 60px;
height: 26px; }
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch input {
opacity: 1;
width: 52px;
height: 20px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #46ad67;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch .slider em {
font-size: 11px;
color: #ffffff;
font-style: normal;
font-weight: bold;
margin-top: 7px;
display: inline-block;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch .slider em.left {
margin-left: 2px;
opacity: 0;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch .slider em.right {
opacity: 1;
margin-right: 0px;
margin-left: 0px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch .slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 3px;
bottom: 2px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch input:checked+.slider {
background-color: #46ad67;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch input:checked+.slider em.left {
opacity: 1;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch input:checked+.slider em.right {
opacity: 0;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch input:focus+.slider {
box-shadow: 0 0 1px #46ad67;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch input:checked+.slider:before {
-webkit-transform: translateX(32px);
-ms-transform: translateX(32px);
transform: translateX(32px);
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch .slider.round {
border-radius: 20px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .switch .slider.round:before {
border-radius: 50%;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .lang-selection {
display: block;
text-align: left;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .lang-selection a {
display: inline-block;
color: #ffffff;
font-weight: 700;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .lang-selection a.active {
color: #46ad67;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .lang-selection a:first-child {
padding-right: 20px;
border-right: 1px solid #ffffff;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .lang-selection a:last-child {
padding-left: 20px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .lang-selection a:hover {
color: #cbcbcb;
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div.over-top div:first-child .lang-selection a {
font-size: 13px !important;
padding: 5px !important;
}
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .region-select {
position: relative;
text-transform: uppercase;
border: 1px solid #46ad67;
display: block;
padding-left: 20px;
border-radius: 12px;
margin-top: 10px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .region-select select {
display: none;
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div.over-top div:first-child .region-select {
display: none;
}
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-selected {
text-align: left;
background-color: #000000;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-selected:after {
position: absolute;
content: "";
top: 8px;
right: 20px;
display: inline-block;
border-right: 2px solid #46ad67;
border-bottom: 2px solid #46ad67;
width: 8px;
height: 8px;
transform: rotate(-315deg);
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-selected.select-arrow-active:after {
transform: rotate(-135deg);
top: 11px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-items div,
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-selected {
color: #46ad67;
padding: 4px 0px;
cursor: pointer;
text-align: left;
width: 160px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-items div {
padding-left: 20px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-items {
border-radius: 2px;
position: absolute;
background-color: #2b2b2b;
color: #ffffff;
top: 102%;
z-index: 2;
padding-right: 0px;
left: -2px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-items div {
text-align: left;
width: 220px;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-hide {
display: none;
}
.main-navigation_nnav section#overlapped div.over-top div:first-child .select-items div:hover,
.main-navigation_nnav section#overlapped div.over-top div:first-child .same-as-selected {
background-color: rgba(255, 255, 255, 0.2);
}
.main-navigation_nnav section#overlapped div.over-top div:nth-child(2) {
padding: 0px 30px;
-webkit-flex: 3 0 0;
-ms-flex: 3 0 0;
flex: 3 0 0;
}
@media (max-width: 2800px) {
.main-navigation_nnav section#overlapped div.over-top div:nth-child(2) {
-webkit-flex: 9 0 0;
-ms-flex: 9 0 0;
flex: 9 0 0;
}
}
@media (max-width: 1600px) {
.main-navigation_nnav section#overlapped div.over-top div:nth-child(2) {
-webkit-flex: 12 0 0;
-ms-flex: 12 0 0;
flex: 12 0 0;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div.over-top div:nth-child(2) {
-webkit-flex: 3 0 0;
-ms-flex: 3 0 0;
flex: 3 0 0;
}
}
.main-navigation_nnav section#overlapped div.over-top div:last-child {
text-align: right;
padding-right: 15px;
}
.main-navigation_nnav section#overlapped div.over-top div:last-child button {
cursor: pointer;
border-width: 0px;
top: 0px;
background: transparent;
color: transparent;
position: relative;
width: 50px;
height: 50px;
}
.main-navigation_nnav section#overlapped div.over-top div:last-child button text {
font-size: 9px;
margin-top: 24px;
color: white;
text-transform: uppercase;
width: 100%;
display: block;
}
.main-navigation_nnav section#overlapped div.over-top div:last-child button span {
display: block;
background-color: #ffffff;
height: 3px;
width: 28px;
border-radius: 2px;
transform: rotate(45deg);
top: 16px;
left: 10px;
position: absolute;
}
.main-navigation_nnav section#overlapped div.over-top div:last-child button span:nth-child(2) {
transform: rotate(-45deg);
}
.main-navigation_nnav section#overlapped div.region-select-mobile {
display: none;
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div.region-select-mobile {
display: block;
}
}
.main-navigation_nnav section#overlapped div.region-select-mobile .region-select {
position: relative;
text-transform: uppercase;
}
.main-navigation_nnav section#overlapped div.region-select-mobile .region-select select {
display: none;
}
.main-navigation_nnav section#overlapped div.region-select-mobile .select-selected {
text-align: left;
background-color: #000000;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.main-navigation_nnav section#overlapped div.region-select-mobile .select-selected:after {
position: absolute;
content: "";
top: 10px;
right: 16px;
display: inline-block;
border-right: 2px solid #46ad67;
border-bottom: 2px solid #46ad67;
width: 8px;
height: 8px;
transform: rotate(-315deg);
}
.main-navigation_nnav section#overlapped div.region-select-mobile .select-selected.select-arrow-active:after {
transform: rotate(-135deg);
top: 14px;
}
.main-navigation_nnav section#overlapped div.region-select-mobile .select-items div,
.main-navigation_nnav section#overlapped div.region-select-mobile .select-selected {
color: #46ad67;
padding: 8px 15px;
cursor: pointer;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.main-navigation_nnav section#overlapped div.region-select-mobile .select-items {
border-radius: 4px;
position: absolute;
background-color: #2b2b2b;
color: #ffffff;
top: 100%;
width: 100%;
z-index: 99;
}
.main-navigation_nnav section#overlapped div.region-select-mobile .select-hide {
display: none;
}
.main-navigation_nnav section#overlapped div.region-select-mobile .select-items div:hover,
.main-navigation_nnav section#overlapped div.region-select-mobile .same-as-selected {
background-color: rgba(255, 255, 255, 0.2);
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus {
padding: 2% 5% 0 5%;
}
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section {
padding: 20px 5% 0 5%;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 0;
}
@media (max-width: 500px) {
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 2 1 33.3%;
-ms-flex: 2 1 33.3%;
flex: 2 1 33.3%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
padding: 5px;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div h4,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div h4 {
font-size: 20px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 10px;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div h4 a,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div h4 a {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div h4 a:hover,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div h4 a:hover {
color: #cbcbcb;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div h4.contact,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div h4.contact {
color: #46ad67;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div p,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div p {
color: rgba(255, 255, 255, 0.5);
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div a.phone-link,
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div a.email-link,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div a.phone-link,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div a.email-link {
color: #ffffff;
font-size: 20px;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div ul,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div ul {
padding: 0;
margin: 0;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div ul li,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div ul li {
display: block;
margin-bottom: 10px;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div ul li a,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div ul li a {
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div ul li a:hover,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div ul li a:hover {
color: #cbcbcb;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div.menu-row div div,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div.menu-row div div {
padding: 0;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer {
margin-top: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 10px 0px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 500px) {
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 2 1 auto;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div:first-child,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div:first-child {
text-align: left;
color: rgba(255, 255, 255, 0.2);
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div:first-child a,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div:first-child a {
color: rgba(255, 255, 255, 0.5);
display: inline-block;
font-size: 14px;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div:last-child,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div:last-child {
text-align: right;
}
@media (max-width: 500px) {
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div:last-child,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div:last-child {
text-align: center;
width: 100%;
}
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div:last-child ul li,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div:last-child ul li {
padding: 5px !important;
}
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div:last-child ul li a,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div:last-child ul li a {
font-size: 18px !important;
color: #ffffff !important;
border: 1px solid #ffffff;
border-radius: 50%;
padding: 9px 11px;
height: 45px;
width: 45px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 500px) {
.main-navigation_nnav section#overlapped div.inner-menus div#main-menus div#menu-footer div,
.main-navigation_nnav section#overlapped div.inner-menus div#contact-section div#menu-footer div {
padding-top: 10px;
padding-bottom: 10px;
}
}
div#main-menus .menu.nav-menu {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-auto-flow: dense;
grid-gap: 20px;
}
@media (max-width: 768px) {
div#main-menus .menu.nav-menu {
grid-template-columns: 1fr;
}
}
div#main-menus .menu.nav-menu ul.sub-menu {
position: relative;
left: revert;
top: revert;
float: revert;
max-height: 0;
opacity: 0;
transition: max-height 300ms ease, opacity 300ms ease;
overflow: hidden;
}
div#main-menus .menu.nav-menu ul.sub-menu>li {
display: revert;
margin-bottom: 10px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
div#main-menus .menu.nav-menu ul.sub-menu>li a {
width: revert;
}
div#main-menus .menu.nav-menu>.menu-item>a {
color: #FFF;
font-size: 20px;
margin-bottom: 10px;
text-transform: uppercase;
}
.main-navigation_nnav section#overlapped div.inner-menus div#middle-section {
padding: 5%;
background-color: rgba(255, 255, 255, 0.07);
text-align: center;
}
.main-navigation_nnav section#overlapped div.inner-menus div#middle-section img {
min-width: 300px;
margin-bottom: 10px;
}
.main-navigation_nnav section#overlapped div.inner-menus div#middle-section a {
font-size: 15px;
color: #46ad67;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.main-navigation_nnav section#overlapped div.inner-menus div#middle-section a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div.inner-menus {
overflow-y: scroll;
}
}
@media (min-width: 768px) {
.main-navigation_nnav section#overlapped div.inner-menus {
display: flex;
flex-direction: column;
}
.main-navigation_nnav section#top div:nth-child(2) {
justify-content: space-between;
}
}
.main-navigation_nnav section#overlapped div#main-menus {
height: 100%;
overflow-y: auto;
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div#main-menus {
height: auto;
}
}
.main-navigation_nnav section#overlapped div#contact-section { background-color: #111111;
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div#contact-section {
padding: 5% 5% 0 5% !important;
height: auto;
text-align: center;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div#contact-section div {
margin: 20px 0;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div#contact-section div:first-child {
display: none;
}
}
@media (max-width: 2800px) {
.main-navigation_nnav section#overlapped div#contact-section div:last-child span {
display: none;
}
}
@media (max-width: 768px) {
.main-navigation_nnav section#overlapped div#contact-section div:last-child span {
margin-top: 20px;
display: block;
font-weight: 300;
}
}
.main-navigation_nnav.toggled section#overlapped {
left: 0vw;
opacity: 1;
}
@media (max-width: 1049px) {
.main-navigation_nnav.toggled section#overlapped {
width: 95%;
}
}
.main-navigation_nnav ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation_nnav ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 1;
}
.main-navigation_nnav ul ul ul {
left: -999em;
top: 0;
}
.main-navigation_nnav ul ul li:hover>ul,
.main-navigation_nnav ul ul li.focus>ul {
display: block;
left: auto;
}
.main-navigation_nnav ul ul a {
width: 200px;
}
.main-navigation_nnav ul li {
display: inline-block;
}
.main-navigation_nnav ul li.menu-item-has-children.menu-item-dropdown-open {
grid-row: span 2;
}
.main-navigation_nnav ul li.menu-item-has-children.is-large.menu-item-dropdown-open {
grid-row: span 3;
}
.main-navigation_nnav ul li.menu-item-has-children.is-larger.menu-item-dropdown-open {
grid-row: span 4;
}  .main-navigation_nnav ul li.menu-item-has-children>a {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
justify-content: space-between;
position: relative;
z-index: 1;
}
.main-navigation_nnav ul li.menu-item-has-children>a::after {
display: block;
content: "";
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://mexlife.com/baja-california/wp-content/themes/mexlife-theme/assets/images/green-arrow-down.svg);
margin-left: 5px;
transition: transform linear 100ms;
}
.main-navigation_nnav ul li.menu-item-has-children.menu-item-dropdown-open>a::after {
transform: rotate(-180deg);
}
div#main-menus .menu.nav-menu .menu-item-has-children.menu-item-dropdown-open ul.sub-menu {
opacity: 1;
max-height: 800px;
overflow: visible;
}
.main-navigation_nnav ul li:hover>ul,
.main-navigation_nnav ul li.focus>ul {
left: auto;
}
.main-navigation_nnav li {
position: relative;
}
.main-navigation_nnav a {
display: block;
flex: 1 0 auto;
text-decoration: none;
}
.main-navigation_nnav .inner-menus { height: calc(100vh - 98px);
}
.main-navigation_nnav .search-box-global {
width: 100%;
position: absolute;
background-color: #333;
box-shadow: 1px 1px 1px -1px rgb(0 0 0 / 50);
padding-left: 20px;
padding-right: 20px;
z-index: -1;
top: -200%;
transition: all 0.2s ease-in-out;
}
.light .search-box-global {
background-color: #FFF;
}
.main-navigation_nnav .search-box-global.active {
top: 100%;
transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
.main-navigation_nnav .search-box-global {
padding-top: 1rem;
padding-bottom: 1rem;
}
}  @media only screen and (min-width: 1280px) {
.megamenu-wrapper>li {
padding-top: 6px !important;
padding-bottom: 6px !important;
background-color: #111111;
}
}
.prop-type {
position: absolute;
float: left;
z-index: 10;
padding-left: 15px;
padding-right: 15px;
top: 10px;
left: 10px;
background-color: black;
opacity: 0.6;
border-radius: 45px;
}  .father-zonedesc {
width: 95%;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
}
.truncate-22-area {
width: 70%;
flex-basis: 70%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
.container-img {
width: 30%;
flex-basis: 30%;
}
.container-img img {
width: 100%;
height: auto;
aspect-ratio: 4/3;
object-fit: covers;
}
.block-1-container {
width: 100%;
padding: 0 20px;
position: relative;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
.block-1-info h5 {
font-weight: bold;
margin-bottom: 18px;
}
.block-1-img img {
width: 100%;
height: auto;
object-fit: cover;
}
@media (min-width: 0px) {
.block-1-container {
padding: 0 10px 20px;
flex-direction: column-reverse;
}
.block-1-info {
width: 100%;
margin: 0;
}
.block-1-img {
width: 100%;
margin-bottom: 24px;
}
}
@media (min-width: 768px) {
.block-1-container {
padding: 0 40px;
flex-direction: row;
}
.block-1-info {
flex: 3 1 0;
margin-right: 40px;
}
.block-1-img {
flex: 1 0 0;
margin-bottom: 0;
align-self: stretch;
}
.block-1-img img {
height: 100%;
width: auto;
}
}  .block-2-container {
width: 100%;
position: relative;
display: block;
flex-direction: row;
flex-wrap: wrap;
}
.title-listing-stats {
background-color: #efefed;
color: #575757;
font-weight: bold;
padding: 10px 10px 10px 25px;
}
.div-stats {
text-align: center;
margin-bottom: 25px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-around;
}
.stat-value {
font-size: 1.05em;
font-weight: bold;
}
.block-stat-element {
display: block;
flex: 1 1 0;
}
.block-stat-element:nth-child(n+2) {
border-left: 1px solid grey;
}  .grid-communities {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
align-items: center;
justify-content: center;
grid-gap: 10px;
width: 92%;
margin: 0 auto;
text-align: center;
background-color: #efefed;
color: #575757;
margin-bottom: 50px;
flex-flow: row;
}
.communities-childs a {
display: block;
padding: .5em;
}
.communities-childs a:hover {
color: #46ad67;
}
.title-mexlife-22 {
width: 85%;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.grid-communities {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
grid-gap: 5px;
width: 100%;
}
}  .btn.active {
text-shadow: none !important;
color: #31bb67 !important;
}
.btn.btn-add-to-favorite.active {
text-shadow: none !important;
color: #31bb67 !important;
}
.search-engine-wrapper {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.btn-group.tiny {
display: grid;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
text-align: center;
}
.search-engine-wrapper {
margin-left: auto;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
padding: 70px;
margin-top: 10px;
flex-flow: row wrap;
}
.pagination a,
.pagination span.current {
color: currentColor;
float: left;
padding: 8px 16px;
text-decoration: none;
margin: 0 5px;
}
.pagination span.current {
background-color: #31bb67;
color: white;
}
@media (max-width: 768px) {
.pagination {
margin: 20px -20px;
padding: 0;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
overflow: auto;
}
.pagination a,
.pagination .page-numbers {
width: auto;
margin: 0;
padding: .5em 1em;
flex: 1 0 auto;
}
.pagination a.prev,
.pagination a.next {
position: sticky;
padding: .5em;
}
.pagination a.prev {
left: 0;
background: linear-gradient(90deg, var(--background-color) 70%, transparent);
}
.pagination a.next {
right: 0;
background: linear-gradient(270deg, var(--background-color) 70%, transparent);
}
.pagination span.page-numbers:not(.current) {
display: none;
}
}
.pagination a:hover:not(.active) {
background-color: #31bb67;
color: #fff;
} .slider { overflow: hidden;
}
.slide {
position: relative;
top: 0;
width: 100%;
height: 100%;
display: block;
align-items: center;
justify-content: center; transition: transform 1s;
}
.slide>img { width: 100%;
height: 100%;
object-fit: 19/6;
}
.light .prop-type {
background-color: white !important;
color: black !important;
}
.slider__btn {
position: absolute;
top: 25%;
z-index: 10;
border: none;  font-family: inherit;
color: white; height: 5.5rem;
width: 5.5rem;
font-size: 2.5rem;
font-weight: bold;
cursor: pointer;
}
.slider__btn--left {
left: 6%;
transform: translate(-50%, -50%);
top: 50%;
}
.slider__btn--right {
right: 6%;
transform: translate(50%, -50%);
top: 50%;
}
.dots {
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.dots__dot {
border: none;
background-color: #ffffff; height: 10px;
width: 10px;
border-radius: 50%;
margin-right: 0.75rem;
cursor: pointer;
transition: all 0.5s;  }
.dots__dot:last-child {
margin: 0;
}
.dots__dot--active { background-color: #31bb67;
opacity: 1;
}
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
button:focus {
outline: none !important;
outline: none !important;
}
.search { border-radius: 0;
margin-bottom: 0;
font-size: 1em;
padding: 26px 0 26px 24px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.go2prop,
.share-prop,
.compare-prop,
.save-prop {
min-width: 30px;
min-height: 30px;
background-size: 30px 30px;
display: inline;
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.go2prop,
.share-prop,
.compare-prop,
.save-prop {
min-width: 50px;
min-height: 50px;
background-size: 50px 50px;
}
}
.go2prop {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-get-directions.svg) no-repeat;
}
.go2prop:hover {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-get-directions-hover.svg) no-repeat;
}
.share-prop {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-share.svg) no-repeat;
}
.share-prop:hover {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-share-hover.svg) no-repeat;
}
.compare-prop {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-compare.svg) no-repeat;
}
.compare-prop:hover {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-compare-hover.svg) no-repeat;
}
.save-prop {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-save.svg) no-repeat;
}
.save-prop:hover,
.save-prop.active {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/mexlife-save-hover.svg) no-repeat;
}
.grid-prop {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/icons-grid-1.png) no-repeat;
min-width: 50px;
min-height: 50px;
background-size: 50px 50px;
display: inline;
vertical-align: middle;
}
.grid-prop:hover {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/icons-grid-hover.png) no-repeat;
min-width: 50px;
min-height: 50px;
background-size: 50px 50px;
display: inline;
vertical-align: middle;
}
.grid-prop:active {
background: url(//mexlife.com/baja-california/wp-content/themes/mexlife-theme/dist/images/icons-grid-hover.png) no-repeat;
min-width: 50px;
min-height: 50px;
background-size: 50px 50px;
display: inline;
vertical-align: middle;
}
.search-results-view[view="gallery"] .show-gallery {
display: flex;
flex-direction: column;
}
.search-results-view[view="gallery"] .show-list {
display: none;
}
.search-results-view[view="lists"] .post-content {
padding-left: 40px !important;
}
.search-results-view[view="lists"] .show-gallery {
display: none;
}
.search-results-view[view="lists"] .post-content {
display: block !important;
}
.search-results-view[view="lists"] .title-list-2022 {
font-size: 30px !important;
}
.search-results-view[view="lists"] .property-icons-22 {
margin-top: 50px !important;
}
.search-results-view[view="gallery"] .property-icons-22 {
margin-top: 40px !important;
}
.search-results-view[view="lists"] .action-list-button {
padding-top: 3rem;
}
.search-results-view[view="lists"] .action-list-button {
display: flex;
}
.action-list-button {
display: none;
}
@media screen and (min-width: 1024px) {
.search-results-view[view="lists"] .post.property {
height: 450px;
}
.prop-name-2022 {
padding-top: 15px;
}
.testing {
flex-flow: row nowrap;
}
}
.search-results-view[view="gallery"] .icons-img-2022 {
position: absolute;
float: right;
z-index: 1;
padding-left: 15px;
padding-right: 15px;
top: 280px;
right: 10px;
border-radius: 45px;
}
.status-property {
position: absolute;
float: left;
z-index: 10;
padding-left: 15px;
padding-right: 15px;
top: 10px;
right: 10px;
}
.light .status-property {
position: absolute;
float: left;
z-index: 1;
padding-left: 15px;
padding-right: 15px;
top: 10px;
right: 10px;
color: white;
}
.search-results-view[view="lists"] .icons-img-2022 {
display: none;
}
.search-results-view[view="lists"] .moreinfo-button-new {
margin-top: 30px;
}
.search-results-view[view="gallery"] .moreinfo-button-new {
margin-bottom: 20px;
margin-top: 20px;
}
.search-results-view[view="gallery"] {
min-width: 100%; }
@media (min-width: 640px) {
.search-results-view[view="gallery"] [id^="archive-block_"].archive.is_classic {
padding-left: 1rem;
}
}
.search-results-view[view="gallery"] .search-results__map {
display: none;
}
@media (min-width: 768px) {
.search-results-view[view="gallery"] .search-results__map .search-results__list-values {
padding-right: 1em;
}
}
@media (min-width: 768px) {
.search-results-view[view="gallery"] .search-results__list #archive-block_1 .property {
position: relative;
display: grid;
}
.search-results-view[view="gallery"] .search-results__list #archive-block_1 .property.post.property .property-thumb,
.archive.is_classic .post.property .property-thumb {
width: 100%;
}
.main-navigation_nnav ul ul {
z-index: auto;
}
}
@media (min-width: 1280px) {
[view="gallery"] .search-results__list .archive {
grid-template-columns: repeat(3, 1fr);
}
}
.light .btn-list-prop:hover {
color: #31bb67 !important; }
.dark .btn-list-prop {
color: #ffffff !important;
}
.light .btn-list-prop {
color: #4d4d4d !important;
}
.dark .btn-list-prop:hover {
color: #31bb67 !important;
}
.gallery-name-address-22 {
margin-top: 15px;
}
.si-filter__sort .sbToggle {
color: var(--sis-text-color);
height: 54px;
left: 0;
margin: auto;
padding-left: 35px;
text-align: left;
width: 80px;
}
.sbOptions {
border-radius: 4px;
box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
left: inherit !important;
overflow: visible;
right: 0;
top: 36px !important;
width: 220px;
z-index: 100;
}
#sortoptions {
overflow: auto;
display: none;
position: absolute;
box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
border-radius: 4px;
margin-bottom: 50px;
background: rgb(255, 255, 255);
border: none;
overflow: visible;
margin-top: 30px;
}
#sortoptions>option {
padding: 0 10px;
}  .container-property {
display: flex;
margin: 0 auto;
height: calc(100vh - 86px);
}
.container-property .property-price {
font-size: 25px;
}
.container-property .property-price .price-label {
display: block;
}
.price-label > i {
font-style: normal;
opacity: .7;
}
.left {
flex: 6;
color: white;
height: auto !important; line-height: 300px;
line-height: 300px;
display: flex;
flex-flow: wrap;
overflow: auto;
}
.left::-webkit-scrollbar {
-webkit-appearance: none;
}
.left::-webkit-scrollbar:vertical {
width: 5px;
}
.left::-webkit-scrollbar-button:increment,
.left::-webkit-scrollbar-button {
display: none;
}
.left::-webkit-scrollbar:horizontal {
height: 10px;
}
.left::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 20px;
border: 2px solid #ffffff;
}
.left::-webkit-scrollbar-track {
border-radius: 10px;
}
.right {
flex: 6;
position: static;
overflow-y: auto;
}
@media screen and (max-width: 768px) {
.right {
display: flex;
flex-flow: column nowrap;
}
}
.scroll-in {
height: 500px;
overflow-y: scroll;
}
.scroll-in::-webkit-scrollbar {
-webkit-appearance: none;
}
.scroll-in::-webkit-scrollbar:vertical {
width: 5px;
}
.scroll-in::-webkit-scrollbar-button:increment,
.scroll-in::-webkit-scrollbar-button {
display: none;
}
.scroll-in::-webkit-scrollbar:horizontal {
height: 10px;
}
.scroll-in::-webkit-scrollbar-thumb {
background-color: #ffffff;
border-radius: 20px;
border: 2px solid #ffffff;
}
.scroll-in::-webkit-scrollbar-track {
border-radius: 10px;
}
.first-img {
width: 100%;
padding: 5px;
}
.first-img img {
width: 100%;
}
.second-img {
width: 50%;
float: left;
padding: 5px;
position: relative;
}
.second-img img {
height: 250px;
width: 500px;
}
.second-img .more-photos-overlay {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.65);
}
.hidden-img {
display: none;
}
.up-address {
margin-top: 15px;
color: #31bb67;
font-size: 30px;
font-weight: bold;
}
.property-icons-22 {
margin: 40px 0 0;
display: flex;
flex-flow: row wrap;
align-items: center;
}
@media (max-width: 768px) {
.property-icons-22 {
margin: 15px 0 0;
}
} .row>.column {
padding: 0 8px;
}
.row:after {
content: "";
display: table;
clear: gallery;
} .column {
float: left;
width: 25%;
} .modal-prop {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: black;
} .modal-prop-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
width: 90%;
max-width: 1200px;
} .close {
color: white;
position: absolute; right: 25px;
font-size: 35px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
} .mySlides {
display: none;
margin: 0px auto;
width: 70%;
} .prev,
.next {
cursor: pointer;
position: relative;
width: auto;
padding: 0 1em;
color: currentColor;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
align-self: stretch;
display: flex;
align-items: center;
flex: 0 0 auto;
}
.prev {
border-radius: 3px 0 0 3px !important;
} .next {
right: 0 !important;
border-radius: 0 3px 3px 0 !important;
}
.prev-mob,
.next-mob {
cursor: pointer;
position: absolute;
top: 25%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
} .next {
right: 0;
border-radius: 3px 0 0 3px;
}
.next-mob {
right: 0;
border-radius: 3px 0 0 3px;
} .prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.prev-mob:hover,
.next-mob:hover {
background-color: rgba(0, 0, 0, 0.8);
} .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
} .caption-container {
text-align: center;
background-color: black;
padding: 2px 16px;
color: white;
}
img.demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
img.hover-shadow {
transition: 0.3s;
}
.hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}  .tab {
overflow: hidden;
margin: 0px auto;
width: 70%;
} .tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
} .tab button:hover {
background-color: #31bb67;
} .tab button.active {
background-color: #31bb67;
} .tabcontent {
display: none;
}
.upgallery {
display: none;
}
.swiper-button-next,
.swiper-button-prev {
color: #ffffff;
}
@media only screen and (max-width: 768px) and (min-width: 426px) {
.swiper {
width: 768px;
height: 512px;
}
.swiper-image {
width: 768px;
}
}
@media only screen and (max-width: 425px) {
.swiper {
height: 269px;
}
}
@media only screen and (max-width: 768px) {
.left {
display: none;
}
.container-property {
display: block;
height: auto;
}
.container-property,
.container-property .right {
overflow: initial;
}
.container-property .swiper-slide img {
height: 100%;
object-fit: cover;
}
.upgallery {
display: flex;
position: relative;
overflow: auto;
flex-flow: row nowrap;
scroll-snap-type: x mandatory;
}
.upgallery-slide {
position: relative;
flex: 1 0 auto;
margin-right: 15px;
scroll-snap-align: center;
}
.upgallery-slide:last-child {
margin-right: 0;
}
.upgallery-slide img {
height: 200px;
width: auto;
}
.truncate-22 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
}  .father-zonedesc-title-description {
width: 90%;
margin: 0 auto 10px;
flex-direction: row;
}
.container-mexlife-22-description {
display: block;
flex-flow: row;
}
@media only screen and (max-width: 768px) {
.containes-mexlife-22 {
display: block;
}
}
.truncate-22 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 20;
-webkit-box-orient: vertical;
}   .property-block-icon {
height: 35px;
width: auto;
margin-left: 15px;
padding-left: 15px;
padding-right: 6px;
border-left: 1px solid var(--brand-primary);
}
.property-block-icon:first-child {
margin-left: 0;
padding-left: 0;
border-left-width: 0;
}