/*
Theme Name: John Mcdonald
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.7
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/
/*
TABLE OF CONTENTS
1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
*/
/*******************************************************
*
* 1. Navigation
*
*******************************************************/
/* Sub Menu */
#nav li{
position:relative;
display: inline-block;
}
#nav .sub-menu{
list-style: none outside none;
margin: 0;
background: transparent;
/*display: none;*/
padding: 0;
position: absolute;
width:100%;
min-width: 180px;
left: 50%;
margin-left: -90px;
padding-top: 17px;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%);
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#nav .sub-menu a{
color: #fff;
display: block;
padding: 10px;
background: #00362d;
}
#nav .sub-menu a:hover{
background: #087765;
color: #012b5d;
text-decoration: none;
}
#nav .sub-menu .sub-menu{
margin-left: 100%;
top: 0;
left: 1px;
padding-top: 0 !important;
}
#nav li:hover > .sub-menu{
/*display: block;*/
opacity: 1;
visibility: visible;
pointer-events: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#nav .sub-menu li{
position: relative;
display: block;
margin-bottom: 1px;
}
/*******************************************************
*
* 2. Custom CSS
*
*******************************************************/
/* Global */
body{
font-family: 'Montserrat', sans-serif;
font-size: 12px;
background: #FFF;
color: #000000;
margin: 0;
/* Remove the comment from line 85 to 86 if the font issue in safari occurs */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a,a:hover,a:visited,a:focus,input,input:focus,textarea,textarea:focus,select:focus,select{
outline: none !important;
text-decoration: none !important;
}
.slick-slide{
outline: none !important;
}
.label-hide{
display: none !important;
}
.no-padding {
padding: 0;
}
.no-padding-left {
padding-left: 0;
}
.no-padding-right {
padding-right: 0;
}
.no-margin {
margin: 0;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
div#main-wrapper{
overflow: hidden;
position: relative;
}
div#main-wrapper::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 386px;
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
opacity: .7;
}
/* header */
header.main-header {
position: fixed;
left: 0;
width: 100%;
z-index: 1001;
padding: 29px 15px 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-inner {
max-width: 1410px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* fixed header */
header.main-header.show-fixed {
background: #fff;
padding: 13px 15px;
box-shadow: 0 0 10px #000;
}
header.main-header.show-fixed nav.header-nav ul#nav > li > a{
color: #414141;
}
header.main-header.show-fixed .header-contact {
margin-top: -24px;
pointer-events: none;
}
header.main-header.show-fixed .header-logo a {
max-width: 220px;
}
header.main-header.show-fixed a img.fixed-logo{
opacity: 1;
}
header.main-header.show-fixed a img{
opacity: 0;
}
header.main-header.show-fixed nav.header-nav {
margin-top: 25px;
}
header.main-header.show-fixed nav.header-nav ul#nav > li > a::after{
background: #393939;
}
/* logo */
.header-logo a {
display: block;
max-width: 350px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.fixed-logo{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.header-logo a img{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* contact */
.header-contact {
text-align: right;
position: relative;
margin-top: -9px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-contact span a {
display: inline-block;
font-size: 14px;
position: relative;
color: #fff;
font-weight: 400;
padding: 5px 0;
display: block;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-contact em.ai-font-phone {
font-size: 13px;
top: 1px;
margin-right: 8px;
}
.header-contact span {
display: inline-block;
}
.header-contact span a::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
height: 1px;
background: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-contact span a:hover::after{
opacity: 1;
width: 100%;
}
/*nav*/
nav.header-nav{
font-size: 0;
position: relative;
z-index: 5;
margin-top: 19px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
nav.header-nav ul#nav > li{
margin: 0 15px;
position: relative;
display: inline-block;
vertical-align: top;
}
nav.header-nav ul#nav > li > a{
font-size: 14px;
text-align: center;
color: #fff;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
padding: 5px 0;
display: block;
position: relative;
z-index: 5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
nav.header-nav ul#nav .sub-menu a{
color: #fff;
padding: 15px 5px;
font-size: 15px;
font-weight: 600;
letter-spacing: .5px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
nav.header-nav ul#nav .sub-menu li:hover > a{
color: #fff;
background: #087765;
}
nav.header-nav ul#nav .sub-menu {
padding-top: 25px;
}
nav.header-nav ul#nav > li:first-child{
margin-left: 0 !important;
}
nav.header-nav ul#nav > li:last-child{
margin-right: 0 !important;
}
nav.header-nav ul#nav > li > a::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
height: 1px;
background: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
nav.header-nav ul#nav > li:hover > a::after{
opacity: 1;
width: 100%;
}
/*slideshow*/
.slideshow-area,
.slider-holder {
position: relative;
overflow: hidden;
}
.slider-holder .cycle-slide::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #1d1d1d;
opacity: 0;
}
.slider-holder::after {
content: '';
position: absolute;
bottom: -6px;
right: 76px;
width: 20vw;
height: 11vw;
background: url(images/slide-logo-overlay.png) no-repeat;
background-position: center;
background-size: contain;
z-index: 1;
}
/* scroll donw */
.hp-scroll-down {
position: absolute;
bottom: 0;
right: 0;
background: #fff;
width: 91px;
height: 29.188vw;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.scroll-down-inner {
font-size: 9px;
text-transform: uppercase;
color: #535353;
font-weight: 500;
letter-spacing: 3.5px;
font-family: 'Montserrat', sans-serif;
position: relative;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
white-space: nowrap;
top: -61px;
padding: 5px;
left: -9px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.scroll-down-inner span {
position: absolute;
right: calc(100% + 12px);
top: 0;
bottom: 0;
margin: auto;
width: 100px;
height: 1px;
background: #535353;
pointer-events: none;
}
.scroll-down-inner:hover {
color: #00362d;
text-shadow: 0 0 0 #00362d;
}
.scroll-down-inner span::after {
content: '';
position: absolute;
top: -2px;
left: -3px;
width: 5px;
height: 5px;
background: #535353;
border-radius: 100%;
}
.hp-scroll-down::after {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 0;
height: 0;
border-left: 91px solid transparent;
border-right: 0px solid transparent;
border-bottom: 120px solid #fff;
}
/*quick search*/
section.quick-search-area {
position: relative;
background: #fff;
padding: 49px 15px;
}
.qs-holder {
font-size: 0;
position: relative;
z-index: 5;
visibility: hidden;
max-width: 1410px;
margin: 0 auto;
}
.qs-title {
display: inline-block;
vertical-align: top;
width: 15.036%;
padding: 6px 0 0;
font-family: 'Playfair Display', serif;
font-size: 28px;
color: #00362d;
text-transform: uppercase;
}
.qs-form{
position: relative;
display: inline-block;
vertical-align: top;
width: 84.964%;
}
.qs-form select, 
.qs-form input {
border-radius: 0;
color: #656565;
font-size: 12px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent url(images/qs-arrow.png) no-repeat scroll right 12px center;
width: 100%;
height: 42px;
padding: 0 11px;
border: solid 1px #d7d7d7;
line-height: 1;
letter-spacing: .3px;
}
.qs-form input{
background: transparent;
}
.qs-form select::-ms-expand{
display: none;
}
.qs-form .qs-field {
display: inline-block;
vertical-align: top;
margin-right: 4px;
margin-bottom: 5px;
}
.btn-form.qs-field input{
background: #00362d;
text-transform: uppercase;
padding: 0;
font-size: 13px;
color: #fff;
font-weight: 600;
border: none;
letter-spacing: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.btn-form.qs-field a {
border-radius: 0;
font-size: 13px;
color: #fff;
font-weight: 600;
background: transparent;
text-transform: uppercase;
height: 42px;
letter-spacing: 0;
background: #393939;
font-family: 'Montserrat', sans-serif;
border: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.btn-form.qs-field input:hover{
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.btn-form.qs-field a:hover{
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.btn-form.qs-field.qsbtn1 {
position: relative;
margin-right: 0;
}
.btn-form.qs-field {
width: 10.268%;
position: relative;
vertical-align: top;
text-align: center;
margin-left: 3px;
}
.long-form {
width: 18.031%;
}
.short-form {
width: 10.101%;
}
.btn-form.qs-field.qsbtn2 {
margin-right: 0;
}
.quick-search-area form div.dropdown-menu ul.dropdown-menu {
max-height: 250px !important; /*jsm*/
}
/* properties */
section.featured-properties-area{
position: relative;
padding: 26px 0 50px;
z-index: 0;
}
.fp-holder{
position: relative;
z-index: 5;
}
.fp-title {
font-size: 67px;
text-align: center;
color: #00362d;
text-transform: uppercase;
font-weight: 400;
font-family: 'Playfair Display', serif;
margin-bottom: 56px;
letter-spacing: 1px;
}
.fp-title span {
display: block;
font-size: 20px;
color: #4c4c4c;
font-weight: 500;
margin-bottom: 1px;
letter-spacing: 10px;
font-family: 'Montserrat', sans-serif;
}
.fp-slick-slider {
margin: 0 -4px;
}
.fp-list {
/* width: 100%; */
/* max-width: 528px; */
padding: 4px;
}
.fp-list a{
display: block;
position: relative;
overflow: hidden;
}
.fp-photo {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fp-photo canvas{
display: block;
width: 100%;
background: #212121;
opacity: .2;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fp-details{
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
z-index: 5;
padding: 0 33px 36px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fp-price {
font-size: 35px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
font-family: 'Playfair Display', serif;
line-height: .98;
letter-spacing: 1.5px;
margin-bottom: 9px;
}
.fp-address {
font-size: 15px;
color: #fff;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
line-height: 1.2;
margin-bottom: 15px;
letter-spacing: .8px;
}
.fp-view {
display: block;
background: #fff;
color: #000;
font-weight: 500;
text-align: center;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
max-width: 170px;
height: 40px;
line-height: 40px;
opacity: 0;
font-size: 13px;
letter-spacing: 1px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fp-list a:hover .fp-details{
bottom: 0;
}
.fp-list a:hover .fp-view{
opacity: 1;
}
.fp-list a:hover .fp-photo canvas{
opacity: .52;
}
.fp-list a::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(images/fp-logo-overlay.png) no-repeat;
background-size: cover ;
background-position: center;
z-index: 2;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fp-list a:hover::after{
opacity: .13;
}
.fp-slick-slider .slick-slide > div > div{
display: block !important;
}
/* communities */
section.featured-communities-area{
position: relative;
padding: 34px 0 96px;
}
.fc-holder{
position: relative;
z-index: 5;
}
.fc-title {
font-size: 67px;
text-align: center;
color: #00362d;
text-transform: uppercase;
font-weight: 400;
font-family: 'Playfair Display', serif;
margin-bottom: 55px;
letter-spacing: 1px;
}
.fc-title span {
display: block;
font-size: 20px;
color: #4c4c4c;
font-weight: 500;
margin-bottom: 1px;
letter-spacing: 10px;
font-family: 'Montserrat', sans-serif;
}
.fc-list {
padding: 4px;
width: calc(100% / 3);
}
.fc-list a{
display: block;
position: relative;
}
.fc-photo {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fc-photo canvas{
display: block;
width: 100%;
background: #000;
opacity: .61;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fc-list a:hover .fc-photo canvas{
opacity: .01;
}
.fc-label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fc-label span{
font-size: 25px;
text-transform: uppercase;
color: #fff;
font-family: 'Playfair Display', serif;
}
.fc-list-holder{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -4px;
justify-content: center;
}
.fc-view-more{
position: relative;
}
.fc-view-link a {
display: block;
background: #00362d;
color: #fff;
font-weight: 500;
text-align: center;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
max-width: 185px;
height: 47px;
line-height: 47px;
margin: 0 auto;
font-size: 13px;
letter-spacing: 1px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.fc-view-link a:hover{
background: #087765;
}
.fc-view-more canvas {
opacity: 0;
}
.fc-view-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 47px;
bottom: 0;
margin: auto;
}
/* welcome */
section.welcome-area{
position: relative;
padding: 0 15px 0;
background: #fff;
}
section.welcome-area::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(images/wc-bg.jpg) no-repeat;
background-size: cover;
background-position: center;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: .08;
}
.wc-holder {
position: relative;
z-index: 5;
max-width: 1410px;
margin: 0 auto;
}
.wc-title {
font-size: 66px;
text-align: left;
color: #00362d;
/* text-transform: uppercase; */
font-weight: 400;
font-family: 'Playfair Display', serif;
margin-bottom: 40px;
letter-spacing: 1px;
}
.wc-title span {
display: block;
font-size: 22px;
color: #4c4c4c;
font-weight: 500;
margin-bottom: 1px;
letter-spacing: 9px;
font-family: 'Montserrat', sans-serif;
}
.wc-content-inner{
position: relative;
background: #fff;
padding: 94px 56px 62px ;
}
.wc-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wc-content {
width: calc(50% + 7px);
}
.wc-photo {
width: calc(50% - 7px);
}
.wc-text p {
font-size: 13px;
color: #4c4c4c;
font-family: 'Montserrat', sans-serif;
line-height: 1.7;
letter-spacing: .6px;
padding-bottom: 23px;
}
.wc-text {
max-width: 572px;
}
.wc-photo-inner {
position: relative;
margin-right: -86px;
}
/* agents */
section.meet-our-agents-area{
position: relative;
padding: 88px 0 85px;
}
.moa-holder{
position: relative;
z-index: 5;
}
.moa-title {
font-size: 67px;
text-align: center;
color: #00362d;
text-transform: uppercase;
font-weight: 400;
font-family: 'Playfair Display', serif;
margin-bottom: 45px;
letter-spacing: 1px;
}
.moa-title span {
display: block;
font-size: 20px;
color: #4c4c4c;
font-weight: 500;
margin-bottom: 1px;
letter-spacing: 10px;
font-family: 'Montserrat', sans-serif;
}
.moa-list {
/* max-width: 292px;
margin: 0 auto; */
padding: 15px;
margin-bottom: 11px;
}
.moa-photo {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.moa-photo a{
position: relative;
display: block;
}
.moa-photo canvas{
display: block;
width: 100%;
position: relative;
background: #000;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.moa-photo:hover canvas{
opacity: .2;
}
.moa-name {
text-align: center;
font-size: 20px;
color: #00362d;
font-family: 'Playfair Display', serif;
margin-bottom: 10px;
}
.moa-content {
margin-top: 14px;
min-height: 65px;
}
.moa-contact {
text-align: center;
position: relative;
font-size: 0;
margin-bottom: 8px;
}
.moa-contact span a {
display: inline-block;
font-size: 13px;
color: #626262;
font-weight: 400;
letter-spacing: .9px;
display: block;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.moa-contact span em.ai-mobile-phone a{
letter-spacing: .2px;
}
.moa-contact em.ai-font-phone {
font-size: 9px;
top: 0px;
margin-right: 0;
color: #00362d;
}
.moa-contact span a:hover {
color: #00362d;
text-shadow: 0 0 0 #00362d;
}
.moa-contact span{
display: inline-block;
vertical-align: middle;
}
span.moa-c-border {
width: 1px;
height: 11px;
background: #d5d5d5;
margin: 0 10px;
}
.moa-contact em.ai-font-envelope-f {
font-size: 9px;
margin-right: 1px;
color: #00362d;
}
.moa-contact em.ai-font-devices-mobile {
font-size: 12px;
margin-right: 0;
color: #00362d;
}
.moa-slick-slider {
margin: 0 -15px;
}
.moa-slick-slider .slick-slide > div > div{
display: block !important;
}
/* team stats */
section.team-stats-area{
position: relative;
padding: 88px 0 14px;
background: #000;
}
section.team-stats-area::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('images/ts-bg.jpg') no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
z-index: 2;
opacity: .17;
}
.ts-holder{
position: relative;
z-index: 5;
}
.ts-title {
font-size: 67px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-family: 'Playfair Display', serif;
margin-bottom: 38px;
letter-spacing: 1px;
}
.ts-title span {
display: block;
font-size: 20px;
color: #fff;
font-weight: 500;
margin-bottom: 1px;
letter-spacing: 10px;
font-family: 'Montserrat', sans-serif;
}
.ts-label {
font-size: 20px;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
line-height: 1.45;
}
.ts-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 77px;
margin-bottom: 27px;
}
.ts-list {
padding: 15px;
width: calc(100% / 3);
margin-bottom: 27px;
}
.ts-list-holder{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* testimonials*/
section.testimonials-area{
position: relative;
padding: 90px 15px;
background: #fff;
}
.testi-holder{
position: relative;
z-index: 5;
max-width: 1410px;
margin: 0 auto;
padding: 93px 0 89px;
}
.testi-holder::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('images/Beach-Pic-5.jpg') no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
z-index: 2;
opacity: .17;
}
.testi-title {
font-size: 67px;
text-align: center;
color: #00362d;
text-transform: uppercase;
font-weight: 400;
font-family: 'Playfair Display', serif;
margin-bottom: 54px;
letter-spacing: 1px;
position: relative;
z-index: 5;
}
.testi-title span {
display: block;
font-size: 20px;
color: #4c4c4c;
font-weight: 500;
margin-bottom: 1px;
letter-spacing: 10px;
font-family: 'Montserrat', sans-serif;
}
.testi-slider {
position: relative;
z-index: 5;
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
}
.testi-list p {
font-size: 18px;
color: #313131;
text-align: center;
font-family: 'Montserrat', sans-serif;
line-height: 1.85;
letter-spacing: .35px;
padding-bottom: 20px;
}
.testi-list span {
display: block;
font-size: 25px;
text-align: center;
color: #00362d;
font-family: 'Playfair Display', serif;
margin-top: 34px;
padding: 7px 0;
}
.testi-list {
max-width: 1072px;
margin: 0 auto;
padding: 0 25px;
}
.testi-arrow-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
top: 38px;
left: 0;
width: 100%;
height: 22px;
pointer-events: none;
padding: 0 0;
}
.testi-arrow-holder span{
padding: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
color: #2b2b2b;
background: transparent;
pointer-events: auto;
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: relative;
}
.testi-arrow-holder span:hover{
opacity: .5;
}
/* footer */
footer.main-footer {
background: #002720;
padding: 64px 0 21px;
}
/* get in touch */
.gt-title {
font-size: 33px;
color: #fff;
font-family: 'Playfair Display', serif;
letter-spacing: 1px;
margin-bottom: 22px;
}
.gt-form {
font-size: 0;
margin: 0 -6.5px;
}
.gt-form input,
.gt-form textarea {
font-size: 13px;
width: 100%;
font-weight: 500;
-webkit-appearance: none;
-moz-appearance: none;
background: #fff;
height: 35px;
color: #002720;
font-family: 'Montserrat', sans-serif;
padding: 0 14px;
border-radius: 0;
resize: none;
border: none;
letter-spacing: .3px;
}
.gt-form textarea {
padding-top: 11px;
height: 70px;
}
.gt-fields.gt-textarea {
width: 100%;
margin-bottom: 10px;
}
.gt-fields {
position: relative;
width: 100%;
display: inline-block;
padding: 0 6.5px;
vertical-align: top;
margin-bottom: 11px;
}
.gt-fields.gt-fields-half{
width: 50%;
}
.gt-form div.wpcf7 .ajax-loader {
display: block;
position: absolute;
right: 0;
left: 0;
margin: auto;
}
.gt-form span.wpcf7-not-valid-tip {
font-size: 11px;
}
.gt-form span.wpcf7-form-control-wrap {
display: block;
}
.gt-form div.wpcf7-response-output {
margin: auto;
position: absolute;
width: calc(100% - 13px);
font-size: 12px;
color: #fff;
text-align: center;
left: 0;
right: 0;
margin-top: 0;
}
.gt-form form {
position: relative;
}
.gt-fields.gt-textarea input.wpcf7-form-control.wpcf7-submit {
font-size: 14px;
width: 84px;
text-align: right;
padding: 0 5px;
height: 18px;
background: transparent url(images/gt-sent-mail.png) no-repeat scroll left 5px center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: absolute;
bottom: 10px;
right: 17px;
border-bottom: solid 1px transparent;
}
.gt-fields.gt-textarea input.wpcf7-form-control.wpcf7-submit:hover{
border-bottom: solid 1px #fff
}
.gt-fields.gt-btn input:hover{
background: #272827;
}
/* footer logo */
.ftr-logo {
margin-top: 60px;
}
.ftr-logo a{
display: block;
max-width: 262px;
margin: 0 auto;
}
/* footer contact */
.ftr-contact {
position: relative;
margin-top: 79px;
}
.ftr-contact span a {
display: inline-block;
font-size: 14px;
color: #fff;
font-weight: 400;
padding: 5px 0;
display: block;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ftr-contact em.ai-font-phone {
font-size: 13px;
top: 1px;
margin-right: 11px;
}
.ftr-contact span a:hover {
color: #05846f;
}
.ftr-contact span.ftr-loc a em{
font-style: normal;
line-height: 1.25;
}
.ftr-contact em.ai-font-envelope-f {
font-size: 12px;
margin-right: 7px;
}
span.ftr-loc i.ai-font-location-c {
font-size: 16px;
margin-right: 11px;
}
span.ftr-loc a {
display: flex;
align-items: center;
}
.ftr-contact span {
margin-bottom: 4px;
display: block;
}
/*footer nav*/
nav.footer-nav {
text-align: center;
margin-top: 36px;
border-bottom: solid 1px rgba(255, 255, 255, 0.12);
padding-bottom: 29px;
}
ul.footernav {
font-size: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul.footernav > li > a {
display: inline-block;
padding: 5px 0;
color: #fff;
font-size: 14px;
position: relative;
font-weight: 400;
letter-spacing: .2px;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.footernav > li > a::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
height: 1px;
background: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.footernav > li > a:hover::after{
opacity: 1;
width: 100%;
}
.footer-copyright {
line-height: 1.8;
margin-top: 23px;
}
.footer-copyright,
.footer-copyright a {
font-size: 14px;
color: #fff;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-copyright a:hover,
.footer-copyright a[href="https://www.agentimage.com"]:hover{
color: #05846f !important;
}
.footer-copyright a[href="https://www.agentimage.com"]{
text-decoration: underline !important;
color: #fff;
}   
.footer-copyright span{
color: #fff;
}
.mls {
text-align: right;
font-size: 16px;
color: #fff;
margin-top: 27px;
}
/*******************************************************
*
* 3. IP Styles
*
*******************************************************/
.ip-banner{
position: relative;
width: 100%;
}
.ip-banner::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0,0,0,.6);
}
.ip-banner canvas{
display: block;
position: relative;
z-index: 0;
width: 100%;
min-height: 250px;
background-color: #f9f7f7;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ip-banner .container{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
}
.ip-banner h1 {
font-weight: 700;
font-size: 32px;
text-align: center;
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1.7;
}
.ip-banner h1 span{
display: block;
font-size: 24px;
font-weight: 400;
text-transform: none;
letter-spacing: 0.01em;
}
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}
/** Adjust width of content columns **/
#content-sidebar #content{ width: 74%; }
#content-full #content { width: 100%; }
/* Adjust width of sidebar */
.sidebar{ width: 24%; }
.sidebar .qs-holder {
visibility: visible;
max-width: 360px;
margin: 5px auto 0;
}
.sidebar .qs-title {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.sidebar .qs-form .qs-field {
margin-right: 0;
padding: 0 2.5px;
}
.sidebar .long-form,
.sidebar .qs-form {
width: 100%;
}
.sidebar .btn-form.qs-field {
width: 100%;
margin-left: 0;
}
.sidebar .short-form {
width: 50%;
}
/* fullwidth template */
.page-template-template-fullwidth #content {
padding-left: 15px;
padding-right: 15px;
}
.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
margin-left: -15px;
margin-right: -15px;
}
/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }
/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title { 
color: #00362d;
text-transform: uppercase;
font-weight: 700;
font-family: 'Playfair Display', serif;
font-size: 30px;
}
/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
}
#content .entry {
color: #000;
font-family: 'Montserrat', sans-serif;
line-height: 1.7;
letter-spacing: .5px;
font-size: 13px;
}
.aios-mobile-header-wrapper{
z-index: 1001 !important;
}
/* IP Contact Page */
.page-id-19 #content {
text-align: center;
}
.page-id-19 p#breadcrumbs {
text-align: left;
}
.page-id-19 .entry-content .wpcf7 {
margin: 0 auto;
}
.page-id-23 .agent-description {
width: 100% !important;
padding-left: 0px !important;
float: none !important;
}
.qs-form button.btn.dropdown-toggle.btn-default {
border-radius: 0;
color: #656565;
font-size: 12px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent url(images/qs-arrow.png) no-repeat scroll right 12px center;
width: 100%;
height: 42px;
padding: 0 11px;
border: solid 1px #d7d7d7;
line-height: 1;
letter-spacing: .3px;
}
div#ip-contact-us br {
display: none;
}     
section.ip-featured-communities-area .fc-list {
width: 100%;
}
/*IHF for leftlet icon in IP Map*/
#ihf-map-canvas .leaflet-marker-icon {
border: none; /*jsm*/
}
.wpcf7-response-output {
text-align: center; /*jsm*/
}
form#ihf-main-search-form fieldset div#ihf-search-tabs ul.nav-tabs {
margin-left: 0  !important; /*jsm*/
}
form#ihf-main-search-form fieldset div#ihf_select_property_type_chosen ul.chosen-results {
margin-left: 0  !important; /*jsm*/
}
.grecaptcha-badge{
z-index : 1000;
}
.ihf-grid-result-address {
display: block;
}
.entry-title{
display: none;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */