@charset "utf-8";
/* CSS Document */
@import url('font-awesome.min.css');
@import url('overlay.css');
@import url('lightslider.min.css');
@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&family=Poppins:wght@200&family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap');
@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i';
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400&display=swap');
@font-face {
font-family: 'weather';
src: url('../fonts/artill_clean_icons-webfont.eot');
src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
font-weight: normal;
font-style: normal;
}
html,body{
overflow-x: hidden;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 0px;
}
.hs_quick_search {
position: relative;
width: 100%;
}
.hs_quick_search_title {
font-size: 22px;
text-align: left;
letter-spacing: 2px;
padding-left: 5px;
text-transform: uppercase;
}
.hs_quick_search .col-sm {
padding-right: 5px;
}
.hs_quick_search input,
.hs_quick_search input:focus,
.hs_quick_search input::placeholder,
.hs_quick_search select,
.hs_quick_search select:focus {
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
border-color: transparent;
/*
background-color: transparent !important;
*/
border-bottom-color: #FFF;
color: #FFF;
}
.hs_quick_search select {
color: #fff;
}
.hs_quick_search select option {
background-color: #FFF !important;
color: #000 !important;
}
@media only screen and (max-width: 1000px) {
.hs_quick_search {
width: 100%;
padding: 0px 40px 40px 40px;
}
.hs_quick_search_title {
font-size: 22px;
text-align: left;
letter-spacing: 2px;
padding-left: 45px;
text-transform: uppercase;
}
}
.hs_01_banner {
position: relative;
color: #FFF;
background-color: #000;
width: 100%;
min-height: 680px;
height: 100vh;
padding: 0;
margin: 0;
background-image: url(../images/nathaniel.jpg);
background-position: center top;
background-size: cover;
z-index: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
}
.michele{
background-image: url(../images/1680011940950.jpg);
background-position: center;
background-size: cover;
z-index: 0;
height: 592px;
max-width: 100%;
background-repeat: no-repeat;
}
.charleston{
background-image: url(../images/charleston.jpg);
background-position: center;
background-size: cover;
z-index: 0;
height: 592px;
max-width: 100%;
background-repeat: no-repeat;
}
charleston.jpg
.hs_01_inner {
position: relative;
height: 100%;
;
/*
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
*/
z-index: 4;
}
.hs_01_section {
position: relative;
width: 100%;
min-height: 400px;
z-index: 4;
}
.hs_01_section_slogan {
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 377px;
}
.hs_01_section_action {
position: relative;
height: auto;
width: 60%;
margin: 0 auto;
padding-top: 100px;
text-align: left;
}
.hs_01_overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.9) 100%);
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
}
.hs_01_title_top {
position: relative;
font-size: 13px;
text-transform: uppercase;
font-family: 'Karla', sans-serif;
font-weight: 400;
letter-spacing: 3px;
color: #FFF;
margin-bottom: 20px;
z-index: 3;
}
.hs_01_title_middle {
position: relative;
font-size: 63px;
text-transform: uppercase;
font-weight: 400;
color: #FFF;
letter-spacing: 6px;
line-height: 65px;
z-index: 3;
}
.hs_01_title_bottom {
position: relative;
font-size: 13px;
text-transform: uppercase;
font-family: 'Karla', sans-serif;
font-weight: 400;
letter-spacing: 3px;
color: #FFF;
padding-top: 20px;
z-index: 3;
}
.hs_01_title_divider {
position: relative;
display: none;
/*
top: 30%;
left: 0px;
*/
width: 280px;
border-bottom: 2px solid #fff;
border-bottom: 2px solid rgba(255, 255, 255, 0.7);
border-bottom: 1px solid rgb(165 165 165);
margin-top: 20px;
z-index: 3;
}
.hs_01_go_overlay {
position: absolute;
color: #FFF;
background-color: rgba(0, 191, 255, 1.0);
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: 0.5s;
z-index: 0;
}
.hs_01_go_text {
position: relative;
z-index: 1;
}
a.hs_01_go {
position: relative;
width: 200px;
color: #FFF;
background-color: #000;
text-shadow: 0px 1px 1px #000;
padding: 15px 33px 15px 33px;
margin-top: 30px;
margin-bottom: 0px;
display: inline-block;
font-family: 'Lato', sans-serif;
font-weight: 400;
letter-spacing: normal;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
text-align: center;
line-height: 20px;
transition: all .5s ease-in-out;
}
a.hs_01_go:hover .hs_01_go_overlay {
background: #000;
}
.hs_01_go_black .hs_01_go_overlay {
background-color: transparent;
}
.hs_01_go_black a.hs_01_go {
background-color: transparent;
border: 1px solid #FFF;
}
.hs_01_mls_info {
position: absolute;
font-size: 12px;
letter-spacing: normal;
z-index: 4;
bottom: 0;
color: #FFF;
font-size: 12px;
color: grey;
padding: 0px 0px 20px 20px;
}
.hs_01_mls_info a,
.hs_01_mls_info a:visited {
color: #C0C0C0;
}
@media only screen and (max-width: 1000px) {
.hs_01_section_slogan {
width: 100%;
padding: 309px 21px 0px 22px;
}
.hs_01_section_action {
width: 100%;
padding-top: 20px;
}
.hs_01_title_middle {
font-size: 27px;
line-height: 0;
letter-spacing: 1px;
}
}
@media only screen and (max-width: 700px) {
a.hs_01_go {
font-size: 12px;
width: 45%;
padding: 15px 0px 15px 0px;
text-align: center;
}
}
.h1,
h1 {
font-size: 36px;
}
.h1 {
text-transform: normal;
font-size: 4vh;
color: #000;
font-size: 34px;
font-weight: 400;
padding-bottom: 25px;
}
.c18_info {
position: relative;
padding: 40px 0px 40px 0px;
width: 100%;
/*height: 90vh;*/
margin: 0 auto 0 auto;
text-align: left;
color: #000;
transition: all .75s ease-in-out;
}
.c18_info_inner {
position: relative;
width: 50%;
float: left;
}
.c18_info_inner_pic {
position: relative;
text-align: center;
background-size: cover;
max-width: 100%;
max-height: 100%;
min-height: 767px;
background-position: top center;
}
.c18_info_inner img {
/*
position: relative;
max-width: 700px;
width: 100%;
min-height:auto;
*/
position: absolute;
margin: auto;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.c18_info_inner_data {
font-size: 16px;
font-family: "Montserrat", sans-serif;
line-height: 30px;
font-weight: 400;
letter-spacing: 1px;
padding: 40px 80px 40px 80px;
}
a.c18_info_go {
width: 180px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #FFF;
background: #000;
border-color: #000;
border: 1px solid;
padding: 8px 10px 8px 10px;
margin-top: 20px;
display: inline-block;
letter-spacing: normal;
text-decoration: none;
white-space: nowrap;
text-align: center;
line-height: 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a.c18_info_go:hover {
background: #FFF;
color: #000;
/*padding-left:0px;*/
}
.c18_title_main {
position: relative;
font-size: 23px;
line-height: 19px;
text-transform: uppercase;
font-weight: 400;
padding: 40px 79px 0 80px;
letter-spacing: 6px;
width: 100%;
display: inline-block;
z-index: 3;
text-align: left;
}
.c18_title_main strong {
font-weight: 500;
}
.c18_title_sub {
position: relative;
font-size: 13px;
text-transform: uppercase;
color: #000;
font-family: 'Karla', sans-serif;
font-weight: 400;
letter-spacing: 3px;
padding-left: 0px;
width: 100%;
margin-top: 0px;
z-index: 3;
display: inline-block;
}
.c18_title_sub_agent {
display: inherit;
}
.c18_title_divider {
position: relative;
width: 25%;
display: inline-block;
z-index: 3;
border-top: 2px solid;
margin-top: 0px;
top: 5px;
height: 10px;
transition: all .75s ease-in-out;
}
.c18_info:hover .c18_title_divider {
width: 30%;
}
@media only screen and (max-width: 1028px) {
.c18_info_inner_data {
padding: 40px 40px 40px 40px;
}
}
@media only screen and (max-width: 850px) {
.c18_info {
padding: 40px 0px 40px 0px;
min-height: 500px;
height: auto;
}
.c18_info_inner {
width: 100%;
margin: 0 auto;
display: inline-block;
border: 0px solid #FFF;
border-bottom: 0px solid #666666;
padding-bottom: 0px;
margin: 0px;
}
.c18_info_inner_data p {
padding: 0px 20px;
}
.c18_info_inner_pic {
text-align: center;
min-height: 500px;
}
.c18_info_inner_data {
padding: 40px 0px 40px 5px;
}
.c18_title_main {
font-size: 24px;
line-height: 36px;
}
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
transition: all ease-in-out 0.4s;
width: 96%;
margin-top: 184px;
}
.services .icon-box .icon {
margin-bottom: 10px;
}
.services .icon-box .icon i {
color: #47b2e4;
font-size: 36px;
transition: 0.3s;
}
.services .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
text-align: left;
}
.services .icon-box h4 a {
color: #fff;
transition: ease-in-out 0.3s;
}
.services .icon-box p {
line-height: 1px;
font-size: 14px;
text-align: left;
margin-bottom: 0;
color: #e1e1e1;
}
.services .icon-box:hover {
transform: translateY(-10px);
}
.services .icon-box:hover h4 a {
color: #000;
}
/*--------------------------------------------------------------
# Why Us Section
--------------------------------------------------------------*/
.section-bg {
background-color: #eee;
}
.why-us .why-box {
padding: 30px;
background: #c0bebc;
color: #0a3672;
}
.why-us .why-box h3 {
font-weight: 700;
font-size: 34px;
margin-bottom: 30px;
}
.why-us .why-box p {
margin-bottom: 30px;
}
.why-us .why-box .more-btn {
display: inline-block;
background: rgb(255 255 255 / 52%);
padding: 6px 30px 8px 30px;
color: #0a3672;
border-radius: 50px;
transition: all ease-in-out 0.4s;
}
.why-us .why-box .more-btn i {
font-size: 14px;
}
.why-us .why-box .more-btn:hover {
color: #0a3672;
background: #fff;
}
.why-us .icon-box {
text-align: center;
background: #fff;
padding: 40px 30px;
width: 100%;
height: 521px;
border: 1px solid rgba(55, 55, 63, 0.1);
transition: 0.3s;
}
.why-us .icon-box i {
color: #fff;
margin-bottom: 30px;
font-size: 32px;
margin-bottom: 30px;
background: #0a3672;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
}
.why-us .icon-box h4 {
font-size: 20px;
font-weight: 400;
margin: 0 0 30px 0;
font-family: var(--font-secondary);
}
.why-us .icon-box p {
font-size: 15px;
color: #000;
font-weight: 400;
}
@media (min-width: 1200px) {
.why-us .icon-box:hover {
transform: scale(1.1);
}
}
.divider {
display: inline-block;
padding-left: 25px;
margin-left: 25px;
border-left: 4px solid #0597cd;
}
.titleH {
font-size: 54px;
line-height: 50px;
font-weight: 400;
color: #000;
text-align: center;
text-transform: uppercase;
}
.title-sub {
font-weight: 400;
font-size: 32px;
line-height: 32px;
position: absolute;
white-space: nowrap;
text-align: center;
letter-spacing: 13px;
width: 100%;
color: #FFF;
text-shadow: 0px 1px 1px rgb(0 0 0);
text-transform: uppercase;
margin-top: 379px;
}
.font-news {
font-size: 20px;
color: gray;
}
.search-input2 {
float: right;
}
.search-box-slim {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
position: absolute;
z-index: 5;
background: rgba(255, 255, 255, 0.8);
left: 50%;
margin: -384px 0 0 -230px;
padding: 10px;
color: #fff;
width: 560px;
}
.search-button-slim {
font-size: 17px;
text-transform: none;
font-weight: 400;
border-radius: 2px;
border: none;
transition: all ease-in-out 200ms;
padding: 10px;
background-color: rgba(248, 167, 49, 0.75);
}
.realtor-text {
font-size: 40px;
font-weight: 500;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
line-height: 30px;
position: absolute;
margin-top: -182px;
text-align: center;
width: 100%;
text-transform: uppercase;
letter-spacing: 2px;
}
.sub-text {
font-size: 19px;
font-weight: 300;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
line-height: 56px;
letter-spacing: 5px;
}
* {
outline: none !important;
}
body {
font-family: Jost;
font-weight: 400;
font-size: 14px;
line-height: 1.9;
letter-spacing: 1px;
color: #000;
}
body.ng-scope {
display: block;
}
a {
color: #000;
transition: all ease-in-out 200ms;
}
a:hover {
color: #333;
text-decoration: none;
outline: none;
}
.btn-success.focus,
.btn-success:focus {
color: #fff;
background-color: #000;
border-color: #000;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #084c8a;
border-color: #00396d;
}
.btn {
font-size: 20px;
text-transform: uppercase;
font-weight: 400;
border-radius: 0;
border: none;
transition: all ease-in-out 200ms;
background: #000;
color: #fff;
}
.btn-success {
background: #000;
}
.btn-success:hover {
background: #000;
}
.btn-active {
background: #000 !important;
color: #fff !important;
}
.btn-default {
background: #000;
}
.btn-default:hover {
background: #919191;
}
.btn-border {
border: 1px solid #000;
}
.btn-border:hover {
border: 1px solid #000;
background: #e1e1e1;
color: #000;
}
[ng-cloak].loader-overlay {
display: block !important;
}
[ng-cloak].wrapper {
display: none !important;
}
[ng-cloak].table-wrap {
display: none !important;
}
.site-header {
position: fixed;
left: 0;
right: 0;
top: 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
z-index: 99;
}
.site-header .header-top {
height: 50px;
background: #000;
color: #b2b2b2;
}
.site-header .header-bottom {
background: #fff;
padding: 20px 0;
transition: all ease-in-out 200ms;
}
.site-header .header-bottom .container {
position: relative;
}
.site-header .navbar-brand {
/*background: #000;*/
width: 200px;
height: 200px;
position: absolute;
top: -70px;
left: 15px;
text-align: center;
padding: 0;
}
.site-header.fix-head .navbar-brand {
width: 122px;
height: 122px;
}
.site-header .navbar-brand > span {
display: table;
width: 100%;
height: 100%;
}
.site-header .navbar-brand > span > span {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.site-header .navbar-brand img {
max-width: 100%;
}
.site-header .navbar-nav > li > a {
background: none !important;
color: #000;
padding: 15px 8px;
float: left;
font-weight: 700;
}
.site-header .navbar-nav > li .fa-angle-down {
margin-top: 18px;
}
.site-header .navbar-nav > li > a:hover,
.site-header .navbar-nav > li.active > a {
color: #000;
}
.navbar-nav > li.dropdown.open {
background: #000;
}
.navbar-nav > li.dropdown.open a {
color: #fff;
}
.navbar-nav > li > .dropdown-menu {
background: #000;
max-height: 242px;
}
.navbar-nav > li > .dropdown-menu li a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #fff;
white-space: nowrap;
}
.dropdown-menu li a {
color: #fff;
}
.navbar-nav > li > .dropdown-menu li a:focus,
.navbar-nav > li > .dropdown-menu li a:hover {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.not-show-under-1024 {
opacity: 0;
position: absolute;
}
.site-header.fix-head {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.site-header.fix-head .header-bottom {
padding: 0;
}
.site-header .header-lan {
height: 24px;
float: left;
margin: 20px 0 0 215px;
}
.site-header .header-lan .map-icons {
display: block;
float: left;
white-space: nowrap;
}
.site-header .header-lan .map-icons a {
display: inline-block;
}
.site-header .header-lan img {
display: block;
margin: auto;
}
.site-header .header-social {
float: left;
font-size: 18px;
margin: 12px 0 0 30px;
}
.site-header .header-social ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.site-header .header-social ul li {
float: left;
margin-right: 10px;
}
.site-header .header-social ul li a {
color: #e1e1e1;
}
.site-header .header-social ul li a:hover {
color: #000;
}
.site-header .header-actions {
float: right;
}
.site-header .header-actions ul {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.site-header .header-actions ul li {
float: left;
margin-left: 25px;
}
.site-header .header-actions ul li:first-child {
margin-left: 0;
}
.site-header .header-actions ul li a,
.site-header .header-actions ul li .search-link {
color: #e1e1e1;
line-height: 50px;
display: block;
text-decoration: none !important;
background: none;
border: none;
}
.site-header .header-actions ul li a:hover,
.site-header .header-actions ul li .search-link:hover {
color: #fff;
}
.site-header .header-actions ul li a .fa {
font-size: 18px;
margin-right: 2px;
position: relative;
top: 1px;
}
.flexslider-container .flexslider {
position: relative;
}
.flexslider-container .flexslider:after {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url(../images/banner-overlay.png) repeat-x left top;
content: "";
z-index: 5;
}
.flexslider .slides {
margin: 0;
padding: 0;
list-style: none;
;
}
.flexslider .slides:before,
.flexslider .slides:after {
display: table;
content: "";
}
.flexslider .slides:after {
clear: both;
}
.flexslider .slides > li {
height: 560px;
}
.flexslider .slides .slider-item {
position: absolute;
;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.flexslider .flex-control-nav {
display: none;
visibility: hidden;
}
.flexslider .flex-direction-nav {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 7;
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.flexslider .flex-direction-nav li {
display: inline-block;
margin: 0 2px;
display: none;
}
.flexslider .flex-direction-nav li a {
width: 40px;
display: none;
height: 40px;
display: block;
background: #000;
text-indent: -9999px;
position: relative;
}
.flexslider .flex-direction-nav li a:before {
font-family: 'FontAwesome';
content: "";
color: #fff;
font-size: 30px;
position: absolute;
left: 0;
top: 1px;
text-indent: 0;
}
.flexslider .flex-direction-nav li a.flex-prev:before {
content: "\f104";
left: 13px;
}
.flexslider .flex-direction-nav li a.flex-next:before {
content: "\f105";
left: 15px;
}
.flexslider .flex-direction-nav li a:hover {
background: #20272b;
}
.content-area {
padding: 60px 0;
}
.content-area.white-bg {
background-color: #fff;
}
.content-area .heading-sec {
margin-bottom: 30px;
}
.content-area .heading-sec h3 {
display: inline-block;
padding-bottom: 20px;
margin: 0;
font-family: 'Playfair Display', serif;
text-transform: uppercase;
position: relative;
}
.content-area .heading-sec h3:after {
position: absolute;
width: 90px;
height: 1px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
content: "";
}
.content-area.white-bg .heading-sec h3 {
color: #000;
}
.content-area.white-bg .heading-sec h3:after {
background: #000;
}
.content-area.dark-bg .heading-sec h3 {
color: #fff;
}
.content-area.dark-bg .heading-sec h3:after {
background: #909395;
}
.project-listing {
margin-left: 5%;
margin-right: 5%;
margin-top: 50px;
}
.project-listing ul {
margin: 0;
padding: 0;
list-style: none;
}
.project-listing ul li {
width: 24.6%;
height: 300px;
margin: .2%;
float: left;
position: relative;
}
.project-block {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
overflow: hidden;
}
.project-block .project-thumb {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
transition: all ease-in-out 200ms;
}
.project-block:hover .project-thumb {
transform: scale(1.1, 1.1);
}
.project-block .project-info {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
padding: 15px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
}
.result-blocks .project-block .project-info {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
}
.project-block .project-info .prop-title {
margin: 0;
text-align: center;
text-transform: uppercase;
}
.project-block .project-info .prop-title a {
color: #e1e1e1;
text-decoration: none !important;
}
.project-block .project-info .prop-title a:hover {
color: #fff;
}
.skyline-bg {
background: url(../images/skyline-bg.jpg) no-repeat center center fixed;
background-size: cover;
}
.neighborhood-blocks .nav {
margin-bottom: 30px;
text-align: center;
}
.neighborhood-blocks .nav > li {
display: inline-block;
font-size: 18px;
text-transform: uppercase;
}
.neighborhood-blocks .nav > li > a {
border: 1px solid #000;
padding: 5px 15px;
}
.neighborhood-blocks .nav > li.active > a {
background: #000;
color: #fff;
}
.neighborhood-block {
height: 330px;
position: relative;
margin-bottom: 30px;
}
.featured-neighborhoods .btn-border {
font-size: 14px;
font-weight: 500;
}
.featured-neighborhoods .btn-border .fa {
font-size: 17px;
margin-left: 5px;
}
.project-block .project-info .prop-title.light {
font-size: 17px;
font-weight: 400;
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.project-block .project-info .prop-title.light a {
color: #fff;
text-decoration: none !important;
}
.project-block .project-info .prop-title.light a:hover {
color: #e1e1e1;
}
.project-block .project-info .prop-tags {
list-style: none;
margin: 10px 0 0;
padding: 0;
text-align: center;
font-size: 12px;
font-weight: 500;
color: #000;
text-transform: uppercase;
}
.project-block .project-info .prop-tags li {
display: inline-block;
color: #fff;
padding-right: 10px;
margin-right: 10px;
border-right: 2px solid #fff;
height: 11px;
line-height: 11px;
}
.project-block .project-info .prop-tags li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.left-tab-panel {
border-bottom: 1px solid #c7c7c7;
}
.left-tab-panel .tab-bg {
width: 645px;
min-height: 700px;
background: url(../images/tab-bg.jpg) no-repeat left center;
background-size: cover;
float: left;
}
.left-tab-panel .nav > li {
font-size: 20px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
}
.left-tab-panel .nav > li > a {
color: #fff !important;
display: inline-block;
padding: 10px 30px;
background: none !important;
}
.left-tab-panel .nav > li.active > a {
color: #000 !important;
background: #fff !important;
}
.left-tab-panel .tab-content {
padding: 60px 30px 100px;
overflow: hidden;
position: relative;
}
.left-tab-panel .tab-content .btn-holder {
position: absolute;
left: 30px;
right: 30px;
bottom: 30px;
text-align: center;
}
.left-tab-panel .tab-content .btn-holder .btn {
font-size: 14px;
padding: 10px 20px;
font-weight: 500;
}
.project-slider {
padding-bottom: 80px;
}
.project-slider .slider-single {
height: 430px;
}
.project-slider .swiper-button-next,
.project-slider .swiper-button-prev {
top: auto;
bottom: 10px;
background-color: #000;
width: 40px;
height: 40px;
background-size: 12px auto;
transition: all ease-in-out 200ms;
}
.project-slider .swiper-button-next:not(.swiper-button-disabled):hover,
.project-slider .swiper-button-prev:not(.swiper-button-disabled):hover {
background-color: #333;
}
.project-slider .swiper-button-next {
left: 50%;
margin-left: 10px;
}
.project-slider .swiper-button-prev {
left: 50%;
margin-left: -40px;
}
.form-group1 {
width: 720px;
margin-bottom: 20px;
}
.control-label {
font-weight: 400;
}
.form-control {
border: 1px solid #c7c7c7;
border-radius: 0px;
min-height: 42px;
box-shadow: none;
}
.custom-select {
position: relative;
background: #fff;
border-radius: 6px;
}
.custom-select select {
position: relative;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
padding-right: 30px;
/*color:rgba(0,0,0,0);
text-shadow:0 0 0 #4a4a4a;*/
}
.custom-select:after {
width: 15px;
height: 8px;
background: url(../images/select-arrow.png) no-repeat;
background-size: 15px 8px;
position: absolute;
right: 15px;
top: 18px;
z-index: 1;
content: "";
}
.check-icon label {
margin: 0;
display: inline-block;
}
.check-icon label input[type=checkbox] {
display: none;
}
.check-icon label input[type=checkbox] + span {
display: block;
float: left;
width: 68px;
height: 42px;
margin-right: 4px;
background-color: #f7f7f7;
border: 1px solid #c7c7c7;
border-radius: 2px;
text-align: center;
line-height: 40px;
font-size: 14px;
font-weight: 400;
color: #a6a6a6;
transition: border-color ease-in-out 200ms;
}
.check-icon label input[type=checkbox] + span:not(.num-label) {
cursor: pointer;
background-image: url(../images/check-icons.png);
background-repeat: no-repeat;
}
.check-icon label input[type=checkbox] + span:not(.num-label):hover {
border-color: #000;
}
.check-icon label input[type=checkbox]:checked + span:not(.num-label) {
border: 2px solid #000;
}
.check-icon label input[type=checkbox] + span.bed-label {
background-position: center 9px;
}
.check-icon label input[type=checkbox]:checked + span.bed-label {
background-position: center -45px;
}
.check-icon label input[type=checkbox] + span.bath-label {
background-position: center -97px;
}
.check-icon label input[type=checkbox]:checked + span.bath-label {
background-position: center -151px;
}
.news-area {
background: #20272b;
}
.news-blocks .news-block {
background: #fff;
padding: 20px 30px;
}
.news-blocks .news-block .news-title {
text-transform: uppercase;
margin-bottom: 15px;
line-height: 24px;
}
.news-blocks .news-block .news-title a {
color: #000;
}
.news-blocks .news-block .news-date {
color: #627681;
font-size: 14px;
}
.site-footer .footer-top {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 50px 0;
}
.site-footer .broker-block .broker-thumb {
height: 250px;
width: 250px;
float: left;
margin-right: 20px;
border: 2px solid #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
border-radius: 50%;
}
.site-footer .broker-block .broker-info {
overflow: hidden;
padding-right: 50px;
}
.site-footer .broker-block .broker-info .name {
font-size: 20px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 2px;
}
.site-footer .broker-block .broker-info .info {
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
color: #b3b3b3;
}
.site-footer .social-icons h3 {
font-size: 20px;
text-transform: uppercase;
margin: 0 0 15px;
font-weight: 400;
}
.site-footer .social-icons ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer .social-icons ul li {
float: left;
margin-right: 5px;
}
.site-footer .social-icons ul li a {
display: block;
width: 30px;
height: 30px;
color: #fff;
background: #ccc;
text-align: center;
line-height: 30px;
font-size: 17px;
}
.site-footer .social-icons ul li a:hover {
opacity: 0.8;
}
.site-footer .social-icons ul li a.facebook {
background: #204385;
}
.site-footer .social-icons ul li a.twitter {
background: #2aa9e0;
}
.site-footer .social-icons ul li a.linkedin {
background: #02669a;
}
.site-footer .social-icons ul li a.google-plus {
background: #d3492c;
}
.site-footer .social-icons ul li a.youtube_url {
background: #e62117;
}
.site-footer .sponsor-logos .logo-block {
margin-bottom: 15px;
}
.site-footer .sponsor-logos .logo-block:last-child {
margin-bottom: 0;
}
.site-footer .sponsor-logos .logo-block img {
max-width: 100%;
}
.site-footer .footer-middle {
padding: 40px 0;
}
.site-footer .logo-chain ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer .logo-chain ul li {
display: inline-block;
margin: 0 25px;
}
.site-footer .footer-bottom {
font-size: 13px;
background: #20272b;
color: #fff;
padding: 50px 0;
}
.site-footer .footer-bottom a {
color: #000;
}
.site-footer .footer-link ul {
list-style: none;
margin: 0 0 10px;
padding: 0;
}
.site-footer .footer-link ul li {
display: inline-block;
height: 12px;
line-height: 12px;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #fff;
}
.site-footer .footer-link ul li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.site-footer .footer-link ul li a {
color: #fff;
}
.site-footer .copyright-info {
margin-top: 30px;
line-height: 25px;
}
.site-footer .copyright-info p {
margin: 0;
}
.quick-contact-box {
position: fixed;
right: 10%;
bottom: -70px;
width: 330px;
background: #0597cd;
color: #fff;
border-radius: 3px 3px 0 0;
z-index: 99;
transition: all ease-in-out 400ms;
}
.quick-contact-box.anim-up {
bottom: 0;
}
.quick-contact-box .box-handel {
font-size: 18px;
text-transform: uppercase;
padding: 15px;
position: relative;
cursor: pointer;
}
.quick-contact-box .box-handel:after {
font-family: 'FontAwesome';
content: "\f106";
position: absolute;
right: 15px;
top: 16px;
}
.quick-contact-box .box-form {
display: none;
}
.quick-contact-box .box-form .form-horizontal {
border-top: 1px solid #e1e1e1;
margin: 0 15px 15px;
padding-top: 15px;
}
.quick-contact-box .box-form .control-label {
font-weight: 400;
text-align: left;
letter-spacing: 0;
font-size: 14px;
}
.quick-contact-box .box-form .form-control {
min-height: 34px;
background: none;
border: 1px solid #e1e1e1;
box-shadow: none;
color: #fff;
}
.quick-contact-box .box-form .form-control:focus {
border-color: #fff;
}
.quick-contact-box .box-form .btn {
background: none;
border: 1px solid #e1e1e1;
font-size: 15px;
text-transform: uppercase;
}
.quick-contact-box .box-form .btn:hover {
background: #fff;
border-color: #fff;
color: #000;
}
.required {
color: #f00;
}
/* Inner Page */
.page-breadcrumb{
background: #000;
border-bottom: 1px solid #ededed;
max-width: inherit;
width: 100%
}
.page-breadcrumb .page-title{
background-position: center;
text-transform: uppercase;
font-size: 28px;
font-weight: 400;
height: 166px;
line-height: 45px;
display:none;
letter-spacing: 8.2px;
padding: 25px 0 15px;
margin: 0;
color: #fff;
text-align: center;
}
.page-breadcrumb .bread-btns {
padding: 19px 0 10px;
}
.page-breadcrumb .bread-btns .btn {
font-size: 16px;
}
hr {
border-color: #e9e9e9;
margin-top: 30px;
margin-bottom: 30px;
}
.home-finder-form .sub-heading {
font-weight: 400;
margin: 30px 0;
}
.custom-checkbox label {
display: block;
font-weight: 400;
position: relative;
margin: 0;
line-height: 30px;
padding-left: 30px;
cursor: pointer;
}
.custom-checkbox input[type=checkbox] {
display: none;
}
.custom-checkbox label:before {
width: 20px;
height: 20px;
border: 1px solid #c7c7c7;
position: absolute;
left: 0;
top: 5px;
content: "";
}
.custom-checkbox label:hover:before {
border-color: #a6a6a6;
}
.custom-checkbox input[type=checkbox]:checked + label:before {
background: url(../images/check-icon.png) no-repeat center center #000;
background-size: 14px auto;
border-color: #000;
}
.agent-panel {
min-height: 640px;
position: relative;
}
.search-loader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.8) url(../images/loader-32-32.gif) no-repeat center center;
z-index: 5;
}
.search-top {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #c7c7c7;
}
.search-tags {
font-size: 14px;
margin-top: 20px;
}
.search-tags ul {
margin: 0;
padding: 0;
list-style: none;
}
.search-tags ul li {
display: inline-block;
margin: 0 5px 9px 0;
padding: 5px 30px 5px 10px;
border: 1px solid #000;
border-radius: 2px;
position: relative;
color: #fff;
background: #000;
font-weight: 400;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.search-tags ul li strong {
color: #fff;
}
.search-tags .close-tag {
position: absolute;
right: 10px;
top: 5px;
font-weight: 500;
text-decoration: none !important;
color: #fff;
}
.search-tags .close-tag:hover {
color: #fff;
}
.search-top .search-buttons .btn {
font-size: 14px;
}
.search-top .search-buttons .btn .fa {
margin-right: 5px;
}
.search-top .toggle-search {
margin-top: 30px;
background: #f2f2f2;
padding: 20px;
}
.search-top .check-icon label input[type="checkbox"] + span {
width: 65px;
}
.search-top .mid-row {
padding-top: 20px;
border-top: 1px solid #dedede;
}
.search-top .prop-lists {
min-height: 100px;
max-height: 100px;
overflow-x: hidden;
overflow-y: auto;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
}
.search-top .prop-lists a {
display: block;
padding: 2px 10px;
color: #000;
text-decoration: none !important;
}
.search-top .prop-lists a span {
color: #000;
font-style: italic;
}
.search-top .prop-lists a:hover {
background: #f2f2f2;
}
.search-top .more-choise ul {
padding: 0;
margin: 0;
list-style: none;
}
.search-top .more-choise ul li {
padding: 2px 0;
font-size: 13px;
}
.search-top .more-choise ul li a {
color: #000;
}
.search-top .more-choise ul li a.active {
font-weight: 500;
color: #000;
}
.home-banner-container {
position: relative;
background: rgba(0, 0, 0, 0.84);
}
#weather {
width: 235px;
text-transform: uppercase;
position: absolute;
top: 200px;
z-index: 9;
background: rgba(0, 0, 0, 0.65);
left: 50%;
margin-left: -588px;
color: #fff;
font-size: 14px;
font-weight: 500;
}
#weather i {
font-family: weather;
font-size: 100px;
font-weight: normal;
font-style: normal;
line-height: 1.0;
text-transform: none;
}
.icon-0:before {
content: ":";
}
.icon-1:before {
content: "p";
}
.icon-2:before {
content: "S";
}
.icon-3:before {
content: "Q";
}
.icon-4:before {
content: "S";
}
.icon-5:before {
content: "W";
}
.icon-6:before {
content: "W";
}
.icon-7:before {
content: "W";
}
.icon-8:before {
content: "W";
}
.icon-9:before {
content: "I";
}
.icon-10:before {
content: "W";
}
.icon-11:before {
content: "I";
}
.icon-12:before {
content: "I";
}
.icon-13:before {
content: "I";
}
.icon-14:before {
content: "I";
}
.icon-15:before {
content: "W";
}
.icon-16:before {
content: "I";
}
.icon-17:before {
content: "W";
}
.icon-18:before {
content: "U";
}
.icon-19:before {
content: "Z";
}
.icon-20:before {
content: "Z";
}
.icon-21:before {
content: "Z";
}
.icon-22:before {
content: "Z";
}
.icon-23:before {
content: "Z";
}
.icon-24:before {
content: "E";
}
.icon-25:before {
content: "E";
}
.icon-26:before {
content: "3";
}
.icon-27:before {
content: "a";
}
.icon-28:before {
content: "A";
}
.icon-29:before {
content: "a";
}
.icon-30:before {
content: "A";
}
.icon-31:before {
content: "6";
}
.icon-32:before {
content: "1";
}
.icon-33:before {
content: "6";
}
.icon-34:before {
content: "1";
}
.icon-35:before {
content: "W";
}
.icon-36:before {
content: "1";
}
.icon-37:before {
content: "S";
}
.icon-38:before {
content: "S";
}
.icon-39:before {
content: "S";
}
.icon-40:before {
content: "M";
}
.icon-41:before {
content: "W";
}
.icon-42:before {
content: "I";
}
.icon-43:before {
content: "W";
}
.icon-44:before {
content: "a";
}
.icon-45:before {
content: "S";
}
.icon-46:before {
content: "U";
}
.icon-47:before {
content: "S";
}
#weather h2 {
background: rgba(0, 0, 0, 0.55);
font-size: 50px;
font-weight: 400;
text-align: center;
margin: 0;
border-bottom: 1px solid #454443;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
#weather ul {
margin: 0;
padding: 20px;
list-style: none;
}
#weather li {
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#weather li:last-child {
border-bottom: none;
}
#weather li label {
display: block;
color: #000;
margin: 0 0 3px;
}
#weather .w-error {
padding: 10px;
margin: 0;
text-align: center;
text-transform: none;
font-weight: 400;
font-size: 12px;
position: relative;
padding-top: 40px;
}
#weather .w-error:before {
font-family: 'FontAwesome';
content: "\f071";
position: absolute;
left: 0;
right: 0;
top: 12px;
text-align: center;
font-size: 20px;
color: #ec8d12;
}
.about-cont .author-thumb {
width: 370px;
height: 410px;
float: right;
margin: 0 41px 38px 71px;
background-position: top !important;
}
.about-cont p:first-of-type:first-letter {}
.contact-cont .author-thumb {
height: 430px;
border: 15px solid #edeeee;
margin-bottom: 15px;
}
.contact-info h4,
.contact-form h4 {
font-size: 24px;
margin: 0 0 20px;
}
.contact-info .dl-horizontal dt {
text-align: left;
width: 80px;
text-transform: uppercase;
}
.dl-horizontal dd {
margin-left: 80px;
margin-bottom: 5px;
}
.dev-blocks .dev-block {
margin-bottom: 30px;
background: #20272b;
}
.dev-block .dev-project-thumb {
height: 250px;
}
.dev-block .dev-project-details {
color: #fff;
padding: 20px;
}
.dev-block .dev-project-details h4 {
font-size: 20px;
font-weight: 400;
margin: 0 0 20px;
text-transform: uppercase;
}
.dev-block .dev-project-details h4 a {
color: #fff;
text-decoration: none;
}
.dev-block .dev-project-details h4 a:hover {
color: #000;
}
.dev-block .dev-project-details .dev-info {
margin: 0;
padding: 0;
list-style: none;
}
.dev-block .dev-project-details .dev-info li {
margin: 5px 0;
position: relative;
padding: 2px 2px 2px 15px;
}
.dev-block .dev-project-details .dev-info li:before {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
left: 0;
top: 3px;
}
.advanced-filter {
margin: 40px 0;
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
}
.advanced-filter .heading-cont {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.advanced-filter .heading-cont h3 {
font-weight: 400;
text-transform: uppercase;
font-size: 20px;
margin: 0;
}
.advanced-filter .heading-cont .toggle-filter {
position: absolute;
right: 0;
top: 0;
color: #848484;
}
.advanced-filter h4 {
font-weight: 400;
font-size: 18px;
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #c7c7c7;
}
.advanced-filter ul {
margin: 0;
padding: 0;
list-style: none;
}
.advanced-filter ul li {
padding: 5px 0;
}
.advanced-filter ul li a {
color: #20272b;
text-decoration: none !important;
}
.advanced-filter ul li a:hover {
color: #000;
}
.advanced-filter ul li a.active {
font-weight: 500;
color: #000;
}
.filter-col {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.search-result-listing .result-heading {
border-bottom: 1px solid #c7c7c7;
padding: 20px 0;
margin-bottom: 25px;
}
.search-result-listing .result-heading h3 {
font-weight: 400;
font-size: 24px;
letter-spacing: 2px;
margin: 9px 0 0;
text-transform: uppercase;
}
.search-result-listing .result-heading .btn {
font-size: 14px;
min-height: 42px;
vertical-align: top;
}
.search-result-listing .result-heading .custom-select {
display: inline-block;
vertical-align: top;
}
.result-blocks .result-block {
height: 320px;
position: relative;
margin-bottom: 30px;
}
.result-block .project-block .project-info {
color: #fff;
line-height: 20px;
}
.result-block .project-block .project-info .prop-title {
text-align: left;
margin-bottom: 10px;
}
.result-block .project-block .project-info .prop-title a {
color: #fff;
}
.result-block .project-block .project-info .prop-address,
.result-block .project-block .project-info .prop-no {
margin: 0;
font-size: 13px;
font-weight: 500;
}
.result-block .project-block .project-info .prop-price {
margin-top: 10px;
}
.result-block .project-block .project-info .prop-price .price {
font-size: 24px;
font-weight: 500;
float: left;
margin-right: 10px;
}
.result-block .project-block .project-info .prop-tags {
float: left;
color: #fff;
}
.result-block .project-block .project-info .sale-tag {
font-size: 13px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
position: absolute;
right: 15px;
top: 17px;
}
.result-block .project-block .like-icon {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
z-index: 9;
}
.agent-panel .map-prop-cont {
position: relative;
overflow: hidden;
}
.agent-panel .map-prop-cont > div {
/*position: static !important;*/
}
.agent-panel .property-map {
width: 50%;
float: right;
padding-left: 15px;
}
.agent-panel .map-prop-listing {
float: left;
width: 50%;
padding-right: 15px;
}
.agent-prop-listing {
/*height:580px;*/
position: relative;
padding-bottom: 50px;
}
.agent-prop-listing .pagination {
position: absolute;
height: 50px;
left: 0;
right: 0;
bottom: 0;
background: #e4e4e4;
margin: 0;
padding: 10px 15px;
border-radius: 0;
}
.agent-prop-listing .pagination > li {
margin: 0 2px;
float: left;
}
.agent-prop-listing .pagination a,
.agent-prop-listing .pagination span {
display: inline-block;
padding: 5px;
border: 1px solid #ccc;
min-width: 30px;
height: 30px;
text-align: center;
line-height: 18px;
border-radius: 3px;
font-size: 12px;
text-decoration: none;
background: none;
}
.agent-prop-listing .pagination a:hover {
background: #fff;
color: #000;
}
.agent-prop-listing .pagination > li.active a {
background: #000;
color: #fff;
border-color: #000;
}
.agent-prop-listing > ul {
padding: 0;
margin: 0;
list-style: none;
/*max-height: 530px;
overflow-x: auto;*/
}
.agent-prop-listing > ul > li {
border-bottom: 1px solid #c7c7c7;
padding: 10px;
}
.agent-prop-listing > ul > li:nth-child(even) {
background: #f2f2f2;
}
.agent-prop-block .thumb-container {
width: 170px;
height: 140px;
float: left;
margin-right: 15px;
overflow: hidden;
position: relative;
}
.agent-prop-block .virtual-tour {
position: absolute;
left: 0;
right: 0;
bottom: -30px;
font-size: 12px;
color: #fff;
text-decoration: none !important;
font-weight: 500;
text-align: center;
padding: 6px;
background: rgba(0, 0, 0, 0.6);
transition: all ease-in-out 200ms;
}
.agent-prop-block .virtual-tour:hover {
color: #000;
background: rgba(0, 0, 0, 0.8);
}
.agent-prop-block:hover .virtual-tour {
bottom: 0;
}
.agent-prop-block .thumb-container .thumb {
width: 100%;
height: 140px;
}
.agent-prop-block .project-info {
font-size: 14px;
}
.agent-prop-block .project-info .prop-title {
margin: 0 0 10px;
}
.agent-prop-block .project-info .prop-address,
.agent-prop-block .project-info .prop-no {
margin: 0;
}
.agent-prop-block .project-info .prop-price {
margin-top: 10px;
}
.agent-prop-block .project-info .prop-price .price {
font-size: 24px;
color: #000;
font-weight: 500;
}
.agent-prop-block .project-info .prop-tags {
list-style: none;
margin: 3px 0 0;
padding: 0;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.agent-prop-block .project-info .prop-tags li {
display: inline-block;
padding-right: 10px;
margin-right: 10px;
border-right: 2px solid #ccc;
height: 11px;
line-height: 11px;
}
.agent-prop-block .project-info .prop-tags li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.agent-panel .agent-header {
background: #e4e4e4;
padding: 10px;
font-size: 14px;
}
.agent-panel .agent-header .show-result {
float: left;
margin-top: 12px;
}
.agent-panel .agent-header .sorting {
float: right;
}
.agent-panel .agent-header .sorting .custom-select {
display: inline-block;
}
.detail-top-sec {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #e9e9e9;
}
.details-cont .price-row {
margin-bottom: 15px;
}
.details-cont .price-row .price {
font-size: 30px;
font-weight: 700;
}
.details-cont .price-row .sale-tag {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #000;
padding: 0 10px;
}
.details-cont .prop-title {
margin: 15px 0;
}
.details-cont .prop-title h1,
.details-cont .prop-title h2 {
font-size: 24px;
font-weight: 400;
margin: 0;
}
.details-cont .prop-address {
margin: 15px 0;
color: #7a7a7a;
font-size: 16px;
}
.details-cont .prop-address p {
margin: 0;
}
.details-cont .virtual-tour {
margin: 15px 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
}
.details-cont .prop-info {
margin: 15px 0;
color: #7a7a7a;
font-size: 16px;
}
.details-cont .prop-info p {
margin: 0;
}
.details-cont .prop-tags {
margin: 15px 0;
}
.details-cont .prop-tags ul {
margin: 0;
padding: 0;
list-style: none;
}
.details-cont .prop-tags ul li {
display: inline-block;
border: 1px solid #cacaca;
border-radius: 2px;
font-size: 12px;
text-transform: uppercase;
padding: 10px;
text-align: center;
}
.details-cont .prop-tags ul li span {
font-size: 20px;
font-weight: 700;
color: #000;
display: block;
}
.details-cont .call-info {
margin: 15px 0;
font-size: 20px;
text-transform: uppercase;
}
.details-cont .prop-action {
margin-top: 15px;
}
.details-cont .prop-action .btn {
font-size: 15px;
font-weight: 400;
}
.property-details h3 {
/*margin:0 0 20px;*/
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
}
.property-details .dl-horizontal {
margin-top: 30px;
}
.property-details .dl-horizontal dt {
width: 220px;
text-align: left;
}
.property-details .dl-horizontal dd {
margin-left: 240px;
margin-bottom: 14px;
}
.property-sidebar .contact-box {
background: url(../images/tab-bg.jpg) no-repeat center bottom;
background-size: cover;
padding: 20px;
}
.property-sidebar .contact-box {
margin-bottom: 30px;
color: #fff;
}
.property-sidebar .contact-box h4 {
font-size: 16px;
margin: 0 0 20px;
text-transform: uppercase;
}
.property-sidebar .contact-box .form-control {
min-height: 40px;
background: none;
border: 1px solid rgba(255, 255, 255, 0.4);
box-shadow: none;
color: #fff;
}
.property-sidebar .contact-box .form-control:focus {
border-color: #fff;
}
.property-sidebar .contact-box .btn {
background: none;
border: 1px solid #e1e1e1;
font-size: 15px;
font-weight: 400;
padding: 10px;
text-transform: uppercase;
}
.property-sidebar .contact-box .btn:hover {
background: #fff;
border-color: #fff;
color: #000;
}
.detail-mid-sec {
padding-bottom: 50px;
margin-bottom: 50px;
/*border-bottom: 1px solid #e9e9e9;*/
}
.detail-bottom-sec .prop-desc h3 {
margin-bottom: 20px;
}
.detail-bottom-sec .prop-desc p {
margin-top: 30px;
font-size: 16px;
}
.bottom-gap {
margin-bottom: 20px;
}
.detail-mid-sec.document {
padding-bottom: 30px;
margin-bottom: 30px;
display: table;
}
span.spanclass {
margin: 0 5px 5px 0;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 48%;
box-shadow: none !important;
}
.btn-customdownload:hover {
color: #000 !important;
background: none;
}
.newclass {}
/* RATING */
.rating {
margin: 5px 0 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.rating li {
display: inline-block;
margin-right: 4px;
}
.rating li span {
display: block;
float: left;
width: 61px;
height: 42px;
background-color: #f7f7f7;
border: 1px solid #c7c7c7;
border-radius: 2px;
text-align: center;
line-height: 40px;
font-size: 14px;
font-weight: 400;
color: #a6a6a6;
cursor: pointer;
background-image: url(../images/check-icons.png);
background-repeat: no-repeat;
transition: border-color ease-in-out 200ms;
}
.rating li span:hover {
border-color: #000;
}
.rating li.filled span {
border: 2px solid #000;
}
.rating li span.bed-label {
background-position: center 9px;
}
.rating li.filled span.bed-label {
background-position: center -45px;
}
.rating li span.bath-label {
background-position: center -97px;
}
.rating li.filled span.bath-label {
background-position: center -151px;
}
.rating li span.zero-label {
background-image: none !important;
}
.search-map {
width: 100%;
height: 485px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color: #000;
border-color: #000;
}
.pagination > li > a,
.pagination > li > span {
color: #000;
}
.modal .btn {
font-size: 14px;
}
.sidebar-map {
height: 300px;
}
/* Gallery */
.lSSlideOuter {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1;
}
.lSSlideOuter .lSSlideWrapper {
border: 1px solid #e1e1e1;
}
.lightSlider > li {
height: 450px;
}
.lSSlideOuter .lSGallery {
position: absolute;
bottom: 20px;
z-index: 99;
}
.lSSlideOuter .lSPager.lSGallery li {
transition: all ease-in-out 300ms;
opacity: 0.7;
}
.lSSlideOuter:hover .lSPager.lSGallery li {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery li a {
display: block;
border: 4px solid rgba(0, 0, 0, 0.3);
transition: all ease-in-out 200ms;
}
.lSSlideOuter .lSPager.lSGallery li:hover a {
border-color: rgba(0, 0, 0, 0.6);
}
.lSSlideOuter .lSPager.lSGallery li.active a {
border-color: #000;
}
.lSAction > a {
background: #000 !important;
margin-top: -60px;
opacity: 1;
text-align: center;
color: #fff;
font-size: 20px;
line-height: 30px;
}
.lSAction > a.lSPrev {
left: 0;
}
.lSAction > a.lSNext {
right: 0;
}
.lSAction > a:hover {
background: #626262 !important;
}
.q-search-panel a {
color: #000;
}
.search-result-listing {
position: relative;
min-height: 450px;
}
.modal-body {
position: relative;
min-height: 70px;
}
.custom-select .chosen-container {
display: block;
width: 100% !important;
}
.custom-select .chosen-container .search-field input[type=text] {
width: 100% !important;
}
#image-gallery.lightSlider {
margin: 0 !important;
}
.custom_class {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 24.9%;
}
.dev-blocks .custom_class .dev-block {
background: #000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
box-shadow: 0 8px 6px -6px #20272b;
}
.roweq_height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dev-block .dev-project-details .dev-info li a:hover {
color: #e1e1e1;
text-decoration: none;
text-transform: capitalize;
}
.dev-block .dev-project-details .dev-info li:before {
color: #e1e1e1;
}
.dev-block .dev-project-details .dev-info li {
padding-left: 10px;
}
.dev-block .dev-project-details h4 a {
text-transform: uppercase;
}
.dev-block .dev-project-details h4 {
margin-bottom: 15px;
}
.form-horizontal .control-label {
margin-bottom: 5px;
}
hr {
clear: both;
float: left;
width: 100%;
}
.btn-custom {
font-size: 17px;
}
.mtop10 {
margin-top: 10px !important;
text-decoration: none;
}
.no-arrow::after {
display: none !important;
}
.log-form {
max-width: 700px;
margin: auto;
border: 1px solid #ededed;
background: #f7f7f7;
padding: 15px;
}
.form-group:last-child {
margin-bottom: 0;
}
.site-header .header-actions ul li a.email-link {
width: 180px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.site-header .header-actions ul li a.user-nameheader {
width: 55px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 15px;
}
.success-save {
color: #000;
}
.error-save {
color: red;
}
.customstylemodal .modal-header {
background: #000;
}
.customstylemodal .modal-title {
padding-bottom: 5px;
margin-bottom: 0;
font-size: 20px;
color: #fff;
position: relative;
}
.customstylemodal h4.modal-title::before {
content: '';
position: absolute;
width: 50px;
height: 1px;
background: #fff;
bottom: 0;
left: 50%;
margin-left: -30px;
}
.customstylemodal h4.modal-title::after {
content: '';
position: absolute;
width: 50px;
height: 1px;
background: #fff;
bottom: -3px;
left: 50%;
margin-left: -20px;
}
.customstylemodal .form-group:last-child {
margin-bottom: 20px;
}
.modal-header .close {
margin-top: -2px;
z-index: 12;
position: relative;
}
.fav-fill {
color: #000;
}
.property-mail-succ {
color: #FFF;
}
.property-mail-err {
color: #F00;
}
.sml-search {
margin: auto;
}
/*---------------Meet our team--09-12-2016----------------------*/
.ourTeam {
width: 100%;
margin: 0 0 40px 0;
overflow: hidden;
}
.ourTeam .broker-thumb {
width: 227px;
height: 250px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
margin: 0 auto 15px auto;
float: none;
background-size: contain !important;
}
.ourTeam .broker-info {
width: 100%;
text-align: center;
}
.ourTeam .broker-info .name {
font-size: 20px;
text-transform: uppercase;
font-weight: 400;
padding: 0;
margin: 0 0 5px 0;
color: #000;
}
.ourTeam .broker-info .info {
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
color: #b3b3b3;
padding: 0;
margin: 0 0 10px 0;
}
.ourTeam .broker-info .call {
font-size: 15px;
font-weight: 400;
color: #333333;
padding: 0;
margin: 0 0 5px 0;
vertical-align: middle;
}
.ourTeam .broker-info .email {
font-size: 15px;
font-weight: 400;
color: #333333;
padding: 0;
margin: 0 0 5px 0;
vertical-align: middle;
}
.ourTeam .broker-info .email a {
color: #000;
text-decoration: none;
}
.ourTeam .broker-info .email a:hover {
color: #000;
text-decoration: none;
}
.ourTeam .broker-info i {
font-size: 16px;
margin: 0 6px 0 0;
display: inline-block;
color: #111;
}
.ourTeam .broker-info .call i {
font-size: 22px;
}
.ourTeam .broker-info .name.colorG {
color: #111;
}
/*---------------End Meet our team--09-12-2016----------------------*/
/*---------------- Sumitra 23-12-2016 Start-------------------*/
.criteria-labels {
padding: 15px;
border: 1px solid #333;
}
.criteria-labels label {
padding: 10px 20px;
border-radius: 5px;
margin: 3px;
}
.property-listing .panel {
position: relative;
}
.property-listing .panel-heading {
font-size: 20px;
padding: 15px;
}
.property-listing .prop-panel-btn {
position: absolute;
top: 15px;
right: 15px;
}
.property-listing .prop-panel-btn button {
padding: 0;
margin-left: 10px;
border: none;
background: none;
font-size: 20px;
}
.property-listing .panel .panel-body {
padding: 15px;
}
.property-listing .property-thumb {
width: 210px;
height: 160px;
overflow: hidden;
}
.property-listing .details {
padding: 20px;
overflow: hidden;
}
.fav-heading {
border-color: #e1e1e1;
padding: 20px;
font-size: 24px;
color: #000;
font-weight: 500;
}
/*------------------ Sumitra 23-12-2016 End------------------*/
/*...............added on 16th jan...........*/
.site-header .navbar-brand {
width: 140px;
height: 140px;
}
.site-header .navbar-brand img {
max-height: 55px;
}
.site-header.fix-head .navbar-brand img {
max-height: 100px;
}
.lefted-ul li {
list-style-type: none;
display: inline-block;
margin-left: 10px;
}
.lefted-ul li:first-child {
margin-left: 0;
}
.lefted-ul li img {
max-width: 70px;
}
.set-position {
float: left;
margin: 0;
list-style-type: none;
padding: 0;
}
.set-position li {
float: none;
margin: 1px;
display: inline-block;
}
/*..........added on 19th jan...........*/
.content-area .project-slider+.btn-holder a:first-child {
margin-right: 4px;
}
.news-blocks .news-block .news-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-blocks .news-block {
min-height: 198px;
}
.text-center .btn-center {
display: inline-block;
}
.site-header .header-social ul li a:hover,
.site-header .header-social ul li a:hover img {
color: #b2b2b2;
opacity: .8
}
.set-position {
margin-top: -3px;
text-align: center;
width: 100%;
}
.site-header .header-social ul li {
margin-top: 3px;
}
.home-finder-form .form-group:last-child {
margin-bottom: 20px;
}
.nomargbottom {
margin-bottom: 0;
}
.nomargbottom.advanced-filter .form-group:last-child {
margin-bottom: 20px;
}
.site-header.fix-head .navbar-brand {
top: -61px;
}
.ourTeam .broker-info i {
font-size: 19px
}
.ourTeam .broker-info img {
position: relative;
top: -3px;
margin-right: 6px;
border-radius: 4px;
}
.home-banner-container .quick-search {
position: absolute;
z-index: 5;
background: rgba(0, 0, 0, 0.6);
margin-top: 220px;
left: 50%;
margin-left: -570px;
padding: 20px;
color: #fff;
}
.home-banner-container .quick-search .heading-sec h3 {
margin-top: 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.col-md-4.col-sm-6.ng-scope.common-edit:nth-of-type(3n+1) {
clear: left;
}
.succ-msg-home {
position: relative;
float: left;
margin-top: 10px;
padding-left: 15px;
}
/*........added later......*/
.gal-mesonry,
.gal-mesonry2 {
margin: 50px 0;
}
.gal-mesonry .grid,
.gal-mesonry2 .grid {
margin: 0 -15px;
padding: 0;
}
.gal-mesonry .grid-item,
.gal-mesonry2 .grid-item {
float: none;
width: 25%;
display: inline-block;
}
.gal-mesonry .grid-item--width2,
.gal-mesonry2 .grid-item--width2 {
width: 50%;
}
.gal-mesonry .grid-item .grid-block,
.gal-mesonry2 .grid-item .grid-block {
height: 240px;
background: #1f272a;
margin: 15px;
position: relative;
}
.gal-mesonry .grid-item--width2 .grid-block,
.gal-mesonry2 .grid-item--width2 .grid-block {
height: 480px;
}
.gal-mesonry .grid-thumb,
.gal-mesonry2 .grid-thumb {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.gal-mesonry .grid-thumb > .overlay-text:before,
.gal-mesonry2 .grid-thumb > .overlay-text:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
border-radius: 100%;
content: "";
opacity: 1;
visibility: visible;
transform: scale(2, 2);
transition: all ease-in-out 500ms;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000+0,000000+100&0+0,0.84+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#d6000000', GradientType=0);
/* IE6-9 */
}
.gal-mesonry .grid-thumb:hover > .overlay-text:before,
.gal-mesonry2 .grid-thumb:hover > .overlay-text:before {
opacity: 1;
visibility: visible;
transform: scale(2, 2);
}
.gal-mesonry .grid-thumb .grid-title,
.gal-mesonry2 .grid-thumb .grid-title {
position: relative;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
z-index: 2;
opacity: 1;
/*transform: translate3d(-40px,0,0);*/
transition: all ease-in-out 400ms;
}
.gal-mesonry .grid-thumb:hover .grid-title,
.gal-mesonry2 .grid-thumb:hover .grid-title {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.gal-mesonry .grid-thumb .grid-title:after,
.gal-mesonry2 .grid-thumb .grid-title:after {
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #fff;
border-radius: 100%;
right: 0;
top: 2px;
font-family: 'FontAwesome';
font-size: 15px;
content: "\f105";
text-align: center;
line-height: 18px;
opacity: 1;
/*transform: translate3d(-15px,0,0);*/
transition: all ease-in-out 500ms;
}
/*.gal-mesonry .grid-thumb:hover .grid-title:after{
opacity: 1;
transform: translate3d(0,0,0);
}*/
.overlay-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
text-align: left;
padding: 10px 30px;
}
.mainTitle {
font-size: 20px;
font-weight: 400;
color: #fff;
display: block;
/*transform: translate3d(-15px,0,0);*/
transition: all ease-in-out 500ms;
opacity: 1;
}
.gal-mesonry .grid-thumb:hover .mainTitle,
.gal-mesonry2 .grid-thumb:hover .mainTitle {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.table-prop {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.table-cell {
display: table-cell;
height: 100%;
width: 100%;
vertical-align: bottom;
}
.table-cell.valign-middle {
vertical-align: middle;
}
.overlay-text a {
height: auto !important;
width: auto !important;
color: #9aceff;
text-decoration: none;
padding: 0 10px;
border-left: 1px solid #9aceff;
float: left;
/*transform: translate3d(0px,15px,0);*/
transition: all ease-in-out 500ms;
opacity: 1;
}
.gal-mesonry .grid-thumb:hover .overlay-text a,
.gal-mesonry2 .grid-thumb:hover .overlay-text a {
transform: translate3d(0px, 0, 0);
opacity: 1;
}
.overlay-text a:nth-of-type(1) {
padding-left: 0;
border: none;
}
.overlay-text .table-prop {
position: relative;
z-index: 12;
}
.new-developments {
background: #f2f2f2;
}
.new-developments .project-block .project-info .prop-title.light a {
color: #000;
text-decoration: none !important;
}
.new-developments .project-block .project-info .prop-title.light a:hover {
color: #000;
}
.new-developments .project-block .project-info {
background: #fff;
}
.new-developments .project-block .project-info .prop-tags li {
color: #4289c1;
}
.new-developments .neighborhood-blocks .nav > li > a {
border: 1px solid #2887d9;
color: #2887d9;
}
.new-developments .neighborhood-blocks .nav > li.active > a {
background: #2887d9;
color: #fff;
border-color: #2887d9;
}
.btn-blue {
border-color: #2887d9;
color: #2887d9;
}
.btn-blue:hover {
border-color: #2887d9;
background-color: #2887d9;
}
.left-tab-panel.new-gapings {
padding: 70px 0 50px;
}
.dummy-listing {
padding: 50px 0;
}
.grid-style {
position: relative;
margin: 0 auto;
padding: 0;
max-width: none;
list-style: none;
text-align: center;
}
.grid-style figure {
position: relative;
float: left;
overflow: hidden;
margin: 0;
min-width: 100%;
max-width: 100%;
max-height: 365px;
width: 100%;
background: #3085a3;
text-align: center;
cursor: pointer;
min-height: 365px;
}
figure.effect-oscar {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}
.grid-style figure .image-section {
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover !important;
min-height: 425px;
width: 100%;
}
.grid-style figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid-style figure figcaption,
.grid-style figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure.effect-oscar figcaption {
padding: 3em;
background-color: transparent;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(244, 85, 56, 0) 100%);
background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(244, 85, 56, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(244, 85, 56, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f45538', endColorstr='#000', GradientType=1);
transition: all 500ms ease-in-out;
}
.grid-style figure figcaption::before,
.grid-style figure figcaption::after {
pointer-events: none;
}
figure.effect-oscar figcaption::before {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
border: 1px solid rgba(255, 255, 255, 0.22);
content: '';
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
.grid-style figure h2 {
font-weight: normal;
font-size: 20px;
font-weight: 700;
letter-spacing: 5px;
}
.grid-style figure h2,
.grid-style figure p {
margin: 0;
}
figure.effect-oscar h2 {
margin: 20% 0 10px 0;
margin: 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.grid-style figure p {
letter-spacing: 5px;
font-size: 16px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-oscar:hover figcaption {
background: -moz-linear-gradient(to right, rgba(244, 85, 56, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: -webkit-linear-gradient(to right, rgba(244, 85, 56, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to right, rgba(244, 85, 56, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f45538', endColorstr='#000', GradientType=1);
}
/*====new-page-copy====*/
.map-area {
float: left;
margin-top: 140px;
position: relative;
width: 100%;
}
.map-area .map-image {
width: 100%;
height: 640px;
object-fit: cover;
display: block;
}
.map-area-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.map-area-content .quick-search {
width: 490px;
height: auto;
background: #000;
padding: 25px 55px;
position: relative;
margin-left: -245px;
}
.map-area-content .quick-search::after {
content: "";
position: absolute;
top: 50%;
right: -42px;
margin-top: -44px;
background: url(../images/red-arrow.png) no-repeat 0 0;
width: 50px;
height: 85px;
content: "\f0da";
font-family: FontAwesome;
background: none;
font-size: 150px;
color: #000;
z-index: 11;
line-height: 85px;
}
.map-area-content .quick-search h3 {
margin: 0;
}
.heading-sec {
position: relative;
margin-bottom: 8px;
}
.heading-sec h3 {
letter-spacing: 2px;
font-size: 26px;
line-height: 26px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 22px;
}
.heading-sec h3::after {
width: 85px;
height: 2px;
background: #FFF;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -43px;
content: "";
}
.map-area-content .q-search-panel .form-group .control-label,
.map-area-content .q-search-panel .form-group span {
color: #fff;
font-weight: 400;
font-size: 14px;
line-height: 14px;
margin-bottom: 12px;
border: none;
}
.map-area-content .q-search-panel .form-group .form-control {
border-radius: 6px;
}
.map-area-content .check-icon {
color: #FFF;
}
.white-text {
color: #FFF;
}
.map-area-content .btn-success {
background: #080607;
width: 100%;
border-radius: 6px;
}
.map-area-content .form-area {
margin-top: 20px;
}
.map-bottom-boxes {
display: inline-block;
width: 100%;
}
.map-bottom-boxes ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.map-bottom-boxes ul li {
float: left;
width: 25%;
position: relative;
padding-left: 1px;
overflow: hidden;
cursor: pointer;
}
.map-bottom-boxes ul li:first-child {
margin-left: 0;
}
.map-bottom-boxes ul li::before {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: "";
transform: scale(0, 0);
transition: all ease-in-out 500ms;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000+0,000000+100&0+0,0.84+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#d6000000', GradientType=0);
/* IE6-9 */
}
.map-bottom-boxes ul li:hover::before {
opacity: 0.6;
visibility: visible;
transform: scale(2, 2);
}
.map-bottom-boxes ul li img {
width: 100%;
height: 300px;
object-fit: cover;
}
.box-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 15px 20px;
}
.box-content::before {
width: 100%;
height: 2px;
background: rgb(255, 255, 255, 0.2);
content: "";
position: absolute;
left: 0;
top: 0;
}
.box-content h3 {
color: #fff;
font-weight: 400;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
margin: 0;
}
.box-content h3 a {
float: right;
}
/*====featured-area=====*/
.featured-area h2 {
text-transform: uppercase;
margin: 0;
position: relative;
padding-bottom: 20px;
font-weight: 400;
}
.featured-area h2::after {
position: absolute;
left: 50%;
bottom: 0;
background: #41444d;
width: 20px;
height: 2px;
margin-left: -10px;
content: "";
}
.featured-area .neighborhood-blocks {
margin-top: 36px;
}
.featured-area .neighborhood-blocks .nav > li.active > a {
background: #3184d2;
color: #fff;
}
.featured-area .neighborhood-blocks .nav > li > a {
border: 1px solid #aaaaaa;
padding: 5px 15px;
color: #aaaaaa;
}
.project-slider.home-top-slider .slider-single {
height: 380px;
position: relative;
}
.project-slider.home-top-slider .project-info .prop-title.light {
color: #fff;
font-weight: 400;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
margin: 0;
text-align: left;
}
.project-slider.home-top-slider .project-info .prop-title.light a {
float: right;
}
.project-slider.home-top-slider .project-block .project-info {
background: rgba(32, 39, 43, 0.6);
}
.project-slider.home-top-slider {
padding-bottom: 0;
}
.featured-area .gal-mesonry,
.featured-area .gal-mesonry2 {
margin: 50px 0 0;
}
.home-top-slider .swiper-slide {
padding-left: 1px;
}
.home-top-arrows {
margin-top: 80px;
}
.tab-up-button .nav {
margin-bottom: 40px;
display: inline-block;
width: 100%;
text-align: center;
}
.tab-up-button .nav > li {
display: inline-block;
font-size: 18px;
text-transform: uppercase;
margin-left: 4px;
}
.tab-up-button .nav > li > a {
border: 1px solid #aaaaaa;
color: #aaaaaa !important;
padding: 5px 15px;
}
.tab-up-button .nav > li.active > a {
background: #3184d2 !important;
color: #fff !important;
}
h3.heading {
text-transform: uppercase;
margin: 0;
position: relative;
padding-bottom: 20px;
font-weight: 400;
text-align: center;
}
h3.heading::after {
position: absolute;
left: 50%;
bottom: 0;
background: #41444d;
width: 20px;
height: 2px;
margin-left: -10px;
content: "";
}
.mt-30 {
display: inline-block;
margin-bottom: 40px;
text-align: center;
width: 100%;
}
.about-us {
margin-top: 30px;
}
.about-content p {
font-size: 14px;
line-height: 24px;
margin-top: 15px;
}
#loading-bar .bar {
background: #20272b;
}
#loading-bar-spinner .spinner-icon {
border-top-color: #20272b;
border-left-color: #20272b;
}
#loading-bar .peg {
-moz-box-shadow: #20272b 1px 0 6px 1px;
-ms-box-shadow: #20272b 1px 0 6px 1px;
-webkit-box-shadow: #20272b 1px 0 6px 1px;
box-shadow: #20272b 1px 0 6px 1px;
}
.dev-block .dev-project-details .dev-info li a {
color: #fff;
font-size: 13px;
text-transform: capitalize;
}
.tab-up-button .nav > li > a:hover {
background: #3184d2 !important;
color: #fff !important;
}
a.lSNext::before {
content: '\f105';
font-family: FontAwesome;
}
.lSAction > a.lSPrev::before {
content: "\f104";
font-family: FontAwesome;
}
.map-area-content ul.rating li span {
line-height: 42px !important;
color: #000 !important;
}
/*changed as perclient*/
.site-header .navbar-brand {
width: 140px;
height: 140px;
position: relative;
top: auto;
left: auto;
height: auto;
display: inline-block;
margin: 0 auto;
float: none;
}
.site-header.fix-head .navbar-brand img {
max-height: 60px;
}
.site-header.fix-head .navbar-brand {
top: auto;
width: auto;
height: 60px;
}
.navbar-header {
width: 100%;
}
.site-header .header-bottom {
padding: 10px 0;
}
.new-developments .project-block .project-info .prop-tags li:first-child {
border-right: 1px solid #4289c1;
}
.map-area-content .quick-search {
background: rgba(47, 133, 210, 0.74);
}
.page-breadcrumb {
padding-top: 0 !important;
}
.map-area-content .quick-search::after {
display: none;
}
.flexslider .slides > li {
height: 560px;
}
.gal-mesonry .grid-thumb .grid-title:after,
.gal-mesonry2 .grid-thumb .grid-title:after {
display: none;
}
@media (min-width: 768px) {
.navbar-right {
float: none !important;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: row wrap;
-moz-box-orient: row wrap;
box-orient: row wrap;
-webkit-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: row wrap;
-moz-flex-direction: row wrap;
flex-direction: row wrap;
-ms-flex-direction: row wrap;
-webkit-box-pack: distribute;
-moz-box-pack: distribute;
box-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
-o-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
}
}
.site-header .left-navheader .header-lan {
margin: 15px 0 0 0;
}
.site-header .header-social {
margin: 5px 0 0 0px;
clear: left;
}
.site-header .header-actions ul li a,
.site-header .header-actions ul li .search-link {
color: #000;
}
.left-navheader {
float: left;
}
.site-header .header-social ul li a {
color: #000;
}
.site-header .header-social ul li a:hover,
.site-header .header-social ul li a:hover img {
color: #000;
opacity: .8;
}
.site-header .header-actions ul li a:hover,
.site-header .header-actions ul li .search-link:hover {
color: #0b56a4;
}
.site-footer .broker-block .broker-thumb {
height: auto;
}
.site-footer .broker-block .broker-thumb img {
object-fit: contain;
width: 100%;
}
.map-area-content .btn-success {
width: auto;
}
.map-area-content .btn-success:hover {
background: #464646;
}
.news-blocks .swiper-wrapper .swiper-slide::after {
content: '';
width: 15px;
height: 15px;
background: #56a9f3;
position: absolute;
border-radius: 100%;
left: 50%;
margin-left: -7.5px;
top: 55px;
}
.news-blocks .swiper-wrapper .swiper-slide {
padding: 20px 0;
position: relative;
}
.news-blocks .swiper-wrapper .swiper-slide::before {
content: '';
width: 0;
height: 100%;
border-right: 1px dashed #fff;
position: absolute;
left: 50%;
top: 0;
}
.news-blocks .swiper-wrapper .swiper-slide::after {
content: '';
width: 15px;
height: 15px;
background: #56a9f3;
position: absolute;
border-radius: 100%;
left: 50%;
margin-left: -7.5px;
top: 55px;
}
.news-blocks .swiper-wrapper .swiper-slide .col-sm-6:nth-child(1) .news-block {
top: -5px;
}
.news-blocks .swiper-wrapper .swiper-slide .col-sm-6:nth-child(2) .news-block {
top: 5px;
}
.news-blocks .swiper-wrapper .swiper-slide .col-sm-6:nth-child(2) .news-block::before {
content: '';
position: absolute;
border-right: 6px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
left: -6px;
top: 34px;
}
.news-blocks .swiper-wrapper .swiper-slide .col-sm-6:nth-child(1) .news-block::before {
content: '';
position: absolute;
border-left: 6px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
right: -6px;
top: 38px;
}
.news-blocks .news-block {
position: relative;
}
/*.news-area {
height: 390px;
}*/
.news-area .swiper-container {
height: 244px;
}
.news-area {
background: url(../images/newsbackground.jpg) no-repeat 0 0;
background-size: cover;
position: relative;
background-attachment: fixed;
}
.news-area::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.78);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.7) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.7) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#a6000000', GradientType=0);
}
.info-blockfooter {
float: left;
width: 28%;
padding: 0 20px;
}
.info-blockfooter p a {
display: block;
}
.site-footer .broker-block .broker-thumb {
width: 125px;
}
.site-footer .social-icons ul li {
float: none;
display: inline-block;
vertical-align: top;
}
.social-icons.text-center {
padding-top: 15px;
margin-top: 15px;
}
.info-blockfooter p {
margin-bottom: 2px;
}
.icon-block {
position: relative;
padding-left: 20px;
}
.icon-block span.icon-portion {
position: absolute;
font-size: 15px;
left: 0;
color: #0b56a4;
}
.icon-block + .icon-block {
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid #eee;
}
.icon-block .icon-block + .icon-block span.icon-portion {
top: 4px;
}
.zillow-itemclass {
min-width: 22px;
min-height: 20px;
background: url(../images/icon/zilo-grey.png) no-repeat 0 0;
background-size: contain;
display: inline-block;
vertical-align: bottom;
}
.trulia-itemclass {
min-width: 22px;
min-height: 14px;
background: url(../images/trulia-grey.png) no-repeat center center;
background-size: contain;
display: inline-block;
}
.project-slider.home-top-slider .project-block .project-info {
bottom: auto;
top: 0;
}
.project-slider.home-top-slider {
margin-top: 8px;
}
.content-area.news-area .swiper-button-next,
.content-area.news-area .swiper-button-prev {
margin-top: 10px;
}
.agent-prop-listing .pagination {
padding: 10px;
position: relative;
height: auto;
width: 100%;
}
.project-block .project-info .prop-tags li {
padding-left: 10px;
margin-left: 10px;
padding-right: 0;
margin-right: 0;
border-right: none !important;
border-left: 1px solid #fff;
}
.project-block .project-info .prop-tags li:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.new-developments .project-block .project-info .prop-tags li {
color: #4289c1;
border-left: 1px solid #4289c1;
}
.project-block .project-info .prop-tags li:first-child {
padding-left: 0;
margin-left: 0;
border-left: none !important;
}
button.btn.btn-success.btn-help i {
margin-right: 10px;
}
/*google map Markers info-window details*/
.load_map_img {
background: url('../images/loader-32-32.gif') no-repeat;
}
.marker_googlemap {
background-color: #212121 !important;
border: 2px solid #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 8px;
margin-left: -22px;
margin-top: -22px;
padding: 3px 6px 1px;
text-align: center;
z-index: 999;
color: #fff;
font-weight: bold;
}
.marker_googlemap::after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
display: block;
margin-left: -5px;
position: absolute;
bottom: -8px;
left: 50%;
border-top: 8px solid #fff;
z-index: 2;
}
.marker_googlemap::before {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
display: block;
margin-left: -5px;
position: absolute;
bottom: -7px;
left: 50%;
border-top: 8px solid #212121;
z-index: 12;
}
.map_infowindowinfo {
color: #444;
display: inline-block;
line-height: 1.3em;
padding: 7px 0 5px;
position: relative;
}
.right_mappart {
float: left;
width: 70%;
}
.load_map_img {
float: left;
}
.right_mappart h4 {
font-size: 14px;
color: #333;
font-family: Roboto, Arial;
font-size: 13px;
background-color: white;
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
margin-top: 0;
margin-bottom: 3px;
}
.load_map_img {
float: left;
margin-right: 10px;
border: 1px solid rgba(204, 204, 204, 0.27);
}
.right_mappart span {
float: left;
margin-left: 3px;
padding-left: 4px;
/* border-left: 1px solid #0b56a4; */
position: relative;
}
.right_mappart strong {
text-transform: capitalize;
color: #0b56a4;
}
.load_map_img img {
object-fit: contain;
height: 50px;
}
.right_mappart span::before {
content: '';
width: 1px;
height: 14px;
background: rgba(11, 86, 164, 0.41);
position: absolute;
right: -4px;
top: 1px;
}
.right_mappart span:nth-of-type(1) {
padding-left: 0;
margin-left: 0;
}
.right_mappart span:nth-of-type(3)::before {
display: none;
}
.right_mappart h4 a {
color: inherit;
}
.marker_googlemap.already_seen {
background: #e6e6ff !important;
}
.marker_googlemap.already_seen::before {
border-top-color: #e6e6ff !important;
}
.marker_googlemap.already_seen:hover,
.marker_googlemap:hover {
background: #a3a3c2 !important;
color: #000;
}
/*changed as perclient*/
/*......added on 27th july.......*/
.detail-top-sec.detail_customnew {
padding-bottom: 0;
margin-bottom: 50px;
border-bottom: none;
}
.top_borderproperty {
margin-top: -4px;
padding-top: 18px;
border-top: 1px solid #e9e9e9;
}
.project_desc,
.project_desc p {
font-weight: 400;
color: #484848;
}
.project_desc p>strong,
.project_desc ul+ strong {
font-size: 22px;
color: #20272b;
font-weight: 400;
text-transform: uppercase;
}
.project_desc ul {
padding: 0 0 0 15px;
}
.project_desc ul li {
font-size: 16px;
line-height: 36px;
color: #484848;
position: relative;
list-style-type: none;
}
.project_desc ul li::before {
content: '';
width: 3px;
height: 3px;
background: #6d6d6d;
border-radius: 100%;
position: absolute;
left: -15px;
top: 16px;
}
p:empty {
display: none;
}
.btn-customdownload {
color: #20272b;
padding-left: 34px;
position: relative;
background: #fff;
}
.btn-customdownload::before {
content: '';
background: url(../images/icons8-download.gif) no-repeat 0 0;
width: 24px;
height: 24px;
background-size: contain;
display: block;
position: absolute;
left: 0;
}
.newclass {
clear: both;
}
.property-sidebar .table>thead>tr>th {
font-size: 14px;
color: #484848;
font-weight: 500;
text-align: center;
padding: 15px 8px;
border-bottom: 2px solid #c7c7c7;
}
.property-sidebar .table>tbody tr td {
text-align: center;
font-size: 15px;
line-height: 30px;
color: #484848;
padding: 11px 8px;
border-bottom: 1px solid #e1e1e1;
font-weight: 400;
white-space: nowrap;
}
.property-sidebar .table>tbody > tr > td {
padding: 0;
}
.property-sidebar .table>tbody>tr:last-child>td {
border-bottom: none;
}
.property-sidebar .table>tbody>tr .specialstyleclass {
background: #f4f4f4;
font-size: 20px;
line-height: 30px;
color: #484848;
padding: 21px;
font-weight: 400;
}
.property-sidebar .nav-tabs>li>a {
font-size: 18px;
line-height: 30px;
color: #484848;
font-weight: 400;
border-radius: 0;
padding: 15px;
}
.property-sidebar .nav-tabs {
border-bottom: 2px solid #c7c7c7;
}
.property-sidebar .nav-tabs>li {
position: relative;
width: 50%;
text-align: center;
}
.property-sidebar .nav-tabs>li.active>a,
.property-sidebar .nav-tabs>li.active>a:focus,
.property-sidebar .nav-tabs>li.active>a:hover {
color: #000;
font-weight: 500;
border: none;
}
.property-sidebar .nav-tabs>li.active::after {
content: '';
height: 3px;
background: #000;
width: 100%;
position: absolute;
bottom: -3px;
left: 0;
}
.property-sidebar .table-responsive {
margin-bottom: 0;
}
.total_tabwrap {
box-shadow: 0 0 10px #eaeaea;
}
.gottodetails {
font-size: 20px;
color: #000;
display: inline-block;
margin-left: 10px;
}
.property-details .dl-horizontal dt {
width: 150px;
text-align: left;
font-size: 16px;
color: #7a7a7a;
font-weight:400;
text-overflow: clip;
}
.property-details .dl-horizontal dd {
margin-left: 170px;
margin-bottom: 10px;
font-size: 16px;
color: #7a7a7a;
}
.details-cont .prop-address p {
margin: 0;
font-size: 16px;
line-height: 22px;
font-weight: 400;
}
.removeclassnameaftermap {
height: 300px;
background-color: #ccc;
width: 100%;
}
.table-responsive table {
margin-bottom: 0;
}
.detail-mid-sec.document.custom_newclass {
display: block;
}
.detail-mid-sec.document.custom_newclass span.spanclass:nth-of-type(2) {
float: right;
margin-right: 0;
}
.property-sidebar .table>tbody tr td:nth-child(1),
.property-sidebar .table>thead>tr>th:nth-child(1) {
width: 76px;
}
.property-sidebar .table>tbody tr td:nth-child(2),
.property-sidebar .table>thead>tr>th:nth-child(2) {
width: 76px;
}
.property-sidebar .table>tbody tr td:nth-child(4),
.property-sidebar .table>thead>tr>th:nth-child(4) {
width: 108px;
}
.property-sidebar .table>tbody tr td:nth-child(5),
.property-sidebar .table>thead>tr>th:nth-child(5) {
width: 142px;
}
.specialUl ul {
list-style-type: none;
padding-left: 0;
}
.specialUl ul li {
font-weight: 400;
color: #484848;
list-style-type: disc;
list-style-position: inside;
}
.specialUl ul li font {
font: 300 16px/26px 'Roboto', sans-serif !important;
}
.unit_number_style {
font-size: 15px;
color: #000;
display: inline-block;
margin-left: 10px;
}
.detail-bottom-sec {
border-top: 1px solid #e9e9e9;
margin-top: 21px;
}
.property-details.top_borderproperty {
border-top: none;
}
.detail-bottom-sec.ng-scope p {
font: 300 16px/26px 'Roboto', sans-serif;
color: #484848;
}
/*......added on 27th july.......*/
/*...........new search page...........*/
.top_search {
height: 59px;
background: #000;
position: absolute;
width: 100%;
padding-top: 0;
box-shadow: 0px 4px 8px rgba(187, 184, 177, 0.62);
position: relative;
/* z-index: 999999; */
z-index: 98;
}
.map_search {
width: 50%;
float: left;
height: 100%;
position: relative;
}
.search-map {
width: 100%;
height: 100%;
}
.search_listingnew {
width: 50%;
float: left;
height: 100%;
overflow-y: auto;
padding: 0 15px;
}
.total_searchlisting {
position: absolute;
width: 100%;
top: 170px;
bottom: 0;
}
.total_searchlisting .search_results {
height: 100%;
position: absolute;
width: 100%;
}
.total_searchlisting .project-block .project-thumb {
position: absolute;
left: -25px;
right: -25px;
top: -45px;
bottom: -35px;
z-index: 2;
transition: all ease-in-out 200ms;
}
.total_searchlisting .result-blocks .project-block .project-info {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000+0,000000+44,000000+100&0+0,0.73+44,1+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 44%, rgba(0, 0, 0, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 44%, rgba(0, 0, 0, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 44%, rgba(0, 0, 0, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000', GradientType=0);
/* IE6-9 */
}
.total_searchlisting .project-block:hover .project-thumb {
transform: scale(1, 1);
}
.total_searchlisting .result-block .project-block .project-info .prop-price .price {
font-size: 22px;
}
.total_searchlisting .result-block .project-block .project-info .prop-price {
clear: left;
}
.total_searchlisting .result-block .project-block .project-info .prop-address {
padding-right: 5px;
margin-right: 5px !important;
border-right: 1px solid #fff;
margin-bottom: 7px;
}
.total_searchlisting .result-block .project-block .project-info .prop-address,
.total_searchlisting .result-block .project-block .project-info .prop-no {
margin: 0;
font-size: 13px;
font-weight: 400;
float: left;
margin-bottom: 10px;
}
.search_propform {
position: relative;
margin-top: 9px;
}
/*.search_propform::after{
content: "\f002";
font-family: FontAwesome;
position: absolute;
right: 25px;
top: 12px;
color: #b2b2b2;
}*/
.top_search {
text-align: center;
}
.top_search .form-control {
border-color: #cececf;
font-size: 13px;
color: #b2b2b2;
}
.middle_searchform {
display: inline-block;
float: left;
}
.middle_searchform .open>.dropdown-menu {
display: block !important;
}
.middle_searchform .dropdown-toggle,
.advance_search {
font: 400 15px/59px Roboto, Arial;
color: #fff;
background: none;
border: none;
margin-top: 0;
padding: 0 20px;
}
.advance_search {
background: #0597cd;
color: #fff;
}
.middle_searchform .dropdown-menu,
.topsearch_collapse {
top: 59px;
background-color: #fafafa;
position: absolute;
margin-left: 1px;
display: none;
box-shadow: 0px 3px 8px 0 #c0bcb5;
padding-left: 12px;
padding-right: 12px;
border: none;
border-radius: 0;
padding: 15px;
border: 1px solid #a3a09a;
border-top: none;
margin: 0;
min-width: 395px;
}
.middle_searchform .dropdown::before {
content: '';
width: 1px;
height: 22px;
background: #e1e1e1;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
}
.custom_radio {
position: relative;
overflow: hidden;
}
.custom_radio input[type="radio"] {
position: absolute;
left: -99px;
}
.custom_radio input[type="radio"]+label {
font: 400 15px/22px Roboto, Arial;
color: #20272b;
padding-left: 22px;
}
.custom_radio input[type="radio"]+label::before {
content: "\f096";
position: absolute;
left: 0;
top: 0;
font-family: FontAwesome;
color: #2d699e;
}
.custom_radio input[type="radio"]:checked+label::before {
content: "\f14a";
}
.topsearch_collapse h4 {
font: 500 18px/22px Roboto, Arial;
color: #20272b;
border-bottom: 1px solid #c7c7c7;
padding-bottom: 7px;
margin-top: 0;
}
.topsearch_collapse ul li a {
font: 300 15px/26px Roboto, Arial;
color: #20272b;
display: inline-block;
}
.topsearch_collapse ul li a:hover {
color: #398bd4;
text-decoration: none;
}
.feature_listpanel ul li {
float: left;
width: 50%;
}
.topsearch_collapse ul {
padding-left: 0;
list-style-type: none;
}
.advancesearch_panel {
position: relative;
}
.topsearch_collapse h3 {
font: 300 20px/22px Roboto, Arial;
color: #20272b;
margin-top: 0;
margin-bottom: 15px;
}
#advance_collapse {
min-width: 695px;
text-align: left;
padding: 15px 25px;
right: 0;
}
footer.search_prop.site-footer {
margin: 0 -15px;
}
footer.search_prop.site-footer .logo-chain li {
margin: 0 10px;
}
footer.search_prop.site-footer .footer-middle {
padding: 20px 0;
border-top: 1px solid #e4e4e4;
}
.button_searpanel .btn-success {
background: none;
font: 700 13px/18px Roboto, Arial;
color: #000;
}
.button_searpanel .btn-success.btn-custom {
color: #fff;
}
.button_searpanel .btn-success:hover,
.button_searpanel .btn-success:active,
.button_searpanel .btn-success:focus {
color: #e1e1e1;
}
.button_searpanel.pull-right {
padding-right: 40px;
margin-top: 12px;
overflow-x: hidden;
overflow-x: hidden;
}
.result-blocks .result-block {
height: 308px;
margin-bottom: 10px;
}
.result-blocks .col-sm-6 {
padding: 0 5px;
}
.result-blocks .row {
margin: 0 -10px;
}
.modal {
z-index: 9999999;
}
.map_search span.msgtoshow {
display: block;
z-index: 999;
background: rgba(0, 0, 0, 0.8);
color: #fff;
position: absolute;
bottom: 0;
padding: 3px;
font-size: 12px;
text-shadow: none;
}
.middle_searchform .rating li span,
.rating li span.bath-label {
position: relative;
}
.middle_searchform .rating li span cite.blockedelm,
.rating li span.bath-label cite.blockedelm {
position: absolute;
right: 5px;
top: 0;
line-height: 18px;
font-size: 10px;
font-weight: 700;
}
.result-block .project-block .project-info .prop-title {
text-align: left;
margin-bottom: 10px;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
white-space: nowrap;
padding-right: 65px;
}
.ui-menu.ui-autocomplete {
z-index: 9999999;
}
.ui-menu.ui-autocomplete .ui-menu-item {
font-size: 13px;
line-height: 22px;
border-top: 1px dotted #ccc;
}
.ui-menu.ui-autocomplete .ui-menu-item:first-child {
border-top: none;
}
.m200 .dropdown-toggle {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.m200 .dropdown-toggle .caret {
position: absolute;
right: 10px;
top: 24px;
}
.mw165 {
min-width: 165px;
text-align: left;
}
.mw165 .caret {
position: absolute;
right: 15px;
top: 27px;
}
.left-icon i {
margin-right: 10px;
}
.details-cont .prop-action .btn {
font-size: 13px;
}
header .header-bottom .navbar-header {
width: 100%;
}
#loading-bar .bar {
z-index: 99999999;
}
.search-loader {
left: -15px;
right: -15px;
}
.middle_searchform .dropdown.mw165::before {
left: -1px;
}
.search-top {
margin: 0 10px;
}
.search-result-listing .result-heading {
margin-bottom: 0;
}
.search-top {
padding-bottom: 10px;
}
.site-header .header-social {
margin: 12px 0 0 10px;
clear: none;
}
/*.........added on 27thoct.......*/
.dev-block.customdev_block .dev-project-thumb {
height: 160px;
}
.dev-blocks .custom_class .dev-block.customdev_block {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow: 0 8px 6px -6px rgba(32, 39, 43, 0.42);
}
.dev-blocks .custom_class .dev-block.customdev_block .dev-project-details .dev-info li a {
color: #797979;
font-weight: 700;
}
.dev-blocks .custom_class .dev-block.customdev_block .dev-project-details .dev-info li {
padding-left: 0;
}
.dev-blocks .custom_class .dev-block.customdev_block .dev-project-details .dev-info li:before {
display: none;
}
.dev-blocks .custom_class .dev-block.customdev_block .dev-project-details h4 a {
margin-bottom: 15px;
color: #000;
font-weight: 700;
font-size: 14px;
}
.fa-heart {
color: #0597cd;
}
.section-head .section-title1 {
padding-bottom: 30px;
position: relative;
z-index: 0;
text-align: left;
font-weight: 500;
font-family: 'Prata', serif;
margin: 0;
text-transform: uppercase;
color: #000;
font-size: 49px;
letter-spacing: 0.100em;
}
.section-head .section-title1:after {
content: '';
position: absolute;
z-index: 0;
left: 0;
bottom: 0;
height: 3px;
width: 50px;
background: #df1e36;
}
.section-head.text-center .section-title1:after {
right: 0;
margin: auto;
}
/* BLOG SECTION START 03-05-2018*/
.content-area-blog
{
padding:20px;
}
.total-blog
{
position: relative;
padding: 20px;
margin-bottom: 20px;
float: left;
width: 100%;
}
.blog_img {
position: static;
left: 20px;
width: 260px;
padding: 10px;
float: left;
width: 24%;
}
.blog_img img {
width: 100%;
height: auto;
}
.posted p {
float: left;
margin-right: 5px;
font-weight: 500;
color: #545454;
}
.blog-content img
{
float: left;
margin: 0 20px 10px 0;
object-fit: contain;
width: 134px;
height: 100px;
}
.line-below
{
/*border-bottom: 1px solid #9a9292;
padding-bottom: 10px;*/
} 
.blog-content {
width: 73%;
float: right;
} 
.blog-content h2 {
text-transform: uppercase;
margin-top: 0;
font-size: 22px;
font-weight: bold;
letter-spacing: 2px;
} 	
/* BLOG SECTION END 03-05-2018*/.login-tab.nav-tabs>li a {
padding: 12px 45px;
}
.login-tab.nav-tabs>li a {
padding: 12px 45px;
}
ul.nav.nav-tabs.login-tab {
margin-bottom: 20px;
max-width: 700px;
margin: auto;
border-bottom: none;
}
.login-tab.nav-tabs>li {
float: none;
display: inline-block;
}
.nav-tabs.login-tab>li.active>a,
.nav-tabs.login-tab>li.active>a:focus,
.nav-tabs.login-tab>li.active>a:hover {
background-color: #f7f7f7;
}
.map_search span.msgtoshow {
width: 100%;
}
.search-remove-btn {
cursor: pointer;
font-size: 12px;
padding: 7px 11px;
position: absolute;
margin: 0;
z-index: 2;
}
.custom-select:after {
display: none;
}
.chosen-container:after {
width: 15px;
height: 8px;
background: url(../images/select-arrow.png) no-repeat;
background-size: 15px 8px;
position: absolute;
right: 15px;
top: 18px;
z-index: 1;
content: "";
cursor: pointer;
}
/* Related Property */
.swiper-button-next.swiper-button-white.related-property,
.swiper-button-prev.swiper-button-white.related-property {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.swiper-button-next.swiper-button-white.related-property {
left: auto;
right: 0;
}
.swiper-button-prev.swiper-button-white.related-property {
left: 0;
margin-left: 0;
}
.custom-image-section .project-slider .slider-single.related-property {
height: 160px;
}
.custom-image-section .project-block .project-thumb {
left: -47px;
right: -47px;
top: -45px;
bottom: -35px;
}
.custom-image-section .project-block .project-info .prop-tags {
margin-top: 5px;
}
.custom-image-section .project-block .project-info {
padding: 10px;
}
/** Blog Details And Listing */
.lefted-ul.blog-social li img {
max-width: 23px;
height: auto;
margin: 0px;
}
.lefted-ul.blog-social li img {
max-width: 25px;
}
.blog_img {
position: absolute;
left: 20px;
width: 260px;
padding: 10px;
max-height: 156px;
}
.blog_img img {
width: 100%;
height: 231px;
object-fit: cover;
}
/* Related Property */
.swiper-button-next.swiper-button-white.related-property,
.swiper-button-prev.swiper-button-white.related-property {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.swiper-button-next.swiper-button-white.related-property {
left: auto;
right: 0;
}
.swiper-button-prev.swiper-button-white.related-property {
left: 0;
margin-left: 0;
}
.custom-image-section .project-slider .slider-single.related-property {
height: 160px;
}
.custom-image-section .project-block .project-thumb {
left: -47px;
right: -47px;
top: -45px;
bottom: -35px;
}
.custom-image-section .project-block .project-info .prop-tags {
margin-top: 5px;
}
.custom-image-section .project-block .project-info {
padding: 10px;
}
/** Blog Details And Listing */
.lefted-ul.blog-social li img {
max-width: 23px;
height: auto;
margin: 0px;
}
.lefted-ul.blog-social li img {
max-width:25px;
}
.blog_img {
position: absolute;
left: 20px;
width: 260px;
padding: 10px;
max-height: 156px;
}
.blog_img img {
width: 100%;
height: 135px;
object-fit: cover;
}
/* Related Property */
.swiper-button-next.swiper-button-white.related-property,
.swiper-button-prev.swiper-button-white.related-property {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.swiper-button-next.swiper-button-white.related-property {
left: auto;
right: 0;
}
.swiper-button-prev.swiper-button-white.related-property {
left: 0;
margin-left: 0;
}
.custom-image-section .project-slider .slider-single.related-property {
height: 160px;
}
.custom-image-section .project-block .project-thumb {
left: -47px;
right: -47px;
top: -45px;
bottom: -35px;
}
.custom-image-section .project-block .project-info .prop-tags{
margin-top: 5px;
}
.custom-image-section .project-block .project-info {
padding: 10px;
}
/** Blog Details And Listing */
.lefted-ul.blog-social li img {
max-width: 23px;
height: auto;
margin: 0px;
}
.lefted-ul.blog-social li img {
max-width:25px;
}
.blog_img {
position: absolute;
left: 20px;
width: 260px;
padding: 10px;
max-height: 156px;
}
.blog_img img {
width: 100%;
height: 135px;
object-fit: cover;
}
/* Related Property */
.swiper-button-next.swiper-button-white.related-property,
.swiper-button-prev.swiper-button-white.related-property {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.swiper-button-next.swiper-button-white.related-property {
left: auto;
right: 0;
}
.swiper-button-prev.swiper-button-white.related-property {
left: 0;
margin-left: 0;
}
.custom-image-section .project-slider .slider-single.related-property {
height: 160px;
}
.custom-image-section .project-block .project-thumb {
left: -47px;
right: -47px;
top: -45px;
bottom: -35px;
}
.custom-image-section .project-block .project-info .prop-tags{
margin-top: 5px;
}
.custom-image-section .project-block .project-info {
padding: 10px;
}
/** Blog Details And Listing */
.lefted-ul.blog-social li img {
max-width: 23px;
height: auto;
margin: 0px;
}
.lefted-ul.blog-social li img {
max-width:25px;
}
.blog_img {
position: absolute;
left: 20px;
width: 260px;
padding: 10px;
max-height: 156px;
}
.blog_img img {
width: 100%;
height: 135px;
object-fit: cover;
}
/**
/**
/**
/**
* Copy url
*/
.p-0 {
padding: 10px 5px !important;
font-size: 12px !important;
background: none !important;
font-weight: 700 !important;
}
/* Size change add */
.middle_searchform .dropdown-toggle,
.advance_search {
font: 400 12px/59px Roboto, Arial;
}
.detail-bottom-sec.description {
padding: 30px 0;
}
.detail-bottom-sec.description .stellar-logo {
float: left;
padding-right: 50px;
}
.detail-bottom-sec.description .stellar-logo img {
max-width: 120px;
height: auto;
}
/*26-02-2020*/
.property-sidebar .nav-tabs > li.thead-col-3 {
width: 33.333333%;
}
table.project-tbl {}
table.project-tbl table.project-inner-tbl {
width: 100%;
margin-bottom: 0
}
.tr-bgcolor {
background-color: #373737;
color: #fff;
}
table.project-tbl table.project-inner-tbl .specialstyleclass {
font-size: 24px;
font-weight: 400;
text-align: left;
}
table.project-tbl table.project-inner-tbl .tr-bgcolor td {
color: #fff;
}
table.project-tbl table.project-inner-tbl tbody tr td {
color: #000;
}
.newclass.download-tap span.spanclass {
max-width: 100%;
width: 100%;
}
.detail-mid-sec.document.custom_newclass .newclass.download-tap span.spanclass:nth-child(2) {
float: none;
}
.custom_newclass .detail-bottom-sec {
padding-top: 50px;
}
/* ============ Rimpa register-modal ============ */
.register-modal {}
.register-modal .modal-lg {
max-width: 95%;
width: 700px;
margin-left: auto;
margin-right: auto;
}
.register-modal .modal-content {
border-radius: 0;
border: none;
}
.register-modal-row {
display: flex;
}
.register-modal-row .image-col {
width: 50%;
}
.register-modal-row .image-col .image-holder {
position: relative;
width: 100%;
height: 100%;
}
.register-modal-row .image-col img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
bottom: 0;
top: 0;
}
.register-modal-row .register-content-col {
width: 50%;
padding: 21px;
}
.register-modal-row .register-content-heading-block {
margin-bottom: 25px;
}
.register-modal-row .register-content-heading-block .headingText {
font-size: 22px;
line-height: 1.3;
font-weight: 700;
color: #000;
margin: 0 0 10px;
text-transform: uppercase;
}
.register-modal-row .register-content-heading-block .sub-headingText {
font-size: 17px;
line-height: 1.3;
font-weight: normal;
color: #111;
margin: 0;
}
.form-btn-holder .btn-comn-regal-blue {
font-size: 13px;
line-height: 1.2;
font-weight: 500;
color: #ffffff;
background-color: #000;
padding: 13px 30px;
}
.register-modal-infoText {
margin: 30px 0 0;
font-size: 14px;
font-weight: 600;
color: #000;
line-height: 1.3;
display: inline-block;
}
.register-modal-infoText a {
font-weight: 900;
color: #000;
display: inline-block;
}
.register-modal-infoText a:hover {
color: #000;
}
.other-login {}
.other-login .orDevider {
position: relative;
margin: 25px 0;
}
.other-login .orDevider:after {
content: '';
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
left: 0;
right: 0;
top: 12px;
}
.other-login .orDevider .orText {
background-color: #fff;
color: #979797;
font-size: 12px;
position: relative;
z-index: 2;
display: inline-block;
padding: 0 20px;
}
.other-login .other-btn-holder .other-btn {
width: 100%;
height: 45px;
border-radius: 0;
border: solid 1px #d3d3d3;
background-color: #fff;
padding: 5px 15px;
text-align: left;
line-height: 33px;
font-size: 14px;
font-weight: 500;
color: #000;
text-align: center;
text-transform: none;
}
.other-login .other-btn-holder .other-btn + .other-btn {
margin-top: 10px;
}
.other-login .other-btn-holder .other-btn img {
width: 26px;
margin-right: 5px;
height: 22px;
object-fit: contain;
}
.other-login .other-btn-holder .other-btn:hover {
box-shadow: 0 4px 14px 0 rgba(213, 213, 213, 0.7);
}
/* ------- projectDetail-imgVideo-slider --------- */
.projectDetail-imgVideo-slider {
position: relative;
}
.projectDetail-imgVideo-slider .swiper-slide {
background-color: transparent;
}
.projectDetail-imgVideo-slider .img-slide {
width: 100%;
padding: 62.5% 0 0 0;
position: relative;
border-radius: 0;
overflow: hidden;
}
.projectDetail-imgVideo-slider .img-slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.projectDetail-imgVideo-slider .video-slide {
width: 100%;
padding: 62.5% 0 0 0;
position: relative;
border-radius: 8px 8px 0 0;
overflow: hidden;
}
.projectDetail-imgVideo-slider .video-slide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
}
.projectDetail-imgVideo-slider .video-slide video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.projectDetail-imgVideo-slider .swiper-pagination {
top: 10px;
right: 10px;
width: auto;
left: auto;
bottom: auto;
background-color: rgba(0, 0, 0, 0.45);
padding: 5px 10px;
border-radius: 4px;
}
.projectDetail-imgVideo-slider .pagination-text {
font-size: 12px;
line-height: 1.14;
color: #ffffff;
}
.projectDetail-imgVideo-slider .swiper-button-next,
.projectDetail-imgVideo-slider .swiper-button-prev {
width: 48px;
height: 38px;
border: none;
background-color: rgba(0, 0, 0, 0.45);
color: #fff;
background-image: none;
opacity: 1 !important;
box-shadow: none;
transform: translateY(0);
}
.projectDetail-imgVideo-slider .swiper-button-next:after,
.projectDetail-imgVideo-slider .swiper-button-prev:after {
font-size: 20px;
}
.projectDetail-imgVideo-slider .swiper-button-next {
border-radius: 3px 0 0 3px;
right: 0;
}
.projectDetail-imgVideo-slider .swiper-button-prev {
border-radius: 0 3px 3px 0;
left: 0;
}
.projectDetail-imgVideo-slider .swiper-button-next.swiper-button-disabled,
.projectDetail-imgVideo-slider .swiper-button-prev.swiper-button-disabled {
border: none;
color: rgba(255, 255, 255, 0.3);
box-shadow: none;
background-color: rgba(0, 0, 0, 0.35);
}
/* ------- end projectDetail-imgVideo-slider --------- */
/* ------- projectDetail-fileFolder-modal ------- */
.projectDetail-fileFolder-modal {
padding-right: 0 !important;
background-color: #fff;
}
.projectDetail-fileFolder-modal .swiper-button-prev:after,
.projectDetail-fileFolder-modal .swiper-container-rtl .swiper-button-next:after,
.projectDetail-fileFolder-modal .swiper-button-next:after,
.projectDetail-fileFolder-modal .swiper-container-rtl .swiper-button-prev:after {
font-size: 20px;
color: #8a92af;
}
.projectDetail-fileFolder-modal .swiper-button-next,
.projectDetail-fileFolder-modal .swiper-container-rtl .swiper-button-prev {
right: 5px;
}
.projectDetail-fileFolder-modal .swiper-button-prev,
.projectDetail-fileFolder-modal .swiper-container-rtl .swiper-button-next {
left: 5px;
}
.projectDetail-fileFolder-modal .modal-dialog {
width: 100%;
margin: 0;
height: 100%;
}
.projectDetail-fileFolder-modal .modal-content {
box-shadow: none;
border: none;
border-radius: 0;
height: 100%;
}
.projectDetail-fileFolder-modal .modal-header {
padding: 0;
border-bottom: 1px solid #e5e5e5;
}
.projectDetail-fileFolder-modal .modal-body {
min-height: calc(100% - 92px);
padding: 0;
overflow-y: auto;
}
.projectDetail-fileFolder-slider {
position: relative;
background-color: #fafbff;
height: 90px;
padding-left: 20px;
padding-right: 20px;
}
.projectDetail-fileFolder-slider .swiper-slide {
background-color: transparent;
}
.projectDetail-fileFolder-slider .swiper-container {
padding-bottom: 7px;
}
.projectDetail-fileFolder-slider .folderImgBox-holder {
padding: 12px 10px;
width: 100%;
}
.projectDetail-fileFolder-slider .folderImgBox-holder.activeBox {
background-color: #e3ecfb;
box-shadow: inset 0 -2px 0 0 #264d90;
position: relative;
}
.projectDetail-fileFolder-slider .folderImgBox-holder.activeBox:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #264d90 transparent transparent transparent;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -6px;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .folder-img-holder {
width: 65px;
height: 65px;
position: relative;
margin: 0 auto;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .folder-img-holder .folderImg {
border-radius: 16px;
width: 100%;
height: 100%;
object-fit: cover;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .playBtn-holder {
width: 25px;
height: 25px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .playBtn-holder img {
width: 100%;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .folder-box {
width: 100%;
margin: auto;
text-align: center;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .folder-box .folder-icon-box {
width: 50px;
height: 47px;
position: relative;
margin: 0 auto 5px;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .folder-box .folder-icon-box img {
width: 100%;
height: 100%;
object-fit: contain;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .folder-box .folder-icon-box .number-text {
font-size: 12px;
line-height: 1.4;
color: #ffffff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 17px;
opacity: 0.7;
}
.projectDetail-fileFolder-slider .folderImgBox-holder .folder-box .folder-name-text {
font-size: 12px;
line-height: 1.2;
color: #242424;
margin: 0;
}
/* ------- fileFolder-detail-slider --------- */
.fileFolder-detail-slider {
position: relative;
}
.fileFolder-detail-slider .swiper-slide {
background-color: transparent;
}
.fileFolder-detail-slider .img-slide {
width: 100%;
padding: 62.5% 0 0 0;
position: relative;
border-radius: 0;
overflow: hidden;
}
.fileFolder-detail-slider .img-slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.fileFolder-detail-slider .video-slide {
width: 100%;
padding: 62.5% 0 0 0;
position: relative;
border-radius: 8px 8px 0 0;
overflow: hidden;
}
.fileFolder-detail-slider .video-slide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
}
.fileFolder-detail-slider .video-slide video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.fileFolder-detail-slider .swiper-pagination {
top: 10px;
right: 10px;
width: auto;
left: auto;
bottom: auto;
background-color: rgba(0, 0, 0, 0.45);
padding: 5px 10px;
border-radius: 4px;
}
.fileFolder-detail-slider .pagination-text {
font-size: 12px;
line-height: 1.14;
color: #ffffff;
}
.fileFolder-detail-slider .swiper-button-next,
.fileFolder-detail-slider .swiper-button-prev {
width: 48px;
height: 38px;
border: none;
background-color: rgba(0, 0, 0, 0.45);
color: #fff;
background-image: none;
opacity: 1 !important;
box-shadow: none;
transform: translateY(0);
}
.fileFolder-detail-slider .swiper-button-next:after,
.fileFolder-detail-slider .swiper-button-prev:after {
font-size: 20px;
}
.fileFolder-detail-slider .swiper-button-next {
border-radius: 3px 0 0 3px;
right: 0;
}
.fileFolder-detail-slider .swiper-button-prev {
border-radius: 0 3px 3px 0;
left: 0;
}
.fileFolder-detail-slider .swiper-button-next.swiper-button-disabled,
.fileFolder-detail-slider .swiper-button-prev.swiper-button-disabled {
border: none;
color: rgba(255, 255, 255, 0.3);
box-shadow: none;
background-color: rgba(0, 0, 0, 0.35);
}
/* -------- end fileFolder-detail-slider --------- */
.fileFolder-detail-container {
padding: 50px;
position: relative;
}
.fileFolder-detail-container .dsc-heading-block .headingText {
color: #242424;
font-weight: 700;
font-size: 30px;
line-height: 1.3;
margin: 0;
}
.fileFolder-detail-container .dsc-content p {
color: #000;
font-size: 14px;
line-height: 1.5;
}
.fileFolder-detail-container .close {
position: absolute;
right: 20px;
top: 20px;
}
.propertylist-criteria-infobox .lead {
font-weight: 400;
display: none;
}
/*** theme 7 ***/
body.overflow {
overflow: hidden;
}
.page-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(3px);
z-index: 99;
display: none;
}
.menu-open-btn {
display: none;
}
.menu-close-btn {
display: none;
}
.section-gap {
padding-top: 80px;
padding-bottom: 80px;
}
.btn.new-btn {
height: 42px;
padding: 2px 19px 0px;
line-height: 0.9;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
box-shadow: none;
min-width: 34px;
}
.btn.new-btn {
background: #000;
color: #fff;
}
.btn.new-btn:hover {
background: none;
background: #484f56;
color: #fff;
}
.btn.new-btn.green-btn {
background: #fff;
color: #000;
}
.btn.new-btn.green-btn:hover {
background: none;
/* background: #591067; */
color: #000;
}
.section-head {
margin-bottom: 40px;
}
.section-head {
margin-bottom: 40px;
}
.section-head .section-title {
padding-bottom: 30px;
position: relative;
z-index: 0;
text-align: left;
font-weight: 500;
font-family: 'Prata', serif;
margin: 0;
text-transform: uppercase;
color: #000;
font-size: 69px;
letter-spacing: 0.100em;
}
.section-head .section-title:after {
content: '';
position: absolute;
z-index: 0;
left: 0;
bottom: 0;
height: 3px;
width: 50px;
background: #000;
}
.section-head.text-center .section-title:after {
right: 0;
margin: auto;
}
.main-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
z-index: 99;
padding: 50px 0;
}
.main-header .container {
width: 1200px;
max-width: 100%;
}
.main-header .header-inner {
position: relative;
}
.header-logo {
max-width: 201px;
position: absolute;
z-index: 1;
padding-right: 0;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;
margin-left: auto;
margin-left: 0;
}
.header-logo img {
display: block;
max-width: 130%;
}
.main-header .main-menu>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.main-header .main-menu li {
font-size: 13px;
z-index: 3;
letter-spacing: 0;
font-weight: 400;
text-transform: uppercase;
position: relative;
}
.main-header .main-menu li:nth-child(1) {
margin-left: 400px;
}
.main-header .main-menu li:not(:last-child) {
margin-right: 24px;
}
.main-header .main-menu ul>li>a {
display: block;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
position: relative;
}
.main-header .main-menu>ul>li>a:after {
content: '';
position: absolute;
bottom: -5px;
right: 0;
left: auto;
width: 0%;
height: 2px;
background: #fff;
transition: 0.3s;
}
.main-header .main-menu>ul>li.active>a:after,
.main-header .main-menu>ul>li>a:hover:after {
right: auto;
left: 0;
width: 100%;
}
.main-header .main-menu>ul>li>ul {
position: absolute;
top: 100%;
left: 0;
list-style: none;
padding: 0px 0;
margin: 0;
z-index: -999;
background: #ffffff;
width: 180px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
margin-top: 10px;
}
.main-header .main-menu>ul>li>ul:before {
content: '';
bottom: 100%;
height: 7px;
left: 0;
right: 0;
background: transparent;
position: absolute;
z-index: 0;
}
.main-header .main-menu>ul>li:hover>ul {
opacity: 1;
z-index: 1;
visibility: visible;
padding: 8px 0;
}
.main-header .main-menu>ul>li>ul>li {
margin: 0 0 !important;
text-transform: capitalize;
}
.main-header .main-menu>ul>li>ul>li>a {
color: #000;
padding: 7px 15px;
}
.main-header .main-menu>ul>li>ul>li>a:hover,
.main-header .main-menu>ul>li>ul>li.active>a {
color: #000;
}
.main-header .subToggle {
display: none;
position: absolute;
top: 0;
right: 0;
height: 22px;
width: 22px;
cursor: pointer;
}
.main-header .subToggle:after {
content: '';
width: 12px;
height: 7px;
top: 0px;
bottom: 0;
left: 0;
right: -8px;
background: url('../images/menu-toggle.png') no-repeat center center;
margin: auto;
position: absolute;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.main-header .subToggle.active:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-header .header-right {
border-left: 1px solid #fff;
padding-left: 19px;
margin-left: 30px;
}
.is-contact-page .main-header {
padding: 40px 0;
}
.language-box {
position: relative;
z-index: 0;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
color: #fff;
padding-top: 5px;
background: #000;
}
.language-box ul {
position: absolute;
top: 100%;
right: 0;
width: 100%;
list-style: none;
padding: 4px 0 0 0;
margin: 0;
display: none;
background-color:rgba(0, 0, 0, 0.7);
padding: 5px;
border-radius: 0 0 8px 8px;
}
.language-box li:not(:last-child) {
margin-bottom: 4px;
}
.language-box img {
width: 20px;
height: auto;
}
.language-box img,
.language-box span {
display: inline-block;
font-size:12px
vertical-align: middle;
color: #fff;
}
.language-box .select-language span {
color: #fff;
font-size: 13px;
}
.language-box .select-language {
background: url('../images/drop-down-l.png') no-repeat 100% center;
padding-right: 15px;
min-width: 66px;
}
.header-right .contact-box {
margin-left: 5px;
}
.header-right .contact-box a {
display: inline-block;
vertical-align: middle;
}
.header-right .contact-box a:not(:last-child) {
margin-right: 16px;
margin-left: 10px;
}
.home-banner img {
display: block;
max-width: 100%;
}
.home-banner .banner-list {
position: relative;
z-index: 0;
}
.home-banner .banner-list figure {
width: 100%;
height: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 48.65% 0 0 0;
min-height: 800px;
position: relative;
z-index: 0;
}
.home-banner .banner-list figure img {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
max-width: inherit;
}
.home-banner .banner-video {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-banner .banner-video video {
width: 100%;
/* height: 100%; */
height: 100vh;
object-position: center center;
object-fit: cover;
margin: 0 auto;
}
.home-banner .banner-form {
z-index: 3;
width: 771px;
max-width: 100%;
top: 130px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding-left: 15px;
padding-right: 15px;
}
.home-banner .banner-form-inner {
width: 100%;
padding: 20px 39px 20px;
background: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
border-radius: 5px;
display:none;
}
.home-banner .form-group {
margin-bottom: 0;
width: calc(100% - 150px);
}
.home-banner .form-control {
width: 665px;
appearance: none;
height: 45px;
padding: 0 20px;
background-color: #fff;
color: #333;
font-size: 16px;
font-weight: 400;
}
.home-banner::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #777777;
}
.home-banner::-moz-placeholder {
/* Firefox 19+ */
color: #777777;
}
.home-banner:-ms-input-placeholder {
/* IE 10+ */
color: #777777;
}
.home-banner:-moz-placeholder {
/* Firefox 18- */
color: #777777;
}
.home-banner .fromBox .btn.new-btn {
width: 150px;
}
.featured-property-section {
overflow: hidden;
}
.featured-property-section .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.featured-property-section .list-wrapper .holder {
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
position: relative;
}
.featured-property-section .list-item {
width: 314px;
/* padding: 0 9px; */
}
.featured-property-section .background-box {
width: 100%;
height: 0;
padding: 96.18% 0 0 0;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #ededed;
}
.featured-property-section .background-box:after {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
background: #000;
opacity: 0;
}
.featured-property-section .list-wrapper .holder:hover .background-box:after {
opacity: 0;
}
.featured-property-section .list-content {
width: 100%;
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
padding: 18px 18px 16px;
padding-top: 150px;
color: #fff;
text-align: left;
width: 100%;
-webkit-transform: translateY(10%);
transform: translateY(0%);
height: 100%;
}
.featured-property-section .list-wrapper .holder:hover .list-content {
-webkit-transform: translateY(10%);
transform: translateY(0%);
height: 30%;
padding-top: 20px;
transition: all .5s ease-in-out;
}
.featured-property-section h3 {
margin: 0 0 10px;
font-size: 16px;
line-height: 1.15;
font-weight: 600;
color: #0a2f4d;
}
.featured-property-section h3 a {
color: #fff;
font-weight: 200;
text-transform: uppercase;
}
.featured-property-section h3 a:hover {
color: #e1e1e1;
}
.featured-property-section .price-text {
font-size: 26px;
line-height: 11px;
margin: 0 0 10px;
}
.featured-property-section .price-text strong {
font-weight: 700;
padding-right: 12px;
margin-right: 13px;
position: relative;
}
.featured-property-section .price-text strong:after {
content: '';
width: 1px;
position: absolute;
top: 2px;
bottom: 2px;
right: -1px;
}
.featured-property-section .info-text {
margin: 0;
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
}
.featured-property-section img {
max-width: 100%;
display: block;
}
.featured-property-section .swiper-button-prev,
.featured-property-section .swiper-button-next {
width: 55px;
height: 55px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
margin: auto;
top: 0;
bottom: 0;
color: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12);
z-index: 2;
}
.featured-property-section .swiper-button-prev:hover,
.featured-property-section .swiper-button-next:hover {
color: #fff;
background-color: #000;
;
}
.featured-property-section .swiper-button-prev:after,
.featured-property-section .swiper-button-next:after {
font-size: 16px;
font-weight: 700;
}
.featured-property-section .swiper-button-prev {
left: -26px;
}
.featured-property-section .swiper-button-next {
right: -26px;
}
.featured-neighborhoods-section {
background: #fff;
}
.featured-neighborhoods-section .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.featured-tab-section .tab-nav {
margin-bottom: 42px;
}
.featured-tab-section .tab-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0 16px;
margin: 0;
list-style: none;
}
.featured-tab-section .tab-nav ul li {
/* -webkit-transition: 0.3s;
transition: 0.3s; */
font-size: 18px;
line-height: 1.2;
font-weight: 400;
color: #000;
}
.featured-tab-section .tab-nav ul li a {
color: inherit;
text-decoration: none;
position: relative;
}
.featured-tab-section .tab-nav ul li a:after {
position: absolute;
content: '';
z-index: 0;
background: #000;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
border-radius: 50%;
left: 0;
right: 0;
margin: auto;
bottom: -16px;
pointer-events: none;
opacity: 0;
}
.featured-tab-section .tab-nav ul li.tabActive a:after {
opacity: 1;
}
.featured-tab-section .tab-nav ul li.tabActive {
font-weight: 500;
/* color: #000; */
}
.featured-tab-section .tab-nav ul li:not(:last-child):after {
content: '|';
font-weight: 300 !important;
color: #000 !important;
padding-left: 20px;
padding-right: 20px;
pointer-events: none;
}
.featured-tab-section .left-panel {
width: calc(100% - 339px);
padding-right: 11px;
}
.featured-tab-section img {
max-width: 100%;
display: block;
}
.featured-tab-section .left-panel figure {
position: relative;
z-index: 0;
width: 100%;
height: 0;
/* padding: 61.5% 0 0 0; */
margin-bottom: 20px;
height: 575px;
}
.featured-tab-section .left-panel figure img {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
max-width: inherit;
}
.featured-tab-section .right-panel {
width: 339px;
}
.featured-tab-section .right-panel .small-list {
padding: 10px 10px;
background: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.featured-tab-section .right-panel .small-list.current {
background: #f2f2f2;
}
.featured-tab-section .right-panel figure {
position: relative;
z-index: 0;
width: 100%;
height: 0;
padding: 65.31% 0 0 0;
}
.featured-tab-section .right-panel figure img {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
max-width: inherit;
}
.featured-tab-section .right-panel .imageBox {
width: 147px;
}
.featured-tab-section .right-panel .text-box {
width: calc(100% - 147px);
padding-left: 20px;
}
.featured-tab-section .right-panel .text-box p {
font-size: 17px;
line-height: 1.25;
font-weight: 500;
margin: 0;
}
.featured-tab-section .main-content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0 0 5px 0;
padding: 0 0 0 50px;
font-size: 15px;
line-height: 26px;
color: #666666;
font-weight: 500;
position: relative;
}
.featured-tab-section .main-content ul:after {
content: '';
position: absolute;
top: 12px;
left: 0;
height: 2px;
width: 35px;
background: #666666;
}
.featured-tab-section .main-content ul li {
position: relative;
}
.featured-tab-section .main-content ul li:not(:last-child):after {
content: '|';
padding-left: 9px;
padding-right: 9px;
pointer-events: none;
}
.featured-tab-section .main-content .heading-box {
width: calc(100% - 150px);
padding-right: 20px;
}
.featured-tab-section .main-content h3 {
margin: 0;
font-size: 30px;
font-weight: 500;
line-height: 1.33;
color: #000;
}
.featured-tab-section .scrollbox {
height: 575px;
}
.featured-tab-section .mCSB_inside>.mCSB_container {
margin-right: 16px;
}
.featured-tab-section .mCSB_scrollTools .mCSB_draggerContainer {
left: auto;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgb(0 0 0) !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #d7d7d7;
width: 3px;
}
.featured-neighborhoods-section .section-head {
margin-bottom: 30px;
}
.our-development-section {
background: #fff;
text-align: center;
overflow: hidden;
}
.our-development-section .container-fluid {
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
.our-development-section .section-head {
margin-bottom: 30px;
}
.our-development-tab-section .tab-nav2 {
margin-bottom: 42px;
}
.our-development-tab-section .tab-nav2 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0 16px;
margin: 0;
list-style: none;
}
.our-development-tab-section .tab-nav2 ul li {
/* -webkit-transition: 0.3s;
transition: 0.3s; */
font-size: 18px;
line-height: 1.2;
font-weight: 400;
color: #000;
}
.our-development-tab-section .tab-nav2 ul li a {
color: inherit;
text-decoration: none;
position: relative;
}
.our-development-tab-section .tab-nav2 ul li a:after {
position: absolute;
content: '';
z-index: 0;
background: #000;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
border-radius: 50%;
left: 0;
right: 0;
margin: auto;
bottom: -16px;
pointer-events: none;
opacity: 0;
}
.our-development-tab-section .tab-nav2 ul li.tabActive a:after {
opacity: 1;
}
.our-development-tab-section .tab-nav2 ul li.tabActive {
font-weight: 500;
/* color: #000; */
}
.our-development-tab-section .tab-nav2 ul li:not(:last-child):after {
content: '|';
font-weight: 300 !important;
color: #000 !important;
padding-left: 20px;
padding-right: 20px;
pointer-events: none;
}
.our-development-section .list-item {
width: 314px;
/* padding: 0 9px; */
}
.our-development-section .background-box {
width: 100%;
height: 0;
padding: 76.18% 0 0 0;
margin-top: 21px;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #ededed;
}
.our-development-section .background-box:after {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
background: #000;
opacity: 0;
}
.our-development-section .list-wrapper .holder:hover .background-box:after {
opacity: 0.3;
}
.our-development-section .list-content {
width: 100%;
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
padding: 102px 20px 20px;
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(31,155,204,0) 100%);
color: #fff;
text-align: left;
text-transform: uppercase;
}
.our-development-section .list-wrapper .holder:hover .list-content {
transform: translateY(0%);
padding: 20px 20px 20px;
transition: all .5s ease-in-out;
}
.our-development-section h3 {
margin: 0 0 10px;
font-size: 21px;
line-height: 1.15;
font-weight: 500;
color: #fff;
}
.our-development-section p {
font-size: 13px;
line-height: 1.2;
margin: 0;
letter-spacing: 1px;
}
.our-development-section h3 a {
color: inherit;
}
.our-development-section h3 a:hover {
color: #fff;
}
.our-development-section .list-wrapper .holder {
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
position: relative;
}
.our-development-section .button-holder {
margin-top: 50px;
}
.development-navigation .swiper-button-prev,
.development-navigation .swiper-button-next {
width: 55px;
height: 55px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
margin: auto;
top: 0;
bottom: 0;
color: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12);
z-index: 2;
}
.development-navigation .swiper-button-prev:hover,
.development-navigation .swiper-button-next:hover {
color: #fff;
background-color: #000;
;
}
.development-navigation .swiper-button-prev:after,
.development-navigation .swiper-button-next:after {
font-size: 16px;
font-weight: 700;
}
.development-navigation .swiper-button-prev {
left: -26px;
}
.development-navigation .swiper-button-next {
right: -26px;
}
.real-estate-news-section {
overflow: hidden;
position: relative;
z-index: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
}
.real-estate-news-section .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.real-estate-news-section p:last-child {
margin-bottom: 0 !important;
}
.real-estate-news-section .section-head {
margin-bottom: 58px;
}
.real-estate-news-section .container-fluid {
position: relative;
z-index: 2;
}
.real-estate-news-section::before {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 99%;
height: 100%;
background: url('../images/sanders.jpg') no-repeat top;
background-size: auto;
position: absolute;
background-size: cover;
}
.real-estate-news-section .date-box {
font-size: 14px;
line-height: 16px;
padding-bottom: 20px;
border-bottom: 2px solid #464646;
margin-bottom: 23px;
}
.real-estate-news-section .date-box .news-date {
display: block;
color: #000;
}
.real-estate-news-section h3 {
font-size: 24px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 19px;
color: #000;
}
.real-estate-news-section h3 a {
color: inherit;
}
.real-estate-news-section h3 a:hover {
color: #111;
}
.real-estate-news-section .list-item p {
font-size: 14px;
line-height: 1.71;
color: #000;
}
.real-estate-news-section .list-item {
/* padding: 0 26px; */
}
.newsSlide-navigation {
padding-top: 50px;
}
.newsSlide-navigation .swiper-button-prev,
.newsSlide-navigation .swiper-button-next {
width: 55px;
height: 55px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #000;
margin: 0 8px;
color: #f3f3f3;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.newsSlide-navigation .swiper-button-prev:hover,
.newsSlide-navigation .swiper-button-next:hover {
color: #fff;
background-color: #000;
;
}
.newsSlide-navigation .swiper-button-prev:after,
.newsSlide-navigation .swiper-button-next:after {
font-size: 16px;
font-weight: 700;
}
.home-bottom-section {}
.home-bottom-section .container {
width: 1130px;
max-width: 100%;
}
.home-bottom-section .container {
width: 1300px;
max-width: 100%;
}
.home-bottom-section .top-info {
width: 1300px;
max-width: 100%;
}
.home-bottom-section .profile-info {
width: 272px;
padding-right: 15px;
border-right: 1px solid #979797;
}
.home-bottom-section .profile-info figure {
width: 250px;
height: 138px;
position: relative;
z-index: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.home-bottom-section .profile-info figure img {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 195%;
object-fit: cover;
max-width: inherit;
display: block;
border-radius: 0%;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.4);
margin-top: -41px;
}
.home-bottom-section .profile-info .user-text {
width: calc(100% - 199px);
padding-left: 20px;
display: none;
}
.home-bottom-section .profile-info .info-title {
display: block;
font-size: 14px;
margin-bottom: 11px;
line-height: 16px;
text-transform: uppercase;
}
.home-bottom-section .profile-info .info-name {
display: block;
font-size: 26px;
line-height: 30px;
color: #000;
font-weight: 500;
margin-bottom: 0;
}
.home-bottom-section .info-right {
width: calc(100% - 450px);
padding-left: 55px;
font-size: 16px;
line-height: 1.63;
color: #fff;
font-weight: 400;
}
.home-bottom-section .info-right a {
color: #fff;
}
.home-bottom-section .info-right a:hover {
color: #e1e1e1;
}
.home-bottom-section .info-right .image-box img {
display: block;
max-width: 100%;
display: none;
}
.home-bottom-section .info-right .image-box {
width: 152px;
}
.home-bottom-section .info-right .contact-box {
max-width: 377px;
}
.home-bottom-section .info-right .contact-box:nth-child(2) {
max-width: inherit;
}
.home-bottom-section .info-right .info-row {
position: relative;
z-index: 0;
padding-left: 26px;
margin-bottom: 20px;
color:#fff;
}
.home-bottom-section .info-right .info-row:last-child {
margin-bottom: 0;
}
.home-bottom-section .info-right .info-row img {
max-width: 16px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.home-bottom-section .info-right .info-row .title {
display: block;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
color: #e1e1e1;
margin-bottom: 6px;
}
.home-bottom-section .info-right .info-row p {
margin-bottom: 0;
font-weight: 400;
}
.home-bottom-section .top-info {
padding-bottom: 20px;
}
.home-bottom-section .swiper-wrapper {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.home-bottom-section img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.home-bottom-section .bottom-info {
padding-top: 23px;
}
.main-footer {
padding: 40px 0 40px;
background: #000;
}
.main-footer a {
color: #e1e1e1;
}
.main-footer .container {
width: 1190px;
max-width: 100%;
}
.main-footer .footerMenu {
margin-bottom: 35px;
}
.main-footer .footerMenu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 0;
}
.main-footer .footerMenu ul li:not(:last-child):after {
content: '|';
padding-left: 13px;
padding-right: 13px;
}
.main-footer .footerMenu ul li {
font-size: 12px;
line-height: 16px;
margin-bottom: 5px;
}
.main-footer .footerMenu ul li a {
color: #fff;
}
.main-footer .footerMenu ul li.active a,
.main-footer .footerMenu ul li a:hover {
color: #d6a5a7;
}
.main-footer .footerLogo {
width: 93px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.main-footer .footerLogo img {
display: block;
max-width: 100%;
}
.main-footer .footerContent p,
.main-footer .powerBy p,
.main-footer .copyRight p {
margin-bottom: 0;
}
.main-footer .footerContent {
font-size: 15px;
line-height: 20px;
margin-bottom: 40px;
}
.main-footer .powerBy,
.main-footer .copyRight {
font-size: 14px;
line-height: 26px;
}
.social-icons a,
.social-icons img {
height: 50px;
background-color: #fff;
width: 50px;
line-height: 50px;
display: block;
color: #000;
border-radius: 50%;
font-size: 25px;
background: #000;
}
.not-home .main-header {
background-repeat: no-repeat;
object-fit: cover;
max-width: inherit;
width: 100%;
background-position: center;
}
/* ========= rimpa 21-06-21 ======== */
.middle_searchform .dropdown .custom_radio input[type="radio"]+label::after {
content: "";
opacity: 0.8;
border: solid 1.2px rgba(151, 151, 151, 0.49);
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 3px;
}
.middle_searchform .dropdown .custom_radio input[type="radio"]:checked+label::after {
content: "";
background: #2d699e;
border: solid 1.2px #2d699e;
}
.middle_searchform .dropdown .custom_radio input[type="radio"]+label::before {
content: "";
}
.middle_searchform .dropdown .custom_radio input[type="radio"]:checked+label::before {
content: "";
background-image: url(fonts/check-wht-icon.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
width: 16px;
height: 10px;
top: 6px;
left: 2px;
}
.middle_searchform .dropdown .custom_radio input[type="radio"]+label {
padding-left: 28px;
font: 600 12px/22px Roboto, Arial;
color: #000;
}
.middle_searchform .dropdown .btn-holder,
.topsearch_collapse .btn-holder {
display: flex;
width: 100%;
margin-top: 10px;
}
.middle_searchform .dropdown .btn-holder-row,
.topsearch_collapse .btn-holder-row {
margin-left: -5px;
margin-right: -5px;
}
.topsearch_collapse .btn-box,
.middle_searchform .dropdown .btn-box {
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
.topsearch_collapse .btn-box .btn,
.middle_searchform .dropdown .btn-box .btn {
width: 100%;
}
#advance_collapse {
/* min-width: 695px; */
text-align: left;
padding: 15px 25px;
right: 0;
}
.price-list-wrap {
display: flex;
align-items: flex-start;
}
.price-list-wrap .price-list-col .input-box-holder {
flex: 1 1 0;
margin-bottom: 10px;
}
.price-list-wrap .price-list-col .input-box-holder input {
border-radius: 1px;
border: solid 1px #d1d1d5;
width: 100%;
background-color: #fff;
padding: 12px;
color: #333;
height: 40px;
}
.price-list-wrap .price-middle-gap {
width: 40px;
height: 2px;
position: relative;
}
.price-list-wrap .price-middle-gap:after {
content: '';
background-color: #d1d1d5;
width: 16px;
height: 2px;
left: 10px;
top: 20px;
position: absolute;
}
.price-show {
background: transparent;
border: none;
color: #000;
font-size: 14px;
}
.price-filter-options.disabled .price-show {
opacity: 0.2;
cursor: default;
pointer-events: none;
}
.topsearch_collapse h4.titleText {
border-bottom: none;
padding-bottom: 0;
}
/* ========== end rimpa 28/04/21 ========== */
.c761_info_go {
position: relative;
color: #fff;
border: 2px solid #fff;
margin-top: 30px;
background-color: #000;
padding: 20px 20px;
display: inline-block;
font-size: 18px;
font-weight: 400;
width: 300px;
text-align: center;
text-transform: capitalize;
letter-spacing: 2px;
text-decoration: none;
transition: 0.3s;
z-index: 1;
}
.c761_info_go a:hover {
color: #fff;
text-decoration: none;
/*transform: scale(1.1);*/
}
a.c761_info_go:hover .c761_info_go_overlay {
background-color: #FFF;
border: 1px solid #000;
}
a.c761_info_go:hover {
color: #000;
background: #fff;
border: 1px solid #000;
text-decoration: none;
/*transform: scale(1.1);*/
}
a.c761_info_go:hover .c761_info_go_overlay {
background-color: #FFF;
border: 1px solid #000;
}
.c12_wwu_1 {
background-image: url(../images/crm-min.jpg);
}
.c12_wwu_1_overlay {
background-color: rgba(0, 0, 0, 0.5);
}
.c12_wwu_1 {
position: relative;
padding: 140px 80px 160px 80px;
width: 100%;
text-align: center;
color: #FFF;
background-color: #000;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
min-height: 400px;
border-top: 0px solid #000;
border-bottom: 0px solid #000;
/*
background-image: url(../images/crm.jpg);
*/
background-position: center 0;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
.c12_wwu_1_inner {
position: relative;
z-index: 2;
width: 33%;
margin: 0 auto;
float: left;
border-right: 1px solid #666666;
}
.c12_wwu_1_title {
font-size: 44px;
font-weight: 400;
padding: 0px;
margin: 0px;
line-height: 40px;
font-weight: 400;
letter-spacing: 1px;
}
.c12_wwu_1_info {
font-size: 16px;
padding: 0px 30px;
line-height: 22px;
font-weight: 400;
letter-spacing: 1px;
}
.c12_wwu_1_overlay {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
background-color: rgba(0, 0, 0, 0.0);
opacity: 1.0;
}
.c12_wwu_1_title_main {
font-family: 'Lato', sans-serif;
font-size: 5vw;
font-weight: 200;
text-align: center;
background-color: #EEE;
}
@media only screen and (max-width: 767px) {
.c18b_title_sub
{
position: relative;
font-size: 9px;  
text-transform: uppercase;
font-weight: 400;
letter-spacing: 3px;
color: #000;
font-family: 'Poppins', sans-serif; 
padding-left: 0px;
width:100%;
margin-top: 0px;
display: inline-block;
}
.c18_title_main {
position: relative;
font-size: 23px;
line-height: 19px;
text-transform: uppercase;
font-weight: 400;
padding: 40px 79px 0 26px;
letter-spacing: 6px;
width: 100%;
display: inline-block;
z-index: 3;
text-align: left;
}
.hs_01_banner {
position: relative;
color: #FFF;
background-color: #000;
width: 100%;
min-height: 537px;
height: 64vh;
padding: 0;
margin: 0;
background-image: url(../images/nathaniel.jpg);
background-position: center;
background-size: cover;
z-index: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
}
.hs_01_title_bottom {
position: relative;
font-size: 13px;
text-transform: uppercase;
font-family: 'Karla', sans-serif;
font-weight: 400;
letter-spacing: 3px;
color: #FFF;
padding-top: 31px;
z-index: 3;
}
.c02_info {
position: relative;
height: 53vh;
min-height: 389px;
text-align: center;
font-size: 22px;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,1.0);
z-index: 2;
margin-top: 242px;
}
.c761_info_go {
position: relative;
margin-top: 20px;
padding: 20px 20px;
display: inline-block;
font-size: 18px;
font-weight: 400;
width: 300px;
margin-left: 6%;
text-align: center;
text-transform: capitalize;
letter-spacing: 2px;
text-decoration: none;
transition: 0.3s;
z-index: 1;
}
a.c02_go:hover
{
background:#fff;
color:#000;
border: 1px solid #000;
transition: all .4s ease-in-out;
font-weight: 400;
letter-spacing: 2px;
font-size:16px;
text-shadow: 0px 1px 1px #000;
}
.h_search_01_info_action {
width: 100%;
height: 129px;
padding: 2%;
margin-bottom: 25px;
background-color: #000;
text-align: center;
z-index: 1;
}
.form-group1 {
width: 353px;
margin-bottom: 20px;
}
.c13_footer_inner a {
color: #000;
width: 21%;
margin: 0 auto;
float: left;
border-right: 0px solid #666666;
transition: all .25s ease-in-out;
}
.featured-property-section .list-content {
width: 100%;
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
padding: 18px 18px 16px;
padding-top: 18px;
padding-top: 215px;
color: #fff;
text-align: left;
width: 100%;
-webkit-transform: translateY(10%);
transform: translateY(0%);
height: 100%;
}
.c12_wwu_1 {
padding: 40px 20px 60px 20px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
background-attachment: inherit;
}
.c12_wwu_1_info {
font-size: 14px;
}
.c12_wwu_1_inner {
width: 100%;
margin: 0 auto;
float: none;
border: 0px solid #FFF;
border-bottom: 1px solid #FFF;
margin-bottom: 20px;
}
.c12_wwu_1_overlay {
background-position: center 0px;
background-attachment: inherit;
}
.c12_wwu_1_title {
font-size: 24px;
white-space: nowrap;
line-height: 30px;
padding: 20px;
padding-bottom: 0px;
}
.c12_wwu_1_title_main {
font-size: 34px;
padding: 30px;
}
}
.c13_footer_links_area,
.c13_footer_contact_area  a:hover {
color:#e1e1e1;
text-decoration: none;
}
.c13_footer {
position: relative;
/*padding: 60px 80px 80px 80px;*/
width: 100%;
color: #000;
background-color: #EFEFEF;
text-align: left;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
/*min-height: 400px;*/
/*background-image: url('https://my.realtynetmedia.com/uploads/shared/v3/img/d3_banner_bg_900.jpg');	*/
background-size: cover;
background-position: center top;
background-attachment: fixed;
}
.c13_footer_links_area,
.c13_footer_contact_area {
position: relative;
width: 100%;
padding: 60px 80px 80px 80px;
z-index: 2;
background: #000;
color: #fff;
}
.c13_footer_links_area,
.c13_footer_contact_area a {
color: #000;
}
.c13_footer_links_area {
background-color: #FFF;
}
.c13_footer a {
color: #fff;
text-decoration: none;
transition: 0.3s;
}
.c13_footer a:hover {
text-decoration: underline;
}
.c13_footer_inner {
width: 26%;
margin: 0 auto;
float: left;
border-right: 0px solid #666666;
transition: all .25s ease-in-out;
text-align: left;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
.c13_footer_inner1 {
width: 19%;
margin: 0 auto;
float: left;
border-right: 0px solid #666666;
transition: all .25s ease-in-out;
text-align: left;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
}
.c13_footer_inner a {
color: #000;
width: 11%;
margin: 0 auto;
float: left;
border-right: 0px solid #666666;
transition: all .25s ease-in-out;
}
.c13_footer_main_title {
position: relative;
font-size: 50px;
margin-bottom: 50px;
font-weight: 100;
text-align: center;
position: relative;
text-transform: uppercase;
}
.c13_footer_sub_title {
position: relative;
font-size: 35px;
margin-bottom: 40px;
padding-top: 20px;
font-weight: 200;
text-align: center;
text-transform: uppercase;
z-index: 2;
}
.c13_footer_main_title_divider {
position: relative;
width: 10%;
margin: 0 auto;
height: 1px;
border-bottom: 2px solid #666666;
}
.c13_footer_title {
font-size: 15px;
font-weight: 700;
line-height: 40px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0px 0px 20px 0px;
margin: 0px;
clear: both;
}
.c13_footer_si {
font-size: 30px;
}
.c13_footer_go_overlay {
position: absolute;
background-color: #019CBD;
border: 1px solid #019CBD;
background-color: #000;
border: 1px solid #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: 0.3s;
z-index: 0;
}
.c13_footer_go_text {
position: relative;
z-index: 1;
}
a.c13_footer_go {
position: relative;
color: #FFF;
background-color: #000;
padding: 8px 33px;
margin-top: 30px;
display: inline-block;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
transition: 0.1s;
white-space: nowrap;
z-index: 1;
}
a.c13_footer_go:hover {
color: #000;
text-shadow: none;
text-decoration: none;
}
a.c13_footer_go:hover .c13_footer_go_overlay {
background-color: #FFF;
border: 1px solid #000;
}
.c13_footer_disclaimer {
position: relative;
padding-top: 60px;
font-size: 13px;
}
@media only screen and (max-width: 800px) {
.c13_footer_links_area,
.c13_footer_contact_area {
padding: 30px 20px 80px 20px;
}
.c13_footer_inner {
width: 53%;
margin: 0 auto;
float: none;
border: 0px solid #FFF;
border-bottom: 0px solid #666666;
padding-bottom: 40px;
margin: 20px 0px 0px 0px;
}
.c13_footer_main_title {
text-align: center;
margin-bottom: 30px;
font-size: 24px;
font-weight: 700;
white-space: nowrap;
line-height: 40px;
}
.c13_footer_main_title_divider {
margin: 0 auto;
padding-top: 20px;
}
.c13_footer_title {
font-size: 24px;
white-space: nowrap;
line-height: 40px;
padding: 0px;
padding-bottom: 0px;
}
.c13_footer_hide_on_mobile {
display: none;
}
}
.c13_footer,
.c13_footer a {
color: #FFF;
}
.c13_footer {
background-color: #000;
text-shadow: 0px 1px 1px #000;
}
.c13_footer_links_area {
background-color: #333333;
}
.c13_footer_main_title_divider {
border-bottom: 2px solid #EFEFEF;
}
.c13_footer_go_overlay {
background-color: #FFF;
border: 1px solid #FFF;
}
a.c13_footer_go:hover .c13_footer_go_overlay {
background-color: #000;
border: 1px solid #0000;
}
a.c13_footer_go {
color: #000;
background-color: #FFF;
text-shadow: none;
}
a.c13_footer_go:hover {
color: #FFF;
text-shadow: none;
}
.v3_credit_disclaimers {
min-height: 100px;
margin: 0 auto;
padding: 20px 90px 20px 90px;
font-size: 14px;
color: #fff;
font-size: 14px;
}
.v3_credit_disclaimers a,
.v3_credit_disclaimers a:visited {
color: #fff;
}
.v3_credit_disclaimers_left {
text-align: left;
}
.v3_credit_disclaimers_right {
text-align: right;
letter-spacing: 1px;
}
.v3_credit_disclaimers_right img {
max-height: 20px;
width: auto;
}
.v3_credit_disclaimers_right strong {
font-weight: 700;
/*
background-color: #EFEFEF;
padding: 5px 8px;
*/
}
@media only screen and (max-width: 800px) {
.v3_credit_disclaimers {
padding: 40px 0px 40px 0px;
}
.v3_credit_disclaimers_left,
.v3_credit_disclaimers_right {
text-align: center;
}
.v3_credit_disclaimers_left {
font-size: 12px;
text-align: center;
}
.v3_credit_disclaimers_right {
text-align: center;
padding: 20px 0px 30px 0px;
}
}
/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact {
background: url("../images/contact-bg.png") left top no-repeat;
background-size: contain;
position: relative;
}
@media (max-width: 640px) {
.contact {
background-position: center 50px;
}
}
.contact:before {
content: "";
background: rgba(255, 255, 255, 0.7);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.contact .info-item+.info-item {
margin-top: 40px;
}
.contact .info-item i {
font-size: 20px;
background: #d5232b;
color: #fff;
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
margin-right: 15px;
}
.contact .info-item h4 {
padding: 0;
font-size: 20px;
font-weight: 700;
margin-bottom: 5px;
color: #000;
}
.contact .info-item p {
padding: 0;
margin-bottom: 0;
font-size: 14px;
}
.contact .php-email-form {
width: 100%;
}
.contact .php-email-form .form-group {
padding-bottom: 8px;
}
.contact .php-email-form .error-message {
display: none;
color: #fff;
background: #df1529;
text-align: left;
padding: 15px;
font-weight: 600;
}
.contact .php-email-form .error-message br+br {
margin-top: 25px;
}
.contact .php-email-form .sent-message {
display: none;
color: #fff;
background: #059652;
text-align: center;
padding: 15px;
font-weight: 600;
}
.contact .php-email-form .loading {
display: none;
background: #fff;
text-align: center;
padding: 15px;
}
.contact .php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #059652;
border-top-color: #fff;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input,
.contact .php-email-form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
padding: 12px 15px;
}
.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
border-color: var(--color-primary);
}
.contact .php-email-form textarea {
padding: 10px 12px;
}
.contact .php-email-form button[type=submit] {
background: #d5232b;
border: 0;
padding: 12px 40px;
color: #fff;
transition: 0.4s;
text-transform: uppercase;
}
.contact .php-email-form button[type=submit]:hover {
background: #000;
}
@-webkit-keyframes animate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.h_search_01_container {
position: relative;
margin-bottom: 100px;
}
.h_search_01_info_action {
width: 100%;
height: 105px;
padding: 2%;
margin-bottom: 25px;
background-color: #000;
text-align: center;
z-index: 1;
}
.h_search_01_info_action_inner {
width: 75%;
position: absolute;
top: 20px;
left: 12.5%;
right: 12.5%;
border: 10px solid #FFF;
z-index: 2;
}
.rnm_header_results_inner_container {
position: absolute;
width: 100%;
box-shadow: none;
z-index: 3;
}
.rnm_live_heading {
background-color: transparent;
border-bottom: 1px solid #eee;
}
.h_search_01_info_action span {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 200;
}
.h_search_01_info_action .btn {
width: 190px;
}
.h_search_01_info_action input,
.h_search_01_info_action input[type=text],
.h_search_01_info_action input::placeholder,
.h_search_01_info_action::placeholder,
.h_search_01_info_action select {
font-family: 'Poppins', sans-serif;
color: #000;
font-weight: 400;
font-size: 16px;
letter-spacing: 1px;
}
.h_search_01_info_action input[type=text]:focus {
background-color: #f9F9F9;
}
.h_search_01_info_action input::placeholder,
.h_search_01_info_action::placeholder,
.h_search_01_info_action select {}
@media only screen and (max-width: 1200px) {
.h_search_01_info_action {}
}
@media only screen and (max-width: 750px) 
{
.h_search_01_info_action {
margin: 0px auto 0 auto;
margin-top: 0px;
text-align: center;
}
.h_search_01_info_action_inner {
width: 100%;
left: 0;
right: 0;
}
.h_search_01_info_action span {
display: none;
}
.h_search_01_info_action .btn {
width: 94%;
}
.h_search_01_info_action input,
.h_search_01_info_action input[type=text],
.h_search_01_info_action input::placeholder,
.h_search_01_info_action::placeholder,
.h_search_01_info_action select {
font-family: 'Poppins', sans-serif;
color: #000;
font-weight: 400;
font-size: 16px;
letter-spacing: normal;
}
}
.d1_headings {
position: relative;
padding: 80px 0px 27px 0px;
}
.d1_title_main {
position: relative;
color: #000;
font-size: 3vw;
letter-spacing: 1px;
line-height: 35px;
text-transform: uppercase; 
width: 100%;
display: inline-block;
text-align: center;
white-space: nowrap;
z-index: 3;
}
.d1_title_sub {
position: relative;
font-size: 12px;
text-transform: uppercase;
font-weight: 200;
color: #000;
letter-spacing: 5px;
padding-left: 0px;
width: 100%;
margin-top: 0px;
z-index: 3;
display: inline-block;
}
.d1_title_divider {
position: relative;
width: 45%;
display: inline-block;
z-index: 3;
border-top: 2px solid;
color: #000;
margin-top: 0px;
top: 5px;
height: 10px;
transition: all .75s ease-in-out;
}
@media only screen and (max-width: 1200px) {
.d1_headings {
background-attachment: inherit;
padding: 30px 0px 30px 0px;
}
.d1_title_main {
font-size: 22px;
line-height: 36px;
letter-spacing: normal;
}
.d1_title_divider {
position: relative;
width: 25%;
}
}
.internal_container
{
width: 100%;
max-width: 100%; 
margin: 0px auto 60px auto;
}
.c02_container
{
position: relative;
font-family: 'Poppins', sans-serif;
color: #FFF;
z-index: 0;
}			
.c02_overlay
{
position: absolute; 
top:0; bottom:0; left: 0; right:0;
background-color: rgba(0,0,0,0.4); /*background-color: rgba(37, 116, 169, 0.4);*/
z-index: 1;
transition: all .1s ease-in-out;
}
.c02_bg_1:hover .c02_overlay,.c02_bg_2:hover .c02_overlay
{
background-color: rgba(0,0,0,0.7); 
}
.c02_bg_1:hover a.c02_go,.c02_bg_2:hover a.c02_go 
{
background-color: rgba(0,0,0,0.7); 
margin-top: 30px;
}
.c02_info
{
position: relative;
height: 53vh;
min-height: 389px;
text-align: center;
font-size: 22px;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,1.0);
z-index: 2;
margin-top: 242px;
}
.c02_bg_1
{
background-image: url(../images/406.jpg);
background-size: cover;
background-position: center center;
}
.c02_bg_2
{
background-image: url(../images/Miramar.jpg);
background-size: cover;
background-position: center center;
}
.c02_title_1
{
font-weight: 200;
padding: 0;
line-height: normal;
}
.c02_title_2
{
font-weight: 700;
padding: 0;
line-height: normal;
}
.c02_go_overlay
{
position: absolute;		
color: #FFF;
background-color: #000;
top:0;bottom: 0;left: 0;right: 0;
transition: 0.1s;
z-index: 0;
}
.c02_go_text
{
position: relative;
z-index: 1;
}
a.c02_go 
{
position: relative;
color: #FFF;
background-color: #000;
text-shadow: 0px 1px 1px #000;
padding: 15px 33px 15px 33px;
margin-top: 20px;
margin-bottom: 0px;
display: inline-block;
font-weight: 400;
letter-spacing: 2px;
font-size:16px;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
text-align: center;
line-height: 20px;
transition: all .4s ease-in-out;
}
a.c02_go:hover .c02_go_overlay
{
background:#333;
}
@media only screen and (max-width : 700px)
{
.c02_info {
position: relative;
height: 53vh;
min-height: 0;
text-align: center;
font-size: 22px;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,1.0);
z-index: 2;
margin-top: 0;
padding-top: 148px;
}
.c02_title_1
{
font-size: 18px;
font-weight: 300;
}
.c02_title_2
{
font-weight: 400;
}			
}
/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials {
padding: 80px 0;
background: url("../images/testimonials-bg.jpg") no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.testimonials::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.6);
}
.testimonials .section-header {
margin-bottom: 40px;
}
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
overflow: hidden;
}
.testimonials .testimonial-item {
text-align: center;
color: #fff;
}
.testimonials .testimonial-item .testimonial-img {
width: 100px;
border-radius: 50%;
border: 6px solid rgba(255,255,255, 0.15);
margin: 0 auto;
}
.testimonials .testimonial-item h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 0;
color: #fff;
}
.testimonials .testimonial-item h4 {
font-size: 14px;
color: rgba(var(--color-white-rgb), 0.6);
margin: 0 0 15px 0;
}
.testimonials .testimonial-item .stars {
margin-bottom: 15px;
}
.testimonials .testimonial-item .stars i {
color: var(--color-yellow);
margin: 0 1px;
}
.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
color: rgba(var(--color-white-rgb), 0.6);
font-size: 26px;
line-height: 0;
}
.testimonials .testimonial-item .quote-icon-left {
display: inline-block;
left: -5px;
position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
transform: scale(-1, -1);
}
.testimonials .testimonial-item p {
font-style: italic;
margin: 0 auto 15px auto;
}
.testimonials .swiper-pagination {
margin-top: 20px;
position: relative;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: rgba(var(--color-white-rgb), 0.4);
opacity: 0.5;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--color-white);
opacity: 1;
}
@media (min-width: 992px) {
.testimonials .testimonial-item p {
width: 80%;
}
}
/* Slideshow container */
.slideshow-container {
position: relative;
color:#fff;
}
/* Slides */
.mySlides {
display: none;
padding: 80px;
color: #000;
text-align: center;
font-size: 18px;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding: 16px;
color: #888;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
position: absolute;
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: #fff;
color: #464646;
}
/* The dot/bullet/indicator container */
.dot-container {
text-align: center;
padding: 20px;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
/* Add a background color to the active dot/circle */
.active, .dot:hover {
}
/* Add an italic font style to all quotes */
q {font-style: italic;}
/* Add a blue color to the author */
.author {
color: #464646;
text-transform: uppercase;
padding-top: 10px;
font-size: 14px;
}
.btnprimary-dark {
border-color: #000;
background-color: transparent;
color: #000;
}
button.close {
-webkit-appearance: none;
padding: 15px;
cursor: pointer;
background: 0 0;
border: 0;
}
.dropdown-rating-label {
width: 100%;
}
.dropdown-rating-label .rating {
padding-left: 8px;
}
.dropdown-rating-label .rating li span,
.rating li span.bath-label {
position: relative;
}
.dropdown-rating-label .rating li span cite.blockedelm {
position: absolute;
right: 5px;
top: 0;
line-height: 18px;
font-size: 10px;
font-weight: 700;
}
.dropdown-rating-label button {
border: none;
background-color: white;
width: 100%;
text-align: left;
border: 1px solid #c7c7c7;
min-height: 42px;
padding: 5px 10px;
border-radius: 2px;
color: #555;
font-size: 14px;
}
.dropdown-rating-label button .caret {
position: absolute;
top: 19px;
right: 10px;
}
.c18b_info
{
position: relative;
padding: 0px 0px 0px 0px;
width: 100%;
min-height: 500px;
margin: 0 auto 0 auto;
text-align: left;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
transition: all .75s ease-in-out;
/*
-webkit-box-shadow:0 0 18px #000; 
-moz-box-shadow: 0 0 18px #000; 
*/
/*
box-shadow:0 0 28px #CCC;
*/
transition: all .75s ease-in-out;		
}
.c18b_info_overlay
{
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 1;
background-color: rgba(0,0,0,0.0);
}
/*
.c18b_info:hover
{
transform:scale(1.1);
}
*/
.c18b_info_inner
{
position: relative;
width: 50%;
padding-top: 60px;
float: left;
z-index: 2;
}
.c18b_info_inner_pic
{
position: relative;
min-height: 722px;
margin: 0px 39px;
width: 40%;
float: left;
background-image: url(../images/Paul-Side.png);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.c18b_info_inner_pic img
{
max-height: 100%;
width: auto;
right: 0;
}
.c18b_info_inner_data
{
font-size: 15px;
font-family: "Montserrat", sans-serif;
line-height: 26px;
font-weight: 400;
letter-spacing: 1px;
padding: 40px 80px 80px 80px;
}
.c18b_info_inner_data p
{
padding: 0px 0px;	
}
a.c18b_info_go 
{
position: relative;
width: 180px;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
border: 1px solid #fff;
padding: 12px 12px 12px 12px;
margin-top: 20px;
margin-right: 20px;
display: inline-block;
letter-spacing: 1px;
text-decoration: none;
white-space: nowrap;
text-align: center;
line-height: 20px;
transition: all .3s ease-in-out;
}
a.c18b_info_go:hover
{
background-color:#000;
color: #fff;
/*padding-left:0px;*/
}
.c18b_info_go_divider
{
position: relative;
margin: 0 auto;
margin-top: 5px;
width: 30px;
height: 2px;
border-top: 2px solid #000;
transition: all .3s ease-in-out;
}
a.c18b_info_go:hover .c18b_info_go_divider
{
width:80%;
border-top-color:rgba(0,191,255,1.0);
border-top-color:#000;
}	
.c18b_title_main
{
position: relative;
font-size: 4vw;  
line-height: 85px;
font-weight: 400;
padding-top: 50px;
width: 100%;
text-transform: uppercase;
display: inline-block;
z-index: 3;
text-align: center;
overflow: hidden;
white-space: nowrap;
}
.c18b_title_sub
{
position: relative;
font-size: 16px;  
text-transform: uppercase;
font-weight: 400;
letter-spacing: 3px;
font-family: 'Poppins', sans-serif; 
padding-left: 0px;
width:100%;
margin-top: 0px;
display: inline-block;
}
.c18b_title_divider
{
position: relative;	
width: 25%;
display: inline-block;
z-index: 3;
border-top: 2px solid #ccc; 
margin-top: 0px;
top: 5px;
height: 10px;
transition: all .75s ease-in-out; 
z-index: 1;
}
.c18b_info:hover .c18b_title_divider
{
width: 35%;
}
@media only screen and (max-width : 700px)
{
.c18b_info
{
padding: 0px;
min-height:auto;
}
.c18b_info_inner
{
width: 100%;
margin: 0 auto;
display: inline-block;
border: 0px solid #FFF;
border-bottom: 0px solid #666666;
padding-bottom: 0px;
margin: 0px;
}
.c18b_info_inner_data
{
padding:41px 51px 40px 51px;
}
.c18b_info_inner_pic
{
width: 100%;
display: inline-block;
min-height: 435px;
margin-left: 0px;
}
.c18b_info_inner_data p
{
padding: 0px 20px 20px 20px;
}
.c18b_title_main
{
padding-top: 0px;
font-size: 3.0vh;
line-height: 36px;
}
.c18b_hide_on_mobile
{
display: none;
}
}	
@media only screen and (max-width : 700px)
{
.c18b_title_sub {
position: relative;
font-size: 13px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0px;
font-family: 'Poppins', sans-serif;
padding-left: 0px;
width: 100%;
margin-top: 0px;
display: inline-block;
}
.c18b_info
{
padding: 0px;
min-height:auto;
}
.c18b_info_inner
{
width: 100%;
margin: 0 auto;
display: inline-block;
border: 0px solid #FFF;
border-bottom: 0px solid #666666;
padding-bottom: 0px;
margin: 0px;
}
.c18b_info_inner_data
{
padding:41px 51px 40px 51px;
}
.c18b_info_inner_pic
{
width: 100%;
display: inline-block;
min-height: 600px;
margin-left: 0px;
}
.c18b_info_inner_data p
{
padding: 0px 20px 20px 20px;
}
.c18b_title_main
{
padding-top: 0px;
font-size: 34px;
line-height: 36px;
}
.c18b_hide_on_mobile
{
display: none;
}
}
.is-contact-page .main-header {
padding: inherit 0;
}
/* ========== end rimpa 28/04/21 ========== */
/* CTA */
.iu_flex_cell{display:block;}
.iu_flex_cells_3 .iu_flex_cell{width:100%;}
.iu_cta_item{padding:30px;}
/* iHomefinder */
.home .gallery-prop-info{margin: 20px .5% 25px;padding:0 0 10px;position:relative;width: 48.5%;}
.home .slider h1{font-size:75px;}
.iu_display_grid_cell{display:block;}
.iu_display_grid_cell:nth-child(1){width:100%;}
.iu_display_grid_cell:nth-child(2){width:100%;}
.footer-widgets-2{border-right:none;}
.home_feature_3 section:nth-child(2) .widget-wrap{text-align:center;} 
section#custom_html-12 {padding: 60px 0 75px; }
#custom_html-13 p.tagline-text {  margin:0; }
/* Widget Area--------------------------------------------- */
.widget-area{word-wrap:break-word;}
.site-header .widget-area{float:right;text-align:right;width:800px;}
.header-image .site-header .widget-area{padding:40px 0;padding:4rem 0;}
.site-header .search-form{float:right;margin-top:24px;margin-top:2.4rem;}
/* CTA */
.iu_flex_cells{background-color:#000;display:table;width:100%;color:#ffffff;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.iu_flex_cells a{color:#fff;text-decoration:none;}
.iu_flex_cells h3{color:#fff;margin:0;font-size:19px;text-transform:uppercase;}
.iu_flex_cells h3 span{font-weight:bold;}
.iu_flex_cell{display:table-cell;vertical-align:top;padding:0;}
.iu_flex_cells_3 .iu_flex_cell{width:25%;}
.iu_flex_cell:nth-child(1){}
.iu_flex_cell:nth-child(2){background-color:#000;}
.iu_flex_cell:nth-child(3){}
.iu_cta_item{padding:55px 30px 55px 40px;}
.iu_cta_item_icon{display:table-cell;padding:0 20px 0 0;}
.iu_cta_item_icon i.fa{padding:15px;border:1.5px solid #e1e1e1;border-radius:100%;}
.iu_cta_item_description{display:table-cell;vertical-align:top;}
.iu_cta_item_description p{margin:0;padding:0;font-size: 12px;}
.iu_flex_cells .cta_button{background:transparent;}
.iu_flex_cells .cta_button:hover{background:rgba(64, 64, 64, 0.13);}
.iu_flex_cell:hover {background-color: rgba(255, 255, 255, 0.1);}
/* Display Grid (neighborhoods) */
.iu_display_grid_cell a img{margin-bottom:0;}
.iu_display_grid_1{display:table;width:100%;}
.iu_display_grid_cell{display:table-cell;vertical-align:middle;}
.iu_display_grid_cell:nth-child(1){background-color:#82b8bf;width:25%;text-align:center;color:#ffffff;padding:30px 20px;}
.iu_display_grid_cell:nth-child(2){width:75%;}
.iu_display_grid_cell:nth-child(1) h4{color:#ffffff;margin:0;text-transform:uppercase;}
.iu_display_grid_cell:nth-child(1) .cta_button{padding:5px 30px;margin:0;border:1px solid #fff;color:#fff;font-size:16px;border-radius:0px;display:inline-block;text-decoration:none;}
/* Divider Lines */
.iu_divider_line{width:100%;text-align:center;line-height:0.1em;margin:20px 0 30px;}
.iu_divider_line_mid{border-bottom:1px solid #c5c5c5;display:inline-block;line-height:0.1em;width:240px;}
.iu_divider_line_mid span{background:#fff;padding:0 10px;}
.iu_divider_line_mid .fa{line-height:1px;}
.iu_divider_line_mid_square{display:inline-block;background-color:#c5c5c5;height:7px;width:7px;position:relative;top:4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
/* Custom Color (Coldwell Banker Blue Primary 003168 | Hover, Alternate +2 lighter 2E5683))
Transparent background note: (typically .7 for lighter colors and .2 for darker colors) 
.home.coloropt-custom #ihf-main-container .btn-primary{background-color:#004898;border-color:#004898;}
.coloropt-custom #ihf-main-container .btn-primary{background-color:#003168;border-color:#003168;}
.coloropt-custom .site-container .cta_button:hover, .home.coloropt-custom .featuredpage .more-link:hover{background:#2E5683;color:#ffffff;}
.coloropt-custom #ihf-main-container .btn-primary:hover, .coloropt-custom #ihf-main-container .btn-primary:focus, .coloropt-custom #ihf-main-container .btn-primary:active, .coloropt-custom #ihf-main-container .btn-primary.active, .coloropt-custom .open .dropdown-toggle#ihf-main-container .btn-primary{color:#ffffff;background-color:#2E5683;border-color:#2E5683;}
.coloropt-custom .iu_flex_cells{background-color:#003168;}
.coloropt-custom .site-container .cta_button, .home.coloropt-custom .featuredpage .more-link{background:#003168;border:1px solid #fff;}
.coloropt-custom .iu_display_grid_cell:nth-child(1){background-color:#003168;color:#ffffff;}
.coloropt-custom .iu_display_grid_1 .iu_divider_line_mid span{background:#003168;}
.coloropt-custom .ao_fn_text_overlay:hover{background:none repeat scroll 0 0 rgba(0, 49, 104, 0.47);}
.coloropt-custom .ma_agent_container_outer .ma_agent_name{background:none repeat scroll 0 0 rgba(0, 49, 104, 0.78);}
.coloropt-custom .footer-widgets{background-color:#003168;color:#ffffff;}
.coloropt-custom .site-container .footer-widgets a.cta_button:hover{background:#2E5683;color:#ffffff;}
.coloropt-custom .site-footer{background-color:#002753;color:#999;border-top:1px solid #7c7c7c;}
.coloropt-custom .site-container .footer-bottom .simple-social-icons ul li a, .coloropt-custom .site-container .footer-bottom .simple-social-icons ul li a:hover{background-color:#00418a !important;color:#ffffff !important;border:2px solid rgba(255, 255, 255, 0) !important;}
.coloropt-custom button, .coloropt-custom input[type="button"], .coloropt-custom input[type="reset"], .coloropt-custom input[type="submit"], .coloropt-custom .button, .coloropt-custom .entry-content .button{background-color:#003168;color:#ffffff;}
.coloropt-custom button:hover, .coloropt-custom input:hover[type="button"], .coloropt-custom input:hover[type="reset"], .coloropt-custom input:hover[type="submit"], .coloropt-custom .button:hover, .coloropt-custom .entry-content .button:hover{background-color:#2E5683;}
.coloropt-custom .content a.more-link, .coloropt-custom .home_feature_left_right a.more-link{background-color:#003168;color:#ffffff;}
.coloropt-custom .content a.more-link:hover, .coloropt-custom .home_feature_left_right a.more-link:hover{background-color:#2E5683;color:#ffffff;}
.coloropt-custom .archive-pagination li a:hover, .coloropt-custom .archive-pagination li.active a {background-color: #003168;}
*/
html,body{overflow-x: hidden;}
@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
.service-7 {
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
.service-7 h1, .service-7 h2, .service-7 h3, .service-7 h4, .service-7 h5, .service-7 h6 {
color: #000;
}
.service-7 .font-weight-medium {
font-weight: 400;
font-size: 18px;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
font-size: 13px;
}
.service-7 a {
text-decoration: none;
}
.service-7 .linking {
color: #3e4555;
text-transform: uppercase;
}
.service-7 .linking:hover {
color: #3d3935;
}
.service-7 .subtitle {
color: #8d97ad;
line-height: 24px;
}
.service-7 .btn-info-gradiant {
background: #188ef4;
background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}
.service-7 .btn-info-gradiant:hover {
background: #316ce8;
background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}
.service-7 .btn-md {
padding: 15px 45px;
font-size: 16px;
}
.navbar_top_simple_left
{
/*background-color: #EEE;*/
}
.navbar_top_logo img
{
/*margin: auto;*/ /* this aligns it center horizontally*/
padding: 10px 5px 10px 10px; 	}
#navbar_top_simple_continer
{
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.navbar_top_simple_continer_bg
{
background-color: #000; /* comment out for autohide*/
}
@media only screen and (max-width : 750px)
{
.navbar_top_logo img
{
/*margin: auto;*/ /* this aligns it center horizontally*/
/* padding: 10px 10px 10px 10px;*/
}
}
#navbar_top_simple_continer
{
top: 0px;
background: #000;
width: 100%;
height: 100px;
/*
background-color: #FFF;
box-shadow:0 0 6px #ccc;
*/
z-index: 6;
}
.navbar_top_simple_left
{
position: relative;
width: calc(100% - 100px);
height: 100%;
float: left;
text-align: left;
z-index: 10;
}
.navbar_top_logo
{
height: 70px;
min-width: 300px;
}
.navbar_top_logo img
{
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*margin: auto;*/ /* this aligns it center horizontally*/
padding: 5px 10px 10px 10px;
}
.open_1
{
cursor: pointer;
height: 100%;
width: 100%;
}
.navbar_top_simple_right
{
position: relative;
width:100px;
height: 100%;
float: left;
text-align: center;
z-index: 10;
}
.navbar_top_simple_right img
{
height: 28px;
width: 80px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 5px 10px 5px 10px;
transition: all .1s linear;
}
.navbar_top_simple_right img:hover
{
width: 90px;
}
.navbar_top_simple_continer_bg
{
position: absolute;
top: 0;
bottom:0;
left: 0;
right:0;
background-color: rgba(12, 42, 60,1.0);
display: none;
z-index: 0;
}
.csr_only_1
{
display: none;
}
@media only screen and (max-width : 750px)
{
.navbar_top_logo img
{
/*margin: auto;*/ /* this aligns it center horizontally*/
}
/*
.navbar_top_simple_left
{
width: calc(100% - 50px);
}
.navbar_top_simple_right
{
width:50px;
}
*/
}
.rnm_agent_logo_a_container
{
width: 300px;
color: #000;
font-family: 'Poppins', sans-serif;
overflow: hidden;
}
.rnm_agent_logo_a_container a,.rnm_agent_logo_a_container a:hover
{
color: #000;
}
.rnm_agent_logo_a_left
{
/*height: calc(100% - 20px);*/
width: 80px;
float:left;
border: 1px solid #000;
margin: 10px 10px 10px 10px;
font-size: 40px;
font-weight: 100;
text-align: center;
line-height: normal;
padding: 0px 5px 0px 5px;
}
.rnm_agent_logo_a_right
{
height: 100%;
float:left;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 7px 17px 0px 0px;
overflow: hidden;
white-space: nowrap;
width: auto;
/*width: calc(300px - 120px);*/
max-width: calc(100% - 100px);
}
.rnm_agent_logo_a_top
{
position: relative;
font-weight: 700;
font-size: 24px;
letter-spacing: 1px;
line-height: 28px;
padding-bottom: 0;
padding-top: 5px;
white-space: nowrap;
overflow: hidden;
}
.rnm_agent_logo_a_bottom
{
font-size: 11px;
letter-spacing:1px;
margin-top: 0;
padding-top: 0;
white-space: nowrap;
overflow: hidden;
}
.rnm_agent_logo_a_bottom span
{
/*display: none;*/
/*font-size: 10px;*/
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_left
{
display: none;
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_right
{
border: none;
padding: 10px 0px 0px 5px;
margin: 0px 0px 0px 5px;
width: auto;
height: 60px;
max-width: calc(100% - 35px);
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_top
{
font-weight: 700;
line-height: 20px;
border-top: 1px solid #000;
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_bottom
{
border-bottom: 1px solid #000;
padding-left: 20px;
}
.rnm_agent_logo_a_v2 .rnm_agent_logo_a_left, .rnm_agent_logo_a_v2 .rnm_agent_logo_a_top
{
font-family: 'Playfair Display',sans-serif;
}
.rnm_agent_logo_a_v2 .rnm_agent_logo_a_left
{
font-family: 'Playfair Display',sans-serif;
border: none;
border-right: 1px solid #000;
margin: 10px 10px 10px 0px;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_top
{
font-family: 'Playfair Display',sans-serif;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_left
{
border: none;
border-right: 1px solid #000;
width: 10px;
height: 50px;
padding: 0px 5px 10px 5px;
margin: 10px 10px 10px 10px;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_left span
{
visibility: hidden;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_right
{
width: auto;
max-width: calc(100% - 35px);
}
.rnm_agent_logo_a_v4 .rnm_agent_logo_a_left
{
display: none;
}
.rnm_agent_logo_a_v4 .rnm_agent_logo_a_right
{
font-family: 'Playfair Display',sans-serif;
border: 1px solid #000;
border: none;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 5px;
height: 60px;
width: auto;
max-width: calc(100% - 35px);
}
.rnm_agent_logo_a_v4 .rnm_agent_logo_a_top
{
line-height: 35px;
border-bottom: 1px solid #000;
}
.rnm_agent_logo_a_v5 .rnm_agent_logo_a_top
{
font-family: 'Playfair Display',sans-serif;
line-height: 28px;
}
.rnm_agent_logo_a_v5 .rnm_agent_logo_a_left
{
font-family: 'Playfair Display',sans-serif;
font-weight: 500;
border:none;
border-right: none;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 5px;
height: calc(100% - 10px);
background-color: rgba(236, 240, 241, 1.0);
background-color: #EEEEEE;
}
.rnm_agent_logo_a_v5 .rnm_agent_logo_a_right
{
border: 0px solid #000;
border-left: none;
padding: 0px 15px 0px 5px;
margin: 5px 0px 0px 0px;
width: auto;
height: 60px;
max-width: calc(100% - 90px);
}
.rnm_agent_logo_a_black
{
/*background-color: aqua;*/
}
.rnm_agent_logo_a_black a,.rnm_agent_logo_a_black a:hover
{
color: #000;
}
.rnm_agent_logo_a_container .rnm_agent_logo_a_black,.rnm_agent_logo_a_black .rnm_agent_logo_a_left,.rnm_agent_logo_a_black .rnm_agent_logo_a_left
{
border-color: #000;
}
.rnm_agent_logo_a_white
{
/*background-color: #000;*/
}
.rnm_agent_logo_a_white a,.rnm_agent_logo_a_white a:hover
{
color: #FFF;
text-shadow: 0px 1px 1px #000;
}
.rnm_agent_logo_a_container .rnm_agent_logo_a_white,.rnm_agent_logo_a_white .rnm_agent_logo_a_left,.rnm_agent_logo_a_white .rnm_agent_logo_a_left
{
border-color: #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v1 .rnm_agent_logo_a_top
{
border-top: 1px solid #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v1 .rnm_agent_logo_a_bottom
{
border-bottom: 1px solid #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v4 .rnm_agent_logo_a_top
{
border-bottom: 1px solid #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v5 .rnm_agent_logo_a_left
{
background-color: rgba(108, 122, 137, 0.5);
}
.rnm_agent_logo_a_container
{
width: 300px;
color: #000;
font-family: 'Poppins', sans-serif;
overflow: hidden;
}
.rnm_agent_logo_a_container a,.rnm_agent_logo_a_container a:hover
{
color: #000;
}
.rnm_agent_logo_a_left
{
/*height: calc(100% - 20px);*/
width: 80px;
float:left;
border: 1px solid #000;
margin: 10px 10px 10px 10px;
font-size: 40px;
font-weight: 100;
text-align: center;
line-height: normal;
padding: 0px 5px 0px 5px;
}
.rnm_agent_logo_a_right
{
height: 100%;
float:left;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 7px 17px 0px 0px;
overflow: hidden;
white-space: nowrap;
width: auto;
/*width: calc(300px - 120px);*/
max-width: calc(100% - 100px);
}
.rnm_agent_logo_a_top
{
position: relative;
font-weight: 700;
font-size: 24px;
letter-spacing: 1px;
line-height: 28px;
padding-bottom: 0;
padding-top: 5px;
white-space: nowrap;
overflow: hidden;
}
.rnm_agent_logo_a_bottom
{
font-size: 11px;
letter-spacing:1px;
margin-top: 0;
padding-top: 0;
white-space: nowrap;
overflow: hidden;
}
.rnm_agent_logo_a_bottom span
{
/*display: none;*/
/*font-size: 10px;*/
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_left
{
display: none;
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_right
{
border: none;
padding: 10px 0px 0px 5px;
margin: 0px 0px 0px 5px;
width: auto;
height: 60px;
max-width: calc(100% - 35px);
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_top
{
font-weight: 700;
line-height: 20px;
border-top: 1px solid #000;
}
.rnm_agent_logo_a_v1 .rnm_agent_logo_a_bottom
{
border-bottom: 1px solid #000;
padding-left: 20px;
}
.rnm_agent_logo_a_v2 .rnm_agent_logo_a_left, .rnm_agent_logo_a_v2 .rnm_agent_logo_a_top
{
font-family: 'Playfair Display',sans-serif;
}
.rnm_agent_logo_a_v2 .rnm_agent_logo_a_left
{
font-family: 'Playfair Display',sans-serif;
border: none;
border-right: 1px solid #000;
margin: 10px 10px 10px 0px;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_top
{
font-family: 'Playfair Display',sans-serif;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_left
{
border: none;
border-right: 1px solid #000;
width: 10px;
height: 50px;
padding: 0px 5px 10px 5px;
margin: 10px 10px 10px 10px;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_left span
{
visibility: hidden;
}
.rnm_agent_logo_a_v3 .rnm_agent_logo_a_right
{
width: auto;
max-width: calc(100% - 35px);
}
.rnm_agent_logo_a_v4 .rnm_agent_logo_a_left
{
display: none;
}
.rnm_agent_logo_a_v4 .rnm_agent_logo_a_right
{
font-family: 'Playfair Display',sans-serif;
border: 1px solid #000;
border: none;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 5px;
height: 60px;
width: auto;
max-width: calc(100% - 35px);
}
.rnm_agent_logo_a_v4 .rnm_agent_logo_a_top
{
line-height: 35px;
border-bottom: 1px solid #000;
}
.rnm_agent_logo_a_v5 .rnm_agent_logo_a_top
{
font-family: 'Playfair Display',sans-serif;
line-height: 28px;
}
.rnm_agent_logo_a_v5 .rnm_agent_logo_a_left
{
font-family: 'Playfair Display',sans-serif;
font-weight: 500;
border:none;
border-right: none;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 5px;
height: calc(100% - 10px);
background-color: rgba(236, 240, 241, 1.0);
background-color: #EEEEEE;
}
.rnm_agent_logo_a_v5 .rnm_agent_logo_a_right
{
border: 0px solid #000;
border-left: none;
padding: 0px 15px 0px 5px;
margin: 5px 0px 0px 0px;
width: auto;
height: 60px;
max-width: calc(100% - 90px);
}
.rnm_agent_logo_a_black
{
/*background-color: aqua;*/
}
.rnm_agent_logo_a_black a,.rnm_agent_logo_a_black a:hover
{
color: #000;
}
.rnm_agent_logo_a_container .rnm_agent_logo_a_black,.rnm_agent_logo_a_black .rnm_agent_logo_a_left,.rnm_agent_logo_a_black .rnm_agent_logo_a_left
{
border-color: #000;
}
.rnm_agent_logo_a_white
{
/*background-color: #000;*/
}
.rnm_agent_logo_a_white a,.rnm_agent_logo_a_white a:hover
{
color: #FFF;
text-shadow: 0px 1px 1px #000;
}
.rnm_agent_logo_a_container .rnm_agent_logo_a_white,.rnm_agent_logo_a_white .rnm_agent_logo_a_left,.rnm_agent_logo_a_white .rnm_agent_logo_a_left
{
border-color: #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v1 .rnm_agent_logo_a_top
{
border-top: 1px solid #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v1 .rnm_agent_logo_a_bottom
{
border-bottom: 1px solid #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v4 .rnm_agent_logo_a_top
{
border-bottom: 1px solid #FFF;
}
.rnm_agent_logo_a_white .rnm_agent_logo_a_v5 .rnm_agent_logo_a_left
{
background-color: rgba(108, 122, 137, 0.5);
}
.navbar_top_logo
{
display: inline;
float: left;
}
.navbar_text_logo
{
display: inline;
float: left;
width: auto;
}
.rnm_navbar_top
{
display: flex;
width: auto;
float: right;
align-items: center;
justify-content:center;
padding: 38px 10px 10px 10px;
white-space: nowrap;
}
.rnm_navbar_top .dropdown-toggle
{
box-shadow:none !important;
outline:0px !important;
}
.rnm_navbar_top a.dropdown-toggle, .rnm_navbar_top .rnm_navbar_items a
{
color: #FFF;
font-size: 14px;
white-space: nowrap;
padding-left: 20px;
text-transform: uppercase;
}
.rnm_navbar_top a.dropdown-toggle:hover, .rnm_navbar_top .rnm_navbar_items a:hover
{
text-decoration: none;
color: rgba(255,255,255,0.7);
}
.rnm_navbar_top .dropdown a
{
font-size: 14px;
}
.rnm_navbar_white .rnm_navbar_top a.dropdown-toggle, .rnm_navbar_white .rnm_navbar_top .rnm_navbar_items a
{
color: #FFF;
text-shadow: 0px 1px 1px #000;
}
.rnm_navbar_white .rnm_navbar_top a.dropdown-toggle:hover, .rnm_navbar_white .rnm_navbar_top .rnm_navbar_items a:hover
{
color: rgba(255,255,255,0.7);
}
.rnm_navbar_black .rnm_navbar_top a.dropdown-toggle, .rnm_navbar_black .rnm_navbar_top .rnm_navbar_items a
{
color: #000;
}
.rnm_navbar_black .rnm_navbar_top a.dropdown-toggle:hover, .rnm_navbar_black .rnm_navbar_top .rnm_navbar_items a:hover
{
color: rgba(0,0,0,0.7);
}
@media only screen and (max-width : 760px)
{
.rnm_navbar_top
{
display: none;
}}
.navbar_top_simple_left
{
position: relative;
width: calc(100% - 100px);
height: 100%;
float: left;
text-align: left;
z-index: 10;
}
.navbar_top_logo
{
height: 70px;
min-width: 300px;
}
.navbar_top_logo img
{
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 13%;
right: 0;
/*margin: auto;*/ /* this aligns it center horizontally*/
padding: 5px 10px 10px 10px;
}
.open_1
{
cursor: pointer;
height: 100%;
width: 100%;
}
.navbar_top_simple_right
{
position: relative;
width:100px;
height: 100%;
float: left;
text-align: center;
z-index: 10;
}
.navbar_top_simple_right img
{
height: 28px;
width: 80px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 5px 10px 5px 10px;
transition: all .1s linear;
}
.navbar_top_simple_right img:hover
{
width: 90px;
}
.navbar_top_simple_continer_bg
{
position: absolute;
top: 0;
bottom:0;
left: 0;
right:0;
background-color: rgba(12, 42, 60,1.0);
display: none;
z-index: 0;
}
.csr_only_1
{
display: none;
}
@media only screen and (max-width : 750px)
{
.navbar_top_logo img
{
/*margin: auto;*/ /* this aligns it center horizontally*/
left: 0;
}
/*
.navbar_top_simple_left
{
width: calc(100% - 50px);
}
.navbar_top_simple_right
{
width:50px;
}
*/
}
.mp1_links
{
position: relative;
width: 100%;
height: 100%;
min-height: fit-content !important;
padding: 0px;
background-color: rgba(0,0,0,1.0);
z-index: 0;
}
.mp1_links_info
{
position: relative;
width: calc(100% - 30px);
margin: 0 auto;
padding: 0px;
border: 0px solid #000;
transition: all .75s ease-in-out;
}
.mp1_links_info ul, .mp1_links_info li, .mp1_links_info ul li
{
margin:0;
padding: 0;
text-indent: 0;
list-style-type: none;
overflow: hidden;
}
.mp1_links_info li
{
font-size: 14px;
line-height: 20px;
font-weight: 300;
letter-spacing:1px;
padding-left: 0px;
padding-right: 0px;
float: left;
width: 25%;
}
.mp1_links_info .h_values li
{
width: 50%;
}
/*
.mp1_links_info ul, .mp1_links_info li, .mp1_links_info ul li
*/
.mp1_links_info a
{
/*width: 100%;*/
color: #FFF;
font-weight: 500;
/*
text-shadow: 0px 1px 1px rgba(0,0,0,1.0);
*/
border-bottom: 1px solid transparent;
display: inline-block;
margin-bottom: 0px;
padding: 6px 4px 6px 4px;
text-decoration: none;
/*transition: all .15s ease-in-out;*/
}
.mp1_links_info a:hover
{
border-bottom: 1px solid #FFF;
}
.mp1_links_info li.mn_heading
{
font-size: 32px;
font-weight: 500;
padding-left: 0px;
line-height: 35px;
clear: both;
}
.mp1_links_info_section_heading
{
font-size: 24px;
line-height: normal;
font-weight: 500;
text-align: center;
clear: both;
}
.mp1_links_info_logo_area
{
position: relative;
width: calc(100% - 150px);
margin:0 auto;
margin: 0;
text-align: center;
padding: 40px 0px 40px 0px;
}
.mp1_links_info_logo_area_text
{
font-size: 24px;
line-height: 20px;
font-weight: 500;
}
@media only screen and (max-width : 1200px)
{
.mp1_links_info
{
left: 0px;
}
.mp1_links_info li
{
width: 33.3%;
}
}
@media only screen and (max-width : 900px)
{
.mp1_links_info li
{
width: 50%;
}
}
@media only screen and (max-width : 750px)
{
.mp1_links
{
padding: 0;
padding-left: 10px;
background-color: rgba(0,0,0,0.9);
}
.mp1_links_info
{
width: 100%;
padding: 0px;
padding-left: 5px;
}
.mp1_links_info li
{
width: 50%;
}
.mp1_links_info .h_values li
{
text-align: center;
width: 100%;
}
.mp1_links_info a
{
padding:10px 0px 10px 0px;
}
.mp1_links_info_logo_area
{
width: calc(100% - 100px);
margin:0;
text-align: left;
padding: 40px 0px 40px 0px;
}
.mp1_links_info_logo_area_text
{
font-size: 18px;
line-height: 20px;
font-weight: 500;
}
}
.navbar_top_simple_left
{
/*background-color: #EEE;*/
}
.navbar_top_logo img
{
/*margin: auto;*/ /* this aligns it center horizontally*/
padding: 10px 5px 10px 10px; 	}
#navbar_top_simple_continer
{
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.navbar_top_simple_continer_bg
{
background-color: #fff; /* comment out for autohide*/
}
@media only screen and (max-width : 750px)
{
.navbar_top_logo img
{
/*margin: auto;*/ /* this aligns it center horizontally*/
/* padding: 10px 10px 10px 10px;*/
}
}
.mn_complete_menu
{
position:fixed;
top: 0;
right: 0;
/*
top:0;
left: 0;
right: 0;
bottom: 0;
*/
/*
width: 100%;
*/
width: 100%;
max-width: 100%;
height:100%;
margin:0 auto;
padding:0px;
display: none;
overflow-y:auto;
background-color: rgba(0,0,0,0.5);
color: #FFF;
font-family:'Poppins',sans-serif;
font-family:'Open Sans',sans-serif;
font-family:'Montserrat',sans-serif;
/*background-image: url("https://my.realtynetmedia.com/uploads/shared/v3/img/photos/beach-10.jpg"); */
background-position: center;
background-size: cover;
background-repeat:repeat;
z-index:9999;
}
.mn_complete_menu a
{
color: #FFF;
}
.close_1
{
position: fixed;
top: 25px;
right: 20px;
}
.mn_all_navigation
{
position: absolute;
top:0;
right: 0;
bottom: 0;
width: 50%;
height: 100%;
padding: 80px;
padding: 0px;
z-index: 4;
}
@media only screen and (max-width : 1200px)
{
.mn_complete_menu
{
width: 100%;
background-color: rgba(0,0,0,0.1);
}
.mn_all_navigation
{
width: 100%;
padding: 0px;
}
.close_1
{
width: 25px;
height: 25px;
}
}
/* Version 2 */
.sm_v2 .mn_complete_menu
{
color: #000;
background-color: rgba(0,0,0,0.5);
}
.sm_v2 .mn_complete_menu a
{
color: #000;
}
.sm_v2 .mp1_links
{
background-color: rgba(255,255,255,1.0);
}
.sm_v2 .mp1_links_info
{
color: #000;
}
.sm_v2 .mp1_links_info a:hover
{
border-bottom: 1px solid #000;
}
@media only screen and (max-width : 1200px)
{
.sm_v2 .mn_complete_menu
{
background-color: transparent;
}
.sm_v2 .mp1_links
{
background-color: rgba(255,255,255,0.95);
}
}
.bg-dark {
background-color: #000 !important;
}
.list-unstyled a{
padding-left: 0;
list-style: none;
color: #fff !important;
}
.list-inline > li a {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
color: #fff;
}
.icon-bar {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-bar a {
display: block;
text-align: center;
padding: 16px;
transition: all 0.3s ease;
color: white;
font-size: 20px;
}
.icon-bar a:hover {
background-color: #000;
}
.facebook {
background: #3B5998;
color: white;
}
.twitter {
background: #55ACEE;
color: white;
}
.google {
background: #dd4b39;
color: white;
}
.linkedin {
background: #007bb5;
color: white;
}
.youtube {
background: #bb0000;
color: white;
}
.instagram {
background: #c13584;
color: white;
}
.c20_featured_tiles
{
position: relative;
width: 50%;
margin: 0 auto;
padding: 37px 11px 0px 0px;
text-align: center;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,1.0);
z-index: 0;
}
.c20_featured_tiles_overlay
{
position: absolute;
z-index: 1;
background-color: #000;
/*
top: 0;
right: 0;
bottom: 0;
left: 0;
*/
width: 100%;
height:100%;
bottom: 0;
opacity: 0.23;
z-index: 1;  
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out; 
}
.c20_featured_tiles_info
{
position: relative;
/*
width: calc(100% - 30px);
*/
margin: 0 auto;
top: 0px;
padding: 0px;
background-color: rgba(00,00,00, .4);	
background-color: rgba(0,170,183, .0);	
z-index: 2;
}
.c20_featured_tiles_box
{
position: relative;
width: calc(100% - 1px);
margin-left: 0px;
margin-right: 1px;
margin-bottom: 1px;
height: 350px;
float: left; 
background-color: #000; 
overflow: hidden;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: 3;
}		
.c20_featured_tiles_title
{
position: relative;
top: 30%;
font-family: "Lato", sans-serif;
font-weight: 300;
text-align: left; 
border-left: 0px solid #000; 
margin: 0 auto;
margin-left: 0px;
padding: 20px 20px 20px 60px;
overflow: hidden;
color: #FFF;
z-index: 4;
-webkit-transition: all .55s ease-in-out;
-moz-transition: all .55s ease-in-out;
-o-transition: all .55s ease-in-out;
transition: all .55s ease-in-out; 
}
.c20_featured_tiles_box:hover .c20_featured_tiles_overlay
{
opacity: 0.6;
width: 70%;
height: 50%;
bottom: 0;
}
.c20_featured_tiles_box:hover .c20_featured_tiles_title_small
{
margin-left: -70px;
transform:scale(1.3);
opacity: 1;
}
.c20_featured_tiles_box:hover .c20_featured_tiles_title
{
/*margin-left: -20px;*/
top:55%;
/*opacity: 0;*/
}
.c20_featured_tiles_title a, .c20_featured_tiles_title_small
{
color: #FFF;
}
.c20_featured_tiles_title_small
{
position: absolute;
font-family: "Lato", sans-serif;
bottom: 20px;
font-size:14px; 
letter-spacing: 3px;	
margin-left: -150px;
text-transform: uppercase;
line-height: 20px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out; 
opacity: 1;
z-index: 4;
}
.c20_featured_tiles_title_medium
{
font-size:14px; 
line-height: 20px;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.c20_featured_tiles_title_large
{
font-size:22px; 
line-height: 20px;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.c20_featured_tiles_title_address
{
font-size:32px; 
font-weight: 500;
line-height: 35px;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.c20_small_divider
{
display: inline-block;
width: 200px;
border-top: 1px solid #fff;
}
@media only screen and (max-width : 1027px)
{
.c20_featured_tiles_box
{
width: calc(50% - 1px);
margin-right: 1px;
}
}
@media only screen and (max-width :700px)
{
.c20_featured_tiles {
position: relative;
width: 100%;
margin: 0 auto;
padding: 1px;
text-align: center;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
z-index: 0;
}
.c20_featured_tiles_box
{
width: 100%;
}
}
#refresh-button {
display: flex;
justify-content: center;
align-items: center;
background-color: #000;
width: 36px;
height: 36px;
border-radius: 50%;
box-shadow: 0 0 0 2px #111;
z-index: 100;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
left: 17px;
font-weight: 400;
line-height: 2.4 !important;
}@media only screen and (max-width: 767px) {
    .register-modal-row {
        flex-flow: column;
    }
    .register-modal-row .image-col {
        width: 100%;
        display: block !important;
    }
    .register-modal-row .register-content-col {
        width: 100%;
        display: block !important;
    }
    .register-modal-row .image-col img {
        position: relative;
    }
}#clientRegistrationModal .modal-content{
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
  }