Current File : /home/n742ef5/royalanteam.com/wp-content/themes/myhome/myhome-legacy/style-rtl.css |
@charset "UTF-8";
/*
Theme Name: MyHome
Theme URI: https://myhometheme.net/
Author: Tangible Design
Author URI: http://tangibledesign.net/
Description: MyHome
Version: 3.1.76
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
Text Domain: myhome
Table of content:
* WordPress Core
* Layout
* Navbar
* Grid
* Thumbnail
* Top Wide
* Pagination
* Footer
* Lazyload
* Active Input
* Agent Contact
* Awesomplete
* Bootstrap Select
* Contact Form 7
* Easy Social Share Buttons Integration
* Jetpack Integration
* Magnific Popup
* Material Design Light
* Mega Intro
* Mega Main Menu
* 404
* Accordion
* Agent
* Agent Intro
* Agent List
* Arrow Up
* Author
* Blockquote
* Box
* Breadcrumbs
* Caption
* Clients
* Comments
* Compare
* Currency Switcher
* Estate
* Estate Horizontal
* Estate Vertical
* Filters
* Fixed Menu
* Form Container
* Gallery
* Heading
* Icon
* List Attribute
* Loader
* Map
* Mosaic Grid
* Post Grid
* Post Single
* Search
* Services
* Simple box
* Slider
* Social Icons
* Testimonials
* Top Bar User Panel
* Top Header
* Top Title
* Video Wrapper
* Widget Title
* Favorite Grid
* OWL Carousel
* Revolution Slider Search
* Sweet Alert
* Pricing Table
* wiper
* Tags
* Twitter Menu
* 2 Columns
* Widget Base
* Widget Calendar
* Widget Comments
* Widget Facebook
* Widget Infobox
* Widget RSS
* Widget Search
* Widget Twitter
* WPML Integration
* Panel Popup Login Register
* Panel Save Search Window
* Panel Agents
* Panel Dashboard Info
* Panel Edit profile
* Panel Submit Property
* Panel Favorite
* Panel Fields
* Panel General
* Panel Login
* Panel Social Buttons
* Panel Menu
* Panel My Properties
* Panel Search Table
* Panel Reset Password
* Panel Steps
* Panel Submit Property Buttons
* Panel Edit Property
* Panel Modal
* Woocomerce General
* Woocomerce Cart
* Woocomerce Checkout
* Woocomerce Order Received
* Helper Classes
*/
/* Base */
:root {
--primary: #29aae3;
}
html {
overflow-x: hidden;
height: 100%;
}
body {
word-wrap: break-word;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #222;
font-family: Lato, Arial, Helvetica, sans-serif;
background: #fff;
overflow-wrap: break-word;
text-align: right;
min-height: 100%;
display: flex;
flex-direction: column;
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
outline: 0;
}
a {
color: #222;
text-decoration: none;
}
@media (min-width: 1025px) {
a:hover, a:active, a:focus {
color: #000;
text-decoration: none;
}
}
p {
margin-top: 0;
margin-bottom: 18px;
}
@media (min-width: 768px) {
p {
margin-bottom: 24px;
}
}
strong {
font-style: normal;
font-weight: 700;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
iframe {
border: 0;
max-width: 100%;
}
hr {
border-top: 1px solid #999999;
}
button {
border-radius: 0;
cursor: pointer;
font-family: Lato, Arial, Helvetica, sans-serif;
}
blockquote {
margin: 0;
}
blockquote footer {
font-style: italic;
}
cite {
font-style: italic;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 24px 0;
font-weight: 400;
padding: 0;
letter-spacing: 0;
line-height: 1.2;
font-family: Play, Arial, Helvetica, sans-serif;
}
h1 {
font-size: 36px;
font-weight: 700;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 21px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 13px;
}
/* Forms */
input, textarea {
text-decoration: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #222;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #222;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #222;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #222;
}
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=number],
input[type=tel],
input[type=search]:not(#media-search-input) {
max-width: 100%;
width: 100%;
border: 1px solid #c3c3c5;
padding: 10px 20px;
line-height: 24px;
border-radius: 0;
margin-bottom: 12px;
color: #666666;
font-style: italic;
text-align: center;
background: #fff;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=search]:not(#media-search-input):focus,
input[type=search]:not(#media-search-input):active {
padding-top: 9px;
padding-bottom: 9px;
padding-right: 19px;
padding-left: 19px;
border: 2px solid #29aae3;
background: rgba(41, 170, 227, 0.05);
}
input[type=text]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
textarea[type=text]::-moz-placeholder,
textarea::-moz-placeholder {
color: #222 !important;
opacity: 1 !important;
}
input[type=text]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
textarea[type=text]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: rgba(0, 0, 0, 0) !important;
}
input[type=text]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
textarea[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #222 !important;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}
input[type=text]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
textarea[type=text]:-moz-placeholder,
textarea:-moz-placeholder {
color: #222 !important;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}
input[type=text]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
textarea[type=text]::-moz-placeholder,
textarea::-moz-placeholder {
color: #222 !important;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}
input[type=text]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
textarea[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #222 !important;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}
input[type=text]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
textarea[type=text]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0) !important;
}
input[type=text]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
textarea[type=text]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
opacity: 0 !important;
}
input[type=text]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder,
textarea[type=text]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: rgba(0, 0, 0, 0) !important;
}
input:disabled {
color: rgba(34, 34, 34, 0.7) !important;
background: rgba(34, 34, 34, 0.2) !important;
}
textarea {
max-width: 100%;
width: 100%;
border: 1px solid #c3c3c5;
padding: 10px 20px;
line-height: 24px;
border-radius: 0;
margin-bottom: 12px;
color: #666666;
font-style: italic;
text-align: center;
background: #fff;
resize: none;
}
textarea:focus, textarea:active {
padding-top: 9px;
padding-bottom: 9px;
padding-right: 19px;
padding-left: 19px;
border: 2px solid #29aae3;
background: rgba(41, 170, 227, 0.05);
}
select {
max-width: 100%;
width: 100%;
padding: 14px 20px;
}
button,
input,
optgroup,
select,
textarea {
font-family: Lato, Arial, Helvetica, sans-serif;
}
figure {
margin: 0;
}
.page-template-page_agents input[type=text],
.page-template-page_agents input[type=password],
.page-template-page_agents input[type=email],
.page-template-page_agents input[type=date],
.page-template-page_agents input[type=number],
.page-template-page_agents input[type=tel],
.page-template-page_agents input[type=search]:not(#media-search-input),
.page-template-page_agents textarea {
max-width: inherit;
width: 100%;
border: inherit;
padding: inherit;
line-height: inherit;
border-radius: inherit;
margin-bottom: inherit;
color: inherit;
font-style: inherit;
text-align: inherit;
background: inherit;
}
.woocommerce-page:not(.page-template-page_agents-php) input[type=text],
.woocommerce-page:not(.page-template-page_agents-php) input[type=password],
.woocommerce-page:not(.page-template-page_agents-php) input[type=email],
.woocommerce-page:not(.page-template-page_agents-php) input[type=date],
.woocommerce-page:not(.page-template-page_agents-php) input[type=number],
.woocommerce-page:not(.page-template-page_agents-php) input[type=tel],
.woocommerce-page:not(.page-template-page_agents-php) input[type=search]:not(#media-search-input),
.woocommerce-page:not(.page-template-page_agents-php) textarea {
max-width: inherit;
width: 100%;
border: 1px solid #ccc;
padding: inherit;
line-height: inherit;
padding-right: 12px;
padding-left: 12px;
margin-bottom: inherit;
color: inherit;
font-style: inherit;
text-align: right;
background: #fff;
}
/* Table */
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 24px;
}
td,
th {
padding: 12px;
text-align: right;
border: 1px solid #999;
font-weight: initial;
}
/* WordPress Core */
.alignleft {
display: inline;
float: right;
margin-left: 1.5em;
}
.alignright {
display: inline;
float: left;
margin-right: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 6px 0 0 0;
font-size: 13px;
}
.wp-caption-text {
text-align: right;
}
.wp-caption.alignleft {
margin: 0;
padding: 5px 0 15px 30px;
}
.wp-caption.alignright {
margin: 0;
padding: 5px 30px 15px 0;
}
.screen-reader-text {
display: none;
overflow: hidden;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.bypostauthor {
display: block;
}
.gallery-caption {
display: block;
font-size: 13px;
margin: 3px 0 12px 0;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
.post-content {
margin-bottom: 12px;
}
.post-content:after {
clear: both;
content: "";
display: table;
}
/* 3.12 Gallery */
.gallery {
margin-bottom: 24px;
max-width: 600px !important;
}
.gallery .gallery-item {
padding: 2px;
margin: 0;
}
.gallery .gallery-item a {
position: relative;
display: block;
}
.gallery .gallery-item a:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.gallery .gallery-item a:hover:after {
opacity: 0.3;
}
}
.gallery a {
position: relative;
display: block;
}
.gallery-item {
display: inline-block;
text-align: right;
vertical-align: top;
width: 100%;
max-width: 100%;
}
.gallery-item img {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
@media (max-width: 767px) {
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 100%;
}
}
.gallery-caption {
font-size: 13px;
margin: 3px 0 12px 0;
font-style: italic;
text-align: center;
padding: 6px 10px 0 10px;
}
.tiled-gallery-item a {
position: relative;
display: block;
overflow: hidden;
}
.tiled-gallery-item a:after {
content: '';
position: absolute;
top: 2px;
right: 2px;
display: block;
height: 99%;
opacity: 0;
width: 99%;
background: #000;
}
.tiled-gallery-item a:hover:after {
background: #000;
opacity: 0.3;
}
.sticky {
border-top: 2px solid #29aae3;
}
/* Layout */
.mh-layout {
margin: 0 auto;
padding: 0 15px;
width: 100%;
flex: 1 0 auto;
}
.mh-layout:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 1200px) {
.mh-layout {
max-width: 1200px;
padding: 0 30px;
}
}
.mh-layout__content-left {
margin: 0 auto;
}
@media (min-width: 1024px) {
.mh-layout__content-left {
width: 75%;
float: right;
padding-left: 36px;
}
.mh-layout__content-left:after {
content: '\200b';
visibility: hidden;
}
}
.mh-layout__content-right {
margin: 0 auto;
}
@media (min-width: 1024px) {
.mh-layout__content-right {
width: 75%;
float: right;
padding-right: 36px;
}
.mh-layout__content-right:after {
content: '\200b';
visibility: hidden;
}
}
.mh-layout__sidebar-left {
margin: 0 auto;
}
@media (min-width: 1024px) {
.mh-layout__sidebar-left {
width: 25%;
float: right;
}
.mh-layout__sidebar-left:after {
content: '\200b';
visibility: hidden;
}
}
.mh-layout__sidebar-right {
margin: 0 auto;
position: relative;
}
@media (min-width: 1024px) {
.mh-layout__sidebar-right {
width: 25%;
float: left;
}
.mh-layout__sidebar-right:after {
content: '\200b';
visibility: hidden;
}
}
.mh-layout__sidebar--sticky {
position: static;
}
/* Navbar - use it only when premium plugin is not activated */
.mh-navbar__blog-name {
font-family: Play, Arial, Helvetica, sans-serif;
display: inline-block;
font-weight: 700;
font-size: 24px;
margin-left: 40px;
line-height: 65px;
display: inline-block;
position: absolute;
right: 15px;
}
@media (min-width: 1023px) {
.mh-navbar__blog-name {
position: static;
line-height: 36px;
}
}
.mh-navbar__wrapper {
min-height: 65px;
}
@media (min-width: 1023px) {
.mh-navbar__wrapper {
min-height: 80px;
}
}
.mh-navbar__wrapper .menu-primary-menu-container > ul > .menu-item-has-children > a:after {
content: '';
width: 0;
top: 9px;
right: 5px;
position: relative;
height: 0;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #222;
}
.mh-navbar__wrapper #mh-submit-button a {
display: block;
padding: 18px 25px;
font-size: 14px;
color: #4d4d4d;
}
@media (min-width: 1023px) {
.mh-navbar__wrapper #mh-submit-button a {
padding: 0;
text-transform: uppercase;
}
.mh-navbar__wrapper #mh-submit-button a:hover {
color: #29aae3;
}
}
@media (max-width: 1023px) {
.mh-navbar__wrapper {
height: 60px !important;
}
}
.mh-navbar__container {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
background: #fff;
z-index: 9999;
}
.mh-navbar__container:after {
content: '';
display: block;
clear: both;
}
.mh-navbar__header {
display: inline-block;
float: right;
padding-top: 22px;
}
.mh-navbar__toggle {
display: none;
}
.mh-navbar__toggle-icon {
display: inline-block;
font-size: 30px;
position: absolute;
color: #4d4d4d;
left: 15px;
top: 10px;
}
.mh-navbar__brand img {
float: right;
display: inline;
margin-left: 64px;
margin-top: -3px;
max-height: 32px;
}
@media (min-width: 1023px) {
.mh-navbar__brand img {
max-height: 40px;
}
}
.mh-navbar__menu {
z-index: 9999;
display: inline;
}
.mh-navbar__menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.mh-navbar__menu ul li {
position: relative;
}
.mh-navbar__menu ul:first-child {
position: static;
padding: 0;
}
.mh-navbar__menu ul:first-child > li {
display: inline-block;
padding: 0;
margin: 0 17px;
position: static;
cursor: pointer;
}
.mh-navbar__menu ul:first-child > li > a {
display: block;
padding: 30px 0 30px 0;
color: #4d4d4d;
font-size: 14px;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.mh-navbar__menu ul:first-child > li:first-child {
margin-right: 0;
}
.mh-navbar__menu ul:first-child > li:hover > a {
color: #29aae3;
}
.mh-navbar__menu ul:first-child ul:first-child {
border-top: 0;
margin-top: -20px;
}
.mh-navbar__menu ul:not(:first-child) {
display: none;
position: absolute;
z-index: 9999;
max-width: 205px;
margin-right: -17px;
}
.mh-navbar__menu ul:not(:first-child) > li {
min-width: 200px;
background: #666 !important;
}
.mh-navbar__menu ul:not(:first-child) > li > a {
display: block;
padding: 14px 18px;
position: relative;
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
.mh-navbar__menu ul:not(:first-child) > li:hover {
background: #999999;
}
.mh-navbar__menu ul:not(:first-child) > li:hover > a:after {
width: 100%;
}
.mh-navbar__menu ul:not(:first-child) > li:hover > a:before {
width: 100%;
}
.mh-navbar__menu ul ul ul {
position: absolute;
top: 0;
right: 100%;
margin-right: 0 !important;
}
.mh-navbar__search {
display: inline-block;
float: left;
position: relative;
padding-right: 30px;
margin-right: 30px;
background: #fff;
}
.mh-navbar__search:before {
content: '';
height: 55px;
width: 1px;
position: absolute;
top: 9px;
right: -30px;
bottom: 0;
}
.mh-navbar__search input {
height: 72px;
width: auto;
padding: 0px 0 0 32px !important;
border: 0;
}
@media (max-width: 1200px) {
.mh-navbar__container {
max-width: 970px;
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
.mh-navbar__menu > ul:first-child > li {
margin-left: 15px;
}
.mh-navbar__menu > ul:first-child > li > a {
padding-right: 9px !important;
padding-left: 9px !important;
}
.mh-navbar__menu > ul:first-child > li .mh-navbar__search {
padding-right: 0;
}
.mh-navbar__menu > ul:first-child > li .mh-navbar__search input {
width: 130px;
}
}
@media (max-width: 1023px) {
.mh-navbar {
border: 0 !important;
}
.mh-navbar.mh-navbar--sticky {
position: relative !important;
top: 0 !important;
}
.mh-navbar__container {
padding-right: 0;
padding-left: 0;
}
.mh-navbar__header {
display: block;
width: 100%;
padding-top: 0;
}
.mh-navbar__brand {
position: absolute;
top: 17px;
right: 15px;
}
.mh-navbar__toggle {
display: block;
padding: 30px 15px;
color: #a1b1bc;
text-align: left;
font-size: 14px;
position: relative;
z-index: 999999;
}
.mh-navbar__container .mh-navbar__menu {
margin-right: 0px;
min-height: 40px;
height: auto;
padding: 0;
display: none;
}
.mh-navbar__container .mh-navbar__menu ul {
position: relative !important;
margin: 0;
padding: 0;
list-style-type: none;
}
.mh-navbar__container .mh-navbar__menu ul ul {
padding-right: 20px;
padding-left: 20px;
}
.mh-navbar__container .mh-navbar__menu ul li {
position: relative;
}
.mh-navbar__container .mh-navbar__menu ul:first-child {
padding: 0;
display: block;
z-index: 999;
}
.mh-navbar__container .mh-navbar__menu ul:first-child > li {
width: 100%;
margin: 0;
background: #fff;
}
.mh-navbar__container .mh-navbar__menu ul:first-child > li > a {
text-transform: none;
background: #fff;
display: block;
padding: 18px 25px;
border-bottom: 1px solid #f0f0f0;
}
.mh-navbar__container .mh-navbar__menu ul:first-child > li:hover {
background-color: #fff;
}
.mh-navbar__container .mh-navbar__menu ul:first-child > li:hover > a:first-child {
background-color: #fff;
color: #29aae3;
}
.mh-navbar__container .mh-navbar__menu ul:first-child ul:first-child {
border-top: 0;
margin-top: 0;
}
.mh-navbar__container .mh-navbar__menu ul:not(:first-child) {
display: none;
z-index: 9999;
border: 0;
max-width: none;
}
.mh-navbar__container .mh-navbar__menu ul:not(:first-child) > li {
background: #fff;
}
.mh-navbar__container .mh-navbar__menu ul:not(:first-child) > li > a {
display: block;
padding: 10px;
color: #4d4d4d;
text-transform: none;
border-bottom: 1px solid #f0f0f0;
}
.mh-navbar__container .mh-navbar__menu ul:not(:first-child) > li > a:before, .mh-navbar__container .mh-navbar__menu ul:not(:first-child) > li > a:after {
display: none;
}
.mh-navbar__container .mh-navbar__menu ul:not(:first-child) > li:hover {
background: #fff;
}
.mh-navbar__container .mh-navbar__menu ul:not(:first-child) > li:hover > a:after {
width: 100%;
}
.mh-navbar__container .mh-navbar__menu ul ul ul {
top: 0;
right: 0;
}
}
/* Grid */
.mh-grid {
position: relative;
}
@media (min-width: 768px) {
.mh-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
justify-content: space-between;
flex: 1;
overflow: hidden;
margin-right: -6px;
margin-left: -6px;
}
}
.mh-grid:after {
content: "";
flex: auto;
}
.mh-grid__1of1 {
width: 100%;
}
@media (min-width: 768px) {
.mh-grid__1of1 {
padding: 0 6px;
}
}
.mh-grid__1of2 {
width: 100%;
}
@media (min-width: 768px) {
.mh-grid__1of2 {
width: 50%;
padding: 0 6px;
}
}
.mh-grid__1of3 {
width: 100%;
}
@media (min-width: 768px) {
.mh-grid__1of3 {
width: 50%;
padding: 0 6px;
}
}
@media (min-width: 1024px) {
.mh-grid__1of3 {
width: 33.33%;
}
}
.mh-grid__1of4 {
width: 100%;
}
@media (min-width: 768px) {
.mh-grid__1of4 {
width: 50%;
padding: 0 6px;
}
}
@media (min-width: 1024px) {
.mh-grid__1of4 {
width: 25%;
}
}
.mh-properties .mh-grid__1of1,
.mh-properties .mh-grid__1of2,
.mh-properties .mh-grid__1of3 {
margin-bottom: 12px;
}
/* Thumbnails */
.mh-thumbnail {
position: relative;
display: block;
margin-bottom: 12px;
}
.mh-thumbnail img {
width: 100%;
}
@media (min-width: 1025px) {
.mh-thumbnail:hover .mh-thumbnail__inner:after {
background: #000;
opacity: 0.3;
}
}
.mh-thumbnail__inner--no_image {
text-align: center;
background: #ddd;
}
.mh-thumbnail__inner--no_image:before {
opacity: 0 !important;
}
.mh-thumbnail__inner--no_image__icon svg {
max-height: 64px !important;
position: absolute;
top: 50%;
fill: #222 !important;
display: inline-block !important;
margin-top: -32px !important;
right: 0;
left: 0;
margin: 0 auto;
}
.mh-thumbnail__inner--no_image + .mh-estate-vertical__text {
display: none !important;
}
.mh-thumbnail__featured {
z-index: 10 !important;
}
.mh-thumbnail__inner:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mh-thumbnail__featured {
position: absolute;
top: 12px;
right: 0px;
padding: 3px 6px;
color: #fff;
background: #29aae3;
font-size: 14px;
}
.mh-top-wide .mh-layout {
max-width: none;
}
@media (min-width: 1200px) {
.mh-top-wide #mega_main_menu.mh-primary .menu_inner {
max-width: none;
padding: 0 30px;
}
}
/* Pagination */
.mh-pagination {
width: 100%;
text-align: center;
position: relative;
border-top: 1px solid #f0f0f0;
padding-top: 12px;
margin-bottom: 36px;
}
.mh-pagination:after {
clear: both;
content: "";
display: table;
}
.mh-pagination .page-numbers {
padding: 7px;
margin: 0 3px;
color: #222;
}
.mh-pagination a:hover {
color: #29aae3;
}
.mh-pagination--properties {
padding-right: 0;
text-transform: uppercase;
font-size: 14px;
}
@media (min-width: 480px) {
.mh-pagination--properties .mh-pagination__item {
padding: 0 6px;
}
}
.mh-pagination--properties li {
display: inline;
}
@media (min-width: 480px) {
.mh-pagination--properties li {
padding: 0 12px;
}
}
.mh-pagination--properties li a {
display: inline-block;
padding: 6px;
color: #444;
}
.mh-pagination--properties li.active a {
color: #29aae3;
}
.mh-pagination--properties__inner {
display: inline-block;
margin: 0 auto;
}
.mh-pagination--single-post {
color: #29aae3;
}
.mh-pagination--single-post span {
margin: 10px;
}
.page-numbers.current {
color: #29aae3;
}
/* Footer */
.mh-footer__inner {
font-size: 13px;
padding: 24px 0 0 0;
}
.mh-footer__inner select {
border: 1px solid #c3c3c5;
background: #222;
}
.mh-footer__inner .calendar_wrap table caption {
font-size: 16px;
}
.mh-footer__inner .calendar_wrap table tbody a {
line-height: 30px;
}
.mh-footer__inner .calendar_wrap table #today {
font-weight: 400;
}
.mh-footer__inner label {
width: 100%;
}
.mh-footer__inner .tagcloud a {
border-color: #ccc;
}
@media (min-width: 768px) {
.mh-footer__inner {
padding-top: 48px;
}
}
@media (min-width: 1024px) {
.mh-footer__row {
margin: 0 -18px;
position: relative;
}
}
@media (min-width: 1024px) {
.mh-footer__row .mh-footer__row__column {
padding: 0 18px;
float: right;
width: 25%;
}
}
@media (min-width: 1024px) {
.mh-footer__row .mh-footer__row__column--1of2 {
width: 50%;
}
.mh-footer__row .mh-footer__row__column--1of3 {
width: 33.3%;
}
.mh-footer__row .mh-footer__row__column--1of5 {
width: 20%;
}
}
.mh-footer__heading {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-footer__heading {
margin-bottom: 24px;
}
}
.mh-footer__text {
margin-bottom: 24px;
}
.mh-footer__logo > img {
margin-bottom: 24px;
}
.mh-footer__logo > img:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-footer__logo > img {
margin-bottom: 36px;
}
}
.mh-footer__contact {
position: relative;
padding-right: 35px;
line-height: 24px;
margin-bottom: 24px;
}
.mh-footer__contact > a {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-ms-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.mh-footer__contact i {
position: absolute;
right: 0;
font-size: 20px;
}
/* Footer top - widget area */
.mh-footer-top {
background: #f2f2f2;
}
.mh-footer-top .widget_pages ul li a,
.mh-footer-top .widget_meta ul li a,
.mh-footer-top .widget_recent_entries ul li a,
.mh-footer-top .widget_nav_menu ul li a,
.mh-footer-top .widget_categories ul li a,
.mh-footer-top .widget_archive ul li a {
border-color: #ccc;
}
.mh-footer-top .calendar_wrap table thead {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.mh-footer-top .calendar_wrap table tfoot {
border-top: 1px solid #ccc;
}
.mh-footer-top .recentcomments {
border-color: #ccc;
}
.mh-footer-top .widget_rss > ul > li {
border-color: #ccc;
}
.mh-footer-top--dark {
color: #f0f0f0;
background: #333;
}
.mh-footer-top--dark a {
color: #fff;
}
@media (min-width: 1025px) {
.mh-footer-top--dark a:hover, .mh-footer-top--dark a:active, .mh-footer-top--dark a:focus {
color: #29aae3;
text-decoration: none;
}
}
.mh-footer-top--dark .widget {
border: 0;
padding-bottom: 0;
}
.mh-footer-top--dark .widget_pages ul li a,
.mh-footer-top--dark .widget_meta ul li a,
.mh-footer-top--dark .widget_recent_entries ul li a,
.mh-footer-top--dark .widget_nav_menu ul li a,
.mh-footer-top--dark .widget_categories ul li a,
.mh-footer-top--dark .widget_archive ul li a {
color: #fff;
border-color: #4d4d4d;
}
@media (min-width: 1025px) {
.mh-footer-top--dark .widget_pages ul li a:hover, .mh-footer-top--dark .widget_pages ul li a:focus, .mh-footer-top--dark .widget_pages ul li a:active,
.mh-footer-top--dark .widget_meta ul li a:hover,
.mh-footer-top--dark .widget_meta ul li a:focus,
.mh-footer-top--dark .widget_meta ul li a:active,
.mh-footer-top--dark .widget_recent_entries ul li a:hover,
.mh-footer-top--dark .widget_recent_entries ul li a:focus,
.mh-footer-top--dark .widget_recent_entries ul li a:active,
.mh-footer-top--dark .widget_nav_menu ul li a:hover,
.mh-footer-top--dark .widget_nav_menu ul li a:focus,
.mh-footer-top--dark .widget_nav_menu ul li a:active,
.mh-footer-top--dark .widget_categories ul li a:hover,
.mh-footer-top--dark .widget_categories ul li a:focus,
.mh-footer-top--dark .widget_categories ul li a:active,
.mh-footer-top--dark .widget_archive ul li a:hover,
.mh-footer-top--dark .widget_archive ul li a:focus,
.mh-footer-top--dark .widget_archive ul li a:active {
color: #fff;
}
}
.mh-footer-top--dark .calendar_wrap table thead {
border-top: 1px solid #4d4d4d;
border-bottom: 1px solid #4d4d4d;
}
.mh-footer-top--dark .calendar_wrap table tfoot {
border-top: 1px solid #4d4d4d;
}
.mh-footer-top--dark .recentcomments {
border-color: #4d4d4d;
}
.mh-footer-top--dark .recentcomments .comment-author-link {
color: #fff;
}
.mh-footer-top--dark .recentcomments a {
color: #fff;
}
.mh-footer-top--dark .tagcloud a {
border-color: #666666;
color: #fff;
-webkit-transition: 0s ease-in-out;
-moz-transition: 0s ease-in-out;
-ms-transition: 0s ease-in-out;
-o-transition: 0s ease-in-out;
transition: 0s ease-in-out;
}
.mh-footer-top--dark .calendar_wrap table caption {
color: #fff;
}
.mh-footer-top--dark .calendar_wrap table tbody a {
color: #fff;
background: #222;
}
.mh-footer-top--dark .calendar_wrap table tfoot a {
color: #fff;
}
.mh-footer-top--dark .widget_rss > ul > li {
border-color: #4d4d4d;
}
.mh-footer-top--dark .mh-footer__heading {
color: #fff;
}
.mh-footer-top--dark .mh-footer__text-bottom {
color: #fff;
}
.mh-footer-top--dark .mh-footer__text-bottom a {
color: #fff;
}
.mh-footer-top--dark select {
background: #fff;
border: none;
}
.mh-footer-top--dark input[type=text]:focus,
.mh-footer-top--dark input[type=text]:active,
.mh-footer-top--dark input[type=email]:focus,
.mh-footer-top--dark input[type=email]:active,
.mh-footer-top--dark input[type=password]:focus,
.mh-footer-top--dark input[type=password]:active,
.mh-footer-top--dark input[type=search]:focus,
.mh-footer-top--dark input[type=search]:active {
background: #fff;
}
/* Footer bottom - copyright area */
.mh-footer-bottom {
padding-bottom: 24px;
font-size: 13px;
padding-top: 24px;
background: #222;
color: #fff;
}
@media (min-width: 768px) {
.mh-footer-bottom {
text-align: left;
}
}
.mh-footer-bottom--transparent {
background: transparent;
}
/* Lazyload - images */
.lazyload,
.lazylaoding {
opacity: 0;
}
.lazyloaded {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1;
}
/* Active Input */
.mh-active-input-primary .mh-active-input input {
color: #29aae3;
border: 2px solid #29aae3;
padding-top: 9px;
padding-bottom: 9px;
background: rgba(41, 170, 227, 0.05);
}
.mh-active-input-primary .mh-active-input .bootstrap-select.btn-group > .btn {
color: #29aae3;
border: 2px solid #29aae3;
padding-top: 12px;
padding-bottom: 12px;
background: rgba(41, 170, 227, 0.05);
}
.mh-active-input-primary .mh-active-input .bootstrap-select.btn-group .dropdown-toggle .filter-option {
color: #29aae3;
}
.mh-active-input-primary .mh-search__panel > div:not(:first-child) .is-checked .mdl-radio__outer-circle {
border-color: #29aae3;
}
.mh-active-input-primary .mh-search__panel > div:not(:first-child) .is-checked .mdl-radio__inner-circle {
background: #29aae3;
}
.mh-active-input-primary .mh-search__panel > div:not(:first-child) .is-checked .mdl-radio__label {
color: #29aae3;
}
body.mh-active-input-dark .mh-active-input input {
color: #222;
border: 2px solid #4d4d4d;
background: #fff;
padding-top: 9px;
padding-bottom: 9px;
}
body.mh-active-input-dark .mh-active-input .bootstrap-select.btn-group > .btn {
color: #222;
border: 2px solid #4d4d4d;
background: #fff;
padding-top: 12px;
padding-bottom: 12px;
}
body.mh-active-input-dark .mh-active-input .bootstrap-select.btn-group .dropdown-toggle .filter-option {
color: #222;
}
body.mh-active-input-dark input[type=text]:active, body.mh-active-input-dark input[type=text]:focus,
body.mh-active-input-dark input[type=password]:active,
body.mh-active-input-dark input[type=password]:focus,
body.mh-active-input-dark input[type=email]:active,
body.mh-active-input-dark input[type=email]:focus,
body.mh-active-input-dark input[type=search]:active,
body.mh-active-input-dark input[type=search]:focus {
color: #222;
border-color: #4d4d4d;
background: #fff;
}
body.mh-active-input-dark .dropdown-menu > li.selected a {
background: #666666;
color: #fff;
}
body.mh-active-input-dark textarea:focus,
body.mh-active-input-dark textarea:active {
border-color: #4d4d4d;
background: #fff;
}
/* Agent Contact */
.mh-agent-contact {
font-size: 13px;
line-height: 24px;
width: 100%;
}
.mh-agent-contact:after {
clear: both;
content: "";
display: table;
}
.mh-agent-contact__element {
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mh-agent-contact__element:after {
clear: both;
content: "";
display: table;
}
.mh-agent-contact__element i {
margin: 0;
width: 24px;
padding-right: 2px;
font-size: 16px;
position: relative;
top: 2px;
display: inline-block;
}
.mh-agent-contact__element a {
color: #222;
}
.mh-agent-contact__element a:hover {
color: #222;
}
/* Awesomecomplete */
.awesomplete [hidden] {
display: none;
}
.awesomplete .visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.awesomplete {
display: block;
position: relative;
}
.awesomplete > input {
display: block;
}
.awesomplete > ul {
position: absolute;
right: 0;
top: 48px;
z-index: 1000;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
margin: 0;
background: #fff;
}
.awesomplete > ul:empty {
display: none;
}
.awesomplete > ul {
border-radius: 0;
background: #fff;
border: 1px solid #c3c3c5;
}
@supports (transform: scale(0)) {
.awesomplete > ul[hidden],
.awesomplete > ul:empty {
opacity: 0;
display: block;
}
}
.awesomplete > ul > li {
position: relative;
padding: 6px 12px;
font-size: 14px;
cursor: pointer;
}
.awesomplete > ul > li:hover {
background: #f0f0f0;
}
.awesomplete mark {
background: #29aae3;
color: #fff !important;
}
/* Bootstrap select */
.bootstrap-select.btn-group {
margin-bottom: 12px;
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.bootstrap-select.btn-group > .btn {
position: relative;
float: right;
display: inline-block;
background: #fff;
padding: 13px 20px 13px 0;
border-radius: 0;
text-align: center;
white-space: nowrap;
vertical-align: middle;
margin-bottom: 0;
border: 1px solid #c3c3c5;
}
.bootstrap-select.btn-group > .btn .caret {
position: absolute;
top: 50%;
left: 12px;
margin-top: -2px;
vertical-align: middle;
display: inline-block;
width: 0;
height: 0;
margin-right: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.bootstrap-select.btn-group > .dropdown-toggle {
width: 100%;
padding-left: 25px;
z-index: 1;
}
.bootstrap-select.btn-group > select {
position: absolute;
bottom: 0;
right: 50%;
display: block;
width: 0.5px;
height: 100%;
padding: 0;
opacity: 0;
border: none;
}
.bootstrap-select.btn-group > select.mobile-device {
top: 0;
right: 0;
display: block;
width: 100%;
z-index: 2;
}
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0;
padding: 0;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 202000;
}
.bootstrap-select.btn-group .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: center;
font-style: italic;
color: #222;
text-transform: capitalize;
}
.dropdown-menu {
position: absolute;
top: 100%;
right: 0;
display: none;
float: right;
min-width: 160px;
margin: 2px 0 0;
font-size: 14px;
text-align: right;
min-width: 100%;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #c3c3c5;
}
.dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
}
.dropdown-menu > li {
position: relative;
}
.dropdown-menu > li > a {
display: block;
padding: 6px 12px;
min-height: 36px;
clear: both;
font-weight: normal;
color: #222;
white-space: nowrap;
text-transform: capitalize;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 1025px) {
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #222;
background-color: #f0f0f0;
}
}
.open .dropdown-menu {
display: block;
}
.dropdown-menu > li.selected a {
background: #29aae3;
color: #fff;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
max-height: 300px !important;
}
/* Contact Form 7 */
.wpcf7-form label {
font-weight: 700;
display: block;
}
.wpcf7-form label:after {
clear: both;
content: "";
display: table;
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 3px;
position: relative;
width: 100%;
}
.wpcf7-form .wpcf7-select {
border: 1px solid #c6c6c7;
}
.wpcf7-form input {
margin-bottom: 0;
}
.wpcf7-form select {
padding-top: 12px;
padding-bottom: 12px;
}
.wpcf7-form textarea {
margin-bottom: 0;
}
.wpcf7-form p {
margin-bottom: 0;
}
.wpcf7-form input, .wpcf7-form textarea {
text-align: right;
}
.wpcf7-form .wpcf7-not-valid-tip {
border-right: 5px solid red;
background: rgba(255, 0, 0, 0.1);
padding: 6px 12px;
margin-bottom: 0;
margin-top: 3px;
font-size: 14px;
color: #222;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
background: #29aae3;
color: #fff;
border: 0;
padding: 0 24px;
line-height: 48px;
shadow: none;
cursor: pointer;
margin-bottom: 24px;
margin-left: 24px;
text-transform: uppercase;
letter-spacing: 0.1px;
}
.wpcf7-form .wpcf7-validation-errors {
margin: 0;
padding: 24px;
background: #f4f4f4;
margin-bottom: 24px;
border: 0;
}
.wpcf7-form .wpcf7-mail-sent-ok {
margin: 0;
padding: 24px;
margin-bottom: 24px;
border: 0;
background: green;
color: #fff;
}
.mh-contact-form-style-2 {
background: #f4f4f4 !important;
margin-bottom: 24px !important;
padding: 6px 18px 0 18px !important;
}
.mh-contact-form-style-2 .wpcf7-list-item {
display: block !important;
margin: 0 !important;
}
.mh-contact-form-style-2 label {
margin-bottom: 12px !important;
margin-top: 12px !important;
}
.mh-contact-form-style-2 .wpcf7-list-item-label {
right: 6px !important;
top: -2px !important;
position: relative !important;
font-size: 14px !important;
}
.mh-contact-form-style-2 .wpcf7-list-item.first {
margin-top: 6px !important;
}
.mh-contact-form-style-2 .wpcf7-form-control-wrap {
display: block !important;
margin-top: 3px !important;
}
.mh-contact-form-style-2 input[type=text],
.mh-contact-form-style-2 input[type=password],
.mh-contact-form-style-2 input[type=email],
.mh-contact-form-style-2 input[type=date],
.mh-contact-form-style-2 input[type=number],
.mh-contact-form-style-2 input[type=tel],
.mh-contact-form-style-2 textarea {
text-align: right !important;
margin-bottom: 0 !important;
}
.mh-contact-form-style-2 + .wpcf7-mail-sent-ok {
margin-top: -114px !important;
z-index: 99999 !important;
position: relative !important;
margin-bottom: 24px !important;
}
.mh-contact-form-style-2 + .wpcf7-validation-errors {
margin-top: -70px !important;
z-index: 99999 !important;
margin-bottom: 24px !important;
position: relative !important;
}
/* Easy Social Share Buttons Integration*/
.mh-estate__section--details .essb_links.essb_template_flat-retina li a .essb_network_name,
.post-content .essb_links.essb_template_flat-retina li a .essb_network_name {
margin-left: 16px;
}
.mh-estate__section--details .essb_links.essb_template_flat-retina li a,
.post-content .essb_links.essb_template_flat-retina li a {
box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
}
.mh-estate__section--details .essb_links.essb_template_flat-retina,
.post-content .essb_links.essb_template_flat-retina {
word-wrap: normal !important;
clear: both;
margin: -2px 0 22px 0;
}
.essb-location-customize,
#wp-admin-bar-essb,
.essb-customizer-toggle {
display: none !important;
}
.mh-top-essb {
width: 248px;
margin-top: 9px;
float: right;
}
.mh-top-essb .essb_network_name {
display: none !important;
}
.mh-top-essb .essb_links {
margin-top: 0;
margin-bottom: 0;
}
.mh-top-essb .essb_item:last-child a {
margin-left: 0 !important;
}
@media (min-width: 768px) {
.mh-top-essb {
margin-top: 0;
}
}
@media (min-width: 1024px) {
.mh-top-essb {
float: left;
text-align: left;
}
}
@media (min-width: 1200px) {
.mh-top-essb {
width: 320px;
}
}
/* Jetpack Integration */
.contact-form input,
.contact-form textarea {
text-align: right;
}
.contact-submit input[type=submit] {
background: #fff;
border: 2px solid #4d4d4d;
padding: 10px 24px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
}
.contact-submit input[type=submit]:hover {
background: #f2f2f2;
}
/* Magnific Popup */
.mfp-bg {
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 204001;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.95;
}
.mfp-wrap {
top: 0;
right: 0;
width: 100%;
height: 100%;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
right: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: right;
z-index: 204003;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
right: 8px;
left: 8px;
z-index: 204002;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 204004;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
left: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 10px 18px 0;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
left: -6px;
text-align: left;
padding-left: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
left: 0;
color: #ccc;
font-size: 13px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 48px;
height: 48px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
right: 0;
top: 0;
}
.mfp-arrow-left {
right: 12px;
}
.mfp-arrow-left:after {
content: "\f053" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
color: #222;
display: block;
line-height: 48px;
text-align: center;
background: white;
width: 48px;
height: 48px;
}
.mfp-arrow-right {
left: 12px;
}
.mfp-arrow-right:after {
content: "\f054" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
color: #222;
display: block;
line-height: 48px;
text-align: center;
background: white;
width: 48px;
height: 48px;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
right: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
right: 0;
top: 40px;
bottom: 40px;
display: block;
left: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 13px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
right: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: right;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-left: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-right: 0;
padding-left: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-right: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
left: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
left: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-right: 6px;
padding-left: 6px;
}
}
.mfp-bg {
z-index: 204005;
}
.mfp-wrap {
z-index: 204006;
}
/* Material Design Lite */
.mdl-ripple {
background: rgb(0, 0, 0);
border-radius: 50%;
height: 50px;
right: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transform: translate(50%, -50%);
width: 50px;
overflow: hidden;
}
.mdl-ripple.is-animating {
transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
}
.mdl-ripple.is-visible {
opacity: 0.3;
}
.mdl-animation--default {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-animation--fast-out-slow-in {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-animation--linear-out-slow-in {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.mdl-animation--fast-out-linear-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.mdl-button {
background: transparent;
border: none;
border-radius: 2px;
color: rgb(0, 0, 0);
position: relative;
height: 36px;
margin: 0;
min-width: 64px;
padding: 0 16px;
display: inline-block;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0;
overflow: hidden;
will-change: box-shadow;
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
outline: none;
cursor: pointer;
text-decoration: none;
text-align: center;
line-height: 36px;
vertical-align: middle;
}
.mdl-button::-moz-focus-inner {
border: 0;
}
.mdl-button:hover {
background-color: rgba(158, 158, 158, 0.20);
}
.mdl-button:focus:not(:active) {
background-color: rgba(0, 0, 0, 0.12);
}
.mdl-button:active {
background-color: rgba(158, 158, 158, 0.40);
}
.mdl-button.mdl-button--colored {
color: rgb(63, 81, 181);
}
.mdl-button.mdl-button--colored:focus:not(:active) {
background-color: rgba(0, 0, 0, 0.12);
}
input.mdl-button[type="submit"] {
-webkit-appearance: none;
}
.mdl-button--raised {
background: rgba(158, 158, 158, 0.20);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-button--raised:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(158, 158, 158, 0.40);
}
.mdl-button--raised:focus:not(:active) {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
background-color: rgba(158, 158, 158, 0.40);
}
.mdl-button--raised.mdl-button--colored {
background: rgb(63, 81, 181);
color: rgb(255, 255, 255);
}
.mdl-button--raised.mdl-button--colored:hover {
background-color: rgb(63, 81, 181);
}
.mdl-button--raised.mdl-button--colored:active {
background-color: rgb(63, 81, 181);
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
background-color: rgb(63, 81, 181);
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
background: rgb(255, 255, 255);
}
.mdl-button--fab {
border-radius: 50%;
font-size: 24px;
height: 56px;
margin: auto;
min-width: 56px;
width: 56px;
padding: 0;
overflow: hidden;
background: rgba(158, 158, 158, 0.20);
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
position: relative;
line-height: normal;
}
.mdl-button--fab .material-icons {
position: absolute;
top: 50%;
right: 50%;
transform: translate(12px, -12px);
line-height: 24px;
width: 24px;
}
.mdl-button--fab.mdl-button--mini-fab {
height: 40px;
min-width: 40px;
width: 40px;
}
.mdl-button--fab .mdl-button__ripple-container {
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button--fab:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(158, 158, 158, 0.40);
}
.mdl-button--fab:focus:not(:active) {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
background-color: rgba(158, 158, 158, 0.40);
}
.mdl-button--fab.mdl-button--colored {
background: rgb(255, 64, 129);
color: rgb(255, 255, 255);
}
.mdl-button--fab.mdl-button--colored:hover {
background-color: rgb(255, 64, 129);
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
background-color: rgb(255, 64, 129);
}
.mdl-button--fab.mdl-button--colored:active {
background-color: rgb(255, 64, 129);
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
background: rgb(255, 255, 255);
}
.mdl-button--icon {
border-radius: 50%;
font-size: 24px;
height: 32px;
margin-right: 0;
margin-left: 0;
min-width: 32px;
width: 32px;
padding: 0;
overflow: hidden;
color: inherit;
line-height: normal;
}
.mdl-button--icon .material-icons {
position: absolute;
top: 50%;
right: 50%;
transform: translate(12px, -12px);
line-height: 24px;
width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon {
height: 24px;
min-width: 24px;
width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
top: 0px;
right: 0px;
}
.mdl-button--icon .mdl-button__ripple-container {
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button__ripple-container {
display: block;
height: 100%;
right: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 0;
overflow: hidden;
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
background-color: transparent;
}
.mdl-button--primary.mdl-button--primary {
color: rgb(63, 81, 181);
}
.mdl-button--primary.mdl-button--primary .mdl-ripple {
background: rgb(255, 255, 255);
}
.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
color: rgb(255, 255, 255);
background-color: rgb(63, 81, 181);
}
.mdl-button--accent.mdl-button--accent {
color: rgb(255, 64, 129);
}
.mdl-button--accent.mdl-button--accent .mdl-ripple {
background: rgb(255, 255, 255);
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
color: rgb(255, 255, 255);
background-color: rgb(255, 64, 129);
}
.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
color: rgba(0, 0, 0, 0.26);
cursor: default;
background-color: transparent;
}
.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.26);
}
.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.26);
box-shadow: none;
}
.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
color: rgba(0, 0, 0, 0.26);
}
.mdl-button .material-icons {
vertical-align: middle;
}
.mdl-checkbox {
position: relative;
z-index: 1;
vertical-align: middle;
display: inline-block;
box-sizing: border-box;
width: 100%;
height: 24px;
margin: 0;
padding: 0;
}
.mdl-checkbox.is-upgraded {
padding-right: 24px;
}
.mdl-checkbox__input {
line-height: 24px;
}
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
position: absolute;
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
}
.mdl-checkbox__box-outline {
position: absolute;
top: 3px;
right: 0;
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
margin: 0;
cursor: pointer;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, 0.54);
z-index: 2;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border: 2px solid rgb(63, 81, 181);
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
border: 2px solid rgba(0, 0, 0, 0.26);
cursor: auto;
}
.mdl-checkbox__focus-helper {
position: absolute;
top: 3px;
right: 0;
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: transparent;
}
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
}
.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
background-color: rgba(63, 81, 181, 0.26);
}
.mdl-checkbox__tick-outline {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
background: transparent;
transition-duration: 0.28s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background;
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background: rgb(63, 81, 181) url("/images/tick.svg?embed");
}
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
background: rgba(0, 0, 0, 0.26) url("/images/tick.svg?embed");
}
.mdl-checkbox__label {
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 24px;
margin: 0;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
color: rgba(0, 0, 0, 0.26);
cursor: auto;
}
.mdl-checkbox__ripple-container {
position: absolute;
z-index: 2;
top: -6px;
right: -10px;
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-checkbox__ripple-container .mdl-ripple {
background: rgb(63, 81, 181);
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
cursor: auto;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
background: transparent;
}
.mdl-radio {
position: relative;
font-size: 16px;
line-height: 24px;
display: inline-block;
box-sizing: border-box;
margin: 0;
padding-right: 0;
}
.mdl-radio.is-upgraded {
padding-right: 24px;
}
.mdl-radio__button {
line-height: 24px;
}
.mdl-radio.is-upgraded .mdl-radio__button {
position: absolute;
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
}
.mdl-radio__outer-circle {
position: absolute;
top: 4px;
right: 0;
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
margin: 0;
cursor: pointer;
border: 2px solid rgba(0, 0, 0, 0.54);
border-radius: 50%;
z-index: 2;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
border: 2px solid rgb(63, 81, 181);
}
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdl-radio.is-disabled .mdl-radio__outer-circle {
border: 2px solid rgba(0, 0, 0, 0.26);
cursor: auto;
}
.mdl-radio__inner-circle {
position: absolute;
z-index: 1;
margin: 0;
top: 8px;
right: 4px;
box-sizing: border-box;
width: 8px;
height: 8px;
cursor: pointer;
transition-duration: 0.28s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: transform;
transform: scale3d(0, 0, 0);
border-radius: 50%;
background: rgb(63, 81, 181);
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
transform: scale3d(1, 1, 1);
}
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
background: rgba(0, 0, 0, 0.26);
cursor: auto;
}
.mdl-radio.is-focused .mdl-radio__inner-circle {
box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}
.mdl-radio__label {
cursor: pointer;
}
fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdl-radio.is-disabled .mdl-radio__label {
color: rgba(0, 0, 0, 0.26);
cursor: auto;
}
.mdl-radio__ripple-container {
position: absolute;
z-index: 2;
top: -9px;
right: -13px;
box-sizing: border-box;
width: 42px;
height: 42px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-radio__ripple-container .mdl-ripple {
background: rgb(63, 81, 181);
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.mdl-radio.is-disabled .mdl-radio__ripple-container {
cursor: auto;
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
background: transparent;
}
.mdl-textfield {
position: relative;
font-size: 16px;
display: inline-block;
box-sizing: border-box;
width: 300px;
max-width: 100%;
margin: 0;
padding: 20px 0;
}
.mdl-textfield .mdl-button {
position: absolute;
bottom: 20px;
}
.mdl-textfield--align-right {
text-align: left;
}
.mdl-textfield--full-width {
width: 100%;
}
.mdl-textfield--expandable {
min-width: 32px;
width: auto;
min-height: 32px;
}
.mdl-textfield--expandable .mdl-button--icon {
top: 16px;
}
.mdl-textfield__input {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
display: block;
font-size: 16px;
font-family: "Helvetica", "Arial", sans-serif;
margin: 0;
padding: 4px 0;
width: 100%;
background: none;
text-align: right;
color: inherit;
}
.mdl-textfield__input[type="number"] {
-moz-appearance: textfield;
}
.mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.mdl-textfield.is-focused .mdl-textfield__input {
outline: none;
}
.mdl-textfield.is-invalid .mdl-textfield__input {
border-color: rgb(213, 0, 0);
box-shadow: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
background-color: transparent;
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.26);
}
.mdl-textfield textarea.mdl-textfield__input {
display: block;
}
.mdl-textfield__label {
bottom: 0;
color: rgba(0, 0, 0, 0.26);
font-size: 16px;
right: 0;
left: 0;
pointer-events: none;
position: absolute;
display: block;
top: 24px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-align: right;
}
.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
visibility: hidden;
}
.mdl-textfield--floating-label .mdl-textfield__label {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
transition: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
color: rgba(0, 0, 0, 0.26);
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
color: rgb(63, 81, 181);
font-size: 12px;
top: 4px;
visibility: visible;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
top: -16px;
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
color: rgb(213, 0, 0);
font-size: 12px;
}
.mdl-textfield__label:after {
background-color: rgb(63, 81, 181);
bottom: 20px;
content: '';
height: 2px;
right: 45%;
position: absolute;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
visibility: hidden;
width: 10px;
}
.mdl-textfield.is-focused .mdl-textfield__label:after {
right: 0;
visibility: visible;
width: 100%;
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
background-color: rgb(213, 0, 0);
}
.mdl-textfield__error {
color: rgb(213, 0, 0);
position: absolute;
font-size: 12px;
margin-top: 3px;
visibility: hidden;
display: block;
}
.mdl-textfield.is-invalid .mdl-textfield__error {
visibility: visible;
}
.mdl-textfield__expandable-holder {
display: inline-block;
position: relative;
margin-right: 32px;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block;
max-width: 0.1px;
}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
max-width: 600px;
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after {
bottom: 0;
}
.mdl-button {
font-family: inherit;
letter-spacing: 0.1px;
border-radius: 0;
box-shadow: none;
color: #222;
font-weight: 400;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
@media (max-width: 1025px) {
.mdl-button.mdl-button:hover {
background-color: transparent;
}
}
.mdl-button.mdl-button--raised {
box-shadow: none;
}
.mdl-button.mdl-button--raised:active, .mdl-button.mdl-button--raised:hover, .mdl-button.mdl-button--raised:focus {
box-shadow: none;
}
.mdl-button.mdl-button--full-width {
width: 100%;
}
@media (min-width: 768px) {
.mdl-button.mdl-button--half {
min-width: 50%;
}
}
.mdl-button.mdl-button--lg {
font-size: 16px;
padding: 0 20px;
height: auto;
line-height: 36px;
padding-top: 6px;
padding-bottom: 6px;
}
.mdl-button.mdl-button--raised.mdl-button--primary {
background: #29aae3;
}
@media (min-width: 1025px) {
.mdl-button.mdl-button--raised.mdl-button--primary:before {
content: '';
position: absolute;
top: 0;
right: 0;
background: rgba(255, 255, 255, 0);
width: 100%;
height: 100%;
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
}
.mdl-button.mdl-button--raised.mdl-button--primary:hover:before {
background: rgba(255, 255, 255, 0.18);
}
}
.mdl-button.mdl-button--primary-ghost {
background: transparent;
border: 2px solid #29aae3;
line-height: 32px;
color: #29aae3;
}
.mdl-button.mdl-button--primary-ghost:hover {
color: #fff;
background: #29aae3;
}
.mdl-button.mdl-button--primary-ghost.mdl-button--lg {
line-height: 44px;
}
@media (max-width: 1024px) {
.mdl-button.mdl-button--primary-ghost {
color: #29aae3;
background: transparent !important;
}
}
@media (min-width: 1025px) {
.mdl-button.mdl-button--primary-ghost:hover, .mdl-button.mdl-button--primary-ghost:active, .mdl-button.mdl-button--primary-ghost:focus {
background: #29aae3;
color: #fff !important;
}
}
.mdl-button.mdl-button--white {
background: #fff;
color: #222;
}
.mdl-button.mdl-button--white:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
}
.mdl-button.mdl-button--white:hover {
background: #fff;
color: #222;
}
.mdl-button.mdl-button--white:hover:before {
background: rgba(0, 0, 0, 0.1);
}
.mdl-button.mdl-button--white .mdl-ripple {
background: black;
}
.mdl-button.mdl-button--dark {
background: #333;
color: #fff;
}
.mdl-button.mdl-button--dark .mdl-ripple {
background: white;
}
.mdl-button.mdl-button--dark:hover {
background: #000;
color: #fff;
}
.mdl-button.mdl-button--primary-font {
color: #29aae3;
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
}
.mdl-button.mdl-button--primary-font:hover {
background: transparent;
}
.mdl-button.mdl-button--primary-font:active, .mdl-button.mdl-button--primary-font:focus {
background: transparent;
}
.mdl-button.mdl-button--dark-font {
color: #222;
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
}
.mdl-button.mdl-button--dark-font:hover {
background: transparent;
}
.mdl-button.mdl-button--dark-font:active, .mdl-button.mdl-button--dark-font:focus {
background: transparent;
}
.mdl-button.mdl-button--compare-active {
background: #29aae3;
color: #fff;
}
.mdl-button.mdl-button--compare-active:hover, .mdl-button.mdl-button--compare-active:active, .mdl-button.mdl-button--compare-active:focus {
background: #29aae3;
}
.mdl-button.mdl-button--clear {
margin-right: 6px;
}
@media (min-width: 768px) {
.mdl-button.mdl-button--clear {
float: none;
margin-right: 0;
margin: 0 4px;
display: inline-block;
min-width: 120px;
}
}
.mdl-button.mdl-button--advanced {
text-transform: uppercase;
}
@media (min-width: 768px) {
.mdl-button.mdl-button--advanced {
float: none;
min-width: 120px;
margin: 0 4px;
}
}
a.mdl-button.mdl-button--raised.mdl-button--primary:hover {
color: #fff;
}
.mdl-button__icon-left {
margin-left: 5px;
}
.mdl-button__icon-right {
margin-right: 5px;
}
/* Labels */
.mdl-checkbox__label, .mdl-radio__label {
text-transform: uppercase;
font-weight: 400;
color: #666666;
font-size: 13px;
}
/* Checkbox */
.mdl-checkbox {
margin-bottom: 0;
}
.mdl-checkbox__ripple-container {
top: -6px;
right: -11px;
width: 36px;
height: 36px;
}
.mdl-checkbox__box-outline {
top: 5px;
width: 14px;
height: 14px;
}
.mdl-checkbox__ripple-container .mdl-ripple {
background: #999 !important;
}
.mdl-checkbox .mdl-checkbox__box-outline {
border: 2px solid #666666;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border: 2px solid #666666;
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background: white url(assets/images/tick.svg?embed) !important;
}
/* Radio */
.mdl-radio__outer-circle {
width: 14px;
height: 14px;
top: 6px;
border-color: #666666;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
border-color: #666666;
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
background: #666666;
}
.mdl-radio__inner-circle {
width: 6px;
height: 6px;
top: 10px;
right: 4px;
border-color: #666666;
}
.mdl-radio__ripple-container {
top: -5px;
right: -11px;
width: 36px;
height: 36px;
}
.mdl-radio__ripple-container .mdl-ripple {
background: #666666;
}
.mdl-radio__outer-circle {
width: 14px;
height: 14px;
top: 6px;
}
.mdl-radio__inner-circle {
width: 6px;
height: 6px;
top: 10px;
right: 4px;
background: #666666;
}
.mdl-radio__ripple-container {
top: -5px;
right: -11px;
width: 36px;
height: 36px;
}
/* Mega Intro */
.mh-mega-intro__wrapper {
position: relative;
padding-top: 72px;
padding-bottom: 72px;
background-position: center center !important;
background-repeat: no-repeat !important;
position: relative !important;
background-size: cover !important;
z-index: 1;
}
.mh-mega-intro__wrapper:after {
content: '';
position: absolute;
top: 0;
right: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 2;
}
.mh-mega-intro__content {
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
z-index: 3;
position: relative;
text-align: center;
}
.mh-mega-intro__info {
display: block;
text-align: center;
font-size: 21px;
margin-bottom: 32px;
color: #fff;
}
.mh-mega-intro__heading {
color: #fff;
text-align: center;
font-family: Lato, Arial, Helvetica, sans-serif;
}
@media (min-width: 768px) {
.mh-mega-intro__heading {
font-size: 60px;
}
}
.mh-mega-intro__button {
margin: 0 auto;
}
/* Mega Main Menu - mh-primary menu style */
#mega_main_menu li {
color: transparent;
}
html body #mega_main_menu.mh-primary .mmm_fullwidth_container {
border-bottom: 1px solid #f0f0f0;
}
html body #mega_main_menu.mh-primary .nav_logo {
display: block;
}
html body #mega_main_menu.mh-primary .nav_logo img {
height: 40px;
}
html body #mega_main_menu.mh-primary .nav_logo .logo_link {
padding-left: 0 !important;
}
html body #mega_main_menu.mh-primary li.default_dropdown > ul,
html body #mega_main_menu.mh-primary li.default_dropdown li > ul,
html body #mega_main_menu.mh-primary li.multicolumn_dropdown > ul,
html body #mega_main_menu.mh-primary li.tabs_dropdown > ul,
html body #mega_main_menu.mh-primary li.widgets_dropdown > ul,
html body #mega_main_menu.mh-primary li.post_type_dropdown > ul,
html body #mega_main_menu.mh-primary li.grid_dropdown > ul,
html body #mega_main_menu.mh-primary li.post_type_dropdown .mega_dropdown > li.post_item .post_details,
html body #mega_main_menu.mh-primary li.grid_dropdown .mega_dropdown > li .post_details {
box-shadow: none;
}
html body #mega_main_menu.mh-primary #mh-submit-button .item_link {
padding-left: 0;
}
html body #mega_main_menu.mh-primary #mh-submit-button a {
color: #29aae3;
background: transparent;
border: none;
padding: 0 !important;
}
html body #mega_main_menu.mh-primary #mh-submit-button a i {
margin-right: 3px;
color: #29aae3;
}
@media (min-width: 1023px) {
html body #mega_main_menu.mh-primary #mh-submit-button {
float: left !important;
margin-left: 0 !important;
}
html body #mega_main_menu.mh-primary #mh-submit-button a {
padding-left: 0 !important;
text-transform: uppercase;
}
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > a:after {
color: #29aae3;
}
@media (max-width: 1023px) {
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button .symbol_menu {
font-size: 25px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button .symbol_menu i {
margin-top: -10px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button .symbol_cross {
font-size: 25px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button .symbol_cross i {
margin-top: -11px;
}
html body #mega_main_menu.mh-primary .mega_dropdown {
padding: 0 18px !important;
}
html body #mega_main_menu.mh-primary .mega_dropdown li {
background: #fff;
color: #222;
border-bottom: 1px solid #f0f0f0 !important;
padding: 0;
}
html body #mega_main_menu.mh-primary .mega_dropdown li * {
color: #222;
}
html body #mega_main_menu.mh-primary .mega_dropdown li .item_link:before {
border-color: #222;
}
html body #mega_main_menu.mh-primary .mega_dropdown li a {
padding: 14px 18px;
background: #fff;
color: #222;
}
html body #mega_main_menu.mh-primary .mega_dropdown li a .link_content {
line-height: 36px;
}
html body #mega_main_menu.mh-primary .mega_dropdown li:last-child {
border-bottom: 0;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown,
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown,
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li .mega_dropdown > li .post_details {
background: #fff !important;
}
html body #mega_main_menu.mh-primary li.default_dropdown .mega_dropdown > li > .item_link,
html body #mega_main_menu.mh-primary li.widgets_dropdown .mega_dropdown > li > .item_link,
html body #mega_main_menu.mh-primary li.multicolumn_dropdown .mega_dropdown > li > .item_link,
html body #mega_main_menu.mh-primary li.grid_dropdown .mega_dropdown > li > .item_link {
background: #fff !important;
}
html body #mega_main_menu.mh-primary li .post_details > .post_icon > i,
html body #mega_main_menu.mh-primary li .mega_dropdown .item_link *,
html body #mega_main_menu.mh-primary li .mega_dropdown a,
html body #mega_main_menu.mh-primary li .mega_dropdown a *,
html body #mega_main_menu.mh-primary li li .post_details a {
color: #222;
}
html body #mega_main_menu.mh-primary .mega_dropdown > li.current-menu-item > .item_link *,
html body #mega_main_menu.mh-primary .mega_dropdown > li > .item_link:focus *,
html body #mega_main_menu.mh-primary .mega_dropdown > li > .item_link:hover *,
html body #mega_main_menu.mh-primary li.post_type_dropdown > .mega_dropdown > li > .processed_image:hover > .cover > a > i {
color: initial;
}
html body #mega_main_menu.mh-primary.responsive-enable > .menu_holder > .menu_inner > ul > li > .item_link:after {
left: 18px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link {
border-bottom: 1px solid #f0f0f0;
padding-right: 18px;
text-align: right;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo .logo_link {
padding-right: 15px;
}
html body #mega_main_menu.mh-primary .nav_logo .logo_link {
padding: 0px 15px;
}
html body #mega_main_menu.mh-primary .mega_dropdown {
padding: 0 15px;
}
html body #mega_main_menu.mh-primary li.default_dropdown > .mega_dropdown > .menu-item > .item_link:before {
border-color: #222 !important;
}
}
@media (min-width: 1023px) {
html body #mega_main_menu.mh-primary .nav_logo .logo_link {
padding-right: 0;
}
html body #mega_main_menu.mh-primary .menu_inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
}
html body #mega_main_menu.mh-primary .nav_logo .logo_link {
margin-left: 36px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link {
text-transform: uppercase;
letter-spacing: 1px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li {
margin: 0 10px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:first-child {
margin-right: 0;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:first-child > .item_link {
padding-right: 0 !important;
}
html body #mega_main_menu.mh-primary li > .mega_dropdown > li > .item_link {
padding: 14px 18px;
}
html body #mega_main_menu.mh-primary .mega_dropdown li {
min-height: 48px;
}
html body #mega_main_menu.mh-primary .mega_dropdown li .mega_dropdown {
border-right: 3px solid #747474;
}
html body #mega_main_menu.mh-primary .mega_dropdown li:not(:hover).current-menu-item > .item_link {
background: #666666;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text {
letter-spacing: 0.3px;
}
html body #mega_main_menu.mh-primary li.multicolumn_dropdown:hover > .mega_dropdown {
padding: 0px 0px 0 0px;
}
html body #mega_main_menu.mh-primary li.default_dropdown li > ul, html body #mega_main_menu.mh-primary li.widgets_dropdown > ul,
html body #mega_main_menu.mh-primary li.grid_dropdown .mega_dropdown > li .post_details {
box-shadow: none;
padding: 0px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown,
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown,
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li .mega_dropdown > li .post_details {
background: white;
}
html body #mega_main_menu.mh-primary li.multicolumn_dropdown > .mega_dropdown > li {
padding-bottom: 0;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > .item_link * {
color: #29aae3;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > ul .menu-item > .item_link {
text-transform: uppercase;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > ul .menu-item > .item_link:before {
left: 9px !important;
}
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.default_dropdown .mega_dropdown,
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.multicolumn_dropdown > .mega_dropdown,
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.tabs_dropdown > .mega_dropdown,
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.widgets_dropdown > .mega_dropdown,
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.post_type_dropdown > .mega_dropdown,
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.post_type_dropdown > .mega_dropdown > li.post_item .post_details,
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.grid_dropdown > .mega_dropdown,
html body #mega_main_menu.mh-primary.dropdowns_animation-anim_4 > .menu_holder li.grid_dropdown > .mega_dropdown > li .post_details {
-webkit-transition: transform 0.2s, opacity 0.2s, padding 0.2s;
-moz-transition: transform 0.2s, opacity 0.2s, padding 0.2s;
-ms-transition: transform 0.2s, opacity 0.2s, padding 0.2s;
-o-transition: transform 0.2s, opacity 0.2s, padding 0.2s;
transition: transform 0.2s, opacity 0.2s, padding 0.2s;
background: #666666;
}
html body #mega_main_menu.mh-primary .multicolumn_dropdown .mega_dropdown:before {
content: '';
position: absolute;
background: #747474;
width: 3px;
height: 100%;
bottom: 0;
left: 0;
z-index: 5;
}
html body #mega_main_menu.mh-primary .multicolumn_dropdown .mega_dropdown > li {
border-left: 3px solid #747474;
}
html body #mega_main_menu.mh-primary > .menu_holder li.widgets_dropdown > .mega_dropdown > li,
html body #mega_main_menu.mh-primary > .menu_holder li.multicolumn_dropdown > .mega_dropdown > li {
padding-right: 0px;
padding-left: 0px;
}
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li[class*="columns"] {
margin-left: 10px;
}
html body #mega_main_menu.mh-primary ul li .mega_dropdown > li > .item_link {
min-height: 48px;
}
}
@media (min-width: 1023px) and (max-width: 1200px) {
html body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li[class*="columns"] {
margin-left: 0px;
}
}
html body.vc_editor .mh-header--transparent #mega_main_menu.mh-primary {
background: #333;
position: relative !important;
}
html body .mh-header--transparent #mega_main_menu.mh-primary {
position: absolute;
width: 100%;
}
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link:after {
color: #fff !important;
}
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .mmm_fullwidth_container {
background: transparent;
border-bottom: 0;
}
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder:not(.sticky_container) > .mmm_fullwidth_container {
background: transparent;
border-bottom: 0;
}
@media (max-width: 1023px) {
html body .mh-header--transparent #mega_main_menu.mh-primary .nav_logo.mobile_menu_active + ul {
background: #fff;
}
}
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > a:after {
color: #fff !important;
}
html body .mh-header--transparent #mega_main_menu.mh-primary .mobile_toggle .symbol_menu i,
html body .mh-header--transparent #mega_main_menu.mh-primary .mobile_toggle .symbol_cross {
color: #fff;
}
html body .mh-header--transparent #mega_main_menu.mh-primary #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link {
padding-left: 0;
}
@media (min-width: 1023px) {
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > .item_link,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link:hover,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link:focus,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > .item_link *,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link *,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.current-page-ancestor > .item_link *,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.current-post-ancestor > .item_link *,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link * {
color: #fff !important;
}
}
@media (min-width: 1023px) {
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder:not(.sticky_container) > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder:not(.sticky_container) > .menu_inner > ul > li > .item_link,
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder:not(.sticky_container) > .menu_inner > ul > li > .item_link * {
color: #fff;
}
}
@media (min-width: 1023px) {
html body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link:after {
color: #fff;
}
}
@media (min-width: 1023px) {
xhtml body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li .mega_dropdown > li .post_details {
background: #333333;
}
}
@media (min-width: 1023px) {
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.default_dropdown .mega_dropdown > li > .item_link,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.widgets_dropdown .mega_dropdown > li > .item_link,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.multicolumn_dropdown .mega_dropdown > li > .item_link,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.grid_dropdown .mega_dropdown > li > .item_link {
background: #333333;
}
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.default_dropdown .mega_dropdown > li > .item_link:hover,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.widgets_dropdown .mega_dropdown > li > .item_link:hover,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover,
xhtml body .mh-header--transparent #mega_main_menu.mh-primary li.grid_dropdown .mega_dropdown > li > .item_link:hover {
background: #666666;
}
}
html body:not(.vc_editor) .mh-header--transparent-dark #mega_main_menu.mh-primary > .menu_holder:not(.sticky_container) > .mmm_fullwidth_container {
background: transparent;
background-image: url("assets/images/gradient-dark.png");
background-repeat: repeat-x;
background-size: contain;
border-color: transparent;
}
.mh-header--transparent-dark #mega_main_menu.direction-horizontal > .menu_holder.sticky_container {
background: #fff !important;
}
@media (min-width: 1023px) {
.mh-header--transparent-dark #mh-submit-button a, .mh-header--transparent-dark #mh-submit-button i,
.mh-header--transparent #mh-submit-button a,
.mh-header--transparent #mh-submit-button i {
color: #fff !important;
}
}
@media (min-width: 1023px) {
.mh-primary--no-logo .nav_logo {
display: none !important;
}
}
html body .post_item {
width: 10% !important;
}
html body .post_item .post_details {
display: none !important;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > span.nav_logo {
background: #29aae3;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button .symbol_menu i,
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button .symbol_cross i {
color: #fff;
}
@media (max-width: 1023px) {
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .mmm_fullwidth_container {
background-color: #fff !important;
border-bottom-color: #fff !important;
}
}
@media (min-width: 1023px) {
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .mmm_fullwidth_container {
background-color: #29aae3;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link * {
color: #fff !important;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link:after {
border-top-color: #fff !important;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_text {
overflow: hidden;
position: relative;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_text:before {
content: '';
position: absolute;
left: 0;
margin: 0 auto;
bottom: -10px;
right: 0;
width: 100%;
height: 2px;
width: 0;
height: 0;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #666666;
opacity: 0;
transition: all 0s ease 0s;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:not(.mh-submit-button):hover > .item_link:after {
border-top-color: #fff;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:not(.mh-submit-button):hover > .item_link .link_text {
overflow-x: hidden;
position: relative;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:not(.mh-submit-button):hover > .item_link .link_text:before {
opacity: 1;
bottom: 0;
transition: all 0.1s ease-out 0.1s;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary #mh-submit-button .link_content a {
color: #fff;
}
html body .mh-menu-primary-color-background .mh-header:not(.mh-header--transparent) #mega_main_menu.mh-primary #mh-submit-button .link_content a i {
color: #fff;
}
}
html body .mh-menu-primary .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link .link_text:before {
border-bottom-color: #333;
}
.mega_main_menu_ul li.multicolumn_dropdown ul.mega_dropdown ul.mega_dropdown {
border: none !important;
}
@media (min-width: 1023px) {
html body #mega_main_menu.mh-primary .mega_main_menu_ul > li.multicolumn_dropdown > .mega_dropdown > li {
border-left: none !important;
}
}
@media (min-width: 1023px) {
html body #mega_main_menu.mh-primary .mega_main_menu_ul > li.multicolumn_dropdown > .mega_dropdown > li.menu-item-has-children > a .link_text {
font-weight: 700;
color: #fff;
letter-spacing: 0.2px !important;
margin-bottom: 12px !important;
}
html body #mega_main_menu.mh-primary .mega_main_menu_ul > li.multicolumn_dropdown > .mega_dropdown > li.menu-item-has-children > a {
background: transparent !important;
}
html body #mega_main_menu.mh-primary .mega_main_menu_ul > li.multicolumn_dropdown > .mega_dropdown > li.menu-item-has-children > ul > li {
padding-right: 0px !important;
border-left: none !important;
padding: 0 !important;
min-height: 36px !important;
}
.menu-item-has-children {
background: transparent !important;
}
.multicolumn_dropdown .mega_dropdown:before {
display: none;
}
html body #mega_main_menu.mh-primary ul li.multicolumn_dropdown .mega_dropdown > .menu-item-has-children > .item_link {
min-height: 48px;
}
html body #mega_main_menu.mh-primary .mega_main_menu_ul > li.multicolumn_dropdown > .mega_dropdown > li.menu-item-has-children > a:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 2px;
background: #999;
}
}
.mh-mmm-label a:after {
content: '';
border-radius: 4px;
background: #fed700 !important;
color: #333;
display: inline-block;
padding: 2px 7px;
font-weight: 700;
position: absolute;
top: 14px;
right: 14px;
}
.mh-mmm-label--slider a {
padding-right: 68px !important;
}
.mh-mmm-label--slider a:after {
content: 'Main';
}
.mh-mmm-label--classic a {
padding-right: 80px !important;
}
.mh-mmm-label--classic a:after {
top: 12px;
content: 'classic';
}
.mh-mmm-label--popular a {
padding-right: 92px !important;
}
.mh-mmm-label--popular a:after {
content: 'Popular';
}
.mh-mmm-label--social a {
padding-right: 79px !important;
}
.mh-mmm-label--social a:after {
top: 12px;
content: 'Buzz!!!';
}
.mh-mmm-label--big a {
padding-right: 54px !important;
}
.mh-mmm-label--big a:after {
top: 12px;
content: 'BIG';
}
.mh-mmm-label--video a {
padding-right: 52px !important;
}
.mh-mmm-label--video a:after {
content: 'HD';
}
.mh-mmm-label--hd a {
padding-right: 52px !important;
}
.mh-mmm-label--hd a:after {
top: 12px;
content: 'HD';
}
.mh-mmm-label--components a {
padding-right: 101px !important;
}
.mh-mmm-label--components a:after {
top: 12px;
content: 'Powerful';
}
.mh-mmm-label--main a {
padding-right: 100px !important;
}
.mh-mmm-label--main a:after {
content: 'main';
}
.menu-bg-dark, .menu-bg-dark * {
background: #222 !important;
}
.menu-bg-dark li:hover a,
.menu-bg-dark li:hover a * {
background: #000 !important;
}
.mega_main_menu.no-logo .nav_logo {
display: block !important;
}
#mega_main_menu_ul span.wpml-ls-native {
padding-right: 6px;
}
#mega_main_menu_ul img.wpml-ls-flag {
margin-top: -3px !important;
}
@media (max-width: 1023px) {
html body.myhome-body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link * {
color: #222 !important;
}
}
.mh-fixed-menu--active .mmm_fullwidth_container {
background-image: none !important;
}
/* 404 */
.mh-404 {
height: 600px;
display: table;
width: 100%;
padding: 12px;
}
.mh-404__content {
display: table-cell;
vertical-align: middle;
text-align: center;
}
h1.mh-404__title {
font-size: 90px;
margin-bottom: 0;
text-align: center;
}
.mh-404__text {
font-size: 32px;
text-align: center;
}
/* Accordion */
.mh-accordion {
width: 100%;
border-right: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
margin-bottom: 24px;
}
.mh-accordion:after {
clear: both;
content: "";
display: table;
}
.mh-accordion .ui-accordion-content {
background: #fff;
width: 100%;
}
.mh-accordion .ui-accordion-content:after {
clear: both;
content: "";
display: table;
}
.mh-accordion .ui-accordion-content {
margin: 0;
padding: 12px;
}
.mh-accordion .ui-accordion-content:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-accordion .ui-accordion-content {
padding: 24px;
}
}
.mh-accordion .ui-accordion-header {
font-family: Lato, Arial, Helvetica, sans-serif;
background-color: #fafafa;
margin: 3px 0 0 0;
padding: 12px 24px;
font-size: 14px;
color: #333333;
border-bottom: none;
cursor: pointer;
-webkit-transition: background 0.3s, color 0.3s;
-moz-transition: background 0.3s, color 0.3s;
-ms-transition: background 0.3s, color 0.3s;
-o-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.mh-accordion .ui-accordion-header i {
margin-left: 9px;
font-size: 11px;
}
.mh-accordion .ui-accordion-header.ui-accordion-header-active {
background: #29aae3;
color: #fff;
}
.mh-accordion .ui-accordion-header.ui-accordion-header-active .fa-plus {
display: none;
}
.mh-accordion .ui-accordion-header:not(.ui-accordion-header-active) .fa-minus {
display: none;
}
.mh-accordion {
display: none !important;
}
.mh-accordion.ui-accordion {
display: block !important;
}
/* Agent */
.mh-agent {
background: #f2f2f2;
margin-bottom: 24px;
}
.mh-agent:after {
clear: both;
content: "";
display: table;
}
.mh-agent__thumbnail {
position: relative;
padding-bottom: 100%;
margin-bottom: 12px;
position: relative;
display: block;
}
.mh-agent__thumbnail:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-agent__thumbnail:hover:after {
opacity: 0.3;
}
}
.mh-agent__thumbnail img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.mh-agent__content {
position: relative;
padding: 0 12px;
}
.mh-agent__content:after {
clear: both;
content: "";
display: table;
}
.mh-agent__heading {
font-weight: 700;
margin-bottom: 12px;
}
.mh-agent__text {
margin-bottom: 18px;
}
.mh-agent__social-wrapper {
height: 48px;
float: right;
}
.mh-agent__social {
position: absolute;
right: 12px;
bottom: 12px;
line-height: 36px;
}
.mh-agent__social a {
margin-left: 12px;
color: #666666;
}
@media (min-width: 1025px) {
.mh-agent__social a:hover {
color: #222;
}
}
.mh-agent__button-wrapper {
height: 48px;
float: right;
}
.mh-agent__button {
position: absolute;
bottom: 12px;
left: 12px;
text-align: left;
}
.mh-agent--dark {
background: #333;
color: #fff;
}
.mh-agent--dark a {
color: #fff;
}
@media (min-width: 1025px) {
.mh-agent--dark a:hover {
color: #fff;
}
}
.mh-agent--white {
background: #fff;
}
.mh-agent__additional-fields:after {
clear: both;
content: "";
display: table;
}
.mh-agent__additional-fields__item {
font-size: 13px;
line-height: 24px;
}
.mh-agent__content .mh-agent__additional-fields__item {
line-height: initial;
margin-bottom: 12px;
}
/* Agent Intro */
.mh-agent-intro {
margin-top: -48px;
}
@media (min-width: 768px) {
.mh-agent-intro {
margin-top: -142px;
}
}
.mh-agent-intro > div {
border-top: 5px solid #29aae3;
}
.mh-agent-intro > div > div {
padding-right: 48px;
padding-left: 48px;
}
/* Agent List */
@media (min-width: 768px) {
.mh-agent-list {
margin: 0 -6px;
}
}
@media (min-width: 768px) {
.mh-agent-list__element {
width: 50%;
float: right;
}
.mh-agent-list__element .mh-agent {
margin: 0 6px 24px 6px;
}
}
@media (min-width: 1024px) {
.mh-agent-list__element {
width: 33.3%;
float: right;
}
}
.mh-agency-agents {
width: 100%;
margin: 0 12px;
}
.mh-agency-agents:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-agency-agents {
max-width: 1140px;
margin: 24px auto 0 auto;
}
}
.mh-agency-agents__single__img-wrapper {
position: relative;
display: block;
padding-bottom: 100%;
}
.mh-agency-agents__single__img-wrapper:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-agency-agents__single__img-wrapper:hover:after {
opacity: 0.3;
}
}
.mh-agency-agents__single__img-wrapper img {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.mh-agency-agents__heading {
padding: 12px;
background: #f4f4f4;
margin-bottom: 0;
}
.mh-agent-list {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
width: 100% !important;
}
@media (min-width: 768px) {
.mh-agent-list__element .mh-agent {
height: 100% !important;
margin-bottom: 0 !important;
}
}
.mh-agent-list__element {
margin-bottom: 24px !important;
}
/* Arrow Up */
.mh-arrow-up {
background: #29aae3;
width: 48px;
height: 48px;
position: fixed;
bottom: 24px;
left: 24px;
z-index: 1000000000000;
cursor: pointer;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.mh-arrow-up:hover {
background: #f4f4f4;
color: #000;
}
.mh-arrow-up__inner {
position: relative;
}
.mh-arrow-up i {
position: absolute;
top: 14px;
right: 0;
left: 0;
font-size: 16px;
color: #222;
text-align: center;
}
/* Author */
.mh-author {
background-color: #f2f2f2;
margin-bottom: 24px;
padding: 24px 18px;
text-align: center;
}
.mh-author:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-author {
padding: 36px 18px;
position: relative;
text-align: right;
}
}
.mh-author__avatar {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-author__avatar {
position: absolute;
top: 0;
right: 0;
margin-bottom: 24px;
}
}
.mh-author__avatar > img {
border-radius: 50%;
}
.mh-author__avatar__image {
width: 125px;
height: 125px;
}
@media (min-width: 768px) {
.mh-author__content {
padding-right: 150px;
min-height: 125px;
display: table;
width: 100%;
}
.mh-author__content:after {
clear: both;
content: "";
display: table;
}
}
.mh-author__content p:last-child {
margin-bottom: 0;
}
.mh-author__content__inner {
display: table-cell;
vertical-align: middle;
}
.mh-author__label {
font-style: italic;
color: #4d4d4d;
}
.mh-author__name {
margin-bottom: 12px;
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
}
/* Blockquote */
.mh-blockquote {
background: #f9f9f9;
border-right: 5px solid #29aae3;
padding: 12px;
margin-bottom: 24px;
}
.mh-blockquote p:last-of-type {
margin-bottom: 0;
}
.mh-blockquote footer {
margin-top: 6px;
}
/* Box */
.mh-box__img-wrapper {
overflow: hidden;
display: block;
overflow: hidden;
padding-bottom: 62.5%;
position: relative;
}
.mh-box__img-wrapper img {
position: absolute;
top: 0;
right: 0;
width: auto;
max-width: none;
min-height: 100%;
min-width: 100%;
transform: scale(1);
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.mh-box {
display: block;
position: relative;
margin-bottom: 24px;
}
.mh-box:after {
clear: both;
content: "";
display: table;
}
.mh-box:after {
position: absolute;
content: '';
top: 0;
right: 0;
background: #000;
opacity: 0.4;
width: 100%;
height: 100%;
display: block;
z-index: 2;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
@media (min-width: 1025px) {
.mh-box:hover img {
transform: scale(1.2);
}
}
.mh-box__middle {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin-top: -14px;
width: 100%;
z-index: 3;
}
.mh-box__title {
font-size: 24px;
text-align: center;
color: #fff;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Breadcrumbs */
.mh-breadcrumbs-wrapper {
background: #f9f9f9;
color: #999;
font-size: 13px;
line-height: 18px;
margin-bottom: 12px;
border-top: 1px solid #fff;
padding: 0 0 12px 0;
}
@media (min-width: 768px) {
.mh-breadcrumbs-wrapper {
margin-bottom: 24px;
}
}
@media (min-width: 1024px) {
.mh-breadcrumbs-wrapper {
padding: 6px 0;
}
}
.mh-breadcrumbs-wrapper:after {
clear: both;
content: "";
display: table;
}
.mh-breadcrumbs-wrapper i {
padding: 0px 9px;
position: relative;
top: -1px;
font-size: 11px;
color: #666666;
}
.mh-breadcrumbs-wrapper .mh-layout {
position: relative;
}
.mh-breadcrumbs-wrapper .selectize-dropdown {
min-width: 100%;
}
.mh-breadcrumbs-wrapper .selectize-input {
min-width: 120px;
border-radius: 0px;
box-shadow: none;
padding: 3px 6px 3px 20px;
cursor: pointer;
margin-top: -13px;
top: 7px;
}
.mh-breadcrumbs-wrapper .selectize-input.input-active {
padding: 3px 6px 3px 20px;
}
.mh-breadcrumbs-wrapper .selectize-input .selectize-dropdown-content > div {
white-space: nowrap;
width: auto;
display: block;
}
.mh-breadcrumbs-wrapper .selectize-input:after {
left: 6px !important;
border-width: 4px 4px 0;
border-color: #000000 transparent transparent transparent;
}
.mh-breadcrumbs-wrapper select.mh-breadcrumbs-selectize {
display: none;
}
.mh-breadcrumbs-wrapper--single-property-gallery {
margin-top: -12px;
}
@media (min-width: 768px) {
.mh-breadcrumbs-wrapper--single-property-gallery {
margin-top: -36px;
}
}
.mh-breadcrumbs-wrapper--single-property-slider {
margin-top: 0;
margin-right: 15px;
margin-left: 15px;
background: #f5f5f5;
}
@media (min-width: 768px) {
.mh-breadcrumbs-wrapper--single-property-slider {
margin-top: -24px;
margin-right: 0;
margin-left: 0;
}
}
.mh-breadcrumbs {
max-width: 708px;
width: 100%;
float: right;
padding: 12px 0 0 0;
}
@media (min-width: 768px) {
.mh-breadcrumbs {
padding: 6px 0;
}
}
@media (min-width: 1200px) {
.mh-breadcrumbs {
max-width: 820px;
}
}
.mh-breadcrumbs:after {
clear: both;
content: "";
display: table;
}
.mh-breadcrumbs__item-wrapper {
display: inline-block;
float: right;
line-height: 2;
}
.mh-breadcrumbs__item {
display: inline-block;
}
.mh-breadcrumbs__item a {
color: #666666;
}
.mh-breadcrumbs__item a:hover {
color: #29aae3;
}
.mh-breadcrumbs__back {
padding-left: 24px;
position: relative;
font-size: 13px;
color: #666666;
font-weight: 700;
display: inline-block;
}
.mh-breadcrumbs__back:hover {
color: #29aae3;
}
.mh-breadcrumbs__back:hover i {
color: #29aae3;
}
.mh-breadcrumbs__back:after {
content: '';
position: absolute;
height: 16px;
width: 1px;
left: 12px;
top: 5px;
background: #ccc;
}
.mh-breadcrumbs__back i {
padding-right: 0;
}
/* Caption */
.mh-caption {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.mh-caption__inner {
padding: 6px 12px;
margin: 12px 6px 12px 0;
font-family: Play, Arial, Helvetica, sans-serif;
float: left;
display: inline-block;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
font-weight: 700;
background: #29aae3;
color: #fff;
width: auto;
border-radius: 0;
}
/* Clients */
.mh-clients--image-filter img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
@media (min-width: 1025px) {
.mh-clients--image-filter img:hover {
filter: none;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}
}
.mh-client {
padding-bottom: 24px;
}
.mh-client img {
padding-right: 10%;
padding-left: 10%;
}
/* Comments */
.mh-comments {
margin-bottom: 24px;
}
.mh-comments:after {
clear: both;
content: "";
display: table;
}
.mh-comments textarea {
height: 140px;
margin-bottom: 0;
}
.mh-comments .mh-post-single__section__heading {
margin-bottom: 0;
}
.mh-comment {
padding-top: 24px;
border-bottom: 1px solid #f0f0f0;
position: relative;
float: right;
width: 100%;
}
.mh-comment:after {
clear: both;
content: "";
display: table;
}
.mh-comment .mh-comment {
padding-right: 24px;
border-top: 1px solid #f0f0f0;
padding-top: 36px;
}
.mh-comment .mh-comment .mh-comment__avatar > img {
margin-right: 24px;
}
@media (min-width: 768px) {
.mh-comment .mh-comment {
padding-right: 48px;
}
.mh-comment .mh-comment .mh-comment__avatar > img {
margin-right: 48px;
}
.mh-comment .mh-comment .mh-comment__avatar {
top: 36px;
}
}
.mh-comment .mh-comment:last-child {
margin-bottom: 0;
}
.mh-comment .mh-comment:last-child .mh-comment__content {
padding-bottom: 0;
}
.mh-comment:last-child {
border-bottom: 0;
}
.mh-comment__avatar {
margin-bottom: 12px;
}
.mh-comment__avatar > img {
border-radius: 50%;
}
@media (min-width: 768px) {
.mh-comment__avatar {
margin-bottom: 24px;
position: absolute;
top: 24px;
right: 0;
}
}
.mh-comment__content {
padding-bottom: 12px;
display: inline-block;
float: right;
margin-bottom: 12px;
}
.mh-comment__content:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-comment__content {
padding-bottom: 24px;
padding-right: 90px;
}
}
.mh-comment__author {
margin-bottom: 0px;
font-size: 24px;
font-weight: 400;
}
.mh-comment__date {
font-size: 13px;
padding: 6px 0;
font-style: italic;
color: #666666;
}
.mh-comment__text:after {
clear: both;
content: "";
display: table;
}
.mh-comment-awaiting-moderation {
margin-top: 24px;
margin-bottom: 24px;
padding: 24px;
font-size: 24px;
display: block;
float: right;
width: 100%;
font-weight: 400;
border-right: 7px solid #4d4d4d;
color: #333;
background: rgba(34, 34, 34, 0.05);
}
.comment-edit-link {
margin-right: 12px;
font-size: 13px;
color: #666666;
font-style: normal;
}
.comment-edit-link:hover {
color: #29aae3;
}
.comment-edit-link i {
margin-left: 3px;
}
.comment-reply-link {
font-size: 13px;
line-height: 13px;
float: right;
color: #666666;
text-transform: uppercase;
}
.comment-reply-link:after {
clear: both;
content: "";
display: table;
}
.comment-reply-link i {
margin-right: 6px;
}
.comment-reply-link:hover {
color: #29aae3;
}
.form-submit {
text-align: left;
margin-bottom: 0;
}
.form-submit input[type="submit"] {
width: auto;
}
.comments-logged {
font-size: 13px;
}
.comments-logged a {
color: #222;
font-weight: 400;
}
.comments-fields-wrapper {
margin-bottom: 15px;
overflow: hidden;
}
.comments-fields-wrapper input {
text-align: right;
font-style: normal;
}
@media (min-width: 1024px) {
.comments-fields-wrapper input {
margin-bottom: 0;
}
}
.comments-textarea-wrapper {
margin-bottom: 12px;
overflow: hidden;
}
.comments-textarea-wrapper:after {
clear: both;
content: "";
display: table;
}
.comments-textarea-wrapper textarea {
float: right;
}
.comment-respond {
float: right;
width: 100%;
margin-top: 24px;
}
.comment-edit-link {
margin-left: 24px;
}
.comments-textarea-wrapper textarea {
text-align: right !important;
font-style: normal;
}
.single-estate .comments-textarea-wrapper textarea {
padding: 12px;
}
.single-estate .comments-textarea-wrapper textarea:active, .single-estate .comments-textarea-wrapper textarea:focus {
padding: 11px;
}
.single-estate .comment-respond {
margin-top: 0;
}
.single-estate .comments-logged {
margin-top: 24px;
}
.single-estate .form-submit {
display: block;
float: left;
margin-bottom: 24px;
}
@media (min-width: 768px) {
.single-estate .comments-fields-wrapper .mh-grid__1of3 {
width: 50%;
}
}
.single-estate .comments-fields-wrapper .mh-grid__1of3:last-child {
display: none;
}
.single-estate .mh-comment .mh-comment {
border-color: #fff;
}
.single-estate .mh-comment {
border-bottom: 0;
}
.comment-reply-title {
font-size: 21px;
font-weight: 700;
text-align: right;
line-height: 30px;
text-transform: uppercase;
position: relative;
margin-bottom: 12px;
}
.comment-reply-title:after {
clear: both;
content: "";
display: table;
}
#cancel-comment-reply-link {
position: absolute;
left: 0;
display: inline-block;
background: transparent;
border: 0;
background-image: url("assets/images/close.png");
background-size: 30px 30px;
width: 30px;
height: 30px;
font-size: 0;
color: transparent;
}
/* Compare */
.mh-compare {
position: fixed;
bottom: -2px;
right: 0;
left: 0;
border-top: 4px solid #29aae3;
z-index: 203000;
height: 75px;
background: #fff;
box-shadow: 0px 1px 4px 0px rgba(34, 34, 34, 0.5);
}
.mh-compare a {
color: inherit;
}
.mh-compare .owl-carousel {
margin-bottom: 0 -12px 24px -12px;
padding-bottom: 24px;
}
.mh-compare .owl-item .mh-compare__close-button {
position: absolute;
top: 9px;
left: 9px;
background: transparent;
border: 0;
background-image: url("assets/images/close.png");
background-size: 30px 30px;
width: 30px;
height: 30px;
}
.mh-compare .mh-estate-vertical__primary {
margin-bottom: 24px;
font-size: 16px;
}
.mh-compare .mh-estate-vertical__heading {
margin-bottom: 18px;
text-align: center;
}
.mh-compare .owl-next-prev {
float: left;
position: relative;
}
@media (min-width: 768px) {
.mh-compare .owl-next-prev {
float: none;
}
}
.mh-compare__inner {
max-width: 1170px;
padding: 0 15px;
margin: 0 auto;
}
.mh-compare--open {
top: -2px;
height: 100%;
width: 100%;
overflow-y: scroll;
}
.mh-compare--open .mh-compare__inner {
box-shadow: none;
border: none;
}
.mh-compare__column {
position: relative;
background: #f2f2f2;
padding-bottom: 20px;
}
.mh-compare__column:after {
clear: both;
content: "";
display: table;
}
.mh-compare__column .mh-thumbnail {
position: relative;
padding-bottom: 62.5%;
overflow: hidden;
}
.mh-compare__column .mh-thumbnail .mh-thumbnail__inner:after {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-compare__column .mh-thumbnail img {
position: absolute;
top: 0;
right: 0;
}
.mh-compare__column .mdl-button {
min-width: 160px;
}
.mh-compare__column__content__top:after {
clear: both;
content: "";
display: table;
}
.mh-compare__column__content {
padding: 0 18px;
}
.mh-compare__thumbnail-wrapper {
position: relative;
display: block;
margin-bottom: 24px;
}
.mh-compare__thumbnail-wrapper:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-compare__thumbnail-wrapper:hover:after {
opacity: 0.3;
}
}
.mh-compare__heading:after {
clear: both;
content: "";
display: table;
}
.mh-compare__title {
position: relative;
padding-bottom: 12px;
margin-bottom: 12px;
font-size: 24px;
font-weight: 700;
}
.mh-compare__title:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 2px;
background: #fff;
}
@media (min-width: 768px) {
.mh-compare__title {
text-align: center;
}
}
.mh-compare__address {
color: #808080;
overflow: hidden;
margin-bottom: 12px;
font-style: italic;
}
@media (min-width: 768px) {
.mh-compare__address {
text-align: center;
padding: 0 24px;
}
}
.mh-compare__description {
margin-bottom: 24px;
}
.mh-compare__date {
text-align: left;
padding-bottom: 6px;
margin-bottom: 18px;
border-bottom: 1px solid #cccccc;
color: #4d4d4d;
font-style: italic;
}
.mh-compare__price {
display: block;
background: #29aae3;
text-align: center;
color: #fff;
line-height: 36px;
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mh-compare__heading__text {
position: relative;
padding-bottom: 12px;
margin-bottom: 18px;
font-size: 16px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.mh-compare__heading__text:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 2px;
background: #fff;
}
.mh-compare__feature-list {
margin: 0 0 12px 0;
padding: 0;
}
.mh-compare__feature-list li {
display: inline-block;
width: 100%;
padding: 3px 0;
}
.mh-compare__feature-list li a:hover {
color: #29aae3;
}
.mh-compare__container {
padding: 18px 0;
text-align: right;
}
.mh-compare__container button {
margin-left: 0px;
}
@media (max-width: 360px) {
.mh-compare__container .mdl-button {
padding: 0 3px;
}
}
.mh-compare__estate-column {
position: relative;
padding: 0;
}
.mh-compare__estate-column img {
max-width: 100%;
}
.mh-compare__counter strong {
font-style: normal;
font-weight: 700;
min-width: 21px;
text-align: center;
display: inline-block;
}
@media (min-width: 1024px) {
.owl-carousel--columns_1 {
max-width: 33.33%;
}
}
@media (min-width: 1024px) {
.owl-carousel--columns_2 {
max-width: 66.66%;
}
}
.mh-compare__estate-column .mh-estate-grid {
border-bottom: 0 !important;
}
.mh-compare__button-details {
text-align: center;
}
.mh-compare__list {
margin-bottom: 24px;
}
.mh-compare__list__element {
margin-bottom: 6px;
}
.mh-compare__list__element strong {
font-style: normal;
font-weight: 700;
margin-left: 3px;
}
.mh-compare__list__element strong i {
font-weight: 400;
}
@media (min-width: 1025px) {
.mh-compare__list__element a:hover {
color: #29aae3;
}
.mh-compare__list__element a:hover i {
color: #29aae3;
}
}
.mh-compare__list__element a i {
margin-right: 1px;
font-size: 13px !important;
}
.owl-carousel--compare {
cursor: initial !important;
}
.mh-compare__container__text {
display: inline-block;
line-height: 36px;
float: right;
font-size: 13px;
text-transform: uppercase;
}
.mh-compare__container__text strong {
display: inline-block;
margin-right: 3px;
margin-left: 6px;
}
@media (min-width: 360px) {
.mh-compare__container__text strong {
margin-left: 16px;
}
}
.mh-compare__container__inner:after {
clear: both;
content: "";
display: table;
}
.mh-compare__text {
float: right;
display: inline-block;
}
.mh-compare__text button {
font-size: 13px;
}
.mh-compare__next-prev {
float: right;
display: inline-block;
}
.mh-compare__next-prev .owl-prev,
.mh-compare__next-prev .owl-next {
position: static;
border: none;
}
.mh-compare__next-prev .owl-prev i:before,
.mh-compare__next-prev .owl-next i:before {
line-height: 36px;
width: 30px;
height: 36px;
}
/* Currency Switcher */
.mh-currency-switcher__label {
float: right;
line-height: 36px;
margin-left: 6px;
}
.mh-menu-currency-wrapper {
float: right;
width: 100%;
}
@media (min-width: 1024px) {
.mh-menu-currency-wrapper {
display: inline-block;
width: auto;
}
}
.mh-menu-currency-wrapper button {
box-shadow: none !important;
margin: 0 !important;
line-height: 1.2 !important;
width: auto !important;
max-height: 28px !important;
min-width: 65px !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
position: relative !important;
top: 3px !important;
padding-right: 12px !important;
}
.mh-top-header .mh-currency-switcher,
.mh-top-header-big .mh-currency-switcher {
float: right;
width: auto;
right: 0;
margin-bottom: 0;
display: none;
}
.mh-top-header .mh-currency-switcher .dropdown-menu,
.mh-top-header-big .mh-currency-switcher .dropdown-menu {
z-index: 9999999999;
border: 1px solid #f0f0f0;
}
.mh-top-header .mh-currency-switcher .filter-option,
.mh-top-header-big .mh-currency-switcher .filter-option {
font-style: normal;
}
.mh-top-header .mh-currency-switcher > .btn,
.mh-top-header-big .mh-currency-switcher > .btn {
min-width: 65px;
padding-top: 6px;
padding-bottom: 6px;
position: relative;
top: 3px;
padding-right: 12px;
font-style: normal;
background: #fafafa;
border: none;
}
.mh-top-header .mh-currency-switcher .dropdown-menu > li,
.mh-top-header-big .mh-currency-switcher .dropdown-menu > li {
line-height: 21px;
}
.mh-top-header .mh-currency-switcher .dropdown-menu > li > a,
.mh-top-header-big .mh-currency-switcher .dropdown-menu > li > a {
padding-top: 2px;
padding-bottom: 2px;
min-height: 21px;
}
.mh-top-header .mh-currency-switcher .dropdown-menu > li > a:hover,
.mh-top-header-big .mh-currency-switcher .dropdown-menu > li > a:hover {
color: #222;
}
.mh-top-header .mh-currency-switcher .dropdown-menu > li.selected > a:hover,
.mh-top-header-big .mh-currency-switcher .dropdown-menu > li.selected > a:hover {
color: #fff;
}
.mh-top-header .mh-currency-switcher option,
.mh-top-header-big .mh-currency-switcher option {
font-size: 14px;
color: #999;
border: 0;
background: transparent;
}
.mh-top-header .mh-currency-switcher option.selected,
.mh-top-header-big .mh-currency-switcher option.selected {
color: #222;
background: #f4f4f4;
}
.btn-group.bootstrap-select.mh-currency-switcher {
display: block;
}
/* Estate */
.mh-estate__slider {
margin-bottom: 12px;
overflow: hidden;
min-height: 340px;
}
@media (min-width: 768px) {
.mh-estate__slider {
margin-bottom: 24px;
}
}
@media (min-width: 1024px) {
.mh-estate__slider {
min-height: 668px;
}
}
.mh-estate__slider__content {
width: 100%;
text-align: center;
font-size: 16px;
line-height: 60px;
}
.mh-estate__slider__content:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-estate__slider__content {
position: absolute;
font-size: 21px;
bottom: 48px;
margin: 0 auto;
right: 0;
left: 0;
max-width: 600px;
height: 60px;
}
}
.mh-estate__slider__phone {
background: #f0f0f0;
text-transform: uppercase;
}
@media (min-width: 768px) {
.mh-estate__slider__phone {
width: 250px;
display: inline-block;
float: right;
height: 60px;
}
.mh-estate__slider__phone i {
margin-left: 9px;
}
}
.mh-estate__slider__price {
background: #29aae3;
color: #fff;
}
@media (min-width: 768px) {
.mh-estate__slider__price {
height: 60px;
font-weight: 400;
display: inline-block;
float: right;
width: 250px;
}
}
.mh-estate__main-image {
margin-bottom: 12px;
overflow: hidden;
}
.mh-estate__main-image img {
width: 100%;
}
@media (min-width: 768px) {
.mh-estate__main-image {
margin-bottom: 24px;
}
}
.mh-estate__list {
margin-bottom: 0;
}
.mh-estate__list:after {
clear: both;
content: "";
display: table;
}
.mh-estate__list__inner {
margin: 0;
padding: 0;
list-style-type: none;
}
@media (min-width: 768px) {
.mh-estate__list__inner {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
}
.mh-estate__list__element {
position: relative;
width: 100%;
margin-bottom: 3px;
}
.mh-estate__list__element:last-child {
margin-bottom: 0px;
}
.mh-estate__list__element strong {
font-style: normal;
font-weight: 700;
margin-left: 6px;
}
.mh-estate__list__element strong [class*="flaticon-"] {
position: relative;
padding-right: 24px;
}
.mh-estate__list__element strong [class*="flaticon-"]:before {
position: absolute;
right: 0;
font-weight: 400;
top: -3px;
font-size: 19px;
}
@media (min-width: 1025px) {
.mh-estate__list__element a:hover {
color: #29aae3;
}
.mh-estate__list__element a:hover i {
color: #29aae3;
}
}
.mh-estate__list__element a i {
margin-right: 1px;
font-size: 13px !important;
}
@media (min-width: 768px) {
.mh-estate__list__element {
padding: 0 12px 3px 12px;
width: 50%;
}
}
.mh-estate__list__element.mh-estate__list__element--full-width {
width: 100% !important;
}
.mh-estate__list .mh-estate__list__inner .mh-estate__list__element--attachment {
width: 100%;
}
.mh-estate__list .mh-estate__list__inner .mh-estate__list__element--attachment a:hover {
color: #29aae3;
}
.mh-estate__list .mh-estate__list__inner .mh-estate__list__element--attachment i {
margin-left: 3px;
font-size: 16px !important;
top: 0px !important;
position: relative;
}
.mh-estate__list__element--dot {
padding-right: 12px;
}
.mh-estate__list__element--dot:before {
content: '';
width: 5px;
height: 5px;
background: #222;
border-radius: 50%;
position: absolute;
top: 11px;
right: 0px;
}
@media (min-width: 768px) {
.mh-estate__list__element--dot {
width: 33.3%;
padding: 0 30px 3px 12px;
}
.mh-estate__list__element--dot:before {
right: 16px;
}
}
.mh-estate__details-left {
margin-bottom: 12px;
position: absolute;
top: 48px;
right: 12px;
z-index: 2;
height: 72px;
text-align: right;
}
.mh-estate__details {
margin-bottom: 12px;
text-align: right;
font-size: 24px;
}
.mh-estate__details > div {
padding: 14px 12px;
line-height: 20px;
text-align: right;
position: relative;
}
.mh-estate__details > div:after {
clear: both;
content: "";
display: table;
}
.mh-estate__details > div a {
width: 100%;
color: #4d4d4d;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.mh-estate__details > div a:hover {
color: #29aae3;
}
.mh-estate__details > div i {
margin-left: 6px;
}
@media (min-width: 768px) {
.mh-estate__details {
margin-bottom: 24px;
}
}
.mh-estate__details .mh-estate__details__price {
font-size: 21px;
font-family: Play, Arial, Helvetica, sans-serif;
background: #29aae3;
color: #fff;
padding: 10px 12px;
line-height: 28px;
border-bottom: 2px solid #fff;
}
.mh-estate__details__price__single + .mh-estate__details__price__single {
position: relative;
padding: 12px 0;
}
.mh-estate__details__price__single + .mh-estate__details__price__single:after {
content: '';
background: rgba(255, 255, 255, 0.2);
width: 100%;
position: absolute;
height: 2px;
right: 0;
top: -1px;
}
.mh-estate__details__price__single:nth-child(2) {
padding-top: 24px;
}
.mh-estate__details__price__single:nth-child(2):after {
top: 11px;
}
.mh-estate__details__price__single:last-child {
padding-bottom: 0;
}
.mh-estate__details__map {
font-size: 14px;
border-bottom: 2px solid #fff;
padding: 0 !important;
color: #222 !important;
}
.mh-estate__details__map a {
display: block;
padding: 14px 12px;
line-height: 20px;
height: 48px;
background: #fafafa !important;
color: #222 !important;
}
.mh-estate__details__map a:hover {
background: #f0f0f0 !important;
}
.mh-estate__details__phone:after,
.mh-estate__details__print:after {
clear: both;
content: "";
display: table;
}
.mh-estate__details__phone {
padding: 0 !important;
font-size: 14px;
border-bottom: 2px solid #fff;
}
.mh-estate__details__phone a {
display: block;
padding: 14px 12px;
line-height: 20px;
height: 48px;
background: #fafafa !important;
color: #222 !important;
}
.mh-estate__details__phone a:hover {
background: #f0f0f0 !important;
}
.mh-estate__section,
.single-estate .mh-comments {
padding: 15px 18px 0 18px;
background: #f4f4f4;
margin-bottom: 12px;
overflow: hidden;
}
.mh-estate__section:after,
.single-estate .mh-comments:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-estate__section,
.single-estate .mh-comments {
padding: 18px 24px 0 24px;
margin-bottom: 24px;
}
}
.mh-estate__section .mh-estate__list__inner {
padding-bottom: 24px;
}
.mh-estate__section--shortcode {
padding-bottom: 24px;
}
.mh-estate__section__heading,
.single-estate .comment-reply-title,
.single-estate .mh-post-single__section__heading {
font-size: 16px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
}
.mh-estate__section__heading:after,
.single-estate .comment-reply-title:after,
.single-estate .mh-post-single__section__heading:after {
content: '';
height: 2px;
width: 100%;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
@media (min-width: 768px) {
.mh-estate__section__heading,
.single-estate .comment-reply-title,
.single-estate .mh-post-single__section__heading {
font-size: 21px;
margin-bottom: 18px;
padding-bottom: 18px;
}
}
.mh-estate__estate-info {
font-size: 13px;
margin-top: 24px;
margin-bottom: 24px;
padding-right: 2px;
}
.mh-estate__estate-info ul {
list-style-type: none;
padding: 0;
margin: 0;
color: #666666 !important;
}
.mh-estate__estate-info ul span {
font-style: italic;
margin-left: 5px;
}
.mh-estate__estate-info ul li {
font-style: italic !important;
margin-bottom: 6px;
}
@media (min-width: 768px) {
.mh-estate__estate-info ul {
display: flex;
justify-content: space-between;
}
}
.mh-estate__agent {
margin-bottom: 48px;
}
.mh-estate__agent img {
width: 100%;
}
.mh-estate__agent__phone {
margin-bottom: 12px;
color: #4d4d4d;
font-size: 14px;
}
.mh-estate__agent__phone i {
margin-left: 9px;
}
.mh-estate__agent__more {
margin-bottom: 12px;
color: #4d4d4d;
font-size: 14px;
}
.mh-estate__agent__email {
margin-bottom: 12px;
font-size: 14px;
}
.mh-estate__agent__email a {
color: #4d4d4d;
}
.mh-estate__agent__email a:hover {
color: #222;
}
.mh-estate__agent__email i {
margin-left: 9px;
}
.mh-estate__agent__social-icons {
margin-bottom: 16px;
}
.mh-estate__agent__social-icons a {
color: #666666;
margin-left: 6px;
font-size: 14px;
}
.mh-estate__agent__social-icons a:hover {
color: #222;
}
.mh-estate__agent__content {
max-width: 480px;
margin: 0 auto;
}
.mh-estate__agent__content a:hover {
color: #29aae3;
}
.mh-estate__plan-thumbnail-wrapper {
position: relative;
display: block;
padding-bottom: 62.5%;
overflow: hidden;
}
.mh-estate__plan-thumbnail-wrapper:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-estate__plan-thumbnail-wrapper:hover:after {
opacity: 0.3;
}
}
.mh-estate__plan-thumbnail-wrapper img {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.mh-estate__agent__thumbnail-wrapper {
position: relative;
display: block;
padding-bottom: 100%;
margin-bottom: 12px;
}
.mh-estate__agent__thumbnail-wrapper:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-estate__agent__thumbnail-wrapper:hover:after {
opacity: 0.3;
}
}
.mh-estate__agent__thumbnail-wrapper img {
min-width: 100%;
position: absolute;
top: 0;
right: 0;
}
.mh-estate__huge-image {
overflow: hidden;
position: relative;
height: 350px;
}
@media (min-width: 1024px) {
.mh-estate__huge-image {
height: 500px;
}
}
@media (min-width: 1200px) {
.mh-estate__huge-image {
height: 600px;
}
}
.mh-estate__huge-image > a:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.45);
width: 100%;
height: 100%;
}
.mh-estate__huge-image__single {
height: 100%;
}
.mh-estate__huge-no-image {
overflow: hidden;
position: relative;
height: 200px;
background: #4d4d4d;
}
.mh-estate__no-sidebar {
margin: 0 auto;
max-width: 1024px;
}
.mh-estate__no-sidebar .mh-display-mobile {
display: block !important;
}
@media (min-width: 768px) {
.mh-estate__no-sidebar .mh-estate__details > div,
.mh-estate__no-sidebar .mh-estate__details > div a {
xpadding-right: 24px;
xpadding-left: 24px;
}
}
.mh-estate__no-sidebar .mh-estate__details__map a {
padding-right: 12px;
}
.mh-estate__no-sidebar .mh-estate__add-to {
margin-top: 0px;
}
.mh-estate__no-sidebar .mh-estate__details__phone a {
padding-right: 12px;
}
.mh-estate__attachments-wrapper {
margin-bottom: 24px;
}
.mh-estate__attachments-wrapper:after {
clear: both;
content: "";
display: table;
}
.mh-estate__attachment {
background: #fff;
float: right;
position: relative;
width: 48%;
padding: 24px;
}
.mh-estate__attachment__icon {
width: 30%;
float: left;
position: absolute;
top: 12px;
right: 12px;
}
.mh-estate__attachment__name {
padding-right: 70px;
}
.mh-estate__related .mh-estate__section__heading {
padding-bottom: 24px;
margin-bottom: 0;
}
.mh-estate__related .mh-estate__section__heading:after {
display: none;
}
.mh-estate__related .mh-grid__1of2 {
margin-bottom: 12px;
}
.mh-estate__cta {
margin-bottom: 24px;
margin-top: 24px;
padding: 0 !important;
}
.mh-estate__cta img {
width: 100%;
}
.mh-estate__cta__text {
padding: 12px;
background: #f4f4f4;
font-size: 13px;
}
.mh-estate__add-to {
padding: 0 !important;
margin-top: 0;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-estate__add-to {
margin-top: -25px;
}
}
.mh-estate__add-to button {
min-height: 48px;
line-height: 24px;
font-size: 14px;
padding: 12px;
display: block;
color: #444;
text-align: right;
width: 100%;
margin: 0;
background: #fafafa;
border: 0px solid transparent;
}
.mh-estate__add-to button:hover {
background: #f2f2f2;
color: #222;
}
.mh-estate__add-to button:last-child {
border-top: 2px solid #fff;
}
.mh-estate__add-to button .fab,
.mh-estate__add-to button .far,
.mh-estate__add-to button .fas {
margin-left: 6px;
position: relative;
}
.mh-estate__add-to__compare--active {
color: #4CAF50 !important;
}
.mh-estate__add-to__favorite--active {
color: #D32F2F !important;
}
.mh-single_estate--slider .mh-fixed-menu + .mh-sticky-menu-placeholder {
max-height: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
/* Estate horizontal */
/* Important - MyHome use only vertical grid on mobile to deliver consistent user experience */
.mh-estate-horizontal {
background: #f2f2f2;
position: relative;
height: 100%;
margin: 0;
padding: 0;
}
.mh-estate-horizontal:after {
clear: both;
content: "";
display: table;
}
.mh-estate-horizontal .mh-thumbnail {
margin-bottom: 0;
}
.mh-estate-horizontal__inner {
display: flex;
flex-wrap: wrap;
}
.mh-estate-horizontal__left {
width: 40%;
float: right;
display: inline-block;
display: flex;
flex-direction: column;
}
.mh-estate-horizontal__left .mh-thumbnail {
position: relative;
}
.mh-estate-horizontal__left .swiper-container {
margin-bottom: 0 !important;
}
.mh-estate-horizontal__left {
position: relative;
}
.mh-estate-horizontal__left .mh-thumbnail__inner {
padding-bottom: 62.5%;
}
.mh-estate-horizontal__left .mh-thumbnail__inner img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.mh-estate-horizontal__right {
width: 60%;
float: right;
display: inline-block;
display: flex;
flex-direction: column;
padding: 12px 18px;
}
.mh-estate-horizontal--gallery .mh-estate-horizontal__inner {
display: block;
}
.mh-estate-horizontal--gallery .mh-estate-horizontal__left {
display: inline-block;
}
.mh-estate-horizontal--gallery .mh-estate-horizontal__right {
display: inline-block;
}
.mh-estate-horizontal--gallery .swiper-container {
margin-bottom: 0;
}
.mh-estate-horizontal__right__content {
height: 100%;
position: relative;
}
.mh-estate-horizontal__excerpt {
margin-bottom: 12px;
}
.mh-estate-horizontal__heading {
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mh-estate-horizontal__subheading {
color: #222;
font-weight: 400;
font-size: 14px;
margin-bottom: 12px;
font-family: Lato, Arial, Helvetica, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mh-estate-horizontal__date {
display: block;
line-height: 36px;
font-size: 11px;
position: absolute;
bottom: 0;
right: 0;
}
.mh-estate-horizontal__date:after {
clear: both;
content: "";
display: table;
}
.mh-estate-horizontal__buttons {
text-align: left;
}
.mh-estate-horizontal__buttons__single {
display: inline-block;
width: auto;
max-width: 50%;
white-space: nowrap;
font-size: 13px;
}
@media (min-width: 768px) {
.mh-estate-horizontal__buttons__single .mdl-button {
min-width: 125px !important;
}
}
.mh-estate-horizontal__buttons__single .mdl-button__icon-left,
.mh-estate-horizontal__buttons__single .mdl-button__icon-right {
display: inline;
}
.mh-estate-horizontal__buttons__single a, .mh-estate-horizontal__buttons__single button {
width: 100%;
}
.mh-estate-horizontal__buttons__single:nth-last-child(2) {
padding-left: 6px;
float: none;
}
.mh-estate-horizontal__bottom {
text-align: left;
height: 36px;
}
.mh-estate-horizontal__bottom:after {
clear: both;
content: "";
display: table;
}
.mh-estate-horizontal__bottom__inner {
width: 100%;
bottom: 0;
right: 0;
position: absolute;
}
.mh-estate-horizontal__bottom__inner:after {
clear: both;
content: "";
display: table;
}
.mh-estate-horizontal__primary {
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 12px;
color: #29aae3;
}
.mh-estate-horizontal__more-info {
display: inline-block;
margin-left: 12px;
line-height: 21px;
font-size: 14px;
}
/* Estate vertical */
.mh-estate-vertical {
position: relative;
background: #f2f2f2;
padding-bottom: 12px;
}
.mh-estate-vertical:after {
clear: both;
content: "";
display: table;
}
.mh-estate-vertical .mh-thumbnail {
position: relative;
overflow: hidden;
display: block;
padding-bottom: 0;
}
.mh-estate-vertical .mh-thumbnail .mh-thumbnail__inner {
padding-bottom: 62.5%;
}
.mh-estate-vertical .mh-thumbnail .mh-thumbnail__inner:after {
clear: both;
content: "";
display: table;
}
.mh-estate-vertical .mh-thumbnail .mh-thumbnail__inner:before {
content: '';
background: #000;
opacity: 0;
z-index: 1;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-estate-vertical .mh-thumbnail .mh-thumbnail__inner:after {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-estate-vertical .mh-thumbnail img {
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 1025px) {
.mh-estate-vertical .mh-thumbnail:hover .mh-thumbnail__inner:before {
opacity: 0.5;
}
.mh-estate-vertical .mh-thumbnail:hover .mh-estate-vertical__text {
top: 50%;
margin-top: -34px;
opacity: 1;
z-index: 2;
-webkit-transition: opacity 0.3s ease-out, bottom 0.2s ease-out;
-moz-transition: opacity 0.3s ease-out, bottom 0.2s ease-out;
-ms-transition: opacity 0.3s ease-out, bottom 0.2s ease-out;
-o-transition: opacity 0.3s ease-out, bottom 0.2s ease-out;
transition: opacity 0.3s ease-out, bottom 0.2s ease-out;
}
.mh-estate-vertical .mh-thumbnail:hover .mh-estate-vertical__text__inner {
display: table-cell;
vertical-align: middle;
}
}
.mh-estate-vertical--list {
margin-bottom: 12px;
}
.mh-estate-vertical--white {
background: #fff;
}
.mh-estate-vertical--white .mh-estate-vertical,
.mh-estate-vertical--white .mh-estate-horizontal {
background: #fff;
}
.mh-estate-vertical--dark {
background: #333;
color: #fff;
}
.mh-estate-vertical--dark .mh-estate-vertical__heading a {
color: #fff;
}
.mh-estate-vertical--dark .myhome-compare .mdl-button {
color: #fff;
}
.mh-estate-vertical--dark .myhome-compare-button button {
color: #fff;
}
.mh-estate-vertical__content {
padding: 0 12px;
}
.mh-estate-vertical__content:after {
clear: both;
content: "";
display: table;
}
.mh-estate-vertical__heading {
margin-bottom: 6px;
font-size: 24px;
font-weight: 700;
}
.mh-estate-vertical__subheading {
font-weight: 400;
font-size: 14px;
margin-bottom: 12px;
font-family: Lato, Arial, Helvetica, sans-serif;
}
.mh-estate-vertical__date {
display: block;
line-height: 36px;
font-size: 11px;
position: absolute;
bottom: 12px;
right: 12px;
}
.mh-estate-vertical__date:after {
clear: both;
content: "";
display: table;
}
.mh-estate-vertical__buttons-wrapper {
height: 48px;
}
.mh-estate-vertical__buttons {
position: absolute;
bottom: 12px;
left: 12px;
text-align: left;
}
.mh-estate-vertical__buttons__single {
display: inline-block;
width: auto;
white-space: nowrap;
font-size: 13px;
}
.mh-estate-vertical__buttons__single .mdl-button {
min-width: 95px !important;
}
@media (min-width: 768px) {
.mh-estate-vertical__buttons__single .mdl-button {
min-width: 125px !important;
}
}
.mh-estate-vertical__buttons__single .mdl-button__icon-left,
.mh-estate-vertical__buttons__single .mdl-button__icon-right {
display: none;
}
@media (min-width: 768px) {
.mh-estate-vertical__buttons__single .mdl-button__icon-left,
.mh-estate-vertical__buttons__single .mdl-button__icon-right {
display: inline;
}
}
.mh-estate-vertical__buttons__single a, .mh-estate-vertical__buttons__single button {
width: 100%;
}
.mh-estate-vertical__buttons__single:nth-last-child(2) {
padding-left: 6px;
float: none;
}
.mh-estate-vertical__bottom {
float: left;
min-height: 36px;
}
.mh-estate-vertical__bottom__inner {
width: 100%;
bottom: 0;
line-height: 36px;
right: 0;
}
.mh-estate-vertical__bottom__inner:after {
clear: both;
content: "";
display: table;
}
.mh-estate-vertical__text {
display: table;
width: 100%;
position: absolute;
top: 0;
right: 0;
min-height: 76px;
padding: 0 24px;
opacity: 0;
text-align: center;
color: #fff;
transition: 0.3s ease-out;
}
.mh-estate-vertical__text .mh-estate-vertical__inner {
display: table-cell;
vertical-align: middle;
}
.mh-estate-vertical__primary {
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #29aae3;
font-weight: 700;
margin-bottom: 6px;
}
.mh-estate-vertical__more-info {
display: inline-block;
margin-left: 12px;
line-height: 24px;
margin-bottom: 6px;
font-size: 14px;
position: relative !important;
}
.mh-estate-vertical__more-info [class*="flaticon-"] {
padding-right: 30px;
}
.mh-estate-vertical__more-info [class*="flaticon-"]:before {
position: absolute;
right: 0;
font-weight: 400 !important;
font-size: 20px !important;
margin-left: 6px !important;
top: 2px !important;
}
.mh-estate-vertical__more-info .fab,
.mh-estate-vertical__more-info .far,
.mh-estate-vertical__more-info .fas {
padding-right: 24px;
}
.mh-estate-vertical__more-info .fab:before,
.mh-estate-vertical__more-info .far:before,
.mh-estate-vertical__more-info .fas:before {
position: absolute;
right: 0;
font-size: 20px !important;
top: 1px !important;
}
/* Estate Vertical - OWL Carousel */
.owl-item .mh-estate-vertical {
margin-bottom: 24px;
}
/* Filters */
.mh-filters {
display: none;
}
@media (min-width: 768px) {
.mh-filters {
display: block;
background: #f2f2f2;
margin-bottom: 12px;
padding: 0 12px;
color: #222;
}
.mh-filters:after {
clear: both;
content: "";
display: table;
}
}
.mh-filters__sort {
display: inline-block;
float: right;
line-height: 36px;
font-size: 13px;
}
.mh-filters__sort i {
margin-left: 3px;
}
@media (min-width: 1200px) {
.mh-filters__sort {
margin-left: 12px;
}
}
.mh-filters__left {
float: right;
font-weight: 400;
}
.mh-filters__right {
float: left;
display: block;
text-align: left;
}
.mh-filters__right button {
outline: 0px;
position: relative;
line-height: 36px;
height: 36px;
font-size: 16px;
color: #999999;
font-weight: 400;
background: transparent;
border: 0;
padding: 2px 0 0 0;
margin-left: 12px;
}
.mh-filters__right button:last-child {
margin-left: 0;
}
.mh-filters__buttons {
float: right;
display: inline-block;
}
.mh-filters__buttons button {
float: right;
}
.mh-filters__button {
padding: 2px 7px;
position: relative;
background: transparent;
font-weight: 400;
margin: 3px 0 3px 9px;
color: #222;
text-transform: uppercase;
font-size: 13px;
line-height: 24px;
border-radius: 0px;
border: 1px solid transparent;
}
@media (min-width: 1025px) {
.mh-filters__button:hover {
color: #222;
}
}
@media (min-width: 1200px) {
.mh-filters__button {
padding: 3px 9px;
}
}
.mh-filters__button.mh-filters__button--active {
color: #29aae3;
}
@media (min-width: 1025px) {
.mh-filters__button.mh-filters__button--active:hover {
color: #29aae3;
}
}
button.mh-filters__right__button--active {
color: #29aae3;
}
/* Fixed Menu */
.mh-fixed-menu .mh-header {
position: relative;
}
@media (max-width: 1023px) {
.mobile_menu_active #mega_main_menu_ul {
overflow-y: scroll;
height: 100vh;
position: absolute;
top: 0;
right: 0;
width: 100%;
}
}
.mobile_menu_active + .mega_main_menu_ul {
width: 100% !important;
}
.mobile_menu_active + .mega_main_menu_ul {
background: #fff !important;
}
.mh-fixed-menu--active .mobile_menu_active + .mega_main_menu_ul {
background: #fff !important;
height: 100vh !important;
overflow-y: scroll !important;
}
.mh-fixed-menu .mh-header > div {
position: absolute !important;
width: 100% !important;
top: 0 !important;
right: 0 !important;
}
.mh-fixed-menu--active .mh-header {
position: fixed;
top: 0px;
width: 100%;
z-index: 600;
}
@media (min-width: 782px) {
.admin-bar .mh-fixed-menu--active .mh-header {
top: 32px;
}
}
.mh-fixed-menu--active .mega_main_menu {
background: #222;
}
html body .mh-fixed-menu.mh-fixed-menu--transparent-light.mh-fixed-menu--active .mega_main_menu {
background: #fff !important;
}
html body .mh-fixed-menu.mh-fixed-menu--transparent-light.mh-fixed-menu--active .mega_main_menu .mmm_fullwidth_container {
background-image: none !important;
}
html body .mh-fixed-menu.mh-fixed-menu--transparent-light.mh-fixed-menu--active #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link:after,
html body .mh-fixed-menu.mh-fixed-menu--transparent-light.mh-fixed-menu--active #mega_main_menu.mh-primary > .menu_holder:not(.sticky_container) > .menu_inner > ul > li > .item_link *, html body .mh-fixed-menu.mh-fixed-menu--transparent-light.mh-fixed-menu--active .symbol_menu i {
color: #4d4d4d !important;
}
html body .mh-fixed-menu--transparent-light.mh-fixed-menu--active .mh-header--transparent #mega_main_menu.mh-primary > .menu_holder:not(.sticky_container) > .mmm_fullwidth_container {
border-bottom: 1px solid #efefef;
}
@media (max-width: 1023px) {
.mh-sticky-menu-placeholder--active {
min-height: 65px;
}
}
/* Form container */
.mh-form-container {
max-width: 480px;
margin: 0 auto;
}
.mh-form-container input, .mh-form-container textarea {
text-decoration: none;
}
.mh-form-container input::-webkit-input-placeholder, .mh-form-container textarea::-webkit-input-placeholder {
color: #666666;
}
.mh-form-container input::-moz-placeholder, .mh-form-container textarea::-moz-placeholder {
color: #666666;
}
.mh-form-container input:-moz-placeholder, .mh-form-container textarea:-moz-placeholder {
color: #666666;
}
.mh-form-container input:-ms-input-placeholder, .mh-form-container textarea:-ms-input-placeholder {
color: #666666;
}
.mh-form-container input {
margin-bottom: 6px;
text-align: right !important;
}
.mh-form-container textarea {
text-align: right !important;
}
.mh-form-container__textarea {
height: 233px;
margin-bottom: 0;
}
.mh-form-container__submit {
text-align: left;
margin-top: 4px;
margin-bottom: 18px;
}
.mh-form-container__submit:after {
clear: both;
content: "";
display: table;
}
.mh-form-container__submit input[type=submit] {
width: auto;
float: left;
}
.mh-form-container__submit .mdl-button {
width: 144px;
}
.mh-form-container__info {
background: rgba(242, 116, 116, 0.2);
padding: 12px;
border-right: 5px solid #f27474;
margin-bottom: 6px;
font-size: 13px;
}
.mh-form-container__sending,
.mh-form-container__error,
.mh-form-container__success {
margin-bottom: 24px;
background: #f0f0f0;
padding: 6px 12px;
}
.mh-form-container__label {
display: block;
margin-bottom: 3px;
font-size: 14px;
font-weight: 700;
}
.mh-form-container__remember-me {
margin-bottom: 12px;
}
.mh-form-container__remember-me .mdl-checkbox__label {
top: -2px;
right: -3px;
position: relative;
text-transform: none;
}
.mh-form-container__reset {
cursor: pointer;
padding-bottom: 6px;
margin-top: -6px;
font-size: 14px;
}
.mh-form-container__reset:hover {
color: #29aae3;
}
/* Gallery Auto Height */
.owl-carousel--gallery .owl-stage {
background: #f4f4f4;
}
.owl-carousel--gallery-thumbs {
display: none !important;
margin-top: 12px;
}
.owl-carousel--gallery-thumbs a {
display: block;
position: relative;
margin-bottom: 12px;
overflow: hidden;
}
@media (min-width: 768px) {
.owl-carousel--gallery-thumbs {
display: block !important;
}
.owl-carousel--gallery-thumbs a {
height: 120px;
margin-bottom: 24px;
}
.owl-carousel--gallery-thumbs a:after {
content: '';
position: absolute;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.owl-carousel--gallery-thumbs a:hover:after {
background: rgba(255, 255, 255, 0);
}
.owl-carousel--gallery-thumbs img {
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
min-height: 100%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.owl-carousel--gallery-thumbs .current a:after {
background: rgba(255, 255, 255, 0) !important;
}
}
.owl-carousel--gallery-thumbs {
display: none !important;
}
.owl-carousel--gallery.owl-loaded + .owl-carousel--gallery-thumbs {
display: block !important;
}
/* Gallery Submit */
.mh-gallery-submit:after {
clear: both;
content: "";
display: table;
}
.mh-gallery-submit .mh-simple-spinner-text {
display: none;
}
.mh-gallery-submit > div {
background: #f4f4f4;
}
.mh-gallery-submit > div:nth-child(even) {
background: #f9f9f9;
}
.mh-gallery-submit__row {
background: #f4f4f4;
}
.mh-gallery-submit__row:after {
clear: both;
content: "";
display: table;
}
.mh-gallery-submit__row:last-child {
margin-bottom: 12px;
}
.mh-gallery-submit__col-1 {
position: relative;
}
@media (min-width: 768px) {
.mh-gallery-submit__col-1 {
position: absolute;
padding: 6px;
}
}
@media (min-width: 768px) {
.mh-gallery-submit__col-2 {
float: right;
width: 100%;
padding-right: 140px;
line-height: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.mh-gallery-submit__spinner {
position: absolute;
margin: 0 auto;
right: 0;
left: 0;
top: 50px;
}
.mh-gallery-submit-loaded {
margin: 0 0 24px 0;
padding: 12px 12px 0 12px;
background: #f4f4f4;
}
.mh-gallery-submit-loaded__label {
margin-bottom: 12px;
font-weight: 700;
}
/* Heading */
.mh-heading-wrapper {
position: relative;
display: block;
}
.mh-heading-wrapper:after {
clear: both;
content: "";
display: table;
}
.mh-heading-wrapper h1, .mh-heading-wrapper h2, .mh-heading-wrapper h3, .mh-heading-wrapper h4, .mh-heading-wrapper h5, .mh-heading-wrapper h6, .mh-heading-wrapper .mh-subheading {
display: block;
text-align: center;
}
.mh-heading-wrapper--left h1, .mh-heading-wrapper--left h2, .mh-heading-wrapper--left h3, .mh-heading-wrapper--left h4, .mh-heading-wrapper--left h5, .mh-heading-wrapper--left h6, .mh-heading-wrapper--left .mh-subheading {
text-align: right;
}
.mh-heading-wrapper--left h1:after, .mh-heading-wrapper--left h2:after, .mh-heading-wrapper--left h3:after, .mh-heading-wrapper--left h4:after, .mh-heading-wrapper--left h5:after, .mh-heading-wrapper--left h6:after, .mh-heading-wrapper--left .mh-subheading:after {
margin-right: 0;
}
.mh-heading-wrapper--right h1, .mh-heading-wrapper--right h2, .mh-heading-wrapper--right h3, .mh-heading-wrapper--right h4, .mh-heading-wrapper--right h5, .mh-heading-wrapper--right h6, .mh-heading-wrapper--right .mh-subheading {
text-align: left;
}
.mh-heading-wrapper--right h1:after, .mh-heading-wrapper--right h2:after, .mh-heading-wrapper--right h3:after, .mh-heading-wrapper--right h4:after, .mh-heading-wrapper--right h5:after, .mh-heading-wrapper--right h6:after, .mh-heading-wrapper--right .mh-subheading:after {
right: auto;
margin-left: 0;
}
/* Heading */
.mh-heading {
position: relative;
}
.mh-heading--top-separator {
font-wegiht: 400;
text-transform: uppercase;
text-align: center;
padding-top: 12px;
margin-bottom: 24px;
}
.mh-heading--top-separator:after {
content: '';
display: inline;
position: absolute;
top: 0;
right: 0;
left: 0;
max-width: 90px;
width: 50%;
margin: 0 auto;
height: 2px;
background: #29aae3;
}
.mh-heading--bottom-separator {
position: relative;
text-transform: uppercase;
text-align: center;
padding-bottom: 12px;
margin-bottom: 36px;
}
.mh-heading--bottom-separator:after {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
max-width: 90px;
width: 50%;
margin: 0 auto;
height: 2px;
background: #29aae3;
}
/* Subheading */
.mh-subheading {
max-width: 900px;
margin: -24px auto 36px auto;
}
/* Heading background wrapper */
.mh-heading-background-wrapper {
position: relative;
padding: 36px;
overflow: hidden;
font-size: 21px !important;
}
.mh-heading-background-wrapper * {
z-index: 2;
}
.mh-heading-background-wrapper h1, .mh-heading-background-wrapper h2, .mh-heading-background-wrapper h3, .mh-heading-background-wrapper h4, .mh-heading-background-wrapper h5 {
margin-bottom: 0;
}
.mh-heading-background-wrapper:after {
content: '';
position: absolute;
top: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 1;
}
@media (min-width: 768px) {
.mh-heading-background-wrapper {
padding: 48px;
}
}
/* Icons */
.mh-icon-wrapper {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 24px;
}
.mh-icon-container--round {
position: absolute;
top: 0;
text-align: center;
border-radius: 50%;
display: inline-block;
border-width: 2px;
border-color: #ccc;
border-style: solid;
}
.mh-icon-container--round i {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.mh-icon-container--rounded-rectangle {
position: absolute;
top: 0;
text-align: center;
border-radius: 15px;
display: inline-block;
border-width: 2px;
border-color: #ccc;
border-style: solid;
}
.mh-icon-container--rounded-rectangle i {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.mh-icon-container--square {
position: absolute;
top: 0;
text-align: center;
border-radius: 0;
display: inline-block;
border-width: 2px;
border-color: #ccc;
border-style: solid;
}
.mh-icon-container--square i {
position: absolute;
top: 0;
right: 0;
left: 0;
}
@font-face {
font-family: "Flaticon";
src: url("assets/fonts/Flaticon.eot");
src: url("assets/fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Flaticon.woff") format("woff"), url(".assets/fonts/Flaticon.ttf") format("truetype"), url("assets/fonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@ font-face {
font-family: "Flaticon";
src: url("../../assets/fonts/Flaticon.svg#Flaticon") format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-air-conditioner:before {
content: "\f100";
}
.flaticon-apartment:before {
content: "\f101";
}
.flaticon-area:before {
content: "\f102";
}
.flaticon-bath:before {
content: "\f103";
}
.flaticon-bath-2:before {
content: "\f104";
}
.flaticon-bathtub:before {
content: "\f105";
}
.flaticon-bed:before {
content: "\f106";
}
.flaticon-bulb:before {
content: "\f107";
}
.flaticon-city:before {
content: "\f108";
}
.flaticon-city-2:before {
content: "\f109";
}
.flaticon-computer:before {
content: "\f10a";
}
.flaticon-construction:before {
content: "\f10b";
}
.flaticon-construction-2:before {
content: "\f10c";
}
.flaticon-date:before {
content: "\f10d";
}
.flaticon-dishwasher:before {
content: "\f10e";
}
.flaticon-door:before {
content: "\f10f";
}
.flaticon-fence:before {
content: "\f110";
}
.flaticon-fireplace:before {
content: "\f111";
}
.flaticon-full-size:before {
content: "\f112";
}
.flaticon-furniture:before {
content: "\f113";
}
.flaticon-garage:before {
content: "\f114";
}
.flaticon-home:before {
content: "\f115";
}
.flaticon-home-2:before {
content: "\f116";
}
.flaticon-home-3:before {
content: "\f117";
}
.flaticon-home-4:before {
content: "\f118";
}
.flaticon-home-5:before {
content: "\f119";
}
.flaticon-home-6:before {
content: "\f11a";
}
.flaticon-house-plan:before {
content: "\f11b";
}
.flaticon-house-plan-2:before {
content: "\f11c";
}
.flaticon-interface:before {
content: "\f11d";
}
.flaticon-layers:before {
content: "\f11e";
}
.flaticon-lift:before {
content: "\f11f";
}
.flaticon-location:before {
content: "\f120";
}
.flaticon-location-2:before {
content: "\f121";
}
.flaticon-mail:before {
content: "\f122";
}
.flaticon-mail-2:before {
content: "\f123";
}
.flaticon-map:before {
content: "\f124";
}
.flaticon-medical:before {
content: "\f125";
}
.flaticon-microwave:before {
content: "\f126";
}
.flaticon-multimedia:before {
content: "\f127";
}
.flaticon-office:before {
content: "\f128";
}
.flaticon-office-2:before {
content: "\f129";
}
.flaticon-owen:before {
content: "\f12a";
}
.flaticon-parquet:before {
content: "\f12b";
}
.flaticon-phone:before {
content: "\f12c";
}
.flaticon-pin:before {
content: "\f12d";
}
.flaticon-prize:before {
content: "\f12e";
}
.flaticon-rent:before {
content: "\f12f";
}
.flaticon-roof:before {
content: "\f130";
}
.flaticon-school:before {
content: "\f131";
}
.flaticon-school-2:before {
content: "\f132";
}
.flaticon-search:before {
content: "\f133";
}
.flaticon-shower:before {
content: "\f134";
}
.flaticon-sofa:before {
content: "\f135";
}
.flaticon-sofa-2:before {
content: "\f136";
}
.flaticon-sold:before {
content: "\f137";
}
.flaticon-stairs:before {
content: "\f138";
}
.flaticon-swimming-pool:before {
content: "\f139";
}
.flaticon-technology:before {
content: "\f13a";
}
.flaticon-transport:before {
content: "\f13b";
}
.flaticon-wall:before {
content: "\f13c";
}
.flaticon-wardrobe:before {
content: "\f13d";
}
.flaticon-wifi:before {
content: "\f13e";
}
.flaticon-window:before {
content: "\f13f";
}
/* Icon top */
#wp-admin-bar-myhome-panel > a.ab-item:before {
content: '\f108';
margin-top: 3px;
}
#wp-admin-bar-myhome-panel-add-property > a.ab-item:before {
content: '\f502';
margin-top: 3px;
}
#wp-admin-bar-MyHome span.ab-icon.dashicons-portfolio {
margin-top: 2px !important;
}
#wp-admin-bar-myhome-panel-add-property {
display: none;
}
@media (max-width: 1200px) {
#wp-admin-bar-myhome-panel,
#wp-admin-bar-MyHome {
display: none;
}
}
/* List Attribute */
.mh-list-attribute {
position: relative;
}
@media (min-width: 768px) {
.mh-list-attribute {
display: flex;
justify-content: center;
flex-wrap: wrap;
justify-content: space-between;
flex: 1;
overflow: hidden;
margin-right: -6px;
margin-left: -6px;
}
}
.mh-list-attribute:after {
content: "";
flex: auto;
}
.mh-list-attribute__item {
margin-bottom: 12px;
padding: 0 6px;
}
@media (min-width: 768px) {
.mh-list-attribute__item {
width: 33%;
margin-bottom: 24px;
}
}
.mh-list-attribute__item__content {
background: #f4f4f4;
}
.mh-list-attribute__image__link {
position: relative;
padding-bottom: 62.5%;
display: block;
}
.mh-list-attribute__image__link img {
position: absolute;
top: 0;
right: 0;
width: 100%;
display: block;
}
.mh-list-attribute__heading__link {
display: block;
padding: 18px 12px 18px 12px;
}
.mh-list-attribute__heading__link h3 {
text-align: center;
margin-bottom: 0;
}
/* Loader */
.mh-loader-wrapper {
height: 144px;
}
@media (max-width: 1024px) {
.mh-loader-wrapper.mh-loader--mobile-searchform {
position: fixed;
top: 0;
width: 100%;
height: 100%;
right: 0;
margin: 0 auto;
background: rgba(255, 255, 255, 0.9);
z-index: 999999999999;
}
.mh-loader-wrapper.mh-loader--mobile-searchform .mh-loader {
top: 50%;
right: 0;
left: 0;
margin: -2em auto 0 auto;
}
}
.mh-loader-wrapper-map {
background: rgba(255, 255, 255, 0.9);
display: table;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
text-align: center;
font-size: 48px;
color: #29aae3;
}
.mh-loader-wrapper-map .mh-loader {
position: absolute;
margin-top: -2em;
top: 50%;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.mh-loader,
.mh-loader:before,
.mh-loader:after {
background: #29aae3;
-webkit-animation: mh-loader-animation 1s infinite ease-in-out;
animation: mh-loader-animation 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.mh-loader {
color: #29aae3;
text-indent: -9999em;
margin: 88px auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.mh-loader:before,
.mh-loader:after {
position: absolute;
top: 0;
content: '';
}
.mh-loader:before {
right: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.mh-loader:after {
right: 1.5em;
}
@-webkit-keyframes mh-loader-animation {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes mh-loader-animation {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
.wpb_single_image {
display: none !important;
}
.js_active .wpb_single_image {
display: block !important;
}
/* Map */
.mh-map-wrapper {
position: relative;
}
.gm-style-pbc {
z-index: 5 !important;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.8) !important;
}
.mh-map-no-key {
text-align: center;
font-size: 32px;
font-weight: bold;
padding: 150px 15px;
background: #f2f2f2;
}
#myhome-listing-map {
position: relative;
overflow: hidden;
}
.mh-map-height-tall #myhome-map,
.mh-map-height-tall .mh-map-wrapper__noresults,
.mh-map-height-tall .mh-loader-wrapper-map,
.mh-map-placeholder--tall #myhome-map,
.mh-map-placeholder--tall .mh-map-wrapper__noresults,
.mh-map-placeholder--tall .mh-loader-wrapper-map {
height: 450px;
}
@media (min-width: 1200px) {
.mh-map-height-tall #myhome-map,
.mh-map-height-tall .mh-map-wrapper__noresults,
.mh-map-height-tall .mh-loader-wrapper-map,
.mh-map-placeholder--tall #myhome-map,
.mh-map-placeholder--tall .mh-map-wrapper__noresults,
.mh-map-placeholder--tall .mh-loader-wrapper-map {
height: 650px;
}
}
.mh-map-height-standard #myhome-map,
.mh-map-height-standard .mh-map-wrapper__noresults,
.mh-map-height-standard .mh-loader-wrapper-map,
.mh-map-placeholder--standard #myhome-map,
.mh-map-placeholder--standard .mh-map-wrapper__noresults,
.mh-map-placeholder--standard .mh-loader-wrapper-map {
height: 450px;
}
@media (min-width: 1200px) {
.mh-map-height-standard #myhome-map,
.mh-map-height-standard .mh-map-wrapper__noresults,
.mh-map-height-standard .mh-loader-wrapper-map,
.mh-map-placeholder--standard #myhome-map,
.mh-map-placeholder--standard .mh-map-wrapper__noresults,
.mh-map-placeholder--standard .mh-loader-wrapper-map {
height: 500px;
}
}
.mh-map-wrapper__noresults {
background: rgba(0, 0, 0, 0.9) !important;
display: table;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
text-align: center;
font-size: 48px;
color: #29aae3;
}
.mh-map-wrapper__noresults__inner {
display: table-cell;
vertical-align: middle;
}
.mh-map-single-estate {
height: 500px;
}
.mh-map-single-estate-small {
height: 500px;
margin-bottom: 24px;
}
/* Map controls */
.mh-map-controls {
margin: 12px 0;
position: absolute;
right: 0;
left: 0;
top: 0;
height: 0;
z-index: 3;
}
@media (min-width: 1024px) {
.mh-map-controls {
margin: 24px auto 0 auto;
}
}
.mh-map-controls__inner {
position: relative;
box-sizing: content-box;
}
/* Map panel */
.mh-map-panel {
width: auto;
position: absolute;
background: #fff;
top: 0;
left: 0;
text-align: center;
z-index: 2;
border: 2px solid #29aae3;
}
.mh-map-panel__element {
display: inline-block;
float: right;
}
.mh-map-panel__element button {
background: transparent;
width: 100%;
color: #222;
font-weight: 700;
position: relative;
font-size: 12px;
height: 42px;
border: 0;
text-transform: uppercase;
line-height: 24px;
text-align: right;
padding: 6px 12px;
}
.mh-map-panel__element button > span {
display: none;
}
.mh-map-panel__element button .far,
.mh-map-panel__element button .fab,
.mh-map-panel__element button .fas {
padding: 0 6px;
}
@media (min-width: 768px) {
.mh-map-panel__element button .far,
.mh-map-panel__element button .fab,
.mh-map-panel__element button .fas {
padding: 0;
}
.mh-map-panel__element button .far.fa-expand-alt,
.mh-map-panel__element button .fab.fa-expand-alt,
.mh-map-panel__element button .fas.fa-expand-alt {
margin-left: 9px;
}
}
@media (min-width: 768px) {
.mh-map-panel__element button > span {
display: inline-block;
}
.mh-map-panel__element button .fab.fa-street-view,
.mh-map-panel__element button .far.fa-street-view,
.mh-map-panel__element button .fas.fa-street-view {
margin-left: 9px;
}
.mh-map-panel__element button .fab.fa-angle-right,
.mh-map-panel__element button .far.fa-angle-right,
.mh-map-panel__element button .fas.fa-angle-right {
margin-right: 9px;
}
.mh-map-panel__element button .fab.fa-angle-left,
.mh-map-panel__element button .far.fa-angle-left,
.mh-map-panel__element button .fas.fa-angle-left {
margin-left: 9px;
}
}
.mh-map-panel__element button:after {
content: '';
height: 40px;
width: 1px;
background: #f0f0f0;
position: absolute;
top: 5px;
left: 0;
}
.mh-map-panel__element button:last-child:after {
display: none;
}
.mh-map-panel__element button:hover {
color: #fff;
background: #29aae3;
}
@media (max-width: 1024px) {
.mh-map-panel__element button:not(.mh-button--active):hover {
background: transparent !important;
color: #222 !important;
}
}
.mh-map-panel .mh-map-panel__element button.mh-button--active {
background: #29aae3;
color: #fff;
}
.mh-map-panel .mh-map-panel__element button.mh-button--active:hover, .mh-map-panel .mh-map-panel__element button.mh-button--active:active, .mh-map-panel .mh-map-panel__element button.mh-button--active:focus {
background: #29aae3;
color: #fff;
}
@media (max-width: 1025px) {
.mh-map-panel__element {
display: inline-block;
float: right;
}
}
.mh-map-panel__element--reset {
display: none;
}
@media (min-width: 768px) {
.mh-map-panel__element--reset {
display: initial;
}
}
/* Map zoom */
.mh-map-zoom {
color: #fff;
text-align: center;
top: 0;
right: 0;
width: 40px;
position: absolute;
z-index: 2;
border: 2px solid #29aae3;
}
.mh-map-zoom:after {
clear: both;
content: "";
display: table;
}
.mh-map-zoom__element {
display: inline-block;
float: right;
background: #fff;
color: #222;
}
.mh-map-zoom__element button {
line-height: 36px;
height: 36px;
width: 36px;
padding: 0;
font-size: 12px;
background: transparent;
border: 0;
outline: 0;
}
.mh-map-zoom__element button i {
font-size: 9px;
line-height: 36px;
}
.mh-map-zoom__element button:hover {
color: #fff;
background: #29aae3;
}
@media (max-width: 1024px) {
.mh-map-zoom__element button:hover {
background: transparent !important;
color: #222 !important;
}
}
/* Map Infobox */
.infoBox > img {
float: left;
width: 30px;
top: 18px;
left: 9px;
z-index: 1;
}
.mh-map-infobox {
background: #29aae3;
padding: 12px 0 0 0;
position: relative;
font-family: Lato, Arial, Helvetica, sans-serif;
margin-top: -24px;
width: 100%;
float: right;
}
.mh-map-infobox:after {
clear: both;
content: "";
display: table;
}
.mh-map-infobox:after {
display: block;
content: '';
position: absolute;
bottom: -13px;
right: 0;
left: 0;
margin: 0 auto;
width: 0;
height: 0;
border-right: 14px solid transparent !important;
border-left: 14px solid transparent !important;
border-top: 14px solid #29aae3;
}
.mh-map-infobox .mh-map-infobox__img-wrapper {
max-width: 100%;
height: 160px;
overflow: hidden;
margin-top: -12px;
position: relative;
border: 2px solid #29aae3;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-map-infobox .mh-map-infobox__img-wrapper img {
position: absolute;
right: 0;
left: 0;
top: -20px;
margin: 0 auto;
display: block;
max-width: 100%;
}
.mh-map-infobox .mh-map-infobox__name {
font-size: 21px;
margin: 9px 12px 12px;
color: #fff;
letter-spacing: 0;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width: 1025px) {
.mh-map-infobox .mh-map-infobox__name:hover img {
opacity: 0.4;
}
}
.mh-map-infobox .mh-map-infobox__price {
position: relative;
font-size: 24px;
font-weight: 700;
color: #fff;
margin: -6px 0 12px 12px;
text-align: center;
}
.mh-map-infobox .mh-map-infobox__price:after {
clear: both;
content: "";
display: table;
}
.mh-map-infobox .mh-map-infobox__buttons {
text-align: center;
height: 48px;
padding: 0 12px;
}
.mh-map-pin {
width: 70px;
height: 38px;
text-align: center;
cursor: pointer;
}
.mh-map-pin i {
position: relative;
font-size: 38px;
line-height: 38px;
width: 70px;
color: #29aae3;
font-weight: 700;
}
.mh-map-pin.mh-map-pin--dark i {
color: #666666;
}
.mh-map-wrapper--fullscreen {
height: 100vh;
min-height: 100vh;
max-height: 100vh;
width: 100%;
position: fixed !important;
top: 0;
right: 0;
z-index: 200000;
}
.mh-map-wrapper--fullscreen #myhome-map {
width: 100%;
height: 100vh;
min-height: 100vh;
max-height: 100vh;
}
.mh-map-wrapper--fullscreen {
height: 100vh;
}
.mh-map-wrapper--fullscreen #map {
height: 100vh;
}
.mh-map-wrapper--fullscreen + .mh-map-controls {
position: fixed !important;
z-index: 200001;
}
.mh-search-map-top .mh-map-controls {
margin-top: 330px;
}
@media (min-width: 767px) {
.mh-search-map-top .mh-map-controls {
margin-top: 150px;
}
}
/* Mosaic Grid */
.mh-mosaic-grid {
margin: 0 auto;
}
@media (min-width: 768px) {
.mh-mosaic-grid {
max-width: 740px;
}
}
@media (min-width: 1024px) {
.mh-mosaic-grid {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.mh-mosaic-grid {
max-width: 1140px;
}
}
.mh-mosaic-grid:after {
clear: both;
content: "";
display: table;
}
.mh-mosaic-grid .mh-box__img-wrapper {
padding-bottom: 75%;
}
.mh-mosaic-grid__item {
width: 100%;
float: right;
overflow: hidden;
padding: 12px 15px;
}
@media (min-width: 768px) {
.mh-mosaic-grid__item {
padding: 0;
margin-bottom: 12px;
height: 139px;
}
.mh-mosaic-grid__item .mh-box__img-wrapper img {
top: 0;
}
}
@media (min-width: 1024px) {
.mh-mosaic-grid__item {
height: 180px;
}
}
@media (min-width: 1200px) {
.mh-mosaic-grid__item {
height: 213px;
}
}
@media (min-width: 768px) {
.mh-mosaic-grid__item {
width: 183px;
}
.mh-mosaic-grid__item:nth-child(2), .mh-mosaic-grid__item:nth-child(11), .mh-mosaic-grid__item:nth-child(20), .mh-mosaic-grid__item:nth-child(29), .mh-mosaic-grid__item:nth-child(38) {
width: 555px;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.mh-mosaic-grid__item:nth-child(2), .mh-mosaic-grid__item:nth-child(11), .mh-mosaic-grid__item:nth-child(20), .mh-mosaic-grid__item:nth-child(29), .mh-mosaic-grid__item:nth-child(38) {
width: 720px;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.mh-mosaic-grid__item:nth-child(2), .mh-mosaic-grid__item:nth-child(11), .mh-mosaic-grid__item:nth-child(20), .mh-mosaic-grid__item:nth-child(29), .mh-mosaic-grid__item:nth-child(38) {
width: 855px;
}
}
@media (min-width: 768px) {
.mh-mosaic-grid__item:nth-child(2) .mh-box__content, .mh-mosaic-grid__item:nth-child(11) .mh-box__content, .mh-mosaic-grid__item:nth-child(20) .mh-box__content, .mh-mosaic-grid__item:nth-child(29) .mh-box__content, .mh-mosaic-grid__item:nth-child(38) .mh-box__content {
margin-right: 12px;
}
.mh-mosaic-grid__item:nth-child(2) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(11) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(20) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(29) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(38) .mh-box__img-wrapper {
padding-bottom: 26%;
}
.mh-mosaic-grid__item:nth-child(2) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(11) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(20) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(29) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(38) .mh-box__img-wrapper img {
top: -100%;
}
.mh-mosaic-grid__item:nth-child(3), .mh-mosaic-grid__item:nth-child(12), .mh-mosaic-grid__item:nth-child(21), .mh-mosaic-grid__item:nth-child(30), .mh-mosaic-grid__item:nth-child(39) {
width: 50%;
}
.mh-mosaic-grid__item:nth-child(3) .mh-box__content, .mh-mosaic-grid__item:nth-child(12) .mh-box__content, .mh-mosaic-grid__item:nth-child(21) .mh-box__content, .mh-mosaic-grid__item:nth-child(30) .mh-box__content, .mh-mosaic-grid__item:nth-child(39) .mh-box__content {
margin-left: 6px;
}
.mh-mosaic-grid__item:nth-child(3) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(12) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(21) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(30) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(39) .mh-box__img-wrapper {
padding-bottom: 38%;
}
.mh-mosaic-grid__item:nth-child(3) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(12) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(21) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(30) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(39) .mh-box__img-wrapper img {
top: -40%;
}
.mh-mosaic-grid__item:nth-child(4), .mh-mosaic-grid__item:nth-child(13), .mh-mosaic-grid__item:nth-child(22), .mh-mosaic-grid__item:nth-child(31), .mh-mosaic-grid__item:nth-child(40) {
width: 50%;
}
.mh-mosaic-grid__item:nth-child(4) .mh-box__content, .mh-mosaic-grid__item:nth-child(13) .mh-box__content, .mh-mosaic-grid__item:nth-child(22) .mh-box__content, .mh-mosaic-grid__item:nth-child(31) .mh-box__content, .mh-mosaic-grid__item:nth-child(40) .mh-box__content {
margin-right: 6px;
}
.mh-mosaic-grid__item:nth-child(4) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(13) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(22) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(31) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(40) .mh-box__img-wrapper {
padding-bottom: 38%;
}
.mh-mosaic-grid__item:nth-child(4) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(13) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(22) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(31) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(40) .mh-box__img-wrapper img {
top: -30%;
}
.mh-mosaic-grid__item:nth-child(5), .mh-mosaic-grid__item:nth-child(14), .mh-mosaic-grid__item:nth-child(23), .mh-mosaic-grid__item:nth-child(32), .mh-mosaic-grid__item:nth-child(41) {
width: 555px;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.mh-mosaic-grid__item:nth-child(5), .mh-mosaic-grid__item:nth-child(14), .mh-mosaic-grid__item:nth-child(23), .mh-mosaic-grid__item:nth-child(32), .mh-mosaic-grid__item:nth-child(41) {
width: 720px;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.mh-mosaic-grid__item:nth-child(5), .mh-mosaic-grid__item:nth-child(14), .mh-mosaic-grid__item:nth-child(23), .mh-mosaic-grid__item:nth-child(32), .mh-mosaic-grid__item:nth-child(41) {
width: 855px;
}
}
@media (min-width: 768px) {
.mh-mosaic-grid__item:nth-child(5) .mh-box__content, .mh-mosaic-grid__item:nth-child(14) .mh-box__content, .mh-mosaic-grid__item:nth-child(23) .mh-box__content, .mh-mosaic-grid__item:nth-child(32) .mh-box__content, .mh-mosaic-grid__item:nth-child(41) .mh-box__content {
margin-left: 12px;
}
.mh-mosaic-grid__item:nth-child(5) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(14) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(23) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(32) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(41) .mh-box__img-wrapper {
padding-bottom: 26%;
}
.mh-mosaic-grid__item:nth-child(5) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(14) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(23) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(32) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(41) .mh-box__img-wrapper img {
top: -100%;
}
.mh-mosaic-grid__item:nth-child(7), .mh-mosaic-grid__item:nth-child(16), .mh-mosaic-grid__item:nth-child(25), .mh-mosaic-grid__item:nth-child(34), .mh-mosaic-grid__item:nth-child(43) {
width: 246px;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.mh-mosaic-grid__item:nth-child(7), .mh-mosaic-grid__item:nth-child(16), .mh-mosaic-grid__item:nth-child(25), .mh-mosaic-grid__item:nth-child(34), .mh-mosaic-grid__item:nth-child(43) {
width: 320px;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.mh-mosaic-grid__item:nth-child(7), .mh-mosaic-grid__item:nth-child(16), .mh-mosaic-grid__item:nth-child(25), .mh-mosaic-grid__item:nth-child(34), .mh-mosaic-grid__item:nth-child(43) {
width: 380px;
}
}
@media (min-width: 768px) {
.mh-mosaic-grid__item:nth-child(7) .mh-box__content, .mh-mosaic-grid__item:nth-child(16) .mh-box__content, .mh-mosaic-grid__item:nth-child(25) .mh-box__content, .mh-mosaic-grid__item:nth-child(34) .mh-box__content, .mh-mosaic-grid__item:nth-child(43) .mh-box__content {
margin-left: 8px;
}
.mh-mosaic-grid__item:nth-child(7) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(16) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(25) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(34) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(43) .mh-box__img-wrapper {
padding-bottom: 57%;
}
.mh-mosaic-grid__item:nth-child(7) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(16) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(25) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(34) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(43) .mh-box__img-wrapper img {
top: 0%;
}
.mh-mosaic-grid__item:nth-child(8), .mh-mosaic-grid__item:nth-child(17), .mh-mosaic-grid__item:nth-child(26), .mh-mosaic-grid__item:nth-child(35), .mh-mosaic-grid__item:nth-child(44) {
width: 246px;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.mh-mosaic-grid__item:nth-child(8), .mh-mosaic-grid__item:nth-child(17), .mh-mosaic-grid__item:nth-child(26), .mh-mosaic-grid__item:nth-child(35), .mh-mosaic-grid__item:nth-child(44) {
width: 320px;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.mh-mosaic-grid__item:nth-child(8), .mh-mosaic-grid__item:nth-child(17), .mh-mosaic-grid__item:nth-child(26), .mh-mosaic-grid__item:nth-child(35), .mh-mosaic-grid__item:nth-child(44) {
width: 380px;
}
}
@media (min-width: 768px) {
.mh-mosaic-grid__item:nth-child(8) .mh-box__content, .mh-mosaic-grid__item:nth-child(17) .mh-box__content, .mh-mosaic-grid__item:nth-child(26) .mh-box__content, .mh-mosaic-grid__item:nth-child(35) .mh-box__content, .mh-mosaic-grid__item:nth-child(44) .mh-box__content {
margin-right: 4px;
margin-left: 4px;
}
.mh-mosaic-grid__item:nth-child(8) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(17) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(26) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(35) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(44) .mh-box__img-wrapper {
padding-bottom: 57%;
}
.mh-mosaic-grid__item:nth-child(8) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(17) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(26) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(35) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(44) .mh-box__img-wrapper img {
top: 0%;
}
.mh-mosaic-grid__item:nth-child(9), .mh-mosaic-grid__item:nth-child(18), .mh-mosaic-grid__item:nth-child(27), .mh-mosaic-grid__item:nth-child(36), .mh-mosaic-grid__item:nth-child(45) {
width: 246px;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.mh-mosaic-grid__item:nth-child(9), .mh-mosaic-grid__item:nth-child(18), .mh-mosaic-grid__item:nth-child(27), .mh-mosaic-grid__item:nth-child(36), .mh-mosaic-grid__item:nth-child(45) {
width: 320px;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.mh-mosaic-grid__item:nth-child(9), .mh-mosaic-grid__item:nth-child(18), .mh-mosaic-grid__item:nth-child(27), .mh-mosaic-grid__item:nth-child(36), .mh-mosaic-grid__item:nth-child(45) {
width: 380px;
}
}
@media (min-width: 768px) {
.mh-mosaic-grid__item:nth-child(9) .mh-box__content, .mh-mosaic-grid__item:nth-child(18) .mh-box__content, .mh-mosaic-grid__item:nth-child(27) .mh-box__content, .mh-mosaic-grid__item:nth-child(36) .mh-box__content, .mh-mosaic-grid__item:nth-child(45) .mh-box__content {
margin-right: 8px;
}
.mh-mosaic-grid__item:nth-child(9) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(18) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(27) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(36) .mh-box__img-wrapper, .mh-mosaic-grid__item:nth-child(45) .mh-box__img-wrapper {
padding-bottom: 57%;
}
.mh-mosaic-grid__item:nth-child(9) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(18) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(27) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(36) .mh-box__img-wrapper img, .mh-mosaic-grid__item:nth-child(45) .mh-box__img-wrapper img {
top: 0%;
}
}
@media (min-width: 1024px) {
.mh-mosaic-grid__item {
width: 240px;
}
}
@media (min-width: 1200px) {
.mh-mosaic-grid__item {
width: 285px;
}
}
.mh-mosaic-grid__item .mh-box {
margin-bottom: 0 !important;
}
/* Post Grid */
.mh-post-grid {
margin-bottom: 12px;
padding: 12px 0 24px 0;
background: #f2f2f2;
margin-bottom: 24px;
}
.mh-post-grid:after {
clear: both;
content: "";
display: table;
}
.mh-post-grid.has-post-thumbnail {
padding: 0 0 12px 0;
}
.mh-post-grid .mh-thumbnail__inner:not(.mh-thumbnail__inner--horizontal):not(.mh-thumbnail__inner--square):not(.mh-thumbnail__inner--vertical) {
padding-bottom: 62.5%;
overflow: hidden;
display: block;
position: relative;
}
.mh-post-grid .mh-thumbnail__inner:not(.mh-thumbnail__inner--horizontal):not(.mh-thumbnail__inner--square):not(.mh-thumbnail__inner--vertical) img {
top: 0;
right: 0;
width: 100% !important;
position: absolute;
min-width: 100%;
height: initial;
max-height: none;
min-height: 100%;
}
.mh-post-grid--white {
background: #fff;
}
.mh-post-grid--dark {
background: #333;
color: #fff;
}
.mh-post-grid--dark .mh-post-grid__heading a {
color: #fff;
}
.mh-post-grid__thumbnail {
position: relative;
overflow: hidden;
margin-bottom: 0;
position: relative;
display: block;
}
.mh-post-grid__thumbnail:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-post-grid__thumbnail:hover:after {
opacity: 0.3;
}
}
.mh-post-grid__thumbnail .mh-thumbnail__inner img {
max-height: 100%;
width: 100%;
}
.mh-post-grid__inner {
position: relative;
padding: 0 18px;
}
.mh-post-grid__heading {
padding-top: 12px;
margin-bottom: 12px;
}
.mh-post-grid__heading:after {
clear: both;
content: "";
display: table;
}
.mh-post-grid__heading a {
font-weight: 700;
}
.mh-post-grid__excerpt {
margin-bottom: 12px;
}
.mh-post-grid__btn-wrapper {
min-height: 48px;
}
.mh-post-grid__btn-wrapper a {
position: absolute;
bottom: 0;
left: 18px;
}
.mh-post-grid__thumbnail .mh-thumbnail__inner--vertical,
.mh-post-grid__thumbnail .mh-thumbnail__inner--horizontal,
.mh-post-grid__thumbnail .mh-thumbnail__inner--square {
padding-bottom: 0;
}
.mh-post-grid__thumbnail .mh-thumbnail__inner.mh-thumbnail__inner--vertical img {
min-height: initial;
min-width: initial;
max-height: initial;
max-width: initial;
width: initial;
height: initial;
position: static;
}
/* Post Single */
.mh-post-single__header {
margin-bottom: 12px;
}
.mh-post-single__title {
margin-bottom: 12px;
margin-top: 0;
font-weight: 400;
font-size: 24px;
}
@media (min-width: 768px) {
.mh-post-single__title {
font-size: 36px;
}
}
.mh-post-single__main-image {
display: block;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-post-single__main-image {
margin-bottom: 24px;
}
}
@media (min-width: 1025px) {
.mh-post-single__content a:hover {
text-decoration: underline;
}
}
.mh-post-single__content img {
max-width: 100%;
}
.mh-post-single__section__heading {
font-size: 21px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
margin-bottom: 24px;
}
.mh-post-single__section__heading:after {
clear: both;
content: "";
display: table;
}
.mh-post-single__meta {
font-size: 13px;
margin: 0 0 12px 0;
padding: 0;
list-style-type: none;
}
@media (min-width: 768px) {
.mh-post-single__meta {
margin-bottom: 24px;
}
}
.mh-post-single__meta a {
line-height: 20px;
}
.mh-post-single__meta a:hover {
color: #29aae3;
}
.mh-post-single__meta li {
display: inline-block;
position: relative;
padding: 0 0 0 9px;
margin-left: 9px;
line-height: 24px;
}
.mh-post-single__meta li:after {
content: '';
position: absolute;
left: 0;
top: 6px;
background: #ccc;
height: 12px;
width: 1px;
}
.mh-post-single__meta li:last-child:after {
display: none;
}
@media (min-width: 768px) {
.mh-post-single__meta li span {
margin-left: 8px;
}
}
.mh-post-single__pagination {
border-top: 1px solid #c3c3c5;
text-align: center;
margin-bottom: 48px;
padding-bottom: 24px;
word-spacing: 6px;
}
.mh-post-single__pagination span {
display: inline-block;
height: 1px;
width: 30px;
}
.mh-post-single__pagination a {
color: #222;
}
@media (min-width: 1025px) {
.mh-post-single__pagination a:hover {
text-decoration: none;
}
}
.mh-post-single__nav {
padding-top: 24px;
border-top: 1px solid #f0f0f0;
margin-bottom: 24px;
}
.mh-post-single__nav__prev,
.mh-post-single__nav__next {
font-size: 16px;
}
.mh-post-single__nav__prev a,
.mh-post-single__nav__next a {
font-style: italic;
color: #666666;
font-size: 16px;
}
.mh-post-single__nav__prev span,
.mh-post-single__nav__next span {
color: #222;
font-size: 21px;
font-style: normal;
text-transform: none;
font-weight: 400;
display: block;
}
.mh-post-single__nav__prev {
position: relative;
height: 100%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
.mh-post-single__nav__prev {
padding-left: 24px;
}
.mh-post-single__nav__prev:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
background: #29aae3;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
}
@media (min-width: 768px) and (min-width: 1025px) {
.mh-post-single__nav__prev:hover {
padding-right: 24px;
padding-left: 0;
}
.mh-post-single__nav__prev:hover:before {
width: 16px;
}
}
.mh-post-single__nav__next {
margin-top: 24px;
position: relative;
height: 100%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
.mh-post-single__nav__next {
text-align: left;
margin-top: 0;
padding-right: 24px;
}
.mh-post-single__nav__next:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #29aae3;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
}
@media (min-width: 768px) and (min-width: 1025px) {
.mh-post-single__nav__next:hover {
padding-right: 0;
padding-left: 24px;
}
.mh-post-single__nav__next:hover:before {
width: 16px;
}
}
.mh-post-single__password {
padding: 28px 18px 12px 18px;
margin-bottom: 24px;
background: #f2f2f2;
}
.mh-post-single__password form:after {
clear: both;
content: "";
display: table;
}
.mh-post-single__password input {
text-align: right;
margin-bottom: 12px;
}
.mh-post-single__password strong {
display: block;
margin-bottom: -16px;
}
.mh-post-single__password p {
margin: 0;
}
.mh-post-single-main-image {
position: relative;
display: inline-block;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-post-single-main-image {
margin-bottom: 24px;
}
}
.mh-post-single-main-image:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-post-single-main-image:hover:after {
opacity: 0.3;
}
}
@media screen and (min-width: 0\0
) and (min-resolution: 72dpi) {
.mh-post-single-main-image img {
width: 100%;
}
}
.mh-post .post-content blockquote {
margin-bottom: 12px;
border-right: 3px solid #29aae3;
background: #f1f1f1;
padding: 12px;
}
.mh-post .post-content blockquote p:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.mh-post .post-content blockquote {
margin-bottom: 24px;
}
}
.mh-post .post-content a:hover {
color: #29aae3;
}
/* Search */
.mh-search-horizontal {
position: relative;
margin: 0 auto 12px auto;
padding: 18px 12px;
background: #f9f9f9;
max-width: 1140px;
border-top: 5px solid #29aae3;
}
@media (min-width: 768px) {
.mh-search-horizontal {
margin: 0 auto;
padding: 24px 12px;
}
}
.mh-search-horizontal .mdl-checkbox {
width: auto;
margin-left: 12px;
margin-bottom: 12px;
}
.mh-search-horizontal .mdl-checkbox__label {
position: relative;
right: -5px;
top: -1px;
}
.mh-search-map-bottom .mh-search-horizontal {
z-index: 3;
margin-top: -48px !important;
margin-bottom: 24px;
}
.mh-search-map-top {
width: 100%;
position: relative;
}
.mh-search-map-top .mh-search__buttons {
display: none;
}
.mh-search-map-top .mh-map-controls {
margin-top: 48px;
}
.mh-search-map-top > .mh-layout {
margin: 24px auto -24px auto;
right: 0;
left: 0;
}
@media (min-width: 768px) {
.mh-search-map-top .mh-search-horizontal {
border-top: 0px solid #29aae3;
border-bottom: 5px solid #29aae3;
padding-bottom: 12px;
padding-top: 24px;
background: #fff;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
width: 100%;
z-index: 4;
}
}
.mh-search__heading-big {
font-size: 24px;
color: #29aae3;
position: relative;
width: 100%;
text-align: right;
margin-top: -12px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-search__heading-big {
text-align: center;
}
}
.mh-search {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-search.mh-search--open .mh-search__element {
display: block !important;
}
@media (min-width: 768px) {
.mh-search {
padding: 0;
display: flex;
flex-wrap: wrap;
flex: 1;
margin-right: -6px;
margin-left: -6px;
}
.mh-search:after {
content: "";
flex: auto;
}
.mh-search .mh-search__element {
padding: 0 6px;
width: 33.33%;
}
.mh-search .mh-search__element.mh-search__element--fullwidth {
width: 100%;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.mh-search {
margin-right: -12px;
margin-left: -12px;
}
.mh-search .mh-search__element {
padding: 0 12px;
}
}
.mh-search-small {
margin-bottom: 36px;
}
.mh-search-small .mh-search__subtitle {
color: #666666;
}
.mh-search-small .bootstrap-select.btn-group > .btn {
padding: 9px 0;
font-size: 13px;
}
.mh-search-small .mh-search__element {
margin-bottom: 12px;
}
.mh-search-small .mh-search__panel:after {
clear: both;
content: "";
display: table;
}
.mh-search-small .mh-search__panel__checkbox {
margin-bottom: 12px;
}
.mh-search-small input[type=text] {
font-size: 13px;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.mh-search-small .mh-active-input input,
.mh-search-small input[type=text]:active,
.mh-search-small input[type=text]:focus {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.mh-search-small .mh-search__panel > div:last-child .mdl-radio {
margin-bottom: 9px;
}
.mh-search-small .mh-search__panel .mh-search__2-col input {
margin-bottom: 9px;
}
.mh-search-small .mh-search__panel .mh-search__2-col__right:after {
right: -1px;
top: 18px;
width: 4px;
}
.mh-layout__sidebar-left .mh-search__panel--checkbox,
.mh-layout__sidebar-right .mh-search__panel--checkbox {
margin-bottom: 12px;
}
.mh-search__element .mh-search--features {
margin-bottom: 12px;
}
.mh-search__element #mh-currency_field {
position: absolute;
top: 0;
left: 0;
}
.mh-search__element #mh-currency_field .bootstrap-select.btn-group > .dropdown-toggle {
width: auto !important;
padding: 2px 2px 2px 25px !important;
}
@media (min-width: 768px) {
.mh-search__1of3 {
width: 50%;
padding: 0 12px;
}
}
@media (min-width: 1024px) {
.mh-search__1of3 {
width: 33.33%;
padding: 0 12px;
}
}
@media (min-width: 768px) {
.mh-search__1of1 {
flex-grow: 55;
width: 100%;
padding: 0 12px 12px 12px;
}
}
.mh-search__2-col:after {
clear: both;
content: "";
display: table;
}
.mh-search__2-col__left {
width: 50%;
padding-left: 8px;
float: right;
}
.mh-search__2-col__right {
width: 50%;
padding-right: 8px;
position: relative;
float: right;
}
.mh-search__2-col__right:after {
position: absolute;
content: '';
right: -3px;
top: 23px;
background: #666666;
height: 1px;
width: 6px;
}
.mh-search__label {
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
position: relative;
}
@media (min-width: 768px) {
.mh-search__label {
text-align: center;
}
}
.mh-search__label select {
width: auto;
padding: 0 3px;
cursor: pointer;
border: 0;
border: 1px solid #c3c3c5;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
}
.mh-search__buttons {
margin-top: 6px;
text-align: left;
}
.mh-search__buttons:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-search__buttons {
text-align: center;
margin-top: 12px;
text-align: center;
width: 100%;
margin-bottom: 0;
text-transform: uppercase;
}
}
.mh-search__buttons input[type=text]:focus,
.mh-search__buttons input[type=text]:active,
.mh-search__buttons input[type=search]:focus,
.mh-search__buttons input[type=search]:active {
background: #fff;
}
.mh-search__buttons--disabled {
display: none;
}
.mh-search__results-wrapper {
min-height: 18px;
margin-bottom: 12px;
position: relative;
padding: 0 12px;
}
@media (min-width: 768px) {
.mh-search__results-wrapper {
padding: 0 12px 0 160px;
}
}
.mh-search__results-wrapper:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-save-search-button {
position: absolute;
left: 0;
top: -6px;
}
}
.mh-save-search-button button {
background: transparent !important;
color: #222 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
@media (max-width: 767px) {
.mh-save-search-button {
background: #f4f4f4 !important;
margin: -12px -12px 12px -12px !important;
text-align: center !important;
}
.mh-save-search-button button {
width: 100%;
}
}
.mh-search__results {
color: #666666;
position: relative;
font-size: 21px;
line-height: 24px;
float: right;
display: inline-block;
font-family: "Play";
font-weight: 700;
}
.mh-search__results-filters {
float: right;
display: inline-block;
line-height: 24px;
font-size: 14px;
font-weight: 700;
}
.mh-search__results-filters ul {
position: relative;
float: right;
margin: 0;
padding: 0;
display: inline-block;
list-style: none;
text-transform: uppercase;
color: #666666;
}
.mh-search__results-filters ul li {
display: inline;
position: relative;
}
.mh-search__results-filters ul li:nth-child(2) {
padding-right: 24px;
position: relative;
}
.mh-search__results-filters ul li:nth-child(2):after {
content: '';
position: absolute;
top: 2px;
right: 11px;
height: 14px;
width: 1px;
background: #ccc;
}
.mh-search__results-filters ul li > span > span {
line-height: 24px;
margin-left: 14px;
padding-left: 24px;
position: relative;
display: inline-block;
}
.mh-search__results__button-delete {
background: transparent;
border: none;
display: inline-block;
background-image: url("assets/images/close-small.png");
background-size: 21px 21px;
width: 21px;
height: 21px;
position: absolute;
left: -2px;
margin-right: 0;
top: 2px;
font-size: 0;
color: transparent;
}
.mh-search__results__button-clear {
background: transparent;
border: none;
color: #666666;
text-transform: uppercase;
}
.mh-search__results__button-clear:hover {
color: #222;
}
.mh-search__previous {
text-align: center;
}
.mh-search__previous button {
margin-top: 12px;
margin-bottom: 24px;
}
.mh-search__more {
font-size: 24px;
margin: 0;
font-weight: 700;
width: 100%;
text-align: center;
margin-top: 12px;
}
.mh-search__more button {
margin-bottom: 24px;
}
.mh-search__end {
border-top: 1px solid #f0f0f0;
padding: 12px 0 36px 0;
}
.mh-search-classic {
max-width: 1140px;
margin: 0 auto;
}
@media (min-width: 768px) {
.mh-search-classic .mh-layout__sidebar-left .mdl-button--clear,
.mh-search-classic .mh-layout__sidebar-right .mdl-button--clear {
margin: 0;
min-width: initial;
}
}
.mh-search-wide .mh-search-horizontal {
max-width: 100%;
margin-right: 15px;
margin-left: 15px;
}
.mh-search-clear-sidebar {
margin-top: 12px;
margin-bottom: 24px;
}
.mh-search--button {
padding: 6px;
position: relative;
}
.mh-search--button input[type=text] {
position: relative;
background: #fff;
}
.mh-search--button .mh-search__label {
display: none;
}
.mh-search--button input[type=text] {
text-align: right;
}
.mh-search--button .bootstrap-select.btn-group .filter-option {
text-align: right;
}
.mh-search--button .mdl-button {
width: 100%;
height: 46px;
line-height: 46px;
padding: 0;
}
.mh-search--button .btn-group.bootstrap-select {
background: #fff;
}
.mh-disable-vc-front-end-editor__info {
display: none;
}
.mh-sidebar-more {
margin: 24px 0;
}
.mh-sidebar-more__info {
display: none;
}
.compose-mode .mh-sidebar-more__content {
display: none;
}
.compose-mode .mh-sidebar-more__info {
display: block;
background: #222;
padding: 36px;
margin: 24px 0;
color: #fff;
text-align: center;
}
.compose-mode .mh-sidebar-more__info .mh-estate-horizontal__text__inner,
.compose-mode .mh-sidebar-more__info .mh-estate-vertical__text__inner {
display: none;
}
.compose-mode .mh-sidebar-more__info h3 {
color: #fff;
text-align: center;
}
.mh-layout__content-right .mh-search__results-wrapper,
.mh-layout__content-left .mh-search__results-wrapper {
position: relative;
}
.mh-layout__content-right .mh-save-search-button button,
.mh-layout__content-left .mh-save-search-button button {
margin-top: 0 !important;
}
/* Search Form Basic */
.mh-search-form-basic {
padding: 6px;
position: relative;
}
.mh-search-form-basic:after {
clear: both;
content: "";
display: table;
}
.mh-search-form-basic input[type=text] {
position: relative;
background: #fff;
}
.mh-search-form-basic .mh-search__label {
display: none;
}
.mh-search-form-basic input[type=text] {
text-align: right;
}
.mh-search-form-basic .bootstrap-select.btn-group .filter-option {
text-align: right;
}
.mh-search-form-basic .mdl-button {
width: 100%;
height: 46px;
line-height: 46px;
padding: 0;
}
.mh-search-form-basic .btn-group.bootstrap-select {
background: #fff;
}
.mh-search-form-basic__inner {
position: relative;
top: 100px;
max-width: 960px;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.mh-search-form-basic__inner:after {
clear: both;
content: "";
display: table;
}
.mh-search-form-basic__inner .mh-search__element {
width: 100%;
}
.mh-search-form-basic__inner .mh-search__element:not(:last-child) {
margin-bottom: 6px;
}
@media (min-width: 778px) {
.mh-search-form-basic__inner .mh-search__element:not(:last-child) {
margin-bottom: 0;
}
}
@media (min-width: 778px) {
.mh-search-form-basic__inner .mh-search__element {
width: 25%;
}
}
.mh-search-form-basic__buttons {
float: right;
width: 100%;
margin-bottom: 12px;
margin-right: -12px;
margin-left: -12px;
}
.mh-search-form-basic__buttons:after {
clear: both;
content: "";
display: table;
}
.mh-search-form-basic__buttons__single {
display: inline-block;
margin-left: 12px;
}
.mh-search-form-basic__buttons__single button {
background: transparent;
border: none;
box-shadow: none;
background: #fff;
color: #222;
padding: 12px 18px;
border-radius: 5px;
}
.mh-search-form-basic__buttons__single button.is-active {
background: #29aae3;
color: #fff;
}
.mh-search-form-basic__form {
background: #fff;
border-radius: 5px;
float: right;
width: 100%;
position: relative;
}
.mh-search-form-basic__form input[type=text] {
position: relative;
background: #fff;
text-align: right;
}
.mh-search-form-basic__form .bootstrap-select.btn-group .filter-option {
text-align: right;
}
.mh-search-form-basic__form .btn-group.bootstrap-select {
background: #fff;
}
@media (min-width: 768px) {
.mh-search-form-basic__form {
padding: 9px 0 0 0;
display: flex;
flex-wrap: wrap;
flex: 1;
margin-right: -6px;
margin-left: -6px;
}
.mh-search-form-basic__form:after {
content: "";
flex: auto;
}
.mh-search-form-basic__form .mh-search__element {
padding: 0 6px;
width: 25%;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.mh-search-form-basic__form {
margin-right: -12px;
margin-left: -12px;
}
.mh-search-form-basic__form .mh-search__element {
padding: 0 12px;
}
}
/* Services */
.mh-service {
background: #f2f2f2;
padding-bottom: 12px;
margin-bottom: 24px;
}
.mh-service:after {
clear: both;
content: "";
display: table;
}
.mh-service .mh-service__inner {
padding-right: 12px;
padding-left: 12px;
padding-top: 12px;
}
.mh-service .mh-service__btn {
text-align: left;
}
.mh-service__image-wrapper {
position: relative;
display: block;
position: relative;
padding-bottom: 62.5%;
overflow: hidden;
}
.mh-service__image-wrapper:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.mh-service__image-wrapper:hover:after {
opacity: 0.3;
}
}
.mh-service__image-wrapper img {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
max-width: none;
min-height: 100%;
min-width: 100%;
}
.mh-service__heading {
margin-bottom: 12px;
font-weight: 700;
}
.mh-service__content {
margin-bottom: 12px;
float: right;
width: 100%;
}
.mh-service__content p {
margin-bottom: 0;
}
.mh-service__btn {
text-align: left;
width: 100%;
}
.mh-service--white-background {
background: #fff;
}
.mh-service--dark-background {
background: #333;
color: #fff;
}
/* Simple Box */
.mh-simple-box-wrapper:after {
clear: both;
content: "";
display: table;
}
.mh-simple-box {
position: relative;
margin: 0 auto;
max-width: 400px;
text-align: center;
}
.mh-simple-box:after {
clear: both;
content: "";
display: table;
}
.mh-simple-box i {
font-size: 48px;
line-height: 48px;
}
.mh-icon-wrapper {
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.mh-icon-wrapper {
margin-bottom: 24px;
}
}
.mh-simple-box__heading {
margin-bottom: 12px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
.mh-simple-box__btn {
margin-bottom: 36px;
}
@media (min-width: 768px) {
.mh-simple-box__btn {
margin-bottom: 24px;
}
}
@media (min-width: 1024px) {
.mh-simple-box--left {
text-align: right;
}
.mh-simple-box--left .mh-simple-box__heading {
text-align: right;
}
.mh-simple-box--left .mh-icon-wrapper {
position: absolute;
top: 0;
right: 0;
text-align: right;
}
.mh-simple-box--left .mh-simple-box__content {
padding-right: 84px;
}
}
@media (min-width: 1024px) {
.mh-simple-box--big-left {
text-align: right;
}
.mh-simple-box--big-left .mh-simple-box__heading {
text-align: right;
}
.mh-simple-box--big-left i {
font-size: 70px;
line-height: 70px;
}
.mh-simple-box--big-left .mh-simple-box__heading {
font-size: 24px;
}
.mh-simple-box--big-left .mh-icon-wrapper {
position: absolute;
top: 0;
right: 0;
}
.mh-simple-box--big-left .mh-simple-box__content {
padding-right: 100px;
}
}
@media (min-width: 1024px) {
.mh-simple-box--center .mh-icon-wrapper {
margin-bottom: 24px;
}
.mh-simple-box--center .mh-simple-box__heading {
font-size: 32px;
text-transform: uppercase;
}
}
@media (min-width: 1024px) {
.mh-simple-box--big-center i {
font-size: 70px;
line-height: 70px;
}
.mh-simple-box--big-center .mh-icon-wrapper {
margin-bottom: 24px;
}
.mh-simple-box--big-center .mh-simple-box__heading {
font-size: 32px;
text-transform: uppercase;
}
}
@media (min-width: 1024px) {
.mh-simple-box--right {
text-align: left;
}
.mh-simple-box--right .mh-icon-wrapper {
margin-bottom: 24px;
}
.mh-simple-box--right .mh-icon-wrapper {
position: absolute;
top: 0;
right: 0;
}
.mh-simple-box--right .mh-simple-box__heading {
text-align: left;
}
.mh-simple-box--right .mh-simple-box__content {
padding-left: 80px;
}
}
@media (min-width: 1024px) {
.mh-simple-box--big-right {
text-align: left;
}
.mh-simple-box--big-right i {
font-size: 70px;
line-height: 70px;
}
.mh-simple-box--big-right .mh-simple-box__heading {
font-size: 24px;
text-align: left;
}
.mh-simple-box--big-right .mh-icon-wrapper {
margin-bottom: 24px;
}
.mh-simple-box--big-right .mh-icon-wrapper {
position: absolute;
top: 0;
left: 0;
}
.mh-simple-box--big-right .mh-simple-box__content {
padding-left: 100px;
}
}
/* Revolution Slider - Single Gallery */
#mh_rev_gallery_single_wrapper {
margin-bottom: 24px;
}
#mh_rev_gallery_single_wrapper .tp-thumbs-inner-wrapper {
-webkit-transition: all 0.2s ease-out !important;
-moz-transition: all 0.2s ease-out !important;
-ms-transition: all 0.2s ease-out !important;
-o-transition: all 0.2s ease-out !important;
transition: all 0.2s ease-out !important;
margin-top: 12px;
}
#mh_rev_gallery_single_wrapper .tp-thumb {
opacity: 0.3;
-webkit-transition: opacity 0.2s !important;
-moz-transition: opacity 0.2s !important;
-ms-transition: opacity 0.2s !important;
-o-transition: opacity 0.2s !important;
transition: opacity 0.2s !important;
}
@media (min-width: 1025px) {
#mh_rev_gallery_single_wrapper .tp-thumb:hover {
opacity: 1;
}
}
#mh_rev_gallery_single_wrapper .tp-thumb.selected {
opacity: 1;
}
.single-estate .mh-layout__content-left {
overflow-x: hidden !important;
}
.mh-layout__content-left #mh_rev_gallery_single_wrapper {
position: relative;
}
@media (min-width: 1024px) {
.mh-layout__content-left #mh_rev_gallery_single_wrapper {
height: 668px !important;
margin-bottom: 24px;
}
}
/* Revolution Slider - Single Slider */
@media (min-width: 767px) {
#mh_rev_slider_single_wrapper {
height: 350px;
}
}
@media (min-width: 1024px) {
#mh_rev_slider_single_wrapper {
height: 500px;
}
}
@media (min-width: 1200px) {
#mh_rev_slider_single_wrapper {
height: 600px;
}
}
.mh-slider-single {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-slider-single {
margin-bottom: 24px;
}
}
.mh-slider-single__content {
position: relative;
margin-top: -36px;
padding: 12px 0;
background: #f2f2f2;
margin-right: 15px;
margin-left: 15px;
}
@media (min-width: 768px) {
.mh-slider-single__content {
background: transparent;
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
bottom: 24px;
color: #fff;
padding: 0;
}
}
@media (min-width: 768px) {
.mh-slider-single__top {
border-bottom: 2px solid #fff;
}
.mh-slider-single__top:after {
clear: both;
content: "";
display: table;
}
}
.mh-slider-single__bottom {
font-style: italic;
}
.mh-slider-single__bottom i {
position: absolute;
right: 12px;
margin-left: 6px;
}
@media (min-width: 768px) {
.mh-slider-single__bottom i {
position: static;
padding: 0;
}
}
.mh-slider-single__bottom span {
display: block;
padding-right: 24px;
}
@media (min-width: 768px) {
.mh-slider-single__bottom span {
display: inline;
padding: 0;
}
}
@media (min-width: 768px) {
.mh-slider-single__bottom {
font-size: 16px;
min-height: 24px;
line-height: 46px;
}
.mh-slider-single__bottom:after {
clear: both;
content: "";
display: table;
}
}
.mh-slider-single__address {
color: #4d4d4d;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-slider-single__address {
color: #fff;
float: right;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media (min-width: 768px) {
.mh-slider-single__phone {
display: inline-block;
float: left;
}
.mh-slider-single__phone a {
color: #fff;
}
}
@media (min-width: 768px) {
.mh-slider-single__name-price {
display: table;
width: 100%;
}
}
.mh-slider-single__name {
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
padding-bottom: 9px;
margin-bottom: 12px;
position: relative;
}
.mh-slider-single__name:after {
content: '';
width: 100%;
background: #fff;
height: 2px;
position: absolute;
bottom: -2px;
right: 0;
}
@media (min-width: 768px) {
.mh-slider-single__name {
text-align: center;
padding-bottom: 0;
margin-bottom: 0;
text-align: right;
display: table-cell;
font-size: 24px;
line-height: 1.2;
padding-bottom: 6px;
margin-bottom: 0;
color: #fff;
width: auto;
vertical-align: bottom;
}
.mh-slider-single__name:after {
display: none;
}
}
@media (min-width: 1024px) {
.mh-slider-single__name {
font-size: 36px;
}
}
.mh-slider-single__price {
padding-bottom: 12px;
font-weight: 700;
font-family: Play, Arial, Helvetica, sans-serif;
font-size: 18px;
}
.mh-slider-single__price:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-slider-single__price {
padding-bottom: 6px;
text-align: center;
color: #fff;
margin-bottom: 0;
background: transparent;
display: table-cell;
vertical-align: bottom;
width: auto;
font-size: 24px;
line-height: 1.2;
text-align: left;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media (min-width: 1024px) {
.mh-slider-single__price {
padding-bottom: 9px;
font-size: 34px;
height: 36px;
}
}
/* Revolution Slider - Arrows */
#estate_slider_card .tparrows,
#estate_slider_card_short .tparrows,
#mh_rev_slider_single .tparrows,
#mh_rev_gallery_single .tparrows {
background: rgba(255, 255, 255, 0.7);
width: 48px;
height: 48px;
}
#estate_slider_card .tparrows:before,
#estate_slider_card_short .tparrows:before,
#mh_rev_slider_single .tparrows:before,
#mh_rev_gallery_single .tparrows:before {
color: #222 !important;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
#estate_slider_card .tparrows:hover:before,
#estate_slider_card_short .tparrows:hover:before,
#mh_rev_slider_single .tparrows:hover:before,
#mh_rev_gallery_single .tparrows:hover:before {
color: #fff !important;
background: var(--primary);
}
@media (max-width: 1024px) {
#estate_slider_card .tparrows:hover:before, #estate_slider_card .tparrows:active:before, #estate_slider_card .tparrows:focus:before,
#estate_slider_card_short .tparrows:hover:before,
#estate_slider_card_short .tparrows:active:before,
#estate_slider_card_short .tparrows:focus:before,
#mh_rev_slider_single .tparrows:hover:before,
#mh_rev_slider_single .tparrows:active:before,
#mh_rev_slider_single .tparrows:focus:before,
#mh_rev_gallery_single .tparrows:hover:before,
#mh_rev_gallery_single .tparrows:active:before,
#mh_rev_gallery_single .tparrows:focus:before {
background: rgba(255, 255, 255, 0.7) !important;
color: #222 !important;
}
}
#estate_slider_card .tparrows:before,
#estate_slider_card_short .tparrows:before,
#mh_rev_slider_single .tparrows:before,
#mh_rev_gallery_single .tparrows:before {
line-height: 48px;
}
#estate_slider_card .tparrows.tp-leftarrow,
#estate_slider_card_short .tparrows.tp-leftarrow,
#mh_rev_slider_single .tparrows.tp-leftarrow,
#mh_rev_gallery_single .tparrows.tp-leftarrow {
margin-right: 12px;
}
#estate_slider_card .tparrows.tp-rightarrow,
#estate_slider_card_short .tparrows.tp-rightarrow,
#mh_rev_slider_single .tparrows.tp-rightarrow,
#mh_rev_gallery_single .tparrows.tp-rightarrow {
margin-left: 12px;
}
#estate_slider_transparent .tparrows {
background: rgba(255, 255, 255, 0);
width: 72px;
height: 72px;
}
#estate_slider_transparent .tparrows:before {
line-height: 72px;
font-size: 24px;
color: #fff !important;
}
.mh-slider__buttons .mdl-button {
min-width: 130px;
margin: 0 6px;
}
/* Revolution Slider - Placeholder */
body:not(.vc_editor) .rev_slider_estate_placeholder {
min-height: 450px;
}
body:not(.vc_editor) .rev_slider_estate_placeholder .rev_slider_wrapper {
right: 0 !important;
}
@media (min-width: 900px) {
body:not(.vc_editor) .rev_slider_estate_placeholder {
min-height: 500px;
}
}
@media (min-width: 1100px) {
body:not(.vc_editor) .rev_slider_estate_placeholder {
min-height: 600px;
}
}
.compose-mode .vc_element.vc_mh_slider_estate,
.compose-mode .vc_element.vc_mh_slider {
margin-top: 35px;
}
.ares .tp-bullet-title {
display: none;
}
/* Social icons */
.mh-social-icons {
margin-bottom: -12px;
}
.mh-social-icon {
background-color: #fff;
display: inline-block;
position: relative;
text-align: center;
color: #222 !important;
height: 48px;
width: 48px;
font-size: 16px;
line-height: 48px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
margin-bottom: 12px;
margin-left: 12px;
border-radius: 50%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
border-radius: 50%;
}
.mh-social-icon:after {
position: absolute;
top: 0;
right: 0;
display: inline-block;
height: 48px;
width: 48px;
content: '';
border: 1px solid #222;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
border-radius: 50%;
}
.mh-social-icon:hover, .mh-social-icon:active, .mh-social-icon:focus {
color: #fff !important;
}
@media (min-width: 1025px) {
.mh-social-icon:hover {
background: #29aae3;
}
.mh-social-icon:hover:after {
opacity: 1;
border: 1px solid #29aae3;
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
}
/* Testimonials */
.mh-testimonial {
max-width: 600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
}
.mh-testimonial:after {
clear: both;
content: "";
display: table;
}
.mh-testimonial__author {
font-weight: 700;
}
.mh-testimonial__occupation {
font-size: 13px;
}
.mh-testimonial__author {
margin-bottom: 0;
text-transform: uppercase;
font-size: 16px;
}
@media (min-width: 768px) {
.mh-testimonial__author {
font-size: 21px;
}
}
.mh-testimonial__photo > img {
border-radius: 50%;
}
.mh-testimonials--standard {
text-align: center;
}
.mh-testimonials--standard .mh-testimonial .mh-testimonial__photo {
text-align: center;
margin-bottom: 24px;
}
.mh-testimonials--standard .mh-testimonial .mh-testimonial__photo > img {
width: 120px;
height: 120px;
display: inline-block;
}
.mh-testimonials--standard .mh-testimonial .mh-testimonial__author {
text-align: center;
}
.mh-testimonials--standard .mh-testimonial .mh-testimonial__occupation {
margin-bottom: 0;
}
.mh-testimonials--standard .mh-testimonial .mh-testimonial__text {
text-align: center;
margin-bottom: 24px;
}
.mh-testimonials--standard.mh-testimonials--light {
color: #fff;
}
.mh-testimonials--standard.mh-testimonials--light .mh-testimonial__author {
color: #fff;
}
.mh-testimonials--cloud-text .mh-testimonial .mh-testimonial__text {
background: #4d4d4d;
color: #fff;
position: relative;
padding: 12px;
height: auto !important;
margin-bottom: 24px;
}
.mh-testimonials--cloud-text .mh-testimonial .mh-testimonial__text p {
padding-bottom: 18px;
}
.mh-testimonials--cloud-text .mh-testimonial .mh-testimonial__text:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
bottom: -15px;
right: 16px;
border-right: 18px solid transparent;
border-left: 18px solid transparent;
border-top: 18px solid #4d4d4d;
}
.mh-testimonials--cloud-text .mh-testimonial .mh-testimonial__author-info {
display: table-cell;
vertical-align: middle;
margin-top: 24px;
padding-right: 85px;
position: relative;
height: 70px;
}
.mh-testimonials--cloud-text .mh-testimonial .mh-testimonial__photo {
position: absolute;
margin-bottom: 24px;
}
.mh-testimonials--cloud-text .mh-testimonial .mh-testimonial__photo > img {
width: 70px;
height: 70px;
}
.mh-testimonials--cloud-text.mh-testimonials--light {
color: #fff;
}
.mh-testimonials--cloud-text.mh-testimonials--light .mh-testimonial .mh-testimonial__text {
background: #fff;
color: #222;
}
.mh-testimonials--cloud-text.mh-testimonials--light .mh-testimonial .mh-testimonial__text:before {
border-top-color: #fff;
}
.mh-testimonials--cloud-text.mh-testimonials--light .mh-testimonial .mh-testimonial__author {
color: #fff;
}
.mh-testimonials--transparent .mh-testimonial .mh-testimonial__text {
position: relative;
margin-bottom: 35px;
font-size: 24px;
}
.mh-testimonials--transparent .mh-testimonial .mh-testimonial__author-info {
display: table-cell;
vertical-align: middle;
margin-top: 24px;
padding-right: 85px;
position: relative;
height: 70px;
}
.mh-testimonials--transparent .mh-testimonial .mh-testimonial__photo {
position: absolute;
margin-bottom: 24px;
}
.mh-testimonials--transparent .mh-testimonial .mh-testimonial__photo > img {
width: 70px;
height: 70px;
}
.mh-testimonials--transparent.mh-testimonials--light {
color: #fff;
}
.mh-testimonials--transparent.mh-testimonials--light .mh-testimonial .mh-testimonial__text {
color: #fff;
}
.mh-testimonials--transparent.mh-testimonials--light .mh-testimonial .mh-testimonial__author {
color: #fff;
}
.mh-testimonials--boxed .mh-testimonial {
padding: 24px;
background: #fff;
color: #222;
border: 1px solid #c3c3c5;
}
.mh-testimonials--boxed .mh-testimonial__text {
font-size: 24px;
position: relative;
margin-bottom: 24px;
}
.mh-testimonials--boxed .mh-testimonial__author-info {
display: table-cell;
vertical-align: middle;
margin-top: 24px;
padding-right: 85px;
position: relative;
height: 70px;
}
.mh-testimonials--boxed .mh-testimonial__photo {
position: absolute;
margin-bottom: 24px;
}
.mh-testimonials--boxed .mh-testimonial__photo > img {
width: 70px;
height: 70px;
}
.mh-testimonials--boxed.mh-testimonials--light .mh-testimonial {
background: #fff;
border-color: #fff;
}
.mh-testimonials--cloud-text .mh-testimonial .mh-testimonial__text a {
color: #fff;
}
.single-testimonial .mh-post-single__meta {
display: none;
}
/* Top Bar User Panel */
.mh-top-bar-user-panel {
position: absolute;
top: 0;
left: 15px;
}
.mh-top-bar-user-panel__user-menu {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
margin-top: 36px;
left: 0;
z-index: 999999999999;
background: #fff;
list-style: none;
width: 205px;
}
.mh-top-bar-user-panel__user-menu li {
margin: 0;
}
.mh-top-bar-user-panel__user-menu a,
.mh-top-bar-user-panel__user-menu button {
color: #666;
background: #f9f9f9;
text-align: right;
width: 100%;
display: inline-block;
padding: 12px 12px;
line-height: 24px;
font-size: 12px;
text-transform: uppercase;
border: 0;
font-family: Lato, Arial, Helvetica, sans-serif;
}
.mh-top-bar-user-panel__user-menu a i,
.mh-top-bar-user-panel__user-menu button i {
margin-left: 6px;
}
.mh-top-bar-user-panel__user-menu a:hover,
.mh-top-bar-user-panel__user-menu button:hover {
background: #f0f0f0;
color: #222 !important;
}
@media (min-width: 1023px) {
.mh-top-bar-user-panel__user-menu:hover {
display: block;
}
}
.mh-top-bar-user-panel__user-info {
position: relative;
right: -24px;
display: inline-block;
padding: 0 12px;
height: 34px;
}
.mh-top-bar-user-panel__user-info img[src*="http"] {
border-radius: 50%;
height: 24px;
margin-top: -4px;
margin-left: 6px;
}
.mh-top-bar-user-panel__user-info > a {
display: inline-block;
line-height: 36px;
font-size: 14px;
}
@media (min-width: 767px) {
.mh-top-bar-user-panel__user-info {
right: 0;
}
}
.mh-top-header--primary .mh-top-bar-user-panel__user-info {
background: #29aae3;
}
.mh-top-header--primary .mh-top-bar-user-panel__user-info > a {
color: #fff;
}
.mh-top-bar-user-panel__main-link {
font-size: 13px;
}
@media (min-width: 1023px) {
.mh-top-bar-user-panel__main-link:hover + .mh-top-bar-user-panel__user-menu {
display: block;
}
}
@media (min-width: 1023px) {
.mh-top-header .mh-top-bar-user-panel__main-link:before {
content: '';
height: 20px;
width: 1px;
background: #f0f0f0;
position: absolute;
top: 8px;
right: -12px;
}
}
.mh-top-bar-user-panel-small .mh-top-bar-user-panel {
position: static;
}
.mh-top-bar-user-panel-small .mh-top-bar-user-panel > div {
padding-right: 24px;
}
.mh-top-bar-user-panel-small .mh-top-bar-user-panel__user-info {
padding: 0;
}
@media (min-width: 1023px) {
.mh-top-bar-user-panel-small {
display: inline-block;
position: relative;
}
}
.mh-top-header--default .mh-top-bar-user-panel__user-info {
background: transparent;
}
.mh-top-header--default .mh-top-bar-user-panel__user-info a {
color: #222;
}
.mh-top-header-big .mh-top-bar-user-panel__user-info {
background: #29aae3;
}
.mh-top-header-big .mh-top-bar-user-panel__user-info > a {
color: #fff;
}
.mh-top-header-big .mh-top-header--primary .mh-top-bar-login-register {
color: #fff;
}
@media (max-width: 1023px) {
.mh-top-header-big .mh-top-bar-user-panel {
position: static;
left: 0;
}
.mh-top-header-big .mh-top-bar-user-panel__user-info {
background: #fff !important;
padding: 0;
}
.mh-top-header-big .mh-top-bar-user-panel__user-info > a {
color: #222;
}
}
.mh-hide-top-bar-on-mobile .mh-top-header,
.mh-hide-top-bar-on-mobile .mh-top-header-big {
display: none;
}
@media (min-width: 1024px) {
.mh-hide-top-bar-on-mobile .mh-top-header,
.mh-hide-top-bar-on-mobile .mh-top-header-big {
display: block;
}
}
/* Top Header */
.mh-top-header {
font-family: Play, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 36px;
color: #666666;
border-bottom: 1px solid #f0f0f0;
}
@media (min-width: 1024px) {
.mh-top-header {
height: 36px;
text-align: left;
}
}
.mh-top-header:not(.mh-top-header--primary) a {
color: #666666;
}
.mh-top-header:not(.mh-top-header--primary) a:hover {
color: #29aae3;
}
.mh-top-header address {
font-style: normal;
}
.mh-top-header__element {
width: 100%;
float: right;
display: block;
position: relative;
}
.mh-top-header__element > a > i {
margin-left: 6px;
position: relative;
top: 1px;
}
@media (min-width: 768px) {
.mh-top-header__element {
width: 50%;
}
}
@media (min-width: 1024px) {
.mh-top-header__element {
width: auto;
float: none;
display: inline-block;
margin-left: 24px;
line-height: 36px;
}
.mh-top-header__element:after {
content: '';
height: 20px;
width: 1px;
background: #f0f0f0;
position: absolute;
top: 8px;
left: -12px;
}
.mh-top-header__element:last-of-type {
margin-left: 0;
}
.mh-top-header__element:last-of-type:after {
display: none;
}
}
.mh-top-header__element--social-icons {
display: none;
}
@media (min-width: 1024px) {
.mh-top-header__element--social-icons {
display: inline-block;
}
.mh-top-header__element--social-icons > span > a {
margin-right: 9px;
}
.mh-top-header__element--social-icons > span:first-of-type > a {
margin-right: 0;
}
}
.mh-top-header--primary {
background: #29aae3;
border-color: #29aae3;
color: #fff;
}
.mh-top-header--primary .mh-top-header__element > a,
.mh-top-header--primary .mh-top-header__element > span > a {
color: #fff;
}
.mh-top-header--primary .mh-top-header__element > a:hover,
.mh-top-header--primary .mh-top-header__element > span > a:hover {
color: #fff;
}
/* Top Header Big */
.mh-top-header-big {
background: #fff;
}
.mh-top-header-big:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 1023px) {
.mh-top-header-big {
height: 120px;
}
}
.mh-top-header-big__content {
max-width: 1170px;
padding: 0 15px;
margin: 0 auto;
position: relative;
}
.mh-top-header-big__logo-placeholder {
display: none;
}
@media (min-width: 1023px) {
.mh-top-header-big__logo-placeholder {
float: right;
display: inline-block;
width: 155px;
margin-left: 30px;
height: 120px;
}
}
@media (min-width: 1200px) {
.mh-top-header-big__logo-placeholder {
width: 285px;
}
}
.mh-top-header-big__element:not(.mh-top-header-big__panel) a:hover {
color: #29aae3;
}
.mh-top-header-big__logo {
display: none;
}
@media (min-width: 1024px) {
.mh-top-header-big__logo {
position: absolute;
float: right;
display: inline-block;
height: 120px;
text-align: right;
z-index: 2;
}
.mh-top-header-big__logo img {
display: inline-block;
margin-top: 35px;
height: 50px;
}
}
@media (min-width: 1200px) {
.mh-top-header-big__logo {
width: 285px;
}
}
.mh-top-header-big__element {
display: block;
position: relative;
font-size: 13px;
text-align: right;
color: #4d4d4d;
padding: 0px;
}
.mh-top-header-big__element .mh-top-header-big__element__icon-big {
margin-left: 6px;
position: relative;
top: 1px;
font-size: 16px;
margin-bottom: 6px;
display: inline-block;
}
.mh-top-header-big__element a {
color: #222;
}
@media (min-width: 768px) {
.mh-top-header-big__element {
width: 50%;
float: right;
}
}
@media (min-width: 1023px) {
.mh-top-header-big__element {
padding: 0;
width: auto;
display: table;
margin-left: 48px;
height: 120px;
font-weight: 400;
font-size: 14px;
font-style: italic;
}
.mh-top-header-big__element .mh-top-header-big__element__icon-big {
position: absolute;
font-size: 30px;
line-height: 120px;
height: 120px;
margin-left: 16px;
}
}
@media (min-width: 1023px) {
.mh-top-header-big__element--address {
max-width: 160px;
}
}
.mh-top-header-big__value {
display: inline-block;
}
@media (min-width: 1023px) {
.mh-top-header-big__value {
display: table-cell;
vertical-align: middle;
padding-right: 48px;
margin-left: 48px;
height: 120px;
}
}
.mh-top-header-big__social-icons {
display: none;
}
@media (min-width: 1023px) {
.mh-top-header-big__social-icons {
display: inline-block;
float: left;
}
.mh-top-header-big__social-icons a {
color: #4d4d4d;
font-size: 21px;
margin-right: 18px;
line-height: 120px;
}
.mh-top-header-big__social-icons a:hover {
color: #29aae3;
}
}
@media (min-width: 1023px) {
.mh-top-header-big__info-element__content {
padding: 48px 0;
height: 60px;
position: relative;
}
.mh-top-header-big__info-element__content i {
position: absolute;
top: 0;
right: 0;
}
}
@media (min-width: 1023px) {
.mh-top-header-big__info-element__info {
padding-right: 60px;
}
}
@media (min-width: 1023px) {
.mh-top-header-big__info-element {
position: relative;
margin-left: 48px;
}
.mh-top-header-big__info-element i {
font-size: 30px;
margin-left: 16px;
}
.mh-top-header-big__info-element span {
display: inline-block;
}
}
@media (min-width: 1023px) {
.mh-top-header-big__info-element__info {
max-width: 130px;
}
}
@media (min-width: 1023px) {
.mh-top-header-big + .mh-navbar__wrapper .mh-navbar__header {
display: none !important;
}
}
.mh-top-header-big__panel {
margin-top: 3px;
margin-bottom: 6px;
}
@media (min-width: 1023px) {
.mh-top-header-big__panel {
margin: 0;
height: auto;
display: block;
margin-left: 0;
font-style: normal;
position: absolute;
top: 0;
left: 15px;
padding: 0 12px;
font-size: 13px;
line-height: 24px;
background: #fff;
}
.mh-top-header-big__panel a {
color: #4d4d4d;
}
}
@media (min-width: 1023px) {
.mh-top-header-big .mh-top-header-big__panel {
background: #29aae3;
}
.mh-top-header-big .mh-top-header-big__panel .mh-top-header__user-info__panel-link {
color: #fff;
}
}
@media (max-width: 1023px) {
.mh-top-header-big .mh-top-header-big__panel {
background: #fff !important;
}
}
@media (max-width: 767px) {
.mh-top-header-big .mh-top-bar-user-panel__user-info {
right: 0 !important;
}
}
/* Top Title */
.mh-top-title {
background: #f2f2f2;
color: #999999;
text-align: center;
padding: 36px 18px;
}
@media (min-width: 768px) {
.mh-top-title {
padding: 48px 18px;
}
}
.mh-top-title a {
color: #222;
}
.mh-top-title a:hover {
color: #222;
}
.mh-header--transparent + .mh-top-title {
padding-top: 120px;
}
.mh-top-title--image-background {
background-size: cover !important;
position: relative;
}
.mh-top-title--image-background:after {
content: '';
background: rgba(0, 0, 0, 0.4);
top: 0;
right: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.mh-top-title--image-background h1,
.mh-top-title--image-background .small-text,
.mh-top-title--image-background .small-text i {
color: #fff !important;
z-index: 3 !important;
position: relative;
}
.mh-top-title-offset {
margin-top: 24px;
}
@media (min-width: 768px) {
.mh-top-title-offset {
margin-top: 36px;
}
}
.mh-top-title__heading {
margin-bottom: 0;
}
.mh-top-title--single-estate {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-top-title--single-estate {
margin-bottom: 36px;
padding-top: 36px;
padding-bottom: 36px;
}
}
.mh-top-title--single-estate .mh-caption {
top: -48px;
left: 24px;
}
.mh-top-title--single-estate .mh-layout {
position: relative;
}
.mh-top-title--author {
padding-top: 24px;
padding-bottom: 24px;
color: #666666;
}
@media (min-width: 768px) {
.mh-top-title--author {
padding-top: 64px;
padding-bottom: 64px;
text-align: right;
}
}
.mh-top-title--author .agent-contact {
margin-bottom: 0;
}
.mh-top-title--author .mh-top-title__heading {
color: #666666;
text-transform: none;
}
.mh-top-title--author .mh-top-title__heading:first-letter {
text-transform: uppercase;
}
@media (min-width: 768px) {
.mh-top-title--author .mh-top-title__heading {
font-size: 44px;
text-align: right;
}
}
.mh-top-title--author .mh-agent-contact__element {
display: block;
font-weight: 400;
font-size: 13px;
margin-bottom: 0px;
}
@media (min-width: 768px) {
.mh-top-title__avatar + .mh-top-title__author-info {
padding-right: 200px;
}
}
@media (min-width: 768px) {
.mh-top-title__author-info {
height: 160px;
display: table;
vertical-align: middle;
}
}
@media (min-width: 768px) {
.mh-top-title__author-info__content {
display: table-cell;
vertical-align: middle;
}
}
.mh-top-title--image-background {
border: 0;
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
color: #fff;
}
.mh-top-title--image-background .mh-top-title__heading {
color: #fff;
z-index: 2;
}
.mh-top-title--image-background:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 0;
}
.mh-top-title--image-background .mh-top-title__subheading {
position: relative;
color: #fff;
z-index: 2;
}
@media (min-width: 768px) {
.mh-top-title--image-background {
padding-top: 72px;
padding-bottom: 72px;
}
}
.mh-top-title__heading {
position: relative;
display: inline-block;
font-size: 24px;
color: #231e2e;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
}
@media (min-width: 768px) {
.mh-top-title__heading {
font-size: 32px;
}
}
.mh-top-title__avatar > img {
border-radius: 50%;
width: 160px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-top-title__avatar {
display: block;
}
.mh-top-title__avatar:after {
clear: both;
content: "";
display: table;
}
.mh-top-title__avatar > img {
position: absolute;
top: 0;
right: 0;
}
}
.mh-top-title__user-description {
max-width: 600px;
margin-bottom: 12px;
}
.mh-top-title__social-icons:after {
clear: both;
content: "";
display: table;
}
.mh-top-title__social-icons a {
color: #666666;
display: inline-block;
margin-left: 8px;
font-size: 14px;
}
@media (min-width: 1025px) {
.mh-top-title__social-icons a:hover, .mh-top-title__social-icons a:active, .mh-top-title__social-icons a:focus {
color: #222222;
}
}
@media (min-width: 768px) {
.mh-top-title__social-icons {
text-align: right;
}
}
.mh-top-title--parallax {
position: relative;
padding-top: 72px;
padding-bottom: 72px;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
position: relative;
background-size: cover !important;
}
.mh-top-title--parallax .mh-top-title__heading {
position: relative;
color: #fff;
z-index: 2;
}
.mh-top-title--parallax .mh-top-title__subheading {
position: relative;
z-index: 2;
color: #fff;
}
.mh-top-title--parallax:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 1;
}
.mh-top-title--wide-bg {
position: relative;
padding-top: 72px;
padding-bottom: 72px;
background-position: center center;
background-repeat: no-repeat;
position: relative;
background-size: cover !important;
}
.mh-top-title--wide-bg .mh-top-title__heading {
position: relative;
color: #fff;
z-index: 2;
}
.mh-top-title--wide-bg .mh-top-title__subheading {
position: relative;
z-index: 2;
color: #fff;
}
.mh-top-title--wide-bg:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 1;
}
/* Video Wrapper */
.mh-video-wrapper {
padding-bottom: 24px;
text-align: center;
position: relative;
}
.mh-video-wrapper:after {
clear: both;
content: "";
display: table;
}
.mh-video-wrapper .wp-video {
width: 100% !important;
}
.mh-video-wrapper iframe {
width: 100%;
min-height: 434px;
}
.mejs-mediaelement {
position: static !important;
}
.wp-video-shortcode {
height: auto !important;
box-shadow: none !important;
outline: none !important;
}
.wp-video-shortcode * {
box-shadow: none !important;
outline: none !important;
}
/* Widget Title */
.mh-widget-title {
margin-bottom: 12px;
}
.mh-widget-title:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-widget-title {
margin-bottom: 24px;
}
}
.mh-widget-title__text {
position: relative;
text-transform: none;
font-weight: 400;
font-size: 24px;
margin-bottom: 0;
padding-top: 9px;
}
.mh-widget-title__text:after {
clear: both;
content: "";
display: table;
}
.mh-widget-title__text:before {
position: absolute;
top: 0;
right: 0;
height: 2px;
width: 100%;
background: #29aae3;
content: '';
}
/* Favorite Card */
.mh-favorite-card {
position: absolute;
z-index: 99;
left: 12px;
top: -40px;
padding: 0px;
color: #000;
margin-top: 62.5%;
font-size: 16px;
}
.mh-favorite-card button {
padding: 6px;
background: rgba(255, 255, 255, 0.5);
border: 0px solid transparent;
border-radius: 4px;
line-height: 1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-favorite-card button:hover {
background: white !important;
color: #D32F2F;
}
.mh-favorite-card .fas.fa-heart {
color: #D32F2F !important;
}
.mh-favorite-card .is-favorite button {
background: white;
}
.mh-favorite-card__added-removed {
position: absolute;
width: initial;
border-radius: 6px;
display: block;
background: #fff;
padding: 4px 12px;
font-size: 13px;
font-weight: 700;
color: #444;
left: 0;
top: 0;
margin-left: 36px;
white-space: nowrap;
opacity: 1;
}
.mh-favorite-card__added-removed:after {
content: '';
position: absolute;
left: -4px;
top: 8px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid white;
}
/* Owl Carousel */
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-item {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: right;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: ltr;
}
.owl-carousel.owl-rtl .owl-item {
float: left;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
right: 50%;
top: 50%;
margin-right: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-carousel--gallery .owl-nav {
position: absolute;
height: 48px;
margin-top: -12px;
top: 50%;
width: 100%;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel--gallery .owl-item {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
}
.owl-carousel--gallery .owl-controls {
position: absolute;
top: 24px;
left: 48px;
}
.owl-carousel--gallery .owl-carousel-sidebar .owl-controls {
position: absolute;
top: 24px;
left: 24px;
}
.owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
margin-top: 0;
height: 14px;
margin-bottom: 24px;
}
.owl-dots .owl-dot {
position: relative;
top: -4px;
display: inline-block;
zoom: 1;
}
.owl-dots .owl-dot span {
width: 14px;
height: 14px;
margin: 0 4px;
background: #c3c3c5;
border: 2px solid #c3c3c5;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-dots .owl-dot.active span {
background: #29aae3;
border-color: #29aae3;
}
.owl-prev,
.owl-next {
background: rgba(255, 255, 255, 0.7);
position: absolute;
}
.owl-prev:before,
.owl-next:before {
color: #222 !important;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
.owl-prev:hover i:before,
.owl-next:hover i:before {
color: #fff !important;
background: #29aae3;
}
.owl-prev i:before,
.owl-next i:before {
content: '';
font-family: "revicons";
font-size: 16px;
color: #222;
display: block;
line-height: 48px;
text-align: center;
width: 48px;
height: 48px;
}
@media (max-width: 1024px) {
.owl-prev:hover:before, .owl-prev:active:before, .owl-prev:focus:before,
.owl-next:hover:before,
.owl-next:active:before,
.owl-next:focus:before {
background: rgba(255, 255, 255, 0.7) !important;
color: #222 !important;
}
}
.owl-prev:hover,
.owl-next:hover {
color: #fff;
background: #29aae3;
}
.owl-prev {
right: 12px;
}
.owl-prev i:before {
content: '\e824';
}
.owl-next {
left: 12px;
}
.owl-next i:before {
content: '\e825';
}
.vc_images_carousel {
max-width: 100% !important;
margin-bottom: 24px !important;
}
@media screen and (min-width: 768px) {
.vc_images_carousel .vc_carousel-indicators {
bottom: -36px !important;
}
}
/* RS Search */
.mh-rs-search #myhome-listing-grid, .mh-slider__extra-content #myhome-listing-grid {
position: relative;
margin-left: 12px;
margin-right: 12px;
margin-top: -36px;
background: #fff;
z-index: 2;
}
.mh-rs-search #myhome-listing-grid:after, .mh-slider__extra-content #myhome-listing-grid:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 1164px) {
.mh-rs-search #myhome-listing-grid, .mh-slider__extra-content #myhome-listing-grid {
max-width: 1140px;
margin-right: auto;
margin-left: auto;
margin-top: -96px;
}
}
.mh-rs-search .mh-search-left, .mh-slider__extra-content .mh-search-left {
background: #fff;
z-index: 99999;
padding: 24px 18px;
}
.mh-rs-search .mh-search-left:after, .mh-slider__extra-content .mh-search-left:after {
clear: both;
content: "";
display: table;
}
.mh-rs-search .mh-search-right, .mh-slider__extra-content .mh-search-right {
background: #fff;
z-index: 99999;
padding: 24px 18px;
}
.mh-rs-search .mh-search-right:after, .mh-slider__extra-content .mh-search-right:after {
clear: both;
content: "";
display: table;
}
.mh-rs-search .mh-search-top, .mh-slider__extra-content .mh-search-top {
background: #fff;
padding: 0;
}
.mh-rs-search {
position: relative;
}
.mh-rs-search .mh-search {
position: relative;
z-index: 2;
}
.mh-rs-search .vc_mh_search_form_submit {
position: static !important;
}
@media (min-width: 768px) {
.mh-rs-search .mh-search--button .mh-search__element {
padding: 0 3px;
}
}
.mh-rs-search .mh-search--button input[type=text],
.mh-rs-search .mh-search--button .btn-group {
margin-bottom: 0 !important;
}
.mh-rs-search .mh-search--button .mh-search__panel--text_range .mh-search__panel {
background: transparent !important;
}
.mh-rs-search .mh-search.mh-search--button .mh-search__panel {
background: #fff;
}
.mh-rs-search #myhome-search-form-submit {
margin: 0 auto;
max-width: 360px;
width: 100%;
}
.mh-rs-search #myhome-search-form-submit input#field-keyword {
padding-right: 50px;
}
.mh-rs-search #myhome-search-form-submit .mh-search__panel--keyword .mh-search__panel {
position: relative;
}
.mh-rs-search #myhome-search-form-submit .mh-search__panel--keyword .mh-search__panel:after {
content: '\f002';
font-family: "Font Awesome 5 Free" !important;
font-weight: normal;
font-style: normal;
color: #222;
position: absolute;
right: 22px;
font-size: 16px;
top: 7px;
text-decoration: none;
}
.mh-rs-search #myhome-search-form-submit .mh-search__panel--keyword .mh-search__panel.mh-active-input:after {
color: #29aae3;
}
.mh-rs-search--bg-dark-mask #myhome-search-form-submit .mh-search--button {
background: rgba(0, 0, 0, 0.6);
}
.mh-rs-search--bg-light-mask #myhome-search-form-submit .mh-search--button {
background: rgba(255, 255, 255, 0.6);
}
.mh-rs-search--bg-light #myhome-search-form-submit .mh-search--button {
background: #fff;
}
.mh-rs-search--bg-dark #myhome-search-form-submit .mh-search--button {
background: #222;
}
.mh-rs-search--bg-dark-mask .mh-search__2-col__right:after,
.mh-rs-search--bg-dark .mh-search__2-col__right:after {
background: #ffffff;
}
.mh-rs-search--bg-light-mask .mh-search__2-col__right:after,
.mh-rs-search--bg-light .mh-search__2-col__right:after {
background: #222;
}
.mh-rs-search--middle #myhome-search-form-submit {
position: absolute;
top: 50%;
right: 0;
left: 0;
padding-right: 15px;
padding-left: 15px;
margin-top: -35px;
}
.mh-rs-search--middle #myhome-search-form-submit .mh-search__element {
width: 100%;
}
.mh-rs-search--middle #myhome-search-form-submit .mh-search__element:not(:last-child) {
margin-bottom: 6px;
}
@media (min-width: 778px) {
.mh-rs-search--middle #myhome-search-form-submit .mh-search__element:not(:last-child) {
margin-bottom: 0;
}
}
.mh-rs-search--size-full .mh-slider__extra-content {
max-width: none;
}
@media (min-width: 778px) {
.mh-rs-search--size-big #myhome-search-form-submit {
max-width: 1140px;
}
.mh-rs-search--size-medium #myhome-search-form-submit {
max-width: 960px;
}
}
.mh-rs-search--type-1 #myhome-search-form-submit .mh-search__element {
display: none;
}
.mh-rs-search--type-1 #myhome-search-form-submit .mh-search__element:first-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-1 #myhome-search-form-submit .mh-search__element:first-child {
width: 75%;
}
}
.mh-rs-search--type-1 #myhome-search-form-submit .mh-search__element:last-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-1 #myhome-search-form-submit .mh-search__element:last-child {
width: 25%;
}
}
.mh-rs-search--type-2 #myhome-search-form-submit .mh-search__element {
display: none;
}
.mh-rs-search--type-2 #myhome-search-form-submit .mh-search__element:first-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-2 #myhome-search-form-submit .mh-search__element:first-child {
width: 75%;
}
}
@media (min-width: 1024px) {
.mh-rs-search--type-2 #myhome-search-form-submit .mh-search__element:first-child {
width: 85%;
}
}
.mh-rs-search--type-2 #myhome-search-form-submit .mh-search__element:last-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-2 #myhome-search-form-submit .mh-search__element:last-child {
width: 25%;
}
}
@media (min-width: 1024px) {
.mh-rs-search--type-2 #myhome-search-form-submit .mh-search__element:last-child {
width: 15%;
}
}
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element {
display: none;
}
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:first-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:first-child {
width: 40%;
}
}
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:nth-child(2) {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:nth-child(2) {
width: 20%;
}
}
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:nth-child(3) {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:nth-child(3) {
width: 20%;
}
}
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:last-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-3 #myhome-search-form-submit .mh-search__element:last-child {
width: 20%;
}
}
.mh-rs-search--type-4 #myhome-search-form-submit .mh-search__element {
display: none;
}
.mh-rs-search--type-4 #myhome-search-form-submit .mh-search__element:first-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-4 #myhome-search-form-submit .mh-search__element:first-child {
width: 20%;
}
}
.mh-rs-search--type-4 #myhome-search-form-submit .mh-search__element:nth-child(2) {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-4 #myhome-search-form-submit .mh-search__element:nth-child(2) {
width: 60%;
}
}
.mh-rs-search--type-4 #myhome-search-form-submit .mh-search__element:last-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-4 #myhome-search-form-submit .mh-search__element:last-child {
width: 20%;
}
}
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element {
display: none;
}
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:first-child,
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:nth-child(2),
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:nth-child(3),
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:last-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:first-child,
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:nth-child(2),
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:nth-child(3),
.mh-rs-search--type-5 #myhome-search-form-submit .mh-search__element:last-child {
width: 25%;
}
}
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element {
display: none;
}
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:first-child .mh-search__panel,
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(2) .mh-search__panel,
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(3) .mh-search__panel {
margin-bottom: 6px;
}
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:first-child,
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(2),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(3),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(4),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(5),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(6) {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:first-child,
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(2),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(3),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(4),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(5),
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:nth-child(6) {
width: 25%;
}
}
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:last-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-6 #myhome-search-form-submit .mh-search__element:last-child {
width: 50%;
}
}
.mh-rs-search--type-7 #myhome-search-form-submit .mh-search__element {
display: none;
}
.mh-rs-search--type-7 #myhome-search-form-submit .mh-search__element:first-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-7 #myhome-search-form-submit .mh-search__element:first-child {
width: 60%;
}
}
.mh-rs-search--type-7 #myhome-search-form-submit .mh-search__element:nth-child(2) {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-7 #myhome-search-form-submit .mh-search__element:nth-child(2) {
width: 20%;
}
}
.mh-rs-search--type-7 #myhome-search-form-submit .mh-search__element:last-child {
display: block;
}
@media (min-width: 778px) {
.mh-rs-search--type-7 #myhome-search-form-submit .mh-search__element:last-child {
width: 20%;
}
}
.mh-slider__extra-content {
z-index: 2;
position: relative;
}
/* Sweet Alert */
#myhome-app .swal2-modal .swal2-title {
font-size: 21px;
font-family: inherit;
}
#myhome-app .swal2-buttonswrapper > button {
border-radius: 0;
}
#myhome-app .swal2-modal {
border-radius: 0;
}
#myhome-app .swal2-loading button {
border-radius: 100%;
}
#myhome-app .swal2-cancel {
border-radius: 0 !important;
}
.swal2-container {
z-index: 99999999;
}
/* Sweet Alert Body Fix */
body {
padding-left: 0px !important;
}
/* Pricing Table */
.mh-pricing-table {
background: #f4f4f4;
padding: 0;
}
@media (min-width: 768px) {
.mh-pricing-table {
padding: 48px 0;
}
}
.mh-pricing-table:after {
clear: both;
content: "";
display: table;
}
.mh-pricing-table--3-col .mh-pricing-table__column {
width: 33.3%;
}
.mh-pricing-table--1-col .mh-pricing-table__inner {
max-width: 400px;
margin: 0 auto;
}
.mh-pricing-table--1-col .mh-pricing-table__column {
width: 100%;
margin: 0 auto !important;
float: initial !important;
}
@media (min-width: 768px) {
.mh-pricing-table--1-col .mh-pricing-table__column {
max-width: 300px;
}
}
.mh-pricing-table--2-col .mh-pricing-table__inner {
max-width: 750px;
margin: 0 auto;
}
.mh-pricing-table--2-col .mh-pricing-table__column {
width: 50%;
}
@media (min-width: 768px) {
.mh-pricing-table--2-col .mh-pricing-table__column:nth-child(2) {
margin-top: -40px;
}
}
.mh-pricing-table--2-col .mh-pricing-table__column:nth-child(2) .mh-pricing-table__row {
padding: 30px 12px;
}
.mh-pricing-table--3-col .mh-pricing-table__inner {
max-width: 1024px;
margin: 0 auto;
}
.mh-pricing-table--3-col .mh-pricing-table__column {
width: 33.33%;
}
@media (min-width: 768px) {
.mh-pricing-table--3-col .mh-pricing-table__column:nth-child(2) {
margin-top: -40px;
}
}
.mh-pricing-table--3-col .mh-pricing-table__column:nth-child(2) .mh-pricing-table__row {
padding: 30px 12px;
}
.mh-pricing-table--4-col .mh-pricing-table__inner {
max-width: 1170px;
margin: 0 auto;
}
.mh-pricing-table--4-col .mh-pricing-table__column {
width: 50%;
padding: 8px;
}
@media (min-width: 1023px) {
.mh-pricing-table--4-col .mh-pricing-table__column {
width: 25%;
}
}
@media (min-width: 1023px) {
.mh-pricing-table--4-col .mh-pricing-table__column:nth-child(3) {
margin-top: -40px;
}
.mh-pricing-table--4-col .mh-pricing-table__column:nth-child(3) .mh-pricing-table__row {
padding: 30px 12px;
}
}
.mh-pricing-table--5-col .mh-pricing-table__inner {
max-width: 1170px;
margin: 0 auto;
}
.mh-pricing-table--5-col .mh-pricing-table__column {
width: 50%;
}
@media (min-width: 1023px) {
.mh-pricing-table--5-col .mh-pricing-table__column {
width: 20%;
padding: 4px;
}
}
@media (min-width: 1023px) {
.mh-pricing-table--5-col .mh-pricing-table__column:nth-child(3) {
margin-top: -40px;
}
.mh-pricing-table--5-col .mh-pricing-table__column:nth-child(3) .mh-pricing-table__row {
padding: 30px 12px;
}
}
.mh-pricing-table__column {
float: right;
padding: 12px;
}
.mh-pricing-table__row {
padding: 12px;
position: relative;
text-align: center;
}
@media (min-width: 768px) {
.mh-pricing-table__row {
padding: 24px 12px 12px 12px;
}
}
.mh-pricing-table__row--name {
background-color: #29aae3;
font-size: 24px;
padding: 12px;
color: #fff;
}
.mh-pricing-table__row--sold {
font-style: italic;
padding: 35px 0;
line-height: 1;
position: relative;
color: #29aae3;
}
@media (max-width: 600px) {
.mh-pricing-table__column {
width: 100% !important;
}
.mh-pricing-table__column:after {
clear: both;
content: "";
display: table;
}
.mh-pricing-table__row:last-child {
padding: 24px !important;
}
}
.mh-pricing-table__column__inner {
background: #fff;
}
.mh-pricing-table__column__inner:after {
clear: both;
content: "";
display: table;
}
.mh-pricing-table__row--button {
background-color: #ffffff;
font-size: 24px;
padding-bottom: 30px;
}
.mh-pricing-table__row__one-time-heading {
position: absolute;
bottom: -12px;
z-index: 9;
right: 0;
display: inline-block;
left: 0;
margin: 0 auto;
}
.mh-pricing-table__row__one-time-heading__inner {
font-size: 11px;
line-height: 1;
display: inline-block;
color: #fff;
padding: 6px 9px;
font-weight: 700;
text-transform: uppercase;
background: #4d4d4d;
}
.mh-pricing-table__row--price {
background-color: #ffffff;
font-size: 36px;
font-family: Play, Arial, Helvetica, sans-serif;
font-weight: 700;
color: #444;
padding-bottom: 0 !important;
}
.mh-pricing-table__row--price del {
font-size: 16px;
}
.mh-pricing-table__price-period {
display: block;
color: #999;
font-weight: 400;
font-size: 16px;
}
.mh-pricing-table__row--name {
background-color: #29aae3;
font-size: 24px;
color: #fff;
padding: 18px;
}
/**
* Swiper 4.0.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2017 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 27, 2017
*/
.mh-property .swiper-container {
margin-bottom: 12px;
position: relative;
padding-bottom: 62.5%;
}
.mh-property .swiper-container .swiper-wrapper {
position: absolute;
top: 0;
right: 0;
}
.mh-property .swiper-container .swiper-button-prev,
.mh-property .swiper-container .swiper-button-next {
display: none !important;
}
.mh-property .swiper-container .mh-caption {
z-index: 3;
}
.mh-property .swiper-container .swiper-button-next:after,
.mh-property .swiper-container .swiper-button-prev:after {
display: none;
}
.mh-property .swiper-container:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 30px;
background: linear-gradient(to bottom, transparent 100%, rgba(0, 0, 0, 0.2) 100%);
z-index: 2;
}
.mh-property .swiper-container:hover .swiper-slide:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
background: linear-gradient(to right, transparent 100%, rgba(0, 0, 0, 0.5) 100%);
z-index: 2;
}
.mh-property .swiper-container:hover .swiper-slide:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 100%;
background: linear-gradient(to left, transparent 100%, rgba(0, 0, 0, 0.5) 100%);
z-index: 2;
}
.mh-property .swiper-container:hover .swiper-button-prev,
.mh-property .swiper-container:hover .swiper-button-next {
display: block !important;
}
.mh-property .swiper-button-next {
background-image: none !important;
position: absolute;
top: 50%;
line-height: 80px;
height: 80px;
margin-top: -40px;
left: 0;
padding-right: 48px;
padding-left: 12px;
}
.mh-property .swiper-button-next:before {
content: "\f054" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
position: absolute;
height: 80px;
font-size: 20px;
color: #fff;
left: 0;
display: block;
line-height: 80px;
z-index: 2;
text-align: center;
margin-left: 12px;
}
.mh-property .swiper-button-prev {
background-image: none !important;
position: absolute;
top: 50%;
line-height: 80px;
height: 80px;
margin-top: -40px;
right: 0;
padding-right: 12px;
padding-left: 48px;
}
.mh-property .swiper-button-prev:before {
content: "\f053" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 20px;
height: 80px;
color: #fff;
display: block;
line-height: 80px;
z-index: 2;
margin-left: 36px;
text-align: center;
}
.mh-property .swiper-lazy-preloader {
display: none;
}
.mh-property .swiper-pagination-bullet {
background: #fff;
}
.mh-property .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.mh-property .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.mh-property .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.mh-property .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.mh-property .swiper-pagination-bullet {
opacity: 0.6;
}
.mh-property .swiper-pagination-bullet-active {
opacity: 1;
}
.mh-property .swiper-slide {
text-align: center;
padding-bottom: 62.5%;
position: relative;
overflow: hidden;
}
.mh-property .swiper-slide img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: auto;
}
.mh-property .swiper-container {
margin-bottom: 12px;
position: relative;
padding-bottom: 62.5%;
}
.swiper-container--single .swiper-pagination {
color: #fff;
padding-bottom: 12px;
bottom: 0;
}
.swiper-container--single a:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 48px;
background: linear-gradient(to bottom, transparent 100%, rgba(0, 0, 0, 0.2) 100%);
z-index: 2;
}
.swiper-container--single .swiper-slide:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
background: linear-gradient(to right, transparent 100%, rgba(0, 0, 0, 0.5) 100%);
z-index: 2;
}
.swiper-container--single .swiper-slide:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 100%;
background: linear-gradient(to left, transparent 100%, rgba(0, 0, 0, 0.5) 100%);
z-index: 2;
}
.swiper-container--single .swiper-button-next {
background-image: none !important;
position: absolute;
top: 0;
height: 100%;
left: 0;
margin-top: 0;
padding-right: 48px;
padding-left: 24px;
}
.swiper-container--single .swiper-button-next:before {
content: "\f054" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
position: absolute;
height: 80px;
top: 50%;
margin-top: -40px;
color: #fff;
left: 0;
margin-left: 24px;
display: block;
line-height: 80px;
z-index: 2;
text-align: center;
}
.swiper-container--single .swiper-button-prev {
background-image: none !important;
position: absolute;
top: 0;
height: 100%;
right: 0;
margin-top: 0;
padding-right: 24px;
padding-left: 48px;
}
.swiper-container--single .swiper-button-prev:before {
content: "\f053" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
position: absolute;
height: 80px;
top: 50%;
margin-top: -40px;
color: #fff;
left: 0;
margin-left: 24px;
display: block;
line-height: 80px;
z-index: 2;
text-align: center;
}
.swiper-container--single-thumbs {
margin: 12px -6px 24px -6px !important;
box-sizing: border-box;
}
@media (max-width: 767px) {
.swiper-container--single-thumbs {
margin-bottom: 12px !important;
}
}
.swiper-container--single-thumbs .swiper-container {
margin-bottom: 12px;
position: relative;
padding-bottom: 62.5%;
}
.swiper-container--single-thumbs .swiper-container .swiper-wrapper {
position: absolute;
top: 0;
right: 0;
}
.swiper-container--single-thumbs .swiper-slide {
width: 33%;
cursor: pointer;
padding: 0 6px;
}
@media (min-width: 768px) {
.swiper-container--single-thumbs .swiper-slide {
width: 20%;
}
}
.swiper-container--single-thumbs .swiper-slide .swiper-slide__inner {
overflow: hidden;
opacity: 0.4;
padding-bottom: 62.5%;
background-size: cover;
background-position: center;
}
.swiper-container--single-thumbs .swiper-slide-active .swiper-slide__inner {
opacity: 1;
}
/* Tagcloud */
.tagcloud {
margin-bottom: 16px;
}
.tagcloud a {
display: inline-block;
position: relative;
font-size: 11px !important;
background: transparent;
border: 1px solid #999;
color: #4d4d4d;
text-transform: uppercase;
padding: 5px 12px;
margin: 0 0 8px 8px;
}
.tagcloud a:hover, .tagcloud a:active, .tagcloud a:focus {
color: #fff !important;
background: #29aae3;
border-color: #29aae3;
}
/* Twitter Menu */
.twitter-typeahead {
display: block !important;
}
.tt-query {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
color: #999;
}
.tt-menu {
/* used to be tt-dropdown-menu in older versions */
width: 100%;
margin-top: 2px;
background-color: #fff;
border: 1px solid #ccc;
}
.tt-menu h3 {
padding: 12px 0 6px 0;
font-size: 16px;
font-weight: 700;
margin: 0 12px;
border-bottom: 1px solid #f4f4f4;
}
.tt-highlight {
color: #29aae3;
}
.tt-suggestion {
padding: 6px 12px;
min-height: 36px;
cursor: pointer;
}
.tt-suggestion.tt-cursor, .tt-suggestion:hover {
background-color: #f4f4f4;
}
.tt-suggestion p {
margin: 0;
}
#myhome-listing-grid .tt-menu {
margin-top: -10px;
}
/* 2 Col */
.mh-2-col-image {
width: 100%;
position: relative;
float: right;
padding: 0 15px;
}
.mh-2-col-image img {
padding: 24px 12px 0 12px;
}
@media (min-width: 768px) {
.mh-2-col-image img {
position: absolute;
top: 0;
right: 0;
max-width: none !important;
padding: 0;
height: 100% !important;
width: auto !important;
}
}
@media (min-width: 768px) {
.mh-2-col-image {
width: 50%;
overflow: hidden !important;
}
}
@media (min-width: 1200px) {
.mh-2-col-image img {
min-width: 100% !important;
max-height: initial !important;
height: initial !important;
min-height: initial !important;
}
}
.mh-2-col-image-bg {
min-height: 200px !important;
}
.mh-2-col-image-bg > div {
margin: 0 12px !important;
}
@media (min-width: 768px) {
.mh-2-col-image-bg > div {
margin: 0 !important;
}
}
@media (min-width: 768px) {
.mh-2-col-image-bg {
margin: 0 !important;
min-height: initial !important;
}
}
.compose-mode .mh-2-col-image .vc_element {
position: static;
}
.mh-2-col-text {
width: 100%;
float: left;
order: 10;
padding: 24px 15px 36px 15px !important;
}
@media (min-width: 768px) {
.mh-2-col-text {
order: 0;
width: 50%;
padding: 60px 30px !important;
}
}
@media (min-width: 1200px) {
.mh-2-col-text {
padding: 90px 30px !important;
}
}
@media (max-width: 767px) {
.mh-2-col-text .mh-font-size-m {
font-size: 16px !important;
}
}
/* Widget */
.widget-area,
.widget {
width: 100%;
margin-bottom: 36px;
}
.mh-menu ul,
.widget_pages ul,
.widget_meta ul,
.widget_recent_entries ul,
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
font-size: 13px;
}
.mh-menu ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_recent_entries ul li,
.widget_nav_menu ul li,
.widget_categories ul li,
.widget_archive ul li {
list-style: none;
padding: 0;
margin: 0;
position: relative;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-menu ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li a,
.widget_nav_menu ul li a,
.widget_categories ul li a,
.widget_archive ul li a {
width: 100%;
position: relative;
color: #222;
display: block;
padding: 14px 0 14px 30px;
border-bottom: 1px solid #f0f0f0;
overflow: hidden;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-menu ul li a:before,
.widget_pages ul li a:before,
.widget_meta ul li a:before,
.widget_recent_entries ul li a:before,
.widget_nav_menu ul li a:before,
.widget_categories ul li a:before,
.widget_archive ul li a:before {
position: absolute;
right: -12px;
top: 50%;
background: #29aae3;
height: 2px;
width: 12px;
content: '';
display: block;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
@media (min-width: 1025px) {
.mh-menu ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover {
padding-right: 30px;
padding-left: 0px;
color: #000;
}
.mh-menu ul li a:hover:before,
.widget_pages ul li a:hover:before,
.widget_meta ul li a:hover:before,
.widget_recent_entries ul li a:hover:before,
.widget_nav_menu ul li a:hover:before,
.widget_categories ul li a:hover:before,
.widget_archive ul li a:hover:before {
right: 0;
}
}
.mh-menu ul li ul,
.widget_pages ul li ul,
.widget_meta ul li ul,
.widget_recent_entries ul li ul,
.widget_nav_menu ul li ul,
.widget_categories ul li ul,
.widget_archive ul li ul {
padding-right: 18px;
}
.mh-menu > ul > li:last-child a,
.widget_pages > ul > li:last-child a,
.widget_meta > ul > li:last-child a,
.widget_recent_entries > ul > li:last-child a,
.widget_nav_menu > ul > li:last-child a,
.widget_categories > ul > li:last-child a,
.widget_archive > ul > li:last-child a {
border-bottom: none;
}
.widget_nav_menu ul li:last-child a {
border-bottom: 0;
}
.mh-widget-title + ul {
margin-top: -15px;
margin-bottom: -15px;
}
.widget.widget_tag_cloud {
margin-bottom: 28px;
}
.mh-layout__sidebar-left ul,
.mh-layout__sidebar-right ul {
font-size: 16px;
}
/* Widget - fix "Show post counts" */
.widget_categories ul li,
.widget_archive ul li {
min-height: 48px;
text-align: left;
padding-top: 15px;
}
.widget_categories ul li a,
.widget_archive ul li a {
position: absolute;
right: 0;
top: 0;
text-align: right;
}
.widget_categories .children,
.widget_archive .children {
margin-top: 16px;
}
/* Widget Calendar */
.calendar_wrap table {
table-layout: fixed;
word-wrap: normal;
width: 100%;
border: 0;
}
.calendar_wrap table td,
.calendar_wrap table th {
border: 0;
padding: 6px;
}
.calendar_wrap table caption {
font-size: 13px;
text-align: left;
font-weight: 400;
height: 24px;
color: #222;
margin-bottom: 6px;
}
.calendar_wrap table thead {
border-top: 1px solid #c3c3c5;
border-bottom: 1px solid #c3c3c5;
}
.calendar_wrap table thead th {
text-align: center;
font-size: 13px;
font-weight: 400;
}
.calendar_wrap table tbody {
cursor: default;
}
.calendar_wrap table tbody td {
text-align: center;
position: relative;
}
.calendar_wrap table tbody a {
display: block;
color: #fff;
background: #4d4d4d;
line-height: 31px;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
font-weight: 400;
-webkit-transition: 0s ease-in-out;
-moz-transition: 0s ease-in-out;
-ms-transition: 0s ease-in-out;
-o-transition: 0s ease-in-out;
transition: 0s ease-in-out;
}
.calendar_wrap table tbody a:hover {
background: #29aae3;
color: #fff;
}
tbody tr {
text-align: center;
font-size: 13px;
}
tfoot {
border-top: 1px solid #c3c3c5;
padding-top: 10px;
}
tfoot a {
font-size: 13px;
font-weight: 400;
}
#prev {
line-height: 36px;
text-align: right;
padding: 0;
}
#prev a {
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
#prev a:hover {
color: #29aae3;
}
#next {
line-height: 36px;
text-align: left;
padding: 0;
}
#next a {
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
#next a:hover {
color: #29aae3;
}
#today {
font-weight: 400;
background: #29aae3;
color: #fff;
}
@media (max-width: 991px) {
.calendar_wrap {
padding: 0 15px;
max-width: 500px;
margin: 0 auto;
}
}
/* Widget Comments */
.widget_recent_comments ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.recentcomments {
padding: 12px 0 11px 0;
border-bottom: 1px solid #f0f0f0;
font-style: italic;
}
.recentcomments .comment-author-link {
position: relative !important;
}
.recentcomments:first-child {
padding-top: 0;
}
.recentcomments:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: 0;
}
.recentcomments a:hover {
color: #29aae3;
}
/* Widget Facebook */
.mh-widget-facebook {
text-align: center;
}
.mh-widget-facebook iframe {
border: none !important;
overflow: hidden !important;
}
@media (min-width: 768px) {
.mh-widget-facebook {
text-align: center;
max-width: 500px;
margin: 0 auto;
}
}
/* Widget Infobox */
.widget-infobox .mdl-button {
margin-bottom: 0;
}
.widget-infobox img[src=""] {
display: none;
}
.widget-infobox__image-wrapper {
max-width: 400px;
margin: 0 auto;
position: relative;
display: block;
}
.widget-infobox__image-wrapper:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
height: 100%;
opacity: 0;
width: 100%;
background: #000;
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1025px) {
.widget-infobox__image-wrapper:hover:after {
opacity: 0.3;
}
}
.widget-infobox__image {
max-width: 100%;
display: block;
margin: 0 auto;
margin-bottom: 12px;
}
.widget-infobox__text {
margin-bottom: 24px;
font-style: italic;
}
/* Widget RSS */
.widget_rss {
overflow: hidden;
}
.widget_rss ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.widget_rss ul li {
margin: 0;
padding-bottom: 36px;
border-bottom: 1px solid #f0f0f0;
padding: 16px 0;
}
.widget_rss ul li:after {
clear: both;
content: "";
display: table;
}
.widget_rss ul li a {
font-size: 16px;
}
.widget_rss ul li:first-child {
padding-top: 0;
}
.widget_rss ul li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.widget_rss .rsswidget {
display: block;
margin-bottom: 12px;
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
.widget_rss .rss-date {
display: block;
font-size: 13px;
margin-bottom: 12px;
}
.widget_rss cite {
font-size: 13px;
}
.widget_rss .rssSummary {
margin-bottom: 12px;
}
.rsswidget:hover {
color: #29aae3;
}
/* Widget Search */
.widget_search {
margin-left: 50px;
}
.widget_search:after {
clear: both;
content: "";
display: table;
}
.widget_search input.search-field {
text-align: right !important;
border-left: 0px solid #fff !important;
}
.widget_search .mdl-button {
position: absolute;
top: 0;
min-width: 46px;
left: -46px;
height: 46px;
line-height: 46px;
}
.widget_search .search-form {
margin-left: 46px;
position: relative;
}
/* Widget Twitter */
.mh-widget-twitter {
color: #607d8a;
}
.mh-widget-twitter .tweet {
position: relative;
padding-right: 30px;
margin-bottom: 24px;
}
.mh-widget-twitter .tweet:last-child {
margin-bottom: 0;
}
@media (min-width: 1025px) {
.mh-widget-twitter .tweet a:hover {
text-decoration: underline;
}
}
.mh-widget-twitter .tweet:before {
content: url("assets/images/twitter.png");
position: absolute;
top: 0;
right: 0;
display: inline-block;
}
/* WPML */
img.wpml-ls-flag {
position: relative;
}
.wpml-ls-menu-item .mega_dropdown {
min-width: initial !important;
width: auto !important;
}
.mh-panel-wpml-languages {
background: #f9f9f9;
padding: 0;
margin-bottom: 12px;
font-size: 13px;
}
.mh-panel-wpml-languages > div {
padding: 12px 18px;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
}
.mh-panel-wpml-languages > div.active {
color: #29aae3;
}
.mh-panel-wpml-languages > div:not(.active):hover {
background: #f0f0f0;
}
.mh-menu-language-switcher-wrapper {
display: inline-block;
float: right;
}
.mh-wpml-top-bar__item {
display: inline-block;
padding: 0;
width: 28px;
margin-top: -2px;
float: right;
}
.myhome-contact-form input,
.mh-search__panel input {
min-height: 46px;
}
/* Popup Login Register */
.mh-popup-login-field--login input[type=text] {
margin-bottom: 9px;
}
.mh-panel-social-buttons-heading {
font-size: 16px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
width: 100% !important;
float: right !important;
}
.mh-popup-login-field--password {
margin-bottom: 6px;
}
.mh-popup-login__info {
padding: 12px 24px 0px 24px;
width: 100%;
font-weight: 700;
font-size: 21px;
text-align: center;
}
.mh-popup-login__login-solo-heading {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 12px;
margin-top: -6px;
}
.mh-popup-window-new {
padding: 24px;
text-align: center;
}
.mh-popup-top-info {
padding: 0 24px 24px 24px;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
background: rgba(255, 255, 255, 0.9);
}
.mh-popup-top-info i {
margin: -24px auto 0 auto;
right: 0;
left: 0;
font-size: 24px;
color: #29aae3;
position: absolute;
top: 50%;
}
.mh-popup-top-msg-error {
margin: -6px 0 12px 0;
color: red;
}
.mh-popup-login__no-registered-user {
font-size: 21px;
margin-bottom: 12px;
}
.mh-popup-login {
display: table-cell !important;
vertical-align: middle;
margin: 0 auto;
z-index: 1000001;
position: relative;
}
.mh-popup-login input,
.mh-popup-login select {
text-align: right !important;
font-style: normal !important;
border: 1px solid #ddd !important;
background: #fff !important;
padding: 4px 12px !important;
}
@media (min-width: 768px) {
.mh-popup-login {
margin-right: auto !important;
margin-left: auto !important;
}
}
@media (max-width: 767px) {
.mh-popup-login {
margin-top: 0 !important;
}
}
.mh-popup-login .bootstrap-select button {
height: 34px;
line-height: 20px;
padding: 6px 10px 6px 14px !important;
text-transform: none;
text-align: right !important;
border: 1px solid #ddd !important;
}
.mh-popup-login .bootstrap-select button .filter-option {
font-style: normal !important;
text-align: right !important;
}
.mh-popup-login__inner__body {
padding: 24px 18px 12px 18px;
background: #fff;
width: 100%;
float: right;
}
.mh-popup-login__inner__body:after {
clear: both;
content: "";
display: table;
}
.mh-popup-login__inner__body h5 {
margin-bottom: 6px;
font-size: 14px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
position: relative;
}
.mh-popup-login__inner__body h3 {
text-align: right;
margin-top: 0;
float: right;
width: 100%;
font-size: 14px;
margin-bottom: 12px;
}
.mh-popup-login__inner__body--reset {
padding-top: 12px;
}
.mh-popup-login__inner {
position: relative;
z-index: 99999999999;
margin-bottom: 24px;
max-width: 400px;
margin-right: auto;
margin-left: auto;
background: #fff;
border-radius: 2px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mh-popup-login__inner:after {
clear: both;
content: "";
display: table;
}
.mh-popup-login__exit {
border: 0px solid transparent;
position: absolute;
background: transparent;
color: #fff;
top: -36px;
left: -8px;
font-size: 36px;
}
.mh-popup-login__rest-password-link {
float: left;
width: 100%;
display: block;
text-align: left;
margin-top: 6px;
color: #444;
font-size: 13px;
}
.mh-popup-login__rest-password-link i {
font-size: 16px;
}
.mh-popup-login__rest-password-link:hover {
color: #222;
}
.tabs {
border-bottom: 5px solid #29aae3;
background-color: white;
float: right;
width: 100%;
}
.mh-popup-login .mh-popup-login__tab-button {
width: 50%;
float: right;
margin-bottom: 0;
line-height: 60px;
font-weight: 700;
text-transform: uppercase;
border: none;
font-size: 16px !important;
text-align: center;
background: transparent;
}
.mh-popup-login .mh-popup-login__tab-button.active {
background: #29aae3;
color: #fff !important;
}
.mdl-button--popup-login,
.mdl-button--popup-register {
width: 100%;
margin-bottom: 6px;
font-weight: 700;
}
.mdl-button--popup-register {
margin-top: 10px;
}
.mh-popup-login__select-role {
margin-bottom: 12px;
}
.mh-popup-login__select-role.open {
z-index: 999999999999999999 !important;
}
.login-pop-up-reset-button {
background: transparent;
border: none;
float: left;
font-size: 14px;
padding-left: 0 !important;
}
.login-pop-up-reset__reset {
margin-right: 12px;
}
.mh-popup-login__reset-password-heading {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 12px;
}
.mh-popup-login__reset-error {
color: red;
margin-top: -6px;
margin-bottom: 18px;
}
.mh-popup-login__reset-input {
margin-bottom: 24px;
}
.mh-popup-login__reset-info {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-register-fields {
margin: 0 -6px;
}
}
.mh-register-field__terms {
position: relative;
margin-bottom: 6px;
margin-top: -6px;
}
.mh-register-field__terms .mh-register-field__terms__box {
position: absolute;
top: 2px;
right: 8px;
}
.mh-register-field__terms .mh-register-field__terms__text {
padding-right: 20px;
}
.mh-register-field__terms .mh-register-field__terms__text a {
color: #29aae3;
text-decoration: underline;
}
@media (min-width: 768px) {
.mh-register-field {
width: 100%;
float: right;
padding: 0 6px;
}
.mh-register-field input[type=text],
.mh-register-field input[type=email],
.mh-register-field input[type=password] {
margin-bottom: 9px !important;
}
}
.mh-register-field--account-type {
width: 100%;
}
.mh-register-field--account-type .btn-group {
margin-bottom: 18px !important;
}
.mh-register-login-field__label {
font-weight: 700;
margin-bottom: 3px;
font-size: 14px;
}
.mh-register-field__password-mismatch {
color: red;
padding: 0px 6px 12px 0;
}
.mh-account_overlay {
position: fixed;
overflow-y: scroll;
padding-top: 0;
padding-right: 12px;
padding-left: 12px;
width: 100vw;
height: 100vh;
transition: 0.5s cubic-bezier(0.25, 0.8, 0.5, 1);
z-index: 1000000;
background-color: rgba(33, 33, 33, 0.5);
}
#myhome-account__inner {
width: 100%;
padding-top: 30px;
display: table !important;
height: 100vh;
transition: 0.5s cubic-bezier(0.25, 0.8, 0.5, 1);
z-index: 1000000;
}
.mh-mdl-remove-button-shadow {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mh-popup-login__back-wrapper {
width: 50%;
float: right;
padding-left: 6px;
}
.mh-popup-login__back-wrapper button {
width: 100% !important;
margin: 0;
}
.mh-popup-login__back-wrapper button i {
margin-left: 12px;
font-size: 14px;
}
.mh-popup-login__reset-wrapper {
width: 50%;
float: right;
padding-right: 6px;
}
.mh-popup-login__reset-wrapper button {
width: 100% !important;
margin: 0;
}
/* Save Search Window */
.mh-save-search-window-wrapper {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
z-index: 1000000;
}
.mh-save-search-window-wrapper input[type=text] {
text-align: center !important;
}
@media (max-width: 767px) {
.mh-save-search-window-wrapper {
position: fixed !important;
top: 0 !important;
right: 0 !important;
width: 90% !important;
height: 100vh !important;
z-index: 1000000 !important;
margin: 0 auto !important;
left: 0 !important;
}
}
.mh-save-search-window {
display: block;
transition: 0.5s cubic-bezier(0.25, 0.8, 0.5, 1);
z-index: 1000002;
}
.mh-save-search-window:after {
position: fixed;
background-color: #212121;
bottom: 0;
content: "";
height: 100%;
right: 0;
opacity: 0.45;
left: 0;
top: 0;
transition: inherit;
transition-delay: .15s;
width: 100%;
z-index: 1000001;
}
.mh-save-search-window input {
text-align: right !important;
font-style: normal !important;
border-color: #ddd !important;
background: #fff !important;
}
.mh-save-search-window__inner {
z-index: 1000003;
max-width: 400px;
border-radius: 2px;
padding: 24px;
background: #fff;
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: -83px auto 0 auto;
}
.mh-save-search-window__exit {
border: 0px solid transparent;
position: absolute;
cursor: pointer;
background: transparent;
color: #fff;
top: -40px;
left: -2px;
font-size: 36px;
}
.mh-search-field-required {
color: red;
margin-bottom: 12px;
display: block;
}
.mh-save-search-window__label {
font-size: 16px;
display: block;
margin-bottom: 12px;
font-weight: 700;
text-align: center;
}
.mh-save-search-window__label--success {
margin-bottom: 0 !important;
color: #4CAF50;
}
/* Agents */
.mh-edit-agents__list__element {
padding: 12px;
background: #f4f4f4;
margin-bottom: 24px;
}
.mh-edit-agents__list__element i {
cursor: pointer;
}
.mh-edit-agents__list__element .btn.primary {
margin: 0;
}
.mh-edit-agents__no-agents {
margin-bottom: 24px;
}
.mh-edit-agents__inv-code {
display: inline-block;
position: relative;
top: 1px;
}
#myhome-panel-agents .btn.primary {
margin: 0;
}
/* Dashboard Info */
.mh-dashboard-info {
background: #f0f0f0;
padding: 0;
}
.mh-dashboard-info__inner {
max-width: 1164px;
margin: 0 auto;
padding: 12px;
}
.mh-dashboard-info__inner:after {
clear: both;
content: "";
display: table;
}
.mh-dashboard-info__properties span {
display: block;
float: right;
width: 100%;
margin-bottom: 6px;
}
@media (min-width: 768px) {
.mh-dashboard-info__properties {
width: 66.66%;
float: right;
margin-bottom: 0;
padding: 6px 0;
}
.mh-dashboard-info__properties > span {
width: 50%;
float: right;
}
}
@media (min-width: 768px) {
.mh-dashboard-info__package {
text-align: left;
width: 33.33%;
float: right;
padding: 0;
}
}
.mh-dashboard-info__package .btn {
width: 100%;
margin: 0 !important;
}
/* Edit Profile */
.mh-edit-profile {
padding: 24px;
background: #fff;
}
.mh-edit-profile:after {
clear: both;
content: "";
display: table;
}
.mh-edit-profile .btn {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mh-edit-profile__password {
padding: 12px 12px;
width: 100%;
float: right;
}
@media (min-width: 768px) {
.mh-edit-profile__password {
padding: 0 24px 0 12px;
width: 50%;
}
}
.mh-edit-profile__image-wrapper {
position: relative;
}
.mh-edit-profile__image-trash {
position: absolute !important;
top: 6px;
background: #fff !important;
left: 6px;
}
.mh-edit-profile__password__inner {
background: #f4f4f4;
padding: 12px 24px 24px 24px;
}
.mh-edit-profile__password__heading {
margin-top: 12px;
margin-bottom: 12px;
}
.mh-edit-profile__inner {
margin: 0 -12px;
}
.mh-edit-profile__info {
padding: 0 12px;
float: right;
width: 100%;
}
@media (min-width: 768px) {
.mh-edit-profile__info {
width: 50%;
}
}
.mh-edit-profile__join-agency {
padding: 24px;
background: #f4f4f4;
margin-top: 24px;
}
.mh-edit-agents {
background: #fff;
padding: 24px;
}
.mh-edit-profile__additional-info-heading {
margin-top: 24px !important;
margin-bottom: 12px !important;
}
.mh-edit-profile__join-agency__heading {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.mh-app__sidebar-nav__avatar-placeholder {
width: 40px;
height: 40px;
cursor: pointer;
border-radius: 50%;
display: block;
background: #fff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-app__sidebar-nav__avatar-placeholder i {
color: #222;
position: absolute;
top: 12px;
right: 0;
left: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.mh-app__sidebar-nav__avatar-placeholder:hover {
background: #29aae3;
}
.mh-app__sidebar-nav__avatar-placeholder:hover i {
color: #fff;
}
.mh-edit-profile__invitations h2 {
margin-top: 24px;
}
.mh-edit-profile__invitations i {
cursor: pointer;
}
.mh-edit-profile__invitations__content {
margin-bottom: 12px;
background: #fff;
padding: 12px 12px 12px 88px;
position: relative;
}
.mh-edit-profile__invitations__icons {
position: absolute;
top: 11px;
left: 0;
}
.mh-edit-profile__invitations__icons i {
margin-left: 12px;
}
.mh-profile-progress-bar {
margin: 36px 0 !important;
}
.mh-edit-profile__has-agency-wrapper {
margin: 24px 0;
}
.mh-edit-profile__has-agency__inner {
position: relative;
background: #f4f4f4;
padding: 12px 12px 12px 40px;
}
.mh-edit-profile__has-agency__inner i {
cursor: pointer;
position: absolute;
top: 12px;
left: 12px;
}
/* Submit Property */
.mh-submit-property__step-content {
margin: 0 auto;
max-width: 767px;
}
@media (min-width: 768px) {
.mh-submit-property__step-content {
padding: 24px;
}
}
.mh-submit-property-progress-linear {
max-width: 1024px !important;
margin: 60px auto !important;
}
.mh-submit-property__main-heading {
margin: 0 12px !important;
font-size: 28px !important;
font-weight: 400 !important;
margin-bottom: 12px !important;
}
@media (min-width: 768px) {
.mh-submit-property__main-heading {
margin: 24px 12px 36px 12px !important;
text-align: center !important;
}
}
.mh-submit-property-loader-bottom {
margin: -24px 12px 0 12px !important;
top: 36px !important;
}
/* Favorite */
@media (min-width: 768px) {
.mh-table-my-favorite {
padding: 0;
}
}
.mh-table-my-favorite table {
margin-bottom: 0;
}
.mh-table-my-favorite tr {
background: #fff !important;
}
.mh-table-my-favorite td {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.mh-table-my-favorite td:nth-child(1),
.mh-table-my-favorite thead > tr > th:nth-child(1) {
display: none;
}
@media (min-width: 768px) {
.mh-table-my-favorite td:nth-child(1),
.mh-table-my-favorite thead > tr > th:nth-child(1) {
display: table-cell !important;
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.mh-table-my-favorite td:nth-child(1) img,
.mh-table-my-favorite thead > tr > th:nth-child(1) img {
width: 120px;
height: auto;
}
}
.mh-table-my-favorite td:nth-child(2),
.mh-table-my-favorite thead > tr > th:nth-child(2) {
word-break: break-all;
}
.mh-table-my-favorite td:nth-child(3),
.mh-table-my-favorite thead > tr > th:nth-child(3) {
min-width: 60px !important;
width: 60px !important;
max-width: 60px !important;
padding-right: 0 !important;
padding-left: 0 !important;
text-align: left !important;
}
.mh-table-my-favorite td:nth-child(3) i,
.mh-table-my-favorite thead > tr > th:nth-child(3) i {
cursor: pointer;
font-size: 16px;
color: #222;
}
.mh-table-my-favorite td:nth-child(3) i:first-child,
.mh-table-my-favorite thead > tr > th:nth-child(3) i:first-child {
margin-left: 6px;
}
#myhome-panel-favorite .progress-linear {
margin: 24px 0;
float: right;
}
/* Fields */
.mh-field {
margin-bottom: 12px;
float: right;
width: 100%;
}
.mh-field > div {
padding-right: 12px;
padding-left: 12px;
}
.mh-field h3 {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-field--1of2 {
width: 50%;
}
.mh-field--1of2 > div {
padding-right: 12px;
padding-left: 12px;
}
}
@media (min-width: 768px) {
.mh-field--1of3 {
width: 33.33%;
}
.mh-field--1of3 > div {
padding-right: 12px;
padding-left: 12px;
}
}
.mh-field__instruction {
margin-top: 0px;
color: #a5a5a5;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-field__instruction {
margin-top: -18px;
}
}
.mh-field__error {
color: #ff5252 !important;
margin: 0 0 12px;
font-size: 16px;
border-radius: 3px;
border: 1px solid #ff5252;
padding: 9px 12px;
background: rgba(255, 201, 201, 0.3);
}
.mh-field-additional-features {
margin-bottom: 12px;
}
.mh-field-additional-features h3 {
margin-bottom: 12px;
}
.mh-field-additional-features:after {
clear: both;
content: "";
display: table;
}
.mh-field-additional-features__content {
background: #fff;
border-radius: 4px;
margin: 0;
}
.mh-field-additional-features__content .mh-grid {
margin-right: -12px;
margin-left: -12px;
}
.mh-field-additional-features__content .mh-grid .mh-grid__1of2 {
min-height: 70px;
}
.mh-field-additional-features__content .mh-grid .mh-grid__1of2:last-of-type .mh-field-additional-features__add-new-heading {
display: none !important;
}
.mh-field-additional-features__content .mh-grid__1of2:first-child {
padding: 12px 12px 18px 12px;
}
@media (min-width: 768px) {
.mh-field-additional-features__content .mh-grid__1of2:first-child {
border-left: 1px solid #f4f4f4;
}
}
.mh-field-additional-features__content .mh-grid__1of2:last-child {
padding: 12px 12px 3px 12px;
}
@media (min-width: 768px) {
.mh-field-additional-features__content .mh-grid__1of2:last-child {
border-right: 1px solid #f4f4f4;
}
}
.mh-field-additional-features__add-new-heading {
margin-top: 6px;
margin-bottom: 12px;
font-weight: 700;
text-align: right;
}
@media (min-width: 768px) {
.mh-field-additional-features__add-new-heading {
text-align: right;
text-align: center;
}
}
.mh-field-additional-features__add-btn {
margin: 0 !important;
}
.mh-field-additional-features__added:after {
clear: both;
content: "";
display: table;
}
.mh-field-additional-features__added__row {
padding: 12px 12px 12px 50px;
width: 100%;
background: #f4f4f4;
margin-bottom: 12px;
float: right;
position: relative;
}
.mh-field-additional-features__added__row i {
position: absolute;
top: 12px;
left: 12px;
cursor: pointer;
}
body[class*=mh-panel-body__dashboard-properties-] .mh-field-additional-features__content {
background: #f4f4f4 !important;
}
@media (min-width: 768px) {
body[class*=mh-panel-body__dashboard-properties-] .mh-field-additional-features__content .mh-grid__1of2:first-child {
border-color: #fff !important;
}
}
@media (min-width: 768px) {
body[class*=mh-panel-body__dashboard-properties-] .mh-field-additional-features__content .mh-grid__1of2:last-child {
border-color: #fff !important;
}
}
body[class*=mh-panel-body__dashboard-properties-] .mh-field-additional-features__content .mh-field-additional-features__added > div {
background: #fff !important;
}
.mh-field-attachment {
margin-bottom: 12px;
}
.mh-field-attachment .list__tile,
.mh-field-attachment .list {
padding: 0 !important;
}
.mh-field-attachment__content {
overflow: hidden;
border-radius: 4px;
min-height: 64px;
background: #fff;
margin-bottom: 24px;
}
.mh-field-attachment__add {
margin: 0 !important;
}
.mh-field-attachment__delete {
top: 0 !important;
right: -12px !important;
color: #222 !important;
background: #fff !important;
}
.mh-field-attachment__row {
background: #fff;
padding: 12px 12px 0 12px;
}
.mh-field-featured-checkbox {
margin-right: -3px !important;
}
.mh-field-featured-checkbox .input-group__details {
display: none !important;
}
.mh-field-featured-checkbox label {
margin-right: -3px !important;
margin-top: -3px !important;
}
.mh-field-featured-checkbox .input-group--selection-controls__ripple {
margin-top: -3px;
}
.mh-field-featured-image {
margin-bottom: 12px;
}
.mh-field-featured-image:after {
clear: both;
content: "";
display: table;
}
.mh-field-featured-image .mh-field-gallery__single {
padding: 0;
}
.mh-field-featured-image .mh-field-gallery__single > div {
padding: 0;
width: 100%;
min-height: 40px;
background: #fff !important;
margin-bottom: 0;
}
@media (min-width: 768px) {
.mh-field-featured-image .mh-field-gallery__single > div {
max-width: 400px;
height: 250px;
}
}
.mh-field-featured-image .progress-circular {
margin-top: 9px;
}
.mh-field-featured-image__content {
width: 100%;
background: #fff;
border-radius: 4px;
float: right;
margin: 0 0 24px 0;
padding: 12px;
min-height: 64px;
}
.mh-field-featured-image__content .mh-field-gallery__single {
width: 100%;
}
.mh-field-featured-image__content .mh-field-gallery__single {
margin-bottom: 0;
}
@media (min-width: 768px) {
.mh-field-featured-image__content {
max-width: 424px;
}
}
.mh-field-featured-image__upload {
margin: 0 !important;
}
.mh-field-featured-image__single {
position: relative;
margin-bottom: 12px;
overflow: hidden;
padding-bottom: 62.5%;
}
.mh-field-featured-image__single > div {
background: #f4f4f4;
padding: 12px;
position: relative;
height: 150px;
}
.mh-field-featured-image__single > div img {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.mh-field-featured-image__remove {
position: absolute;
top: 0;
left: 0;
}
.mh-field-featured-image__remove button {
background: #fff;
border-radius: 50%;
box-shadow: none;
}
.mh-field-featured-image__label {
text-align: center;
font-weight: 700;
}
.mh-field-featured-image__single {
position: relative;
display: inline-block;
margin-bottom: 12px;
}
.mh-panel__upload-gallery__remove {
text-align: left;
}
.mh-panel__upload-gallery__remove button {
background: #fff;
}
.mh-panel__upload-gallery__icon-placeholder i {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: -50px auto 0 auto;
font-size: 100px;
color: #f4f4f4;
display: block;
text-align: center;
height: 100px;
}
.mh-field-gallery {
margin-bottom: 12px;
}
.mh-field-gallery__images-wrapper {
overflow: initial;
background: #fff;
padding: 6px 3px 0 3px;
float: right;
border-radius: 4px;
margin: 0 0px 24px 0;
min-height: 64px;
width: 100%;
}
@media (min-width: 768px) {
.mh-field-gallery__images-wrapper {
padding: 12px 6px 0px;
}
}
.mh-field-gallery__single {
position: relative;
overflow: hidden;
float: right;
width: 50%;
padding-right: 3px;
padding-left: 3px;
margin-bottom: 6px;
}
@media (min-width: 767px) {
.mh-field-gallery__single {
padding-right: 6px;
padding-left: 6px;
width: 33.33%;
margin-bottom: 12px;
}
}
.mh-field-gallery__single > div {
overflow: hidden;
background: #f4f4f4;
max-width: 400px;
padding-bottom: 62.5%;
position: relative;
margin-bottom: 12px;
}
.mh-field-gallery__single > div img {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.mh-field-gallery__single > div:last-child {
margin-bottom: 0;
}
.mh-field-gallery__progress__inner {
top: 50%;
position: absolute;
margin: -27px auto 0 auto;
width: 100%;
text-align: center;
right: 0;
left: 0;
padding: 0 12px;
}
.mh-field-gallery__progress__text {
text-align: center;
font-weight: 700;
}
.mh-field-gallery__remove {
position: absolute;
top: 0;
left: 0;
}
.mh-field-gallery__remove button {
background: #fff;
border-radius: 50%;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mh-field-gallery__upload {
margin: 0 !important;
}
.mh-field-map {
margin-bottom: 12px;
}
.mh-field-map .input-group {
padding-top: 0 !important;
}
.mh-field-map .checkbox .input-group__input {
margin-bottom: 6px;
margin-top: 3px;
}
.mh-field-map .mh-panel-submit__instruction {
margin-top: -6px;
margin-bottom: 6px;
}
.mh-field-map .input-group--selection-controls__ripple {
margin-top: -3px;
}
.mh-field-map .checkbox .input-group__details {
display: none;
}
.mh-field-map .input-group--text-field .input-group__details {
min-height: 2px;
}
.mh-field-map .checkbox {
margin-top: 6px;
}
.mh-field-map .checkbox .input-group__input {
margin-right: -2px !important;
}
.mh-field-map .checkbox label {
margin-right: -6px;
}
.mh-field-map__location {
height: 300px;
}
@media (min-width: 768px) {
.mh-field-map__location {
height: 400px;
}
}
#mh-field-location::placeholder {
font-family: Roboto, sans-serif !important;
color: rgba(0, 0, 0, 0.54) !important;
}
.mh-field-plans {
margin-bottom: 12px;
}
.mh-field-plans .btn {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mh-field-plans button.btn.btn--icon {
background: #f4f4f4;
margin-top: 12px;
}
.mh-field-plans .mh-panel-submit__plan-error {
background: red;
color: #fff;
margin-bottom: 24px;
padding: 12px;
}
.mh-field-plans__list {
overflow: hidden;
border-radius: 4px;
min-height: 64px;
background: #fff;
margin-bottom: 24px;
padding: 12px;
}
.mh-field-plans__list__row {
display: flex;
}
.mh-field-plans__list__row:last-child {
margin-bottom: -12px;
}
.mh-field-plans__list__image {
width: 60px;
padding-left: 12px;
}
.mh-field-plans__list__image img {
border-radius: 50%;
width: 48px;
height: 48px;
margin-top: 3px;
}
.mh-field-plans__list__image__icon {
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
background: #29aae3;
border-radius: 50%;
}
.mh-field-plans__list__image__icon i {
color: #fff !important;
font-size: 31px;
}
.mh-field-plans__list__text {
flex-grow: 3;
}
.mh-field-plans__list__remove {
margin-right: 12px;
padding-top: 12px;
}
.mh-field-plans__list__remove i {
padding: 8px;
cursor: pointer;
font-size: 27px;
}
/* General */
.mh-app-wrapper {
background: #fafafa;
min-height: 200px;
}
.mh-app-wrapper h1, .mh-app-wrapper h2, .mh-app-wrapper h3, .mh-app-wrapper h4, .mh-app-wrapper h5 {
display: block;
width: 100%;
font-family: Lato, Arial, Helvetica, sans-serif !important;
}
.mh-app-wrapper h1 {
font-size: 36px;
}
@media (min-width: 768px) {
.mh-app-wrapper h1 {
margin-bottom: 24px;
}
}
.mh-app-wrapper h2 {
font-size: 21px;
font-weight: 400;
}
@media (min-width: 768px) {
.mh-app-wrapper h2 {
margin-bottom: 24px;
}
}
.mh-app-wrapper h3 {
margin-bottom: 12px;
font-size: 21px;
}
@media (min-width: 768px) {
.mh-app-wrapper h3 {
margin-bottom: 24px;
}
}
.mh-app-wrapper a:not(.btn) {
color: #222;
}
.mh-app-wrapper a:not(.btn):hover, .mh-app-wrapper a:not(.btn):active, .mh-app-wrapper a:not(.btn):focus {
color: #222;
}
@media (max-width: 767px) {
.mh-app-wrapper button.secondary {
width: 100%;
}
}
.mh-app-wrapper .secondary {
background-color: #666 !important;
border-color: #666 !important;
}
.mh-app-wrapper .btn.btn--large .icon--left {
margin-right: -10px;
}
.mh-app-wrapper .btn.btn--large .icon--right {
margin-left: -10px;
}
.mh-app-wrapper .card {
box-shadow: none;
}
.mh-app-wrapper .mh-card-big-title {
font-size: 33px;
}
.mh-app-wrapper td,
.mh-app-wrapper th {
border: none;
}
.mh-app-wrapper .primary {
background-color: #29aae3;
border-color: #29aae3;
}
.mh-app-wrapper .list__tile__content .list__tile__title .list__tile__mask {
background: #29aae3;
color: #fff;
}
@media (max-width: 767px) {
.mh-app-wrapper .btn.btn--depressed.secondary {
min-height: 44px;
}
}
.alert.alert {
text-align: right !important;
}
.application--wrap {
min-height: initial !important;
}
.mh-panel-app-spacing {
padding: 12px 12px 24px 12px;
}
@media (min-width: 768px) {
.mh-panel-app-spacing {
padding: 36px 12px 36px 12px;
}
}
.mh-panel-submit__title {
margin: 0;
}
@media (min-width: 768px) {
.mh-panel-submit__title {
padding: 0 12px 0 12px;
}
}
.mh-edit-property,
.mh-favorite,
.mh-page-properties,
.mh-save-search {
padding: 24px 24px 36px 24px;
}
@media (min-width: 768px) {
.mh-2-col-title .mh-2-col-title__col {
float: right;
width: 50%;
padding-left: 12px;
}
.mh-2-col-title .mh-2-col-title__col:last-child {
padding-right: 12px;
padding-left: 0;
}
}
.mh-2-col-title h1 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.mh-2-col-title h1 {
margin-bottom: 24px;
}
}
.dialog {
text-align: center;
background: #fff;
padding: 24px;
max-width: 400px;
}
.overlay.overlay--active {
z-index: 100000 !important;
}
.dialog__content.dialog__content__active {
z-index: 100001 !important;
}
.application .theme--light.list, .theme--light .list {
background: transparent !important;
}
/* Login */
.mh-login-register-panel {
padding: 24px 18px 12px 18px;
max-width: 400px;
width: 100%;
margin: 0 auto;
background: #fff;
}
.mh-login-register-panel:after {
clear: both;
content: "";
display: table;
}
.mh-login-register-panel #mh-login-captcha {
margin: 12px 0;
}
#mh-login-captcha {
height: 78px;
}
.mh-login-captcha {
margin: 12px 0;
}
.mh-register-captcha {
margin: 6px 0 18px 0;
}
.mh-register-terms {
position: relative;
margin-bottom: 18px;
}
.mh-register-terms .mh-register-terms__box {
position: absolute;
top: 1px;
right: 0px;
}
.mh-register-terms .mh-register-terms__text {
padding-right: 30px;
}
.mh-register-terms .mh-register-terms__text a {
text-decoration: underline;
color: #29aae3;
}
.mh-submit-captcha-submit-property {
width: 100%;
float: right;
}
.mh-submit-captcha-submit-property:after {
clear: both;
content: "";
display: table;
}
.mh-submit-captcha-submit-property #mh-submit-captcha {
width: 100%;
float: left;
margin: 0 12px 12px 12px;
}
.mh-submit-captcha-submit-property #mh-submit-captcha > div {
float: left;
}
.mh-popup-login-fields-login-captcha:after {
clear: both;
content: "";
display: table;
}
.mh-popup-login-fields-register-captcha {
float: right;
width: 100%;
margin: 6px 0 12px 0;
}
.mh-popup-login-fields-register-captcha:after {
clear: both;
content: "";
display: table;
}
.mh-popup-login #mh-login-captcha {
margin-bottom: 18px;
margin-top: 12px;
}
.mh-login-register-panel__heading {
color: #222;
margin-bottom: 12px;
}
.mh-login-register-panel__heading h3 {
margin-bottom: 0 !important;
line-height: 1 !important;
}
.mh-panel-login-buttons .mh-panel-login-buttons__remember .checkbox > label {
top: -4px;
margin-right: 8px;
}
@media (min-width: 768px) {
.mh-panel-login-buttons .mh-panel-login-buttons__remember .checkbox > label {
top: -1px;
}
}
.mh-panel-login-buttons .mh-panel-login-buttons__remember .input-group__details {
display: none;
}
@media (min-width: 768px) {
.mh-panel-login-buttons .mh-panel-login-buttons__remember {
width: 40%;
float: right;
}
.mh-panel-login-buttons .mh-panel-login-buttons__remember > div {
margin-top: 19px;
}
.mh-panel-login-buttons .mh-panel-login-buttons__remember label {
font-size: 13px !important;
margin-top: -3px !important;
}
}
.mh-panel-login-buttons .mh-panel-login-buttons__right {
width: 100%;
margin-top: 12px;
float: right;
text-align: left;
}
.mh-panel-login-buttons .mh-panel-login-buttons__right:after {
clear: both;
content: "";
display: table;
}
.mh-panel-login-buttons .mh-panel-login-buttons__right div {
display: inline-block;
line-height: 36px;
float: right;
line-height: 36px;
width: 100%;
}
@media (min-width: 768px) {
.mh-panel-login-buttons .mh-panel-login-buttons__right div {
width: auto;
float: left;
}
}
@media (min-width: 768px) {
.mh-panel-login-buttons .mh-panel-login-buttons__right {
width: 60%;
}
}
.mh-panel-login-buttons .mh-panel-login-buttons__register button {
width: 100%;
background: #f4f4f4 !important;
margin: 12px 0 0 0;
}
@media (min-width: 768px) {
.mh-panel-login-buttons .mh-panel-login-buttons__register button {
margin: 0 0 0 0;
width: auto;
float: left;
}
}
.mh-panel-login-buttons .mh-panel-login-buttons__login button {
width: 100%;
}
@media (min-width: 768px) {
.mh-panel-login-buttons .mh-panel-login-buttons__login button {
width: auto;
margin-left: 0;
margin-right: 6px !important;
}
}
.mh-panel-login-buttons .mh-panel-login-buttons__login .primary {
margin: 0;
}
@media (min-width: 768px) {
.mh-panel-login-buttons .mh-panel-login-buttons__login .primary {
position: relative;
top: -2px;
}
}
.mh-panel-register-buttons {
text-align: left;
}
.mh-panel-register-buttons .btn:last-child {
margin-left: 0;
}
.mh-panel-register-buttons .btn.btn--flat {
width: 100%;
}
@media (min-width: 768px) {
.mh-panel-register-buttons .btn.btn--flat {
display: inline-block;
width: auto;
}
}
.mh-panel-register-buttons .primary {
width: 100%;
margin: 0 0 12px 0;
}
@media (min-width: 768px) {
.mh-panel-register-buttons .primary {
width: auto;
}
}
.mh-panel-register-buttons__back {
width: 50%;
padding-left: 6px;
float: right;
}
.mh-panel-register-buttons__back button {
width: 100% !important;
margin: 0;
background: #f4f4f4 !important;
}
.mh-panel-register-buttons__back button i {
margin-left: 6px;
}
.mh-panel-register-buttons__register {
width: 50%;
padding-right: 6px;
float: right;
}
.mh-panel-register-buttons__register button {
width: 100% !important;
}
.mh-panel-login-buttons {
float: right;
width: 100%;
margin-bottom: 12px;
}
.mh-popup-login__inner__body .mdl-button--popup-login[disabled=disabled],
.mdl-button--popup-register[disabled=disabled] {
color: #f4f4f4 !important;
background: #ccc !important;
opacity: 1 !important;
}
.mh-popup-login__inner__body .mdl-button--popup-login[disabled=disabled]:before,
.mdl-button--popup-register[disabled=disabled]:before {
opacity: 0 !important;
}
/* Login Social Buttons */
.mh-panel-login-social-buttons:after {
clear: both;
content: "";
display: table;
}
.mh-panel-login-social-buttons .mh-panel-login-social-buttons__all-buttons {
margin: 0 -6px;
}
.mh-panel-login-social-buttons .mh-panel-login-social-buttons__all-buttons > div {
width: 100%;
float: right;
padding: 0 6px;
}
@media (min-width: 768px) {
.mh-panel-login-social-buttons .mh-panel-login-social-buttons__all-buttons > div {
width: 50%;
}
}
.mh-panel-login-social-buttons .mh-panel-login-social-buttons__all-buttons > div button {
font-size: 11px !important;
margin: 0 0 6px 0 !important;
width: 100%;
height: 36px !important;
position: relative;
}
.mh-panel-login-social-buttons .mh-panel-login-social-buttons__all-buttons > div button:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
opacity: 0;
background: rgba(255, 255, 255, 0.1);
z-index: 99999999999999999;
}
.mh-panel-login-social-buttons .mh-panel-login-social-buttons__all-buttons > div button:hover:after {
opacity: 1;
}
.mh-panel-login-social-buttons button {
color: #fff !important;
overflow: hidden;
text-align: right !important;
border-radius: 2px !important;
border: 0px solid transparent;
text-transform: uppercase;
}
.mh-panel-login-social-buttons button:before {
font-family: "Font Awesome 5 Brands" !important;
font-weight: normal;
font-style: normal;
background: rgba(0, 0, 0, 0.2);
display: inline-block;
text-decoration: inherit;
position: absolute;
right: 0;
top: 0;
line-height: 36px;
height: 36px;
font-size: 16px;
padding: 0 10px;
}
.mh-panel-login-social-buttons .btn__content {
display: block !important;
text-align: right !important;
line-height: 36px;
padding-right: 44px !important;
}
.mh-panel-login-social-buttons button[data-name=facebook] {
background: #3b5998 !important;
}
.mh-panel-login-social-buttons button[data-name=facebook]:before {
content: "\f082";
}
.mh-panel-login-social-buttons button[data-name=twitter] {
background: #55acee !important;
}
.mh-panel-login-social-buttons button[data-name=twitter]:before {
content: "\f099";
}
.mh-panel-login-social-buttons button[data-name=linkedin] {
background: #007bb6 !important;
}
.mh-panel-login-social-buttons button[data-name=linkedin]:before {
content: "\f0e1";
}
.mh-panel-login-social-buttons button[data-name=instagram] {
background: #e4405f !important;
}
.mh-panel-login-social-buttons button[data-name=instagram]:before {
content: "\f16d";
}
.mh-panel-login-social-buttons button[data-name=google] {
background: #dd4b39 !important;
}
.mh-panel-login-social-buttons button[data-name=google]:before {
content: "\f1a0";
}
.mh-panel-login-social-buttons button[data-name=yahoo] {
background: #410093 !important;
}
.mh-panel-login-social-buttons button[data-name=yahoo]:before {
content: "\f19e";
}
.mh-panel-login-social-buttons__heading {
width: 100%;
margin-bottom: 6px;
margin-top: 12px;
}
/* Menu */
.mh-app__sidebar-nav {
transform: none !important;
margin-bottom: 24px;
height: initial !important;
padding: 0 !important;
width: initial !important;
}
.mh-app__sidebar-nav .navigation-drawer {
padding: 0 !important;
}
.mh-app__sidebar-nav .toolbar__content {
border-bottom: 2px solid #fff;
}
.mh-app__sidebar-nav .toolbar__content {
height: 80px !important;
background: #eee !important;
}
.mh-app__sidebar-nav .active .list__tile {
background: #eeeeee !important;
}
.mh-app__sidebar-nav .list__tile--link:hover {
background: #eeeeee !important;
}
.mh-app__sidebar-nav .list__tile__title {
margin-top: 3px;
margin-right: 3px;
font-weight: 400;
}
.mh-app__sidebar-nav .avatar + .list__tile__title {
font-weight: 700;
}
.mh-app__sidebar-nav .list .list__tile.list__tile--link {
height: 48px;
}
.mh-app__sidebar-nav .list--dense {
padding-bottom: 0;
}
.mh-app__sidebar-nav .list__tile__action {
width: 40px;
}
.mh-app__sidebar-nav .avatar {
min-height: 40px !important;
min-width: 40px !important;
height: 40px !important;
width: 40px !important;
background: #fff;
display: inline-block;
margin-left: 12px;
}
.mh-app__sidebar-nav .avatar img {
min-height: 40px !important;
min-width: 40px !important;
height: 40px !important;
width: 40px !important;
}
.mh-app__sidebar-nav .navigation-drawer__border {
display: none;
}
/* My Properties */
@media (min-width: 768px) {
.mh-table-my-properties {
padding: 0;
}
.mh-table-my-properties table {
margin-bottom: 0;
}
.mh-table-my-properties tr {
background: #fff !important;
}
.mh-table-my-properties td {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.mh-table-my-properties .mh-table-my-properties__td-id,
.mh-table-my-properties .mh-table-my-properties__id {
text-align: right !important;
padding: 0 !important;
min-width: 48px !important;
width: 48px !important;
max-width: 48px !important;
}
.mh-table-my-properties .mh-table-my-properties__image,
.mh-table-my-properties .mh-table-my-properties__td-image {
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.mh-table-my-properties .mh-table-my-properties__image img,
.mh-table-my-properties .mh-table-my-properties__td-image img {
width: 120px;
height: auto;
}
.mh-table-my-properties .mh-table-my-properties__td-action,
.mh-table-my-properties .mh-table-my-properties__actions {
min-width: 60px !important;
width: 60px !important;
max-width: 60px !important;
padding-right: 0 !important;
padding-left: 0 !important;
text-align: left !important;
}
.mh-table-my-properties .mh-table-my-properties__td-action i,
.mh-table-my-properties .mh-table-my-properties__actions i {
cursor: pointer;
font-size: 16px;
color: #222;
}
.mh-table-my-properties .mh-table-my-properties__td-action i:first-child,
.mh-table-my-properties .mh-table-my-properties__actions i:first-child {
margin-left: 6px;
}
}
.mh-table-my-properties__td-mod-buttons {
padding-left: 0 !important;
}
.mh-table-my-properties__td-mod-buttons__button {
background: #f4f4f4;
margin: 6px 0;
float: right;
width: 100%;
cursor: pointer;
display: block;
text-align: right;
overflow: hidden;
border-radius: 2px !important;
margin-left: 12px;
font-size: 13px !important;
color: #4d4d4d !important;
padding: 3px 38px 3px 6px;
position: relative;
z-index: 3;
}
@media (min-width: 768px) {
.mh-table-my-properties__td-mod-buttons__button {
margin: 0 0 6px 0;
}
}
.mh-table-my-properties__td-mod-buttons__button:before {
background: #cacaca;
width: 30px;
z-index: 4;
height: 100%;
content: '';
position: absolute;
top: 0;
right: 0;
}
.mh-table-my-properties__td-mod-buttons__button i {
z-index: 5;
font-size: 19px;
line-height: 9px;
margin-left: 3px;
position: absolute;
top: 8px;
right: 5px;
}
.mh-table-my-properties__td-mod-buttons__button:hover {
color: #000 !important;
}
.mh-panel-body__dashboard-moderation .mh-table-my-properties thead > tr > th {
padding-left: 0 !important;
}
.mh-modal-delete-property-dialog {
text-align: center;
}
.mh-modal-delete-property-dialog div {
width: 100%;
}
.mh-table-my-properties__td-restore-delete,
.mh-panel-body__dashboard-trash .mh-table-my-properties th:last-child {
text-align: left !important;
padding-left: 0 !important;
}
.mh-table-my-properties__td-restore-delete button,
.mh-panel-body__dashboard-trash .mh-table-my-properties th:last-child button {
margin-left: 0 !important;
}
.mh-panel-body__dashboard-moderation th:last-of-type,
.mh-panel-body__dashboard-trash th:last-of-type,
.mh-table-my-properties__td-mod-buttons,
.mh-table-my-properties__td-restore-delete {
text-align: center !important;
max-width: 150px !important;
min-width: 150px !important;
width: 150px !important;
}
/* Search Table */
@media (min-width: 768px) {
.mh-my-search-table {
padding: 0;
}
}
.mh-my-search-table table {
margin-bottom: 0 !important;
word-break: break-word;
}
.mh-my-search-table tr {
background: #fff !important;
}
@media (min-width: 768px) {
.mh-my-search-table .mh-my-search-table__id,
.mh-my-search-table thead > tr > th:nth-child(1) {
padding: 12px 0 !important;
min-width: 200px !important;
width: 200px !important;
max-width: 200px !important;
text-align: right !important;
}
}
@media (min-width: 768px) {
.mh-my-search-table .mh-my-search-table__id {
padding: 12px 0 !important;
}
}
@media (min-width: 768px) {
.mh-my-search-table thead > tr > th:nth-child(1) {
padding: 0 !important;
}
}
@media (min-width: 768px) {
.mh-my-search-table .mh-my-search-table__name,
.mh-my-search-table thead > tr > th:nth-child(2) {
padding: 12px 0 !important;
min-width: 200px !important;
width: 200px !important;
max-width: 200px !important;
text-align: right !important;
}
}
.mh-my-search-table .mh-my-search-table__delete,
.mh-my-search-table thead > tr > th:nth-child(3) {
text-align: center !important;
}
@media (min-width: 768px) {
.mh-my-search-table .mh-my-search-table__delete,
.mh-my-search-table thead > tr > th:nth-child(3) {
min-width: 60px !important;
width: 60px !important;
max-width: 60px !important;
text-align: left !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.mh-my-search-table .mh-my-search-table__delete i,
.mh-my-search-table thead > tr > th:nth-child(3) i {
cursor: pointer;
font-size: 16px;
color: #222;
}
.mh-my-search-table .mh-my-search-table__delete i:first-child,
.mh-my-search-table thead > tr > th:nth-child(3) i:first-child {
margin-left: 6px;
}
}
#myhome-panel-searches .progress-linear {
margin: 24px 0;
float: right;
}
/* Reset Password */
.mh-rest-password-link {
float: left;
width: 100%;
display: block;
text-align: left;
margin-top: 12px;
color: #444;
font-size: 13px;
}
.mh-rest-password-link i {
font-size: 16px;
}
.mh-rest-password-link:hover {
color: #222;
}
/* Steps */
.mh-app-wrapper .stepper,
.mh-app-wrapper .stepper__header {
box-shadow: none !important;
}
.mh-app-wrapper .stepper__header {
background: #f0f0f0;
padding-top: 12px;
}
.mh-app-wrapper .mh-submit-property__step-content {
padding: 0;
}
.mh-app-wrapper .stepper__label {
width: 100% !important;
text-align: center !important;
display: none !important;
}
@media (min-width: 768px) {
.mh-app-wrapper .stepper__label {
display: block !important;
}
}
.mh-app-wrapper .stepper__content {
padding-right: 0 !important;
padding-left: 0 !important;
}
.mh-app-wrapper .stepper .stepper__label {
text-shadow: none !important;
font-size: 14px;
color: #333;
line-height: 1.2;
}
.mh-app-wrapper .stepper .stepper__step--active .stepper__label {
color: #444444;
}
.mh-app-wrapper .stepper__header .divider {
background: #fff !important;
margin: 34px -80px 0 !important;
height: 3px;
}
.mh-app-wrapper .stepper__header .stepper__step--complete + .divider {
background: #29aae3;
}
.mh-app-wrapper .stepper__header {
max-width: 1170px !important;
margin: 0 auto !important;
background: transparent !important;
}
.mh-app-wrapper .stepper {
background: #f0f0f0 !important;
}
.mh-app-wrapper .stepper__items {
background: #fafafa !important;
}
.mh-app-wrapper .container {
max-width: 1170px;
}
.mh-app-wrapper .stepper__step__step {
font-weight: 700;
}
.mh-app-wrapper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step {
background: #fff !important;
color: #222;
}
/* Submit Property Buttons */
.mh-submit-property-buttons {
text-align: center;
width: 100%;
margin-top: 12px;
}
.mh-submit-property-buttons:after {
clear: both;
content: "";
display: table;
}
@media (min-width: 768px) {
.mh-submit-property-buttons {
padding: 24px 0 36px;
margin: 0 12px 0;
}
}
.mh-submit-property-buttons button {
margin: 0;
width: auto;
}
.mh-submit-property-buttons .mh-submit-property-buttons__back {
margin-bottom: 12px;
margin-right: 12px;
margin-left: 12px;
}
.mh-submit-property-buttons .mh-submit-property-buttons__back button {
width: 100%;
}
@media (min-width: 768px) {
.mh-submit-property-buttons .mh-submit-property-buttons__back {
width: 50%;
margin-right: initial;
margin-left: initial;
float: right;
text-align: right;
}
.mh-submit-property-buttons .mh-submit-property-buttons__back button {
width: auto;
}
}
.mh-submit-property-buttons .mh-submit-property-buttons__continue {
margin-bottom: 12px;
padding-right: 12px;
padding-left: 12px;
}
.mh-submit-property-buttons .mh-submit-property-buttons__continue > div {
margin-top: -24px;
margin-bottom: 12px;
color: red;
}
.mh-submit-property-buttons .mh-submit-property-buttons__continue button {
width: 100%;
}
@media (min-width: 768px) {
.mh-submit-property-buttons .mh-submit-property-buttons__continue {
width: 50%;
float: left;
text-align: left;
padding-right: 0px;
padding-left: 0px;
}
.mh-submit-property-buttons .mh-submit-property-buttons__continue button {
width: auto;
}
}
.mh-submit-property-buttons .mh-submit-property-buttons__submit {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.mh-submit-property-buttons .mh-submit-property-buttons__submit {
width: 100%;
float: right;
text-align: center;
}
}
/* Edit Property */
.mh-edit-next-step__heading {
padding: 12px;
}
.mh-edit-property-loader-top {
margin: 36px 0 12px 6px !important;
overflow: hidden;
}
.mh-edit-next-step > .layout {
margin: 0 -9px;
}
.mh-edit-property-loader-bottom {
margin: -12px 0px 24px 6px !important;
overflow: hidden;
top: 36px !important;
}
.mh-edit-property-button {
padding: 24px 3px 0 0px;
text-align: left;
}
.mh-edit-property .mh-field-gallery__single > div {
background: #fff !important;
}
.mh-edit-property .mh-field-plans__list,
.mh-edit-property .mh-field-gallery__images-wrapper {
background: #f4f4f4 !important;
}
.mh-edit-property .mh-field-featured-image .mh-field-gallery__single > div,
.mh-edit-property .mh-field-featured-image__content {
background: #f4f4f4 !important;
}
.mh-edit-property .mh-panel__upload-gallery__icon-placeholder i {
color: #fff !important;
}
/* Modal */
.mh-modal-package__text {
text-align: center;
margin-bottom: 12px;
}
/* WooCommerce General */
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6 {
font-family: Lato, Arial, Helvetica, sans-serif;
}
.woocommerce h3 {
margin-bottom: 12px;
}
.woocommerce .input-text, .woocommerce select, .woocommerce textarea {
padding: 12px;
border: 1px solid #c5c5c5;
}
.woocommerce .input-text, .woocommerce select {
height: 46px;
margin-bottom: 12px !important;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
margin-bottom: 24px;
}
/* WooCommerce Cart */
.woocommerce-cart {
background: #fafafa;
}
.woocommerce-cart table.shop_table.woocommerce-cart-form__contents button.button {
margin-left: 9px;
padding: 16px 18px;
}
.woocommerce-cart table.shop_table.woocommerce-cart-form__contents button.button:disabled {
opacity: 0.4;
}
.woocommerce-cart table.shop_table.woocommerce-cart-form__contents th {
font-weight: 400;
border: 1px solid transparent !important;
}
.woocommerce-cart table.shop_table.woocommerce-cart-form__contents td {
border: 1px solid transparent !important;
border-top: 1px solid #fafafa !important;
}
.woocommerce-cart table.shop_table.woocommerce-cart-form__contents tbody tr:last-child td {
border: 1px solid transparent !important;
border-top: 1px solid #fafafa !important;
padding: 12px 0 0 0;
}
.woocommerce-cart .product-thumbnail {
display: none;
}
.woocommerce-cart .quantity .qty {
width: 60px;
margin-bottom: 0 !important;
}
.woocommerce-cart .product-remove .remove {
background: transparent !important;
background-image: url("assets/images/close.png") !important;
background-size: 30px 30px;
border: 0px solid transparent;
width: 30px;
height: 30px;
font-size: 0px;
}
.woocommerce-cart table.shop_table {
border: 0 transparent;
border-radius: 0;
background: #fff;
padding: 0;
}
@media (min-width: 768px) {
.woocommerce-cart table.shop_table {
padding: 6px 18px 0 18px;
}
}
.woocommerce-cart #coupon_code {
width: 100%;
padding-right: 12px;
}
@media (min-width: 768px) {
.woocommerce-cart #coupon_code {
width: 200px;
margin: 0;
}
}
.woocommerce-cart .coupon {
padding: 0 12px;
}
.woocommerce-cart input.button[name=apply_coupon] {
width: 100% !important;
height: 46px !important;
border-radius: 0 !important;
}
@media (min-width: 768px) {
.woocommerce-cart input.button[name=apply_coupon] {
width: auto !important;
margin-right: 3px;
}
}
.woocommerce-cart .checkout-button {
background: #29aae3;
border-radius: 0 !important;
text-transform: uppercase;
padding: 16px 18px;
color: #fff !important;
}
.woocommerce-cart .shop_table tr,
.woocommerce-cart .shop_table th,
.woocommerce-cart .shop_table td {
border: none;
}
/* WooCommerce Checkout */
.woocommerce-checkout {
background: #fafafa;
}
.woocommerce-checkout .woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table {
padding-right: 9px;
padding-left: 9px;
}
.woocommerce-checkout .woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table td {
border-top: 1px solid #fff;
}
.woocommerce-checkout button[type=submit] {
background: #29aae3;
border-radius: 0 !important;
text-transform: uppercase;
padding: 16px 18px;
color: #fff !important;
}
.woocommerce-checkout .woocommerce-checkout td, .woocommerce-checkout .woocommerce-checkout th {
border: 0px solid transparent !important;
}
.woocommerce-checkout .wc_payment_method label {
top: -2px;
position: relative;
}
.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
padding: 12px;
background: #fff;
border: none;
border-radius: 0;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
padding: 12px;
background: #fff;
margin-bottom: 24px;
}
.woocommerce-checkout textarea#order_comments {
height: 150px;
border: 1px solid #c5c5c5;
}
.woocommerce-checkout li.wc_payment_method {
padding-bottom: 12px;
position: relative;
float: right;
width: 100%;
}
.woocommerce-checkout .about_paypal {
float: none !important;
line-height: 1 !important;
padding-right: 12px !important;
font-size: 13px !important;
}
.woocommerce-checkout #payment.woocommerce-checkout-payment {
background: transparent;
padding: 0;
}
.woocommerce-checkout #payment.woocommerce-checkout-payment .wc_payment_methods {
border-bottom: 2px solid #fff !important;
background: #fff;
padding: 12px 18px;
}
.woocommerce-checkout #payment.woocommerce-checkout-payment .place-order {
background: transparent;
padding: 0;
}
.woocommerce-checkout #payment.woocommerce-checkout-payment .place-order button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 21px;
padding: 12px 24px;
}
.woocommerce-checkout #add_payment_method #payment div.payment_box,
.woocommerce-checkout .woocommerce-cart #payment div.payment_box,
.woocommerce-checkout .woocommerce-checkout #payment div.payment_box {
background: #fff;
}
.woocommerce-checkout #add_payment_method #payment div.payment_box::before,
.woocommerce-checkout .woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout .woocommerce-checkout #payment div.payment_box::before {
border: 12px solid #fff;
margin: -12px 24px 0 0;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
}
.woocommerce-checkout .cart_totals.calculated_shipping table {
border: 0px solid transparent;
background: #f4f4f4;
}
.woocommerce-checkout .cart_totals.calculated_shipping table td, .woocommerce-checkout .cart_totals.calculated_shipping table th {
border-bottom: 0px solid #fff;
border-top: 1px solid #fff;
}
@media (min-width: 768px) {
.woocommerce-checkout .col2-set {
margin: 0 -6px;
}
.woocommerce-checkout .col2-set .col-1 {
width: 50%;
float: right;
padding: 0 6px;
}
.woocommerce-checkout .col2-set .col-2 {
width: 50%;
float: right;
padding: 0 6px;
}
}
.woocommerce-checkout .select2-selection--single {
background-color: #fff;
border: 1px solid #c5c5c5;
border-radius: 0;
padding: 6px !important;
height: 42px;
}
.woocommerce-checkout .select2-selection--single .select2-selection__arrow {
height: 42px;
left: 10px;
}
/* WooCommerce Order Received */
.woocommerce-order-received {
background: #fafafa;
}
.woocommerce-order-received .order_details td,
.woocommerce-order-received .order_details th,
.woocommerce-order-received .order_details tr {
border: none;
}
.woocommerce-order-received .woocommerce-customer-details address {
background: #fff;
border: none;
border-radius: 0;
padding: 12px;
}
.woocommerce-order-received .order_details {
border: 0 !important;
background: #fff;
}
.woocommerce-order-received table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
border: 0;
background: #fff;
}
.woocommerce-order-received .woocommerce ul.order_details {
padding: 12px;
background: #fff;
margin-bottom: 24px;
}
.woocommerce-order-received .woocommerce ul.order_details li {
padding: 0 0 0 36px;
border-left: 1px solid #f4f4f4;
}
.woocommerce-order-received .woocommerce ul.order_details li:last-child {
border: none;
}
.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
margin-top: 12px;
}
.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
content: "\f12c";
font-family: Flaticon;
font-style: normal;
}
.woocommerce-order-received .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
content: "\f123";
font-family: Flaticon;
font-style: normal;
}
.myhome-property-slider {
height: 450px;
position: relative;
}
@media (min-width: 1100px) and (min-height: 700px) {
.myhome-property-slider {
height: 600px;
}
}
.myhome-property-slider .swiper-button-prev,
.myhome-property-slider .swiper-button-next {
background: rgba(255, 255, 255, 0.7);
width: 48px;
height: 48px;
transition: all 0.2s ease;
}
@media (min-width: 1023px) {
.myhome-property-slider .swiper-button-prev:hover,
.myhome-property-slider .swiper-button-next:hover {
background: var(--primary);
}
.myhome-property-slider .swiper-button-prev:hover:after,
.myhome-property-slider .swiper-button-next:hover:after {
color: #fff;
}
}
.myhome-property-slider .swiper-button-prev:after {
content: "" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
color: #222;
transition: all 0.2s ease;
}
.myhome-property-slider .swiper-button-next:after {
content: "" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
color: #222;
transition: all 0.2s ease;
}
.myhome-property-slider img {
display: block;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
}
@media (max-width: 768px) {
.myhome-property-slider .vehica-carousel-v1__arrows {
margin-top: 30px;
}
}
.swiper-container--single .swiper-button-prev:after,
.swiper-container--single .swiper-button-next:after {
display: none;
}
.swiper-container--single:not(.swiper-container--auto_height) {
position: relative;
height: 350px;
}
@media (min-width: 450px) {
.swiper-container--single:not(.swiper-container--auto_height) {
height: 400px;
}
}
@media (min-width: 900px) {
.swiper-container--single:not(.swiper-container--auto_height) {
height: 500px;
}
}
@media (min-width: 1200px) {
.swiper-container--single:not(.swiper-container--auto_height) {
height: 550px;
}
}
.swiper-container--single:not(.swiper-container--auto_height) img {
display: block;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
}
.swiper-container--single.swiper-container--auto_height img {
min-width: 100%;
}
.swiper-container--single .swiper-slide:after,
.swiper-container--single .swiper-slide:before {
display: none !important;
}
.swiper-container--single .swiper-button-prev {
height: 48px;
width: 48px;
margin-top: -24px;
top: 50%;
position: absolute;
right: 12px;
padding: 0;
text-align: center;
background: rgba(255, 255, 255, 0.7);
transition: all 0.2s ease;
}
.swiper-container--single .swiper-button-prev:before {
position: static;
font-size: 15px;
margin: 0 !important;
left: initial !important;
color: #222;
}
@media (min-width: 1024px) {
.swiper-container--single .swiper-button-prev:hover {
background: var(--primary);
}
.swiper-container--single .swiper-button-prev:hover:before {
color: #fff;
}
}
.swiper-container--single .swiper-button-next {
height: 48px;
width: 48px;
margin-top: -24px;
top: 50%;
position: absolute;
left: 12px;
padding: 0;
text-align: center;
background: rgba(255, 255, 255, 0.7);
transition: all 0.2s ease;
}
.swiper-container--single .swiper-button-next:before {
position: static;
font-size: 15px;
margin: 0 !important;
left: initial !important;
color: #222;
}
@media (min-width: 1024px) {
.swiper-container--single .swiper-button-next:hover {
background: var(--primary);
}
.swiper-container--single .swiper-button-next:hover:before {
color: #fff;
}
}
.myhome-single-property-slider {
height: 350px;
}
@media (min-width: 450px) {
.myhome-single-property-slider {
height: 400px;
}
}
@media (min-width: 900px) {
.myhome-single-property-slider {
height: 500px;
}
}
@media (min-width: 1200px) {
.myhome-single-property-slider {
height: 550px;
}
}
.myhome-single-property-slider .swiper-button-prev,
.myhome-single-property-slider .swiper-button-next {
background: rgba(255, 255, 255, 0.7);
width: 48px;
height: 48px;
transition: all 0.2s ease;
}
@media (min-width: 1023px) {
.myhome-single-property-slider .swiper-button-prev:hover,
.myhome-single-property-slider .swiper-button-next:hover {
background: var(--primary);
}
.myhome-single-property-slider .swiper-button-prev:hover:after,
.myhome-single-property-slider .swiper-button-next:hover:after {
color: #fff;
}
}
.myhome-single-property-slider .swiper-button-prev:after {
content: "\f053" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
color: #222;
transition: all 0.2s ease;
}
.myhome-single-property-slider .swiper-button-next:after {
content: "\f054" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 16px !important;
color: #222;
transition: all 0.2s ease;
}
.myhome-single-property-slider .mh-popup-group__element:after {
content: '';
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
.myhome-single-property-slider img {
display: block;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
}
.myhome-single-property-slider .swiper-pagination.swiper-pagination-bullets {
display: none !important;
}
.mh-slider-single__top {
z-index: 3 !important;
position: relative;
}
.mh-slider-single {
z-index: 2;
position: relative;
}
.myhome-property-slider--transparent {
position: relative;
}
.myhome-property-slider--transparent .swiper-slide:after {
content: '';
display: block;
background: rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: 2;
}
.mh-slider__transparent {
text-align: center;
position: absolute;
height: 162px;
margin-top: -81px;
top: 50%;
right: 0;
left: 0;
vertical-align: middle;
z-index: 3;
}
@media (min-width: 1000px) {
.mh-slider__transparent {
height: 200px;
margin-top: -100px;
}
}
@media (min-width: 1024px) {
.mh-slider__transparent {
font-size: 36px;
}
}
@media (min-width: 1200px) {
.mh-slider__transparent {
height: 216px;
margin-top: -108px;
}
}
@media (max-width: 767px) {
.mh-slider__transparent {
display: flex;
align-items: center;
justify-content: center;
top: initial;
bottom: 0;
}
.mh-slider__transparent .mh-slider__transparent__title {
margin-bottom: 0 !important;
}
}
.mh-slider__transparent__title {
color: #fff;
font-weight: 700;
font-size: 21px;
text-transform: uppercase;
margin-bottom: 18px;
text-align: center;
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
max-width: 280px;
border: 2px solid #fff;
padding: 6px 12px 6px 12px;
width: 100%;
}
@media (min-width: 375px) {
.mh-slider__transparent__title {
max-width: 300px;
}
}
@media (min-width: 480px) {
.mh-slider__transparent__title {
max-width: 400px;
}
}
@media (min-width: 768px) {
.mh-slider__transparent__title {
border: none;
display: inline-block;
width: auto;
padding-right: 0;
padding-left: 0;
border-bottom: 2px solid #fff;
max-width: 600px;
font-size: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media (min-width: 1024px) {
.mh-slider__transparent__title {
max-width: 900px;
font-size: 36px;
}
}
@media (min-width: 1200px) {
.mh-slider__transparent__title {
max-width: 1024px;
font-size: 48px;
}
}
.mh-slider__transparent__address {
display: none;
}
@media (min-width: 768px) {
.mh-slider__transparent__address {
display: block;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 400;
font-style: italic;
white-space: nowrap;
margin-bottom: 18px;
}
}
.mh-slider__transparent__price {
display: none;
}
@media (min-width: 768px) {
.mh-slider__transparent__price {
text-align: center;
color: #fff;
font-size: 16px;
padding: 6px 15px;
display: inline-block;
margin: 0 auto;
border: 1px solid #fff;
font-size: 16px;
padding: 8px 16px;
border: 2px solid #fff;
}
}
@media (min-width: 1024px) {
.mh-slider__transparent__price {
padding: 16px 30px;
font-weight: 400;
font-size: 24px;
}
}
/* Revolution Slider - Card Default */
.mh-slider__card-default-wrapper {
position: absolute;
width: 100%;
margin: 0 auto !important;
bottom: 64px;
}
@media (min-width: 900px) {
.mh-slider__card-default-wrapper {
bottom: 150px;
}
}
.mh-slider__card-default-wrapper .mh-layout {
width: 100%;
margin: 0 auto;
}
@media (max-width: 899px) {
.mh-slider__card-default-wrapper {
text-align: center;
}
}
@media (min-width: 900px) and (max-width: 1300px) {
.mh-slider__card-default-wrapper {
right: 100px;
}
}
.mh-slider__card-default {
background: white;
color: #222;
padding: 12px;
font-size: 16px;
}
@media (max-width: 899px) {
.mh-slider__card-default {
display: inline-block;
}
}
@media (min-width: 900px) {
.mh-slider__card-default {
width: 100%;
background: rgba(255, 255, 255, 0.85);
max-width: 530px;
padding: 12px 24px 24px;
}
}
.mh-slider__card-default__heading {
font-size: 21px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0;
visibility: inherit;
color: #4d4d4d;
text-align: center;
max-width: 280px;
}
@media (min-width: 375px) {
.mh-slider__card-default__heading {
max-width: 300px;
}
}
@media (min-width: 480px) {
.mh-slider__card-default__heading {
max-width: 400px;
}
}
@media (min-width: 768px) {
.mh-slider__card-default__heading {
max-max-width: 600px;
font-size: 24px;
}
}
@media (min-width: 900px) {
.mh-slider__card-default__heading {
padding-left: 30px;
margin-bottom: 24px;
font-size: 32px;
text-align: right;
padding: 0;
}
}
.mh-slider__card-default__address {
display: none;
}
@media (min-width: 900px) {
.mh-slider__card-default__address {
display: block;
width: 45%;
position: relative;
font-style: italic;
max-height: 48px;
overflow: hidden;
padding-bottom: 12px;
font-weight: 400;
}
.mh-slider__card-default__address i {
font-size: 32px;
line-height: 46px;
}
.mh-slider__card-default__address span {
position: absolute;
top: 0;
right: 42px;
}
}
.mh-slider__card-default__price {
display: none;
}
@media (min-width: 900px) {
.mh-slider__card-default__price {
background: var(--primary);
color: #fff;
min-width: 300px;
display: inline-block;
white-space: nowrap;
padding: 10px 70px;
font-size: 24px;
line-height: 36px;
font-weight: 700;
width: auto;
margin-right: 24px;
text-align: center;
position: absolute;
right: 50%;
top: 0;
}
}
/* Revolution Slider - Card Short */
@media (min-width: 900px) {
.myhome-property-slider--short .mh-slider__card-default-wrapper {
bottom: 275px;
}
}
@media (min-width: 1100px) and (min-height: 700px) {
.myhome-property-slider--short {
bottom: 50px;
}
}
.mh-slider__card-short {
background: white;
color: #222;
padding: 12px;
width: 100%;
font-size: 16px;
}
@media (min-width: 900px) {
.mh-slider__card-short {
background: rgba(255, 255, 255, 0.85);
max-width: 600px;
padding: 12px 24px;
position: relative;
}
}
.mh-slider__card-short__heading {
font-size: 21px;
text-transform: uppercase;
font-weight: 700;
width: auto;
visibility: inherit;
margin-bottom: 0;
color: #4d4d4d;
text-align: center;
width: 280px;
}
@media (min-width: 375px) {
.mh-slider__card-short__heading {
width: 300px;
}
}
@media (min-width: 480px) {
.mh-slider__card-short__heading {
width: 400px;
}
}
@media (min-width: 768px) {
.mh-slider__card-short__heading {
max-width: 600px;
}
}
@media (min-width: 900px) {
.mh-slider__card-short__heading {
margin-bottom: 6px;
font-size: 32px;
text-align: right;
padding: 0;
width: auto;
}
}
.mh-slider__card-short__address {
display: none;
}
@media (min-width: 900px) {
.mh-slider__card-short__address {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
max-width: 400px;
font-style: italic;
}
}
.mh-slider__card-short__price {
display: none;
}
@media (min-width: 900px) {
.mh-slider__card-short__price {
background: var(--primary);
color: #fff;
display: block;
white-space: nowrap;
padding: 0 30px;
font-size: 21px;
line-height: 46px;
font-weight: 700;
width: auto;
text-align: center;
position: absolute;
right: 100%;
bottom: 0px;
margin-right: -160px !important;
margin-bottom: -23px !important;
}
}
.mc-rs-slider-front-end-editor {
background: #222;
height: 500px;
position: relative;
color: #fff;
}
.mc-rs-slider-front-end-editor__text {
height: 48px;
position: absolute;
text-align: center;
top: 50px;
font-size: 32px;
text-transform: uppercase;
font-weight: 700;
right: 0;
left: 0;
margin: 0 auto;
display: inline-block;
}
/* Load at the end - helper classes */
/* Font color */
.mh-color-white {
color: #fff !important;
}
.mh-color-dark {
color: #222 !important;
}
.mh-color-primary {
color: #29aae3;
}
/* Background color */
.mh-background-color-dark {
background: #222 !important;
}
.mh-background-color-white {
background: #fff !important;
}
.mh-background-color-transparent {
background: transparent !important;
}
.mh-background-color-primary {
background: #29aae3 !important;
}
.mh-background-cover {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
}
.mh-background-fixed {
background-position: center center !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
}
/* Border */
.mh-border-color-primary {
border-color: #29aae3;
}
.mh-border-solid {
border-style: solid !important;
}
.mh-border-dashed {
border-style: dashed !important;
}
.mh-border-double {
border-style: double !important;
}
.mh-border-dotted {
border-style: dotted !important;
}
/* Font size */
.mh-font-size-xxxl {
font-size: 48px !important;
}
.mh-font-size-xxl {
font-size: 36px !important;
}
.mh-font-size-xl {
font-size: 32px !important;
}
.mh-font-size-l {
font-size: 24px !important;
}
.mh-font-size-m {
font-size: 21px !important;
}
.mh-font-size-s {
font-size: 16px !important;
}
.mh-font-size-xs {
font-size: 13px !important;
}
/* Margins */
.mh-margin-bottom-small {
margin-bottom: 24px !important;
}
.mh-margin-bottom-big {
margin-bottom: 36px !important;
}
.mh-margin-top-big {
margin-top: 36px !important;
}
.mh-margin-top-small {
margin-top: 24px !important;
}
/* Padding */
.mh-padding-top-big {
padding-top: 36px !important;
}
.mh-padding-top-small {
padding-top: 24px !important;
}
.mh-padding-bottom-big {
padding-bottom: 36px !important;
}
.mh-padding-bottom-small {
padding-bottom: 24px !important;
}
/* Other */
.mh-font-body {
font-family: Lato, Arial, Helvetica, sans-serif;
}
.mh-mask-dark {
background: rgba(0, 0, 0, 0.1);
}
.mh-mask-strong-dark {
background: rgba(0, 0, 0, 0.45);
}
.display-inline {
display: inline !important;
}
.no-gutter {
padding: 0 !important;
margin: 0 !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-relative {
position: relative !important;
}
.overflow-initial {
overflow: initial !important;
}
.float-none {
float: none !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width: 768px) {
.mh-display-mobile {
display: none;
}
}
.mh-display-desktop {
display: none;
}
@media (min-width: 768px) {
.mh-display-desktop {
display: block;
}
}
.link-primary:hover {
color: #29aae3;
}
.font-weight-700 {
font-weight: 700 !important;
}
.text-center {
text-align: center !important;
}
#wp-admin-bar-myhome-panel > .ab-item:before {
display: none !important;
}
.mh-gallery__upload-in-progress * {
pointer-events: none !important;
}
@media (max-width: 1023px) {
html body.myhome-body div #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li > .item_link *,
html body div #mega_main_menu.mh-primary li .mega_dropdown .item_link *,
html body.myhome-body #mega_main_menu.mh-primary > .menu_holder > .menu_inner > ul > li:hover > .item_link * {
color: #000 !important;
}
}
.mdl-button {
position: relative;
overflow: hidden;
}
.mdl-button:after {
content: '';
display: block;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
height: 100px;
width: 100px;
margin-top: -50px;
margin-right: -50px;
position: absolute;
top: 50%;
right: 50%;
opacity: 0;
}
.mdl-button:active:after {
animation-name: ripplesmall;
animation-duration: .5s;
}
.mdl-button--full-width:active:after {
animation-name: ripplebig;
animation-duration: .5s;
}
@keyframes ripplesmall {
from {
opacity: .2;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(3);
}
}
@keyframes ripplebig {
from {
opacity: .5;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(4.3);
}
}
.single-estate .swiper-container--single .swiper-slide .mh-popup-group__element {
text-align: center;
width: 100%;
display: block;
}
@media (max-width: 1023px) {
.mh-estate-vertical .swiper-slide:first-of-type,
.mh-estate-horizontal .swiper-slide:first-of-type {
display: none !important;
}
.mh-property .swiper-wrapper {
display: block !important;
transform: none !important;
}
.mh-property .swiper-pagination {
display: none !important;
}
.mh-property .swiper-button-next, .mh-property .swiper-button-prev {
display: none !important;
}
html body .mh-property .swiper-container:hover .swiper-button-next,
html body .mh-property .swiper-container:hover .swiper-button-prev {
display: none !important;
}
.mh-property .swiper-slide:first-child {
display: none !important;
}
.mh-property .swiper-container:hover .swiper-slide:after, .mh-property .swiper-container:hover .swiper-slide:before {
display: none !important;
}
}
.mh-rs-search--middle .myhome-idx-omnibar {
z-index: 2;
}
.IDX-showcaseCell .IDX-showcaseAddress.IDX-showcaseAddressElement {
padding: 0 5px;
}
.mh-estate-vertical .swiper-slide > img,
.mh-estate-horizontal .swiper-slide > img {
object-fit: cover;
min-height: 100%;
}
.fas {
font-weight: 900 !important;
}
.far {
font-weight: normal !important;
}
.fab {
font-weight: normal !important;
}
.swiper-container {
width: auto !important;
}
.swiper-container--single .swiper-button-prev {
left: 12px !important;
}
.swiper-container--single .swiper-button-next {
right: 12px !important;
}
.myhome-property-slider {
height: 450px !important;
}
@media (min-width: 1100px) and (min-height: 700px) {
.myhome-property-slider {
height: 600px !important;
}
}
.myhome-single-property-slider {
height: 350px !important;
}
@media (min-width: 450px) {
.myhome-single-property-slider {
height: 400px !important;
}
}
@media (min-width: 900px) {
.myhome-single-property-slider {
height: 500px !important;
}
}
@media (min-width: 1200px) {
.myhome-single-property-slider {
height: 550px !important;
}
}
.mh-video-wrapper > a:before {
font-family: "Font Awesome 5 Free" !important;
content: '\f03d' !important;
display: block !important;
font-weight: 700 !important;
margin-bottom: 10px;
}
.mh-video-wrapper > a {
position: relative !important;
display: block !important;
background: var(--primary) !important;
color: #fff !important;
line-height: 30px !important;
font-size: 24px !important;
font-weight: 700 !important;
padding: 20px 12px !important;
}
@media (max-width: 767px) {
.mh-video-wrapper > a {
padding-top: 30px;
padding-bottom: 30px;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 24px !important;
}
}
.mh-video-wrapper > a:after {
content: '' !important;
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
background: rgba(255, 255, 255, 0) !important;
transition: 0.3s ease !important;
width: 100% !important;
height: 100% !important;
z-index: 2 !important;
}
.mh-video-wrapper > a:hover:after {
background: rgba(255, 255, 255, .18) !important;
}