Edit file File name : style.css Content :/*------------------------------------------------------------------ [Main Stylesheet] Project: Neer Version: 1.1.0 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Top Header / .top-header 2. Main Header / .main-header 3. Home Page Banner (Main Home) / .banner 4. Banner Search Box / .search-area 5. Featured Properties / .featured-properties 6. Application Counter / .counters 7. Partner / .partners-blockn 8. Map Content /.map-content 9. Map Content Sidebar /.map-content-sidebar 10. Single Page Banner / .sub-banner 11. Properties List View / .listing-properties-box 12. Properties Grid View / .recent-properties-box 13. Single Property Details / .properties-details-page 14. Listing Page Sidebar /.sidebar 15. Pricing Table /.pricing-container 16. Agent Contact Form /.agent-widget 17. Properties Comments /.properties-comments 18. Specifications /.specificationsinfor_details 19. My Profile /.my-profile 20. My Properties Box /.my-properties-boxinfor_details 21. Submit Property /.submit-property 22. Blog /.blog-body 23. Contact Form /.contact-form 24. Signup/Login Wrapper /.form-content-box 25. Pagination /.pagination 26. Main Footer / .main-footer 27. Sub Footer / .sub-footer -------------------------------------------------------------------*/ /** Global classes**/ html, body { height: 100%; /*overflow-x: none;*/ } /*$backgroundColor: #e5eef3;*/ /*$buttonColor: #ffffff;*/ /*$textColor: #f1ce64;*/ /*$hoverColor: #fff;*/ /*$facebook: #3b5998;*/ /*$twitter: #61c5ec;*/ /*$google: #ea4335;*/ /*$github: #000000;*/ /*body {*/ /* font-family: "Roboto";*/ /* background-color: $backgroundColor;*/ /* text-align: center;*/ /* color: $textColor;*/ /* font-size: 28px;*/ /*}*/ /*a {*/ /* color: $textColor;*/ /*}*/ .share { position: relative; width: 100%; left: 0; margin-left: 0px; top: 0; margin-top: 0px; border-radius: 80px; span { width: 200px; line-height: 80px; display: inline-block; font-weight: 700; text-transform: uppercase; position: absolute; left: 50%; margin-left: 0px; opacity: 1; transition: opacity 0.3s ease-in-out; pointer-events: none; } nav { font-size: 0; } a { line-height: 80px; width: 80px; text-align: center; display: inline-block; background-color: $buttonColor; color: $buttonColor; overflow: hidden; opacity: 1; transition: all 0.3s ease-in-out; margin: 0 -20px; /*box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.1);*/ &:nth-child(1) { border-top-left-radius: 40px; border-bottom-left-radius: 40px; margin-left: 0; color: #33cc33; &:hover { background-color: #33cc33; color:#fff; } } /*&:nth-child(2):hover {*/ /* background-color: $facebook;*/ /*}*/ /*&:nth-child(3):hover {*/ /* background-color: $google;*/ /*}*/ &:nth-child(2) { border-top-right-radius: 40px; border-bottom-right-radius: 40px; margin-right: 0; &:hover { background-color: #ffc107; color:#000; } } } &:hover, &.hover { span { opacity: 0; } a { border-radius: 50%; margin: 0 10px; color: $textColor; font-size: 28px; box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.1); &:hover { color: $hoverColor; } } } } /*body {*/ /* font-family: 'Roboto', sans-serif !important; */ /*}*/ a { cursor: pointer; color: #4d4d4d; } a:hover { color: #525252; text-decoration: none; } /*::-webkit-input-placeholder { font-size: 20px !important; } ::-webkit-select-placeholder { font-size: 20px !important; }**/ p { font-size: 14px; line-height: 1.9; color: #535353; font-family: 'SANS-SERIF'; text-align: justify; } .loan-abt{ font-weight: 600; font-size: 25px; } span { color: #535353; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #004d4d; } ul { margin: 0; padding: 0; list-style: none; color: #535353; } .btn.focus, .btn:focus { outline: 0; box-shadow: none; } /** Social media color **/ .facebook:hover { color: #3b589e !important; } .twitter:hover { color: #56d7fe !important; } .google:hover { color: #dc4e41 !important; } .rss:hover { color: #e78733 !important; } .linkedin:hover { color: #1c82ca !important; } /** Social media bg**/ .facebook-bg { background: #4867aa; color: #fff; } .twitter-bg { background: #000; color: #fff; } .google-bg { background: #db4437; color: #fff; } .linkedin-bg { background: #0177b5; color: #fff; } .rss-bg{ background: #e78733; color: #fff; } .pinterest-bg { background: #bd081c; color: #fff; } .facebook-bg:hover { background: #3b589e; color: #fff; } .twitter-bg:hover { background: #56d7fe; color: #fff; } .linkedin-bg:hover { background: #1c82ca; color: #fff; } .google-bg:hover { background: #dc4e41; color: #fff; } .rss-bg:hover { background: #e78701; color: #fff; } .pinterest-bg:hover { background: #a30618; color: #fff; } /** Overview bgi **/ .overview-bgi { position: relative; } .overview-bgi:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.08); } .delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s } .delay-03s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s } .delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s } .delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s } .delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s } .delay-07s { animation-delay: 0.7s; -webkit-animation-delay: 0.7s } .delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s } .delay-09s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s } .delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s } .delay-12s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .delay-15s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s } .delay-17s { animation-delay: 1.7s; -webkit-animation-delay: 1.7s } .delay-20s { animation-delay: 2.0s; -webkit-animation-delay: 2.0s } /** Btn **/ .btn-sm { cursor: pointer; padding: 7px 12px; letter-spacing: 1px; font-size: 11px; font-weight: 600; text-transform: uppercase; transition: .5s; border-radius: 2px; border: none; color: #fff; } .btn-sm:hover { color: #fff; text-decoration: none; } .btn-md { cursor: pointer; padding: 13px 26px; letter-spacing: 1px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #fff; transition: .5s; border-radius: 2px; border: none; } .btn-md:hover { color: #fff; } button:focus { outline: 0 auto -webkit-focus-ring-color; } .btn-block i{ color: #fff; font-size: 20px; } .btn-block i:hover{ color: #000; font-size: 20px; } .pricing-btn { padding: 6px 10px; border-radius: 50px; font-size: 11px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; } .bomd { padding: 13px 26px; letter-spacing: 1px; font-size: 13px; font-weight: 600; text-transform: uppercase; transition: .5s; border-radius: 2px; } .btn { border-radius: 2px; } .btn-sm { padding: 7px 30px; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 1.5px; } .btn-md { cursor: pointer; padding: 11px 10px 11px 10px; /*letter-spacing: 1.5px;*/ font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 3px; } .btn-lg { cursor: pointer; padding: 14px 32px 10px 32px; letter-spacing: 1.5px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #004d4d; margin-bottom: 35px; } .btn-lg:hover{ color: #ffd11a; } .btn:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none; } .btn-theme { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 13px; } .btn-theme:hover { color: #FFF; } .btn-white-lg-outline { color: #FFF; background: transparent; border: solid 2px #FFF; text-transform: uppercase; font-weight: 600; padding: 10px 30px; font-size: 12px; } .btn-white-lg-outline:hover { color: #FFF; } .btn-theme-sm-outline { color: #FFF; border: solid 2px #FFF; background: transparent; text-transform: uppercase; font-weight: 600; padding: 5px 18px; font-size: 12px; } .btn-theme-sm-outline:hover { color: #FFF; padding: 5px 18px; } .btn-round { border-radius: 30px; } /*Custom Anmation*/ .bgburns .slides li:nth-of-type(odd) .slide-background { animation: bgburnsEast 25s linear infinite alternate; -webkit-animation: bgburnsEast 25s linear infinite alternate } .bgburns .slides li:nth-of-type(even) .slide-background { animation: bgburnsWest 25s linear infinite alternate; -webkit-animation: bgburnsWest 25s linear infinite alternate } /*@keyframes bgburnsEast {*/ /* from {*/ /* transform: scale(1) translateX(0);*/ /* -webkit-transform: scale(1) translateX(0)*/ /* }*/ /* to {*/ /*transform: scale(1.2) translateX(100px);*/ /* -webkit-transform: scale(1.2) translateX(100px)*/ /* }*/ /*}*/ /*@-webkit-keyframes bgburnsEast {*/ /* from {*/ /* transform: scale(1) translateX(0);*/ /* -webkit-transform: scale(1) translateX(0)*/ /* }*/ /* to {*/ /* transform: scale(1.2) translateX(100px);*/ /* -webkit-transform: scale(1.2) translateX(100px)*/ /* }*/ /*}*/ /*@keyframes bgburnsWest {*/ /* from {*/ /* transform: scale(1) translateX(0);*/ /* -webkit-transform: scale(1) translateX(0)*/ /* }*/ /* to {*/ /* transform: scale(1.2) translateX(-100px);*/ /* -webkit-transform: scale(1.2) translateX(-100px)*/ /* }*/ /*}*/ /*@-webkit-keyframes bgburnsWest {*/ /* from {*/ /* transform: scale(1) translateX(0);*/ /* -webkit-transform: scale(1) translateX(0)*/ /* }*/ /* to {*/ /* transform: scale(1.2) translateX(-100px);*/ /* -webkit-transform: scale(1.2) translateX(-100px)*/ /* }*/ /*}*/ @media all and (max-width: 767px) { .flex-direction-nav { display: none } .bgburns .slides li .slide-background { -webkit-animation: none !important; animation: none !important } } #page_scroller { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; cursor: pointer; color: #FFF; padding: 4px 5px; font-size: 12.5px; position: fixed; bottom: 38px; right: 31px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; } .margin-t-10 { margin-top: 10px; } .checkbox { padding-left: 3px; margin-bottom: 5px; } .checkbox label { display: inline-block; position: relative; padding-left: 7px; color: #4e4d4d; font-size: 13px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 3px; top: -3px; margin-left: -25px; border: 2px solid #cccccc; border-radius: 50px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox-theme input[type="checkbox"]:checked + label::before { background-color: #fff; } .advanced-search .checkbox { padding-left: 5px; margin-bottom: 5px; } input[type=checkbox]:checked + label:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); text-align: center; line-height: 16px; font-weight: 300; } /* Col pad **/ .col-pad { padding: 0; } /** Solid buttons colors **/ .button-default { color: #555; background: #DDD; } .button-default:hover { color: #333; background: #DDD; } .read-more { font-weight: 600; font-size: 15px; } .read-more:hover { color: #37404d; } .button-section .btn { margin-bottom: 5px; } .form-control:focus { border-color: #e0e0e0; -webkit-box-shadow: none; box-shadow: none; } .btn.active, .btn:active { box-shadow: none; } /** Border buttons colors **/ .border-btn-sm { cursor: pointer; padding: 5px 12px; letter-spacing: 1px; font-size: 11px; font-weight: 600; text-transform: uppercase; color: #555; background: #DDD; transition: .5s; border-radius: 2px; border: none; } .border-button-default { color: #555; background: #DDD; } .border-button-default:hover { color: #333; background: #DDD; } .border-button-theme { background: transparent; } .border-button-theme:hover { color: #fff; } .alert { text-transform: uppercase; font-size: 11px; border-radius: 0; } .panel-title { text-transform: uppercase; font-size: 14px; font-weight: 600; } /* Below tabs mode */ .tab-style-2-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; } .tab-style-2-line.tabs-below > .nav-tabs > li > a { margin-top: 0; } .tab-style-2-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0; border-top: 4px solid #b2b1b1; } .tab-style-2-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #b2b1b1; } .tab-style-2-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } /** Top header start **/ .top-header { background-color: #111111; } .top-header .list-inline { padding: 8px 0; } .list-inline a { color: #fff; margin-right: 15px; font-size: 13px; } .list-inline a i { margin-right: 5px; } .top-header ul li { padding: 0 5px; height: 40px; display: inline-block; text-align: center; line-height: 40px; color: #aaa; } /*about for list*/ .services #faq .foq-info p{ padding-right: 15px; padding-left: 25px; line-height: 1.9; } .services #faq .foq-info .categorybulate li{ list-style: circle; font-size: 14px; line-height: 1.9; } .services #faq .foq-info h5{ margin-left:30px; font-size: 15px; color: #004d4d; } .services #faq .foq-info .categorybulate{ margin-left: 30px; } .services #faq .card-header .collapsed{ color: #004d4d; } .top-header .sign-in, .top-header .sign-in:hover { line-height: 36px; font-size: 11px; border-radius: 2px; text-transform: uppercase; font-weight: 600; } .top-header ul li a { color: #fff; } /** Main header start **/ .main-header{ box-shadow: 0 0 8px 0 rgba(0,0,0,.12); } .main-header .logo { padding: 2px 0; float: left; } .main-header .pad-0{ padding: 0; } .main-header .btn-md{ margin-top: 20px; } .main-header .logo img { height: 54px; } .header-transparent { position: relative; z-index: 9; width: 100%; border-bottom: 1px solid rgba(220, 220, 220, .2) } .main-header .navbar-expand-lg .navbar-nav .nav-link { color: #636060; } .main-header .navbar-expand-lg .navbar-nav .nav-link { padding: 30px 7px; line-height: 20px; font-size: 14px; font-weight: 600; color: #fec705; text-transform: uppercase; } .main-header .navbar-expand-lg .navbar-nav .link-color:hover { background: transparent; } .main-header .navbar-expand-lg .user-account { padding: 30px 15px; font-size: 14px; font-weight: 600; } .main-header .navbar-expand-lg .user-account li { border: none; display: inline-block; font-size: 14px; } .main-header .navbar-expand-lg .user-account li a { color: #4d4d4d; } .main-header .navbar { padding: 0; } .main-header .form-inline .submit { padding: 7px 22px; border-radius: 3px; font-size: 14px; margin-left: 15px; font-weight: 600; } .main-header .dropdown-menu { min-width: 10rem; padding: 0; margin: 0; font-size: 13px; color: #212529; border: 1px solid transparent; -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s; transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; border-radius: 0; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .dropdown .dropdown-item:hover > .dropdown-menu { display: block; -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s; transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; } .main-header .dropdown-menu .dropdown-submenu .dropdown-menu{ margin: -1px; } .main-header .dropdown-menu a { padding: 12px 20px; color: #535353; transition: all .3s ease-in-out; text-transform: none; font-weight: 500; font-size: 13px; } .main-header .dropdown-menu a:hover { background: transparent; -webkit-transform: translateX(5px); transform: translateX(5px); } /** Megamenu **/ .megamenu-li { position: static; } .megamenu { position: absolute; width: 100%; left: 0; right: 0; padding: 15px; } .megamenu-area { padding: 30px 30px 5px; z-index: 2; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .megamenu-title { color: #535353; font-size: 14px; font-weight: 600; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px; } .megamenu-section { margin-bottom: 25px; } .megamenu-area .dropdown-item { padding: 0 !important; margin-bottom: 8px; font-size: 12px; font-weight: 500; } .megamenu-section p { font-size: 13px; color: #777; } .carousel-caption { right: 5%; left: 5%; } /** Banner**/ #banner { position: relative; /*top: 130px;*/ } .banner { font-family: 'Raleway', sans-serif; } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; width: 0; } .banner-bg { background: url("../img/banner/banner-1.jpg"); } .item-bg { /*background: url("../img/banner-1.jpg");*/ height: 100vh; /*animation: bgburnsEast 25s linear infinite alternate; -webkit-animation: bgburnsEast 25s linear infinite alternate;*/ } .banner-min-height { height: 720px; } .banner-max-height img { max-height: 500px; } .banner .slider-mover-left { width: 35px; height: 50px; line-height: 55px; position: absolute; top: 45%; z-index: 5; display: inline-block; left: 0; background: #151515; text-align: center; border-radius: 0 5px 5px 0; } .banner .slider-mover-right { width: 35px; height: 50px; line-height: 55px; position: absolute; top: 45%; z-index: 5; display: inline-block; right: 0; background: #151515; text-align: center; border-radius: 5px 0 0 5px; } .banner .slider-mover-right i { font-size: 20px; color: #fff; } .banner .slider-mover-left i { font-size: 20px; color: #fff; } .banner .carousel-content { align-self: center; margin: 0 auto; color: #fff; } .carousel-item .text-right { float: right; } .banner .banner-slider-inner{ padding: 0; } .banner .banner-slider-inner h1 { color: #fff; margin-bottom: 10px; font-size: 40px; font-weight: 700; letter-spacing: normal; } .banner .banner-slider-inner h2 { margin-top: 125px; color: #fff; margin-bottom: 5px; font-size: 50px; font-weight: 700; letter-spacing: normal; } .banner .banner-slider-inner-2 h3 { color: #fff; margin-bottom: 20px; font-size: 50px; font-weight: 700; letter-spacing: normal; } .banner .banner-slider-inner .max-w { max-width: 490px; } .banner p { color: #fec705; line-height: 1.6; font-size: 15px; font-weight: 600; opacity: 0.8; padding: 4px 0; margin-bottom: 30px; background: #004d4d;; /*width: 100%;*/ /*margin: 1% 5%;*/ text-align: center; } .banner .banner-slider-inner h1 span { font-weight: 900; } .banner .banner-slider-inner .typed-text { font-size: 62px; } .banner .banner-slider-inner { display: inline-block; text-shadow: none; right: 0%; left: 0%; width: 100%; height: 100%; bottom: 0; background-color: #40393961; } .banner .banner-slider-inner .btn-lg { margin: 3px; } .banner-bg-color .banner-slider-inner { background-color: rgba(255, 255, 255, 0.1); } .banner .carousel-bg .carousel-item { height: 100vh; background: #3e4a5b; } .banner_video_bg { max-height: 720px; } .pattern-overlay { /*background-color: rgba(0, 0, 0, 0.35); height: 100vh;*/ } .banner_video_bg .carousel-item { height: 620px; } #particles-banner { width: 100%; height: 100vh; background-color: rgba(36, 42, 53, 0.7); position: absolute; } #particles-banner-wrapper .banner-slider-inner { background-color: transparent; } .banner-sty-2 .banner-slider-inner h1 { font-size: 50px; } /** Banner property start **/ .banner-property-box .property-price { margin-right: 10px; font-weight: 600; color: #fff; } .banner-property-box .rent { padding: 7px 20px; border-radius: 50px; font-size: 12px; letter-spacing: 1px; font-weight: 600; margin-right: 60px; } .banner .banner-slider-inner-2 h3 { color: #fec705; margin-bottom: 20px; font-size: 50px; font-weight: 600; letter-spacing: normal; /*background: #0000009e;*/ padding-top: 25px; } .banner-property-box .location i { margin-right: 3px; color: #fff; } .banner-property-box .location{ color: #fff; } .banner-property-box .meta ul li i{ margin-right: 5px; font-size: 16px; } .banner-property-box .meta ul li{ display: inline-block; margin-right: 3px; border-bottom: 3px; color: #fff; font-size: 12px; padding: 5px 6px; border-radius: 3px; background: rgba(23, 23, 23, 0.72); } .banner-property-box .meta ul li:last-child{ margin: 0; } .banner-property-box .prl{ margin-bottom: 20px; } .banner-6 .rent { color: #fff; font-size: 13px; } /** Search start **/ #search-style-1 { transition: all 0.4s; } #search-style-2{ transition: all 0.4s; position: absolute; /*bottom: -85px;*/ width: 100%; } .ssa2{ box-shadow: 0 0 8px 0 rgba(0,0,0,.12); background: #fff; padding: 30px 30px 0; } .search-area { display: none; width: 100%; bottom: 80px; text-align: left; z-index: 999; padding-top: 30px; } .search-area-2 { padding: 30px 0 0; } .bg-grea{ background: #e6e6e6; } .bg-grea-2{ background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .bg-grea-3{ background: #ffffff; padding-bottom: 30px; } .search-area-inner { margin: 0 auto; } .search-contents { border-radius: 4px; transition: 0.9s ease-out; } .show-search-area { z-index: 9999; . search-contents transition: all 0.4 s; display: block; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; font-size: 13px; color: #777; font-weight: 400; } .search-options-btn, .search-options-btn:hover { padding: 12px 20px 10px 20px; font-size: 13px; font-weight: 400; color: #FFF!important; cursor: pointer; z-index: 0; letter-spacing: 1px; position: absolute; bottom: 10px; border-radius: 50px; } .search-options-btn, .search-options-btn i { margin-left: 5px; } .search-options-btn .search-options{ float: left; } .search-options-btn .icon{ float: left; } .search-area label { font-size: 12px; color: #555; font-weight: 600; } .search-area .form-group { margin-bottom: 25px; } .search-fields { min-height: 45px; padding: 5px 0px 0px 10px!important; width: 100% !important; box-shadow: none; border: 1px solid #e0e0e0; background: #fff; border-right: solid 1px #5a5a5a !important; } .form-control { } .search-fields button { border-radius: 1px; box-shadow: none; border: none; background: #fff !important; } .search-button { cursor: pointer; padding: 14px 26px 12px; letter-spacing: 1px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #FFF; transition: .5s; border-radius: 2px; border: none; width: 100%; outline: none; } .search-button:hover { color: #fff; } .inline-search-area { max-width: 950px; padding: 0 20px; } .inline-search-area .search-col { padding: 0; position: relative; } .inline-search-area .icon-append { color: #949494; font-size: 15px; left: 10px; position: absolute; top: 18px; } .inline-search-area .search-col:first-child .form-control { border-radius: 3px 0 0 3px; } .inline-search-area .search-col .form-control, .inline-search-area button.btn-search { border-radius: 0; border: 0; height: 45px; margin-bottom: 0; font-size: 12px; color: #777; } .inline-search-area .search-col .form-control { padding-top: 12px; } .inline-search-area button.btn-search { padding-top: 10px; } .inline-search-area .btn-search { border-radius: 0 3px 3px 0 !important; margin: 0; } .inline-search-area .btn-search strong { color: #fff; margin-left: 5px; font-size: 20px; } .inline-search-area .btn-search strong:hover { color: #000; margin-left: 5px; font-size: 20px; } .inline-search-area .search-fields { padding: 0; border-right: solid 1px #5a5a5a !important; } .inline-search-area .bootstrap-select button { padding: 15px 15px 15px 15px; border-right: solid 1px #e0e0e0 !important; border-radius: 0; margin: 0 !important; } .inline-search-area .dropdown-toggle::after { margin-left: -4px; top: 24px; position: absolute; } .main-header .inline-search-area .dropdown-menu .dropdown-item:hover { -webkit-transform: none; transform: none; } .inline-search-area .btn-light:hover { color: #777; } .inline-search-area .bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 4px; } .inline-search-area .form-control{ border-right: solid 1px #5a5a5a !important; } .isa-2{ background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } /** Portfolio start **/ .filteriz-navigation { padding: 0; margin: 0 0 26px 0; } /*.filteriz-navigation li { font-size: 12px; color: #535353; text-align: center; font-weight: 600; letter-spacing: 1.5px; padding: 5px 20px 5px 20px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); background: #fff; border: 0; margin-bottom: 4px; cursor: pointer; }*/ .portfolio-item, .portfolio-item:focus { outline: none; margin-bottom: 30px; position: relative; cursor: pointer; } .portfolio-item img, .portfolio-item img:focus { outline: none; width: 100%; height: 100%; } .portfolio-item:hover img { zoom: 1; filter: alpha(opacity=20); -webkit-opacity: 0.1; opacity: 0.1; } .portfolio-item:hover .portfolio-content { display: inline; -webkit-transition-delay: 0.50s; transition-delay: 0.50s; background-color: rgba(0, 0, 0, 0.90); color: #fff; z-index: -999; } .portfolio-content { display: none; top: 0; width: 100%; text-align: center; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; text-transform: uppercase; color: #1c1c1c; height: 100%; position: absolute; right: 0; } .portfolio-content-inner { position: relative; top: 50%; transform: translateY(-50%); } .portfolio-content p { font-size: 12px; font-weight: 500; letter-spacing: 1px; color: #fff; } .overview-box p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .overview { z-index: 9; cursor: default; overflow: hidden; text-align: center; position: relative; margin-bottom: 16px; box-shadow: 0 0 3px #ddd; } .overview .mask, .overview .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 25%; left: 0; } .overview img { display: block; position: relative; width: 100%; height: 232px; } .overview .big-img { height: 480px; } .overview-box img { left: 10px; margin-left: -10px; position: relative; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; border: none; } .overview-box:hover > img { -webkit-transform: scale(2) rotate(10deg); transform: scale(2) rotate(10deg); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } .overview h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 18px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; text-shadow: none; } .overview-box h2 { color: #333; margin: 0 20px 0; background: transparent; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .overview a.btn { display: inline-block; overflow: hidden; text-transform: uppercase; } .overview-box a.btn { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); transform: scale(0); transition: all 0.5s linear; padding: 4px 20px; } .overview-box:hover h2, .overview-box:hover p, .overview-box:hover a.btn { -webkit-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .most-popular-places .col-pad { padding: 0 8px; } /** Bootstrap select start **/ .bootstrap-select { width: 100% !important; /*font-family: 'Raleway', sans-serif;*/ } .bootstrap-select button { color: #545454!important; font-weight: 600; border-radius: 2px; outline: none; padding: 7px 15px 0 15px; } .bootstrap-select .dropdown-menu li { padding: 0; } .bootstrap-select .dropdown-menu li a { padding: 10px; } .bootstrap-select .dropdown-menu{ padding: 0; margin: 0; border: none; border-bottom: none; border-radius: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,.12); } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { margin-top: 12px; } .bootstrap-select .dropdown-menu li a { padding: 10px; font-weight: 500; font-size: 12px; outline: none; border: 0 !important; } .dropdown-item.active, .dropdown-item:active { background-color: transparent; } .bootstrap-select .dropdown-menu li a:hover { border: none; font-size: 12px; font-weight: 500; } .bootstrap-select .btn-default.active, .bootstrap-select .btn-default:active, .bootstrap-select .open > .dropdown-toggle.btn-default { color: #333; background-color: #eee; border-color: transparent !important; box-shadow: none !important; } .bootstrap-select .btn-default:hover { background: transparent !important; color: #777 !important; box-shadow: none !important; } .bootstrap-select .btn-default.active, .bootstrap-select .btn-default:active, .bootstrap-select .open > .dropdown-toggle.btn-default { color: #333; background-color: transparent !important; border-color: #adadad; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: transparent !important; box-shadow: none !important; border-color: #adadad; } .bootstrap-select .dropdown-menu.inner { border: 0; border-top: none; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .btn-light:hover { color: #999; } .bootstrap-select .dropdown-toggle:focus { outline: none !important; } .bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:focus, .bootstrap-select .dropdown-menu > .active > a:hover { text-decoration: none; background-color: #fff; outline: 0; } .bootstrap-select .bs-actionsbox, .bootstrap-select .bs-donebutton, .bs-searchbox { padding: 4px 8px; background: #EEE; border-bottom: 1px solid #d5d5d5; } .bootstrap-select .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; height: 36px; border: 1px solid #ddd; box-shadow: none; } .bootstrap-select .dropdown-toggle .filter-option-inner { overflow: hidden; font-size: 13px; } .bootstrap-select .dropdown-menu li a.active:hover .text { color: #515151; } /** Main title start **/ .main-title { /*margin-bottom: 20px;*/ text-align: center; } .main-title h1 { font-size: 27px; font-weight: 600; padding-bottom: 30px; padding-top: 30px; color: #004d4d; } .main-title h2 { font-size: 28px; font-weight: 600; margin-bottom: 5px; } .main-title p{ font-size: 18px; margin-bottom: 0; } /** Property box start **/ .property-box { position: relative; margin-bottom: 30px; /*box-shadow: 0 1px 3px 0 rgba(48,48,48,.4);*/ box-shadow: 0 1px 0 2px rgba(48,48,48,.3); } .property-box:hover { -webkit-box-shadow: 0 6px 4px 0 rgba(58, 87, 135, .15); -moz-box-shadow: 0 6px 4px 0 rgba(58, 87, 135, .15); box-shadow: 0 6px 4px 0 rgba(58, 87, 135, .15); } .property-thumbnail { /*position: relative;*/ } .property-thumbnail:before { content: ""; top: 0; /* position: absolute;*/ height: 100%; width: 100%; z-index: 9; background: linear-gradient(to top,rgba(35,35,37,0.9) 0%,rgba(35,35,37,0.45) 35%,rgba(22,22,23,0) 60%,rgba(0,0,0,0) 100%); border-radius: 4px 4px 0 0; opacity: 1; } .property-box .detail { padding: 5px 15px 5px 15px; background: white; } .property-box .detail .title { font-size: 20px; margin-bottom: 10px; font-weight: 500; } .property-box .detail .title a:hover { color: #343a40; } .property-box .detail .location { margin: 0; font-size: 14px; font-weight: 500; } .property-box .detail .location a{ color: #5f5e5e; } .property-box .detail .location i { margin-right: 4px; } .property-box .facilities-list{ background: #004d4d; padding: 20px 20px; overflow:hidden; max-height:50px; } .property-box .facilities-list li { list-style: none; /*float: left;*/ font-weight: 500; /*line-height: 25px;*/ font-size: 14px; margin-right: 5px; display: inline; color: #fff; overflow: hidden; } .property-box .facilities-list li:last-child{ margin: 0; padding:0; } .property-box .facilities-list li span{ display: table; font-weight: 600; } .property-box .footer { padding: 15px 20px; font-size: 14px; font-weight: 500; color: #535353; } .property-box .footer a{ color: #535353; } .property-box .footer span { float: right; } .property-box .footer i { margin-right: 5px; } .price-box { color: #fff; text-align: right; font-size: 11px; position: absolute; top: 0px; right: 0px; /*z-index: 20;*/ background: #000000c9; padding: 5px; } .listing-badges { position: absolute; top: 0; /*z-index: 999;*/ right: 0; width: 100%; display: block; font-size: 15px; padding: 0; overflow: hidden; height: 100px; } span.featured { background-color:#D60620 !important; } .listing-badges .featured { float: left; transform: rotate(-45deg); left: -60px; top: 28px; position: relative; text-align: center; width: 200px; font-size: 13px; margin: 0; padding: 1px 10px; font-weight: 550; color: #fff; box-shadow: 1px 2px 3px 0 rgba(2, 0, 0, .2); } /** Slick slider start**/ .slick-slider-area { position: relative; } .slick-slide-item { padding: 0 5px; } .slick-arrow-buton { position: absolute; top: 43%; } .slick-arrow-buton { width: 35px; height: 35px; line-height: 35px; top: 43%; border-radius: 50px; color: #fff; position: absolute; z-index: 999; cursor: pointer; text-align: center; background: #004d4d; } .slick-prev:hover{ color: #000; !important } .slick-next:hover{ color: #000; !important } .slick-next { right: -15px; } .slick-prev{ left: -15px; } .slick-slide, .slick-slide:focus * { outline: none !important; } *:focus { outline: none !important; } /** Property box 2 start **/ .property-box-2 { box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08); -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08); -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08); position: relative; margin-bottom: 30px; overflow: hidden; } .property-box-2:hover { -webkit-box-shadow: 0 10px 30px 0 rgba(58, 87, 135, .15); -moz-box-shadow: 0 10px 30px 0 rgba(58, 87, 135, .15); box-shadow: 0 10px 30px 0 rgba(58, 87, 135, .15); } .property-box-2 .detail .title { font-size: 22px; margin-bottom: 10px; font-weight: 600; } .property-box-2 .property-img img{ width: 100%; } .property-box-2 .detail .title a:hover { color: #343a40; } .property-box-2 .detail .location { margin: 0; } .property-box-2 .detail .location a { font-size: 14px; color: #5f5e5e; } .property-box-2 .detail .location i { margin-right: 5px; } .property-box-2 .listing-badges .featured { left: -51px; } .property-box-2 .listing-time { position: absolute; z-index: 9; top: 8px; left: 30px; } .property-box-2 .facilities-list { background: #f7f7f7; padding: 15px 20px 0px 20px; } .property-box-2 .facilities-list li { list-style: none; float: left; font-weight: 500; line-height: 25px; font-size: 14px; margin-right: 25px; } .property-box-2 .facilities-list li span { display: table; font-weight: 600; } .property-box-2 .facilities-list li:last-child { margin: 0; } .property-box-2 .footer { padding: 15px 35px 15px 20px; font-size: 14px; color: #535353; font-weight: 500; } .property-box-2 .footer a { color: #535353; } .property-box-2 .footer i { margin-right: 5px; } .property-box-2 .footer span { float: right; } .hdg{ padding: 5px 10px; } /** About text **/ .about-text { padding: 20px 0 0 0px; } .about-text p { margin-bottom: 20px; } .about-text h3 { font-weight: 600; margin-bottom: 20px; font-size: 30px; } /** About silider start **/ .about-slider-box { position: relative; } .about-slider-box .Properties-info { text-align: center; max-width: 100%; margin: 0 auto; position: absolute; bottom: 5px; right: 0; left: 0; box-shadow: 0 10px 30px 0 rgba(58, 87, 135, .15); } .about-slider-box .Properties-info ul li { display: inline-block; width: 19%; padding: 10px 0; background: rgba(0, 0, 0, 0.7); } .about-slider-box .Properties-info ul li h4 { font-size: 12px; font-weight: 600; margin: 5px 0; color: #fff; } .about-slider-box .Properties-info ul li i { font-size: 20px; color: #fff; } /** Service box start **/ .service-box { padding: 15px; margin-bottom: 30px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); border: none; } .service-box .detail { padding: 20px 0 0; } .service-box img { border-radius: 0; } .service-box .heading { display: block; margin-bottom: 10px; } .service-box .heading .number { margin-right: 10px; float: left; } .service-box .heading .number h5 { font-size: 35px; font-weight: 600; margin: 0; line-height: 35px; } .service-box .title { float: left; } .service-box .heading .title h4 { font-size: 16px; font-weight: 600; line-height: 38px; margin: 0; } .service-box .read-more { font-weight: 600; font-size: 13px; } /** Slider btn start **/ .slider-btn-r { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 45%; z-index: 5; display: inline-block; right: 5px; background: #1B1410; text-align: center; border-radius: 0; } .slider-btn-r i { font-size: 14px; color: #fff; } .slider-btn-l { width: 30px; height: 30px; line-height: 30px; position: absolute; top: 45%; z-index: 5; left: 5px; display: inline-block; background: #1B1410; text-align: center; border-radius: 0; } .slider-btn-l i { font-size: 14px; color: #fff; } /** Our agent sidebar start **/ .our-agent-sidebar .team-1 { margin: 0 auto 0; box-shadow: none; border-bottom: solid 1px #f7f7f7; } .our-agent-sidebar .carousel-indicators li { width: 10px; height: 10px; background-color: #8a8989; border-radius: 50px; } .our-agent-sidebar .carousel-indicators { bottom: 10px; } .our-agent-sidebar .p-20{ padding: 20px 20px 0; } .our-agent-sidebar{ margin-bottom: 20px; } /** Pricing 1 start **/ .pricing-1 { margin-bottom: 30px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .pricing-1 .plan-header { background-color: #004d4d; padding: 15px 22px 15px; border-width: 1px; position: relative; text-align: center; border-bottom: 2px solid #380832; height: 80px; } .plan-header h5 { margin-bottom: 5px; font-weight: 600; color: #fec705; font-size: 16px; } .pricing-1 .plan-header p { color: #929292; } .pricing-1 .plan-header .plan-price sup { font-size: 24px; position: relative; top: -30px; color: #929292; font-weight: 400; } .pricing-1 .plan-header .plan-price { font-size: 13px; font-weight: 700; position: relative; text-align: center; padding: 0; } .pricing-1 .plan-header .plan-price span { font-size: 16px; color: #929292; font-weight: 400; } .pricing-1 .plan-list { background-color: #fff; border-width: 0 1px 1px; padding: 10px 0 15px; } .pricing-1 .plan-list ul { display: table; margin: 0 auto; padding: 0 10px; } .pricing-1 .plan-list ul li { list-style: none; border-bottom: 2px dashed #380832; line-height: 42px; font-size: 14px; font-weight: 700; color: #615f5f; } .pricing-1 .plan-list ul li i { margin-right: 12px; } .pricing-1 .plan-list ul li:last-child { border-bottom: none; } .pricing-1 .plan-button { padding-top: 10px; } .pricing-1 .pricing-btn { border-radius: 3px; } /** Team 1 start **/ .team-1 { margin: 0 auto 30px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .team-1:hover{ box-shadow: none; } .team-1 img { width: 100%; } .team-1 .team-details { text-align: center; padding: 25px 20px 25px; } .team-1 .team-details h5 { margin-bottom: 10px; font-weight: 600; } .team-1 .team-details h5 a { color: #121415; font-size: 20px; } .team-1 .team-details h5 a:hover { color: #343a40; } .team-1 .team-details h6 { font-size: 14px; margin-bottom: 10px; } .team-1 .team-details h4{ font-size: 15px; margin-bottom: 0; } .team-1 .social-list li { display: inline-block; } .team-1 .social-list li a { margin: 0 10px; color: #fff; } .team-1 .social-list{ text-align: center; } .team-1 .team-photo { position: relative; } .team-1 .team-photo .social-list { position: absolute; width: 100%; padding: 15px 20px 10px; bottom: 0; background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 50%,rgba(0,0,0,.8) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 50%,rgba(0,0,0,.8) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 50%,rgba(0,0,0,.8) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 50%,rgba(0,0,0,.8) 100%); background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(74, 74, 74,0.8))); } /** Team 2 start **/ .team-2 { padding:0px; } .team-2:hover { box-shadow: none; } .team-2 .detail { padding: 10px 20px 10px 20px; /*background: #000;*/ /*left: -30px;*/ position: relative; box-shadow: 2px 1px 1px 2px #004d4d; } .team-2 img { width: 30%; position: absolute; border-radius: 13%; top: 80px; left: 29%; z-index:1111; } .team-2 .detail h5 { margin: 0 0 5px; font-size: 12px; font-weight: 300; color: #fff; text-transform: uppercase; } .team-2 .detail h4 { margin: 0 0 10px; font-size: 17px; font-weight: 600; color: #004d4d; } .team-2 .detail h4 a { color: #ffd11a; font-size: 17px; } .team-2 .detail h4 a:hover { color: #343a40; } .team-2 .photo { position: relative; } .team-2 .detail .contact { margin-bottom: 5px; } .team-2 .detail .contact ul li { line-height: 30px; font-size: 14px; position: relative; padding-left: 22px; } .team-2 .detail .contact ul li a{ font-weight: 300; color: #fff; } .team-2 .detail .contact ul li i { left:10px; position: absolute; line-height: 30px; color:#fff; } .team-2 .detail .social-list li { display: inline-block; font-size: 16px; } .team-2 .detail .social-list li a { margin-right: 5px; font-size: 14px; width: 30px; height: 30px; border-radius: 3px; display: inline-block; text-align: center; line-height: 30px; } .team-2 .bg{ background: #fff; padding:25px; } /** Service info start **/ .service-info { padding: 15px 15px; /*margin: 0 auto 30px;*/ box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); text-align: center; } .service-info .icon i { font-size: 60px; } .service-info h3 { font-size: 12px; margin: 10px 0; font-weight: 500; } .service-info p { margin-bottom: 0; text-align: center; background: #004d4d; color: #fff; } /** pages 404 start **/ .pages-404 .error404 { line-height: .8; margin-bottom: 40px; font-weight: 700; font-size: 300px; opacity: 2; color: #eee; text-shadow: 1px 1px 5px rgba(0, 0, 0, .4); } .pages-404 .nobottomborder h1 { font-size: 40px; font-weight: 700; margin-bottom: 20px; } .hr { width: 50px; height: 10px; background: #eee; text-shadow: 1px 1px 5px rgba(0, 0, 0, .4); margin: 20px 0; border-radius: 10px; } .pages-404 .nobottomborder p { margin-bottom: 0; line-height: 30px; font-size: 17px; } .pages-404 .form-control { width: 69%; height: 45px; padding: 10px 15px; border-radius: 0; font-size: 13px; outline: 0; background-color: #eee; border-color: #eee; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #6c757c; font-weight: 600; } .pages-404 .btn, .pages-404 .btn:hover, .pages-404 .btn:active { width: 31%; border-radius: 0; height: 45px; line-height: 45px; padding: 0 15px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; color: #fff; } .mr-0 { margin-right: 0; } .date-box span { font-family: 'Raleway',sans-serif; font-size: 19px; display: block; line-height: 22px; color: #fff; } /** Blog 1 start **/ .blog-1 { margin-bottom: 30px; border-radius: 0; border: none; background: transparent; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .blog-1:hover { box-shadow: none; } .blog-1 .blog-photo { position: relative; } .blog-1 .date-box { position: absolute; top: 20px; font-size: 14px; color: #fff; width: 60px; height: 60px; text-align: center; padding-top: 10px; left: 20px; } .blog-1 .date-box span { font-family: 'Raleway' ,sans-serif; font-size: 16px; display: block; } .blog-1 .detail { padding: 30px 20px 20px; } .blog-1 .detail h3 { font-size: 18px; font-weight: 600; margin-bottom: 15px; } .blog-1 .date-box::after { position: absolute; content: ''; width: 0; height: 0; border-top: 0; border-bottom: 20px solid transparent; bottom: -20px; left: 0; } .blog-1 .post-meta { width: 100%; margin-bottom: 10px; } .blog-1 .detail .post-meta span { margin-right: 20px; font-size: 13px; font-weight: 600; } .blog-1 .detail .post-meta span a i { margin-right: 5px; } .blog-1 .detail .post-meta span:last-child{ margin-right: 0; } .blog-1 img{ width: 100%; } /** Blog 3 start **/ .blog-3 { border-radius: 0; border: none; position: relative; } .blog-3 .blog-photo img { width: 100%; } .blog-3 .date-box { position: absolute; top: 15px; font-size: 13px; color: #fff; width: 60px; height: 60px; text-align: center; padding-top: 13px; right: 19px; } .blog-3 .date-box::after { position: absolute; content: ''; width: 0; height: 0; border-top: 0; border-bottom: 20px solid transparent; bottom: -20px; right: 0; } .blog-3 .detail { position: relative; float: left; width: 90%; margin: -30px 5% 30px 5%; padding: 25px 25px 15px 25px; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); z-index: 4; } .blog-3 .detail h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .blog-3 .post-meta { width: 100%; margin-bottom: 10px; } .blog-3 .detail .post-meta span { margin-right: 20px; font-size: 13px; font-weight: 600; } .blog-3 .detail .post-meta span a i { margin-right: 5px; } .blog-3 .detail p { font-size: 14px; margin-bottom: 0; } .blog-3 .detail h3 a:hover { color: #777; } /** Blog big start **/ .blog-big:hover{ box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .blog-big .detail { padding: 30px 20px 20px; } .blog-big { margin-bottom: 50px; } .blog-big .detail h3 { font-size: 23px; } /** Footer start **/ footer { /*padding-top: 20px;*/ background: #004d4d; } .footer h4 { font-size: 20px; padding: 10px 0; font-weight: 600; color: #ffd11a; } .footer .footer-item { float: right; } .footer #vr{ border-right: 1px solid #ffd11a; padding-right: 50px; } .footer .footer-inner .links li { margin-bottom: 15px; font-size: 15px; } .footer .footer-inner .links li a { color: #c5c2c2; } .footer .footer-inner .links li a:hover { color: #696b6f; } .footer .footer-inner p { color: #7c7e83; font-size: 15px; } .footer .footer-inner .contact-info li { margin-bottom: 15px; font-size: 14px; color: #c5c2c2; position: relative; padding-left: 45px; text-align: left; } .footer .footer-inner .contact-info li i{ left: 0; position: absolute; line-height: 22px; } .footer .footer-inner .contact-info li a { color: #c5c2c2; } .footer .text{ margin-right: 30px; } .footer .text p{ line-height: 30px; } .footer .f-logo{ margin-bottom: 20px; height: 50px; } .sub-footer .social-list li a { margin-left: 10px; color: #7c7e83; display: inline-block; } .sub-footer .social-list{ float: left; margin-top: 2px; } .sub-footer .social-list li{ display: inline-block; } .sub-footer{ background: #e6e6e6; padding: 4px 0; border-top: solid 1px #1d1c1c; } .sub-footer .copy { margin: 0; font-size: 13px; color: #1a1400; padding-top: 7px; } .sub-footer .copy a { color: #5f5f5f; } .footer .footer-inner form .form-control { width: 80%; height: 40px; padding: 10px 15px; border-radius: 0; font-size: 13px; outline: 0; border: 1px solid #fff; } .footer .form-inline .btn { width: 20%; border-radius: 0; padding: 11px 13px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .footer .footer-inner .f-border { width: 30px; height: 3px; background: #c5c5c5; margin-bottom: 30px; border-radius: 50px; } /** Posts by category start **/ .posts-by-category ul { margin: 0; padding: 0; text-align: left; } .posts-by-category ul li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: dashed 1px #ededed; } .posts-by-category ul li a { color: #535353; font-weight: 500; font-size: 14px; } .posts-by-category ul li a span { float: right; color: inherit; } .posts-by-category ul li:last-child { border-bottom: none; padding: 0; margin: 0; } /** Tags box start **/ .tags-box ul li { display: inline-block; } .tags-box ul li a { border: 1px solid #fff; background: #fff; color: #666; display: inline-block; font-size: 13px; margin: 0 0 5px; padding: 5px 13px; font-weight: 500; text-transform: capitalize; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); } .tags-box ul li a:hover { color: #fff; } /** Recent properties start **/ .recent-properties .media img { width: 100%; border-radius: 2px; } .recent-properties .media h5 { margin-bottom: 7px; font-weight: 500; } .recent-properties .media h5 a { font-size: 15px; } .recent-properties .listing-post-meta { font-size: 14px; font-weight: 500; color: #757474; } .recent-properties .listing-post-meta a{ color: #757474; } /** Counters start **/ .counters { background: url(../img/listings-parallax.jpg); z-index: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 400px; } .counter-c1{ padding: 45px 0; } #counter-ct{ /*padding: 30px 0;*/ } .Statics_loan{ color: #fff; font-weight: 700; font-size : 26px; padding: 30px 0 0px 0; } .counter-box { text-align: center; /*border: 1px solid #ffc107;*/ padding: 40px; } .counter-box i { font-size: 45px; color: #fff; line-height: inherit; } .counter-box h1 { font-weight: 700; color: #fff; margin: 10px 0 5px; font-size: 30px; } .counter-box p { margin: 0; font-size: 12px; letter-spacing: 1px; color: #fff; text-transform: uppercase; font-weight: 600; } /** Contact section start **/ .contact-section { background: rgba(0, 0, 0, 0.04) url(../img/banner/banner-2.jpg) top left repeat; background-size: cover; opacity: 1; min-height: 100vh; position: relative; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 30px; } .form-content-box { max-width: 400px; box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 1px; color: #7c7c7c; margin: 0 auto; text-align: center; } .form-content-box .form-group { margin-bottom: 25px; } .form-content-box .details { padding: 30px 30px; background: #fff; border-radius: 5px 5px 0 0; } .form-content-box .checkbox label::before { width: 0; height: 0; left: 0; margin-left: 0; } .form-content-box .checkbox { padding-left: 0; margin: 15px 0; } .form-content-box .checkbox label { padding-left: 0; } .form-content-box h3 { margin: 0 0 30px; font-size: 20px; font-weight: 500; } .form-content-box img { margin-bottom: 5px; height: 40px; } .form-content-box .input-text { width: 100%; padding: 10px 15px; font-size: 14px; border: 1px solid #e8e7e7; outline: none; color: #717171; border-radius: 3px; height: 45px; } .form-content-box .footer { font-size: 13px; padding: 20px; font-weight: 500; background-color: #f5f5f5; border-radius: 0 0 5px 5px; border-top: solid 1px #f5f5f5; } .form-content-box .footer span a { text-decoration: none; font-weight: 600; } .form-content-box .footer span a:hover { color: #8b8b8b; } .form-content-box .checkbox a { color: #4d4d4d; text-decoration: none; font-size: 14px; } .form-content-box .form-group label, .checkbox label { font-weight: 400!important; font-size: 14px!important; color: #4d4d4d; } .form-content-box .social-list li { display: inline-block; font-size: 16px; margin-top: 30px; } .form-content-box .social-list li a { margin: 0 3px; font-size: 14px; width: 30px; height: 30px; border-radius: 3px; display: inline-block; text-align: center; line-height: 30px; } /** Category start **/ .categories .col-pad { padding: 0 7.5px; } .category { overflow: hidden; position: relative; text-align: center; margin: 0 0 15px 0; } .category:hover:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background-color: #4d4d4d; opacity: 0.4; z-index: -11; transition: 0.3s ease-out; } .category_bg_box { transition: all 0.35s; border-radius: 3px; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 220px; } .category_long_bg { height: 220px; } .cat-1-bg { background-image: url(../img/popular-places/umbergaon.jpg); } .cat-2-bg { background-image: url(../img/popular-places/palghar.jpg); } .cat-3-bg { background-image: url(../img/popular-places/boisar.jpg); } .cat-4-bg { background-image: url(../img/popular-places/virar.jpg); } .cat-5-bg { background-image: url(../img/popular-places/vapi.jpg); } .cat-6-bg { background-image: url(../img/popular-places/vasai.jpg); } .cat-7-bg { background-image: url(../img/popular-places/naigaon.jpg); } .cat-8-bg { background-image: url(../img/popular-places/umroli.jpg); } .cat-9-bg { background-image: url(../img/popular-places/saphale.jpg); } .category:hover .category_bg_box { transform: scale(1.06); transition: transform 0.35s ease-out; } .category .category-overlay { border-radius: 3px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: background-color .15s linear; background-color: rgba(36, 42, 53, 0.5); } .category-subtitle { white-space: nowrap; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 1px; } .category-content { display: block; left: 80px; position: absolute; top: 35px; transform: translateX(-20%) translateY(-35%); transition: all .15s linear; } .category-content h3 { margin-bottom: 5px; text-align: left; } .category-content h3 a { color: #fff; font-size: 22px; } .category:hover .category-view-more { visibility: visible; } /** Listings parallax start **/ .listings-parallax { background: url(../img/listings-parallax.jpg); z-index: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #efefef; padding-top: 80px; } .listings-parallax .text { display: inline-block; } /** Social links start SOCIAL **/ .social-links .social-list li { display: inline-block; font-size: 16px; } .social-links .social-list li a { margin-right: 5px; font-size: 14px; width: 40px; height: 40px; border-radius: 3px; display: inline-block; text-align: center; line-height: 40px; } /** Option bar start **/ .option-bar { margin-bottom: 30px; padding: 10px 15px; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .option-bar .sort { color: #4d4d4d; font-size: 14px; font-weight: 600; margin-right: 10px; line-height: 35px; } .sorting-options span { line-height: 35px; } .sorting-options{ float: right; padding-bottom:10px; } .sorting-options2 .bootstrap-select{ width: 200px !important; font-family: 'Raleway', sans-serif; } .sorting-options2 .search-fields { min-height: 36px; padding:0; } .sorting-options2 .dropdown-toggle::after { margin-left: .0em; } .sorting-options2 .bootstrap-select>.dropdown-toggle { padding-right: 30px; } .change-view-btn { border-radius: 2px; background: transparent; padding: 5px 9px; margin: 0 -14px; display: inline-block; } .change-view-btn:hover { color: #000; } .active-view-btn { color: #fff !important; padding: 5px 9px; } .active-view-btn:hover { background: transparent; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ccc !important; filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } /** Comments start **/ .comments { list-style: none; margin: 0; padding: 0; } .comment { margin: 0 0 30px 0; position: relative; display: inline-block; width: 100%; } .comment h5{ font-size: 15px; font-weight: 600; margin-bottom: 15px; } .comment-author { border-radius: 50%; height: 60px; width: 60px; left: 0; position: absolute; top: 0; } .comment-author a img { bottom: 2px; border-radius: 10%; display: block; width: 100%; position: absolute; top: 2px; } .t-s { margin-top: 40px; } .t-s h2 { font-weight: 600; font-size: 22px; margin: 0 0 20px; } .comment-content { padding-bottom: 10px; border-bottom: dashed 1px #d6d6d6; margin: 0 0 0 85px; } .mrg-bdr { margin-bottom: 0; border-bottom: none; padding: 0; } .comment-content h3 { font-size: 15px; font-weight: 600; margin-bottom: 15px; } .comment-content .comment-rating { color: orange; } .comment-meta { margin-bottom: 10px; font-size: 13px; color: #535353; font-weight: 500; } .comment-meta a { margin-left: 20px; font-weight: 600; } .comments ul { list-style: none; margin: 0 0 0 80px; padding: 0; } .comment-b .comment-content { padding-bottom: 0; border-bottom: transparent; margin: 0 0 0 85px; } .comment-b .comment-content p{ margin-bottom: 0; } .comment-b{ margin-bottom: 0; } .comment-content ul { margin-bottom: 20px; } .comment-content ul li { font-weight: 600; color: #50596E; line-height: 30px; font-size: 14px; } .comment-content ul li span { font-weight: 500; color: #737780; } .comment-content ul li a{ color: #737780; } .comment-content .btn-1 { border: none; cursor: pointer; padding: 8px 20px; display: inline-block; outline: none; font-size: 12px; border-radius: 25px; font-weight: 500; background: #e9ecef; color: #868e96; } /** Coming soon start **/ .coming-soon-bg { background: rgba(0, 0, 0, 0.04) url(../img/listings-parallax.jpg) top left repeat; background-size: cover; top: 0; width: 100%; bottom: 0; opacity: 1; min-height: 100vh; } .coming-soon-inner img { margin-bottom: 20px; height: 165px; } .coming-soon-inner { text-align: center; margin: 100px auto 50px; max-width: 820px; color: #fff; } .coming-soon-inner h1 { font-weight: 600; font-size: 50px; margin-bottom: 50px; color: #fff; } .coming-soon-inner h6 { color: #fff; font-size: 16px; margin-bottom: 30px; letter-spacing: 1px; } .coming-soon-inner ul li { display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 18px; } .coming-soon-inner ul li a { color: #fff; } .coming-soon-inner .coming-form{ max-width: 55%; margin: 30px auto; } .coming-soon-inner .bordered-right { border-right: 1px solid #848484; } .coming-soon-inner .form-control { width: 69%; height: 42px; padding: 10px 15px; border-radius: 0; font-size: 13px; outline: 0; border: 1px solid #ebebeb; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .coming-soon-inner .btn, .coming-soon-inner .btn:hover, .coming-soon-inner .btn:active { width: 31%; border-radius: 0; height: 42px; line-height: 42px; padding: 0 15px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; color: #fff; } .coming-soon-counter { margin-bottom: 15px; } .coming-soon-counter div { display: inline-block; font-size: 50px; font-weight: 500; text-align: center; width: 20%; margin: 0 2%; padding-bottom: 10px; text-shadow: 2px 2px rgba(12, 11, 11, 0.56); margin-bottom: 30px; background: rgba(0, 0, 0, 0.7); border-radius: 5px; } .coming-soon-counter div:last-child { border: none; } .coming-soon-counter div span { display: block; font-weight: 500; text-align: center; font-size: 14px; color: #fff; } .ca .team-2 .detail { padding: 20px 20px 20px 25px; left: -0; } /** Contact 2 start **/ .contact-2 .contact-info { text-align: center; } .contact-2 .contact-info strong { font-weight: 500; font-size: 14px; color: #fff; } .contact-2 .contact-info i { font-size: 24px; color: #fec705; } .contact-2 .contact-info p { margin: 15px 0 0; font-weight: 500; color:#fec705; text-align: -webkit-center; float: left; font-size: 12px; } .contact-form-ctf{ padding:50px 0; } .li.open-lbl{ color: #dc3545; font-weight:600; } .opening-hours{ padding:15px; background:#f8f9fa; z-index:0; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); } .opening-hours li{ font-size:13px; padding:5px 3px; } .helping-sentar .img-fluid{ /*height: 330px;*/ } .contact-2 .contact-info .mrg-btn-50 { margin-bottom: 50px; } .str-mon-sun{ padding-right: 15px; } .time-all{ padding-left: 15px; float: right; } .contact-2 .form-control { width: 100%; padding: 10px 20px; font-size: 14px; border: 1px solid #004d4d; background: #fff; outline: 0; height: 45px; border-radius: 3px; } .contact-2 .form-control:focus { color: #495057; background-color: transparent; border: 1px solid #eee; outline: 0; box-shadow: none; } .contact-2 .form-group { margin-bottom: 20px; } .contact-2 textarea { min-height: 110px; } .contact-2 .btn-message { border-radius: 50px; padding: 10px 60px 11px; } .contact-2 .opening-hours { padding: 30px; } .contact-2 .opening-hours .list-style-none li { list-style: none; line-height: 30px; font-size: 13px; font-weight: 500; } .contact-2 .opening-hours strong { width: 85px; display: inline-block; font-weight: 600; } .contact-2 .opening-hours h3 { font-size: 22px; font-weight: 600; margin: 0 0 20px; } .contact-2 .main-title{ margin-bottom: 15px; } .contact-map { height: 350px !important; } .contact-map-content .map-content { width: 250px; } /** Social media box **/ .social-media-box .social-list li { float: left; } .social-media-box .social-list li a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; font-size: 18px; color: #fff; margin: 0 6px 4px 0; border-radius: 3px; } /** Financing calculator **/ .financing-calculator .form-label { margin-bottom: 8px; font-size: 12px; font-weight: 600; color: #535353; } .financing-calculator .form-group { margin-bottom: 20px; } /** Brand start **/ .brand-box { text-align: center; display: inline-block; width: 100%; margin-bottom: 50px; } .brand-box img { height: 80px; } .brand-box h5 { font-weight: 600; margin: 10px 0 0; font-size: 13px; color: #535353; } .view-all{ text-align: center; } .view-all h3 { margin-bottom: 20px; font-size: 20px; font-weight: 600; text-transform: uppercase; } .view-all ul { margin-bottom: 20px; } .view-all ul li { display: inline-block; } .view-all ul li a { width: 38px; height: 38px; line-height: 38px; border-radius: 3px; margin-bottom: 5px; text-align: center; display: inline-block; font-size: 15px; font-weight: 600; border: solid 1px #3a3939; } .mt-30 { margin-top: 30px; } /** Content area srart **/ .content-area { padding: 30px 0 20px; background: #fff; } .content-area-2 { margin-bottom: 120px; } .content-area-3 { padding: 30px 0; } .content-area-4 { padding: 120px 0 50px; } .content-area-5 { padding: 0; } .content-area-5 .area-5{ color:#004d4d; font-weight:900; } .content-area-6 { padding: 40px 0 50px; } .content-area-7 { padding:0px; } .content-area-8 { padding: 185px 0 70px; } .content-area-9 { padding: 120px 0 90px; } .content-area-10 { padding: 120px 0 60px; } .content-area-11 { padding: 120px 0; } .theme img { margin-bottom: 30px; } /** Helping sentar start **/ .helping-sentar { padding-top: 30px; padding-bottom: 30px; } .helping-sentar h5 { font-size: 16px; margin: 0 0 10px; } .helping-sentar .contact-2 .heading { font-size: 17px; } .helping-sentar .contact-2 .form-group { margin-bottom: 20px; } .helping-sentar .contact-2 textarea { min-height: 150px; } /** Paginatin box **/ .pagination-box { margin-bottom: 25px; } .pagination { padding-left: 0; border-radius: 4px; display: inline-block; } .pagination li { display: inline-block; } .pagination > li > a { color: #4d4d4d; font-size: 15px; background: #fff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); font-weight: 500; } .pagination > li > a, .pagination > li > span { border-radius: 0; margin: 0 2px 5px; padding: 7px 14px; text-align: center; border: none; } .pagination > li > a:hover { color: #fff; } .pagination > li > .active { color: #fff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); } .page-link:focus { box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); } .show-more-options { font-weight: 600; font-size: 12px; margin-bottom: 20px; display: block; } .sidebar-right .show-more-options{ font-size: 14px; } .sidebar-left .show-more-options{ font-size: 14px; } /** Partners start **/ .partners { text-align: center; margin-bottom: 20px; } .partners img{ max-width:240px; margin: 0 auto; } /** Navbar buttons start **/ .navbar-buttons img{ width: 45px; border-radius: 50px; margin: 20px 15px 20px 0; } .navbar-buttons{ float: right; text-align: right; } .navbar-buttons ul li{ float: left; margin-left: 35px; } .navbar-buttons .btn-md{ border-radius: 50px; } .header-2{ padding: 0 15px; } /** Sidebar widget start **/ .sidebar-right { margin: 0 0 30px 0; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .sidebar-left { margin: 0 0 30px 0; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .widget { /*margin-bottom: 20px;*/ padding: 40px 20px 20px 20px; /*border-bottom: solid 1px #f7f7f7;*/ } .widget-2 { margin-bottom: 40px; padding: 20px; } .single-block { margin-bottom: 30px; } .sidebar-title { font-size: 21px; position: relative; margin: 0 0 7px; font-weight: 600; } .s-border { width: 30px; height: 3px; background: #4d4d4d; margin-bottom: 30px; border-radius: 50px; } .sidebar .search-box { padding: 20px 20px 0 20px; margin-bottom: 0; } .form-search { position: relative; } .form-search .form-control { border: 1px solid #eee; box-shadow: none; border-radius: 3px; height: 45px; } .form-search .btn { background: none; position: absolute; right: 0; top: 0; padding: 12px 12px 9px 13px; } .form-search .btn:active, .form-search .btn:focus { box-shadow: none; outline: none; } .form-search .btn i { color: #777; } .form-search .form-group, .form-search .form-control { width: 100%; } .range-slider { margin-top: 15px; margin-bottom: 30px; } .range-slider .ui-slider { position: relative; text-align: left; } .range-slider label { font-size: 13px; color: #535353; font-weight: 600; margin-bottom: 12px; } .range-slider .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; border-radius: 0; border: 2px solid #66676b; cursor: w-resize; outline: none; top: -5px; margin-left: -8px; box-shadow: none !important; } .range-slider .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0; } .range-slider .ui-slider .ui-slider-handle { } .range-slider .ui-widget-content { background-color: #ccc; } .range-slider .ui-widget-header { } .range-slider .ui-slider.ui-state-disabled .ui-slider-handle, .range-slider .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .range-slider .ui-slider-horizontal { height: 4px; border-radius: 10px; width: calc(100% - 16px); margin-left: 8px; } .range-slider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .range-slider .ui-slider-horizontal .ui-slider-range-min { left: 0; } .range-slider .ui-slider-horizontal .ui-slider-range-max { right: 0; } .min-value:focus, .max-value:focus, .min-value, .max-value { width: 40%; display: inline-block; border: 0; background-color: transparent; padding: 0; margin: 12px 0 0 0; cursor: default; } .min-value { float: left; margin-left: -8px; width: 40%; margin-right: -8px; font-size: 12px; color: #535353; font-weight: 600; margin-top: 15px; } .max-value { float: right; width: 60%; text-align: right; margin-right: -8px; font-size: 12px; color: #535353; font-weight: 600; margin-top: 15px; } .sidebar .recent-properties-box .detail header { padding-bottom: 0; } /** Sub Banner start **/ .sub-banner { background: rgba(1, 1, 1, 0.5) url(../img/banner/dhc1.jpg) center; background-size: cover; height: 450px; background-position: center; background-repeat: no-repeat; position: relative; background-blend-mode: overlay; } .sub-banner1{ background: rgba(1, 1, 1, 0.5) url(../img/banner/h1.jpg) center; background-size: cover; height: 450px; background-position: center; background-repeat: no-repeat; position: relative; background-blend-mode: overlay; } .sub-banner .breadcrumb-area { letter-spacing: 1px; text-align: center; width: 100%; position: absolute; top: 50%; right: 0; left: 0; } .sub-banner1 .breadcrumb-area { letter-spacing: 1px; text-align: center; width: 100%; position: absolute; top: 50%; right: 0; left: 0; } .sub-banner .breadcrumb-area h1 { margin: 0 0 15px; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 50px; } .sub-banner1 .breadcrumb-area h1 { margin: 0 0 15px; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 50px; } .sub-banner .breadcrumbs li { display: inline-block; list-style: none; font-size: 16px; } .sub-banner1 .breadcrumbs li { display: inline-block; list-style: none; font-size: 16px; } .sub-banner .breadcrumbs li a{ color: #ffc107; } .sub-banner1 .breadcrumbs li a{ color: #ffc107; } .sub-banner .breadcrumbs .active { margin-left: 7px; color: #fff; } .sub-banner1 .breadcrumbs .active { margin-left: 7px; color: #fff; } .sub-banner .breadcrumbs .active:before { content: "\f105"; font-family: "FontAwesome"; font-size: 14px; margin-right: 7px; font-weight: 600; } .sub-banner1 .breadcrumbs .active:before { content: "\f105"; font-family: "FontAwesome"; font-size: 14px; margin-right: 7px; font-weight: 600; } .blog-social-list { float: right; } .blog-social-list a { text-align: center; display: inline-block; list-style: none; } .blog-social-list span { margin-right: 10px; font-weight: 600; color: #4d4d4d; } .blog-social-list a { width: 32px; height: 32px; line-height: 32px; text-align: center; display: inline-block; font-size: 11px; color: rgb(255, 255, 255); margin: 2px 0 2px 5px; border-radius: 5%; } .blog-tags a { display: inline-block; font-size: 13px; margin: 0 0 5px; padding: 5px 13px; font-weight: 500; text-transform: capitalize; border: 1px solid #fff; background: #fff; color: #666; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); } .blog-tags span { margin-right: 10px; font-weight: 600; color: #4d4d4d; } /** My account box start **/ .my-address form .form-group { margin-bottom: 20px; } .my-address form .input-text { width: 100%; padding: 10px 17px; font-size: 14px; border: 1px solid #e8e7e7; outline: none; height: 45px; border-radius: 3px; line-height: 30px; } .my-address form textarea { min-height: 150px; } .my-address form label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 12px; font-weight: 600; color: #827f7f; } .my-address { background: #fff; padding: 20px; box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08); } .edit-profile-photo { position: relative; box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08); padding: 2px; } .change-photo-btn { display: inline-block; position: absolute; font-size: 13px; bottom: -15px; left: 40%; width: auto; transition: 0.3s; cursor: pointer; line-height: 28px; } .photoUpload { position: relative; overflow: hidden; padding: 3px 12px; border-radius: 50px; cursor: pointer; font-size: 12px; } .photoUpload span { color: #fff; font-weight: 600; } .photoUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .my-address { margin-bottom: 30px; } .footer .listing-meta span a { text-decoration: none; float: right; margin-left: 15px; color: #525252; } .footer .listing-meta span a i { margin-right: 4px; } .footer .listing-meta span a:hover { color: #8c8c8c; } .heading { padding-bottom: 10px; /* font-size: 20px; */ font-weight: 600; } .heading-2 { margin: 0 0 20px; font-size: 17px; font-weight: 600; } .form-group label, .checkbox label { font-weight: 600; font-size: 12px; } /** Dashboard nav start **/ .dashboard{ position: relative; } .fixed-header{ position: fixed; width: 100%; z-index: 9999; background: #fff; } .dashboard-nav { background-color: #2a2a2a; display: block; height: 100%; } .dashboard-nav h4 { margin-bottom: 0; color: rgb(153, 153, 153); text-transform: uppercase; font-weight: 300; font-size: 12px; letter-spacing: 1px; padding: 15px 30px 15px; } .dashboard-nav ul { border-bottom: 1px solid #343a40; } .dashboard-nav ul li { border-left: 3px solid transparent; line-height: 25px; font-weight: 300; font-size: 15px; } .dashboard-nav ul li a { color: #c5c5c5; display: block; padding: 11px 27px; transition: .3s; cursor: pointer; } .dashboard-nav ul li a i { padding-right: 8px; width: 20px; } .dashboard-content { padding: 30px 30px 0; } .dashboard-header { margin-bottom: 20px; } .dashboard-header .breadcrumb-nav { right: 15px; display: inline-block; font-size: 15px; font-weight: 400; float: right; } .dashboard-header .breadcrumb-nav ul li { display: inline-block; list-style: none; margin: 0 0 0 15px; font-weight: 500; } .dashboard-header h4{ font-weight: 600; font-size: 21px; } .dashboard-list { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); padding: 0; margin-bottom: 30px; display: inline-block; width: 100%; } .dashboard-list h3 { padding: 15px 25px; border-bottom: 1px solid #eee; font-size: 18px; margin: 0; width: 100%; font-weight: 500; } .dashboard-message { float: left; padding: 25px 25px; position: relative; border-bottom: 1px solid #eee; width: 100%; } .dashboard-list h4 { padding: 15px 25px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 18px; font-weight: 600; margin: 0; } .responsive-table { padding: 20px; display: inline-block; border-bottom: 1px solid #eee; width: 100%; } .dashboard-nav ul li span.nav-tag { font-family: open sans; font-weight: 400; display: inline-block; font-size: 11px; line-height: 20px; color: #fff; padding: 0 7px; text-align: center; min-width: 20px; height: 20px; border-radius: 50px; margin-left: 5px; } .dashboard-list .comment-content { padding-bottom: 10px; margin-bottom: 0; } .sub-banner-2{ margin: 0 15px 30px; font-size: 15px; } /** Manaage table start **/ .manage-table .listing-photoo { width: 20%; } .manage-table .listing-photoo img { width: 100%; border-radius: 5px; } .manage-table .title-container { width: 55%; padding: 0 20px; } .manage-table .title-container h2 { font-weight: 500; font-size: 20px; margin-bottom: 12px; } .manage-table .title-container h5 { font-size: 14px; font-weight: 400; margin-bottom: 12px; } .manage-table .title-container h6 { font-size: 14px; font-weight: 600; } .manage-table .expire-date { font-size: 14px; width: 15%; padding: 0 20px 0 0; } .manage-table .action { width: 10%; } .manage-table .action a { display: block; font-size: 13px; margin: 3px 0; color: #676767; } .manage-table .action a i { margin-right: 5px; } .manage-table .title-container h2 a:hover { color: #4a4747; } /** Invoice start **/ .invoice{ width: 100%; display: inline-block; } .invoice .address-info { margin-bottom: 30px; } .invoice .address-info .strong { font-weight: 600; } .invoice .address-info p { margin-bottom: 0; } .invoice strong { color: #fff; } .invoice .order{ text-align: right; line-height: 40px; font-size: 22px; } .invoice .logo img{ height: 40px; } .invoice-mb-30{ margin-bottom: 30px; } .invoice .table { margin-bottom: 0; } /** Tab box 2 start **/ .tab-box-2 .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: transparent; border-radius: 0; } .tab-box-2 .nav-item{ float: right; display: inline-block; } .comments-tr{ border-bottom: 1px solid #eee; } .comments-tr span{ font-size: 16px; margin: 0; font-weight: 600; } .tab-box-2 .comment-content { padding-bottom: 0; border-bottom: none; } .tab-box-2 .comment-content p{ margin-bottom: 0; } /** Ui item start **/ .ui-item { position: relative; width: 100%; display: inline-block; padding: 30px; color: #fff; border-radius: 5px; margin-bottom: 50px; } .ui-item i { font-size: 70px; position: absolute;; right: 20px; top: 20px; color: rgba(255,255,255,0.41); } .ui-item p{ color: #fff; font-weight: 600; margin-bottom: 0; } .ui-item h4{ color: #fff; font-weight: 600; font-size: 30px; } .alert-2{ margin-bottom: 50px; } /** typography start **/ .typography .heading { text-transform: uppercase; margin: 0 0 20px; } .typography .sd p { margin-bottom: 40px; } /** Properties amenities start **/ .properties-amenities ul li { /*margin-bottom: 15px;*/ font-size: 14px; font-weight: 500; } .properties-amenities ul li i { margin-right: 10px; text-align: center; font-size: 15px; font-weight: 400; } .search-banner .show-more-options { margin-bottom: 20px; display: block; } .property-details ul li { font-weight: 500; margin-bottom: 15px; font-size: 13px; } .property-details ul li strong { margin-right: 5px; font-weight: 600; } .properties-details-page .heading { margin-bottom: 20px; font-size: 22px; font-weight: 600; } .properties-details-page iframe, .modal-body iframe .element.style { height: 350px; } .properties-details-page iframe, .modal-body iframe { width: 100%; border: none; } /** Heading properties start **/ .heading-properties { letter-spacing: 1px; width: 100%; top: 0; right: 0; left: 0; } .heading-properties h3 { margin-top: 0; font-size: 22px; } .heading-properties p{ margin-bottom: 0; font-size: 14px; } .heading-properties h3 span { font-weight: 700; } .heading-properties h5 { text-align: right; color: #fff; font-size: 14px; line-height: 26px; margin: 0; } /** Heading properties 3 start **/ .heading-properties-3 .property-price{ margin-right: 10px; font-weight: 600; } .heading-properties-3 .rent{ padding: 5px 20px; border-radius: 50px; color: #fff; font-size: 12px; font-weight: 600; margin-right: 10px; } .heading-properties-3 h1{ font-size: 25px; font-weight: 600; margin: 0 0 15px; } .heading-properties-3 .location i{ margin-right: 0; } .heading-properties-3 .location{ font-size: 14px; font-weight: 500; } .properties-details-sliders .list-inline { white-space: nowrap; width: 100% !important; } .properties-details-sliders .carousel-indicators { position: static; left: initial; width: initial; margin-left: initial; margin-top: 0; } .properties-details-sliders .carousel-indicators a { cursor: pointer; } .properties-details-sliders .carousel-indicators > li { height: initial; text-indent: initial; margin-right: 0; margin-left: 0; } .dd.properties-details-sliders .carousel-indicators > li { width: initial; height: initial; text-indent: initial; } .smail-properties .list-inline-item { width: 20%; } .smail-properties .list-inline-item a img { width: 100%; border: none; border-radius: 0; height:60px; } .properties-details-sliders .carousel-indicators > li.active img { opacity: 0.7; } .properties-details-sliders .right { position: absolute; right: 15px; top: 45%; } .properties-details-sliders .left { left: 10px; top: 47%; width: 30px; height: 30px; line-height: 33px; position: absolute; z-index: 5; display: inline-block; right: -30px; text-align: center; background: #a5a5a5; border-radius: 5%; } .properties-details-sliders .left i { font-size: 20px; color: #4d4d4d; } .properties-details-sliders .right { right: 10px; top: 47%; width: 30px; height: 30px; line-height: 33px; position: absolute; z-index: 5; display: inline-block; text-align: center; background: #a5a5a5; border-radius: 5%; } .properties-details-sliders .right i { font-size: 20px; color: #4d4d4d; } .list-inline-item:not(:last-child) { margin-right: 1px; } .smail-properties { width: 100%; } /** Floor plans start **/ .floor-plans table { width: 100%; margin-bottom: 40px; border: 1px solid rgba(0, 0, 0, 0.07); } .floor-plans table tr:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .floor-plans table td, table th { padding: 10px 15px; border: 3px solid rgba(0, 0, 0, 0.08); } .floor-plans table td { font-size: 13px; font-weight: 500; color: #535353; } /** Tabbing box start **/ .tabbing-box .tab-pane { padding-top: 30px; } .tabbing-box .nav-tabs { background: #fff; border-bottom: solid 1px #fff; } .tabbing-box .nav-tabs li { /*text-transform: uppercase;*/ font-size: 12px; font-weight: 600; letter-spacing: 1px; } .tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff; border-radius: 0; } .tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover { border-radius: 0; color: #fff; } .tabbing-box .nav-tabs .nav-link { border: none; font-size: 18px; font-weight: 600; } /** Compare table start **/ .compare-table tr { border: 1px solid #ececec; } .compare-table tr:first-child { border-top: none; } .compare-table tr td:first-child { width: 350px; background: #f8f9fa; } .compare-table tr td { box-sizing: border-box; font-size: 15px; padding: 20px 15px; text-align: center; width: 395px; font-weight: 500; } .compare-table tr td .fa-times { color: red; } .compare-table tr td .fa-check { color: green; } .search-compare{ margin-bottom: 30px; padding: 30px 15px 20px; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .search-compare .form-group{ margin-bottom: 10px; } .search-compare h4{ font-size: 25px; line-height: 26px; margin-bottom: 20px; } /** Faq start **/ .faq-box { border: 1px solid transparent; border-radius: 0; margin-bottom: 0; } .faq-box h5 .btn-link { padding: 25px 20px; width: 100%; text-align: left; display: inline-block; text-decoration: none; font-size: 16px; color: #535353; } .faq-box .card-header { padding: 0; margin: 0; font-size: 14px; border-bottom: solid 1px #d8d8d8; } .faq-box .card-body p { line-height: 27px; } .faq-box .card-body span { font-size: 14px; } .faq-box .card-body span a { font-weight: 500; } .faq-accordion .card { margin-bottom: 0; border: none; padding-top: 5px; } #faq{ padding-top: 5px; } .faq-accordion .p-text{ padding: 20px 0 50px; line-height: 30px; color: #535353; } .faq-accordion .card-header { padding: 0; background: transparent; } .bd-none { border-bottom: 1px none; } .faq-accordion .card-title { margin-bottom: 0; width: 100%; padding-left: 20px; padding-right: 20px; background-color: transparent; letter-spacing: 0; font-size: 15px; line-height: 60px; cursor: pointer; } .faq-accordion .card-header { border: none; margin-bottom: 10px; border-radius: 3px; background: #f8f9fa; } .faq-accordion .card-header a { width: 100%; color: #000000; font-weight: 700; } .faq-accordion .card-block { padding: 0; } .faq-accordion .card-header .card-title:before { font-family: 'FontAwesome'; content: "\f077"; font-size: 13px; font-weight: 300; width: 60px; height: 60px; background:#004d4d; float: left; text-align: center; line-height: 60px; } .faq-accordion .card-header .collapsed.card-title:before { content: "\f078"; font-size: 13px; font-weight: 300; } .foq-info p { font-size: 14px; line-height: 30px; } .foq-info { padding: 15px 0 35px; } /** Submit property start **/ .submit-property .checkbox { padding-left: 0; margin-bottom: 10px; } .submit-property .heading-2 { margin: 0 0 20px; font-size: 21px; font-weight: 600; } .submit-address form .input-text { width: 100%; padding: 10px 17px; font-size: 14px; border: 1px solid #e8e7e7; outline: none; color: #495057!important; height: 45px; border-radius: 2px; } .submit-address .bootstrap-select button { color: #495057; font-weight: 400; font-size: 14px!important; } .submit-address .search-fields{ min-height: 45px; border-radius: 2px; } .submit-address form textarea { min-height: 160px; } .submit-address form label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; font-size: 13px; color: #4d4d4d; } .pad-20 { padding: 25px; } .submit-address form .form-group { margin-bottom: 20px; } .dropzone-design { border: 2px dashed #d0d0d0; min-height: 100px; } .dropzone-design, .dropzone-design * { box-sizing: border-box; } .dropzone-design { min-height: 160px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px; } .dropzone-design.dz-clickable { cursor: pointer; } .dropzone-design.dz-clickable * { cursor: default; } .dropzone-design.dz-clickable .dz-message, .dropzone-design.dz-clickable .dz-message * { cursor: pointer; } .dropzone-design.dz-started .dz-message { display: none; } .dropzone-design.dz-drag-hover { border-style: solid; } .dropzone-design.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone-design .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone-design .dz-preview:hover { z-index: 1000; } .dropzone-design .dz-preview:hover .dz-details { opacity: 1; } .dropzone-design .dz-preview.dz-file-preview .dz-image { border-radius: 3px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone-design .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone-design .dz-preview.dz-image-preview { background: white; } .dropzone-design .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone-design .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone-design .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone-design .dz-preview:hover .dz-details { opacity: 1; } .dropzone-design .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone-design .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone-design .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone-design .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone-design .dz-preview .dz-details .dz-filename span, .dropzone-design .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone-design .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone-design .dz-preview .dz-image { border-radius: 3px; overflow: hidden; width: 120px; height: 120px; position: relative; transition: all 0.3s; display: block; z-index: 10; } .dropzone-design .dz-preview .dz-image img { display: block; filter: blur(0px); transition: all 0.4s; } .dropzone-design .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone-design .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone-design .dz-preview .dz-success-mark, .dropzone-design .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone-design .dz-preview .dz-success-mark svg, .dropzone-design .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone-design .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone-design .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone-design .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone-design .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone-design .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone-design .dz-preview.dz-error .dz-error-message { display: block; } .dropzone-design .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone-design .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone-design .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } .dropzone-design { position: relative; border: 2px dashed #d0d0d0; border-radius: 3px; background: #fcfcfc; transition: all 0.3s linear; display: inline-block; width: 100%; } .dropzone-design:before { position: absolute; height: 100%; width: 100%; content: ""; top: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)); background-color: #66676b; opacity: 0; z-index: 10; transition: all 0.3s linear; border-radius: 3px; } .dropzone-design:hover:before { opacity: 0.4; } .dropzone-design .dz-message { text-align: center; margin: 50px 0; font-size: 17px; color: #888; transition: all 0.3s linear; position: relative; z-index: 11; } .dropzone-design:hover .dz-message { color: #66676b; } .dz-message i { display: block; font-size: 32px; margin-bottom: 15px; } .dropzone-design .dz-default.dz-message span { display: inline; line-height: 117px; } /** Specifications start **/ .book-btn { display: block; height: 41px; margin-bottom: 15px; border-radius: 3px; } .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .page_loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; background: url(../img/loader.gif) center no-repeat #fff; } .slider-section .simple-slider { margin-bottom: 30px; } /** Icons library **/ .icon-lists .heading { margin: 0 0 10px 0; text-transform: uppercase; } .glyph { text-align: center; padding: 20px 15px; font-size: 12px; color: #555; } .glyph .glyph-icon { font-size: 24px; font-weight: 500; color: #555; } .glyph fieldset, .glyph .hidden-true { display: none; } .glyph .bshadow0 .lnr { font-size: 24px; color: #555; display: block; line-height: 35px; } .icon-lists mark { margin-bottom: 10px; display: inline-block; } .font-awesome-icons .col-print-4 { margin-bottom: 15px; } .font-awesome-icons { font-size: 14px; color: #555; } .font-awesome-icons .text-muted { display: none; } /** Portfolio item **/ .portfolio-item { margin-bottom: 30px; } .pg-4 .portfolio-item{ margin-bottom: 0; } /** Full page search **/ #full-page-search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 99999; } #full-page-search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #full-page-search input[type="search"] { position: absolute; top: 50%; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-weight: 300; text-align: center; border: 0; margin: 0 auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; font-size: 28px; } #full-page-search .btn { position: absolute; top: 50%; left: 50%; margin-top: 20px; margin-left: -45px; } #full-page-search .close { position: fixed; top: 15px; right: 15px; color: #fff; opacity: 1; padding: 10px 17px; font-size: 17px; outline: 0 auto -webkit-focus-ring-color; cursor: pointer; border-radius: 3px; background: #3a3a3a; } /* Mtb **/ .mtb-50 { margin: 50px 0; } .mtb-30 { margin: 30px 0; } /* Mt **/ .mt-20{ margin-top: 20px; } /* Mb **/ .mb-40 { margin-bottom: 40px; } .mb-35 { margin-bottom: 35px; } .mb-50 { margin-bottom: 19px; } .mb-30 { margin-bottom: 30px !important; } .mb-20 { margin-bottom: 20px; } .mb-10{ margin-bottom: 10px; } /** Option Panel **/ .option-panel { z-index: 9999; width: 215px; position: fixed; right: 0; top: 20%; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); padding: 20px 15px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .option-panel-collased { right: -215px; } .option-panel h2 { font-size: 14px; margin: 0 0 0 0; text-align: center; padding: 0 0 10px; font-weight: 500; } .option-panel .color-plate { width: 24px; height: 24px; float: left; margin: 3px; border-radius: 0; cursor: pointer; } @media all and (min-width: 1200px) { .property-box-2 .footer { position: absolute; width: 100%; bottom: -8px; } } @media all and (min-width: 992px) { .banner img { /*animation: bgburnsEast 25s linear infinite alternate; -webkit-animation: bgburnsEast 25s linear infinite alternate;*/ } .bannerf img { animation: bgburnsEast 25s linear infinite alternate; -webkit-animation: bgburnsEast 25s linear infinite alternate; } .dropdown:hover > .dropdown-menu { display: block; max-width: 700px; margin: auto; } .dropdown .dropdown-item:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .sticky-header { position: fixed; background: #004d4d; top: 0px; z-index: 999; width: 100%; border-bottom: 1px solid rgba(220, 220, 220, .2); z-index: 1111; } .sticky-header .nav-link::after { display: none !important; } .sticky-header .navbar-expand-lg .navbar-nav .nav-link { color: #fec705; } .sticky-header .open-offcanvas { color: #fff; display: inline-block; } .header-shrink { background: #000; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; box-shadow: 0 0 5px rgba(0, 0, 0, .1); top: 0px !important; } .header-shrink .navbar-expand-lg .navbar-nav .nav-link { color: #fec705; } .header-shrink .open-offcanvas { color: #515151; } .hide-carat .nav-link::after { display: none !important; } } /** Media **/ @media (max-width: 1200px) { .main-header .navbar-expand-lg .navbar-nav .nav-link { padding: 30px 4px; } .banner .banner-slider-inner h1 { font-size: 47px; margin-bottom: 20px; } .banner p { margin-bottom: 25px; } .main-header .navbar-expand-lg .user-account { padding: 30px 10px; } .main-header .form-inline .submit { margin-left: 10px; } .property-box-2 .facilities-list{ padding: 15px 20px; } .about-text { padding-left: 0; } .property-box .facilities-list li { margin-right: 21px; } .pages-404 .nobottomborder h1 { font-size: 34px; } .inline-search-area { max-width: 870px; } } @media (max-width: 992px) { .content-area { padding: 80px 0 50px; } .content-area-2 { margin-bottom: 80px; } .content-area-3 { margin-bottom: 50px; } .content-area-4 { padding: 80px 0 50px; } .content-area-5 { padding: 80px 0; } .content-area-6 { padding: 80px 0 50px; } .content-area-7{ padding:80px 0 65px; } .content-area-8 { padding: 80px 0 50px; } .content-area-9 { padding: 80px 0 70px; } .content-area-10{ padding: 80px 0 40px; } .content-area-11{ padding: 50px 0; } .tab-box-2 .nav-link { display: block; padding: .5rem .3rem; } .ui-item{ margin-bottom: 30px; } .alert-2{ margin-bottom: 30px; } .header-2{ padding: 0; } .main-title { margin-bottom: 40px; } .main-title h1 { margin-bottom: 10px; } .sub-banner { height: 265px; } .main-header .logo img{ height: 50px; } .main-header .logo { padding: 8px 0; } .search-area { padding: 25px 20px 5px; border-radius: 0; } .search-options-btn, .search-options-btn:hover { padding: 7px 10px 8px 10px; border-radius: 3px; } .search-options-btn, .search-options-btn i { margin-left: 0; } .search-area .form-group{ margin-bottom: 15px; } .about-slider-box { margin-bottom: 40px; } .about-text h3{ font-size: 26px; } .search-area-2 .range-slider { margin-top: 15px; margin-bottom: 1rem; } .bg-grea .range-slider { margin-top: 15px; margin-bottom: 1rem; } .search-area-2{ padding: 30px 0 10px; } .t-c{ text-align: center; } .heading-properties-3 h1 { font-size: 22px; margin-bottom: 10px; } .sub-banner .breadcrumb-area h1 { margin: 0 0 10px; font-size: 27px; } /*.sub-banner .breadcrumb-area {*/ /* top: 40%;*/ /*}*/ .banner_video_bg .carousel-item { height: 500px; } .main-title h1 { font-size: 31px; } .hidden-mb-20{ margin-bottom: 20px; } .category_long_bg { height: 350px; } .main-header .search-fields button { background: #efefef; } .main-header .inline-search-small .inline-search-area .search-col:first-child .form-control { border-radius: 50px 0 0 50px !important; background-color: #efefef; } .search-compare h4{ font-size: 20px; margin-bottom: 20px; text-align: center; } .search-compare .form-group{ margin-bottom: 20px; } .service-info-3 .detail{ padding: 30px 20px 30px; } .header-transparent { position: static; z-index: 9; width: 100%; background: #004d4d; height: 65px; } .banner .banner-slider-inner h1 { font-size: 40px; margin-bottom: 20px; } .banner .banner-slider-inner h2 { font-size: 40px; margin-bottom: 20px; } .banner p { margin-bottom: 20px; } .banner .banner-slider-inner { padding: 10px 12px; top: 0%; } .banner .banner-opt .banner-slider-inner h1 { font-size: 20px; } .banner .banner-opt .banner-slider-inner p { line-height: 22px; font-size: 14px; max-width: 90%; margin: 0px auto; margin-bottom: 5px; } .pages-404 .nobottomborder h1 { font-size: 30px; } .pb-hediin-60 { padding-bottom: 10px; } .pb-hediin-12{ padding-bottom: 12px; } .service-info.h-bdr { border: solid 1px #efefef; } .pages-404 .error404 { font-size: 150px; } .contact-2 .opening-hours { padding: 30px; } .contact-2 .main-title{ margin-bottom: 0px; } .main-header .navbar-expand-lg .navbar-nav .link-color:hover { background: #f9f9f9; } .main-header .dropdown-menu a { padding: 10px 30px; font-size: 13px; } .main-header .navbar-expand-lg .user-account { padding: 15px 10px; } .main-header .navbar-expand-lg .user-account li { font-size: 12px; } .main-header .form-inline .submit { margin: 0 0 50px 10px; font-size: 12px; } .navbar-light .navbar-toggler { border: none; font-size: 22px; font-weight: 100; } .navbar-toggler { padding: 7px 0; width: 35px; height: 35px; font-size: 1rem; border-radius: 0; outline: none; } .contect-agent-photo img { margin-top: 40px; } .team-2 .detail { padding: 10px 10px 20px 15px; left: -0; min-height:150px; } .about-text { padding: 0; } .inline-search-area .bootstrap-select button { border-bottom: solid 1px #e0e0e0 !important; } .banner .banner-slider-inner-2 h3 { font-size: 40px; } .b p{ margin-bottom: 0; } .search-options-btn, .search-options-btn:hover{ position: absolute; z-index: 10; } } @media (max-width: 768px) { .banner .slider-mover-left { width: 25px; height: 40px; line-height: 40px; } .content-area { padding: 0px !important; } .main-title h1 { font-size: 19px; } .carousel-caption { right: 7%; bottom: 0; left: 7%; } .comment-content .btn-1 { padding: 6px 15px; font-size: 12px; margin-bottom: 3px; } .faq-accordion .card-title { padding: 0 10px 0 15px; font-size: 9px; font-weight: 600; line-height: 45px; } .compare-table tr td { box-sizing: border-box; font-size: 13px; padding: 10px 7px; } .faq-accordion .card-header .card-title:before { font-size: 12px; width: 45px; height: 45px; line-height: 45px; } /*footer {*/ /* padding-top: 60px;*/ /*}*/ .dashboard-content { padding: 30px 15px 0; overflow: hidden; } .property-box-2 .price-box{ right: 30px; } .invoice .text-right { text-align: left !important; } .invoice .order { text-align: left; line-height: normal; } .invoice-mb-30{ margin-bottom: 20px; } .manage-table .title-container h2 { font-size: 16px; margin-bottom: 8px; } .manage-table .title-container h6 { font-size: 13px; } .manage-table .expire-date { font-size: 13px; padding: 0 10px 0 0; width: 15%; } .manage-table .action a { font-size: 12px; } .manage-table .listing-photoo { width: 25%; } .manage-table .title-container { padding: 0 10px; width: 45%; } .manage-table .expire-date { font-size: 13px; padding: 0 10px 0 0; width: 15%; } .manage-table .action { width: 15%; font-size: 13px; } .dashboard-header .breadcrumb-nav { right: 15px; display: inline-block; font-size: 15px; float: left; } .dashboard-header .breadcrumb-nav ul li { display: inline-block; list-style: none; margin: 0 15px 0 0; } .edit-profile-photo{ width: 160px; margin-bottom: 40px; } .invoice .table td, .table th { padding: 10px 5px; } .search-options-btn, .search-options-btn:hover { padding: 5px 8px 6px 8px; border-radius: 3px; font-size: 13px; } .banner-property-box .prl{ font-size: 13px; } .banner-property-box .rent { padding: 5px 16px; font-size: 10px; margin-right: 10px; } .main-title { margin-bottom: 0px; padding-top: 0px; } .main-header { box-shadow: 0 0 8px 0 rgba(0,0,0,.12); background: #004d4d; height: 65px; } .search-area-2 .form-group { margin-bottom: 10px; } .banner .slider-mover-right { width: 25px; height: 40px; line-height: 40px; } .banner .slider-mover-left i { font-size: 15px; } .banner .slider-mover-right i { font-size: 15px; } .property-meta{ padding: 20px 5px; } .search-area-2 { padding: 30px 20px 10px; } .coming-soon-inner .form-control { width: 65%; } .coming-soon-inner .btn, .coming-soon-inner .btn:hover, .coming-soon-inner .btn:active { width: 35%; } .property-meta ul li{ font-size: 14px; } .property-meta ul li i { margin-right: 7px; font-size: 17px; } .brand-box img { height: 60px; } .brand-box { margin-bottom: 30px; } .property-box-2 .footer { padding: 15px 35px 15px 35px; } .property-box-2 .facilities-list { padding: 15px 35px; } .property-box-2 .hdg { padding: 20px 35px; } .sub-banner { height: 240px; } .sub-banner .breadcrumb-area h1 { font-size: 23px; } .sub-banner .breadcrumbs li { font-size: 16px; } .footer .footer-item { padding-bottom: 8px; } .partners img { max-width: 120px; margin: 0 auto; } .sub-footer .copy { text-align: center; margin-bottom: 10px; } .contact-2 .contact-info .mrg-btn-50{ margin-bottom: 40px; } .contact-2 .contact-info p { margin: 10px 0 5px; } .sub-footer .social-list { float: none; } .footer #vr{ border-right: none; padding:0px 5px; } .footer #rv::br{ display:none; } .footer #rv{ padding:0px 5px; } .footer #hrs{ border-bottom: 1px solid #ffd11a; } .sub-footer { text-align: center; } .banner_video_bg .carousel-item { height: 300px; } .about-slider-box .Properties-info ul li i{ font-size: 18px; } .about-slider-box .Properties-info ul li h4 { font-size: 12px; } .coming-soon-inner { margin: 50px auto 30px; } .coming-soon-counter div { font-size: 32px; margin-bottom: 20px; padding: 0; background: transparent; } .coming-soon-inner h1{ font-size: 32px; margin-bottom: 40px; } .coming-soon-inner .coming-form{ max-width: 75%; margin: 20px auto; } .banner .banner-slider-inner h1 { font-size: 27px; margin-bottom: 10px; } .banner .banner-slider-inner h2 { font-size: 27px; margin-bottom: 15px; } .banner-6 .meta { font-size: 13px; } .banner-property-box .prl { margin-bottom: 15px; } .banner-property-box .meta ul li { margin-right: 20px; margin-bottom: 3px; padding: 0; background: transparent; } .banner-property-box .mb-30 { margin-bottom: 20px; } .banner .banner-slider-inner-2 h3 { font-size: 21px; margin-bottom: 10px; } .banner .btn-md { padding: 9px 15px; font-size: 12px; } .banner .btn-lg { padding: 7px 15px 3px 15px; letter-spacing: 0; line-height: 24px; font-size: 11px; } .btn-white-lg-outline { padding: 5px 13px 3px 13px !important; } .banner p { font-size: 13px; margin-bottom: 12px; } .form-content-box { margin: 40px auto; } .form-content-box h3 { margin: 0 0 20px; font-size: 17px; } .blog-social-list { float: left; margin-top: 20px; } .countdown .top { font-size: 30px; } .pages-404 .error404 { margin-bottom: 30px; font-size: 150px; } .pages-404 .nobottomborder h4 { font-size: 16px; } .pages-404 .nobottomborder { margin-bottom: 0; } .setting-button { font-size: 14px; width: 36px; height: 36px; line-height: 38px; left: -35px; } .inside-properties iframe { height: 220px; } .breadcrumbs { font-size: 12px; } .back-to-listings { height: 35px; line-height: 35px; width: 35px; font-size: 15px; } .search-area label { display: none; } .service-info-3 { margin-bottom: 65px; } .service-info-3.hidden-30 { margin-bottom: 30px; } .listings-parallax h1 { font-size: 25px; margin: 0 0 20px; } .listings-parallax{ text-align: center; padding-top: 60px; } .contact-details .media .media-left { padding-right: 20px; } .search-area-inner { margin: 0 -15px; } .search-contents .col-xs-12, .search-contents .col-xs-6 { padding: 3px 10px; } .search-box .form-group { margin-bottom: 0; } .blog-box .detail .tags-box { margin-bottom: 20px; } .blog-box .detail .blog-share { float: left; text-align: left; } .comments ul { margin: 0 0 0 0; } .comment-body { margin: 10px 0 0 0; line-height: 20px; padding: 10px 0 0 0; font-size: 13px; text-align: justify; } .blog-banner { text-align: center; padding: 40px 0; } .comment-content { margin: 0 0 0 80px; } .comment-author { height: 60px; width: 60px; } .form-content-box .details { padding: 30px 20px; } .sec-title-three h2 { margin-top: 0; } .content-area { padding: 60px 0 30px; } .content-area-2 { margin-bottom: 60px; } .content-area-3 { margin-bottom: 30px; } .content-area-4 { padding: 60px 0 30px; } .content-area-5 { padding: 10px 0; } .content-area-6 { padding: 60px 0 30px; } .content-area-7{ padding:5px 0 5px; } .content-area-8 { padding: 60px 0 30px; } .content-area-10{ padding: 60px 0 20px; } .content-area-11 { padding: 30px 0 20px; } .content-area-9{ padding: 60px 0 50px; } .about-text { padding: 0; } .search-area .form-group { margin-bottom: 10px; } .recent-properties-box .detail .location a { font-size: 14px; } .about-box { max-width: 100%; } .my-properties-box .detail .location { font-size: 14px; } .properties-amenities ul li { list-style: none; /*margin-bottom: 10px;*/ } .properties-condition ul li { margin-bottom: 10px; } .heading-properties h3 { font-size: 18px; } .heading-properties p{ font-size: 13px; } .heading-properties h5{ font-size: 13px; } .typography-page p { font-size: 13px; line-height: 25px; text-align: justify; } .breadcrumb-area .btn-md { padding: 10px 20px; } } @media (max-width: 580px) { .inline-search-area { max-width: 80%; } .banner-property-box .meta ul li { margin-right: 15px; } .manage-table .expire-date { display: none; width: 0%; } .manage-table .action a i { margin-right: 3px; } .manage-table .action { width: 18%; font-size: 13px; } .sub-banner { height: 270px; } .search-options-btn, .search-options-btn:hover { border-radius: 50px; } .setting-button { display: none; } .inline-search-area .search-col .form-control { height: 36px; padding-top: 13px; padding-bottom: 10px; } .inline-search-area button.btn-search { height: 36px; padding-top: 10px; } .inline-search-area .icon-append { top: 12px; } .inline-search-area .search-col .form-control, .inline-search-area button.btn-search, .inline-search-area .search-fields { margin-bottom: 10px; } .inline-search-area .search-fields { min-height: 36px; } .inline-search-area .btn { margin: 0 !important; } .inline-search-area .bootstrap-select button { padding: 0 15px 0 15px; border-radius: 0; } .inline-search-area .bootstrap-select .dropdown-toggle .filter-option { top: 5px; } .inline-search-area .dropdown-toggle::after { margin-top: 14px; } .banner-max-height img{ max-height: 300px; } } .sticky-header .navbar-expand-lg .navbar-nav .nav-link i{ padding-right: 5px; } .footer-item hr{ background: #ffc107; } #rvr li>a{ color: #fff; } #rvr li{ color: #fff; font-size: 10px; } .contactus{ min-height: 210px; padding: 7px; border: double #fec705; background: #004d4d; } .bg-light { background-color: #cec7c74d!important; } .navbar-nav { float: right; } .navbar-brand{ height: 54px; } /*.tab-content{ padding-bottom: 50px; }*/ .carousel-control.right,.carousel-control.left{ background-image:linear-gradient(to right,rgba(255, 255, 255, 0.04) 0,rgba(255, 255, 255, 0.02) 100%); } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ margin-left: -85px; } .carousel-control .icon-prev,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ margin-right: -85px; } .tabs-left { border-bottom: none; border-right: 1px solid #ddd; } .tabs-left>li { float: none; margin:0px; } .tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus { border-bottom-color: #ddd; border-right-color: transparent; background:#f90; border:none; border-radius:0px; margin:0px; } .nav-tabs>li>a:hover { /* margin-right: 2px; */ line-height: 1.42857143; border: 1px solid transparent; /* border-radius: 4px 4px 0 0; */ } .tabs-left>li.active>a::after{content: ""; position: absolute; top: 10px; right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #f90; display: block; width: 0;} .selctcat{ background: #fff; width: 100%; min-height: 35px !important; border-radius: 4px; border: 1px solid #e0e0e0; font-size: 14px; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{ background: #fff; } .selctcat select{ border: none;min-height: 23px;} .navbar-light .navbar-toggler-icon{ background-image: url("../img/menu-square-128.png"); } .searchnew{ width: 100%; border-right: solid 1px #e0e0e0!important; padding-left: 15px !important; } ::placeholder{ font-size: 13px; font-weight: 600; color: #545454!important; } /*.filter-portfolio { height: 1500px;*/ } .clientslogo{ padding-top: 80px;} .clientslogo img{ margin-bottom: 10px; } .buttop button{ margin-top: 30px;} .coming-soon-inner .section{ color: #fff; font-size: 20px; } .loadbg{ background: #000000b8; padding: 30px 50px; border-radius: 4px; } .butright, .butleft{ margin-right: 15px; } /** Testimonial **/ .testimonials { overflow: hidden; position: relative; max-height: 300px; } .testimonialbg { background: #f0f5f5; } .one-slide, .testimonial, .message { border: none !important; outline: none !important; } .icon-overlay { position: absolute; opacity: 0.3; right: 10%; top: 0; height: auto; width: 100%; max-width: 400px; } .carousel-controls .control { position: absolute; transform: translateY(-50%); width: 45px; height: 45px; border-radius: 50%; border: 2px solid #fec705; z-index: 1; } .prev { left: -2.25rem; } .next { right: -2.25rem; } @media screen and (max-width: 768px) { .testimonials { max-height: 700px; } .icon-overlay { height: 300px; top: calc(50% - 150px); } .carousel-controls .control { width: 25px; height: 25px; top: inherit; margin-left: 5px; margin-right: 5px; } .prev { left: 0; } .next { right: 0; } .control i { font-size: .7rem; } .testimonials .message { font-size: 1rem; } .testimonials h2 { font-size: 1.5rem; } } .w-100{ line-height: 20px; font-size: 14px; height: 170px; object-fit: cover; } .blockquote-footer{ color: #fec705; } .disclaimer p{ line-height:20px; color: #fec705 !important; padding: 7px; border-radius:4px; text-align: center; } .buttons { display: inline-block; text-decoration: none; color: #fff; font-weight: bold; background-color: #000000; padding: 1px 15px; font-size: 18px; border: 1px solid #000000; background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%); background-image: -o-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%); background-image: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%); background-image: -webkit-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%); background-image: -ms-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(68, 69, 70)), color-stop(1, rgb(0, 0, 0)) ); ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0px -1px 0px rgba(0,0,0,.5); -webkit-box-shadow: 0px 6px 0px #000000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow: 0px 6px 0px #000000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5); box-shadow: 0px 6px 0px #000000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5); } /.detail h4, { text-align: center; } .newcol{ background: #000; padding: 5px 15px 5px 15px; } .bgline{ background: #fec705; height: 28px; margin-top: 25px; } .headimg{ min-height: 193px; } .headbgdetails{ background: #000; } #propertiesDetailsSlider .carousel-inner .carousel-item img{ width: 100%; height: 320px; } .navbar-navimp{ flex-direction: row !important; } .navbar-nav .newlink{ float: left !important; flex-direction:row !important; } .facebook{ background: #091c77; padding: 4px 14px; } .facebook i{ color:#fff; } .twitter{ background: #1f41dc; padding: 4px 11px; } .twitter i{ color:#fff; } .google{ background: #b90a12; padding: 4px 11px; } .google i{ color:#fff; } .linkedin{ background: #091c77; padding: 4px 11px; } .linkedin i{ color:#fff; } .rss{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); padding: 4px 11px; } .rss i{ color:#fff; } .buttonscatg{ color:#fff; background-color: #fec705; padding:10px; } sub, sup{ font-size: 100%; top:none; } .bordertest p{ font-size: 14px; line-height: 20px; } .bordertest{ /*border: 3px solid #fec705 !important;*/ min-height: 150px; } .bordertest .message-bordertest{ padding: 12px 51px 12px 101px; } .bordertest:after { content: ""; position: absolute; border-top: 10px solid #fec705; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 43px; } /*newcss for form*/ #form-enquiry{ border-left: 2px solid red; } /*------------- Form ---------------*/ .nb-form { position: fixed; z-index: 9999; width: 300px; background: #FFF; right: 60px; bottom: -390px; transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s; border-radius: 10px 10px 0 0; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.17),0 1px 5px 0 rgba(0,0,0,0.13),0 3px 1px -2px rgba(0,0,0,0.5); } .nb-form:hover { bottom: 0px; } /*-- User Icon --*/ .nb-form .user-icon { position: absolute; top: -49px; right: 12px; display: block; width: 58px; margin: 20px auto 15px; border-radius: 100%; } /*-- Title --*/ .nb-form .title { background: #006666; font-size: 16px !important; color: #fff !important; border-radius: 10px 10px 0 0; } /*-- Text --*/ .nb-form p { font-size: 13px; margin: 0; padding: 13px; color: #666; } .nb-form p.message { margin-left: 7px; } /*-- Form Elements --*/ .nb-form form { padding: 0 15px 15px 15px; } .nb-form input, .nb-form textarea { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; width: 254px; max-width: 254px; margin-bottom: 10px; /*margin-left: 7px;*/ /*padding: 6px;*/ border: none; border-radius: 4px; color: #999; border-bottom: 1px solid #f0f0f0; } .nb-form input:focus, .nb-form textarea:focus { outline: none; box-shadow: none; } .nb-form input[type='submit'] { display: block; width: 120px; margin: 0 auto; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 20px; cursor: pointer; transition: all .4s ease; color: #fff !important; border: none; } .nb-form input[type='submit']:hover { box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1); } .nb-form textarea { min-height: 110px; } .nb-form ::-webkit-input-placeholder { color: #ccb0b0; } .nb-form ::-moz-placeholder{ color: #ccb0b0; } .nb-form :-ms-input-placeholder { color: #ccb0b0; } .nb-form :-moz-placeholder { color: #ccb0b0; } .nb-form input[type='submit'] { background: #fec705; } @media screen and (max-width: 676px) { .nb-form:hover .user-icon { display: block; } .nb-form .message { display: block; } .nb-form .p{ padding:2px 0; } .nb-form form { padding-top: 15px; } .nb-form{ right: 50%; bottom: -412px; left: 50%; transform: translateX(-50%); } } .cost{ padding-top:10px; } .progressbar { margin: 0; padding: 0; counter-reset: step; } .progressbar li { list-style-type: none; width: 20%; float: left; font-size: 12px; position: relative; text-align: center; text-transform: uppercase; color: #7d7d7d; } .progressbar li:before { width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 30px; border: 2px solid #7d7d7d; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: white; } .progressbar li:after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #7d7d7d; top: 15px; left: -50%; z-index: -1; } .progressbar li:first-child:after { content: none; } .progressbar li.active { color: green; } .progressbar li.active:before { border-color: #fec705; } .progressbar li.active + li:after { background-color: #fec705; } /** Services 2 start **/ .services-2 { background: url(../img/img-4.jpg); z-index: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .services-2 .service-info { padding: 15px 10px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); margin: 0 auto 30px; clip-path: polygon(0 15%, 10% 0, 100% 0%, 100% 100%, 0 100%); position: relative; border-radius: 20px; height: 180px; } .services-2 .clip-home{ clip-path: polygon(0 15%, 10% 0, 100% 0%, 100% 100%, 0 100%); position: relative; padding-top: 21px; } .services-2 .service-info:before { background: #004d4d; } .services-2 .service-info:before{ opacity: 0.8; content: ""; display: block; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; position: absolute; border-radius: 10px; } .services-2 .service-info .icon { max-width: 75px; height: 75px; margin: 0 auto; background: #fff; -webkit-border-radius: 50% / 14%; border-radius: 50% / 14%; } .services-2 .service-info h3{ color: #ffd11a; } .services-2 .service-info .icon i { font-size: 37px; line-height: 75px; } .services-2 .service-info p { color: #fff; } .services-2 .service-info h3 { margin-top: 18px; } .main-title-3 h1{ color:#fff; } .main-title-3 p{ color:#fff; } .service-info{ min-height: 150px; } .service-info h3 a{ color: #fff; font-size:15px; } .blocka .p-sub{ top:none; padding:5px 0; } .service-info .icon h2{ padding-top: 15px; color: #96958f; } [aos="fade"] { opacity: 0; transition-property: opacity; } [aos="fade"].aos-animate { opacity: 1; } /** Properties details Slider start **/ .properties-details-Slider .list-inline { position: relative; bottom: 2px; text-align: center; z-index: 2; margin: 0 auto; width: 100%; } .properties-details-Slider .carousel-indicators > li { height: initial; text-indent: initial; } .properties-details-Slider .smail-properties .list-inline-item { width: 100px; margin: 5px; box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4); height:60px; overflow:hidden; } .properties-details-Slider .heading-listing-3 { margin-bottom: 20px; letter-spacing: 1px; position: absolute; bottom: 30px; } .properties-details-Slider .heading-listing-3 h2 { font-size: 28px; font-weight: 600; line-height: 40px; margin: 0 10px 10px 0; float: left; padding: 5px; } .properties-details-Slider .heading-listing-3 .rent { color: #fff; } .properties-details-Slider .heading-listing-3 .rent { padding: 8px 18px; font-size: 12px; letter-spacing: 1px; border-radius: 50px; color: #fff; font-weight: 500; line-height: 40px; } .properties-details-Slider .location { font-size: 15px; font-weight: 500; color: #fff; margin-bottom: 10px; } .properties-details-Slider .heading-listing-3 .location i { margin-right: 5px; } .properties-details-Slider .ratings-2 { font-size: 13px; font-weight: 500; margin-bottom: 10px; } .properties-details-Slider .ratings-2 span { color: #fff; } .properties-details-Slider .price{ font-weight: 700; } .properties-details-Slider .price .month { color: #fff; font-weight: 400; } .properties-details-Slider .ratings-2 i { color: orange; } .properties-details-Slider h2 { color: #fff; } .pds-2 .heading-listing-3 { margin: 0 0 0 20px; letter-spacing: 1px; position: absolute; bottom: 30px; } .fixed-top-small { position: sticky; top: 80px; right: 0; left: 0; /*z-index: 1030;*/ } .home-loan-result-left-col{ font-size: 13px; font-weight: bolder; } .bg-dark { background-color: #006666!important; } .navbar-dark .navbar-nav .nav-link{ padding: 6px 19px; line-height: 17px; font-size: 14px; font-weight: 550; color: #dc3545; margin:1px; } .categorybulate{ list-style:square; padding-left: 25px; } .list-inline-item { background-color: #fec705d9 !important; } .tablepro{ padding-top: 5px; } .banner-property-box .meta ul .headings{ width: 145px; } .banner-property-box .meta ul .headingsm{ width: 170px; } .blog-1 .detail ol li{ padding-bottom: 5px; font-size: 15px; color: #535353; } .headertable{ text-align: center; } .blog-1 .detail ol li .read-more { color: #003333!important; padding-right: 5px; } .apply{ padding:30px; } .partners{ padding-top: 30px; padding-bottom: 30px; } .blocka{ background: #000; } .blocka p sup{ color: #fff; } .roi-dtls{ margin:0; } .service-features{ margin:0 0 10px 0; } .partners .partlogo img{ width: 100%; border: 1px solid #e0dada; margin-bottom: 10px; height: 85px; } .partners h5{ font-size: 15px; } .bg-active tr th{ font-size: 17px; padding: 10px 8px; } .bg-active1 tbody tr td{ font-size: 11px; padding: 10px 8px; } .textcolor{ color:#000 !important; } .properties-details-Slider .heading-listing-3 p{ color:#fff; background:#000000d9; padding: 10px; } .align-self-center h5{ font-size: 16px;} .inside-properties .partlogo { padding-bottom: 15px; } .inside-properties .partlogo img{ width: 100%; border: 1px solid #343a40; } .pricing-tables{ /*padding-top: 130px;*/ } .banner-6 { background-image: url(../img/banner/banner.jpg); background-size:cover; padding-top: 70px; } .banner h1{ color:#004d4d; } .img1{ width: 30%; } .col-{ padding-top: 8px; } .mainheadingbg{ /*background: #0000008f;*/ } .featuresof{ /*background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,1));*/ background-image: linear-gradient(to bottom right,#004d4d, #c2d6d6, #040404d1); } .textwhite{ color:#fff; } #progressbar { margin-bottom: 30px; overflow: hidden; counter-reset: step; position: relative; } #progressbar li { list-style-type: none; color: #000; text-transform: uppercase; font-size: 12px; width: 16%; float: left; position: relative; text-align: center; } #progressbar li:before { content: counter(step); counter-increment: step; width: 50px; line-height: 50px; display: block; font-size: 20px; color: #333; background: #fec705; border-radius: 50px; margin: 0 auto 5px auto; } #progressbar li:after { content: ''; width: 100%; height: 32px; background: #000; position: absolute; left: -50%; top: 9px; z-index: -1; } #progressbar li:first-child:after { content: none; } #progressbar li.active:before, #progressbar li.active:after{ background: #000000; color: white; } .process-right .row{ margin-left:0px; margin-right:0px; } .fa-close{ color:red; } .fa-check{ color:green; } .thead{ background:#004d4d; } .thead .th{ color:#fff; } .loan-comp{ padding:0 10px; } .subdiv1{ background: #5c5c5c; height: 320px; width: 5px; z-index: 9; margin: 6px 50% 6%; } .dhc-comp{ text-align:center; color: #000; padding:10px 0; font-weight:700; } .agent-comp{ text-align:center; color:#000; padding:10px 0; font-weight:700; } .difference{ background-image: linear-gradient(to bottom right,#ffc107, #c2d6d6, #6c757d); padding-bottom: 30px; } tbody .td{ background: #fff; } #pointer { width: 200px; height: 40px; position: relative; background: red; } #pointer li:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 20px solid white; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #pointer li:before { content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-left: 20px solid red; border-top: 20px solid transparent; border-bottom: 20px solid transparent; content: counter(step); counter-increment: step; } .tabhead{ font-size: 20px !important; } .textwhite li{ float: left; font-size:13px; } .textwhite li i{ padding-right: 1px; } .textwhite li{ padding-right: 10px; } .service-info1 { min-height: 190px; } .description, .description, .area, .near, .homel, .viewm, .emi, .contacts, .offer, .brochure{ padding-top: 30px; margin-top: -20px; } .overviews{ padding-top: 105px; } .Loanroi_years{ background: #fff; padding: 15px 0; } /*new highlighter*/ .navbar-dark .navbar-nav .nav-link.active { color: #000; } .infor_details{ position: fixed; z-index: 1008; background: #fff; width: 88%; } /*new highlighter*/ /*section new for bank in details page 13/07/24 */ .clearfix { clear: both; } .centerflipcards { display: block; text-align: center; margin: 20px auto; } .card-flip { width: 100%; height: 250px; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: perspective(1000px); -moz-transform: perspective(1000px); -ms-transform: perspective(1000px); transform: perspective(1000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; float: left; } .frontCard, .backCard { width: 100%; height: 100%; padding: 10px; -ms-transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); -webkit-transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); overflow: hidden; position: absolute; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .card-flip .frontCard { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); transform-style: preserve-3d; z-index: 1; } .card-flip:hover .frontCard { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); transform-style: preserve-3d; } .card-flip .backCard { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); transform-style: preserve-3d; z-index: 1; } .card-flip:hover .backCard { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); transform-style: preserve-3d; } .invCard, .applyCard2, .directionsCard { background: url() center center no-repeat content-box; background-size: cover; } .invCard2, .applyCard, .directionsCard2 { background: url() center center no-repeat content-box; background-size: cover; } .frontCard:before, .backCard:before { content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background-image: linear-gradient(to bottom right, #fff, #d3e0e0); opacity: 0.9 } .card-flip i { color: #fff; font-size: 4em; } .card-flip h2 { color: #000; font-family: "Montserrat", Arial, sans-serif, Helvetica; font-weight: 600; font-size: 19px; text-align: center; } .card-flip h3 { color: #17a2b8; font-family: "Montserrat", Arial, sans-serif, Helvetica; font-weight: 700; font-size: 17px; line-height: 24px; } .centerflipcards p { font-family: "Montserrat", Arial, sans-serif, Helvetica; font-size: 13px; margin-top: 10px; font-weight: 700; } .flip-button { display: block; width: 130px; padding: 10px; font-family: "Montserrat", Arial, sans-serif, Helvetica; font-weight: 300; font-size: 1.4em; color: #000; margin: 0 auto; border-radius: 2px; text-decoration: none; /*background: #2221ff;*/ /* Old browsers */ background: -moz-linear-gradient(-45deg, #4bbcff 0%, #4954de 49%, #2221ff 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(-45deg, #4bbcff 0%, #4954de 49%, #2221ff 100%);*/ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #4954de 0%, #4bbcff 49%, #2221fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4bbcff', endColorstr='#2221ff', GradientType=1); /* IE6-9 fallback on horizontal gradient */ opacity: .7; } a.flip-button:hover { opacity: 1; color: #17a2b8; text-decoration: none; } /*CARD FLIP ANIMATION*/ .card-container img{ width: 166px; } .card-container { padding: 0 35px; text-align: center; position: relative; top: 50%; -ms-transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); -webkit-transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); -webkit-transform: translateY(-50%) translateX(0px) scale(1); -ms-transform: translateY(-50%) translateX(0px) scale(1); transform: translateY(-50%) translateX(0px) scale(1); transform-style: preserve-3d; z-index: 2; } .card-flip:hover .card-container { -webkit-transform: translateY(-50%) translateX(-650px) scale(.88); -ms-transform: translateY(-50%) translateX(-650px) scale(.88); transform: translateY(-50%) translateX(-650px) scale(.88); transform-style: preserve-3d; } .card-container2 { padding: 40px; text-align: center; position: relative; top: 50%; -ms-transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); -webkit-transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); transform-style: preserve-3d; z-index: 2; } .card-flip:hover .card-container2 { -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); transform-style: preserve-3d; } /*ADD SHADOWS OPTIONAL*/ .card-flip .frontCard .boxshadow, .card-flip .frontCard .textshadow, .card-flip .backCard .boxshadow, .card-flip .backCard .textshadow { -ms-transition: 0.60s; transition: 0.60s; -webkit-transition: 0.60s; } .card-flip .frontCard .boxshadow { -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3); box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3); } .card-flip .frontCard .textshadow, .card-flip i { -webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.8); } .card-flip:hover .frontCard .boxshadow, .card-flip:hover .frontCard .textshadow { -webkit-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); -moz-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); } .card-flip .backCard .boxshadow { -webkit-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); -moz-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); box-shadow: 240px 42px 58px -8px rgba(255, 217, 3, 0.0); border: 0.5px solid; } .card-flip .backCard .textshadow { -webkit-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); -moz-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0.0); } .card-flip:hover .backCard .boxshadow { -webkit-box-shadow: 25px 25px 50px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 25px 25px 50px 0px rgba(0, 0, 0, 0.8); box-shadow: 25px 25px 50px 0px rgba(255, 217, 3, 0.8); } .about_colla{ background: #dfede2; } /*section new for bank in details page end here 13/07/24 */ .animated { animation-duration: 3.5s; animation-fill-mode: both; animation-iteration-count: infinite; } @keyframes pulse { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } .pulse { animation-name: pulse; animation-duration: 1s; } .detail-info{ padding-top: 81px; } .all_space{ padding-top: 95px; } #TenureLoan{ padding: 40px 0; } .nav_details{ position:fixed; /*top:0;*/ left:0; background: #f0f5f1; height:47px; width:100%; z-index: 1; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 8px 20px 0 rgba(0, 0, 0, .1); ul{ margin:0; padding:0; list-style:none; position:relative; display:table; margin:0 auto; li{ display:table-cell; a{ padding:10px 20px; display:block; color:#004d4d; text-decoration:none; font-weight: 600; transition:all 0.3s ease-in-out; &:hover{ color:#6c757d; border-bottom:3px solid #ffc107; } } } .active{ a{ color:#ffc107; border-bottom:3px solid #ffc107; } } } } .table td{ font-size: 15px;} .service-info1 h4{ font-size: 17px; padding-top: 20px; } /**Provcess index2*/ .process-box{ background: #fff; padding: 5px 5px; border-radius: 15px; position: relative; box-shadow: 2px 2px 7px 0 #00000057; } .process-left:after{ content: ""; border-top: 10px solid #ffffff; border-bottom: 10px solid #ffffff; border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; display: inline-grid; position: absolute; right: -9px; top: 35%; transform: rotate(45deg); box-shadow: 3px -2px 3px 0px #00000036; z-index: 1; } .process-right:after{ content: ""; border-top: 10px solid #ffffff00; border-bottom: 10px solid #ffffff; border-left: 10px solid #ffffff; border-right: 10px solid #ffffff00; display: inline-grid; position: absolute; right: 157px; top: 36%; transform: rotate(45deg); box-shadow: -1px 1px 3px 0px #0000001a; z-index: 1; } .process-step{ background: #fec705; text-align: center; width: 63%; margin: 0 auto; color: #fff; height: 100%; padding-top: 1px; position: relative; top: -15px; border-radius: 0px 0px 10px 10px; box-shadow: -3px 3px 0px 0px #5c5c5c9e; } .process-point-right{ background: #ffffff; width: 18px; height: 18px; border-radius: 50%; border: 3px solid #fec705; box-shadow: 0 0 0px 6px #5c5c5c; margin: auto 0; position: absolute; bottom: 41px; left: -23px; } .process-point-right:before{ content: ""; height: 95px; width: 11px; background: #5c5c5c; display: inline-grid; transform: rotate(36deg); position: relative; left: -34px; top: 4px; } .process-point-left{ background: #ffffff; width: 20px; height: 20px; border-radius: 50%; border: 8px solid #fec705; box-shadow: 0 0 0px 4px #5c5c5c; margin: auto 0; position: absolute; bottom: 41px; right: -6px; } .process-point-left:before { content: ""; height: 95px; width: 11px; background: #5c5c5c; display: inline-grid; transform: rotate(-37deg); position: relative; left: 34px; top: 1px; } .process-last:before{ display: none; } .process-box p{ z-index: 9; } .process-step p{ font-size: 15px; text-align: center; } .process-step h2{ font-size: 17px; } .process-step:after{ content: ""; border-top: 5px solid #04889800; border-bottom: 5px solid #fec705; border-left: 5px solid #04889800; border-right: 5px solid #fec705; display: inline-grid; position: absolute; left: -10px; top: 0; } .process-step:before{ content: ""; border-top: 5px solid #ff000000; border-bottom: 5px solid #fec705; border-left: 5px solid #fec705; border-right: 5px solid #ff000000; display: inline-grid; position: absolute; right: -10px; top: 0; } .process-line-l{ background: white; height: 4px; position: absolute; width: 69px; right: -77px; top: 41px; z-index: 9; } .process-line-r{ background: white; height: 4px; position: absolute; width: 83px; left: -85px; top: 35px; z-index: 9; } .roi-details{ padding-top:50px; display:block; } .noleftpadd{ text-align: center; } .noleftpadd h5, .noleftpadds h5{ font-size: 14px; font-weight: 600; } .subdiv{ background: #5c5c5c; height: 500px; width: 5px; z-index: 9; margin: 1px 50% 50%; } .comparesion{ /*margin: 0 0 10px 0;*/ /*background: #004d4d;*/ } .copm-property{ padding: 4px 2px 4px 10px; background: #fff; color: #000; list-style-type: none; font-size: 14px; } .copm-property .fa-check{ padding: 0 6px 0px 0px; font-size: 23px; } .copm-property-dhc{ padding: 4px 2px 4px 10px; background: #ffc107; font-size: 14px; color: #000; list-style-type: none; } .copm-property-dhc .fa-close{ padding: 0 6px 0px 0px; font-size: 23px; } /*option*/ .select2-container{ font-size: 13px; font-weight: 600; color: #545454!important; width: 100% !important; } .select2-container--default .select2-selection--single{ border: 1px solid #e0e0e0 !important; border-radius: 4px; padding: 7px 0px 0px 10px; height: 45px !important; font-size: 13px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background: #fec705 !important; color: #fff !important; } .detailadd{ padding-bottom: 25px;} .sub-heading h1{ font-weight: 700; font-size: 20px; padding-bottom: 35px; } .budget{ text-align: center; max-width:100%; } .working1{ padding: 5px!important; } .float{ position:fixed; width: 27px; height: 27px; bottom:130px; right:30px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size: 13px; box-shadow: 1px 1px 1px #949292ed; z-index:100; } .my-float{ margin-top:8px; } .float1{ position:fixed; width:27px; height:27px; bottom: 85px; right:30px; background-color:#fec705; color:#FFF; border-radius:50px; text-align:center; font-size:13px; box-shadow: 1px 1px 1px #949292ed; z-index:100; } .my-float1{ margin-top:8px; } .dtrs-perty{ padding:0px; } .modal-title{ font-size:17px; } /*---------new review--------------------*/ /*{*/ /* margin-top: 100px !important;*/ /* }*/ .testimonial{ border-right: 4px solid #2A3D7D; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); padding: 30px 30px 30px 130px; margin: 0 15px 30px 15px; overflow: hidden; position: relative; background: #fff; } .testimonial:before{ content: ""; position: absolute; bottom: -4px; left: -17px; border-top: 25px solid #29D18B; border-left: 25px solid transparent; border-right: 25px solid transparent; transform: rotate(45deg); } .testimonial:after{ content: ""; position: absolute; top: -4px; left: -17px; border-top: 25px solid #29D18B; border-left: 25px solid transparent; border-right: 25px solid transparent; transform: rotate(135deg); } .testimonial .pic{ display: inline-block; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; position: absolute; top: 60px; left: 20px; } .testimonial .pic img{ width: 100%; height: auto; } .testimonial .description{ font-size: 12px; letter-spacing: 1px; color: #6f6f6f; line-height: 25px; margin-bottom: 15px; } .testimonial .title{ display: inline-block; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #29D18B; margin: 0; } .testimonial .post{ display: inline-block; font-size: 15px; color: #29D18B; font-style:italic; } .owl-theme .owl-controls .owl-page span{ border: 2px solid #2A3D7D; background: #fff !important; border-radius:0 !important; opacity: 1; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span{ background: #29D18B !important; border-color:#29D18B; } @media only screen and (max-width: 767px){ .testimonial{ padding: 20px; text-align: center; } .testimonial .pic{ display: block; position: static; margin: 0 auto 15px; } } /*-----------Ritesh Css For New clasa & Id--------------*/ .anit-h3 strong{ display: inline-block; padding: 0px; font-size: 13px; border: solid 1px rgba(0, 0, 0, 0); -webkit-border-radius: 4px; border-radius: 4px; -webkit-animation: highlight 3s infinite; animation: highlight 3s infinite; -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes highlight { 0% { margin: 0px; padding: 0px; border: solid 1px rgba(0, 128, 0, 0); color: rgb(0, 0, 0); } 50% { margin: -2px; padding: 2px; border: solid 1px rgba(0, 128, 0, 1); color: rgb(0, 128, 0); } 100% { margin: -6px; padding: 6px; } } @keyframes highlight { 0% { margin: 0px; padding: 0px; border: solid 1px rgba(0, 128, 0, 0); color: rgb(0, 0, 0); } 50% { margin: -2px; padding: 2px; border: solid 1px rgba(0, 128, 0, 1); color: rgb(0, 128, 0); } 100% { margin: -6px; padding: 6px; } } /*----new css for calculator view------------*/ .home-loan-result{ flex-direction: row; flex-wrap: nowrap; } .home-loan-view{ margin-top: -4px; font-weight: 700; } /*-----------testimonialcss new design------------------*/ /*h3{*/ /* margin: 0;*/ /* }*/ /* a:hover, a:focus{*/ /* text-decoration: none;*/ /* }*/ /* .testimonial{*/ /* background: #4D241C ;*/ /* padding: 30px 32px 30px 90px;*/ /* margin: 50px 20px 50px 120px;*/ /* border-radius: 0 100px 100px 0;*/ /* color: #fff;*/ /* position: relative;*/ /* border: 5px solid #D0AB6D;*/ /* }*/ /* .testimonial .pic{*/ /* width: 210px;*/ /* height: 210px;*/ /* line-height: 200px;*/ /* border-radius: 50%;*/ /* border: 14px solid #D0AB6D;*/ /* position: absolute;*/ /* top: -15px;*/ /* left: -120px;*/ /* overflow: hidden;*/ /* }*/ /* .testimonial .pic img{*/ /* width: 100%;*/ /* height: 100%;*/ /* }*/ /* .testimonial .testimonial-info{*/ /* display: inline-block;*/ /* width: 35%;*/ /* float: left;*/ /* font-size: 20px;*/ /* font-weight: 700;*/ /* color: #fff;*/ /* text-transform: uppercase;*/ /* letter-spacing: 0.5px;*/ /* padding: 28px 25px;*/ /* margin: 0;*/ /* border-right: 1px solid #D0AB6D;*/ /* }*/ /* .testimonial .testimonial-info small{*/ /* display: block;*/ /* font-size: 12px;*/ /* color: #fff;*/ /* margin-top: 5px;*/ /* }*/ /* .testimonial .description{*/ /* display: inline-block;*/ /* width: 65%;*/ /* font-size: 15px;*/ /* color: #fff;*/ /* letter-spacing: 0.5px;*/ /* margin-bottom: 0;*/ /* padding: 28px 0 28px 28px;*/ /* position: relative;*/ /* }*/ /* .testimonial .description:before{*/ /* content: "\f10d";*/ /* font-family: fontawesome;*/ /* position: absolute;*/ /* top: 0;*/ /* left: 10px;*/ /* font-size: 20px;*/ /* color: #D0AB6D;*/ /* }*/ /* .testimonial .description:after{*/ /* content: "\f10e";*/ /* font-family: fontawesome;*/ /* font-size: 20px;*/ /* color: #D0AB6D;*/ /* position: absolute;*/ /* bottom: 5px;*/ /* }*/ /* .owl-theme .owl-controls .owl-page.active span,*/ /* .owl-theme .owl-controls .owl-page span{*/ /* width: 25px !important;*/ /* height: 7px !important;*/ /* background: #4D241C !important;*/ /* box-sizing: content-box;*/ /* }*/ /* .owl-theme .owl-controls .owl-page span{*/ /* border: 4px solid transparent;*/ /* background: #D0AB6D !important;*/ /* }*/ /* @media only screen and (max-width: 767px){*/ /* .testimonial{*/ /* border-radius: 40px;*/ /* margin: 90px 15px 0;*/ /* padding: 100px 40px 30px 40px;*/ /* }*/ /* .testimonial .pic{*/ /* position: absolute;*/ /* top: -85px;*/ /* left: 0;*/ /* right: 0;*/ /* margin: 0 auto;*/ /* }*/ /* .testimonial .testimonial-info{*/ /* width: 100%;*/ /* float: none;*/ /* border-right: none;*/ /* text-align: center;*/ /* border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/ /* }*/ /* .testimonial .description{*/ /* width: 100%;*/ /* }*/ /* }*/ /* @media only screen and (max-width: 480px){*/ /* .testimonial{ padding: 100px 30px 30px; }*/ /* }*/ /*-----------testimonialcss new design-end------------------*/ /*------------for counter effect about-page------------------*/ .counter-box { display: block; background: #f6f6f6; padding: 40px 20px 37px; text-align: center } .counter-box p { margin: 5px 0 0; padding: 0; color: #909090; font-size: 13px; font-weight: 600; text-align: center; } .counter-box i { font-size: 60px; margin: 0 0 15px; color: #d2d2d2 } .counter { display: block; font-size: 32px; font-weight: 700; color: #666; line-height: 28px } .counter-box.colored { background: #004d4d; box-shadow: 2px 2px #f3f0ee, 1em 0 0.7em #0a6c69; } .counter-box.colored p, .counter-box.colored i, .counter-box.colored .counter { color: #fff } /*------------for counter effect about-page-end------------------*/ /*------------------index page property-----------------*/ .home-banner{ width: 100%; } .modal-footer{ padding: 5px; } /*------------------index page property end-----------------*/ /*------------------about page property-----------------*/ .aboutus{ text-align: justify; } /*------------------about page property end-----------------*/ .details-view .other-charge{ color: #dc3545; font-size: 11px; margin-left:2px; } #spcecification { padding-top: 9px; font-size: 12px; font-weight: 500; padding-left:10px; } #h5-viewallp{ font-size:15px; } .dsprice{ padding:3px 0 0 0; } .dsprice h5{ padding:5px 0 0 0; } .btn-warning,.btn-danger{ width:100%; border-radius:10px; padding-top:9px; margin-bottom:5px; } .filter-btn{ border-radius: none !important; width:100%; font-weight:600; background: #ffc107; } .dsviewprt{ padding:10px; } #viewprt1{ padding-top:20px; margin-left:0px; margin-right:0px; } #radio{ height:12px; width:13px; margin-right:19px; margin-top:4px; } .fw{ font-size:14px; font-weight:600; padding:0 0 10px; } .fwf{ max-height: 100px; overflow:auto; padding:10px 0px; } .budget .serch{ padding-left:0px; padding-right:0px; } .srch{ width: 100%; margin-right: -15px; padding-right: 0px; } .rch{ width: 100%; padding-right:0px; margin-left:0px; } .nav{ float:right; } .nav a{ padding:0 10px; } .nav a>.fa-whatsapp{ color:#fff; background-color:#33cc33; padding:4px; border-radius:4px; box-shadow: 3px 2px 3px 1px rgba(0, 0, 121, .2); } .nav a>.fa-copy{ color:#000; background-color:#ffc107; padding:4px; border-radius:4px; box-shadow: 3px 2px 3px 1px rgba(0, 0, 121, .2); } .mrq{ background:#004d4d; border:1px solid #fff; margin:0; margin-top: 10px; padding-top: 7px; } marquee{ color: #fff; direction: right; font-family: cursive; } .details-view{ padding-top: 75px; } .details-sld{ margin-left:0px; margin-right:0px; } #spcecification{ padding-top:9px; } .info-dtls{ padding-top:50px; background:#fff; padding-bottom:30px; background-blend-mode:overlay; } .Banks-Approved{ box-shadow: 1px 1px 1px 1px lightgray; padding:10px; background: #fff; height: 160px; /*margin-top:40px;*/ /*border-top: .7px solid #000;*/ /*border-left:.7px solid #000;*/ } .banks-logo { max-height:80px; width:100%; } .banks-logo .partlogo{ display:inline-block; padding:2px; border:1px solid #004d4d; background:#FFF; width: 32%; } .banks-logo .partlogo >img{ width: 100%; height: 80px; } .propertie-description{ box-shadow: 1px 1px 1px 1px lightgray; padding:10px; background: #fff; /*height: 126px;*/ } .NearByPlace{ box-shadow: 1px 1px 1px 1px lightgray; padding:10px; margin-bottom: 10px; background: #fff; height: 126px; /*margin-top:50px;*/ } .NearByPlace li{ font-weight:500; font-size:14px; } .NearByPlace li>i{ color:#FEC705; padding:0 6px; } .mb-ldp__lux-amenities { display: flex; flex-wrap: wrap; } /*----------------New css Code services of view all property--------------*/ .tble-rkr{ margin-right: 0px; margin-left: 0px; box-shadow: 2px 3px 2px #004d4d; border: 1px solid gray; border-radius: 24px; margin-top:4px; margin-bottom:13px; padding:12px; } .rkr{ /*overflow: auto;*/ /*height: 500px;*/ /*padding: 19px;*/ } .inside-properties,#vll-imge{ width:100%; height:200px; } .services .sr-view{ padding-top:80px; } /*----modalbof view all properties section page on click of get contact details-----*/ .mdfd{ padding-top:50px; } .detail> img{ position:revert; margin:auto; background:#000; } /*--------footer section SEO--------------------*/ .area-location a{ font-size: 12px; } .area-location a> .fa-check{ padding-right:5px; color:#ffc107; } /*-------------footer section SEO end-----------------*/ .footer-inner{ padding-top: 30px; } /*---------------------dhcloan section desktopview-------------*/ .customer-result{ padding-top: 25px; padding-bottom: 25px; } /*----------dhcloan about section------------------*/ .about-dhcloan{ padding: 45px 0; } /*----------dhcloan contact section------------------*/ .loan-enquiry{ padding: 50px 0; } /*----------dhcloan about section------------------*/ /*-------------filter property mobile---------*/ .mobile-filter{ display: none; } input { background-color: var(--color-realbox-background); border: none; border-radius: var(--ntp-realbox-border-radius); color: var(--color-realbox-foreground); font-family: inherit; font-size: inherit; height: 100%; outline: 0; padding-inline-end: calc(var(--ntp-realbox-voice-icon-offset) + var(--ntp-realbox-icon-width) + var(--ntp-realbox-inner-icon-margin)); padding-inline-start: 52px; position: relative; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); } .mob-filter-btn{ background:#ffbc03; color:#000; border:#000; font-weight:500; text-align:center; } cr-realbox-icon { height:100%; left: 12px; position: absolute; top: 0; } /*input[type="search" i] {*/ /* appearance: auto;*/ /* box-sizing: border-box;*/ /* writing-mode: horizontal-tb !important;*/ /* padding-block: 1px;*/ /* padding-inline: 2px;*/ /*}*/ .loan-serv{ padding: 0 30px; } /*-----Mobile view of max-425px----------*/ @media (min-width: 320px) and (max-width: 767px) { /* For mobile phones: */ .details-view{ padding-top: 81px; } .detail-info{ padding-top: 67px; } .nav_details { & ul { & li { a { padding: 10px 11px; display: block; color: white; text-decoration: none; transition: all 0.3s ease-in-out; font-size: 13px; } } } } .mrq { margin-top: 10px; padding-top: 0px; } #propertiesDetailsSlider .carousel-inner .carousel-item img { height: 200px; } .properties-details-Slider .smail-properties .list-inline-item { height: 40px; } .smail-properties .list-inline-item a img { height: 40px; } .info-dtls { padding-top: 20px; padding-bottom: 15px; } .banks-logo .partlogo{ width:31%; height:50px; margin-left: 3px; } .NearByPlace ul>li { font-weight: 500; font-size: 11px; width: 50%; } .banks-logo .partlogo>img{ width: 100%; height: 44px; /*padding: 2px;*/ /*margin: 2px;*/ } .infor_details{ width: 92%; } .navbar-dark .navbar-nav .nav-link{ padding: 6px 4px !important; font-size: 14px !important; line-height: 10px !important; } .properties-amenities ul li{ list-style: none; /*margin-bottom: 10px;*/ float: left; width: 50%; font-size: 11px; font-weight: 500; } .inside-propeties .heading-2{ padding-top:20px; font-size:15px; } .heading-2{ font-size:17px; } #navbarSupportedContent{ background: #fff; font-size:12px !important; padding:0px; z-index: 10; margin-top: 13px; } /*-------footer section for SEO-----------*/ .footer-inner { padding-top: 20px; } .area-location a { font-size: 8px; } .properties-area #location-col{ width:50%; } #spcecification { padding-top: 9px; font-size: 9px; font-weight: 600; padding-left:10px; } .share{ display:inline-block; } .share span { width: 100%; left: 0%; } .share a{ line-height: 50px; width: 50px; } /*-------------------code for viewall property page-------------------*/ .services .sr-view { padding-top: 0px; } #title{ font-size: 19px; font-weight: 500; padding-top: 20px; } #viewprt1 { padding-top: 13px; } .virw11{ margin-left:1px; margin-right:1px; } .rkr { /*overflow: auto;*/ /*height: 500px;*/ /*padding: 5px;*/ } #table .tble-rkr{ margin-right: 0px; margin-left: 0px; box-shadow: 2px 3px 2px #004d4d; border: 1px solid gray; border-radius: 24px; margin-top:4px; margin-bottom:10px; /*padding:11px;*/ } .dsviewprt { padding:10px; padding-right:0px; padding-left:0px; } #table .dsviewprt { padding-top: 75px; font-size: 13px; } .btrn.btn{ margin-bottom:8px; } .btrn{ margin-left:0px; margin-right:0px; } /*------------------------index page property---------------------------*/ .main-title h1 { font-size: 23pxx; font-weight: 700; padding-bottom: 10px; padding-top: 25px; color: #004d4d; } .w-100{ font-size: 15px; line-height: 20px !important; height: 200px; } .services-2 .service-info { padding: 5px 6px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); margin: 0 auto 20px; height: 130px; } /*------------------about of property dhc------------------------------*/ .counter-c1 { padding: 21px; } .counter-box { padding:0; margin: 13px; padding: 9px; } /*-------dhc contact page-----------*/ .contact-form-ctf { padding: 2px 0; } .contactus{ margin-bottom:8px; } .opening-hours{ margin-top:10px; margin-bottom: 10px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); } /*-----------filter search-----------*/ .mob-filter1{ font-size:11px; font-weight:500; } .form-control { font-size: 13px; } .mobile-filter{ display:block; padding: 20px 0; background-color: #ffc107; } .filter-area{ display:none; } .mob-filter-btn{ margin-right: 10px; margin-left: 10px; background:#ffbc03; color:#000; border:#000; font-weight:500; text-align:center; } .filter-option{ padding: 15px 0; } .ritesh-sticky{ padding-top: 45px; } /*------------toggle header---------*/ .navbar-nav .nav-item{ /*border-bottom: 1px solid #6c757d;*/ } .navbar-nav .nav-item:hover a{ background: #fff; visibility: visible; top: 100%; width: 100%; /*-webkit-transition: all .7s, background, 2s .7s linear;*/ /*transition: all .7s, background 2s .7s linear;*/ } /*------------------dhcloan secton-------------------*/ .customer-result{ padding-top: 15px; font-size: 21px; font-weight: 600; } .loan-abt{ padding-top:13px; font-size: 23px; } .about-dhcloan{ padding: 30px 0 0; } .helping-sentar .contact-2 .heading { font-size: 21px; } .loan-enquiry{ padding: 30px 0; } .sticky-header { position: fixed; height: 67px; background: #004d4d; top: 0px; z-index: 999; width: 100%; border-bottom: 1px solid rgba(220, 220, 220, .2); z-index: 1111; } .loan-serv{ padding: 0; } .properties-description{ padding: 10px; box-shadow: 1px 1px 1px 1px lightgray; } .overviews{ padding-top: 97px; margin-top: 0px; padding-bottom:20px; } .partners .partlogo { width: 50%; } .pricing-1 .plan-header { padding: 15px; height: 57px; } .counters{ height: 907px; } #counter-ct{ padding: 40px 0; } .counter-box.colored{ box-shadow: 1.5px 1.5px #f3f0ee, 0.5em 0 0.5em #0a6c69; } .sub-banner1{ height: 320px; } .home-banner{ height: 320px; } .sub-banner { height: 320px; } .sub-banner1 .breadcrumb-area h1{ font-weight: 600; font-size: 31px; } .sub-banner .breadcrumb-area h1{ font-weight: 600; font-size: 31px; } .best-deal{ margin-top: -24px; } .bordertest .message-bordertest{ padding: 5px; } .subdiv1{ Display:none; } .copm-property { font-size: 10px; font-weight: 500; font-family: Georgia, serif; } .copm-property-dhc{ font-size: 10px; font-weight: 500; font-family: Georgia, serif; } .copm-property-dhc .fa-close{ font-size: 17px; } .copm-property .fa-check{ font-size: 17px; } .navbar-dark .navbar-nav .nav-link:hover{ color:#000; } Save