/** Listing Details Page **/
.ip-banner, .contform-area {
display: none;
}
.custom-banner {
display: block;
position: relative;
}
.fl-d-slide-wrapp .fl-title {
position: absolute;
z-index: 2;
left: 0;
right: 0;
bottom: 100px;
background: rgba(0,0,0,0.5);
width: 55.25%;
padding-left: 204px;
}
.fl-d-slide-wrapp .fl-title .fl-name {
font-weight: 500;
font-size: 70px;
text-align: center;
color: #FFF;
text-transform: uppercase;
line-height: 1;
text-align: left;
letter-spacing: -0.025em;
font-family: 'Oswald', sans-serif;
padding: 30px 0;
}
.fl-d-slide-wrapp .fl-title .fl-name span{
display: block;
font-weight: 400;
text-transform: none;
letter-spacing: -0.05em;
color: #b61b1c;
font-size: 35px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
position: relative;
text-align: left;
padding-right: 60px;
padding-top: 10px;
margin-left: 243px;
}
.fl-d-slide-wrapp .fl-title .fl-name span:before {
content: '';
position: absolute;
width: 413px;
right: 100%;
margin-right: 30px;
background: #888888;
height: 4px;
bottom: 22px;
}
.fl-d-slide-wrapp {
font-size: 0;
letter-spacing: 0;
position: relative;
overflow: hidden;
}
.fl-d-slide {
position: relative;
font-size: 0;
letter-spacing: 0;
overflow: hidden;
}
.fl-d-slide:after {
position: absolute;
left: 0;
right: 0;
width: 100%;
margin-top: 0;
padding-bottom: 15px;
background: url(../images/accent-bg.jpg) repeat-y center;
background-size: 100%;
content: '';
bottom: 0;
z-index: 1;
}
.fl-d-list {
position: relative;
display: block;
}
.fl-d-list .fl-d-list-img {
position: relative;
}
.fl-d-list .fl-d-list-img:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .25;
z-index: 0;
}
.fl-d-list .fl-d-list-img canvas{
/* display: block;
width: 100%;
height: auto;
min-height: 800px;
background-size: cover;
background-position: center;*/
display: block;
width: 100%;
height: auto;
background-color: #000;
background-repeat: no-repeat!important;
background-position: center center!important;
background-size: auto 100%!important;
}
.fl-d-thumb {
display: block;
position: relative;
cursor: pointer;
}
.fl-d-thumb-slide {
display: flex !important;
justify-content: center;
align-items: center;
font-size: 0;
letter-spacing: 0;
}
.fld-thumb-list canvas {
width: 100%;
background-size: cover;
height: auto;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
min-height: 85px;
/*max-width: 105px;*/
}
.fld-thumb-list:hover canvas {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
}
.slick-center .fld-thumb-list canvas {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
}
.custom-banner ul.slick-dots {
display: block;
position: absolute;
right: 198px;
/* top: -83px; */
bottom: 30px;
z-index: 9;
width: 100%;
max-width: 500px;
}
.custom-banner .slick-dots li{
display: inline-block;
margin: 10px 0;
}
.custom-banner .slick-dots li button {
width: 10px;
height: 10px;
padding: 0;
margin: 0 18px;
border: none;
font-size: 0;
background: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
letter-spacing: 0.025em;
}
.custom-banner .slick-dots li.slick-active button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*background: #b61b1c;*/
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in;
-o-transition: 0.3s all ease-in;
transition: 0.3s all ease-in;
}
.custom-banner .slick-dots li button {
border-radius: none;
font-size: 10px;
background: transparent;
font-family: 'Fjalla One', sans-serif;
letter-spacing: 0.025em;
color: #fff;
}
.custom-banner .slick-dots li button:before {
content: '0';
}
.custom-banner .slick-dots li[aria-controls*="slick-slide1"] button:before {
display: none;
}
.custom-banner .slick-dots li.slick-active button:after {
position: absolute;
content: '';
top: -5px;
width: 60px;
height: 25px;
border-bottom: 1px solid #d0d0d9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
-webkit-transition: 0.3s all ease-in;
-o-transition: 0.3s all ease-in;
transition: 0.3s all ease-in;
}
.fl-d-nav {
max-width: 100%;
width: 112px;
margin: 0 auto;
position: absolute;
z-index: 11;
font-size: 0;
right: 50px;
left: auto;
bottom: 215px;
}
a.fl-d-prev {
left: 0;
display: block !important;
position: absolute;
outline: none;
text-decoration: none;
color: #fff;
margin: 0 auto;
font-size: 40px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
a.fl-d-next {
right: 0;
display: block !important;
position: absolute;
outline: none;
text-decoration: none;
color: #fff;
margin: 0 auto;
font-size: 40px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
a.fl-d-prev:hover, a.fl-d-next:hover {
opacity: 0.6;
}
.fl-d-nav span {
position: relative;
}
.fl-d-nav span:before {
position: absolute;
top: -18px;
left: 54px;
right: 0;
margin: 0 auto;
content: '';
width: 2px;
height: 70px;
background: rgba(255,255,255,0.5);
bottom: 0;
}
#main-wrapper #inner-page-wrapper {
margin-bottom: 0px;
overflow: hidden;
}
#inner-page-wrapper > .container {
width: 100%;
padding: 0;
}
#content-full{
position: relative;
z-index: 1;
margin-top: 0 !important;
}
.slick-list.draggable {
width: 100%;
}
.slick-track {
margin-left: 0;
margin-right: 0;
}
/** Featurd Listing Content **/
.ip-fl-d-wrapper {
position: relative;
background: #ffffff;
width: calc(100% - 180px);
margin: 0 auto;
max-width: 1600px;
}
.ip-fl-d-wrapper:after {
content: '';
position: absolute;
width: 2000px;
left: 55%;
margin-right: 0;
background: black;
height:89px;
bottom: 0;
}
.fl-d-cont {
position: relative;
display: block;
padding-top: 50px;
font-size: 0;
letter-spacing: 0;
}
.fl-d-cont:before {
content: '';
position: absolute;
width: 2000px;
right: 100%;
margin-right: 0px;
background: #ddd;
height: 280px;
bottom: 0;
}
.fl-d-cont:after {
content: '';
position: absolute;
width: 2000px;
left: 90%;
margin-right: -39px;
background: #ddd;
height: 100%;
top: 0;
}
.fl-d-cont-left {
width: 55%;
display: inline-block;
vertical-align: top;
}
.fl-d-text {
display: block;
padding: 0 50px;
}
.fl-d-text > h2 {
font-size: 36px !important;
color: #393939;
margin-top: 15px !important;
display: block;
font-weight: 700 !important;
margin-bottom: 20px !important;
text-transform: uppercase;
line-height: 36px;
}
.fl-d-text > p {
line-height: 27px !important;
font-size: 16px;
margin: 15px 0 !important;
color: #555555;
display: inline-block;
}
.video-fl-d {
position: relative;
display: block;
margin-top: 30px;
}
.video-fl-d img {
width: 100%;
min-height: 440px;
position: relative;
}
.video-fl-d span {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.1);
}
.video-fl-d span em {
font-size: 30px;
color: #fff;
width: 101px;
height: 101px;
border-radius: 50%;
border: 1px solid #fff;
display: inline-block;
text-align: center;
line-height: 101px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.video-fl-d span:hover em {
border: 1px solid #e62016;
background: #e62016;
}
.fl-d-cont-right {
width: 45%;
display: inline-block;
vertical-align: top;
position: relative;
z-index: 6;
}
.fl-d-info-wrapp {
position: relative;
display: flex;
justify-content: flex-end;
}
.fl-d-info-area {
position: relative;
display: block;
width: 78.25%;
max-width: 500px;
min-height: 590px;
background: rgba(24,24,24,0.8);
}
.fl-d-info-area:before {
content:'';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: url(../images/listing-details/listing-d-bg.png) no-repeat center/cover;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
z-index: -1;
}
.fl-d-info {
position: relative;
display: block;
z-index: 9;
padding: 0 65px;
text-align: center;
}
.fl-d-info span {
display: block;
font-size: 22px;
color: #fff;
letter-spacing: 0.02em;
font-weight: 400;
line-height: 1;
}
.fl-d-info span.fl-d-price {
font-size: 48px;
font-family: 'Fjalla One', sans-serif;
padding-top: 50px;
padding-bottom: 30px;
}
.fl-d-flex-area {
display: flex;
justify-content: center;
align-items: center;
font-size: 0;
border-top: 1px solid #545454;
}
.fl-d-flex-area-nb {
border: 0;
}
.fl-d-flex-area span.fl-d-info-text {
display: block;
width: 50%;
margin: 30px 0;
text-transform: uppercase;
position: relative;
}
.fl-d-flex-area span.fl-d-info-text i{
font-style: normal !important;
font-size: 14px;
}
.fl-d-flex-area span.fl-d-info-text i.fl-d-top {
font-style: normal !important;
color: #b61b1c !important;
font-size: 22px !important;
}
.fl-d-flex-area span.fl-d-info-text em {
font-size: 0;
display: block;
margin: 10px auto;
}
.fl-d-flex-area span.fl-d-info-text em.fl-icon-1 {
width: 54px;
height: 36px;
background: url(../images/listing-details/fl-d-beds.png) no-repeat center;
}
.fl-d-flex-area span.fl-d-info-text em.fl-icon-2 {
width: 56px;
height: 30px;
background: url(../images/listing-details/fl-d-baths.png) no-repeat center;
}
.fl-d-flex-area span.fl-d-info-text em.fl-icon-3 {
width: 42px;
height: 42px;
background: url(../images/listing-details/fl-d-area.png) no-repeat center;
}
.fl-d-flex-area span.fl-d-info-text em.fl-icon-4 {
width: 42px;
height: 42px;
background: url(../images/listing-details/fl-d-acres.png) no-repeat center;
}
.fl-d-flex-area span.fl-d-info-text:first-child:before {
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
content: '';
background: #545454;
}
/** CTA FL **/
.fl-d-cta {
position: relative;
padding: 80px 0;
display: block;
}
.fl-cta-list {
display: block;
width: 100%;
max-width: 360px;
}
.fl-cta-list a {
color: #2d2d2d;
display: block;
font-size: 18px;
font-family: 'Fjalla One', sans-serif;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.2em;
border: 1px solid #d4d4d4;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
line-height: 80px;
}
.fl-cta-list a:hover {
background:#b61b1c;
color: #fff;
}
.fl-text-des {
position: relative;
background: #f1f1f1;
padding: 80px 0;
}
.fl-text-des .fl-d-text {
display: block;
padding: 0;
}
.fl-amen {
position: relative;
display: block;
background: black;
}
.fl-amen .amen-title {
text-transform: uppercase;
color: #fff;
padding-bottom: 30px;
position: relative;
font-size: 100px;
padding: 0;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.02em;
display: inline-block;
margin-top: 85px;
font-weight: 500;
}
.fl-amen .amen-title:before {
content: '';
position: absolute;
width: 2000px;
right: 100%;
margin-right: 30px;
background: #cfcfcf;
height: 4px;
/* bottom: 0; */
top: 50%;
}
.amen-list {
position: relative;
display: flex;
margin-left: -10px;
margin-right: -10px;
}
.amen-list ul {
width: 50%;
padding: 60px 10px;
margin: 0 !important;
list-style-type: none;
}
.amen-list ul > li {
font-size: 22px;
letter-spacing: 0.02em;
display: block;
margin: 10px 0;
color: #fff;
position: relative;
padding-left: 40px;
}
.amen-list ul > li:before {
position: absolute;
content: '';
background: url(../images/listing-details/check-icon.png) no-repeat;
width: 28px;
height: 26px;
left: 0;
top: 5px;
}
/*** MAp Area ***/
.fl-map-wrapp {
position: relative;
font-size: 0;
letter-spacing: 0;
/*min-height: 787px; */
padding-top: 15px;
}
.fl-map-wrapp:after {
position: absolute;
left: 0;
right: 0;
width: 100%;
margin-top: 0;
background: url(../images/accent-bg.jpg) repeat-y center;
background-size: 100%;
content: '';
top: 0;
z-index: 1;
height: 15px;
}
.fl-map-col {
display: inline-block;
vertical-align: top;
width: 50%;
}
.fl-map {
position: relative;
}
.fl-map-loc {
display: block;
}
.fl-map-loc iframe {
width: 100%;
height: 100%;
}
.fl-map-loc canvas {
width: 100%;
background-size: cover;
height: 100%;
}
.fl-map-loc-area {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.02);
}
.fl-map-loc-area span {
background: #b61b1c;
padding: 25px 30px;
height: 121px;
font-size: 30px;
color: #fff;
text-align: left;
line-height: 1;
position: relative;
margin-left: 190px;
max-width: 362px;
width: 100%;
}
.fl-map-loc-area span > em {
font-style: normal!important;
display: block !important;
font-size: 24px;
margin-top: 5px;
position: relative;
}
.fl-map-loc-area span:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 1px;
width: 377px;
background: #e78c56;
content: '';
left: -50px;
}
.fl-map-loc-area span:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 26px;
width: 26px;
background: url(../images/listing-details/loc-dot.png) no-repeat;
content: '';
left: -60px;
}
.fl-map-form-area {
position: relative;
}
.fl-map-form {
position: relative;
padding-left: 80px;
padding-bottom: 50px;
}
.form-main-bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.form-main-bg:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
z-index: 0;
}
.form-main-bg canvas {
width: 100%;
background-size: cover;
height: 100%;
}
.fl-form-title {
text-transform: uppercase;
color: #fff;
position: relative;
font-size: 80px;
padding: 0;
font-family: 'Oswald', sans-serif;
letter-spacing: -0.025em;
display: inline-block;
margin-top: 85px;
font-weight: 500;
line-height: 1;
}
.fl-form-title span {
color: #b61b1c;
display: block;
font-size: 50px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
position: relative;
text-align: left;
letter-spacing: -0.05em;
}
/** Form **/
.fl-cont-col {
position: relative;
margin-top: 30px;
z-index: 5;
text-align: center;
width: 100%;
max-width: 520px;
}
.field-flex {
display: flex;
}
.git-field {
width: 50%;
position: relative;
display: inline-block;
margin: 11px;
vertical-align: top;
border-bottom: 1px solid #999289;
}
.git-field-w {
width: 100%;
display: inline-block;
vertical-align: top;
border-bottom: 1px solid #999289;
margin: 11px;
position: relative;
}
.fl-cont-col input[type='text'],
.fl-cont-col input[type='tel'],
.fl-cont-col input[type='email'],
.fl-cont-col textarea {
width: 100%;
color: #fff;
display: inline-block;
font-size: 15px;
height: 60px;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
vertical-align: top;
margin: 0;
background: transparent;
border: transparent;
outline: none;
text-transform:capitalize;
padding: 0 ;
font-style: normal;
letter-spacing: 0.02em;
}
.fl-cont-col textarea {
resize: none;
margin: 5px 0;
padding-top: 10px;
padding-bottom: 0;
height: 105px;
}
div.fl-cont-col input[type='submit'] {
text-align: center;
color: #fff;
vertical-align: top;
text-transform: uppercase;
cursor: pointer;
-webkit-appearance: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
border: 0;
font-size: 14px;
outline: none;
position: relative;
display: block;
font-weight: 500;
letter-spacing: 0.2em;
background: transparent;
margin: 0 auto;
margin-top: 50px;
display: inline-block;
width: 100%;
max-width: 145px;
background: rgba(210,107,46,0);
font-weight: 600;
height: 65px;
line-height: 60px;
border: 2px solid #fff;
font-family: 'Fjalla One', sans-serif;
}
div.fl-cont-col input[type='submit']:hover {
color: #fff;
background: rgba(210,107,46,1);
border: 2px solid rgba(210,107,46,1);
}
div.fl-cont-col div.wpcf7-response-output {
color: #fff !important;
position: absolute;
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 12px;
max-width: 897px;
left: 0;
right: 0;
bottom: -45px;
}
.fl-cta-list .share-button span.at-icon-wrapper,
div#at20mc {
display: none;
}
.custom-banner .slick-dots li:nth-child(9) ~ li button:before {
display: none;
}
@media only screen and (max-width: 1440px){
.fl-d-info {
padding: 0 30px;
}
.fl-d-text {
padding: 0 20px;
}
}
@media only screen and (max-width: 1366px){
.fl-form-title, .fl-d-slide-wrapp .fl-title .fl-name {
font-size: 50px;
}
.fl-d-slide-wrapp .fl-title .fl-name span {
font-size: 30px;
}
.fl-map-form {
padding-left: 20px;
}
.fl-form-title {
font-size: 45px;
}
.fl-d-slide-wrapp .fl-title .fl-name span:before {
bottom: 0;
top: 50%;
}
.custom-banner ul.slick-dots {
bottom: 80px;
max-width: 400px;
}
.fl-d-text {
padding: 0 20px;
}
.fl-d-text > p {
font-size: 15px;
}
.fl-d-info span {
font-size: 20px;
}
}
@media only screen and (max-width: 1280px){
.video-fl-d img {
min-height: 350px;
}
}
@media only screen and (max-width: 1199px){
.fl-form-title, .fl-d-slide-wrapp .fl-title .fl-name {
font-size: 40px;
}
.fl-d-slide-wrapp .fl-title .fl-name span {
font-size: 25px;
}
.fl-amen .amen-title {
font-size: 60px;
}
.fl-map-loc-area span {
margin-left: 0;
}
.fl-form-title span {
font-size: 30px;
}
.custom-banner ul.slick-dots {
bottom: 35px;
max-width: 250px;
}
.fl-d-text {
padding: 0;
}
.fl-d-info {
padding: 0;
}
.fl-d-info-area {
min-height: 554px;
}
}
@media only screen and (max-width: 991px){
.fl-form-title, .fl-d-slide-wrapp .fl-title .fl-name {
font-size: 60px;
text-align: center;
}
.fl-d-slide .fl-name {
font-weight: 700;
font-size: 60px;
text-align: center;
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1;
text-align: left;
letter-spacing: -0.025em;
margin-top: -80px;
}
.fl-d-slide .fl-name span {
font-size: 45px;
}
.fl-d-slide-wrapp .fl-title {
bottom: unset;
top: 50%;
background: transparent;
transform: translateY(-50%);
width: 100%;
}
.fl-d-slide-wrapp .fl-title .fl-name span:before {
display: none;
}
.fl-d-slide-wrapp .fl-title .fl-name span {
font-size: 50px;
text-align: center;
padding:10px 0;
margin: 0 auto;
}
.fl-d-cont:after {
display: none;
}
.fl-d-text {
padding: 0 20px;
}
.fl-d-cont-left, .fl-d-cont-right {
width: 100%;
}
.video-fl-d img {
min-height: 100%;
}
.fl-d-info-wrapp {
display: block;
}
.fl-d-info-area {
width: 100%;
min-height: 100%;
margin: 30px auto 0;
}
.ip-fl-d-wrapper:after {
display: none;
}
.fl-cta-list {
margin: 20px auto;
}
.fl-map-col {
width: 100%;
}
.fl-cont-col {
position: relative;
margin: 30px auto 0;
z-index: 5;
text-align: center;
width: 100%;
max-width: 80%;
padding-bottom: 100px;
}
.ip-fl-d-wrapper {
width: 100%;
}
/*.form-main-bg canvas {
width: auto;
}*/
.fl-d-slide-wrapp .fl-title {
padding-left: 0;
}
.custom-banner ul.slick-dots {
bottom: 35px;
max-width: 500px;
margin: 0 auto;
right: 0;
left: 0;
}
.fl-d-nav {
display: none;
}
.fl-map-loc, .fl-map-form {
height: auto !important;
}
.fl-map-loc iframe {
min-height: 500px;
}
.fl-map-form {
text-align: center;
}
}
@media only screen and (max-width: 767px){
.fl-map-form {
padding-left: 20px;
padding-right: 20px;
}
.fl-form-title span {
text-align: center;
}
}
@media only screen and (max-width: 480px){
.fl-form-title, .fl-d-slide-wrapp .fl-title .fl-name {
font-size: 40px;
text-align: center;
}
.fl-d-slide-wrapp .fl-title .fl-name span {
font-size: 30px;
}
.fl-cont-col {
max-width: 100%;
}
.amen-list ul > li {
font-size: 15px;
}
}