/*@font-face { font-family: 'Gill Sans MT Book'; src: url(../fonts/Gill-Sans-MT-Book.woff); }*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Arapey:ital@0;1&display=swap'); body{ font-family: 'Montserrat', sans-serif;} .row{margin: 0;} a{text-decoration: none!important;} h1{font-size: 70px;} h2{font-size: 29px;} h3{font-size: 24px;} h4{font-size: 21px;} h5{font-size: 18px;} h6{font-size: 14px;} :root{ --light-white:#fff0!important; --white:#fff; --gold:#c19a33; --black:#000; --grey:#f1f1f1; } /*============================================header ccss start=======================================*/ .navbar-brand img{width: 100%;} .navbar-brand{width: 10%; } /*.navbar{background-color: unset!important;}*/ /* sticky menu css */ .is-sticky{position: fixed!important; top: 0; left: 0; width: 100%; z-index: 3; box-shadow: 0 2px 15px rgba(0,0,0,.1); } .is-sticky{animation: smoothScroll 1s forwards; } @keyframes smoothScroll { 0% {transform: translateY(-150px); } 100% {transform: translateY(0px); } } /*.bg-light {background-color: #fff0!important; }*/ .bg-light {background-color: var(--light-white)!important; } .is-sticky .bg-light {background-color: var(--white)!important; } .main-header-wrapper{ z-index: 99; width: 100%; position: absolute; display: flex; background-color: #ffffffc4;} .header-wrapper{position: relative;} .navbar-nav li a{color: var(--black)!important; font-size: 13px; margin-right: 0; padding: 7px 13px!important; text-transform: uppercase; font-weight: 500;} .is-sticky .navbar-nav li a{color: var(--black)!important;font-size: 13px; margin-right: 0; padding: 7px 13px!important;} .header-social-icon ul{list-style-type: none; display: flex;} .header-social-icon ul li a{color: var(--white); text-decoration: none; font-size: 24px; margin-right: 33px;} .is-sticky .header-social-icon ul li a{color: var(--black); text-decoration: none; font-size: 24px; margin-right: 33px;} .navbar-nav li.current-menu-item a{border: 4px solid var(--white);} .is-sticky .navbar-nav li.current-menu-item a{border: 4px solid var(--black);} .topbar{background-color: var(--white); width: 100%; padding: 13px; } .topbar h5{color: var(--white); font-family: 'Futura LT Book'; text-align: center; margin-bottom: 0px; font-size: 17px;} .navbar-nav li a{color: var(--black)!important;} .main-header-wrapper.is-sticky{border-bottom: 1px solid var(--black); z-index: 999; background-color: var(--white);} .navbar-toggle{margin-top: 25px; background-color: unset; border: none; color: var(--black); font-size: 30px; margin-right: 30px;} .is-sticky .navbar{padding: 0 10px;} .is-sticky .navbar-toggle{font-size: 25px; margin-top: 23px;} /*============================================header css end=======================================*/ /*======================================Side Navbar section css start==================================*/ .sidemenu {background-color: var(--white); color: var(--black); --fontColor: #000; --fontColor_H: 0; --fontColor_S: 0%; --fontColor_L: 0%; --fontColor_A: 1; --fontColor_darkenDir: 1; --bgColor: #fff; --bgColor_H: 0; --bgColor_S: 0%; --bgColor_L: 100%; --bgColor_A: 1; --bgColor_darkenDir: -1; } .sidemenu {bottom: 0; left: auto; right: 0; display: none; width: 100%; background-color: transparent; transition-duration: 0.01s,0.3s,0.3s; transition-property: transform,background-color,opacity; transition-delay: 0.6s,0.3s,0.3s; --hoverColor: hsla( var(--fontColor_H, 0), var(--fontColor_S, 0%), 53%, var(--fontColor_A, 1)); } .sidemenu {position: fixed; top: 0; left: 0; min-height: 100vh; z-index: 999; display: none; } @media (max-height: 580px){ .sidemenu .sidemenu__wrap {padding: 16px 25px; } } .sidemenu .sidemenu__wrap {position: absolute; right: 0; top: 0; bottom: 0; background-color: var(--white); background-color: var(--bgColor, #fff); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 55px 53px; width: 100%; max-width: 442px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; height: 599px; } @media (max-height: 580px) {.sidemenu .sidemenu__header {margin-bottom: 20px; } } .sidemenu .sidemenu__header {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } @media (max-height: 580px) {.sidemenu .sidemenu__close {width: 20px; height: 20px; } } .sidemenu .sidemenu__close {width: 40px; height: 40px; display: block; position: relative; padding: 0; border: none; background-color: transparent; cursor: pointer; } .sidemenu .sidemenu__main {overflow-y: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sidemenu .sidemenu__nav {margin: 0; padding: 0; list-style-type: none; max-width: 330px; width: 100%; } .redesign li {margin-bottom: 0; } .sidemenu .sidemenu__nav-link {line-height: 2; text-align: center; display: block; padding: 16px 30px; width: 100%; border: none; background-color: transparent; border-bottom: 1px solid var(--grey); cursor: pointer; font-size: 14px; text-transform: uppercase; color: var(--fontColor, #171819); font-weight: 500; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } @media (max-height: 580px){ .sidemenu .sidemenu__nav-link {padding: 10px 25px; } } .sidemenu .sidemenu__nav-item.sub-nav-container {position: relative; } @media (max-height: 580px){ .sidemenu .sidemenu__footer {padding-top: 10px; } } .sidemenu .sidemenu__footer .socials {-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; list-style-type: none; padding-left: 0; display: flex; margin-top: 30px; } .sidemenu .sidemenu__footer .socials>li {padding: 0; margin: 0 8px 16px; } .sidemenu .sidemenu__footer .socials__link {padding: 0; margin: 0; } .socials__link {display: flex; align-items: center; justify-content: center; padding: 5px; border: solid 1px #eeeeee; border-radius: 50%; width: 46px; height: 46px; flex-shrink: 0; font-size: 18px; transition: all 0.2s; background-color: var(--white); cursor: pointer; margin-bottom: 1em; } .sidemenu.visible {opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); background-color: rgba(0,0,0,0.5); transition-duration: 0.01s,0.3s,0.3s; transition-property: transform,background-color,opacity; transition-delay: 0s,0s,0s; } .sidemenu.visible {display: block; } .sidemenu .sidemenu__nav-item.sub-nav-container {position: relative; } .sidemenu.visible-subnav .sidemenu__nav-item.visible-subnav .sidemenu__nav-link {color: var(--fontColor, #171819); border-bottom-color: transparent; } .sidemenu .sidemenu__wrap .sub-nav.visible {opacity: 1; visibility: visible; max-height: 1000px; height: 599px; } .sidemenu .sidemenu__wrap .sub-nav {opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; max-height: 0; } .sidemenu .sidemenu__subnav {list-style-type: none; margin: 0; padding: 10px 30px; border-bottom: 1px solid var(--grey); } .sidemenu .sidemenu__subnav-item {text-align: center; margin-bottom: 13px; } .sidemenu .sidemenu__subnav-link {line-height: 1.43; font-size: 18px; color: var(--fontColor, #000); -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } /* width */ .sidemenu .sidemenu__main::-webkit-scrollbar {width: 5px; } /* Track */ .sidemenu .sidemenu__main::-webkit-scrollbar-track {background: var(--grey); } /* Handle */ .sidemenu .sidemenu__main::-webkit-scrollbar-thumb {background: var(--black); } /* Handle on hover */ .sidemenu .sidemenu__main::-webkit-scrollbar-thumb:hover {background: var(--black); } /*======================================Side Navbar section css end==================================*/ /*======================================Home page banner section css==================================*/ .video-wrapper {width: 100%; height: 650px; overflow: hidden; } .video-wrapper video {object-fit: cover; width: 100%; height: 650px; } .banner-wrapper {background-color: var(--themeBlueColor); padding: 0 0 0px 0; position: relative;} .align-items-center {align-items: center!important; } .home-banner-innner h5{font-size: 18px; color: var(--white); position: relative; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 3px;} .banner-content{ top: 50%; text-align: center; left: 50%; right: 0; width: 100%;} .main-banner-overlaty{position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.40); width: 100%; height: 100%;} .home-banner-innner h3{font-size: 70px; color: var(--white); letter-spacing: 4px; text-transform: uppercase; font-weight: 400;} .banner-content h6{font-size: 21px; color: var(--white); font-style: italic; letter-spacing: 1px; margin-bottom: 30px; margin-top: 0px; font-family: 'Arapey', serif;} .banner-button a{border: 2px solid var(--gold); color: var(--white); text-transform: uppercase; text-decoration: none; font-size: 12px; padding: 15px 30px;} .banner-button a:hover{background-color: var(--gold);} .banner-button{margin-top: 50px;} .home-banner-innner{text-align: center;} #home-main-slider .owl-dots{display: none;} .home-banner-main-div{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);} .explore-container{padding: 0px 19px;} /*==============================Home page banner section css===============================*/ /*==============================Home explore jade section css start===============================*/ .explore-jade-title h1{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center;} .explore-jade-title{margin-bottom: 35px;} .explore-jade-wrapper{padding: 80px 0px 30px;} .gallery-card {position: relative; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; padding: 15px 15px; -webkit-text-decoration: none; text-decoration: none; overflow: hidden; cursor: pointer; } .gallery-card:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 76.6%, #000000); opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: background-color .3s; transition: background-color .3s; z-index: 1; } .gallery-card-preview {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .gallery-card-preview>img {width: 100%; height: 100%; object-fit: cover; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .75s ease-out; transition: transform .75s ease-out; } .gallery-card-title {position: relative; width: 100%; margin-bottom: 0; color: var(--white); letter-spacing: 0; text-shadow: none; z-index: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s; transition: all .3s; text-transform: none; text-decoration: none; font-weight: 400; font-size: 21px;} .gallery-card-title:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid currentColor; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .gallery-card:after {content: ""; width: 0; padding-top: 121.5%; } @media (hover: hover) and (pointer: fine){ .gallery-card:hover:before {background-color: var(--black); } } @media (hover: hover) and (pointer: fine){ .gallery-card:hover .gallery-card-preview img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } } @media (hover: hover) and (pointer: fine){ .gallery-card:hover .gallery-card-title {-webkit-transform: translateY(-51px); -moz-transform: translateY(-51px); -ms-transform: translateY(-51px); transform: translateY(-51px); } } @media (hover: hover) and (pointer: fine){ .gallery-card:hover .gallery-card-title:after {opacity: .3; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .gallery-col{padding: 6px;} .gallery-card h3{margin-bottom: 0px; font-size: 19px;} /*==============================Home explore jade section css===============================*/ /*==============================Home about section css start===============================*/ .home-about-col{padding: 0;} .home-about-image img{width: 100%;height:100%;} .home-about-content{background-color: var(--grey);padding: 20px 112px 22px 40px;height: 100%;} .home-about-content h3{letter-spacing: 4px; text-transform: uppercase; font-size: 23px; margin-bottom: 25px; line-height: 1.3;} .home-about-content h5{ font-size: 16px; line-height: 1.4; letter-spacing: 3px; margin-bottom: 15px; opacity:1; } .home-about-content p{font-family: 'Arapey', serif; font-size: 19px; font-style: italic; opacity: 1; color: var(--black);} .home-about-banner a{border: 2px solid var(--gold); color: var(--black); text-transform: uppercase; text-decoration: none; font-size: 13px; padding: 13px 24px;} .home-about-banner a:hover{background-color: var(--gold); color: var(--white);} .home-about-banner{margin-top: 32px;margin-bottom: 10px;} .home-about-wrapper{padding-top: 40px;} /*==============================Home about section css end===============================*/ /*==============================Home latest Press css start===============================*/ .latest-press-title h3{font-size: 22px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center;} .latest-press-title{margin-bottom: 35px;} .latest-press-wrapper{padding: 100px 0px 0px 0px;} .latest-press-image img{width: 100%;} .latest-press-image {height: 180px; position: relative; display: block; background-color: #808080; overflow: hidden; } .latest-press-image img {width: 100%; height: 100%; object-fit: cover; -webkit-transition: .3s linear; transition: .3s linear; } .latest-press-image:hover img {-webkit-transition: .3s linear; transition: .3s linear; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .latest-press-content{padding: 10px 10px 10px; text-align: left;} .latest-press-content p{font-size: 14px; margin-top: 10px;} .latest-press-content h4{text-align: center; text-transform: uppercase; font-size: 16px; margin-top: 25px; color: var(--gold);} .latest-press-listing-main{margin-top: 45px;} /*==============================Home latest Press css end===============================*/ /*==============================Home testimonial css start===============================*/ .testimonial-title h3{font-size: 22px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center;} .testimonial-title{margin-bottom: 40px;} .testimonials {background-color: #010b15; position: relative; padding-top: 30px; } #customers-testimonials .item-details {background-color: var(--white); color: var(--black); padding: 30px 35px; text-align: center; font-style: italic; border-radius: 10px; } #customers-testimonials .item-details h5 {margin: 0 0 15px; font-size: 18px; line-height: 18px; } #customers-testimonials .item-details i{font-size: 70px; text-align: center; color: var(--gold); margin-bottom: 35px; } #customers-testimonials .item-details h5 span {color: red; float: right; padding-right: 20px; } #customers-testimonials .item-details p {font-size: 14px; } #customers-testimonials .item {text-align: center; } .owl-carousel .owl-nav [class*='owl-'] {-webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-carousel .owl-nav [class*='owl-'].disabled:hover {background-color: #d6d6d6; } .owl-carousel {position: relative; } .owl-carousel .owl-next, .owl-carousel .owl-prev {width: 50px; height: 50px; line-height: 50px; border-radius: 50%; position: absolute; top: 30%; font-size: 20px; color: var(--white); border: 1px solid #ddd; text-align: center; display: none; } .owl-carousel .owl-prev {left: -70px; } .owl-carousel .owl-next {right: -70px; } .author-testi{margin-top: 70px;} .author-testi h4{font-style: normal; font-size: 17px;} .author-testi h6{font-size: 14px;} .author-testi:before{background-color: var(--gold); width: 88px; height: 3px; position: absolute; top: 0; content: ''; left: 0; right: 0; margin: 0 auto;} .author-testi{position: relative; padding-top: 24px;} .testimonial-wrapper{padding:60px 0px 0px 0px; } /*==============================Home testimonial css end===============================*/ /*==============================Home partner css start===============================*/ .partner-title h4{font-size: 22px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center;} .partner-title{margin-bottom: 40px;} .partner-wrapper{padding:60px 0px 0px 0px; } .partner-main{width: 100%; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: 100%; position: relative;} .partner-overlay{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .partner-logo-list{display: flex; height: 100%; justify-content: center; align-items: center; padding: 70px 40px 0px;} /*==============================Home testimonial css end===============================*/ /*==============================Home featured css start===============================*/ .featured-right{border: 2px solid var(--black); padding: 90px 14px 90px 164px;} .featured-right h3{line-height: 1.3; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 25px;} .featured-right p{font-family: 'Arapey', serif; font-size: 18px; font-style: italic;} .feat-social ul{padding-left: 0; list-style-type: none; display: flex;} .feat-social ul li{margin-right: 15px;} .feat-social ul li a i{width: 40px; height: 40px; color: var(--black); border: 1px solid var(--gold); display: flex; justify-content: center; align-items: center;border-radius: 50px; background-color: var(--gold);} .featured-left{background-color: var(--black); padding: 30px 20px 20px 20px; position: absolute; width:600px; height: 320px; top: 48px; left: 0px; z-index: 9;} .feat-left-inner{background-color: var(--white); padding: 20px 11px; margin-bottom: 30px; display: flex;} .feat-left-content p{font-size: 11px; margin-bottom: 0px;} .frat-left-icon{width: 80%;} .frat-left-icon img{width: 80%; height: auto;} .features-wrapper{padding: 50px 0px;} /*==============================Home featured css end===============================*/ /*==============================Home property css start===============================*/ .property-slider-inner{ -webkit-background-size: cover; background-size: cover; -webkit-background-position: center; background-position: center; overflow: hidden; background-repeat: no-repeat; vertical-align: top; position: relative;} .property-slider-inner .container {position: relative; z-index: 2; min-height: 100vh; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; max-width: unset; } @media (min-width: 768px){ .property-slider-inner .container {padding-left: 48px; padding-right: 48px; } } .featured-properties-desc-holder {-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s; transition: all .3s; width: 100%; } .featured-properties-desc-short {-webkit-transition: opacity .3s; transition: opacity .3s; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-bottom: 70px; } @media (min-width: 1025px){ .featured-properties-desc-holder:hover {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (min-width: 1025px){ .featured-properties-desc-holder:hover .featured-properties-desc-short {opacity: 0; } } .featured-properties-desc-short h6 {text-transform: uppercase; margin: 0 0 10px; font-weight: 500; color: var(--white); } .featured-properties-desc-short h3 {text-transform: uppercase; display: block; font-size: 28px; line-height: 36px; text-shadow: .5px 0 0 currentColor; letter-spacing: 3.25px; margin-bottom: 10px; margin-top: 0; color: var(--white); } .featured-properties-desc-short ul {font-size: 21px; list-style: none; margin: 0; padding: 0; } .featured-properties-desc-short ul li {display: inline-block; vertical-align: top; color: var(--white); } .featured-properties-desc-short ul li:after {content: '|'; display: inline-block; vertical-align: top; margin: 0 0 0 8px; } .featured-properties-desc-full {display: table; -webkit-transition: bottom .3s; transition: bottom .3s; } .featured-properties-desc-full .featured-properties-desc-full__left {display: table-cell; background-color: var(--grey); padding: 30px 35px; line-height: 23px; color: var(--black); vertical-align: top; font-size: 12px; } .featured-properties-desc-full .featured-properties-desc-full__right {width: 43%; color: var(--white); padding: 15px 40px; display: table-cell; background-color: rgba(23, 24, 25, 0.75); list-style: none; font-size: 14px; line-height: 26px; text-shadow: .5px 0 0 currentColor; letter-spacing: 2.75px; font-weight: 500; } .featured-properties-desc-full .featured-properties-desc-full__right li {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .featured-properties-desc-full .featured-properties-desc-full__right p {padding: 7px 10px 7px 0; margin: 0; } .featured-properties-desc-full .featured-properties-desc-full__right .feature {font-size: 13px; text-shadow: none; line-height: 30px; letter-spacing: 1px; text-align: right; padding: 5px 0; font-weight: normal; } .featured-properties-btn-holder {min-width: 400px; padding: 0 0 80px 0; text-align: right; } .featured-properties-desc-full .featured-properties-desc-full__right li+li {border-top: solid 1px #484b4e; } .property-slider-inner:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #00000069; z-index: 1; } .featured-properties-btn-holder a{border: 1px solid var(--gold); color: var(--white); text-decoration: none;} .featured-properties-btn-holder a:hover{background-color: var(--gold);} .feat-neighbor-inner .item {overflow: hidden; } .feat-neighbor-inner .item .item-wrapper {padding-bottom: 70%; position: relative; display: block; } @media (min-width: 1025px){ .feat-neighbor-inner .item:hover .item-wrapper .image-holder {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .feat-neighbor-inner .item .item-wrapper .image-holder {-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; -webkit-background-size: cover; background-size: cover; } .feat-neighbor-inner .item .item-wrapper .overlay {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); } .feat-neighbor-inner .item .item-wrapper .content-container {color: white; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; width: 70%; } .feat-neighbor-inner .neighborhood-name {-webkit-display: -webkit-box; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: center; font-weight: 400;} @media (min-width: 1025px){ .feat-neighbor-inner .item:hover .item-wrapper .content-container .button-wrapper {max-height: 90px; opacity: 1; } } .feat-neighbor-inner .item .item-wrapper .content-container .button-wrapper {-webkit-transition: all linear 0.4s; transition: all linear 0.4s; } .feat-neighbor-inner .lp-btn.lp-btn--light.lp-btn--filled {border-color: var(--gold); background-color: var(--gold); color: var(--white); } .feat-neighbor-inner .lp-btn {display: inline-block; max-width: 100%; padding: 15px 30px; border: 2px solid; background: transparent; color: inherit; font-family: var(--global-primary-font-family); text-transform: uppercase; font-size: 12px; line-height: 1; letter-spacing: 1.5px; text-align: center; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.2s; cursor: pointer; vertical-align: middle; } .feat-neighbor-inner .item .item-wrapper .content-container .button-wrapper {max-height: 0; opacity: 0; text-align: center; } .feat-neigh{padding: 0;} .lp-h3 {text-transform: uppercase; font-size: 22px; line-height: 1.3; letter-spacing: 4px; margin-bottom: 1.666rem; } .feat-neigh-title h4{font-size: 22px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center;} .feat-neigh-title{margin-bottom: 40px;} .featured-neighborhood-wrapper{padding-top: 35px;} .property-wrapper{padding-top: 30px;} .feat-neigh-button a {border: 2px solid var(--gold); color: var(--black); text-transform: uppercase; text-decoration: none; font-size: 13px; padding: 13px 24px; } .feat-neigh-button{margin: 56px auto; text-align: center;} .feat-neighbor-inner .lp-btn.lp-btn--light.lp-btn--filled:hover{background-color: var(--white); color: var(--black);} .feat-neigh-button a:hover{background-color: var(--gold); color: var(--white);} /*==============================Home property css end===============================*/ /*==============================Home our blog css start===============================*/ .our-blog-title h4{font-size: 22px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center;} .our-blog-title{margin-bottom: 40px;} .our-blog-wrapper{background-color: var(--grey); padding: 90px 0px 50px; margin-top: -24px;} .our-blog-style{background-color: var(--white);} .our-blog-style .latest-press-content{ padding: 30px 35px 30px;} .our-blog-style .latest-press-content p{font-style: italic;} .our-blog-style .latest-press-content h5{font-size: 16px; line-height: 1.5; letter-spacing: 2px; text-transform: uppercase; } .our-blog-style .latest-press-content h4{text-align: left; color: var(--gold);} .our-blog-style .latest-press-content a{text-transform: uppercase; font-size: 14px; margin-top: 25px; text-decoration: none; color: var(--black); font-weight: 600;} .our-blog-style .latest-press-content a:hover{color: var(--gold);} .our-blog-wrapper .feat-neigh-button{margin: 56px auto 24px;} /*==============================Home our blog css end===============================*/ /*==============================Home newsletter section css start===============================*/ .news-letter-main{background-repeat: no-repeat; background-position: center; background-size: cover;} .contact-and-subscribe {position: relative; -webkit-background-position: top center; background-position: top center; -webkit-background-size: cover; background-size: cover; padding-top: 120px; padding-bottom: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) and (max-width: 1920px){ .contact-and-subscribe {height: 100vh; } } @media (max-width: 1680px){ .contact-and-subscribe {padding-top: 80px; padding-bottom: 80px; } } .cotact-and-subscribe:before {content: ''; position: absolute; background-color: var(--black); opacity: .2; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .contact-and-subscribe .container {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; z-index: 2; } .contact-and-subscribe .container>div:first-child {min-height: 420px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-and-subscribe .container .work-with-us {position: relative; } .contact-and-subscribe .container>div {width: 50%; padding: 72px; text-align: center; max-width: 572px; position: relative; } .contact-and-subscribe .container .work-with-us:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .contact-and-subscribe .container .work-with-us >* {position: relative; z-index: 2; } .contact-and-subscribe .container>div h2, .contact-and-subscribe .container>div p {margin: 0 0 20px; color: var(--black);} .contact-and-subscribe .work-with-us+.newsletter {padding-top: 50px; padding-bottom: 50px; border: 1px solid var(--grey); border-left: 0; background-color: transparent; } .contact-and-subscribe .container>div {width: 50%; padding: 72px; text-align: center; max-width: 572px; position: relative; } .custom-label-group .text-input {height: 100%; width: 100%; padding: 20px 15px 20px 20px; border: 1px solid #d8d8d8; color: var(--black); font-family: inherit; line-height: 18px; font-size: 15px; text-transform: capitalize; border: 1px solid transparent; transition: 0.2s all; margin-bottom: 35px;} .contact-and-subscribe .container>div p{font-style: italic; font-size: 15px; line-height: 23px; margin-bottom: 50px;} .work-with-us a{border: 2px solid var(--gold); color: var(--black)!important; text-transform: uppercase; text-decoration: none; font-size: 13px; padding: 13px 24px; border-radius: 0;} .work-with-us a:hover{background-color:var(--gold); color: var(--white)!important;} .contact-and-subscribe:before {content: ''; position: absolute; background-color: var(--black); opacity: .5; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .newsletter h2{color: var(--white)!important;} .newsletter-form p{color: var(--white)!important;} .newsletter-form button{border: 2px solid var(--gold); color: var(--white)!important; text-transform: uppercase; text-decoration: none; font-size: 13px; padding: 13px 24px; background-color: unset; border-radius: 0;} .newsletter-form button:hover{background-color: var(--gold); color: var(--black);} /*==============================Home newsletter section css end===============================*/ /*==============================Footer section css start===============================*/ #global-footer .classic-footer-component {min-height: 0vh; } #global-footer .classic-footer-component {padding-top: 50px; } footer .classic-footer-component {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; min-height: 100vh; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } #global-footer .classic-footer-component .logo {display: block; width: 10%; } footer .classic-footer-component .logo {min-height: 33vh; } footer .classic-footer-component .row {-webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; padding: 30px 10px; } @media (min-width: 1200px){ footer .classic-footer-component .basic-info {width: 1140px; margin: 0 auto; } } footer .classic-footer-component .column {-webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; text-align: center; } footer .classic-footer-component .basic-info h6 {font-size: 18px; text-transform: uppercase; letter-spacing: 0.15em; line-height: 1.2; margin-top: 0; margin-bottom: 15px; font-family: 'Montserrat', sans-serif;} footer .classic-footer-component .basic-info .basic-info-content, footer .classic-footer-component .basic-info .map, footer .classic-footer-component .basic-info .contacts {font-family: 'Arapey', serif; font-size: 18px; } footer .classic-footer-component .basic-info-content {font-style: italic; white-space: pre-line; } footer .classic-footer-component .basic-info .basic-info-content, footer .classic-footer-component .basic-info .map, footer .classic-footer-component .basic-info .contacts {font-family: 'Arapey', serif; font-size: 18px; } footer .classic-footer-component .map-container {min-height: 100px; width: 100%; background-color: var(--white); margin-bottom: 15px; -webkit-transition: opacity ease-in 0.1s; transition: opacity ease-in 0.1s; opacity: 0.5; } footer .classic-footer-component .map a {-webkit-text-decoration: none; text-decoration: none; font-style: italic; } #iqdp {padding: 10px; } footer .classic-footer-component .copyrights {-webkit-box-pack: justify; -webkit-justify-content: space-between!important; justify-content: space-between!important; -webkit-align-items: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; min-height: 33vh; } footer .classic-footer-component .copyrights .copyright {-webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; text-align: left; } footer .classic-footer-component .copyrights .copyright, footer .classic-footer-component .copyrights .copyright-name {font-family: Montserrat,sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em; display: inline; } footer .classic-footer-component .copyrights .copyright-info {-webkit-flex: 3; -ms-flex: 3; flex: 3; font-family: Arapey,serif; text-align: center; } footer:not(#any) .classic-footer-component .copyrights .copyright-logo {width: 250px; } footer .classic-footer-component .copyrights .copyright-logo {max-height: 10em; width: 155px; } @media (min-width: 991px){ footer .classic-footer-component .copyrights .copyright-info .info {width: 100%; } } footer .classic-footer-component .copyrights .copyright-info .info {width: 80%; margin: 1em auto; font-style: italic; font-size: 16px;} footer .classic-footer-component .copyrights .copyright-info .info .disclaimer-wrap>div {margin-top: 1em; } #illsi {color: var(--black)!important; font-size: 16px!important; } footer .classic-footer-component .social-icons a {display: inline-block; font-size: 25px; width: 34px; -webkit-text-decoration: none; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; color: var(--black); } .address{font-family: 'Arapey', serif; font-size: 18px;} .phone #iqdp p{margin-bottom: 0; color: var(--black);} .phone #iqdp p a{color: var(--black);} .copyright-info a{color:var(--black)!important; font-size: 17px;} .copyright-info .info{font-size: 18px;} .map.column a{color: var(--black);} .copyright.column a{color: var(--black);} .copyright.column{font-size: 12px!important;} .copyright-info .social-icons a{color: var(--gold)!important;} /*==============================Footer section css end===============================*/ /*==============================About Page css start===============================*/ .inner-banner-main{width: 100%; height: 500px; background-repeat: no-repeat; background-size: cover; margin-bottom: 50px; position: relative;} .inner-banner-overlay{position: absolute; top: 0; width: 100%; height: 100%; left: 0; background-color: #0006; display: flex; justify-content: center; align-items: center; padding-top: 100px;} .inner-banner-content h1{text-transform: uppercase; letter-spacing: 4px; font-size: 34px; font-weight: 400; color: var(--white);} .about-page-inner img{width: 420px;margin: 0px 0px 0px 15px; padding: 0 20px 15px 0; float: left;} .about-page-inner p{ float: none; color: #484B4E; margin: 15px 15px 15px 15px; font-size: 13px; color: var(--black); text-align: justify;} .about-page-wrapper{padding: 50px 0px;} .about-bottom{text-align: center; margin-top: 50px;} .about-bottom h3{text-transform: uppercase; letter-spacing: 4px;} .about-bottom p a{color: var(--black); text-decoration: none; font-size: 14px;} /*==============================About Page css end===============================*/ #latest-media-slider .owl-nav .owl-next{display: block; border: 1px solid var(--black); border-radius: 0; font-size: 22px;} #latest-media-slider .owl-nav .owl-prev{display: block; border: 1px solid var(--black); border-radius: 0; font-size: 22px;} #our-blog-slider .owl-nav .owl-next{display: block; border: 1px solid var(--black); border-radius: 0; font-size: 22px;} #our-blog-slider .owl-nav .owl-prev{display: block; border: 1px solid var(--black); border-radius: 0; font-size: 22px;} #customers-testimonials .owl-nav .owl-next{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px;} #customers-testimonials .owl-nav .owl-prev{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px;} #property-slider .owl-nav .owl-next{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px; right: 30px; top: 50%;} #property-slider .owl-nav .owl-prev{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px; left: 30px; top: 50%;} #property-slider2 .owl-nav .owl-next{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px; right: 30px; top: 50%;} #property-slider2 .owl-nav .owl-prev{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px; left: 30px; top: 50%;} .user-interation {padding: 80px 0; background: #f5f5f5; } .interaction-thumbs {text-align: center; } .interaction-thumbs>h3 {font-size: 20px; letter-spacing: 3px; font-weight: 400; color: var(--black)!important; margin-bottom: 10px; margin-top: 30px; } .interaction-thumbs>h3 a{color: var(--black);} .user-interation .thumb-text {padding: 10px 0 5px; font-size: 14px; color: #5d5d5d; } .quick-link-f ul{list-style-type: none; padding-left: 0;} .quick-link-f ul li a{color: var(--black);} .quick-link-f{text-align: left; width: 46%;} /*==============================faq Page css start===============================*/ .faq-page-wrapper{padding: 50px 0px;} #main {margin:0px 0; } #main #faq .card {margin-bottom: 12px; border: 0; } #main #faq .card .card-header {border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); border-radius: 2px; padding: 0; } #main #faq .card .card-header .btn-header-link {color: var(--white)!important; display: block; text-align: left; background: var(--black); color: #222; padding: 13px; text-transform: uppercase; letter-spacing: 3px; } #main #faq .card .card-header .btn-header-link:after {content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; } #main #faq .card .card-header .btn-header-link.collapsed {background: var(--gold); color: var(--white); } #main #faq .card .card-header .btn-header-link.collapsed:after {content: "\f106"; } #main #faq .card .collapsing {background: var(--white); line-height: 26px; color: var(--black); font-size: 19px; font-family: 'Arapey', serif; font-style: italic;} #main #faq .card .collapse {border: 0; } #main #faq .card .collapse.show {background: var(--white); line-height: 26px; color: var(--black); font-size: 19px; font-family: 'Arapey', serif; font-style: italic;} /*==============================faq Page css end===============================*/ /*==============================thankyou Page css start===============================*/ .thankyou-content{text-align: center;} .thankyou-content h1{font-size: 87px; letter-spacing: 3px; text-transform:uppercase;} .thankyou-content p{line-height: 26px; color: var(--black); font-size: 19px; font-family: 'Arapey', serif; font-style: italic;} .thankyou-wrapper{padding: 50px 0px;} .thankyou-content i{color: green; font-size: 77px; margin-bottom: 30px;} .com-page-button a{background-color: var(--gold); color: var(--white); padding: 12px 34px; font-size: 17px; text-decoration: none;} .com-page-button{margin-top: 40px; margin-bottom: 40px;} .com-page-button a:hover{background-color: var(--black);} /*==============================thankyou Page css end===============================*/ /*==============================success Page css start===============================*/ .success-content{text-align: center;} .success-content h1{font-size: 77px; letter-spacing: 3px; text-transform:uppercase;} .success-content p{line-height: 26px; color: var(--black); font-size: 19px; font-family: 'Arapey', serif; font-style: italic;} .success-wrapper{padding: 50px 0px;} .success-content i{color: green; font-size: 87px; margin-bottom: 30px;} /*==============================success Page css end===============================*/ /*==============================404 Page css start===============================*/ .error-content{text-align: center;} .error-content h1{font-size: 77px; letter-spacing: 3px; text-transform:uppercase;} .error-content p{line-height: 26px; color: var(--black); font-size: 19px; font-family: 'Arapey', serif; font-style: italic;} .error-wrapper{padding: 50px 0px;} .error-content i{color: green; font-size: 87px; margin-bottom: 30px;} /*==============================404 Page css end===============================*/ /*==============================common Page css start===============================*/ /*==============================common Page css end===============================*/ .properties-item {display: block; position: relative; margin-bottom: 20px; height: 28.125vw; -webkit-background-position: center; background-position: center; -webkit-background-size: cover; background-size: cover; background-color: #808080; } .properties-item-labels {-webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .properties-item-labels {position: absolute; left: 0; right: 0; top: 0; padding: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 12px; letter-spacing: 1.5px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; justify-content: flex-end; } .properties-item-labels .status {border-radius: 3px; text-transform: uppercase; padding: 9px 15px; color: black; background-color: rgba(255, 255, 255, 0.75); } @media (min-width: 1025px){ .properties-item:hover .properties-item-details {padding-bottom: 0px; height: 100%;} .project-kapil-page .properties-item:hover .properties-item-details {padding-bottom: 142px; } } .properties-item-details {-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); display: block; } .properties-item-top {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);padding: 32px 25px 20px;} .properties-item-name {max-width: 70%; margin: 0; letter-spacing: 2px; color: var(--white); } .properties-item-price {text-align: right; max-width: 35%; font-size: 21px; line-height: 1.2; color: var(--white); } @media (min-width: 1025px){ .properties-item:hover .properties-item-bottom {opacity: 1; } } .properties-item-bottom {-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); padding: 20px 24px 18px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; } .properties-item-bottom-inner {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .properties-item-bottom-adress {text-align: left; max-width: 70%; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; color: var(--white); } .properties-item-bottom-adress-counters span:not(:first-child) {position: relative; display: inline-block; } .properties-item-bottom-adress-counters span:not(:first-child):before {content: ''; position: relative; display: inline-block; height: 12px; top: 1px; margin: 0 10px 0 3px; width: 1px; background-color: #737373; } .properties-item-bottom .btn-container {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; max-width: 35%; border: 2px solid var(--white); color: var(--white); } .our-properties-filter{display: flex; padding: 19px 19px 35px; justify-content: space-between;} .property-search{margin-right: 10px;} .property-search input{border-radius: 0; padding: 12px; font-size: 13px;} .property-select select{border-radius: 0; font-size: 13px; margin-right: 8px; height: 45px!important;} .property-select{margin-right: 10px;} .properties-video-title h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; } .properties-video-title h6{font-family: 'Arapey', serif; font-size: 19px; font-style: italic; opacity: 1; color: var(--black); text-align: center; } .properties-video-title h5{font-size: 19px; margin-bottom: 50px; text-transform: uppercase; font-weight: 400; text-align: center; margin-top: 20px; } /*============================================home Video css Start=======================================*/ .video_sec{background-image: url(https://res.cloudinary.com/luxuryp/images/w_1920,c_limit,f_auto,q_auto/spyarvjjvjhl8n6uqvte/n4lfq8t4ue0bzvwjfcgh); background-size: cover; width: 100%; height: 600px; position: relative; left: 0; right: 0; background-position: 100%; margin: 0 auto; border-radius: 0px; bottom: 0; } .video_sec .modal-dialog {max-width: 800px; margin: 30px auto; } .video_sec .modal-body {position:relative; padding:0px; } .video_sec .close {position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight: normal; color:var(--white); opacity:1; } .video_pop button.video-btn{background-color: unset; width: 90px; height: 90px; border-radius: 50px; border: none; margin: 0 auto; display: block; border: 3px solid #ffff; } .video_pop button.video-btn:hover{background-color: unset; } .video_pop{padding: 150px; justify-content: center; display: flex;} .video_pop_con{position: absolute;} .video_pop_con h4{font-size: 42px; color: var(--white); font-weight: 400; width: 100%; } .video_pop_con{padding: 95px 85px;} .video_pop_btn{margin: 65px 128px; background-color: unset; border: navajowhite; color: var(--white); font-weight: 600; cursor: pointer; } .video-play-button-design{display: inline-flex; margin-top: 100px;} .video-play-button-design h3{font-size: 50px; font-weight: 300; color: var(--white); margin-right: 150px;} .video-play-button-design h4{font-size: 50px; font-weight: 300; color: var(--white); margin-left: 150px;} .live-video-main .home-video-wrapper{margin-bottom: 30px;} .video_pop #myModal{top: 130px;} /*====================================home Video css End================================*/ .property-description-highlights-box ul {margin: 0; padding: 0; list-style: none; } .property-description-highlights-box ul li {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #484b4e; } .property-description-highlights-box ul span:first-child {font-size: 14px; text-shadow: .5px 0 0 currentColor; text-transform: capitalize; } .property-description-highlights-box ul span {max-width: 50%; white-space: nowrap; } .property-description-highlights-box {background-color: var(--black); color: var(--white); padding: 36px 42px; margin-bottom: 23px; } .property-description-highlights-box h5 {margin: 0 0 20px; } .property-desc-content p{font-size: 14px;} .property-detail-desc{padding: 50px 0px;} .cta-inner{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 54px; padding-bottom: 54px;background-color: #000000;} .cta-inner h4{color: var(--white);} .cta-inner ul{padding-left: 0; list-style-type: none;} .cta-inner ul li a{color: var(--white);} .property-agents-container {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 80%; } .property-agents-item {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } .property-agents-avatar {width: 140px; height: 140px; overflow: hidden; margin-right: 30px; } .property-agents-avatar img {width: 100%;height: 100%;/* object-fit: cover; */} .property-agents-info {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100% - 170px); } .property-agents-info .name-position {width: 50%; padding: 20px; } .property-agents-info .info-details {width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .property-agents-info .info-details .phone {padding: 20px; min-width: 35%; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .property-agents-info .info-details span {display: block; font-size: 14px; text-shadow: .5px 0 0 currentColor; } .property-agents-info .info-details a {display: inline-block; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: none; max-width: 100%; color: var(--black); font-size: 15px;} .property-agents-info .info-details .email {padding: 20px; -webkit-flex: 1000 1 auto; -ms-flex: 1000 1 auto; flex: 1000 1 auto; } .property-agents .container-fluid {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .property-agents-info .name-position h4{font-size: 21px; letter-spacing: 6px; margin-bottom: 9px; text-transform: uppercase; font-weight: 400;} .property-agents-info .name-position p{font-size: 15px;} .redesign.property-agents{background-color: var(--grey); margin: 30px 0px;} .property-agents .btn-container {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 20%; } /*============================Features and aminities css Start=========================*/ .features-aminities-title h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 50px;} .features-amenities-item {margin-bottom: 72px; } .features-amenities-item h4 {border-bottom: 1px solid #d8d8d8; letter-spacing: 3px; padding-bottom: 18px; margin: 0 0 20px; font-size: 21px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: left; margin-bottom: 50px;} .features-amenities-item ul {margin: 0; padding: 0; list-style: none; } .features-amenities-item ul li {margin-top: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .features-amenities-item ul li strong {letter-spacing: 2px; color: #878787; font-size: 13px; text-transform: uppercase; font-weight: 400; line-height: 24px; width: 40%; padding-right: 30px; } .features-amenities-item ul li span {width: 60%; font-family: 'Arapey', serif; font-style: italic; font-size: 17px; line-height: 1.4; letter-spacing: 1px; } .featured-aminities-wrapper{padding: 50px 0px 0px;} /*==============================Features and aminities css End=============================*/ .property-mian-content{padding: 50px 0px;} .property-neighborhood {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .property-neighborhood >div {width: 50%; } .property-neighborhood-info {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .property-neighborhood-info-wrap {max-width: 454px; } .property-neighborhood >div {width: 50%; } .property-neighborhood-image img {object-fit: cover; width: 100%; max-height: 55vh; } .aminities-title-div h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 50px;} .aminities-listing-div h5{font-size: 16px; letter-spacing: 3px; margin-bottom: 20px; text-transform: uppercase; font-weight: 500; text-align: center; margin-bottom: 10px;} .aminities-listing-div p{text-align: center; font-size: 14px;} .aminities-listing-div img{height: 70px; width: 70px; border-radius: 50px; border: 2px solid var(--gold); margin: 0 auto; display: block; margin-bottom: 20px;} #pro-detail-slider .owl-nav .owl-next{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px; right: 30px; top: 50%;} #pro-detail-slider .owl-nav .owl-prev{display: block; color: var(--white); border: 1px solid var(--white); border-radius: 0; font-size: 22px; left: 30px; top: 50%;} .aminities-listing-div{margin-bottom: 30px;} .aminities-inner-div{padding: 30px 50px 30px;} .filter-div{display:none; background-color: #f5f5f5; padding: 20px; width: 97%; margin: 0 auto; margin-bottom: 30px;} .filter-div .form-row{margin-bottom: 20px;} .filter-div-inner select{border-radius: 0px; font-size: 13px;} .filter-div-inner input{border-radius: 0px; font-size: 13px;} .filter-button{border: none; background-color: var(--gold); color: var(--white); padding: 10px 9px; font-size: 12px; margin-left: 3px;} .filter-button:focus{border-radius: 0; outline: none; box-shadow: none;} .filter-clear-button{ border: none; background-color: var(--gold); color: var(--white); padding: 10px 18px; margin-left: 20px; font-size: 13px; margin-bottom: 20px;} .filter-clear-button:focus{border-radius: 0; outline: none; box-shadow: none;} .slider-box {width: 84%; margin: -15px auto 25px;} .slider-box label, input {border: none;display: inline-block;margin-right: -4px;vertical-align: top;width: 41%;font-size: 11px;} .slider-box input {width: 53%; text-align: right;} .slider {margin: 6px 0} .slider-box2 {width: 84%; margin: -15px auto 25px;} .slider-box2 label, input {border: none;display: inline-block;margin-right: -4px;vertical-align: top;width: 40%;font-size: 10px;} .slider-box2 input {width: 58%;text-align: right;} .slider2 {margin: 6px 0} .property-search{width: 30%;} .property-select{width: 16%;} .property-price-range{width: 24%;} .property-price-range2{width: 24%;} .f-button-div{width: 10%;} .c-button-div{ width: 100%; display: flex; justify-content: space-between; padding: 20px 20px 0px;} /*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border: 1px solid var(--gold)!important; background: unset!important; font-weight: normal; color: #555555; background-color: var(--gold)!important; border-radius: 50px; }*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default:focus{outline: none; box-shadow: none;} .property-desc-content h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: left; margin-bottom: 20px;} /*==============================blog page css start=============================*/ .blog-listing .our-blog-style .latest-press-content {padding: 30px 11px 30px; } .blog-listing .our-blog-style {background-color: var(--white); box-shadow: 0px 0px 10px #ccc; margin-bottom: 30px;} .blog-listing{padding-bottom: 50px;} /*==============================Blog page css End=============================*/ /*=====================================contact page css start=====================================*/ .contact-text h5{font-weight: 600; color: #212754; } .contact-detail-inner{display: flex;} .contact-detail-inner i{font-size: 45px;} .contact-icon{width: 10%; text-align: center; margin-right: 20px;} .contact-text p{f font-size: 16px; color: #212754; width: 85%; margin-bottom: 7px;} .contact-text{width: 90%; } .contact-detail{margin-bottom: 40px;} .contact-page-detail h4{font-size: 45px; font-weight: 600; text-transform: uppercase; color: #212754; text-shadow: 0px 8px #dee4f4;} .contact-page-detail h6{font-size: 18px; font-weight: 600; margin-bottom: 50px; margin-top: 30px; color: #212754;} .contact-page-detail{padding: 50px;} .contact-col{padding: 0;} .contact-form{ width: 100%; padding: 50px 90px 40px;} .contact-form h4{font-size: 45px; font-weight: 600; text-transform: uppercase; color: var(--white); } .contact-form h6{font-size: 18px; font-weight: 600; margin-bottom: 50px; margin-top: 30px; color: var(--white);} .contact-form form input{background-color: unset; border-bottom: 2px solid #212754; border-radius: 0; padding: 17px; border-top: none; border-left: none; border-right: none;} .contact-form form textarea{background-color: unset;height: 120px;border-bottom: 2px solid #212754;border-radius: 0;padding: 17px;border-top: none;border-left: none;border-right: none;} .contact-form form input:focus{outline: none; background-color: unset; border-bottom: 2px solid #212754; box-shadow: none;} .contact-form form textarea:focus{outline: none; background-color: unset; border-bottom: 2px solid #212754; box-shadow: none;} .contact-form form button{background-color: #212754; border-radius: 0; border: none; padding: 14px 55px; font-size: 20px; margin: 0 auto; display: block; margin-top: 50px;} .contact-form form button:hover{background-color: #212754; border-radius: 0; border: none; padding: 14px 55px; font-size: 20px;} .contact-page-inner{padding:59px 0px 50px; background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover;} /*=====================================contact page css end=====================================*/ .blog-detail-page-title h3{font-size: 50px; text-align: center; margin-bottom: 30px;} .blog-detail-image img{width: 100%; height: 350px; max-height: 350px;} .blog-detail-image{position: relative;} .blog-detail-title h3{color: var(--black); text-decoration: none; font-size: 30px; margin-top: 10px;} .blog-detail-title{margin-top: 20px;} .blod-detail-description p{text-align: justify; font-size:15px;} .blod-detail-description{margin-top: 13px;} .widget { margin-bottom: 30px; padding: 30px; background-color: var(--white); border-radius: 10px; position: relative; box-shadow: 0 0 20px rgb(0 0 0 / 7%); } h2.widget-title, h2.widgettitle { font-size: 24px; font-size: 1.5rem; padding-bottom: 18px; margin-bottom: 30px; position: relative; } .widget-title:after{position: absolute; content: ''; width: 80px; height: 3px; background-color: #212754; bottom: 5px; left: 0;} #secondary .widget ul { margin: 0; padding-left: 0; list-style-type: none; } .widget ol li, .widget ul li { padding: .72rem 0; border-bottom: 1px solid #e8ecef; border-top: 1px solid #e8ecef; list-style-type: none; padding-left: 0; display: flex; justify-content: space-between; } .widget_categories ul{padding-left: 0;} .widget ol li:first-child, .widget ul li:first-child { border-top: none; padding-top: 0; } #secondary .widget ul li { position: relative; } .widget_categories li a { display: flex; color: var(--black)!important; font-size: 17px; text-decoration: none; } .widget_categories li a i { display: flex; color: var(--black)!important; padding-left: 20px; font-size: 19px; padding-right: 14px; padding-top: 7px; } .widget_recent_entries img { margin-right: 17px; height: 74px; max-width: 75px; display: block; object-fit: cover; border-radius: 10px; } .widget_recent_entries li.item-recent-post .title-post { display: flex; flex-direction: column; } .widget_recent_entries li.item-recent-post a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; max-height: 2.6em; margin-bottom: .5em; font-size: 17px; color: var(--black); text-decoration: none; } .widget_recent_entries .post-date { display: block; font-size: 12px!important; font-size: .6875rem; color: #999; text-transform: uppercase; } .widget_recent_entries ul{padding-left: 0px;} .feat_blog_con p span { color: #999; font-size: 14px; margin-right: 17px; } .aminities-image img { width: 5%; } .aminities-image { font-size: 9.5px; } .orbis-realtor-inner{font-size: 14px; margin-bottom: 50px;} .orbis-realtor-inner h5{margin-top: 25px; margin-bottom: 15px; font-size: 16px; line-height: 1.4; letter-spacing: 3px; margin-bottom: 15px; opacity: 1;} .why-orbis-head h3{font-size: 27px; letter-spacing: 6px; margin-bottom:50px; text-transform: uppercase; font-weight: 400; text-align: center; } .director-page-inner img{width: 270px;margin: 0px 0px 0px 15px; padding: 0 20px 15px 0; float: left;} .director-page-inner p{ float: none; color: #484B4E; margin: 15px 15px 15px 15px; font-size: 13px; color: var(--black); text-align: justify;} .director-page-wrapper{padding: 50px 0px;} .director-page-inner{clear: both; display: flow-root; margin-bottom: 30px;} .director-page-content h3{font-size: 24px; letter-spacing: 5px; margin-bottom: 15px; text-transform: uppercase; font-weight: 400; text-align: left;} .director-page-content h5{margin-top: 20px;} .slider-box .ui-slider{height: 8px!important;} .slider-box .ui-slider .ui-slider-handle{width: 16px!important; height: 16px!important;} .slider-box2 .ui-slider{height: 8px!important;} .slider-box2 .ui-slider .ui-slider-handle{width: 16px!important; height: 16px!important;} .blog-wrapper .blog-category{display: none;} .blog-wrapper .latest-press-content h5{font-weight: 300; font-size: 16px;} .blog-wrapper .latest-press-content p{font-family: 'Arapey', serif; font-style: italic; font-size: 17px; line-height: 1.4; letter-spacing: 1px;} .blog-wrapper .latest-press-content h4 a{text-transform: uppercase; font-size: 12px; margin-top: 25px; text-decoration: none; color: #484b4e; font-weight: 600; letter-spacing: 1.5px;} .blog-wrapper .latest-press-content{padding: 30px 31px 30px!important;} .blog-wrapper nav .pagination li{margin-left: 7px;} .blog-wrapper nav{width: 100%;} .blog-wrapper nav .pagination{display: flex; justify-content: center; width: 100%; margin-top: 30px;} .blog-wrapper nav .pagination .page-item.active .page-link{ z-index: 1; color: var(--black); background-color: var(--white); border-color: var(--black); width: 40px; height: 40px; border-radius: 0px; text-align: center;} .blog-wrapper nav .pagination .page-item .page-link{ z-index: 1; color: var(--black); background-color: var(--white); border-color: var(--black); width: 40px; height: 40px; border-radius: 0px; text-align: center;} .blog-banner-content{text-align: center;} .blog-banner-content p{font-family: 'Arapey', serif; font-size: 20px; max-width: 956px; text-transform: none; font-style: italic; margin: 0 auto; color: var(--white);} .contact-popup-inner{position: fixed; overflow-y: auto; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.92); display: none; z-index: 9999999999;} .contact-popup-content{ align-items: center; justify-content: center; position: relative; width: 100%; min-height: 100vh; padding-bottom: 90px;} .contact-popup-inner.visible{display: block!important;} .kapil-popup-close{ color: var(--white); background-color: unset; position: absolute; right: 70px; top: 40px; border: none; font-size: 30px;} .contact-popup-inner-property{position: fixed; overflow-y: auto; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.92); display: none; z-index: 9999999999;} .contact-popup-inner-property.visible{display: block!important;} .kapil-popup-close-property{ color: var(--white); background-color: unset; position: absolute; right: 70px; top: 40px; border: none; font-size: 30px;} .contact-popup-head h6{text-align: center; color: var(--white); text-transform: uppercase; margin-bottom: 20px;} .contact-popup-head h3{text-align: center; color: var(--white); text-transform: uppercase; font-size: 60px; letter-spacing: 10px; font-weight: 400;} .contact-popup-head{padding-top: 100px; margin-bottom: 90px;} .contact-pop-form-inner h5{color: var(--white); font-size: 21px; line-height: 1.3; letter-spacing: 4px; text-align: center; text-transform: uppercase; margin-bottom: 25px;} .contact-pop-form-inner form input{border-radius: 0px!important; padding: 15px; border: none;} .contact-pop-form-inner form select{border-radius: 0px!important; height: 56px!important; border: none;} .contact-pop-form-inner form textarea{border-radius: 0px!important; padding: 15px; border: none; height: 150px;} .contact-pop-button{background-color: var(--gold); color: var(--white); border: none; padding: 10px 30px; margin: 0 auto; display: block;} .contact-popup-detail h5{color: var(--white); font-size: 21px; line-height: 1.3; letter-spacing: 4px; text-align: center; text-transform: uppercase; margin-bottom: 25px;} .contact-popup-detail-inner{text-align: center; border-bottom: 1px solid #f1f1f1; padding-bottom: 8px; margin-bottom: 25px;} .contact-popup-detail-inner p a{color: var(--white); text-decoration: none; font-family: 'Arapey', serif;} .contact-popup-detail-inner p{color: var(--white); text-decoration: none; font-family: 'Arapey', serif; font-style: italic; font-size: 18px;} .contact-popup-detail{padding: 0px 85px;} .contact-pop-social ul{list-style-type: none; padding-left: 0px; margin-left: 0px;} .contact-pop-social ul li{float: left; margin-right: 10px;} .contact-pop-social ul li a i{color: #fff; width: 45px; height: 45px; border: 2px solid #fff; border-radius: 50px; justify-content: center; align-items: center; display: flex;} .contact-pop-social{text-align: center; display: flex; justify-content: center;} .cat-gallery-wrapper #wrapper { margin-top: 30px; } .cat-gallery-wrapper #filter { list-style-type: none; } .cat-gallery-wrapper #filter li { display: inline-block; margin-right: 10px; border: 2px solid var(--gold); padding: 6px 10px; font-size: 16px; } .cat-gallery-wrapper #filter li:hover { color: var(--white); cursor: pointer; background-color: var(--gold); } .cat-gallery-wrapper #filter li.active { color: var(--white); background-color: var( --gold); } .cat-gallery-wrapper #portfolio { list-style-type: none; padding-left: 0; } .cat-gallery-wrapper #portfolio li { float: left; margin: 5px; width: 32%; } .cat-gallery-wrapper #portfolio li img { width: 100%; height: 300px; } .cat-gallery-wrapper #wrapper h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 30px;} .cat-gallery-wrapper{margin-bottom: 70px; display: flow-root;} .properties-video-title{padding: 40px 0px;} .property-detail-video .video-wrapper { position: relative; } .property-detail-video .video-wrapper > video { width: 100%; vertical-align: middle; } .property-detail-video .video-wrapper > video.has-media-controls-hidden::-webkit-media-controls { display: none; } .property-detail-video .video-overlay-play-button { box-sizing: border-box; width: 100%; height: 100%; padding: 10px calc(50% - 50px); position: absolute; top: 0; left: 0; display: block; opacity: 0.95; cursor: pointer; background-image: linear-gradient(transparent, #000); transition: opacity 150ms; } .property-detail-video .video-overlay-play-button:hover { opacity: 1; } .property-detail-video .video-overlay-play-button.is-hidden { display: none; } .our-properties-wrapper nav .pagination li{margin-left: 7px;} .our-properties-wrapper nav{width: 100%;} .our-properties-wrapper nav .pagination{display: flex; justify-content: center; width: 100%; margin-top: 30px;} .our-properties-wrapper nav .pagination .page-item.active .page-link{ z-index: 1; color: var(--black); background-color: var(--white); border-color: var(--black); width: 40px; height: 40px; border-radius: 0px; text-align: center;} .our-properties-wrapper nav .pagination .page-item .page-link{ z-index: 1; color: var(--black); background-color: var(--white); border-color: var(--black); width: 40px; height: 40px; border-radius: 0px; text-align: center;} .outer { margin: 0 auto; max-width: 100%; width: 100%; } #big .item { background: #ec6e46; padding: 0px 0px; margin: 2px; color: #FFF; border-radius: 3px; text-align: center; } #big .item img{height: 700px;} #thumbs .item { background: #C9C9C9; height: 70px; line-height: 70px; padding: 0px; margin: 2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; } #thumbs .item img{height: 70px;} #thumbs .item h1 { font-size: 18px; } #thumbs .current .item { background: #FF5722; } .owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; } .owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; } #big.owl-theme { position: relative; } #big.owl-theme .owl-next, #big.owl-theme .owl-prev { background: #333; width: 22px; line-height: 40px; height: 40px; margin-top: -20px; position: absolute; text-align: center; top: 50%; } #big.owl-theme .owl-prev { left: 10px; } #big.owl-theme .owl-next { right: 10px; } #thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background: #333; } /*css start 6 sept by kapil*/ .property-type-wrapper table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; /* table-layout: fixed;*/ } .property-type-wrapper table caption { font-size: 1.5em; margin: .5em 0 .75em; } .property-type-wrapper table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; } .property-type-wrapper table th, table td { padding: 9px 0px; text-align: center; border: 1px solid #ccc; font-size: 13px; } .property-type-wrapper table th { font-size: 12px; letter-spacing: .1em; background-color: #c19a33; color: #fff; } @media screen and (max-width: 600px) { .property-type-inner{width: 100%; overflow: scroll;} /*.property-type-wrapper table { border: 0; } .property-type-wrapper table caption { font-size: 1.3em; } .property-type-wrapper table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .property-type-wrapper table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .property-type-wrapper table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .property-type-wrapper table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .property-type-wrapper table td:last-child { border-bottom: 0; }*/ } .property-type-inner h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 35px; margin-top: 50px; } .price-payment-wrapper table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; /* table-layout: fixed;*/ } .price-payment-wrapper table caption { font-size: 1.5em; margin: .5em 0 .75em; } .price-payment-wrapper table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; } .price-payment-wrapper table th, table td {padding: 9px 0px;text-align: center;border: 1px solid #ccc;font-size: 13px;width: 5%;} .price-payment-wrapper table th { font-size: 12px; letter-spacing: .1em; background-color: #c19a33; color: #fff; } @media screen and (max-width: 600px) { .price-payment-inner{width: 100%; overflow: scroll;} /* .price-payment-wrapper table { border: 0; } .price-payment-wrapper table caption { font-size: 1.3em; } .price-payment-wrapper table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .price-payment-wrapper table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .price-payment-wrapper table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .price-payment-wrapper table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .price-payment-wrapper table td:last-child { border-bottom: 0; }*/ } .price-payment-wrapper h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 35px; margin-top: 50px; } .property-aminit-style{margin-top: 50px;} .property-planing-inner h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 35px; margin-top: 30px; } .planing-proprty-ul li:nth-child(odd) { float: left; width: 49%; font-size: 15px; line-height: 25px; background-color:var(--grey); text-align: center; margin-bottom: 10px; padding: 10px; justify-content: space-between; display: flex; } .planing-proprty-ul li:nth-child(even) { float: right; width: 49%; font-size: 15px; line-height: 25px; background-color:var(--grey); text-align: center; margin-bottom: 10px; padding: 10px; justify-content: space-between; display: flex; } .planing-proprty-ul{display: flow-root; list-style-type: none;} .location-advantage-wrapper{padding: 20px 0px 10px;} .location-advantage-inner h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 35px; margin-top: 30px; } .location-advantage-inner p{font-size: 15px; text-align: justify;} .approved-loan-logo-slider h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom:40px; margin-top: 30px;} .approved-loan-logo-slider{padding-top: 30px; padding-bottom: 40px;} .approved-logo-slide .item h3{font-size: 16px; text-align: center; padding-top: 20px;} .locality-padding{padding-top: 0px;} .kapil-popup-inner{ position: fixed; overflow-y: auto; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.92); display: none; z-index: 999; } .kapil-popup-content{ align-items: center; justify-content: center; position: relative; width: 100%; min-height: 100vh; padding-bottom: 90px;} .kapil-popup-inner.visible{display: block!important;} .kapil-popup-close2{ color: var(--white); background-color: unset; position: absolute; right: 70px; top: 40px; border: none; font-size: 30px;} .kapil-popup-head h6{text-align: center; color: var(--white); text-transform: uppercase; margin-bottom: 20px;} .kapil-popup-head h3{text-align: center; color: var(--white); text-transform: uppercase; font-size: 60px; letter-spacing: 10px; font-weight: 400;} .kapil-popup-head{padding-top: 100px; margin-bottom: 90px;} .kapil-pop-form-inner h5{color: var(--white); font-size: 21px; line-height: 1.3; letter-spacing: 4px; text-align: center; text-transform: uppercase; margin-bottom: 25px;} .kapil-pop-form-inner form input{border-radius: 0px!important; padding: 15px; border: none;} .kapil-pop-form-inner form select{border-radius: 0px!important; height: 56px!important; border: none;} .kapil-pop-form-inner form textarea{border-radius: 0px!important; padding: 15px; border: none; height: 150px;} .kapil-pop-button{background-color: var(--gold); color: var(--white); border: none; padding: 10px 30px; margin: 0 auto; display: block;} .kapil-popup-detail h5{color: var(--white); font-size: 21px; line-height: 1.3; letter-spacing: 4px; text-align: center; text-transform: uppercase; margin-bottom: 25px;} .kapil-popup-detail-inner{text-align: center; border-bottom: 1px solid #f1f1f1; padding-bottom: 8px; margin-bottom: 25px;} .kapil-popup-detail-inner p a{color: var(--white); text-decoration: none; font-family: 'Arapey', serif;} .kapil-popup-detail-inner p{color: var(--white); text-decoration: none; font-family: 'Arapey', serif; font-style: italic; font-size: 18px;} .kapil-popup-detail{padding: 0px 85px;} .kapil-pop-social ul{list-style-type: none; padding-left: 0px; margin-left: 0px;} .kapil-pop-social ul li{float: left; margin-right: 10px;} .kapil-pop-social ul li a i{color: #fff; width: 45px; height: 45px; border: 2px solid #fff; border-radius: 50px; justify-content: center; align-items: center; display: flex;} .kapil-pop-social{text-align: center; display: flex; justify-content: center;} .featured-left .interaction-thumbs{background-color: #fff; padding: 17px 9px;} .featured-left .interaction-thumbs a img{width: 30%;} .featured-left .interaction-thumbs h3 a{color: #c19a33; font-weight: 700; font-size: 17px;} .featured-left .interaction-thumbs .thumb-text{ color: #000; font-size: 14px;} .properties-item-bottom-adress p{margin-bottom:4px;} .work-with-orbis-form form input{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 50px;} .work-with-orbis-form form input:focus{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 50px; outline: none;} .work-with-orbis-form form textarea{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 10px;} .work-with-orbis-form form textarea:focus{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius:10px; outline: none;} .work-with-orbis-form form button{background-color: #c3983d;} .work-with-orbis-form form button:hover{background-color: #c3983d;} .work-with-orbis-form .contact-page-inner{padding-top: 0px;} .work-with-orbis-form .contact-page-inner .contact-form{padding: 0px;} .post-property-form-wrap form input{background-color: unset;border-bottom: 2px solid #020202;padding: 12px;border-top: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;/* border-radius: 50px; */} .post-property-form-wrap form input:focus{background-color: unset; border-bottom: 2px solid #020202; padding: 12px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;} .post-property-form-wrap form textarea{background-color: unset;border-bottom: 2px solid #000000;padding: 12px;border-top: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;/* border-radius: 10px; */} .post-property-form-wrap form textarea:focus{background-color: unset; border-bottom: 2px solid #020202; padding: 12px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;} .post-property-form-wrap form select{background-color: unset;border-bottom: 2px solid #040404;padding: 12px;border-top: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;/* border-radius: 50px; */height: 47px!important; border-radius:0px;} .post-property-form-wrap form select:focus{background-color: unset; border-bottom: 2px solid #020202; padding: 12px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;height: 47px!important;} .post-property-form-wrap form button{background-color: #c3983d;} .post-property-form-wrap form button:hover{background-color: #c3983d;} .post-property-form-wrap .contact-page-inner{padding-top: 0px;} .post-property-form-wrap .contact-page-inner .contact-form{padding: 0px;} .post-requirement-form-page form input{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 50px;} .post-requirement-form-page form input:focus{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 50px; outline: none;} .post-requirement-form-page form textarea{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 10px;} .post-requirement-form-page form textarea:focus{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius:10px; outline: none;} .post-requirement-form-page form select{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 50px; height: 47px!important;} .post-requirement-form-page form select:focus{background-color: unset; border-bottom: 2px solid #c3983d; padding: 12px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius:50px; outline: none; height: 47px!important;} .post-requirement-form-page form button{background-color: #c3983d;} .post-requirement-form-page form button:hover{background-color: #c3983d;} .post-requirement-form-page .contact-page-inner{padding-top: 0px;} .post-requirement-form-page .contact-page-inner .contact-form{padding: 0px;} .responsive-tabs.nav-tabs { position: relative; z-index: 10; height: 50px; overflow: visible; border-bottom: none; margin-bottom: 20px; } @media (min-width: 768px) { .responsive-tabs.nav-tabs { display: block; } } @media (max-width: 768px) { .responsive-tabs.nav-tabs { display: block; flex-wrap: none; } } .responsive-tabs.nav-tabs i.fa { position: absolute; top: 14px; right: 22px; } .responsive-tabs.nav-tabs i.fa.fa-caret-up { display: none; } @media (min-width: 768px) { .responsive-tabs.nav-tabs i.fa { display: none; } } .responsive-tabs.nav-tabs > li { display: none; float: none; text-align: center; } .responsive-tabs.nav-tabs > li:last-of-type > a { margin-right: 0; } .responsive-tabs.nav-tabs > li > a { margin-right: 0; background: #fff; border: 2px solid #c19a33; border-radius: 0!important; color: #000; } @media (min-width: 768px) { .responsive-tabs.nav-tabs > li > a { margin-right: 4px; } } .responsive-tabs.nav-tabs > li.active { display: block; } .responsive-tabs.nav-tabs > li.active a { border: 2px solid #c19a33!important; border-radius: 2px; background-color: #c19a33; color: #fff; } .responsive-tabs.nav-tabs > li a:hover { border: 2px solid #c19a33!important; border-radius: 2px; color: #fff; background-color: #c19a33; } @media (min-width: 768px) { .responsive-tabs.nav-tabs > li.active a { border-bottom-color: transparent; } } @media (min-width: 768px) { .responsive-tabs.nav-tabs > li { display: block; float: left; } } .responsive-tabs.nav-tabs.open i.fa.fa-caret-up { display: block; } @media (min-width: 768px) { .responsive-tabs.nav-tabs.open i.fa.fa-caret-up { display: none; } } .responsive-tabs.nav-tabs.open i.fa.fa-caret-down { display: none; } .responsive-tabs.nav-tabs.open > li { display: block; } .responsive-tabs.nav-tabs.open > li a { border-radius: 0; } .responsive-tabs.nav-tabs.open > li:first-of-type a { border-radius: 2px 2px 0 0; } .responsive-tabs.nav-tabs.open > li:last-of-type a { border-radius: 0 0 2px 2px; } #big2 .item { background: #ec6e46; padding: 0px 0px; margin: 2px; color: #FFF; border-radius: 3px; text-align: center; } #big2 .item img{height: 700px;} #thumbs2 .item { background: #C9C9C9; height: 70px; line-height: 70px; padding: 0px; margin: 2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; } #thumbs2 .item img{height: 70px;} #thumbs2 .item h1 { font-size: 18px; } #thumbs2 .current .item { background: #FF5722; } .owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; } .owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; } #big2.owl-theme { position: relative; } #big2.owl-theme .owl-next, #big2.owl-theme .owl-prev { background: #fff; width: 40px; line-height: 40px; height: 37px; margin-top: -20px; position: absolute; text-align: center; top: 50%; } #big2.owl-theme .owl-next i, #big2.owl-theme .owl-prev i { color: #000; } #big2.owl-theme .owl-prev { left: 10px; } #big2.owl-theme .owl-next { right: 10px; } #thumbs2.owl-theme .owl-next, #thumbs2.owl-theme .owl-prev { background: #333; } .feature li:last-child::after { content:''; } .form-heading-inner{text-align:center;} .form-heading-inner{margin-bottom:40px;} .form-heading-inner h4{margin-bottom:20px;} .form-heading-inner h2{ text-transform: uppercase; letter-spacing: 4px; font-size: 28px; font-weight: 400; color: var(--black); } .form-heading-inner h5{margin-bottom:20px; margin-top:40px; color: #c3983d;} .property-range-3{width:100%;} .property-range-3 .slider-box{width:96%; margin-bottom:0;} .property-range-3 .slider-box label{font-size:17px; color:#6c757c; padding-top: 12px;} .post-property-form-wrap form .property-range-3 input{border:none; font-size: 15px;color:#6c757c;} .post-property-form-wrap .contact-form{ box-shadow: 0px 0px 10px #000; padding: 50px!important;} .properties-item:hover .properties-item-details .properties-item-top{display: none;} .properties-item-price { text-align: right; max-width: 40%; font-size: 17px; line-height: 1.2; color: var(--white); } #thumbs2 .owl-nav{display: none;} #thumbs .owl-nav{display: none;} .container-fluid-e h4{font-size: 27px; letter-spacing: 6px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 50px;} .kapil-new-title{ display: none; margin-bottom: 10px; } .kapil-left{color: #fff; max-width: 70%; margin: 0; letter-spacing: 2px; color: var(--white); font-size: 20px;} .kapil-right{color: #fff; text-align: right; max-width: 35%; font-size: 14px; line-height: 1.2; color: var(--white);} .properties-item:hover .properties-item-details .kapil-new-title{display: flex; justify-content: space-between;} .gallery-new-sec{text-align: center;} .gallery-new-sec .responsive-tabs.nav-tabs{text-align: center; display: inline-block;} .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000; } .videoWrapper43 { padding-top: 75%; } .videoWrapper169 { /*padding-top: 56%;*/ height: 100%; } .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none; background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .videoPoster:before { content: ''; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -40px 0 0 -40px; border: 5px solid #fff; border-radius: 100%; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; } .videoPoster:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin: -13px 0 0 -5px; border-left: 40px solid #fff; border-top: 25px solid transparent; border-bottom: 25px solid transparent; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; transition: border-color 300ms; display: flex; justify-content: center; align-items: center; } /* .videoPoster:hover:before, .videoPoster:focus:before { border-color: #f00; } .videoPoster:hover:after, .videoPoster:focus:after { border-left-color: #f00; }*/ .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms; } .property-description-highlights-box ul span{width: 50%; white-space: normal;font-size: 13px;} .property-description-highlights-box ul span:last-child{text-align: right; } .featured-properties-desc-full .featured-properties-desc-full__right li span{width: 48%; justify-content: space-between; display: flex;} .featured-properties-desc-full .featured-properties-desc-full__right li span:last-child{text-align: justify; font-size: 13px;} .location-pro-detail{font-size: 10px!important; text-align: left!important;}